/*@import url('font-face.css');*/


*{outline: none; text-decoration: none;}
html{width: 100%;}
html, body {overflow-x: hidden; min-height: 100%; box-sizing: border-box; width: 100%; background:#fff; margin: 0;font-size: 16px;font-weight:normal; user-select: none; font-family: 'Poppins', sans-serif;}
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
div, h1, h2, h3, h4, h5, h6, p, input, form, li {
    margin: 0;
    padding: 0;
    font-family: 'Poppins', sans-serif;
}

img {
    border: none;
}
ul {
    list-style: none;
}
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}
a {text-decoration: none;}
a:hover{text-decoration: none;cursor: pointer;}
a:focus {box-shadow: none;outline: none}
input:focus{box-shadow: none !important;outline: none!important;}

/* ~~~~~~~~~ Genaral  CSS ~~~~~~~~~ */

.mainComponent{padding-bottom: 100px; overflow-x: hidden;}
header {position: relative;}
.navbar {box-shadow: 0 0 20px 1px #ddd;}
.navbar>.container-fluid {padding: 0 90px;}
.logo {margin-top: 40px; position: absolute;}
.logo img {max-width: 100%}
.login {display: inline-flex; align-items: center; font-size: 17px; color: #220808;}
.login a { color: #220808; font-weight: 500;}
.login img {margin-right: 7px;}

.headerText {display: inline-block; max-width: 404px; font-size: 19px; font-style: italic; margin-top: 194px; font-weight: 700; color: #0b3c52;}
.bannerImage {display: inline-block; max-width: 600px; margin-right: 25px;}
.bannerImage img {width: 100%;}
.bg-dark { background-color: #e5ffe5!important; padding: 0; }
.navbar-dark .navbar-nav .nav-link { color: #13817e; position: relative; margin-top: 10px; transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -khtml-transition: all ease-in-out 0.5s;}
.navbar-dark .navbar-nav .nav-link:focus{ color: #033433; }
.navbar-dark .navbar-nav .nav-link:hover { color: #033433; margin-top: 0; padding-bottom: 10px;}
.navbar-dark .navbar-nav .nav-link:hover:after {content: ""; position: absolute; background: url(../image/menu-line.png) left top no-repeat; background-size: 25px 3px; height: 3px; width: 25px; display: inline-block; bottom: 0; left: 50%; transform: translate(-50%, 0);}
.navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .show>.nav-link {background: url(../image/menu-line.png) center 30px no-repeat; background-size: 25px 2px; color: #033433; margin-top: 0; padding-bottom: 10px;}
.banner .carousel-control-next, .carousel-control-prev {width: 30px; height: 30px; top: 90%; z-index: 3;}
.banner .carousel-control-prev { background: url(../image/prev.png) left top no-repeat; opacity: 1 !important; height: 75px; width: 75px; display: inline-block; left: 200px; top: 30%;}
.banner .carousel-indicators { display: none;}
.banner .carousel-control-next { right: 200px; opacity: 1 !important; top: 30%; background: url(../image/next.png) left top no-repeat; height: 75px; width: 75px; display: inline-block; }

.banner .carousel { margin-bottom: 0; margin-top: 77px; }
.banner .carousel-control-next-icon, .banner .carousel-control-prev-icon { display: none; }
.banner .carousel-item { position: relative; height: auto;}
.banner .banIm img {width: 100%;}
.banner .carousel-item .container {max-width: 90%; position: absolute; left: 5%; top: 175px; transform: translate(0, -50%);}
.banner .carousel-caption {right: 0; left: 0; position: static; text-align: center;}
.banner .carousel-caption h1 { font-size: 52px; text-shadow: 1px 1px 11px #666; width: 500px; position: relative; font-weight: 800; text-transform: uppercase; line-height: 60px; text-shadow: 1px 1px 11px #666; margin: 0 auto; }
.banner .carousel-caption p { font-size: 18px; width: 500px; margin-top: 24px; line-height: 32px; margin: 0 auto; }
.banner .ctxtButton {width: 190px; height: 50px; display: inline-flex; margin: 15px auto; justify-content: center; align-items: center; border-radius: 30px; background-color: #fdc400; font-size: 18px; color: #001d1d; font-weight: 500;}
    

.featureContainer {max-width: 1650px; padding: 0 15px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between;}
.featureSecOuter { background: url(../image/feature-back.png) left top no-repeat; height: 1130px; background-size: cover; padding-top: 260px; margin-top: 50px;}
.featureSec {position: relative; width: 720px;}
.featureSec .carousel-control-next, .featureSec .carousel-control-prev {width: 75px; height: 75px; top: 50%; }
.featureSec .carousel-control-prev {background: url(../image/up-arrow.png) left top no-repeat; width: 75px; height: 75px; right: 0; left: auto; margin-top: -110px;}
.featureSec .carousel-control-next{background: url(../image/down-arrow.png) left top no-repeat; width: 75px; height: 75px; margin-top: 20px;}
.featureBox { width: 600px; height: 565px; border-radius: 40px; background: #fff; box-shadow: 0 0 20px 1px #ccc; padding: 35px 45px; margin: 20px 0 20px 20px; }
.featureBox h2 {
    font-size: 60px;
    font-weight: 600;
    line-height: 70px;
    color: #0faa96;
    position: relative;
    padding-bottom: 20px;
}
.featureBox h2 span {
    font-size: 45px;
    font-weight: 700;
    line-height: 50px;
    color: #190101;
    display: block;
}
.featureBox h2:after {content: ""; position: absolute; bottom: 0; width: 150px; background-color: #333; height: 5px; display: inline-block; left: 0;}
.featureBox ul {margin: 40px 0 0; padding: 0;}
.featureBox ul li {
    font-size: 15px;
    margin-top: 20px;
    line-height: 20px;
    position: relative;
    padding-left: 30px;
}
.featureBox ul li:after {content: ""; width: 10px; height: 10px; display: inline-block; position: absolute; top: 10px; left: 0; border-radius: 50%; background-color: #18827e;}
.featureBoxButtonSec {display: flex; justify-content: space-between; width: 420px; margin: 40px auto 0;}
.featureBoxButton {
    width: 190px;
    height: 50px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 30px;
    background-color: #fdc400;
    font-size: 18px;
    color: #001d1d;
    font-weight: 500;
    border: 3px solid #fdc400;
     transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -khtml-transition: all ease-in-out 0.5s;
}
.featureBoxButton:hover {background-color: #fff; color: #666;}
.featureBoxButton:last-child {background-color: #fff; color: #666;}
.featureBoxButton:last-child:hover {background-color: #fdc400; color: #001d1d;}
.routeBoxButtonSec {display: flex; justify-content: space-between; width: 420px; margin: 40px auto 0;}
.routeBoxButton {
    width: 190px;
    height: 50px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 30px;
    background-color: #fdc400;
    font-size: 18px;
    color: #001d1d;
    font-weight: 500;
    border: 3px solid #fdc400;
     transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -khtml-transition: all ease-in-out 0.5s;
}
.routeBoxButton:hover {background-color: #fff; color: #666;}
.routeBoxButton:last-child {background-color: #fff; color: #666;}
.routeBoxButton:last-child:hover {background-color: #fdc400; color: #001d1d;}
.vrtSld .carousel-item-prev:not(.carousel-item-end), .vrtSld .active.carousel-item-start {
  transform: translate3d(0, -100%, 0);
  -webkit-transform: translate3d(0, -100%, 0);
  -moz-transform: translate3d(0, -100%, 0);
  -ms-transform: translate3d(0, -100%, 0);
  -o-transform: translate3d(0, -100%, 0);
}
.vrtSld {margin: 0;}

.vrtSld .carousel-item-next:not(.carousel-item-start), .vrtSld .active.carousel-item-end {
  transform: translate3d(0, 100%, 0);
  -webkit-transform: translate3d(0, 100%, 0);
  -ms-transform: translate3d(0, 100%, 0);
  -moz-transform: translate3d(0, 100%, 0);
  -o-transform: translate3d(0, 100%, 0);
}

.vrtSld .carousel-indicators {
  top: 0;
  margin: auto;
  height: 20px;
  right: 10px;
  left: auto;
  display: block;
}
.vrtSld .carousel-item {height: auto;}

.vrtSld .carousel-indicators [data-bs-target] {
  background: none;
  border: 2px solid white;
  border-radius: 12px;
  width: 12px;
  height: 12px;
  margin-bottom: 5px;
}

.vrtSld .carousel-indicators li.active {
  background: white;
}

.vrtSld .carousel-control-next-icon, .carousel-control-prev-icon {
 
}

.vrtSld .carousel-control-prev-icon {
  top: 5%;
}

.vrtSld .unclickable {
  pointer-events: none;
}

.vrtSld .clickable {
  pointer-events: all;
}

.vrtSld .btn-style {
  border-color: white;
  content: url("./images/GitHub-Mark-Light-120px-plus.png");
  width: calc(1.475rem + 2.7vw);
  position: absolute;
  bottom: 10px;
  right: 10px;
  padding: 4px;
}

.vrtSld .btn-style:hover {
  background-color: black;
  content: url("./images/GitHub-Mark-Light-120px-plus.png");
  width: calc(1.475rem + 2.7vw);
}

.vrtSld .img-style {
  width: calc(1.475rem + 2.7vw);
}

.vrtSld .img-style:hover {
  width: calc(1.475rem + 2.7vw);
}

.vrtSld .roll-in-blurred-right {
    -webkit-animation: roll-in-blurred-right 1s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
            animation: roll-in-blurred-right 1s cubic-bezier(0.175, 0.885, 0.320, 1.275) both;
}
/* ----------------------------------------------
 * Generated by Animista on 2022-2-15 0:50:8
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation roll-in-blurred-right
 * ----------------------------------------
 */
 @-webkit-keyframes roll-in-blurred-right {
  0% {
    -webkit-transform: translateX(1000px) rotate(720deg);
            transform: translateX(1000px) rotate(720deg);
    -webkit-filter: blur(50px);
            filter: blur(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) rotate(0deg);
            transform: translateX(0) rotate(0deg);
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}
@keyframes roll-in-blurred-right {
  0% {
    -webkit-transform: translateX(1000px) rotate(720deg);
            transform: translateX(1000px) rotate(720deg);
    -webkit-filter: blur(50px);
            filter: blur(50px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0) rotate(0deg);
            transform: translateX(0) rotate(0deg);
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 1;
  }
}
.offerSec {margin-top: 75px; text-align: center;}
.offerText {width: 1000px; margin: 0 auto;}
.offerText h2 {
    font-size: 50px;
    font-weight: 700;
    line-height: 70px;
    color: #190101;
}
.offerText h2 span { font-weight: 500; }
.offerText h6 {font-size: 15px; font-weight: 400; line-height: 20px; color: #8a8989; margin-top: 18px;}
.offerRoundOuter {width: 900px; display: inline-block; margin: 100px auto 0; position: relative;}
.offerRound {width: 900px; height: 450px; overflow: hidden; margin: 0 auto;}
.offerRoundInner {width: 900px; height: 900px; display: inline-block; margin: 0 auto; border: 3px solid #00b2ab; border-radius: 50%; text-align: center; padding-top: 275px;}
.offRnd {width: 120px; height: 120px; background-color: #fff; border-radius: 50%; margin: 0 auto; border: 3px solid #00b2ab; display: inline-flex; align-items: center; justify-content: center;}
.offRndInner {width: 100px; height: 100px; overflow: hidden; display: inline-block; border-radius: 50%; border: 3px solid #00b2ab; }
.offRndInner img {min-width: 100%; height: 100%;}
.offerCol {width: 320px; display: inline-block; position: absolute;  left: 50%; margin-left: -160px; top: -60px; }
.offRndText {margin-top: 20px; text-align: center;}
.offRndText h3 {
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    color: #190101;
}
.offerColOuter {width: 100%; display: inline-block; position: absolute; height: 100%; left: 0; top: 0;}
.offRndText p {font-size: 15px; font-weight: 400; line-height: 20px; color: #8a8989; margin-top: 10px;}
.offerCol:nth-child(2n) {width: 500px; display: inline-flex; justify-content: space-between; position: absolute;  left: -265px; margin-left: 0; top: 54px; align-items: center; }
.offerCol:nth-child(2n) .offRnd {order: 2; margin: 0}
.offerCol:nth-child(2n) .offRndText {margin-top: 0; text-align: right; width: 360px; display: inline-block;}

.offerCol:nth-child(3) {width: 500px; display: inline-flex; justify-content: space-between; position: absolute;  right: -265px; left: auto; margin-left: 0; top: 54px; align-items: center; }
.offerCol:nth-child(3) .offRndText {margin-top: 0; text-align: left; width: 360px; display: inline-block;}
.offerCol:nth-child(3) .offRnd {margin: 0}

.offerCol:nth-child(4) {left: -410px; margin-left: 0; top: 250px; }

.offerCol:nth-child(5) {width: 500px; display: inline-flex; justify-content: space-between; position: absolute;  right: -410px; left: auto; margin-left: 0; top: 250px; align-items: center; }
.offerCol:nth-child(5) .offRndText {margin-top: 0; text-align: left; width: 360px; display: inline-block;}
.offerCol:nth-child(5) .offRnd {margin: 0}
.appSec {margin-top: 200px; position: relative;}
.appSecLeft {width: 63%; display: inline-flex; background: url(../image/app-back.png) left top no-repeat; flex-wrap: wrap; align-items: center; padding-left: 130px; height: 725px; background-size: 100%;}
.appSecLeftText {font-size: 100px; font-weight: 600; line-height: 110px; color: #fff; margin-top: 10px;}
.appSecLeftText h2 {font-size: 100px; font-weight: 700; line-height: 110px; color: #fff229;}
.appSecLeftText h3 {font-size: 100px; font-weight: 700; line-height: 100px; color: #fff; width: 100%;}
.appSecLeftText h3 span {font-weight: 400;}
.appBoxButtonSec {display: flex; justify-content: space-between; width: 480px; margin: 50px 0 0;}
.appBoxButtonSec .featureBoxButton {width: 215px; height: 60px;}
.appBoxButtonSec .featureBoxButton:hover {background: transparent; color: #fff;}
.appBoxButtonSec .featureBoxButton img {width: 20px; margin-right: 10px;}
.appBoxButtonSec .featureBoxButton:last-child {background-color: transparent; color: #fff; }
.appBoxButtonSec .featureBoxButton:last-child:hover { background-color: #fdc400; }
.appSecRight {width: 63%; text-align: center; position: absolute; right: 0; top: 80px; display: inline-block; background: url(../image/app-right.png) left top no-repeat; padding-left: 420px; height: 725px; background-size: 100%;}
.appSecRight img {margin: -180px auto 0;}
.dropBack {background: url(../image/drop-back.png) left bottom no-repeat; background-size: 100%; text-align: center; margin-top: 100px; padding-bottom: 130px}
.dropBack h2 {
    font-size: 50px;
    font-weight: 700;
    line-height: 70px;
    color: #190101;
	margin-bottom: 50px;
	}
.dropBack h2 span { font-weight: 500; }
.drop {background: url(../image/drop.png) left bottom no-repeat; background-size: 100%; text-align: center; width: 807px; height: 1087px; margin: 0 auto;}
.dropForm {width: 450px; display: inline-block; margin: 280px auto 0; text-align: center;}
.dropForm input[type="text"] {width: 100%; height: 60px; background-color: #d0d0cd; border-radius: 10px; border: none; padding: 0 30px; margin-top: 20px; text-align: left;}
.dropForm input[type="submit"] {width: 150px; cursor: pointer; font-size: 0; height: 150px; background: #02c15c url(../image/arrow.png) center center no-repeat; border-radius: 50%; border: none; margin: 340px auto 0;}
.routSec { margin: 90px 0 0; text-align: center;}
.routSec h2 {
    font-size: 50px;
    font-weight: 700;
    line-height: 70px;
    color: #190101;
	}
.routSec h2 span { font-weight: 500; }
.routBoxSec { margin: 50px auto 0; width: 1700px; display: inline-flex; justify-content: space-between; }
.routtBox {width: 520px; background-color: #fff; border-radius: 10px; display: inline-block;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.routtBoxMap {width: 100%; height: 290px; border-radius: 30px; overflow: hidden; }
.routtBoxMap img {width: 100%; min-height: 100%;}
.routtBoxForm {width: 470px; margin: 10px auto 25px; position: relative;}
.routtBoxForm input[type="text"] {width: 100%; height: 70px; font-size: 18px; background-color: #d0d0cd; border-radius: 10px; border: 2px solid #333; padding: 0 30px; margin-top: 15px; text-align: left;}
.routtBoxForm input[type="submit"] {width: 53px; cursor: pointer; font-size: 0; height: 53px; background: url(../image/rout-sub.png) center center no-repeat;  border: none; position: absolute; top: 50%; margin-top: -19px; right: 40px}

.productsSec { text-align: center;}
.productsSec h2 {
    font-size: 50px;
    font-weight: 700;
    line-height: 70px;
    color: #190101;
}
.productBox {width: 520px; background-color: #00b2ab; border-radius: 30px; display: inline-block;margin: 20px;
}
.proddesc {text-align:center;
  margin-top: 20px;
  margin-bottom: 10px;}
.productsSec h3 {
    font-size: 40px;
    font-weight: bold;
    color: #fff;		
}  
.productBoxMap img {width: 100%; min-height: 100%;padding: 10px;
  border-radius: 30px;}

.footer {background: #001717; padding: 45px 90px; display: flex; justify-content: space-between;}
.footerLogo {width: auto; display: inline-block; margin-top: 60px;}
.footerRight {width: 520px; display: inline-block;}
.footerMenu {width: 100%; display: inline-block;}
.footerMenu ul {padding: 0; text-align: left;}
.footerMenu ul li { padding: 0; display: inline-block; width: calc(98% - 140px); margin-top: 20px }
.footerMenu ul li:nth-child(2n) {width: 130px;}
.footerMenu ul li a {color: #fff;font-size: 16px; font-weight: 400;transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -khtml-transition: all ease-in-out 0.5s; }
.footerMenu ul li a:hover {color: #f1cb34;}
.socialIcon {display: flex; align-items: center; margin-top: 10px;}
.socialIcon a {display: inline-block; margin: 10px 16px 0 0;}

/* css for rout page */

.routMain { background: rgb(232,255,229); background: linear-gradient(0deg, rgba(232,255,229,1) 0%, rgba(232,255,229,1) 30%, rgba(255,255,255,1) 100%); margin-top: 80px; padding: 80px 90px 100px; }
.routSearch {display: flex; justify-content: center; align-items: center;}
.routSearch input[type="text"] {width: 800px; font-size: 25px; padding-left: 40px; display: inline-block; background-color: #fff; background: url(../image/rtSrch.png) right top no-repeat; background-size: auto 90px; padding-right: 160px; border: 3px solid #00ac8c; border-radius: 20px; height: 90px; }
.routSearch button { width: 350px; margin-left: 20px; cursor: pointer; font-size: 25px; color: #fff; background: #1baf0c; border: none; border-radius: 20px; height: 90px; display: inline-flex; justify-content: center; align-items: center; }
.routContainer { margin-top: 100px;}
.routContainer h1 { font-size: 50px; font-weight: 500; line-height: 60px; color: #190101; font-family: 'Poppins', sans-serif; }
.routBox {background: #fff; justify-content: space-between; box-shadow: 0 0 20px 1px #ccc; width: 100%; margin-top: 50px; border-radius: 30px; overflow: hidden; position: relative; padding: 60px 90px; display: flex;}
.routBox:before {content: ""; width: 174px; height: 174px; display: inline-block; background: #fff3cc; border-radius: 50%; left: -100px; top: -100px; position: absolute; }
.routBox:after {content: ""; width: 174px; height: 174px; display: inline-block; background: #fff3cc; border-radius: 50%; right: -80px; bottom: -100px; position: absolute; }
.routBoxLeft {width: 800px; position: relative; z-index: 1;}
.routBoxTop {display: flex; justify-content: space-between; align-items: center;}
.routBoxTopText {display: inline-block;}
.routBoxTopRight {display: inline-flex; align-items: center; position: relative; z-index: 1; }
.routBoxTopArrow {display: inline-block; margin-right: 30px;}
.routBoxTopText h2 { font-size: 24px; font-weight: 600; line-height: 30px; color: #484343; font-family: 'Poppins', sans-serif; }
.routBoxTopText h2 span { font-size: 17px; font-weight: 500; line-height: 20px; margin-top: 10px; display: block; color: #948d8d; font-family: 'Poppins', sans-serif; }
.routBoxTopbutton { font-size: 18px; transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -khtml-transition: all ease-in-out 0.5s; width: 184px; height: 50px; background: #1baf0c; border: 3px solid #1baf0c; border-radius: 40px; align-items: center; justify-content: center; font-weight: 500; line-height: 20px; display: inline-flex; color: #fff; font-family: 'Poppins', sans-serif; }
.routBoxTopbutton:hover {color: #333; background: transparent;}
.routBoxLeftIm {width: 420px; display: inline-block; margin: 10px 0;}
.routBoxLeftIm img {width: 100%;}
.routBoxBottom {display: flex; justify-content: space-between; align-items: center;}
.routBoxBottomText { font-size: 24px; font-weight: 600; line-height: 30px; color: #484343; font-family: 'Poppins', sans-serif; display: inline-block; }
.routBoxMap {width: 500px; height: 100%;}
.routBoxMap img { width: 100%; border-radius: 20px; height: 100%; }


/* css for blog page */

.blogTop { background-color: #e7f4e5; position: relative; margin-top: 150px; padding: 338px 90px 300px;}
.blogTop:before {content: ""; position: absolute; top: -2px; left: 0; width: 100%; display: block; background: url(../image/block-back-top.png) left top no-repeat; height: 338px;}
.blogTop:after {content: ""; position: absolute; bottom: -2px; left: 0; width: 100%; display: block; background: url(../image/block-back-bot.png) left top no-repeat; height: 325px;}
.blogTop h2 {
    font-size: 50px;
    font-weight: 700;
    line-height: 70px;
    color: #190101;
    text-align: center;
    margin-top: -160px;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
}
.blogTop h2 span { font-weight: 500; }
.blogSlider .owl-prev {
    background: url(../image/bl-slide-prev.png) left top no-repeat !important;
    opacity: 1 !important;
    height: 75px;
    width: 75px;
    display: inline-block;
    left: 50%;
    top: auto;
    bottom: 0;
    margin-left: -100px;
}
.blogSlider .owl-next {
    right: 50%;
    opacity: 1 !important;
    top: auto;
    bottom: 0;
    background: url(../image/bl-slide-next.png) left top no-repeat !important;
    height: 75px;
    width: 75px;
    display: inline-block;
    margin-right: -100px;
}
.blogSlider .owl-prev span, .blogSlider .owl-next span {display: none;}
.blogSlider .carousel-inner { padding-bottom: 100px; }
.ourBloSec {display: flex; justify-content: space-between; flex-wrap: wrap; position: relative; z-index: 1; padding: 0 24px;}
.ourBlogBox {margin: 45px 0; width: 100%; background: #fff; border-radius: 40px; box-shadow: 0 0 20px 1px #bbb; position: relative;}
.ourBlogBoxTop {width: 100%; position: relative; height: 360px; border-radius: 0; border-top-left-radius: 40px; border-top-right-radius: 40px; overflow: hidden;}
.ourBlogBoxTop:after {content: ""; position: absolute; display: block; left: 0; bottom: 0; width: 101%; height: 182px; background: url(../image/white-curve.png) left top no-repeat; background-size: 100% 100%;}
.ourBlogBoxTop img {width: 100%; min-height: 100%;}
.ourBlogBoxText {padding: 20px 35px 50px; text-align: center;}
.ourBlogBoxText h3 { font-size: 27px; font-weight: 600; line-height: 32px; text-align: center; color: #190101; font-family: 'Poppins', sans-serif; }
.ourBlogBoxText p { font-size: 16px; text-align: left; font-weight: 400; line-height: 22px; color: #646464; font-family: 'Poppins', sans-serif; margin-top: 17px; }
.ourBlogBoxTextBot {display: flex; justify-content: space-between; font-size: 18px; font-weight: 400; line-height: 23px; color: #190101; font-family: 'Poppins', sans-serif; margin-top: 20px;}
.ourBlogBoxTextBotCol {display: inline-block;}
.ourBlogBoxTextbutton {
    font-size: 18px;
    transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -khtml-transition: all ease-in-out 0.5s;
    width: 200px;
    height: 60px;
    background: #fdc400;
    border: 3px solid #fdc400;
    border-radius: 40px;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    line-height: 20px;
    display: inline-flex;
    color: #333;
    font-family: 'Poppins', sans-serif;
    position: absolute;
    bottom: -30px;
    margin-left: -100px;
    left: 50%;
}
.ourBlogBoxTextbutton:hover {background: #fff; color: #333;}
.blogSlider {max-width: 1600px; margin: 0 auto;}
.recentPostOuter {background: url(../image/recent-post.png) right top no-repeat; min-height: 610px; }
.recentPostContainer {max-width: 1600px; margin: 0 auto;}
.recentPost {width: 880px; display: inline-block;}
.recentPost h2 { font-size: 40px; font-weight: 600; line-height: 44px; text-align: center; color: #171212; font-family: 'Poppins', sans-serif; }
.recentPostBox {width: 100%; margin-top: 30px; border-radius: 40px; background: rgb(0,88,72); background: linear-gradient(0deg, rgba(0,88,72,1) 0%, rgba(115,139,41,1) 100%); padding: 30px;}
.recentPostBoxRow { display: block; margin-top: 20px; }
.recentPostBoxRow:first-child {margin-top: 0;}
.recentPostBoxRow p { font-size: 16px; margin: 0; text-align: left; font-weight: 400; line-height: 22px; color: #fff; font-family: 'Poppins', sans-serif; }
.rpline {position: relative; margin-top: 15px; text-align: right;}
.rpline:before {content: ""; position: absolute; height: 2px; background: #fff; width: 100%; top: 50%; margin-top: -1px; left: 0;}
.rpline a { font-size: 16px; background: #fdc400; text-align: center; display: inline-block; position: relative; z-index: 1; font-weight: 500; line-height: 22px; text-align: center; color: #190101; font-family: 'Poppins', sans-serif; padding: 15px 30px; border-radius: 30px; }


/* css for e2e page */

.eeTop {margin-top: 80px; position: relative; height: 700px; overflow: hidden; padding: 80px 90px 140px; }
.eeTop:before {content: ""; display: block; position: absolute; width: 140%; height: 1200px; border-radius: 50%; background: rgb(213,255,179); background: linear-gradient(0deg, rgba(213,255,179,1) 0%, rgba(252,253,238,1) 100%); top: -500px; left:-20%; }
.eeTopContainer {display: flex; justify-content: space-between; position: relative; z-index: 1;}
.eeTopLeft {width: calc(100% - 500px); display: inline-block; padding-right: 20px; max-height: 450px; overflow: auto; }
.eeTopLeft h2 { font-size: 40px; font-weight: 700; line-height: 50px; color: #1da20c; font-family: 'Poppins', sans-serif; margin: 0; }
.eeTopLeft h2 span { font-size: 30px; text-transform: uppercase; font-weight: 500; line-height: 34px; display: block; color: #190101; font-family: 'Poppins', sans-serif; }
.eeTopLeft h2 i {font-style: normal; color: #190101; display: block;}
.eeTopLeft p { font-size: 16px; font-weight: 400; line-height: 22px; color: #666666; margin-top: 20px; }
.eeTopRight {width: 430px; display: inline-flex; justify-content: space-between; flex-wrap: wrap;}
.eeTopRightBox {width: 200px; padding: 5px; height: 200px; display: inline-flex; flex-wrap: wrap; border-radius: 50%; justify-content: center; align-items: center; border-bottom-right-radius: 0; background: #fff; box-shadow: 0 0 15px 1px #ddd; }
.eeTopRightBoxIm {display: block; text-align: center;}
.eeTopRightBoxTxt {margin-top: 16px; text-align: center;}
.eeTopRightBoxTxt h3 { font-size: 24px; font-weight: 700; line-height: 28px; text-align: center; color: #190101; font-family: 'Poppins', sans-serif; }
.eeTopRightBoxTxt p { font-size: 15px; font-weight: 400; line-height: 19px; margin-top: 5px; text-align: center; color: #666666; font-family: 'Poppins', sans-serif; }
.eeTopRightBox:nth-child(2) {border-bottom-right-radius: 50%; border-bottom-left-radius: 0;}
.eeTopRightBox:nth-child(3) {border-bottom-right-radius: 50%; border-top-right-radius: 0; margin-top: 25px;}
.eeTopRightBox:nth-child(4) {border-bottom-right-radius: 50%; border-top-left-radius: 0; margin-top: 25px;}
.eeServ {display: flex; margin-top: 50px; justify-content: space-between; align-items: center;}
.eeServLeft {position: relative; padding-left: 90px; width: 48%;}
.eeServLeft:before {content: ""; position: absolute; left: 0; top: 50%; margin-top: -140px; width: 100%; display: inline-block; height: 280px; border-top-right-radius: 150px; border-bottom-right-radius: 150px; background: rgb(24,160,14); background: linear-gradient(267deg, rgba(24,160,14,1) 0%, rgba(5,138,131,1) 100%);}
.eeServLeftRnd {width: 520px; height: 520px; border-radius: 50%; display: inline-block; border: 10px solid #fdc400; overflow: hidden; position: relative; z-index: 1;}
.eeServLeftRnd img {width: 100%; min-height: 100%;}
.eeServRight {width: 38%; display: inline-block;}
.eeServRight h2 { font-size: 40px; font-weight: 700; line-height: 50px; color: #1da20c; font-family: 'Poppins', sans-serif; margin: 0; }
.eeServRight h2 span { font-size: 40px; display: block; color: #190101; }
.eeServRight ul {position: relative; padding-left: 22px; margin-top: 30px;}
.eeServRight ul:before {content: ""; display: block; width: 1px; background: #009c80; left: 5px; top: 0; height: 100%; position: absolute;}
.eeServRight ul li { font-size: 19px; font-weight: 400; line-height: 24px; color: #666666; margin-top: 20px; list-style-type: disc; }
.eeRowSec {display: block;}
.eeRow {margin-top: 140px; display: flex; align-items: center; justify-content: space-between;}
.eeRowLeft {width: 48%; padding-left: 90px;}
.eeRowLeft h3 { font-size: 35px; font-weight: 700; line-height: 40px; color: #190101; font-family: 'Poppins', sans-serif; margin: 0; text-transform: uppercase; }
.eeRowLeft h3 span {font-weight: 500; }
.eeRowLeft h2 { font-size: 40px; font-weight: 700; line-height: 50px; color: #1da20c; font-family: 'Poppins', sans-serif; margin: 10px 0 0; }
.eeRowLeft p { font-size: 15px; font-weight: 400; line-height: 19px; margin-top: 25px; color: #666666; font-family: 'Poppins', sans-serif; }
.eeRowRight {width: 48%; min-height: 536px; padding-left: 90px; display: inline-flex; align-items: center; background: url(../image/ee-row-right.png) right center no-repeat; background-size: 100% 536px;}
.eeRowRight img {max-width: 100%; height: 396px; box-shadow: 0 0 20px 1px #333;}
.eeRow:nth-child(2n) .eeRowLeft {order: 2;}
.eeRow:nth-child(2n) .eeRowRight {width: 48%; min-height: 536px; padding-left: 90px; display: inline-flex; align-items: center; justify-content: flex-end; background: url(../image/eeleft.png) right center no-repeat; background-size: 100% 536px;}
.eeRow:nth-child(3) .eeRowRight img {max-width: 100%; height: 396px; box-shadow: none;}


/* css for about page */

.aboutTopArea { background: url(../image/about-back.png) center top no-repeat; margin-top: 80px; background-size: 100%; padding-top: 50px; }
.abotContainer { max-width: 1600px; margin: 0 auto; }
.abotContainer h1 { font-size: 115px; text-align: center; font-weight: 500; line-height: 115px; color: #190101; font-family: 'Poppins', sans-serif; margin: 0; text-transform: uppercase; }
.abotContainer h1 span {font-weight: 700; color: #1fa113; font-size: 100px; display: block; line-height: 100px; }
.aboutSlideBox {background: rgb(174,231,130); background: linear-gradient(0deg, rgba(174,231,130,1) 0%, rgba(67,233,190,1) 100%); border-radius: 30px; padding: 70px 25px; text-align: center; margin-top: 260px;}
.aboutSlideBoxIm {margin: -315px auto 0; text-align: center; max-width: 1140px;}
.aboutSlideBoxIm img {width: 100%;}
.aboutTxtSlide {width: 100%; text-align: left;}
.abtSldTxt p {font-size: 20px; font-weight: 400; line-height: 24px; margin-top: 25px; color: #190101; font-family: 'Poppins', sans-serif;}
.aboutTxtSlide .carousel-control-prev {
    background: url(../image/abt-lft.png) left top no-repeat;
    opacity: 1 !important;
    height: 45px;
    width: 100px;
    display: inline-block;
    left: 200px;
    top: auto;
    background-size: 100%;
    bottom: -91px;
}
.aboutTxtSlide .carousel-control-next {
    right: 200px;
    opacity: 1 !important;
    top: auto;
    background: url(../image/abt-rgt.png) left top no-repeat;
    height: 45px;
    width: 100px;
    display: inline-block;
    background-size: 100%;
    bottom: -91px;
}
.abtMidlSec {margin-top: 20px; position: relative;}
.abtMidlLft { display: inline-block; margin-top: 88px; width: 840px; overflow: hidden; text-align: right; margin-left: -200px; }
.abtMidlLft img {width: 100%;}
.abtMidlContainer { width: 1600px; max-width: 100%;  margin: 0 auto; position: absolute; z-index: 1; text-align: right; left: 50%; transform: translate(-50%, 0); top: 300px; }
.abtMidRgt {width: 900px; display: inline-flex; justify-content: space-between;}
.abtMidCol {width: 260px;}
.abtMidCol:nth-child(2) {margin-top: -65px;}
.abtMidColBox {width: 100%; border-radius: 15px; transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -khtml-transition: all ease-in-out 0.5s; background-color: #fff; position: relative; padding: 38px 15px 20px; box-shadow: 0 0 20px 1px #ccc; height: 230px;}
.abtMidColBox:after {content: ""; transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -khtml-transition: all ease-in-out 0.5s; position: absolute; width: 200px; left: 30px; bottom: -20px; background-color: #f4dc1c; height: 100px; border-radius: 12px; z-index: -1;}
.abtColBoxTop { width: 260px; height: 260px; transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -khtml-transition: all ease-in-out 0.5s; display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; background: rgb(255,255,255); background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(255,231,29,1) 50%, rgba(255,231,29,1) 100%); position: absolute; top: -206px; left: 0; }
.abtColBoxTopRound { width: 200px; height: 200px; transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -khtml-transition: all ease-in-out 0.5s; overflow: hidden; border: 20px solid #1fa113; background-color: #fff; display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; }
.abtColBoxTopRound img {max-width: 80%;}
.abtMidColBox h2 {font-size: 24px; font-weight: 700; line-height: 28px; margin: 0; color: #190101; font-family: 'Poppins', sans-serif; text-align: center;}
.abtMidColBoxTxt {position: relative; overflow: auto; height: 140px; transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -khtml-transition: all ease-in-out 0.5s;}
.abtMidColBox p {font-size: 15px; font-weight: 400; line-height: 19px; margin-top: 5px; color: #190101; font-family: 'Poppins', sans-serif; text-align: center;}
.abtMidColBox:before { content:''; pointer-events: none; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px;  width:100%; height:100%; position:absolute; left:0; top:0; background:linear-gradient(transparent 50px, white); z-index: 1 }
.abtMidColBoxTxt::-webkit-scrollbar { width: 0; }
.abtMidColBoxTxt::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0); }
.abtMidColBoxTxt::-webkit-scrollbar-thumb { background-color: #fff; outline: 0; }
.abtBottomSec { background: rgb(255,255,255); margin-top: 90px; background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(242,249,241,1) 100%); padding: 60px 0 0; position: relative;}
.greenBox {background: url(../image/about-green-box.png) left top no-repeat; height: 803px; width: 984px; padding: 60px 250px 30px 90px; display: inline-block;}
.greenBox h2 {font-size: 50px; font-weight: 500; line-height: 60px; margin: 0; color: #190101; font-family: 'Poppins', sans-serif; }
.greenBox h2 span {color: #fff; display: block; text-transform: uppercase; font-weight: 700;}
.greenBox p {font-size: 19px; font-weight: 400; line-height: 24px; margin-top: 15px; color: #fff; font-family: 'Poppins', sans-serif; }
.blueBox {background: url(../image/about-blue-box.png) left top no-repeat; position: absolute; left: 600px; top: 220px; width: 1235px; height: 517px; padding: 10px 200px 10px 330px; display: inline-flex; align-items: center;}
.blueBox ul { position: relative; padding-left: 22px; }
.blueBox ul:before { content: ""; display: block; width: 1px; background: #009c80; left: 5px; top: 0; height: 100%; position: absolute; }
.blueBox ul li { font-size: 19px; font-weight: 400; line-height: 24px; color: #fff; margin-top: 20px; list-style-type: disc; }
.blueBox ul li:first-child {margin-top: 0;}
.abtBottomSecCar {position: absolute; left: 1230px; top: 500px;}
.abtBottomSecCar img {max-width: 100%;}


/* css for career page */

.careerBaner {margin-top: 90px; position: relative;}
.careerBanBus {position: absolute; width: 575px; right: -130px; bottom: -50px; display: inline-block; z-index: 1; }
.careerBanBus img {max-width: 100%;}
.careerBaner:before {content: ""; position: absolute; width: 310px; height: 310px; display: inline-block; left: -200px; bottom: 100px; border: 45px solid #fff7de; border-radius: 50%; }
.careerBaner:after {content: ""; position: absolute; width: 380px; height: 380px; display: inline-block; right: -220px; top: 60px; border: 65px solid #fff7de; border-radius: 50%; }
.careerBanerContainer {max-width: 1600px; position: relative; z-index: 1; display: flex; justify-content: space-between; padding: 50px 0 100px; margin: 0 auto; align-items: center;}
.careerBanerIm {width: 48%; display: inline-block; }
.careerBanerIm img {max-width: 100%;}
.careerBanerText {width: 50%; display: inline-block; }
.careerBanerText h2 { font-size: 40px; font-weight: 700; line-height: 50px; color: #1da20c; font-family: 'Poppins', sans-serif; margin: 0; }
.careerBanerText h2 span { font-size: 40px; display: block; color: #190101; font-weight: 500; }
.careerBanerText ul { position: relative; padding-left: 22px; margin-top: 30px; }
.careerBanerText ul:before { content: ""; display: block; width: 1px; background: #009c80; left: 5px; top: 0; height: 100%; position: absolute; }
.careerBanerText ul li { font-size: 19px; font-weight: 400; line-height: 24px; color: #666666; margin-top: 20px; list-style-type: disc; }
.careerBot {background: url(../image/career-mid.png) left top no-repeat; padding: 80px 0 190px; position: relative;}
.careerBotCar {position: absolute; width: 520px; left: -110px; bottom: -100px; display: inline-block; z-index: 1; }
.careerBotCar img {max-width: 100%;}
.careerBotContainer {max-width: 1600px; margin: 0 auto;}
.careerTbRow {background: #fff; padding: 20px 40px; border-top-right-radius: 70px; margin-top: 50px; border-bottom-left-radius: 70px; display: flex; justify-content: space-between;}
.careerTbRowLft {display: inline-flex; width: calc(100% - 450px); align-items: center; overflow: hidden;}
.careerTbRowLft img {max-width: 70px; margin-left: -1px;}
.careerTbRowLftTxt {display: inline-block; margin-left: 30px;}
.careerTbRowLftTxt h2 { font-size: 24px; font-weight: 600; line-height: 30px; color: #484343; font-family: 'Poppins', sans-serif; margin: 0; }
.careerTbRowLftTxt p { font-size: 15px; font-weight: 400; line-height: 20px; color: #948d8d; font-family: 'Poppins', sans-serif; margin: 10px 0 0; }
.careerTbRowRgt {display: inline-flex; width: 420px; align-items: center; justify-content: space-between;}
.careerTbRowRgtBotton {width: 190px; cursor: pointer; height: 55px; border-radius: 40px; background: #cbf0dd; display: inline-flex; justify-content: center; align-items: center; font-size: 17px; font-weight: 600; line-height: 20px; color: #7e8184; font-family: 'Poppins', sans-serif; margin: 0;}
.careerTbRowRgtBotton:last-child {color: #fff; background-color: #009c80;}
.careerBotContainer .nav-pills .nav-link {width: 220px; height: 50px; background-color: #fff; border: 2px solid #fdc400; border-radius: 40px; font-size: 15px; font-weight: 500; line-height: 18px; color: #948d8d; font-family: 'Poppins', sans-serif;}
.careerBotContainer ul {justify-content: center;}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {background-color: #fdc400; color: #333;}

/* css for rental page */

.rentBaner {margin-top: 70px; position: relative; background: url(../image/rent-ban.png) left top repeat-x; display: flex; background-size: auto 100%; }
.rentBanerLeft {display: inline-block; width: 50%; overflow: hidden;}
.rentBanerLeft img {min-height: 100%; width: 100%}
.rentBanBus {position: absolute; width: 2000px; left: -850px; bottom: -220px; display: inline-block; z-index: 1; }
.rentBanBus img {max-width: 100%;}
.rentBanerRight {width: 50%; display: inline-block; padding-top: 80px; }
.rentBanerRight h2 { font-size: 45px; font-weight: 400; line-height: 60px; color: #fff; font-family: 'Poppins', sans-serif; margin: 0; }
.rentBanerRight h2 span { font-size: 45px; display:block; font-weight: 600; }
.rentBanerRight h2 i {font-style: normal; color: #141c13; font-weight: 600;}
.rentBanerRight ul { position: relative; padding-left: 22px; margin-top: 30px; width: 550px; display: inline-block; max-width: 100%; }
.rentBanerRight ul:before { content: ""; display: block; width: 1px; background: #000; left: 3px; top: 0; height: 100%; position: absolute; }
.rentBanerRight ul li { font-size: 22px; font-weight: 400; line-height: 30px; color: #fff; margin-top: 20px; list-style-type: disc; }
.rentBanerRight ul li:first-child {margin-top: 0;}
.recentBot { background-color: #e7f4e5; position: relative; padding: 285px 20px 180px; margin-top: 165px; }
.recentBot:before { content: ""; position: absolute; top: -2px; left: 0; width: 100%; display: block; background: url(../image/block-back-top.png) left top no-repeat; height: 300px; background-size: 100%; }
.recentBot:after { content: ""; position: absolute; bottom: -2px; left: 0; width: 100%; display: block; background: url(../image/block-back-bot.png) left top no-repeat; height: 175px; background-size: 100%; }
.recentBotContainer {max-width: 1600px; margin: 0 auto; display: flex; justify-content: space-between; position: relative;}
.recentBotLft {width: 50%;}
.recentBotLft h2 { font-size: 40px; font-weight: 700; line-height: 60px; color: #1c9a19; font-family: 'Poppins', sans-serif; margin: 0; }
.recentBotLft h2 span { font-size: 40px; font-weight: 400; color: #191919; }
.recentBotLft ul { position: relative; padding-left: 22px; margin-top: 30px; width: 700px; display: inline-block; max-width: 100%; }
.recentBotLft ul li { font-size: 19px; font-weight: 400; line-height: 28px; color: #191919; margin-top: 20px; list-style-type: disc; }
.recentBotLft ul li:first-child {margin-top: 0;}
.recentBotRght {display: inline-block; width: 600px; position: relative; padding: 40px; }
.recentBotRghtIm { display: block; width: 100%; overflow: hidden; border-radius: 30px; box-shadow: 0 0 20px 1px #3ecca9;}
.recentBotRghtIm img { width: 100%; }
.recentBotRghtLft {width: 250px; display: inline-block; height: 100px; position: absolute; left: 0; bottom: 0; border-bottom-left-radius: 60px; border-left: 2px solid #333; border-bottom: 2px solid #333;}
.recentBotRghtLft:before {position: absolute; content: ""; width: 15px; height: 15px; background-color: #0081a6; border-radius: 50%; display: inline-block; left: -7px; top: 0;}
.recentBotRghtLft:after {position: absolute; content: ""; width: 15px; height: 15px; background-color: #0081a6; border-radius: 50%; display: inline-block; right: 0; bottom: -7px;}
.recentBotRghtRght {width: 250px; display: inline-block; height: 100px; position: absolute; right: 0; top: 0; border-top-right-radius: 60px; border-top: 2px solid #333; border-right: 2px solid #333;}
.recentBotRghtRght:before {position: absolute; content: ""; width: 15px; height: 15px; background-color: #0081a6; border-radius: 50%; display: inline-block; left: 0; top: -7px;}
.recentBotRghtRght:after {position: absolute; content: ""; width: 15px; height: 15px; background-color: #0081a6; border-radius: 50%; display: inline-block; right: -7px; bottom: 0;}
.rentBotCar { position: absolute; width: 520px; right: -110px; bottom: -100px; display: inline-block; z-index: 1; }
.rentBotCar img { max-width: 100%; }


/* css for sass page */

.sasTp.eeTop:before { height: 1100px; }
.softService {display: block;}
.softService .careerBanerContainer {padding: 0 0 70px;}
.softService .careerBaner:before, .softService .careerBaner:after {display: none;}
.softService .careerBanerText { width: 500px; }
.softService .careerBanerText ul:before { left: 6px; }
.cmAdv {background: #e8ffe5; padding: 80px 15px;}
.cmAdvContainer {max-width: 1600px; margin: 0 auto; display: flex; justify-content: space-between;}
.cmAdvRght {width: 50%; display: inline-block;}
.cmAdvLft {width: 45%; display: inline-block; max-width: 786px; order: 2;}
.cmAdvLft img {max-width: 100%;}
.cmAdvRght h3 { font-size: 30px; font-weight: 500; line-height: 40px; color: #190101; font-family: 'Poppins', sans-serif; margin: 0 0 5px; text-transform: uppercase; }
.cmAdvRghtRow {display: block; margin-bottom: 40px}
.cmAdvRghtRow h2 { font-size: 40px; font-weight: 700; line-height: 60px; color: #1da20c; font-family: 'Poppins', sans-serif; margin: 0; }
.cmAdvRghtRow ul { position: relative; padding-left: 22px; margin-top: 20px; width: 700px; display: inline-block; }
.cmAdvRghtRow ul li { font-size: 19px; font-weight: 400; line-height: 28px; color: #666666; margin-top: 12px; list-style-type: disc; }
.cmAdvRghtRow ul:before { content: ""; display: block; width: 1px; height: 100%; background: #000; left: 5px; top: 0; height: 100%; position: absolute; }
.cmAdvRghtRow ul li:first-child {margin-top: 0;}
.cmAdvRght .appBoxButtonSec .featureBoxButton:hover { background: #666; }
.cmAdvRght .appBoxButtonSec .featureBoxButton:last-child { background: #020200; }
.cmAdvRght .appBoxButtonSec .featureBoxButton:last-child:hover { background: #fdc400; }
.bkendPanel {padding: 70px 15px 0;}
.bckPnlSlid { text-align: center; background: url(../image/backend-back.png) left center no-repeat;background-size: 100%; margin-top: 70px; }
.bkendPanel h2 { font-size: 40px; font-weight: 700; text-align: center; line-height: 60px; color: #1da20c; font-family: 'Poppins', sans-serif; margin: 0; }
.bkendPanel h2 span { font-size: 30px; font-weight: 500; line-height: 40px; color: #190101; display: block; text-transform: uppercase; }
.bkPnlContainer {max-width: 1140px; margin: 0 auto;}
.bkPnlContainer .carousel-indicators [data-bs-target] { width: 15px; height: 15px; padding: 0; margin-right: 5px; margin-left: 5px; background-color: #aac0a8; border: 0; border-top: 0; border-bottom: 0; opacity: 1; transition: opacity .6s ease; border-radius: 50%; }
.bkPnlContainer .carousel-indicators .active {width: 60px; background: #1a990d; border-radius: 10px;}
.bkPnlContainer .carousel-indicators { bottom: -40px; margin-bottom: 0; }


/* css for signup page */

.aboutTopArea { background: url(../image/about-back.png) center top no-repeat; margin-top: 80px; background-size: 100%; padding-top: 50px; }
.abotContainer { max-width: 1600px; margin: 0 auto; }
.abotContainer h1 { font-size: 115px; text-align: center; font-weight: 500; line-height: 115px; color: #190101; font-family: 'Poppins', sans-serif; margin: 0; text-transform: uppercase; }
.abotContainer h1 span {font-weight: 700; color: #1fa113; font-size: 100px; display: block; line-height: 100px; }
.aboutSlideBox {background: rgb(174,231,130); background: linear-gradient(0deg, rgba(174,231,130,1) 0%, rgba(67,233,190,1) 100%); border-radius: 30px; padding: 70px 25px; text-align: center; margin-top: 260px;}
.aboutSlideBoxIm {margin: -315px auto 0; text-align: center; max-width: 1140px;}
.aboutSlideBoxIm img {width: 100%;}
.aboutTxtSlide {width: 100%; text-align: left;}
.abtSldTxt p {font-size: 20px; font-weight: 400; line-height: 24px; margin-top: 25px; color: #190101; font-family: 'Poppins', sans-serif;}
.aboutTxtSlide .carousel-control-prev {
    background: url(../image/abt-lft.png) left top no-repeat;
    opacity: 1 !important;
    height: 45px;
    width: 100px;
    display: inline-block;
    left: 200px;
    top: auto;
    background-size: 100%;
    bottom: -91px;
}
.aboutTxtSlide .carousel-control-next {
    right: 200px;
    opacity: 1 !important;
    top: auto;
    background: url(../image/abt-rgt.png) left top no-repeat;
    height: 45px;
    width: 100px;
    display: inline-block;
    background-size: 100%;
    bottom: -91px;
}
.abtMidlSec {margin-top: 20px; position: relative;}
.abtMidlLft { display: inline-block; margin-top: 88px; width: 840px; overflow: hidden; text-align: right; margin-left: -200px; }
.abtMidlLft img {width: 100%;}
.abtMidlContainer { width: 1600px; max-width: 100%;  margin: 0 auto; position: absolute; z-index: 1; text-align: right; left: 50%; transform: translate(-50%, 0); top: 300px; }
.abtMidRgt {width: 900px; display: inline-flex; justify-content: space-between;}
.abtMidCol {width: 260px;}
.abtMidCol:nth-child(2) {margin-top: -65px;}
.abtMidColBox {width: 100%; border-radius: 15px; transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -khtml-transition: all ease-in-out 0.5s; background-color: #fff; position: relative; padding: 38px 15px 20px; box-shadow: 0 0 20px 1px #ccc; height: 230px;}
.abtMidColBox:after {content: ""; transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -khtml-transition: all ease-in-out 0.5s; position: absolute; width: 200px; left: 30px; bottom: -20px; background-color: #f4dc1c; height: 100px; border-radius: 12px; z-index: -1;}
.abtColBoxTop { width: 260px; height: 260px; transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -khtml-transition: all ease-in-out 0.5s; display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; background: rgb(255,255,255); background: linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0) 50%, rgba(255,231,29,1) 50%, rgba(255,231,29,1) 100%); position: absolute; top: -206px; left: 0; }
.abtColBoxTopRound { width: 200px; height: 200px; transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -khtml-transition: all ease-in-out 0.5s; overflow: hidden; border: 20px solid #1fa113; background-color: #fff; display: inline-flex; justify-content: center; align-items: center; border-radius: 50%; }
.abtColBoxTopRound img {max-width: 80%;}
.abtMidColBox h2 {font-size: 24px; font-weight: 700; line-height: 28px; margin: 0; color: #190101; font-family: 'Poppins', sans-serif; text-align: center;}
.abtMidColBoxTxt {position: relative; overflow: auto; height: 140px; transition: all ease-in-out 0.5s; -moz-transition: all ease-in-out 0.5s; -webkit-transition: all ease-in-out 0.5s; -o-transition: all ease-in-out 0.5s; -ms-transition: all ease-in-out 0.5s; -khtml-transition: all ease-in-out 0.5s;}
.abtMidColBox p {font-size: 15px; font-weight: 400; line-height: 19px; margin-top: 5px; color: #190101; font-family: 'Poppins', sans-serif; text-align: center;}
.abtMidColBox:before { content:''; pointer-events: none; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px;  width:100%; height:100%; position:absolute; left:0; top:0; background:linear-gradient(transparent 50px, white); z-index: 1 }
.abtMidColBoxTxt::-webkit-scrollbar { width: 0; }
.abtMidColBoxTxt::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 0 rgba(0,0,0,0); }
.abtMidColBoxTxt::-webkit-scrollbar-thumb { background-color: #fff; outline: 0; }
.abtBottomSec { background: rgb(255,255,255); margin-top: 90px; background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(242,249,241,1) 100%); padding: 60px 0 0; position: relative;}
.greenBox {background: url(../image/about-green-box.png) left top no-repeat; height: 803px; width: 984px; padding: 60px 250px 30px 90px; display: inline-block;}
.greenBox h2 {font-size: 50px; font-weight: 500; line-height: 60px; margin: 0; color: #190101; font-family: 'Poppins', sans-serif; }
.greenBox h2 span {color: #fff; display: block; text-transform: uppercase; font-weight: 700;}
.greenBox p {font-size: 19px; font-weight: 400; line-height: 24px; margin-top: 15px; color: #fff; font-family: 'Poppins', sans-serif; }
.formBox {
    background: url(../image/about-blue-box.png) left top no-repeat;
    position: absolute;
    left: 600px;
    top: 120px;
    width: 835px;
    height: 517px;
    padding: 10px 200px 10px 330px;
    display: inline-flex;
    align-items: center;
    margin-left: -100px;
 }
 .curBookLftNew {
    position: relative;
    width: 50%;
    display: inline-block;
    padding: 15px;
  }
.formBox ul { position: relative; padding-left: 22px; }
.formBox ul:before { content: ""; display: block; width: 1px; background: #009c80; left: 5px; top: 0; height: 100%; position: absolute; }
.formBox ul li { font-size: 19px; font-weight: 400; line-height: 24px; color: #fff; margin-top: 20px; list-style-type: disc; }
.formBox ul li:first-child {margin-top: 0;}
.abtBottomSecCar {position: absolute; left: 1230px; top: 500px;}
.abtBottomSecCar img {max-width: 100%;}
.signupForm {width: 450px; display: inline-block; margin:  auto ; text-align: center;}
.signupForm input[type="text"] {width: 100%; height: 60px; background-color: #d0d0cd; border-radius: 10px; border: none; padding: 0 30px; margin-top: 20px; text-align: left;}
.signupForm input[type="submit"] {width: 100px; cursor: pointer; font-size: 0; height: 100px; background: #02c15c url(../image/arrow.png) center center no-repeat; border-radius: 50%; border: none; margin: auto;}
.signupForm input[type="password"] {width: 100%; height: 60px; background-color: #d0d0cd; border-radius: 10px; border: none; padding: 0 30px; margin-top: 20px; text-align: left;}

.sendbutton {
    background: #43b70a;
    color: #fff;
    border-radius: 6px;
    border: none;
    font-size: 16px;
    padding: 15px 25px;
    text-decoration: none;
    margin-top: 20px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); }
  .sendbutton i {
    font-size: 14px;
    vertical-align: middle;
    padding-left: 10px; }
	
	
	
	/*.serviceSec ul { padding: 0; }
.gallery-content-center-full { padding-right: 10px; }
.owl-pagination {white-space: nowrap;}*/

@media (min-width: 768px){
  .navbar-expand-md .navbar-nav .nav-link {
      padding: 0;
      position: relative;
  }
  .navbar-expand-md .navbar-nav .nav-link span {
    position: absolute;
    font-size: 35px;
    left: 0;
    top: 0;
    line-height: 4px;
  }
  .nav-item {padding: 0 12px;}
  .navbar-expand-md .navbar-nav {
    width: calc(100% - 3px);
    justify-content: flex-end;
}
  
}
@media (min-width: 992px){
  .navbar-expand-md .navbar-collapse {
    padding: 0;
    margin-right: 50px;
  }
  .navbar-expand-md .navbar-nav {width: calc(100% - 25px);}
}
@media (min-width: 1024px){
  .abtMidCol:hover .abtMidColBox:after {bottom: -30px;}
  .abtMidCol:hover .abtColBoxTop { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); }
  .abtMidCol:hover .abtColBoxTopRound { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -o-transform: rotate(-180deg); -ms-transform: rotate(-180deg); }
  .abtMidCol:hover .abtMidColBox {padding-top: 60px;}
  .abtMidCol:hover .abtMidColBoxTxt { height: 124px;}
}
@media (min-width: 1751px){
  .nav-item {
      padding: 0 26px;
  }
  .navbar-expand-md .navbar-collapse { margin-top: -12px; }
}
@media (min-width: 1500px){
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
      max-width: 1420px;
  }
}
@media (max-width: 1850px){
  .recentPostOuter { background-size: 50%; }
  .abotContainer h1, .abotContainer h1 span { font-size: 50px; line-height: 60px; }
  .abotContainer { max-width: 80%; }
  .abtSldTxt p { font-size: 15px; line-height: 21px; margin-top: 20px; }
  .aboutSlideBoxIm { margin: -250px auto 0; max-width: 930px; }
  .aboutSlideBox { padding: 70px 25px 50px; margin-top: 200px; }
  .aboutTxtSlide .carousel-control-prev, .aboutTxtSlide .carousel-control-next { height: 30px; width: 70px; bottom: -64px; }
  .abtMidlLft { margin-top: 100px; width: 750px; }
  .abtMidlContainer {padding: 0 20px;}
}
@media (max-width: 1750px){
  .nav-item { padding: 0 18px; }
  .navbar>.container-fluid { padding: 0 20px; }
  .navbar-brand img { width: 160px; margin-top: 6px; }
  .navbar-expand-md .navbar-collapse { margin-top: -5px; }
  .featureLeft {width: 420px;}
  .featureLeft img {width: 100%;}
  .featureSec .carousel-control-prev, .featureSec .carousel-control-next { width: 50px; height: 50px; background-size: 100%; }
  .featureBox h2 { font-size: 45px; line-height: 52px; }
  .featureBox h2 span { font-size: 37px; font-weight: 600; line-height: 40px; }
  .featureSec { width: 700px; }
  .offerRoundInner { width: 700px; height: 700px; padding-top: 230px; }
  .offerRound { width: 700px; height: 350px; }
  .offerCol { width: 280px; margin-left: -140px; }
  .offerCol:nth-child(2n) .offRndText, .offerCol:nth-child(3) .offRndText, .offerCol:nth-child(5) .offRndText { width: 260px; }
  .offerCol:nth-child(2n) { width: 400px; left: -130px; top: 40px; }
  .offerCol:nth-child(3), .offerCol:nth-child(5) { width: 400px; left: auto; right: -130px; top: 40px; }
  .offerCol:nth-child(4) { left: -225px; top: 200px; }
  .offerCol:nth-child(5) {top: 200px; right: -225px; }
  .appSecLeft { padding-left: 25px; height: 450px; }
  .appSecLeftText h2, .appSecLeftText h3 { font-size: 70px; line-height: 72px; }
  .appSecRight { height: 450px; width: 68%; }
  .appSecRight img { margin: -220px auto 0; width: 300px; }
  .drop { width: 600px; height: 810px; }
  .dropForm { width: 320px; margin: 190px auto 0; }
  .dropForm input[type="submit"] { width: 100px; height: 100px; margin: 255px auto 0; background-size: 22px; }
  .routBoxSec { width: 1300px; margin: 0 auto; }
  .routtBox { width: 31%; }
  .routtBoxMap { width: 100%; height: 245px; }
  .routtBoxForm { width: 360px; }
  .footerLogo img { width: 190px; }
  .banner .carousel { margin-top: 63px; }
  .banner .carousel-caption h1 { font-size: 40px; width: 475px; font-weight: 700; line-height: 50px; }
  .eeTop { margin-top: 65px; padding: 40px 20px 100px; }
  .eeServLeftRnd { width: 400px; height: 400px; }
  .eeServLeft:before { margin-top: -110px; height: 200px; }
  .eeServRight h2 { font-size: 34px; line-height: 42px; }
  .eeServRight h2 span { font-size: 34px; }
  .eeServRight ul li { font-size: 15px; line-height: 20px; margin-top: 14px; }
  .eeServRight ul:before { left: 8px; }
  .eeRow { margin-top: 50px; }
  .eeRowLeft { width: 48%; padding-left: 20px; }
  .eRowLeft h3, .eeRowLeft h3 { font-size: 30px; line-height: 34px; }
  .eeRowLeft h2, .eeRowLeft h2 { font-size: 34px; line-height: 39px; margin: 0 0 20px; }
  .eeRowRight, .eeRow:nth-child(2n) .eeRowRight { min-height: 450px; padding-left: 60px; background-size: 100% 100%; }
  .eeRow:nth-child(2n) .eeRowRight {justify-content: flex-start;}
  .eeRowRight img, .eeRow:nth-child(2n) .eeRowRight img, .eeRow:nth-child(3n) .eeRowRight img { max-width: 84%; height: auto; }
  .eeRowLeft p, .eeRowLeft p { font-size: 14px; line-height: 19px; margin-top: 15px; }
  .eeTopLeft h2 { font-size: 32px; line-height: 40px; }
  .eeTopLeft h2 span { font-size: 26px; line-height: 30px; }
  .eeTopLeft p { font-size: 15px; line-height: 22px; margin-top: 15px; }
  .eeTopRightBox { width: 170px; height: 170px; }
  .eeTopRight { width: 358px; height: 370px; }
  .eeTopRightBox:nth-child(3), .eeTopRightBox:nth-child(4) { margin-top: 0; }
  .eeTopRightBoxIm img {width: 50px;}
  .eeTopRightBoxTxt h3 { font-size: 18px; line-height: 20px; }
  .eeTopRightBoxTxt p { font-size: 14px; line-height: 19px; margin-top: 2px; }
  .recentPostContainer { padding: 0 20px; }
  .recentPost { width: 50%; }
  .ourBlogBox { margin: 45px auto; width: 80%; }
  .ourBlogBoxText { padding: 20px 20px 50px; }
  .ourBlogBoxText h3 { font-size: 20px; line-height: 26px; }
  .ourBlogBoxText p { font-size: 14px; line-height: 19px; }
  .ourBlogBoxTextBot { font-size: 14px; line-height: 18px; margin-top: 14px; }
  .ourBlogBoxTop:after { height: 100px; }
  .ourBlogBoxTop { height: auto; }
  .routSearch input[type="text"] { font-size: 18px; padding-left: 18px; background: url(../image/rtSrch.png) 101% top no-repeat; width: 600px; background-size: auto 60px; padding-right: 100px; border-radius: 10px; height: 60px; }
  .routSearch button { width: 220px; margin-left: 20px; font-size: 18px; border-radius: 10px; height: 60px; }
  .routContainer h1 { font-size: 30px; line-height: 32px; }
  .routContainer { margin-top: 50px; }
  .routMain { margin-top: 80px; padding: 30px 20px 80px; }
  .routBox { margin-top: 25px; border-radius: 30px; padding: 50px 40px; }
  .routBoxLeft { width: 630px; }
  .routBoxTopText h2 { font-size: 20px; line-height: 24px; }
  .routBoxTopArrow img {width: 45px;}
  .routBoxTopbutton { font-size: 15px; width: 150px; height: 40px; border-radius: 40px; line-height: 18px; }
  .routBoxLeftIm { width: 350px; margin: 10px 0; }
  .routBoxTopText h2 span { font-size: 15px; line-height: 19px; margin-top: 6px; }
  .routBoxBottomText { font-size: 17px; line-height: 24px; margin-top: 10px; }
  .careerBanerContainer { padding: 0 20px 50px; }
  .softService .careerBaner { margin-top: 40px; }
  .cmAdv { padding: 40px 20px; }
  .softService .careerBanerText h2 { font-size: 32px; line-height: 38px; }
  .softService .careerBanerIm img { max-width: 80%; }
  .cmAdvLft { width: 40%; }
  .cmAdvRght h3 { font-size: 25px; line-height: 30px; }
  .cmAdvRghtRow h2 { font-size: 32px; line-height: 40px; }
  .cmAdvRghtRow ul:before { left: 8px; }
  .cmAdvRghtRow ul li, .careerBanerText ul li { font-size: 16px; line-height: 22px; }
  .bkendPanel h2 span { font-size: 25px; line-height: 30px; }
  .bkendPanel h2 { font-size: 35px; line-height: 45px; }
  .bckPnlSlid { margin-top: 50px; }
  .bkPnlContainer img {width: 95%;}
  .bkPnlContainer { max-width: 65%; }
  .careerBanBus { width: 480px; }
  .careerBanerText h2, .rentBanerRight h2, .recentBotLft h2 { font-size: 28px; line-height: 34px; }
  .careerBanerText h2 span, .rentBanerRight h2 span, .recentBotLft h2 span { font-size: 28px; }
  .careerBanerIm img { max-width: 70%; }
  .careerBanerText ul li {margin-top: 10px;}
  .careerBanerText ul:before {left: 7px;}
  .careerBotContainer {padding: 0 20px; width: 80%;}
  .careerTbRowLftTxt h2 { font-size: 20px; line-height: 24px; }
  .careerTbRowLftTxt p { font-size: 14px; line-height: 18px; margin: 8px 0 0; }
  .careerTbRowLft img { max-width: 60px; }
  .careerTbRowLftTxt { margin-left: 24px; }
  .careerTbRowRgtBotton { width: 150px; height: 40px; font-size: 14px; line-height: 18px; }
  .careerTbRowRgt { width: 320px; }
  .careerTbRow { padding: 15px 40px; margin-top: 30px; }
  .careerBotContainer .nav-pills .nav-link { width: 200px; height: 44px; font-size: 14px; line-height: 18px; }
  .rentBanBus { width: 1000px; left: -420px; bottom: -90px; }
  .rentBaner { margin-top: 60px; justify-content: space-between; }
  .rentBanerLeft { width: 35%; }
  .rentBanerRight { padding-top: 50px; }
  .rentBanerRight ul li, .recentBotLft ul li { font-size: 16px; line-height: 24px; margin-top: 12px; }
  .rentBanerRight ul:before { left: 7px; }
  .recentBot { padding: 180px 20px; margin-top: 40px; }
  .recentBotRght { width: 500px; padding: 34px; }
  .rentBotCar { width: 420px; bottom: -80px; }
  .recentBotContainer {align-items: center; z-index: 1;}
  .greenBox { height: 670px; width: 60%; padding: 60px 250px 14px 60px; background-size: 100%; }
  .blueBox { left: 36%; top: 220px; width: 60%; height: 360px; padding: 10px 200px 10px 300px; background-size: 100%; }
  .abtBottomSecCar { left: 75%; width: 350px; }
}
@media (max-width: 1500px){
  .offerRoundInner { width: 500px; height: 500px; padding-top: 230px; }
  .offerCol:nth-child(2n) { width: 400px; left: -90px; top: 40px; }
  .offerCol:nth-child(3), .offerCol:nth-child(5) { width: 400px; left: auto; right: -90px; top: 40px; }
  .offerCol:nth-child(4) { left: -135px; top: 200px; }
  .offerCol:nth-child(5) { top: 200px; right: -135px; }
  .routBoxSec { width: 1170px; }
  .routtBoxForm { width: 328px; }
  .routSec h2 { font-size: 40px; line-height: 70px; margin: 0 0 40px; }
  .ourBlogBox { width: 96%; }
  .blogSlider .owl-prev, .blogSlider .owl-next { height: 50px; width: 50px; background-size: 100% 100% !important; }
  .rpline a { font-size: 14px; line-height: 19px; padding: 8px 30px; border-radius: 30px; }
  .recentPostBoxRow p { font-size: 14px; line-height: 18px; }
  .recentPostOuter { min-height: 530px; }
  .abotContainer h1, .abotContainer h1 span { font-size: 40px; line-height: 50px; }
  .abtMidlLft { margin-top: 140px; width: 610px; margin-left: -230px; }
  .greenBox h2 { font-size: 40px; line-height: 42px; }
  .greenBox p { font-size: 16px; line-height: 24px; }
  .blueBox ul li {  font-size: 16px; line-height: 20px; }
  .aboutTopArea { margin-top: 65px; }
}
@media (max-width: 1299px){
  .blogTop { margin-top: 90px; padding: 338px 20px 300px; }
  .ourBlogBoxTop:after { height: 70px; }
  .ourBlogBoxTop { height: auto; }
  .routBoxLeft { width: 500px; }
  .routBoxTopText h2 { font-size: 17px; line-height: 22px; }
  .routBoxTopArrow img { width: 36px; }
  .routBoxTopbutton { font-size: 13px; width: 114px; height: 30px; border-radius: 30px; line-height: 16px; }
  .routBoxTopArrow { margin-right: 17px; }
  .routBoxBottomText { font-size: 15px; line-height: 22px; margin-top: 10px; }
  .careerBanBus { width: 340px; right: -46px; }
  .careerTbRowLft { width: calc(100% - 330px); }
  .rentBanerRight { padding-top: 25px; }
  .rentBanBus { width: 800px; left: -338px; bottom: -60px; }
  .blueBox { top: 220px; height: 284px; padding: 40px 150px 10px 170px; align-items: flex-start; }
  .greenBox { height: 580px; }
  .blueBox ul li { margin-top: 14px; }
  .abtBottomSecCar { left: 68%; width: 320px; top: 430px; }
  .abtMidlContainer { position: static; text-align: center; transform: translate(0, 0); margin-top: 290px; }
  .abtMidlLft { margin-top: 40px; width: 100%; margin-left: 0; text-align: center; }
  .abtMidlLft img {width: 470px;}
}

@media (max-width: 1199px){
  .featureSecOuter { margin-top: 0; }
  .banner .carousel-control-prev { left: 40px; }
  .banner .carousel-control-next { right: 40px; }
  .featureBox { width: 510px; height: auto; padding: 35px 25px 30px; }
  .featureBox h2 { font-size: 38px; line-height: 44px; }
  .featureBox h2 span { font-size: 32px; line-height: 35px; }
  .offerSec { margin-top: 0; }
  .offerRoundInner { width: 400px; height: 500px; padding-top: 220px; }
  .offRndInner { width: 75px; height: 75px; }
  .offRnd { width: 90px; height: 90px; }
  .offerCol { width: 204px; margin-left: -102px; }
  .offRndText p { font-size: 13px; line-height: 17px; margin-top: 6px; }
  .offRndText h3 { font-size: 16px; line-height: 18px; }
  .offRndText { margin-top: 10px; }
  .offerCol:nth-child(2n) { width: 300px; left: 28px; top: 70px; }
  .offerCol:nth-child(2n) .offRndText, .offerCol:nth-child(3) .offRndText, .offerCol:nth-child(5) .offRndText { width: 190px; }
  .offerCol:nth-child(3), .offerCol:nth-child(5) { width: 300px; left: auto; right: 40px; top: 70px; }
  .offerCol:nth-child(4) { left: -2px !important; top: 210px !important; }
  .offerCol:nth-child(5) { right: -2px !important; top: 210px !important; }
  .offerRound { width: 700px; height: 330px; }
  .appSecLeftText h2, .appSecLeftText h3 { font-size: 40px; line-height: 44px; }
  .appBoxButtonSec .featureBoxButton { width: 150px; height: 40px; font-size: 15px; }
  .appBoxButtonSec { width: 320px; margin: 40px 0 0; }
  .appSecLeft { height: 290px; }
  .appSecRight { height: 290px; width: 70%; top: 60px; padding-left: 320px; }
  .appSecRight img { margin: -160px auto 0; width: 200px; }
  .appSec { margin-top: 140px; }
  .routBoxSec { width: 930px; }
  .routtBoxMap { height: 180px; }
  .routtBoxForm { width: 250px; }
  .routtBoxForm input[type="text"] { height: 50px; font-size: 15px; border-radius: 10px; padding: 0 13px; margin-top: 10px; }
  .routtBoxForm input[type="submit"] { width: 40px; height: 40px; margin-top: -16px; right: 14px; background-size: 100%; }
  .mainComponent { padding-bottom: 50px; }
  .routSec h2 { font-size: 32px; line-height: 40px; margin: 0 0 30px; }
  .footerLogo img { width: 160px; }
  .footer { padding: 18px 25px; }
  .footerMenu ul li { margin-top: 14px; }
  .socialIcon { margin-top: 2px; }
  .navbar-expand-md .navbar-nav .nav-link { font-size: 13px; }
  .offerText { width: 90%; }
  .eeTopLeft { width: calc(100% - 380px); max-height: 444px; overflow: auto; padding-right: 20px; }
  .eeTopLeft p { font-size: 14px; line-height: 19px; margin-top: 15px; }
  .eeTop:before { width: 180%; height: 1100px; top: -500px; left: -40%; }
  .eeServLeftRnd { width: 300px; height: 300px; }
  .eeServLeft:before { margin-top: -85px; height: 160px; }
  .eeTop { height: 600px; }
  .recentPostOuter { background: url(../image/recent-post.png) right center no-repeat; background-size: 50%; }
  .recentPostBox { margin-top: 20px; border-radius: 20px; }
  .rpline a { font-size: 12px; line-height: 12px; padding: 12px 30px; }
  .recentPostBoxRow { margin-top: 12px; }
  .recentPostBoxRow p { font-size: 13px; line-height: 18px; color: #fff; }
  .rpline { margin-top: 10px; }
  .blogTop:before { height: 200px; background: url(../image/block-back-top.png) center top no-repeat; background-size: auto 100%; }
  .blogTop h2 { margin-top: -2px; margin-bottom: 0; }
  .blogTop { margin-top: 90px; padding: 130px 20px 130px; }
  .blogTop:after { background: url(../image/block-back-bot.png) center top no-repeat; height: 188px; background-size: auto 100%; }
  .ourBlogBox { width: 100%; }
  .ourBlogBoxText h3 { font-size: 18px; line-height: 22px; }
  .routBoxLeftIm { width: 270px; margin: 10px 0; }
  .routBoxMap { width: 420px; }
  .routBoxLeft { width: 420px; }
  .routBox { padding: 30px; }
  .sasTp.eeTop:before { height: 1000px; }
  .sasTp.eeTop { height: 500px; }
  .careerBanerText { width: 58%; }
  .careerBanerIm { width: 40%; }
  .careerBanerIm img { max-width: 86%; }
  .careerBotContainer { width: 95%; }
  .recentBot { padding: 100px 20px; margin-top: 25px; }
  .recentBotRght { width: 370px; padding: 28px; }
  .rentBotCar { width: 260px; bottom: -40px; right: -40px; }
  .rentBanerRight h2, .rentBanerRight h2 span, .recentBotLft h2, .recentBotLft h2 span {font-size: 24px; line-height: 28px;}
  .rentBanerRight ul { margin-top: 20px; }
  .rentBanerRight ul li, .recentBotLft ul li { font-size: 15px; line-height: 22px; margin-top: 8px; }
  .abotContainer h1, .abotContainer h1 span { font-size: 30px; line-height: 34px; }
  .aboutTopArea { padding-top: 20px; }
  .abtSldTxt p { font-size: 14px; line-height: 20px; }
  .greenBox h2 { font-size: 30px; line-height: 32px; }
  .greenBox { height: 450px; }
  .blueBox { top: 150px; height: 260px; padding: 40px 120px 10px 150px; }
  .abtBottomSecCar { left: 68%; width: 300px; top: 330px; }
  .aboutSlideBoxIm { margin: -230px auto 0; }
  .aboutSlideBox { margin-top: 170px; }
}
@media (max-width: 991px){
  .login img { margin-right: 5px; width: 28px; }
  .login a { font-size: 12px; min-width: 70px; }
  .navbar-expand-md .navbar-nav .nav-link { font-size: 14px; white-space: nowrap; }
  .footerRight { width: 350px; }
  .routBoxSec { width: 730px; }
  .routtBoxForm { width: 90%; }
  .routtBoxMap { height: 140px; border-radius: 20px; }
  .routtBox { border-radius: 20px; }
  .offerRoundOuter { width: 730px; margin: 100px auto 0; }
  .offerCol:nth-child(2n) { width: 230px; left: 15px; top: 40px; }
  .offerCol:nth-child(2n) .offRndText, .offerCol:nth-child(3) .offRndText, .offerCol:nth-child(5) .offRndText { width: 130px; }
  .offerCol:nth-child(3), .offerCol:nth-child(5) { width: 230px; right: 8px; top: 40px; }
  .offerCol:nth-child(4) { left: -10px !important; top: 185px !important; }
  .offerCol:nth-child(5) { right: -10px !important; top: 185px !important; }
  .offRndText h3 { font-size: 14px; line-height: 18px; }
  .offRndText p { font-size: 12px; line-height: 15px; }
  .featureSecOuter { height: 810px; padding-top: 120px; background: url(../image/feature-back.png) left -90px no-repeat; background-size: auto 111%; }
  .featureBox { width: 380px; height: auto; padding: 20px 20px 22px; border-radius: 20px; }
  .featureBox h2 { font-size: 32px; line-height: 34px; }
  .featureBox h2 span { font-size: 24px; line-height: 28px; }
  .featureBox ul li { font-size: 13px; margin-top: 11px; line-height: 17px; padding-left: 30px; }
  .featureBox ul { margin: 20px 0 0; }
  .featureBoxButton { width: 150px; height: 40px; font-size: 14px; }
  .featureBoxButtonSec { width: 100%; margin: 30px auto 0; }
  .appSecLeftText h2, .appSecLeftText h3 { font-size: 30px; line-height: 32px; }
  .appSecLeft { height: 210px; padding-left: 15px; }
  .appBoxButtonSec { margin: 20px 0 0; }
  .appSecRight { height: 210px; width: 70%; top: 40px; padding-left: 250px; }
  .appSecRight img { margin: -130px auto 0; width: 150px; }
  .dropBack { margin-top: 100px; padding-bottom: 70px; }
  .banner .carousel-caption { padding-top: 0; margin-top: -120px; }
  .banner .carousel-caption h1 { font-size: 26px; width: 475px; line-height: 30px; }
  .banner .ctxtButton { width: 170px; height: 40px; margin: 10px auto; font-size: 15px; }
  .offerText h2 { font-size: 34px; line-height: 40px; }
  .eeTopLeft h2 { font-size: 22px; line-height: 28px; }
  .eeTopLeft h2 span { font-size: 20px; line-height: 24px; }
  .eeTop { padding: 25px 20px 0; }
  .eeTopLeft p { font-size: 13px; line-height: 18px;  margin-top: 15px; }
  .eeTopRightBox { width: 120px; height: 120px; }
  .eeTopRight { width: 258px; height: 270px; }
  .eeTopRightBoxIm img {width: 30px;}
  .eeTopRightBoxTxt h3 { font-size: 15px; line-height: 17px; }
  .eeTopRightBoxTxt p { font-size: 13px; line-height: 18px; margin-top: 2px; }
  .eeTopLeft { width: calc(100% - 270px); }
  .eeServRight h2 span { font-size: 24px; }
  .eeServRight h2 { font-size: 26px; line-height: 30px; }
  .eeServLeftRnd { width: 220px; height: 220px; }
  .eeServRight { width: 48%; padding-right: 15px; }
  .eeServRight ul li { font-size: 14px;  line-height: 19px; margin-top: 10px; }
  .eeServRight ul:before { left: 9px; }
  .eRowLeft h3, .eeRowLeft h3 { font-size: 22px; line-height: 26px; }
  .eeRowLeft h2, .eeRowLeft h2 { font-size: 26px; line-height: 30px; }
  .eeRow {align-items: inherit;}
  .eeRowRight, .eeRow:nth-child(2n) .eeRowRight { min-height: 1px; }
  .routBoxTop { flex-wrap: wrap; }
  .routBoxLeft { width: 58%; }
  .routBoxTopRight { width: 38%; }
  .routBoxMap { width: 100%; }
  .routBoxMap img { height: auto; }
  .routSearch input[type="text"] { width: 450px; }
  .routContainer h1 { font-size: 25px; line-height: 32px; }
  .sasTp.eeTop:before { height: 850px; }
  .sasTp.eeTop { height: 350px; }
  .careerBanerText h2 { font-size: 24px; line-height: 30px; }
  .careerBanerText ul li { font-size: 15px; line-height: 20px; margin-top: 10px; }
  .careerBanerText ul:before { left: 8px !important; }
  .softService .careerBanerText { width: 50%; }
  .cmAdvRght h3 { font-size: 18px; line-height: 24px; }
  .cmAdvRghtRow h2 { font-size: 24px; line-height: 30px; }
  .cmAdvRghtRow ul li { font-size: 15px; line-height: 20px; margin-top: 10px; }
  .cmAdvRghtRow { margin-bottom: 20px; }
  .bkendPanel h2 span, .careerBanerText h2 span { font-size: 20px; line-height: 26px; }
  .bkendPanel h2 { font-size: 24px; line-height: 32px; }
  .bckPnlSlid { margin-top: 20px; }
  .bkendPanel { padding: 30px 15px 0; }
  .bkPnlContainer .carousel-indicators [data-bs-target] { width: 10px; height: 10px; }
  .bkPnlContainer .carousel-indicators .active { width: 40px; }
  .bkPnlContainer .carousel-indicators { bottom: -28px; }
  .softService .careerBanerContainer { padding: 0 20px 20px; }
  .careerBanBus { width: 260px; right: -52px; }
  .careerBanerIm img { max-width: 90%; }
  .careerBotContainer .nav-pills .nav-link { width: 170px; height: 40px; font-size: 13px; line-height: 16px; }
  .careerTbRow { padding: 15px 18px; border-top-right-radius: 25px; border-bottom-left-radius: 25px; }
  .careerTbRowLftTxt h2 { font-size: 16px; line-height: 20px; }
  .careerTbRowRgtBotton { width: 120px; height: 34px; font-size: 12px; line-height: 16px; }
  .careerTbRowRgt { width: 250px; }
  .careerTbRowLft { width: calc(100% - 260px); }
  .careerTbRowLftTxt { margin-left: 18px; }
  .careerBotCar { width: 350px; }
  .careerBot { padding: 60px 0 110px; }
  .rentBanerLeft { width: 42%; }
  .rentBanBus { width: 600px; left: -253px; bottom: -50px; }
  .rentBanerRight { margin-right: 10px; }
  .rentBanerRight ul:before { left: 8px; }
  .rentBanerRight ul li, .recentBotLft ul li { font-size: 14px; line-height: 19px; margin-top: 8px; }
  .rentBanerRight h2, .rentBanerRight h2 span, .recentBotLft h2, .recentBotLft h2 span { font-size: 22px; line-height: 28px; }
  .recentBotRght { width: 300px; padding: 20px; }
  .recentBotRghtLft, .recentBotRghtRght { width: 140px; height: 80px; }
  .recentBotRghtIm { border-radius: 15px; }
  .recentBotRghtLft { border-bottom-left-radius: 32px; }
  .recentBotRghtRght { border-top-right-radius: 32px; }
  .recentBot:after {height: 128px;}
  .recentBot { padding: 70px 20px; }
  .aboutSlideBoxIm { margin: -185px auto 0; }
  .aboutSlideBox { margin-top: 130px; }
  .abtMidRgt { width: 100%; }
  .abtMidRgt { width: 100%; }
  .abtColBoxTop { width: 180px; height: 180px; top: -142px; margin-left: 20px; }
  .abtColBoxTopRound { width: 150px; height: 150px; border: 16px solid #1fa113; }
  .abtMidCol { width: 220px; }
  .abtMidColBox { padding: 30px 15px 20px; height: 205px; }
  .abtMidColBox:after {width: 160px;}
  .abtBottomSec { margin-top: 60px; padding: 50px 0 0; }
  .abtMidlContainer { margin-top: 220px; }
  .aboutTxtSlide .carousel-control-prev {left: 80px;}
  .aboutTxtSlide .carousel-control-next {right: 80px;}
  .greenBox { height: 380px; padding: 30px 200px 14px 30px; }
  .blueBox { top: 150px; height: 182px; padding: 20px 90px 10px 85px; }
  .blueBox ul li { font-size: 14px; line-height: 18px; margin-top: 10px;}
  .abtBottomSecCar { left: 66%; width: 240px; top: 300px; }
  .abtMidColBox p { font-size: 14px; line-height: 18px; }
  .abtMidColBox h2 { font-size: 20px; line-height: 26px; }
}

@media (max-width: 768px){
  .navbar-brand { width: calc(100% - 230px); display: inline-block; }
  .talk { position: absolute; right: 18px; top: 16px; }
  .recentPostOuter { background: url(../image/recent-post.png) right top no-repeat; padding-top: 600px; background-size: 100%; }
  .recentPost { width: 100%; }
}
@media (max-width: 767px){
  .nav-item { border-bottom: 1px dashed #333; }
  .nav-item:last-child {border-bottom: none;}
  .navbar-expand-md .navbar-nav { width: 100%; }
  .navbar-expand-md .navbar-collapse { margin-right: 4px; }
  .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .show>.nav-link {background: none; color: #000; font-weight: 600; padding-bottom: 8px; }
  .navbar-dark .navbar-toggler-icon {background: url(../image/menu.png) left top no-repeat; width: 30px; height: 18px; background-size: 100%; }
  .navbar-dark .navbar-nav .nav-link {margin-top: 0;}
  .navbar-expand-md .navbar-collapse { margin-top: 12px; }
  .nav-item { padding: 0; }
  .banner .carousel-control-prev, .banner .carousel-control-next { height: 40px; width: 40px; top: 15%; left: 20px; background-size: 100%; }
  .banner .carousel-control-next {left: auto; right: 20px;}
  .offerRoundInner { width: auto; height: auto; padding-top: 0; border: none; text-align: left; }
  .offerRound { width: auto; height: auto; }
  .offerRoundOuter { width: auto; margin: 40px auto 0; display: block; }
  .offerCol, .offerCol:nth-child(2n), .offerCol:nth-child(3), .offerCol:nth-child(5) { width: 100%; margin-top: 15px; margin-left: 0; position: static; display: flex; text-align: left; align-items: center; padding: 0 15px; }
  .offRndText { margin-top: 0; text-align: left; }
  .offRnd { margin-right: 14px; }
  .offRndText h3 { font-size: 16px; line-height: 18px; }
  .offRndText p { font-size: 13px; line-height: 17px; }
  .offerColOuter { display: block; position: static; }
  .offerCol:nth-child(2n) .offRnd { order: 1; margin: 0; }
  .offRndText, .offerCol:nth-child(2n) .offRndText, .offerCol:nth-child(3) .offRndText, .offerCol:nth-child(5) .offRndText { text-align: left; width: calc(100% - 100px); order: 2; }
  .appSec { margin-top: 120px; }
  .featureContainer { display: block; }
  .featureLeft { width: 100%; text-align: center; }
  .featureLeft img { max-width: 350px; }
  .featureSec .carousel-control-prev {margin-top: -75px; right: 25px;}
  .featureSec .carousel-control-next {right: 25px;}
  .featureBox { width: calc(100% - 100px); height: auto; margin: 20px 0 0 10px; }
  .featureSecOuter { height: auto; padding-top: 120px; background: url(../image/feature-back.png) left -90px no-repeat; background-size: auto 120%; padding-bottom: 180px; }
  .appBoxButtonSec { width: 160px; display: block; }
  .featureBoxButton:last-child {margin-top: 10px;}
  .featureBoxButtonSec .featureBoxButton:last-child {margin-top: 0;}
  .appSecLeft { height: 240px; }
  .appSecRight { height: 235px; }
  .drop { width: 480px; height: 650px; }
  .dropForm { width: 268px; margin: 130px auto 0; }
  .dropForm input[type="submit"] { width: 80px; height: 80px; margin: 190px auto 0; background-size: 18px; }
  .routBoxSec { width: 94%; }
  .featureSec { width: 100%; }
  .banner .carousel-caption { padding-top: 20px; margin-top: -120px; }
  .eeTopContainer { flex-wrap: wrap; justify-content: center; }
  .eeTop { background-color: rgb(213,255,179); background: linear-gradient(0deg, rgba(213,255,179,1) 0%, rgba(252,253,238,1) 100%); padding-bottom: 20px; height: auto; }
  .eeTopLeft { width: 100%; order: 2; padding-right: 10px; }
  .eeTop:before {display: none;}
  .eeTopLeft h2 { text-align: center; }
  .eeServ, .eeRow { flex-wrap: wrap; }
  .eeServRight { width: 100%; padding: 0 15px; }
  .eeServLeft { padding-left: 0; width: 100%; text-align: center; }
  .eeServLeft:before {display: none;}
  .eeRowLeft { width: 100%; padding: 0 15px; order: 2; }
  .eeRowRight, .eeRow:nth-child(2n) .eeRowRight { width: 100%; padding: 0 20px 30px; height: auto; text-align: center; background: transparent; }
  .eeRowRight img, .eeRow:nth-child(2n) .eeRowRight img, .eeRow:nth-child(3n) .eeRowRight img { margin: 0 auto; }
  .eeServRight h2 { text-align: center; margin-top: 10px; }
  .eRowLeft h3, .eeRowLeft h3, .eeRowLeft h2, .eeRowLeft h2 { text-align: center; }
  .eeRowRight img, .eeRow:nth-child(2n) .eeRowRight img, .eeRow:nth-child(3n) .eeRowRight img { max-width: 300px; }
  .eeRow { margin-top: 35px; }
  .routSearch input[type="text"] { font-size: 14px; padding-left: 11px; background: url(../image/rtSrch.png) 101% top no-repeat; width: 320px; background-size: auto 50px; padding-right: 70px; border-radius: 7px; height: 50px; }
  .routSearch button { width: 160px; margin-left: 7px; font-size: 14px; border-radius: 10px; height: 50px; font-weight: 500; }
  .routContainer h1 { font-size: 20px; line-height: 24px; }
  .routContainer { margin-top: 30px; }
  .routBox { flex-wrap: wrap; }
  .routBoxLeft .routBoxTopRight { width: 170px; }
  .routBoxLeft { width: 100%; order: 2; text-align: center; }
  .routBoxTopRight { width: 100%; margin-bottom: 20px; }
  .routBoxLeftIm { margin: 10px auto; }
  .routBoxTopText h2 {text-align: left;}
  .sasTp.eeTop { height: auto; }
  .eeTopLeft h2 span, .bkendPanel h2 span { font-size: 17px; line-height: 24px; }
  .eeTopLeft h2, .careerBanerText h2, .cmAdvRghtRow h2, .bkendPanel h2 { font-size: 20px; line-height: 26px; }
  .careerBanerText ul { margin-top: 12px; padding-left: 21px; }
  .careerBanerText ul li, .cmAdvRghtRow ul li { font-size: 13px; line-height: 17px; margin-top: 8px; }
  .softService .careerBaner { margin-top: 25px; }
  .softService .careerBanerContainer, .cmAdvContainer, .careerBanerContainer { display: block; text-align: center; }
  .careerBanerIm, .cmAdvLft, .careerBanerIm {width: 100%; text-align: center;}
  .careerBanerIm img, .cmAdvLft img, .careerBanerIm img {margin: 0 auto; width: 280px;}
  .softService .careerBanerText, .cmAdvRght, .careerBanerText { width: 280px; margin: 20px auto 0; text-align: left; }
  .cmAdvRghtRow ul, .careerBanerText ul {width: 100%;}
  .cmAdvRght h3 { font-size: 15px; line-height: 19px; }
  .bkPnlContainer { max-width: 280px; }
  .bkPnlContainer img { width: 100%; }
  .careerBotContainer ul { justify-content: space-around; margin-bottom: 0 !important; }
  .careerBotContainer ul li.nav-item {border-bottom: none;}
  .rentBaner, .recentBotContainer { flex-wrap: wrap; }
  .rentBanBus { width: 100%; position: static; padding: 20px 50px 0; }
  .rentBanerLeft {display: none;}
  .rentBanerRight { width: 350px; padding: 15px 20px; margin: 0 auto; }
  .recentBotLft { width:100%; order: 2; margin: 20px auto; }
  .recentBotRght { width: 280px; margin: 0 auto; }
  .recentBot:after {background-size: auto 100%;}
  .abotContainer { max-width: 100%; padding: 0 20px; }
  .aboutSlideBoxIm {width: 86%; margin: -170px auto 0;}
  .aboutSlideBox { margin-top: 110px; }
  .abtMidRgt { flex-wrap: wrap; }
  .abtMidCol, .abtMidCol:nth-child(2) {width: 100%; margin-top: 185px; }
  .abtMidColBox {height: auto; }
  .abtMidCol:first-child { margin-top: 0; }
  .abtColBoxTop { margin-left: -90px; left: 50%; }
  .abtMidlContainer { margin-top: 160px; }
  .abtMidColBox:after { width: 90%; left: 5%; }
  .abtMidColBoxTxt { max-height: 140px; height: auto; min-height: 58px; }
  .greenBox { padding: 20px 20px 30px; width: 100%; background-size: 120%; height: auto; }
  .blueBox { height: auto; padding: 30px 20px 20px; position: static; width: 100%; background: url(../image/about-blue-box.png) -250px -22px no-repeat; background-size: 200%; }
  .greenBox p { font-size: 14px; line-height: 22px; }
  .greenBox h2 { font-size: 24px; line-height: 26px; }
  .abtBottomSec { margin-top: 60px; padding: 0; }
  .abtMidlLft img { width: 390px; }
  .abtBottomSecCar { left: auto; width: 240px; top: 300px; right: 20px; }
}
@media (max-width: 690px){
  .carousel-caption h1 { font-size: 24px; width: 100%; line-height: 30px; }
  .carousel-caption h1:after {display: none;}
  .carousel-item .container { max-width: 100%; left: 0; }
  .carousel-caption { background: rgba(0,0,0,0.5); padding: 10px; }
  .carousel-caption p { width: 100%; }
  .routtBox { width: 100%; margin: 10px 0; }
  .routBoxSec { display: block; }
  .routtBoxMap { height: 250px; }
  .banner .carousel-caption p { font-size: 14px; width: 100%; margin: 10px 0 0; line-height: 19px; }
  .banner .carousel-caption h1 { font-size: 18px; width: 100%; line-height: 22px; font-weight: 600; }
  .banner .carousel-caption { padding: 20px 30px 8px; margin-top: -160px; }
  .footer { padding: 15px; display: block; }
  .footerRight { width: 100%; }
  .footerLogo { width: auto; display: block; margin-top: 0; text-align: center; }
  .appSecLeftText h2, .appSecLeftText h3 { font-size: 25px; line-height: 26px; }
  .appSecLeftText { font-size: 24px; line-height: normal; margin-top: -30px; }
  .appSecRight { padding-left: 180px; }
  .appSecRight img { margin: -100px auto 0; width: 150px; }
  .appSec { margin-top: 78px; }
  .recentPostOuter { padding-top: 500px; }
  .routContainer h1 { font-size: 18px; line-height: 22px; }
  .careerTbRowRgt { width: 120px; flex-wrap: wrap; }
  .careerTbRowRgtBotton:last-child { margin-top: 10px; }
  .careerTbRowLft { width: calc(100% - 130px); }
  .careerBotContainer { width: 100%; }
  .careerBotContainer .nav-pills .nav-link { width: 140px; height: 36px; font-size: 12px; line-height: 16px; }
}
@media (max-width: 635px){
  .careerBanerText { background: rgba(255,255,255,0.7); padding: 20px 15px 15px 22px; border-radius: 15px; }
  .aboutSlideBoxIm { width: 400px; margin: -136px auto 0; }
  .aboutSlideBox { margin-top: 75px; }
  .abotContainer h1, .abotContainer h1 span { font-size: 24px; line-height: 28px; }
}
@media (max-width: 535px){
  .drop { width: 400px; height: 540px; }
  .dropForm { width: 200px; margin: 120px auto 0; }
  .dropForm input[type="text"] { width: 100%; height: 40px; border-radius: 6px; padding: 0 12px; margin-top: 12px; font-size: 14px; }
  .dropBack { margin-top: 80px; padding-bottom: 40px; }
  .appSecRight { width: 100%; text-align: center; height: auto; padding: 0; position: static; background: url(../image/app-right.png) right top no-repeat; background-size: 190%; }
  .appSec { display: flex; flex-wrap: wrap; margin-top: 40px; }
  .appSecLeft { height: 240px; width: 100%; background-size: 200%; order: 2; }
  .appSecRight img { margin: 20px 0; }
  .featureSec .carousel-control-prev { margin-top: 0; right: 58%; top: 104%; }
  .featureSec .carousel-control-next { right: 36%; top: 100%; }
  .featureBox { width: 100%; margin: 20px 0 0 0; }
  .recentPostOuter { padding-top: 400px; }
  .recentPost h2 { font-size: 27px; line-height: 28px; }
  .ourBloSec { padding: 0 17px; }
  .blogTop h2 { font-size: 34px; line-height: 34px; }
  .blogTop:before, .blogTop:after { height: 90px; }
  .blogTop { padding: 57px 1px; }
  .ourBlogBox { margin: 30px auto; }
  .ourBlogBoxTextbutton { font-size: 15px; width: 180px; height: 42px; line-height: 20px; bottom: -21px; margin-left: -90px; }
  .routSearch input[type="text"] { font-size: 14px; padding-left: 8px; background: url(../image/rtSrch.png) 109% top no-repeat; width: 280px; background-size: auto 40px; padding-right: 49px; border-radius: 7px; height: 40px; }
  .routSearch button { width: 128px; margin-left: 7px; font-size: 13px; border-radius: 7px; height: 40px; font-weight: 500; }
  .routMain { margin-top: 60px; padding: 30px 15px 50px; }
  .routBoxTopText { width: 100%; }
  .routBoxTopText h2 { margin-bottom: 15px; }
  .routBox { border-radius: 18px; padding-left: 18px; }
  .eeTopLeft h2 span, .bkendPanel h2 span { font-size: 16px; line-height: 24px; }
  .careerTbRowLftTxt h2 { font-size: 14px; line-height: 18px; }
  .careerTbRowRgtBotton { width: 100px; height: 28px; font-size: 11px; line-height: 13px; }
  .careerTbRowRgt { width: 100px; }
  .careerTbRowLft { width: calc(100% - 110px); }
  .careerTbRow {margin-top: 10px;}
  .abtColBoxTopRound img { max-width: 70%; }
}
@media (max-width: 479px){
  .careerBotContainer .nav-pills .nav-link { width: 107px; height: 36px; font-size: 11px; line-height: 13px; padding: 3px 10px; }
  .aboutSlideBoxIm { width: 280px; margin: -122px auto 0; }
  .greenBox { background-size: 135%; }
  .blueBox { background: url(../image/about-blue-box.png) -242px -22px no-repeat; background-size: 250%; }
}
@media (max-width: 450px){
   .drop { width: 310px; height: 418px; }
   .dropForm { width: 178px; margin: 84px auto 0; }
   .dropForm input[type="submit"] { width: 60px; height: 60px; margin: 115px auto 0; background-size: 14px; }
   .dropBack { margin-top: 40px; padding-bottom: 40px; }
   .banner .carousel-item { min-height: 200px; }
   .featureSecOuter { padding-top: 92px; background: url(../image/feature-back.png) left -180px no-repeat; background-size: auto 144%; padding-bottom: 100px;}
   .routtBoxMap { height: 180px; }
   .routSec h2 { font-size: 25px; line-height: 34px; margin: 0 0 11px; }
   .routSec { margin: 25px 0 0; }
   .mainComponent { padding-bottom: 30px; }
   .navbar-brand img {max-width: 120px;}
   .navbar>.container-fluid { padding: 0 12px; }
   .navbar-brand { width: 130px; }
   .banner .carousel { margin-top: 52px; }
   .featureSec .carousel-control-next { right: 24%; }
   .featureSec .carousel-control-prev { right: 50%; }
   .eeRowRight img, .eeRow:nth-child(2n) .eeRowRight img, .eeRow:nth-child(3n) .eeRowRight img { max-width: 250px; }
   .eeTop { padding: 25px 15px 20px; }
   .eeTopLeft h2 span { font-size: 18px; line-height: 24px; }
   .recentPostOuter { padding-top: 330px; }
   .routBox { padding: 18px; }
   .routSearch form {width: 280px;}
   .routSearch button { margin-left: 0; margin-top: 10px; }
   .routBoxBottomText { font-size: 13px; line-height: 18px; margin-top: 10px; }
   .routMain { padding: 30px 15px; }
   .abtMidlLft img { width: 280px; }
   .abtBottomSecCar { width: 120px; top: auto; right: 0px; bottom: -36px; }
   .aboutTxtSlide .carousel-control-prev, .aboutTxtSlide .carousel-control-next { height: 20px; width: 45px; bottom: -40px; }
   .aboutTxtSlide .carousel-control-prev { left: 5px; }
   .aboutTxtSlide .carousel-control-next { right: 5px; }
   .aboutSlideBox { border-radius: 15px; padding-bottom: 30px; }
   .aboutTopArea { margin-top: 50px; }
   .abotContainer h1, .abotContainer h1 span { font-size: 20px; line-height: 26px; }
}
@media (max-width: 390px){
  .recentPostOuter { padding-top: 290px; }
  .recentPost h2, .blogTop h2 { font-size: 24px; line-height: 24px; }
  .ourBlogBoxText h3 { font-size: 16px; line-height: 20px; }
  .rentBanerRight h2, .rentBanerRight h2 span, .recentBotLft h2, .recentBotLft h2 span { font-size: 20px; line-height: 27px; }
  .rentBanBus {padding: 20px 20px 0;}
}
@media (max-width: 374px){
  .careerBotContainer ul li.nav-item { margin: 5px; }
  .careerBotContainer .nav-pills .nav-link { width: 130px; height: 36px; }
  .careerTbRow { flex-wrap: wrap; }
  .careerTbRowLftTxt h2 { font-size: 13px; line-height: 16px; }
  .careerTbRowLftTxt p { font-size: 12px; line-height: 14px; }
  .careerTbRowLft { width: 100%; }
  .careerTbRowRgt { width: 100%; margin-top: 10px; }
  .careerBotCar { width: 220px; left: -30px; bottom: -30px; }
  .rentBanerRight { width: 280px; }
  .aboutSlideBoxIm { width: 280px; margin: -122px 0 0px -12px; }
  .abotContainer { padding: 0 15px; }
  .aboutSlideBox { margin-top: 60px; }
}

@media (max-width: 349px){
  .routBoxBottom {flex-wrap: wrap; justify-content: flex-start;}
  .routBoxBottomText { width: 100%; text-align: left; margin-top: 3px; }
  .aboutSlideBoxIm { width: 250px; margin: -110px 0 0px; }
  .aboutSlideBox { margin-top: 50px; }
}




* {
  box-sizing: border-box;
}
body {
  line-height: 1.5;
  font-family: 'Lato';
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
h1,
h2,
h3,
p {
  font-weight: 300;
  margin: 0 0 2.4rem 0;
}
h1,
h2,
h3 {
  line-height: 1.3;
}
a {
  text-decoration: none;
  color: inherit;
  font-weight: 400;
}
/**
 * Material Modal CSS
 */
.modal {
  will-change: visibility, opacity;
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 1000;
  visibility: hidden;
  opacity: 0;
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition-delay: $modal-delay;
}
.modal--active {
  visibility: visible;
  opacity: 1;
}
.modal--align-top {
  align-items: flex-start;
}
.modal__bg {
  background: transparent;
}
.modal__dialog {
  max-width: 100%;
  padding: 1.2rem;
}
.modal__content {
  will-change: transform, opacity;
  position: relative;
  padding: 2.4rem;
  background: #f1fff1;
  background-clip: padding-box;
  box-shadow: 0 12px 15px 0 rgba(0,0,0,0.25);
  opacity: 0;
  transition: all 0.25s cubic-bezier(0.23, 1, 0.32, 1);
  width:100%;
  border-radius: 20px 
}
.modal__content--active {
  opacity: 1;
}
.modal__close {
  z-index: 1100;
  cursor: pointer;
}
.modal__trigger {
  position: relative;
  display: inline-block;
  padding: 1.2rem 2.4rem;
  color: rgba(0,0,0,0.7);
  line-height: 1;
  cursor: pointer;
  background: #f1fff1;
  box-shadow: 0 2px 5px 0 rgba(0,0,0,0.26);
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.modal__trigger--active {
  z-index: 10;
}
.modal__trigger:hover {
  background: #e5d3d6;
}
#modal__temp {
  will-change: transform, opacity;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #f1fff1;
  transform: none;
  opacity: 1;
  transition: opacity 0.1s ease-out, transform 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
/**
 * Demo specific CSS
 */
body {
  height: 100vh;
  background: #f1fff1;
  line-height: 1.5;
  font-family: "Poppins", sans-serif;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}
img {
  max-width: 100%;
}
.demo-btns header {
  padding: 7vh 10vw;
  background: #f1fff1;
  display: flex;
  align-items: center;
}
.demo-btns header h1 {
  margin: 0;
  color: rgba(0,0,0,0.54);
  font-weight: 300;
}
.demo-btns .info {
  background: #d4efe1;
  padding: 3vh 10vw;
  height: 70vh;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column wrap;
}
.demo-btns p {
  text-align: center;
  color: #fff;
}
.demo-btns .link {
  font-size: 20px;
}
.demo-btns .modal__trigger {
  margin-right: 3px;
}
@media (max-width: 640px) {
  .demo-btns .modal__trigger {
    margin-bottom: 0.8rem;
  }
}
.demo-close {
  position: absolute;
  top: 0;
  right: 0;
  margin: 1.2rem;
  padding: 0.6rem;
  background: rgba(0,0,0,0.3);
  border-radius: 50%;
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.demo-close svg {
  width: 24px;
  fill: #fff;
  pointer-events: none;
  vertical-align: top;
}
.demo-close:hover {
  background: rgba(0,0,0,0.6);
}
.logo {
  position: fixed;
  bottom: 3vh;
  right: 3vw;
  z-index: 2;
}
.logo img {
  width: 45px;
  transform: rotate(0);
  transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.logo img:hover {
  transform: rotate(180deg) scale(1.1);
}
.tpRoutBox {display: inline-flex; justify-content: space-between; margin-top: 25px; overflow: hidden; width: calc(100% / 4 - 27px); margin-right: 36px; background: #fff; border-radius: 15px; box-shadow: 0px 0px 10px 1px rgba(3, 152, 106, 0.2);}
.tpRoutBox:nth-child(4n){margin-right: 0;}
.tpRoutBoxLft {display: inline-flex; writing-mode: vertical-lr; align-items: center; justify-content: center; font-size: 15px; font-weight: 600; color: #fff; text-orientation: upright; width: 69px; background: url(../images/box-gray.png) left top no-repeat; background-size: 100% 100%; padding: 7px 20px 7px 0; text-shadow: 2px 2px 8px #5cb4d1;}
.tpRoutBoxRgt { display: inline-block; width: calc(100% - 60px); padding-right: 12px; padding-top: 7px; }
.tpRoutBoxRgtTp {display: block;
    text-align: right;
    font-size: 18px;
    color: #27AE60;
    font-weight: bold; }
.tpRoutBoxRgtBot {display: flex; justify-content: space-between; margin-bottom: 12px;}
.tpRoutBoxRgtBotLft {display: inline-flex;}
.tpRoutBoxRgtBotIm {display: inline-block; margin-right: 6px;}
.tpRoutBoxRgtBotTxt {
	display: inline-block;
    color: #2E86C1;
    font-size: 24px;
    font-weight: bold;
    margin-top: 30px;
}
.tpRoutBoxRgtBotTxt span {display: block;}
.tpRoutBoxRgtBotTxt span:last-child {margin-top: 30px;}
.tpRoutBoxRgtBotRght {
	display: inline-flex;
    border-radius: 22px;
    background: #0062cc;
    width: 100px;
    color: #fff;
    font-size: 12px;
    margin-top: 5px;
    font-weight: 700;
    height: 22px;
    align-items: center;
    justify-content: center;
}

.container {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 10vh;
}
 
.input {
    width: 40px;
    border: none;
    border-bottom: 3px solid rgba(0, 0, 0, 0.5);
    margin: 0 10px;
    text-align: center;
    font-size: 36px;
    cursor: not-allowed;
    pointer-events: none;
}
 
.input:focus {
    border-bottom: 3px solid orange;
    outline: none;
}
 
.input:nth-child(1) {
    cursor: pointer;
    pointer-events: all;
}




@media(max-width: 1500px){
	.dashTopBox { width: calc(100% / 4 - 15px); }
	.tpRoutBox { width: calc(100% / 3 - 17px); margin-right: 25px; }
	.tpRoutBox:nth-child(3n) {margin-right: 0;}
	.tpRoutBox:nth-child(4n) {margin-right: 25px;}
	.dusterBox { width: calc(100% / 2 - 14px); margin-right: 20px; }
	.dusterBox:nth-child(2n) {margin-right: 0;}
	.dusterBox:nth-child(3n) {margin-right: 0; margin-top: 20px;}
	.grrenBox { width: calc(100% / 2 - 10px); margin-right: 20px; }
	.grrenBox:nth-child(2n) {margin-right: 0;}
	.grrenBox:nth-child(3n), .grrenBox:nth-child(4n) {margin-top: 40px;}
	.menuSec ul li a span { margin-right: 10px; font-size: 13px; }
	.menuSec ul li a span:first-child { width: 25px; height: 25px; }
	.leftBar { width: 240px; }
	.menuSec ul li i { width: 25px; height: 25px; top: 5px; background-size: 7px; }
	.leftBarHeader { width: 100%; }
	.rightSec { width: calc(100% - 240px); margin-left: 240px; }
	.headerTopBar { width: calc(100% - 240px); }
	.menuSec ul li ul { padding-left: 20px; }
	.profileTopBox { width: calc(100% / 1 - 15px); }
}
@media(max-width: 1299px){
	.dashTop { margin-top: 8px; flex-wrap: wrap; }
	.dashTopBox { width: calc(100% / 2 - 15px); margin-right: 30px; }
	.dashTopBox:nth-child(2n) {margin-right: 0;}
	.dashTopBox:nth-child(3n), .dashTopBox:nth-child(4n) {margin-top: 20px;}
	.mainBotCol {width: 100%;}
}
@media(max-width: 1199px){
	.tpRoutBox { width: calc(100% / 2 - 17px); margin-right: 25px; }
	.tpRoutBox:nth-child(2n) {margin-right: 0;}
	.tpRoutBox:nth-child(3) {margin-right: 25px;}
	.tpRoutBox:nth-child(4n) {margin-right: 0;}
}
@media(max-width: 1099px){
	.dusterBox { width: 100%; margin-right: 0 }
	.dusterBox:nth-child(2n) {margin-right: 0; margin-top: 20px;}
	.dusterBox:nth-child(3n) {margin-right: 0; margin-top: 20px;}
}

@media (max-width: 991px){
	.headerSearchSec input {
	    width: 270px;
	}

	.topBar {
	    background-color: #fff;
	    padding: 7px 15px 48px;
	}
	.wrapper {
	    padding-bottom: 20px;
	}
	.tpRoutBox { width: 100%; margin-right: 0; }
	.tpRoutBox:nth-child(3) {margin-right: 0;}
	.curBookTop { flex-wrap: wrap; }
	.curBookTopLft {width: 100%;}
	.curBookTopRght {width: 100%; margin-top: 10px;}
}
@media (max-width: 767px){
	.headerSearchSec input {
	    width: 100%;
	}
	.headerSearchSec {
		width: 100%;
	}
	.righty .headerSearchSec {
	    float: left;
	    width: calc(100% - 130px);
	}
	.headerTopBarRight { float: right; margin: 10px 0 0; }
	.leftBar.slidd {
		left: -350px;
	}
	.rightSec.widty {
		width: 100%;
		margin-left: 0;
	}
	.rightSec.widty .menuButton {
		display: block;
	}
	.widty .headerSearchSec {
	    float: left;
	    width: calc(100% - 130px);
	}
	
	.rightSec.widty .logo, .rightSec.righty .logo {
		display: block;
		margin-top: -2px;
	}
	.headerTopBar {
	    padding: 8px 15px 9px 15px;
	}
	.rightSec {
		position: relative;
	}
	.rightSec:before {
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		background-color: rgb(0,0,0,0.5);
		display: block;
		z-index: 20;
	}
	.rightSec.widty:before, .rightSec.righty:before {
		display: none;
	}
	.menuButton { margin-top: 17px; margin-right: 17px; }
	.logo img { width: 110px; margin-top: 13px; }
	.grrenBox { width: 100%; margin-right: 0; }
	.grrenBox:nth-child(2) {margin-top: 40px;}
	.headerTopBar { width: 100%; }
}
@media (max-width: 535px){
	.headerTopBarRight {
	    margin: 18px 0 0;
	    width: 100%;
	}
	.dashTopBox {
	    width: 100%;
	    margin-right: 0;
	}
	
	.dashTopBox:nth-child(2n) { margin-top: 20px; }
	.headerTopBarRight ul li a.loginn i { width: 20px; height: 20px; font-size: 10px; }
	.loginn { width: 140px; height: 32px; }
	.headerTopBarRight ul li a i { font-size: 17px; }
	.logo img { margin-top: 3px; }
	.menuButton { margin-top: 7px; }
	.main { padding: 0 15px; }
	.mpBox { width: 80%; }
}
@media (max-width: 479px){
	.topBarLeft {
	    float: left;
	    width: 100%;
	    text-align: center;
	}
	.topBarRight {
	    float: right;
	    width: 100%;
	    text-align: center;
	    margin-top: 14px;
	}
	.dusterBox { flex-wrap: wrap; }
	.dusterBoxRght { width: 100%; }
	.dusterBoxLft {
	    width: 100%;
	    border-top-left-radius: 0;
	    border-bottom-left-radius: 20px;
	    order: 2;
	    border-bottom-right-radius: 20px;
	}
	.dusterBoxRght::before { width: 100%; border-top-right-radius: 20px; border-top-left-radius: 20px; }
	.mpBox { width: 90%; }
	.curBookLft, .curBookRght {width: 100%;}
	.curBookLft:after {display: none;}
}

@charset "utf-8";

/* CSS Document */


@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800;900&display=swap');


body {
    font-family: 'Poppins', sans-serif;
    margin: 0;
    padding: 0;
    font-weight: 400;
    background-color: #f1fff1;
    font-size: 13px;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
    padding: 0;
    line-height: normal;
}
input,
select,
textarea,
option {
    outline: none;
}
ul,
li {
    list-style-type: none;
}
a {
    text-decoration: none !important;
    outline: 0 !important;
}
a:hover {
    text-decoration: none !important;
    outline: 0 !important;
}
a img {
    border: none;
    outline: 0;
}

.wrapper {
    width: 100%;
    overflow-x: hidden;
}

/* CSS Document for left bar */

.leftBar {
	position: fixed;
	top: 0;
	bottom: 0;
	width: 290px;
	left: 0;
	transition: all ease-in-out 0.5s;
	 -moz-transition: all ease-in-out 0.5s;
	 -webkit-transition: all ease-in-out 0.5s;
	 -o-transition: all ease-in-out 0.5s;
	 -ms-transition: all ease-in-out 0.5s;
	 -khtml-transition: all ease-in-out 0.5s;
}
.leftBar.lefty {
	left: -350px;
}

.leftBarHeader {
	padding: 10px 15px;
	z-index: 9;
	top: 0;
	left: 0;
	width: 290px;
	position: relative;
}
.leftBarHeader a {
	display: inline-block;
	vertical-align: middle;
	margin-right: 30px;
	position: relative;
	z-index: 10;
}
.leftBarHeader a:last-child {
	margin-right: 0;
}
.menuSec {
	display: block;
	position: relative;
	z-index: 2;
	height: calc(100% - 100px);
	background: #ecff0e;
	border-top-right-radius: 50px;
	border-bottom-right-radius: 50px;
}
.menuSec ul {
	margin: 10px 0 0;
	padding: 0;
	position: relative;
	z-index: 9;
	background: rgb(28,156,31);
	background: linear-gradient(337deg, rgba(28,156,31,1) 0%, rgba(22,120,141,1) 100%);
	overflow: auto;
	height: 100%;
	border-top-right-radius: 50px;
	border-bottom-right-radius: 190px;
	padding: 10px 15px;
}
.menuSec ul:before {
	background: url(../images/left-car.png) left top no-repeat;
	content: "";
	width: 100%;
	height: 200px;
	left: 0;
	bottom: 0;
	position: absolute;
	background-size: 100%;
}
.menuSec ul ul:before {display: none;}
.menuSec ul li {
    position: relative;
    margin-top: 12px;
}
.menuSec ul li a::before {
    border-radius: 30px;
    content: '';
    background-image: linear-gradient(to bottom, #ebf504 0%, #000000 100%);
    top: -1px;
    left: -1px;
    bottom: -1px;
    right: -1px;
    position: absolute;
    z-index:-1;
}

.menuSec ul li a {
	display: block;
	font-size: 0;
	color: #fff;
	width: 100%;
	background: #1d4c37;
    border-radius: 30px;
    padding: 6px;
    position: relative;
    margin-top: 12px;
    transition: all ease-in-out 0.5s;
	 -moz-transition: all ease-in-out 0.5s;
	 -webkit-transition: all ease-in-out 0.5s;
	 -o-transition: all ease-in-out 0.5s;
	 -ms-transition: all ease-in-out 0.5s;
	 -khtml-transition: all ease-in-out 0.5s;
	 position: relative;
}
.menuSec ul li.actt a {background: #ebf504;}
.menuSec ul li a:hover {background: #ebf504;}
.menuSec ul li a span {
	display: inline-block;
	vertical-align: middle;
	margin-right: 17px;
	font-size: 14px;
	color: #fff;
}
.menuSec ul li a span:first-child {width: 30px; display: inline-flex; justify-content: center; align-items: center; height: 30px; background: #fff; border-radius: 50%;}
.menuSec ul li a span img {
	width: 17px;
}

.menuSec ul li ul {
	margin: 0;
	padding-left: 35px;
	display: none;
	background: none;
	border-radius: 0;
}
.menuSec ul li ul li {
	font-size: 14px;
}
.menuSec ul li ul li {
    padding: 0;
}
.menuSec ul li ul li a {
	font-size: 14px;
	color: #fff;
	background: transparent !important;
	padding: 0;
}
.menuSec ul li ul li a:before {display: none;}
.menuSec ul li i {
    background: #fff url(../images/right-arrow.png) center center no-repeat;
    width: 28px;
    height: 28px;
    position: absolute;
    right: 15px;
    top: 6px;
    transition: all ease-in-out 0.5s;
    -moz-transition: all ease-in-out 0.5s;
    -webkit-transition: all ease-in-out 0.5s;
    -o-transition: all ease-in-out 0.5s;
    -ms-transition: all ease-in-out 0.5s;
    -khtml-transition: all ease-in-out 0.5s;
    border-radius: 50%;
}
.menuSec ul li.actt i {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
.menuSec ul li ul li i {
	display: none;
}
.menuButton {
    float: left;
    margin-top: 8px;
    margin-right: 25px;
    display: none;
}
.logo {
	float: left;
    margin-top: 0;
    margin-right: 15px;
    display: none;
    font-size: 20px;
}
.logo img {width: 120px;}
.righty .logo {display: inline-block;}

.rightSec {
	width: calc(100% - 290px);
	margin-left: 290px;
	transition: all ease-in-out 0.5s;
	 -moz-transition: all ease-in-out 0.5s;
	 -webkit-transition: all ease-in-out 0.5s;
	 -o-transition: all ease-in-out 0.5s;
	 -ms-transition: all ease-in-out 0.5s;
	 -khtml-transition: all ease-in-out 0.5s;
}
.rightSec.righty {
	width: 100%;
	margin-left: 0;
}
.rightSec.righty .menuButton {
    display: block;
    cursor: pointer;
}

.loginn { display: block; width: 160px; text-align: left; border: 2px solid #54e185; background: #fff; border-radius: 30px; padding: 3px; position: relative; height: 38px; }
.loginn i {width: 29px; height: 29px; margin-right: 15px; border-radius: 50%; color: #fff; display: inline-flex; justify-content: center; align-items: center; background: rgb(28,156,31); background: linear-gradient(0deg, rgba(28,156,31,1) 0%, rgba(22,120,141,1) 100%);}
header {
	display: block;
}
.headerTopBar {
	background-color: #f1fff1;
	padding: 18px 25px 9px 8px;
	z-index: 9;
    width: calc(100% - 290px);
    position: fixed;
    top: 0;
    transition: all ease-in-out 0.5s;
	 -moz-transition: all ease-in-out 0.5s;
	 -webkit-transition: all ease-in-out 0.5s;
	 -o-transition: all ease-in-out 0.5s;
	 -ms-transition: all ease-in-out 0.5s;
	 -khtml-transition: all ease-in-out 0.5s;
}
.righty .headerTopBar {width: 100%;}
.headerSearchSec {
	float: left;
}
.headerSearchSec input {
	width: 450px;
	height: 28px;
	background: url(../images/search-icon-big.png) 9px 6px no-repeat;
	padding-left: 35px;
	font-size: 13px;
}
.headerBottomBar {
	padding: 12px 30px 8px;
	margin-top: 60px;
}
.headerBottomBarLeft {
	float: left;
}
.headerBottomBarLeft h1 {
	color: #000;
	font-size: 22px;
	font-weight: 700;
	margin-top: 3px;
}
.opnMenu {position: absolute; right: 20px; bottom: 20px; z-index: 99;}
.bredCumb {
	color: #221F20;
}
.bredCumb a {
	color: #6A6A6A;
}
.bredCumb a:hover {
	color: #000;
}
.bredCumb span {
	color: #6A6A6A;
	padding: 0 5px;
	display: inline;
}
.headerBottomBarRight {
	float: right;
	margin: 5px 0 0;
}
.noti {position: absolute; box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.2); background: #fff; top: -10px; right: -10px; display: inline-flex; justify-content: center; align-items: center; width: 20px; height: 20px; border-radius: 50%; font-size: 11px;}
.headerTopBarRight {
	float: right;
	margin: 5px 0 0;
}
.headerTopBarRight ul {
	padding: 0;
	margin: 0;
	display: flex;
}
.headerTopBarRight ul li {
	margin-right: 20px;
	border-radius: 4px;
	display: inline-flex;
	vertical-align: middle;
	width: auto;
	text-align: center;
	vertical-align: top;
	position: relative;
	align-items: center;
	box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.2);
	padding: 0 7px;
	border-radius: 9px;
	background: #fff;
}
.headerTopBarRight ul li:nth-child(3) {
	margin-right: 7px;
}
.headerTopBarRight ul li:last-child {
	margin-right: 0;
	background-color: transparent;
	border-radius: 0;
	display: inline-block;
	width: auto;
	text-align: center;
	vertical-align: top;
	cursor: pointer;
	box-shadow: none;
}
.headerTopBarRight ul li:last-child span {
	display: inline;
	padding-left: 5px;
}
.headerTopBarRight ul li a {
	color: #255e9e;
	font-size: 14px;
}
.headerTopBarRight ul li a i {font-size: 22px; background: -webkit-linear-gradient(rgb(28,156,31), rgb(22,120,141,1));
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}
.headerTopBarRight ul li a.loginn i {font-size: 14px;}
.headerTopBarRight ul li:last-child a {
	color: #333;
}
.headerTopBarRight ul li a.loginn i {width: 29px; height: 29px; margin-right: 15px; border-radius: 50%; -webkit-text-fill-color: #fff !important; display: inline-flex; justify-content: center; align-items: center; background: rgb(28,156,31); background: linear-gradient(0deg, rgba(28,156,31,1) 0%, rgba(22,120,141,1) 100%);}
.downBox {
	width: 137px;
	background-color: #fff;
	-moz-box-shadow: 0 0 5px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3);
    -o-box-shadow: 0 0 5px rgba(0,0,0,0.3);
    box-shadow: 0 0 5px rgba(0,0,0,0.3);
    position: absolute;
    top: 39px;
    right: 9px;
    display: none;
}
.lftLogo img {width: 160px;}
.downBox ul {
	margin: 0;
	padding: 0;
}
.downBox ul li {
    display: block;
    padding: 3px 10px;
    border-bottom: 1px solid #ccc;
    text-align: left !important;
    font-size: 13px;
    height: auto;
    width: 100%;
    background: transparent;
    border-radius: 0;
}
.downBox ul li:last-child {
	border-bottom: none;
	width: 100%;
	height: auto;
}

.downBox ul li:last-child a {
	font-size: 13px;
	text-align: left;
}
.topBar {
	background-color: #fff;
	padding: 7px 15px 0;
}
.topBarLeft {
	float: left;
}
.topBarLeft ul {
	margin: 0;
	padding: 0;
}
.topBarLeft ul li {
	display: inline-block;
	margin-right: 34px;
	text-align: left;
}
.topBarLeft ul li:last-child {
	margin-right: 0;
}
.topBarLeft ul li a {
	display: inline-block;
	text-align: left;
	font: Bold 13px/18px Open Sans;
	letter-spacing: 0px;
	color: #8B8B8B;
	text-transform: uppercase;
	border-bottom: 2px solid #fff;
	padding-bottom: 9px;
	padding-top: 3px
}
.topBarLeft ul li a.active, .topBarLeft ul li a:hover {
	color: #255E9E;
	border-bottom: 2px solid #255E9E;
}
.topBarRight {
	float: right;
}
.topBarRight ul {
	margin: 0;
	padding: 0;
}
.topBarRight ul li {
	display: inline-block;
	margin-right: 20px;
	text-align: left;
	padding-bottom: 5px;
}
.topBarRight ul li a {
	display: inline-block;
	vertical-align: middle;
}
.main {padding: 0 30px;}
.dashTop {display: flex; padding-bottom: 10px; margin-top: 15px;}
.dashTopBox {display: inline-block; overflow: hidden; width: calc(100% / 4 - 30px); margin-right: 40px; background: #fff; border-radius: 15px; box-shadow: 0px 0px 10px 1px rgba(3, 152, 106, 0.2);}
.profileTopBox {display: inline-flex;padding:20px; justify-content: space-between; margin-top: 25px; overflow: hidden; width: calc(100% / 4 - 27px); margin-right: 36px; background: #fff; border-radius: 15px; box-shadow: 0px 0px 10px 1px rgba(3, 152, 106, 0.2);}

.dashTopBox:last-child {margin-right: 0;}
.dashTopBoxGra {width: 100%; height: 115px; background: rgb(225,243,151); background: linear-gradient(0deg, rgba(225,243,151,1) 0%, rgba(22,120,141,1) 100%); }
.dashTopBoxInner {background: url(../images/line-round.png) -40px bottom no-repeat; height: 120px; align-items: flex-end; padding: 20px 12px 0 15px; background-size: auto; display: flex; justify-content: space-between; background-size: 230px;}
.dashTopBoxLft {display: inline-block; max-width: 63%;}
.dashTopBoxLft img {max-width: 100%; max-height: 104px;}
.dashTopBoxRgt {display: inline-block; text-shadow: 2px 2px 8px #5cb4d1; font-weight: 600; max-width: 36%; text-align: right; font-size: 44px; color: #fff; margin-bottom: 24px; }
.dashTopBoxTxt { display: flex; height: 44px; align-items: center; justify-content: center; font-size: 19px; color: #355545; font-weight: 600; }
.tpRoutSec {margin-top: 20px;}
.tpRout { position: relative; color: #167a86; font-size: 18px; font-weight: 600;}
.tpRout:after {content: ""; position: absolute; display: block; right: 0; top: 13px; width: calc(100% - 110px); border: 1px dashed #9b9999; }
.tpRoutRow {display: flex; padding-bottom: 10px; flex-wrap: wrap;}
.tpRoutBox {display: inline-flex; justify-content: space-between; margin-top: 25px; overflow: hidden; width: calc(100% / 4 - 27px); margin-right: 36px; background: #fff; border-radius: 15px; box-shadow: 0px 0px 10px 1px rgba(3, 152, 106, 0.2);}
.tpRoutBox:nth-child(4n){margin-right: 0;}
.tpRoutBoxLft {display: inline-flex; writing-mode: vertical-lr; align-items: center; justify-content: center; font-size: 15px; font-weight: 600; color: #fff; text-orientation: upright; width: 69px; background: url(../images/box-gray.png) left top no-repeat; background-size: 100% 100%; padding: 7px 20px 7px 0; text-shadow: 2px 2px 8px #5cb4d1;}
.tpRoutBoxRgt { display: inline-block; width: calc(100% - 60px); padding-right: 12px; padding-top: 7px; }
.tpRoutBoxRgtTp {display: block;
    text-align: right;
    font-size: 18px;
    color: #27AE60;
    font-weight: bold; }
.tpRoutBoxRgtBot {display: flex; justify-content: space-between; margin-bottom: 12px;}
.tpRoutBoxRgtBotLft {display: inline-flex;}
.tpRoutBoxRgtBotIm {display: inline-block; margin-right: 6px;}
.tpRoutBoxRgtBotTxt {
	display: inline-block;
    color: #2E86C1;
    font-size: 24px;
    font-weight: bold;
    margin-top: 30px;
}
.tpRoutBoxRgtBotTxt span {display: block;}
.tpRoutBoxRgtBotTxt span:last-child {margin-top: 30px;}
.tpRoutBoxRgtBotRght {
	display: inline-flex;
    border-radius: 22px;
    background: #0062cc;
    width: 100px;
    color: #fff;
    font-size: 12px;
    margin-top: 5px;
    font-weight: 700;
    height: 22px;
    align-items: center;
    justify-content: center;
}
.dusterSec {margin-top: 20px;}
.dusterSec h3 { position: relative; color: #167a86; font-size: 18px; font-weight: 600;}
.dusterSec h3:after {content: ""; position: absolute; display: block; right: 0; top: 13px; width: calc(100% - 110px); border: 1px dashed #9b9999; }
.duster {display: flex; flex-wrap: wrap; background: #d4efe1; border-radius: 34px; padding: 20px; margin-top: 25px;}
.dusterBox {display: inline-flex; width: calc(100% / 3 - 14px); margin-right: 20px; }
.dusterBox:last-child {margin-right: 0;}
.dusterBoxLft {width: 65%; display: inline-block; box-shadow: -2px 0px 10px lightblue; padding: 15px; border-top-left-radius: 20px; border-bottom-left-radius: 20px; background-color: #fff;}
.dusterBoxLftTp { display: flex; justify-content: space-between;}
.dusterBoxTpLft {display: inline-block;}
.dusterBoxTpLft h2 { color: #3b494b; font-weight: 600; font-size: 18px; font-family: "Poppins", sans-serif; margin: 0; padding: 0;}
.dusterBoxTpLft p { color: #a1a79c; font-weight: 500; font-size: 12px; font-family: "Poppins", sans-serif; margin: 1px 0 0; padding: 0;}
.dusterBoxTpRght {display: inline-block; color: #376be1; font-weight: 500; font-size: 12px; font-family: "Poppins", sans-serif; margin: 0; padding: 0;}
.dusterBoxLftBot { display: flex; align-items: center; margin-top: 10px;}
.dusterBoxLftBotCol {display: inline-flex; border-right: 1px dashed #376be1; align-items: center; padding: 6px 10px; color: #3b494b; font-weight: 500; font-size: 12px; font-family: "Poppins", sans-serif;}
.dusterBoxLftBotCol:first-child {padding-left: 0;}
.dusterBoxLftBotCol span {display: inline-block;}
.dusterBoxLftBotCol span:first-child {margin-right: 5px;}
.dusterBoxLftBotCol:last-child {border-right: none; padding-right: 0;}
.viewMore {display: block; margin-top: 8px;}
.viewMore a {margin-top: 12px; color: #5e686a; font-weight: 500; font-size: 12px; font-family: "Poppins", sans-serif;}
.dusterBoxRght {width: 35%; display: inline-block; position: relative;}
.dusterBoxRght::before {width: 50%; display: inline-block; background-color: #ffcf29; height: 100%; content: ""; position: absolute; left: 0; top: 0; box-shadow: 2px 0px 10px lightblue;}
.dusterBoxRghtIm {position: relative; z-index: 1; width: 100%; margin-top: 30px;}
.dusterBoxRghtIm img {max-width: 100%;}
.grrenBoxRow {display: flex; flex-wrap: wrap; margin-top: 50px; }
.grrenBox {width: calc(100% / 4 - 15px); margin-right: 20px; display: inline-block; border-radius: 20px; background-color: #259719; padding: 10px 0 30px 15px; position: relative;}
.grrenBox:last-child {margin-right: 0;}
.grrenBoxIm {width: 70px; height: 70px; top: -25px; overflow: hidden; display: inline-block; border: 5px solid #fdc400; border-radius: 50%; position: absolute; left: 20px;}
.grrenBoxIm img {width: 100%; min-height: 100%;}
.grrenBox h2 {color: #fff; font-weight: 600; font-size: 17px; line-height: 20px; font-family: "Poppins", sans-serif; margin: 0 10px 0 90px; padding: 0;}
.grrenBox h2 span {display: block; margin-top: 0; color: #ffe119; font-weight: 500; font-size: 14px; font-family: "Poppins", sans-serif;}
.grrenBox p {display: block; margin-top: 10px; padding-right: 15px; color: #fff; font-weight: 400; font-size: 11px; font-family: "Poppins", sans-serif;}
.grrenStarSec {display: flex; justify-content: flex-end;}
.grrenStar {width: 180px; height: 26px; position: absolute; right: 0; bottom: 0; border-bottom-right-radius: 20px; background: url(../images/star-back.png) left top no-repeat; align-items: center; display: inline-flex; padding-left: 30px; color: #260404; font-weight: 600; font-size: 16px; font-family: "Poppins", sans-serif;}
.grrenStar img {margin-right: 2px; width: 14px;}
.grrenStar span {display: inline-block; margin-left: 5px;}

/* --------  main row css start -------- */

.mainBotRow { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 9px; margin-bottom: 24px; }
.mainBotCol { width: 48%; display: inline-block; margin-top: 20px; }
.mainBotCol h2 {color: #167a86; position: relative; font-weight: 600; font-size: 17px; line-height: 20px; font-family: "Poppins", sans-serif; margin: 0; padding: 0;}
.mainBotCol h2:after {
    content: "";
    position: absolute;
    display: block;
    right: 0;
    top: 11px;
    width: calc(100% - 148px);
    border: 1px dashed #9b9999;
}
.mainBotCol:nth-child(2) h2:after {width: calc(100% - 120px);}
.curBook { display: flex; margin-top: 20px; box-shadow: 0px 0px 10px 1px rgba(3, 152, 106, 0.2);  background: #fff; border-radius: 20px; flex-wrap: wrap; overflow: auto;}
.curBookLft {position: relative; width: 50%; display: inline-block; padding: 15px;}
.curBookLft:after {content: ""; z-index: 1; border-radius: 50%; margin-top: -15px; right: -15px; width: 30px; height: 30px; background: #fff; display: block; position: absolute; top: 50%;}
.curBookTop {display: flex; justify-content: space-between; align-items: center;}
.curBookTopLft {color: #868b82; display: inline-block; font-weight: 500; font-size: 12px; line-height: 20px; font-family: "Poppins", sans-serif;}
.curBookTopLft span {color: #2e31bf; font-size: 17px; display: block; font-weight: 600;}
.curBookTopRght {color: #868b82; display: inline-flex; align-items: flex-start; font-weight: 500; font-size: 12px; line-height: 20px; font-family: "Poppins", sans-serif;}
.curBookTopRght span {color: #3b494b; font-size: 15px; display: block; font-weight: 600;}
.curBookTopRght img {margin-right: 7px; margin-top: 3px;}
.curBookRght {position: relative;  display: inline-block; background: #16788d; width: 50%; padding: 17px 15px 15px 30px;}
.DrivrNm {color: #868b82; font-weight: 500; font-size: 12px; line-height: 16px; font-family: "Poppins", sans-serif; margin-top: 14px;}
.DrivrNm span {color: #3b494b; font-size: 15px; display: block; font-weight: 600; line-height: 20px;}
.curBookRght h3 {color: #fff; font-weight: 500; font-size: 12px; line-height: 16px; font-family: "Poppins", sans-serif;}
.pickDropSec {position: relative; margin-top: 14px; color: #fff; font-weight: 500; font-size: 12px; line-height: 16px; font-family: "Poppins", sans-serif; padding-left: 18px;}
.pickDropSec:before {content: ""; position: absolute; width: 1px; height: calc(100% - 63px); top: 9px; left: 2px; background: #0a3842; display: inline-block; }
.pickDropSecTop {display: block; position: relative;}
.pickDropSecTop:before {content: ""; position: absolute; width: 5px; height: 5px; top: 5px; left: -18px; background: #333; display: inline-block; border-radius: 50%; }
.pickDropSecBot {margin-top: 20px; height: 60px; position: relative;}
.pickDropSecBot:before {content: ""; position: absolute; width: 5px; height: 5px; top: 5px; left: -18px; background: #6ff56c; display: inline-block; border-radius: 50%; }
.mapBox {width: 100%; margin-top: 20px; overflow: hidden; box-shadow: 0px 0px 10px 1px rgba(3, 152, 106, 0.2); border-radius: 20px; position: relative; height: 176px;}
.mpBox {width: 70%; background: #259719; padding: 2px; display: inline-block; border-radius: 20px; overflow: hidden; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.mpBox h4 {color: #fff; height: 26px; padding: 5px 15px; font-weight: 500; font-size: 12px; line-height: 16px; font-family: "Poppins", sans-serif;}
.mpWhtBox {border-radius: 20px; background: #fff; padding: 15px;}
.mpWhtBox .pickDropSec {color: #7e8283; margin: 0;}
.mpWhtBox .pickDropSecBot {margin-top: 12px; height: 30px; }
.mpWhtBox .pickDropSec:before { height: calc(100% - 30px); left: 3px; }
.mpWhtBox .pickDropSecBot:before, .mpWhtBox .pickDropSecTop:before { width: 7px; height: 7px; }


  


.noselect {
    -webkit-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
}
            
.container{margin:40px auto 120px;display:table;}

            
.seat_bk_con{/*max-width: 250px;*/margin: 0 auto;}

.info_tag_container {
    width:100%;
    display:inline-block;
    margin-bottom:40px;
    border-bottom:1px solid #000;
    font-size: 0;
    text-align: center;
}
.info_tag_container h4 {
    font-size: 24px;
    margin-bottom: 15px;
}
.seat_tag {
    width: 25%;
    display: inline-block;
    vertical-align: top;
}
.seat_tag img {
    max-width: 32px;
}
.seat_tag span {
    font-size: 12px;
    display: block;
    margin: 5px 0 10px;
}



.bus_container {
    text-align: center;
}

.bus{
    padding:80px 0 0;
    background-color:#fffff5;
    border-radius:10px;
    border:1px solid #a7a7a7;
    background-image:url(../images/driver.png);
    background-size:40px;
    background-repeat:no-repeat;
    background-position:right 20px top 15px;
    margin: 0;
    display:inline-block;
    vertical-align: top;
    font-size: 0;
}

.bus li{
    display: block;
    margin: 4px 0;
    position: relative;
}

.seat{
    position: relative;
    height:45px;
    width:44px;
    margin:5px;
    display:inline-block;
    vertical-align:top;
    /*background-image:url('../images/seat.png');
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center;
		background-color:transparent;*/
		background: gray;
    border:0;
    -webkit-box-shadow:none;
  	box-shadow:none;
    -webkit-border-radius:0;
  	border-radius:0;
    cursor: pointer;
    transition: all .4s ease-out;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
}
.seat:hover{
	/*background-image:url('../images/hvr_seat.png');*/
	background: green;
}

.bus li:last-child {margin-bottom:0;}
.bus li:last-child .seat{width:42.3px;margin:5px 3px;}
.bus li:last-child .seat:first-child{margin-left:5px;}
.bus li:last-child .seat:last-child{margin-right:5px;}

.passage{
    width:25px;
    height:45px;
    display:inline-block;
    vertical-align:top;
    margin: 5px;
}
.door_passage{width:45px;}

.seat_num{
    line-height:45px;
    text-align:center;
    font-size:14px;
    display:block;
    color: #000;
    text-shadow: 0 0 5px rgba(255,255,255,0.9);
    transition: all .4s ease-in;
    -webkit-transition: all .4s ease-in;
    -moz-transition: all .4s ease-in;
    -ms-transition: all .4s ease-in;
    -o-transition: all .4s ease-in;
}
.seat:hover .seat_num{
    color: #fff;
    text-shadow: 0 0 5px rgba(0,0,0,0.9);
}

/*--user booked seat*/
.my_seat,.my_seat:hover{
	/*background-image:url(../images/bk_seat.png);*/
	background: skyblue;
	}
/*--male booked seat*/
.maleBook_seat,.maleBook_seat:hover{
	/*background-image:url(../images/m_seat.png);*/
	background: green;
	}
/*--female booked seat*/
.femaleBook_seat,.femaleBook_seat:hover{
	/*background-image:url(../images/fm_seat.png);*/
	background: red;
	}

/*--booked seat--------------*/
.booked_seat,
.booked_seat .seat_num,
.booked_seat:hover .seat_num { 
    pointer-events:none;
    cursor:not-allowed;
    color: #fff;
}

/*-popup checkbox*/
.pop_con{
    width: 78px;
    position: absolute;
    background: #585757;
    -webkit-border-radius: 50px;
    border-radius: 50px;
    margin-top: -50px;
    top: -100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    display: inline-block;
    opacity: 0;
    transition: all .4s ease-in;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    visibility: hidden;
    -webkit-visibility: hidden;
    -moz-visibility: hidden;
    -ms-visibility: hidden;
    -o-visibility: hidden; 
}
/*show popup*/
.pop_con.show {
    margin-top: -10px;
    opacity: 1; 
    visibility: visible;
    -webkit-visibility: visible;
    -moz-visibility: visible;
    -ms-visibility: visible;
    -o-visibility: visible;
}
.bus-check {
    display: inline-block;
    cursor: pointer;
    margin: 5px;
    position: relative;
}
/*hide checkbox*/
.bus-check input[type='checkbox'] {
    visibility: hidden;
    -webkit-visibility: hidden;
    -moz-visibility: hidden;
    -ms-visibility: hidden;
    -o-visibility: hidden;
    opacity: 0;
    position: absolute;
}
.bus-check input[type='checkbox'] + span {
    width: 25px;
    height: 25px;
    /*background-color: #e6e6e6;*/
    border: 2px solid #bfbfbf;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
    transition: all .4s ease-in;
    -webkit-transition: all .4s ease-in;
    -moz-transition: all .4s ease-in;
    -ms-transition: all .4s ease-in;
    -o-transition: all .4s ease-in;
}
.bus-check input[type='checkbox']:checked + span {
    background-color: #fff;
    border: 2px solid #0cff16;
}
.male span {
    /*background: url(../images/mu.png) no-repeat center center;*/
			background: green;
}
.female span {
    /*background: url(../images/fmu.png) no-repeat center center;*/
		background: red;
}
.btm_arrow {
    position: absolute;
    bottom: -12px;
    left: 50%;
    -webkit-transform: translatex(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    display: block;
    margin: 0 auto;
    width: 30px;
    height: 15px;
    background: url('../images/box_arrow.png') no-repeat center center;
}


@media(max-width: 1500px){
	.dashTopBox { width: calc(100% / 4 - 15px); }
	.tpRoutBox { width: calc(100% / 3 - 17px); margin-right: 25px; }
	.tpRoutBox:nth-child(3n) {margin-right: 0;}
	.tpRoutBox:nth-child(4n) {margin-right: 25px;}
	.dusterBox { width: calc(100% / 2 - 14px); margin-right: 20px; }
	.dusterBox:nth-child(2n) {margin-right: 0;}
	.dusterBox:nth-child(3n) {margin-right: 0; margin-top: 20px;}
	.grrenBox { width: calc(100% / 2 - 10px); margin-right: 20px; }
	.grrenBox:nth-child(2n) {margin-right: 0;}
	.grrenBox:nth-child(3n), .grrenBox:nth-child(4n) {margin-top: 40px;}
	.menuSec ul li a span { margin-right: 10px; font-size: 13px; }
	.menuSec ul li a span:first-child { width: 25px; height: 25px; }
	.leftBar { width: 240px; }
	.menuSec ul li i { width: 25px; height: 25px; top: 5px; background-size: 7px; }
	.leftBarHeader { width: 100%; }
	.rightSec { width: calc(100% - 240px); margin-left: 240px; }
	.headerTopBar { width: calc(100% - 240px); }
	.menuSec ul li ul { padding-left: 20px; }
	.profileTopBox { width: calc(100% / 1 - 15px); }
}
@media(max-width: 1299px){
	.dashTop { margin-top: 8px; flex-wrap: wrap; }
	.dashTopBox { width: calc(100% / 2 - 15px); margin-right: 30px; }
	.dashTopBox:nth-child(2n) {margin-right: 0;}
	.dashTopBox:nth-child(3n), .dashTopBox:nth-child(4n) {margin-top: 20px;}
	.mainBotCol {width: 100%;}
}
@media(max-width: 1199px){
	.tpRoutBox { width: calc(100% / 2 - 17px); margin-right: 25px; }
	.tpRoutBox:nth-child(2n) {margin-right: 0;}
	.tpRoutBox:nth-child(3) {margin-right: 25px;}
	.tpRoutBox:nth-child(4n) {margin-right: 0;}
}
@media(max-width: 1099px){
	.dusterBox { width: 100%; margin-right: 0 }
	.dusterBox:nth-child(2n) {margin-right: 0; margin-top: 20px;}
	.dusterBox:nth-child(3n) {margin-right: 0; margin-top: 20px;}
}

@media (max-width: 991px){
	.headerSearchSec input {
	    width: 270px;
	}

	.topBar {
	    background-color: #fff;
	    padding: 7px 15px 48px;
	}
	.wrapper {
	    padding-bottom: 20px;
	}
	.tpRoutBox { width: 100%; margin-right: 0; }
	.tpRoutBox:nth-child(3) {margin-right: 0;}
	.curBookTop { flex-wrap: wrap; }
	.curBookTopLft {width: 100%;}
	.curBookTopRght {width: 100%; margin-top: 10px;}
}
@media (max-width: 767px){
	.headerSearchSec input {
	    width: 100%;
	}
	.headerSearchSec {
		width: 100%;
	}
	.righty .headerSearchSec {
	    float: left;
	    width: calc(100% - 130px);
	}
	.headerTopBarRight { float: right; margin: 10px 0 0; }
	.leftBar.slidd {
		left: -350px;
	}
	.rightSec.widty {
		width: 100%;
		margin-left: 0;
	}
	.rightSec.widty .menuButton {
		display: block;
	}
	.widty .headerSearchSec {
	    float: left;
	    width: calc(100% - 130px);
	}
	
	.rightSec.widty .logo, .rightSec.righty .logo {
		display: block;
		margin-top: -2px;
	}
	.headerTopBar {
	    padding: 8px 15px 9px 15px;
	}
	.rightSec {
		position: relative;
	}
	.rightSec:before {
		content: "";
		position: absolute;
		width: 100%;
		height: 100%;
		background-color: rgb(0,0,0,0.5);
		display: block;
		z-index: 20;
	}
	.rightSec.widty:before, .rightSec.righty:before {
		display: none;
	}
	.menuButton { margin-top: 17px; margin-right: 17px; }
	.logo img { width: 110px; margin-top: 13px; }
	.grrenBox { width: 100%; margin-right: 0; }
	.grrenBox:nth-child(2) {margin-top: 40px;}
	.headerTopBar { width: 100%; }
}
@media (max-width: 535px){
	.headerTopBarRight {
	    margin: 18px 0 0;
	    width: 100%;
	}
	.dashTopBox {
	    width: 100%;
	    margin-right: 0;
	}
	
	.dashTopBox:nth-child(2n) { margin-top: 20px; }
	.headerTopBarRight ul li a.loginn i { width: 20px; height: 20px; font-size: 10px; }
	.loginn { width: 140px; height: 32px; }
	.headerTopBarRight ul li a i { font-size: 17px; }
	.logo img { margin-top: 3px; }
	.menuButton { margin-top: 7px; }
	.main { padding: 0 15px; }
	.mpBox { width: 80%; }
}
@media (max-width: 479px){
	.topBarLeft {
	    float: left;
	    width: 100%;
	    text-align: center;
	}
	.topBarRight {
	    float: right;
	    width: 100%;
	    text-align: center;
	    margin-top: 14px;
	}
	.dusterBox { flex-wrap: wrap; }
	.dusterBoxRght { width: 100%; }
	.dusterBoxLft {
	    width: 100%;
	    border-top-left-radius: 0;
	    border-bottom-left-radius: 20px;
	    order: 2;
	    border-bottom-right-radius: 20px;
	}
	.dusterBoxRght::before { width: 100%; border-top-right-radius: 20px; border-top-left-radius: 20px; }
	.mpBox { width: 90%; }
	.curBookLft, .curBookRght {width: 100%;}
	.curBookLft:after {display: none;}
}

.contact-info {
    display: inline-block;
    width: 100%;
    text-align: center;
        margin-bottom: 10px;
  }
  .contact-info-icon {
  margin-bottom: 15px;
  }
  .contact-info-item {
    background: #071c34;
    padding: 30px 0px;
  }
  .contact-page-sec .contact-page-form h2 {
    color: #071c34;
    text-transform: capitalize;
    font-size: 22px;
    font-weight: 700;
  }
  .contact-page-form .col-md-6.col-sm-6.col-xs-12 {
    padding-left: 0;
  }  
  .contact-page-form.contact-form input {
    margin-bottom: 5px;
  }  
  .contact-page-form.contact-form textarea {
    height: 110px;
  }
  .contact-page-form.contact-form input[type="submit"] {
    background: #071c34;
    width: 150px;
    border-color: #071c34;
  }
  .contact-info-icon i {
    font-size: 48px;
    color: #fda40b;
  }
  .contact-info-text p{margin-bottom:0px;}
  .contact-info-text h2 {
    color: #fff;
    font-size: 22px;
    text-transform: capitalize;
    font-weight: 600;
    margin-bottom: 10px;
  }
  .contact-info-text span {
    color: #999999;
    font-size: 16px;
    font-weight: ;
    display: inline-block;
    width: 100%;
  }
  
  .contact-page-form input {
    background: #f9f9f9 none repeat scroll 0 0;
    border: 1px solid #f9f9f9;
    margin-bottom: 20px;
    padding: 12px 16px;
    width: 100%;
    border-radius: 4px;
  }
  
  .contact-page-form .message-input {
  display: inline-block;
  width: 100%;
  padding-left: 0;
  }
  .single-input-field textarea {
    background: #f9f9f9 none repeat scroll 0 0;
    border: 1px solid #f9f9f9;
    width: 100%;
    height: 120px;
    padding: 12px 16px;
    border-radius: 4px;
  }
  .single-input-fieldsbtn input[type="submit"] {
    background: #fda40b none repeat scroll 0 0;
    color: #fff;
    display: inline-block;
    font-weight: 600;
    padding: 10px 0;
    text-transform: capitalize;
    width: 150px;
    margin-top: 20px;
    font-size: 16px;
  }
  .single-input-fieldsbtn input[type="submit"]:hover{background:#071c34;transition: all 0.4s ease-in-out 0s;border-color:#071c34}
  .single-input-field  h4 {
    color: #464646;
    text-transform: capitalize;
    font-size: 14px;
  }
  .contact-page-form {
    display: inline-block;
    width: 100%;
    margin-top: 30px;
  }
  
  .contact-page-map {
    margin-top: 36px;
  }
  .contact-page-form form {
      padding: 20px 15px 0;
  }