picture {
    width: 100%;
}

.main-menu a span,
body {
    font-weight: 400;
    color: #000;
    line-height: 24px
}

body,
header .main-menu .enbtn span,
header .main-menu>li>a {
    font-size: 16px
}

.main-menu .sub-menu li,
body {
    line-height: 24px
}

.megamenu,
.side-menu-close.closed span:nth-child(2),
.swiper-slide .bg,
.tooltip {
    opacity: 0
}

.ch2,
.ch3,
.red-para,
.video-content p.chbk {
    letter-spacing: -1px
}

.fea:hover svg,
.fea:hover svg g,
.fea:hover svg path {
    fill: red
}

.sr-only,
.tooltip {
    white-space: nowrap
}

* {
    box-sizing: border-box
}

body,
html {
    height: 100%;
    margin: 0
}

body {
    font-family: "Plus Jakarta Sans", sans-serif;
    overflow-x: hidden;
    padding-top: 90px
}

.main-menu a span,
h1,
h2,
h3,
h4,
h5,
h6,
header .main-menu .enbtn span {
    font-family: Prompt, sans-serif
}

:root {
    --red: #E01919;
    --dred: #C52038;
    --dblack: #010104;
    --grey: #D9D9D9;
    --yellow: #fbb817
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    word-spacing: -2px
}

.form-col input,
.form-col label,
.form-col select,
.form-col textarea,
a {
    font-family: "Plus Jakarta Sans", sans-serif
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap
}

.content-even-right,
.content-odd-left,
.ffsocial,
.ftop-img,
.icon-grid-content>:first-child,
.logo,
.main-menu a span,
.mwidth .tab-menu a,
.sub-menu a,
.trip-img,
.trip-page tr,
.video-foreground {
    display: flex;
    display: flex
}

header .container::after {
    content: '';
    position: absolute;
    right: 0;
    top: -20px;
    width: 100%;
    height: 9px;
    transition: .3s;
    background-position: right
}

a {
    color: #0d0d0d;
    text-decoration: none;
    cursor: pointer
}

ul {
    padding-left: 0;
    list-style-type: none
}

header .main-menu>li>a {
    display: flex !important;
    align-items: center
}

header .main-menu .sub-menu {
    display: none;
    position: absolute;
    left: 50%;
    top: 100%;
    width: 220px;
    overflow: hidden;
    background: #fff;
    -webkit-box-shadow: 0 1px 5px 0 rgba(83, 83, 83, .2);
    box-shadow: 0 1px 5px 0 rgba(83, 83, 83, .2);
    z-index: 5;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%)
}

header .main-menu .enbtn {
    height: auto !important;
    padding: 10px 25px;
    z-index: 1;
    border-radius: 30px;
    margin-left: 15px
}

.header-logo img {
    height: auto;
    object-fit: contain
}

.enbtn {
    background: var(--dred);
    position: relative;
    overflow: hidden
}

.side-menu-wrap.opened {
    left: 0;
    transition: .8s;
    -webkit-transition: .8s;
    -moz-transition: .8s;
    -ms-transition: .8s;
    -o-transition: .8s
}

.side-menu-wrap {
    padding-top: 70px;
    width: 300px;
    position: fixed;
    left: -100%;
    top: 0;
    background: #fff;
    height: 100%;
    -webkit-box-shadow: 0 1px 5px 0 rgba(83, 83, 83, .2);
    box-shadow: 0 1px 5px 0 rgba(83, 83, 83, .2);
    overflow-y: auto;
    z-index: 99990;
    transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s
}

.megamenu,
.sp-sticky {
    position: fixed;
    z-index: 99999
}

.home-page .sp-sticky {
    background-color: #002733
}

.sp-sticky {
    width: 100%;
    height: auto;
    display: block;
    left: 0;
    top: 0;
    transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
    background-color: #fff;
    box-shadow: rgb(0 0 0 / 6%) 0 3px 3px 0
}

.cbtn::after,
.enbtn::after,
.ltalk::after {
    width: 0;
    transition: .5s;
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    height: 100%;
    background: var(--yellow);
    z-index: -1
}

header .container {
    position: relative;
    width: 85%
}

.container {
    width: 85%;
    margin: 0 auto
}

.row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important
}

.d-flex {
    display: -ms-flexbox !important;
    display: flex !important
}

header img {
    width: 120px
}

.flex-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important
}

header .main-menu>li>a {
    color: #000;
    display: flex !important;
    align-items: center;
    height: 90px;
    transition: .3s
}

.main-menu a span {
    transition: .3s;
    letter-spacing: 1px;
    position: relative;
    font-size: 17px;
    letter-spacing: 0
}

.main-menu a.active span::after,
.main-menu a:hover span::after {
    position: absolute;
    content: '';
    width: 15px;
    height: 10px;
    background: url(images/arrow.png) 0 0/contain no-repeat;
    margin-top: -10px;
    transition: .3s linear
}

.main-menu {
    margin-right: 0
}

.cbtn::after,
.enbtn::after,
.ltalk::after {
    border-radius: 5px
}

.content-div button,
.enbtn:hover span {
    color: #000 !important
}

.blog-img img,
.brbtn:hover::after,
.cbtn:hover::after,
.corporate-img img,
.form-col,
.ftop-img img,
.mile-even p,
.mile-odd p,
.pos-sti .answer table,
.tab.active:after,
.tab:hover:after,
.trip-col:hover .cbtn::after,
header .main-menu .enbtn:hover::after {
    width: 100%
}

.cbtn::after,
.enbtn::after {
    border-radius: 30px
}

.cab-grid-3.cdots .owl-dots.disabled,
.cdots-hidden .owl-dots,
.corporate-slider .owl-nav,
.d-none,
.main-menu .desknone {
    display: none !important
}

.megamenu {
    display: flex;
    margin-left: -40px;
    padding: 0;
    background: #f9f7f7;
    width: 800px;
    top: 90px;
    left: auto;
    transition: .3s;
    transform: scaleY(0);
    box-shadow: 0 0 6px rgb(0 0 0 / 15%);
    align-items: flex-start;
    transform-origin: top left
}

.adown,
.breadcrumb,
.breadsec,
.cities .mwidth .tab-menu li a,
.dapp-col,
.main-menu>li,
.side-menu-close span,
.taxi-col,
.trip-col {
    position: relative
}

.mwidth {
    display: grid;
    grid-template-columns: 35% 65%;
    width: 100%
}

.mwidth .tab-menu {
    padding-left: 0;
    background: #f5f5f5
}

.mwidth .tab-content {
    background: #fff;
    padding: 50px
}

.after-none .ch3-red br,
.cabs-mimg,
.chbbk,
.corporate-slider .owl-dots,
.fcol10,
.madurai-pg .grid-63,
.mview,
.mvm,
.nav-content,
.swiper-button-next::after,
.swiper-button-prev::after,
.tab-content>.tab-pane,
.txamt-flmob,
input.noreason {
    display: none
}

.tab-content>.active {
    display: block
}

.mrow {
    align-items: flex-end;
    justify-content: center;
    display: flex;
    gap: 30px;
    flex-wrap: wrap
}

.flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important
}

.mwidth .mrow p {
    font-size: 20px;
    font-family: gilroy-semibold;
    color: #000
}

.m-0,
.mrow p {
    margin: 0 !important
}

p {
    text-align: left;
    margin: 0
}

img {
    max-width: 100%
}

.justify-content-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important
}

.hover-line:hover,
.main-menu a.active span,
.main-menu a:hover span,
.mwidth .tab-menu a:hover,
.office-col .num:hover,
.sub-menu a:hover,
.tab-menu a.active,
.vmbtn a,
footer a:hover {
    color: var(--red)
}

.adown {
    margin-left: 3px;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22px' height='22px' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m7 10l5 5l5-5'/%3E%3C/svg%3E")
}

.side-menu-nav .main-menu .sub-menu~i {
    position: absolute;
    padding: 17px 11px;
    right: 0;
    top: 0;
    border-left: 1px solid #ccc
}

.side-menu-nav .main-menu .sub-menu a {
    padding: 15px 18px;
    display: block;
    color: #212529;
    font-size: 16px;
    transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s
}

.main-menu .sub-menu a {
    text-transform: capitalize
}

.side-menu-nav svg {
    transition: .1s linear
}

.angdown svg {
    transform: rotate(450deg) !important
}

.cdots .owl-dots.disabled,
.d-block {
    display: block !important
}

.side-menu-close span:first-child {
    top: -5px
}

.side-menu-close span:nth-child(3) {
    bottom: -5px
}

.side-menu-close span {
    height: 2px;
    width: 20px;
    background: var(--red);
    opacity: 1;
    transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s
}

.side-menu-nav .main-menu>li {
    position: relative;
    border-bottom: 1px solid #ccc
}

.side-menu-nav .main-menu>li>a {
    color: #212529;
    padding: 13px 30px 13px 10px;
    display: block;
    transition: .4s;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s
}

.side-menu-nav .main-menu .sub-menu li {
    border-bottom: 1px solid #eee
}

.side-menu-nav .main-menu .sub-menu {
    border-top: 1px solid var(--blue);
    display: none;
    border-top: 1px solid var(--blue);
    background: #fff
}

.dm22:hover .dm2,
.dm33:hover .dm3,
.dm44:hover .dm4,
.dm:hover .dm1 {
    transform: scaleY(1);
    opacity: 1;
    visibility: visible
}

.side-menu-nav .main-menu>li>a>i {
    color: #03328e
}

.side-menu-nav {
    display: flex;
    justify-content: space-between;
    flex-direction: column-reverse;
    height: 100%;
    overflow-y: scroll
}

.frow,
.taxi-col {
    justify-content: space-between
}

.side-menu-nav .ffsocial {
    padding: 13px 30px 13px 10px;
    margin-bottom: 15px;
    display: block
}

.copyright,
.form-grp .form-col,
.mt15,
.side-menu-nav .ffsocial .socials_links {
    margin-top: 15px
}

.side-menu-nav .ffsocial .sicons a {
    width: 35px;
    height: 35px
}

.side-menu-close.closed span:nth-child(3) {
    transform: translateY(-7px) rotate(-45deg);
    -webkit-transform: translateY(-7px) rotate(-45deg);
    -moz-transform: translateY(-7px) rotate(-45deg);
    -ms-transform: translateY(-7px) rotate(-45deg);
    -o-transform: translateY(-7px) rotate(-45deg)
}

.side-menu-close.closed span:first-child {
    transform: translateY(7px) rotate(45deg);
    -webkit-transform: translateY(7px) rotate(45deg);
    -moz-transform: translateY(7px) rotate(45deg);
    -ms-transform: translateY(7px) rotate(45deg);
    -o-transform: translateY(7px) rotate(45deg)
}

.stretched-link::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    content: "";
    background-color: rgba(0, 0, 0, 0)
}

.taxi-col {
    background: var(--dred);
    padding: 60px 70px 120px;
    display: flex;
    border-radius: 34px
}

.taxi-col img {
    position: absolute;
    right: 0;
    width: 500px;
    bottom: -1px
}

.cab-img img,
.state-slider .trip-col:hover .moving-car {
    bottom: -60px
}

.banner .cbtn:hover,
.cab-col:hover .cab-ch3,
.cab-col:hover p,
.cab-col:hover ul li,
.callaction:hover a,
.d-btn-a:hover .android-icon,
.d-btn-i:hover .iphone-icon,
.ride-col .ch2,
.taxi-col .ch2,
.taxi-col p,
.video-content .ch2,
.video-content p {
    color: #fff
}

.w70 {
    width: 70% !important
}

.ride-deserve {
    padding-top: 200px !important
}

.swipernav .swiper-button-next,
.swipernav .swiper-button-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    cursor: pointer;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center
}

.swipernav .swiper-button-prev {
    left: 10px
}

.swipernav .swiper-button-next {
    right: 10px
}

.swipernav .swiper-button-next span::before,
.swipernav .swiper-button-prev span::before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    border: solid #fff;
    border-width: 0 3px 3px 0
}

.swipernav .swiper-button-next:hover span::before,
.swipernav .swiper-button-prev:hover span::before {
    border: solid var(--red);
    border-width: 0 3px 3px 0
}

.swipernav .swiper-button-prev span::before {
    transform: rotate(135deg)
}

.swipernav .swiper-button-next span::before {
    transform: rotate(-45deg)
}

.book-a-cab-d {
    position: fixed;
    bottom: 110px;
    right: 0;
    width: 100px;
    height: 100px;
    z-index: 10000;
    border-radius: 50%;
    overflow: hidden
}

.becom-col,
.map-d,
.mem-name,
.parrows li,
.sicons a,
.svg-fl {
    position: relative
}

@media (max-width:1700px) {
    header .main-menu>li>a {
        padding: 0 1.3vw
    }
}

@media (max-width:1600px) {
    .logo {
        width: 400px
    }
    header .main-menu>li>a {
        padding: 0 17px
    }
    .main-menu a span,
    header .main-menu .enbtn span {
        font-size: 15px
    }
    .swiper-slide.even::after {
        background-position: -1px -208px !important
    }
}

@media (max-width:1500px) {
    .container {
        width: 85%
    }
    .logo {
        width: 350px
    }
    .main-menu a span {
        font-size: 16px !important
    }
    .w70 {
        width: 80% !important
    }
    header .main-menu>li>a {
        padding: 0 17px
    }
    .dm .megamenu.cities {
        width: 75% !important;
        right: 7.5% !important
    }
    .cities .menu-wrp {
        display: grid;
        grid-template-columns: 30% 35% 35%
    }
    header .container {
        position: relative;
        width: 90%
    }
}

@media (max-width:1400px) {
    .logo {
        width: 250px
    }
}

@media (min-width:1300px) {
    .d-lg-block {
        display: block !important
    }
    .d-lg-none,
    .sub-menu {
        display: none !important
    }
    .main-menu>li {
        position: relative
    }
    .align-items-lg-center {
        -ms-flex-align: center !important;
        align-items: center !important
    }
    .flex-lg-row {
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }
}

.becom-col .ch2,
.ch2,
.ride-col .f20,
.svg-fl p {
    font-weight: 500
}

@media (max-width:1199px) {
    .container {
        width: 90%
    }
    .adown,
    .megamenu {
        display: none
    }
    .w70 {
        width: 90% !important
    }
    .taxi-col img {
        width: 400px
    }
}

.flink-row,
.flinks,
.flinks ul,
.frow {
    display: grid
}

@media (max-width:575px) {
    header img {
        width: 90px;
        height: auto
    }
    .ftrimg img {
        width: 90px !important;
        height: auto;
        object-fit: contain
    }
}

.frow {
    grid-template-columns: 25% 65%;
    gap: 50px
}

.flinks {
    grid-template-columns: 24% 24% 24% 24%;
    justify-content: space-between;
    gap: 15px
}

.flink-row {
    row-gap: 50px
}

.flinks ul {
    margin: 0;
    gap: 5px
}

.abtlink,
.bdlink,
.bklink,
.bplink,
.cablink,
.crplink,
.ctlink,
.melink,
.trlink {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 10px;
    font-family: "Plus Jakarta Sans", sans-serif
}

.ftrimg img {
    width: 120px;
    height: auto;
    object-fit: contain
}

.ftrimg,
.tripcnt-grid p {
    margin-bottom: 50px
}

footer {
    border-top: 1px solid;
    padding: 60px 0 0
}

.fbicon::after {
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgd2lkdGg9IjFlbSIgaGVpZ2h0PSIxZW0iIHN0eWxlPSItbXMtdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsgLXdlYmtpdC10cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpOyB0cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpOyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgbWVldCIgdmlld0JveD0iMCAwIDMyIDMyIj48cGF0aCBkPSJNMjMuNDQ2IDE4bC44ODktNS43OTFoLTUuNTU3VjguNDUxYzAtMS41ODQuNzc2LTMuMTI5IDMuMjY1LTMuMTI5aDIuNTI2Vi4zOTJTMjIuMjc3LjAwMSAyMC4wODUuMDAxYy00LjU3NiAwLTcuNTY3IDIuNzc0LTcuNTY3IDcuNzk1djQuNDE0SDcuNDMxdjUuNzkxaDUuMDg3djE0aDYuMjZ2LTE0eiIgZmlsbD0iIzAwMCIvPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIzMiIgaGVpZ2h0PSIzMiIgZmlsbD0icmdiYSgwLCAwLCAwLCAwKSIgLz48L3N2Zz4=")
}

.twiticon::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M8 2H1l8.26 11.015L1.45 22H4.1l6.388-7.349L16 22h7l-8.608-11.478L21.8 2h-2.65l-5.986 6.886zm9 18L5 4h2l12 16z'/%3E%3C/svg%3E")
}

.instaicon::after {
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgd2lkdGg9IjFlbSIgaGVpZ2h0PSIxZW0iIHN0eWxlPSItbXMtdHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTsgLXdlYmtpdC10cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpOyB0cmFuc2Zvcm06IHJvdGF0ZSgzNjBkZWcpOyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgbWVldCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNNy44IDJoOC40QzE5LjQgMiAyMiA0LjYgMjIgNy44djguNGE1LjggNS44IDAgMCAxLTUuOCA1LjhINy44QzQuNiAyMiAyIDE5LjQgMiAxNi4yVjcuOEE1LjggNS44IDAgMCAxIDcuOCAybS0uMiAyQTMuNiAzLjYgMCAwIDAgNCA3LjZ2OC44QzQgMTguMzkgNS42MSAyMCA3LjYgMjBoOC44YTMuNiAzLjYgMCAwIDAgMy42LTMuNlY3LjZDMjAgNS42MSAxOC4zOSA0IDE2LjQgNEg3LjZtOS42NSAxLjVhMS4yNSAxLjI1IDAgMCAxIDEuMjUgMS4yNUExLjI1IDEuMjUgMCAwIDEgMTcuMjUgOEExLjI1IDEuMjUgMCAwIDEgMTYgNi43NWExLjI1IDEuMjUgMCAwIDEgMS4yNS0xLjI1TTEyIDdhNSA1IDAgMCAxIDUgNWE1IDUgMCAwIDEtNSA1YTUgNSAwIDAgMS01LTVhNSA1IDAgMCAxIDUtNW0wIDJhMyAzIDAgMCAwLTMgM2EzIDMgMCAwIDAgMyAzYTMgMyAwIDAgMCAzLTNhMyAzIDAgMCAwLTMtM3oiIGZpbGw9IiMwMDAiLz48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIGZpbGw9InJnYmEoMCwgMCwgMCwgMCkiIC8+PC9zdmc+")
}

.yicon::after {
    content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBhcmlhLWhpZGRlbj0idHJ1ZSIgcm9sZT0iaW1nIiB3aWR0aD0iMWVtIiBoZWlnaHQ9IjFlbSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQgbWVldCIgdmlld0JveD0iMCAwIDE2IDE2Ij48ZyBmaWxsPSIjMDAwIj48cGF0aCBkPSJNOC4wNTEgMS45OTloLjA4OWMuODIyLjAwMyA0Ljk4Ny4wMzMgNi4xMS4zMzVhMi4wMSAyLjAxIDAgMCAxIDEuNDE1IDEuNDJjLjEwMS4zOC4xNzIuODgzLjIyIDEuNDAybC4wMS4xMDRsLjAyMi4yNmwuMDA4LjEwNGMuMDY1LjkxNC4wNzMgMS43Ny4wNzQgMS45NTd2LjA3NWMtLjAwMS4xOTQtLjAxIDEuMTA4LS4wODIgMi4wNmwtLjAwOC4xMDVsLS4wMDkuMTA0Yy0uMDUuNTcyLS4xMjQgMS4xNC0uMjM1IDEuNTU4YTIuMDA3IDIuMDA3IDAgMCAxLTEuNDE1IDEuNDJjLTEuMTYuMzEyLTUuNTY5LjMzNC02LjE4LjMzNWgtLjE0MmMtLjMwOSAwLTEuNTg3LS4wMDYtMi45MjctLjA1MmwtLjE3LS4wMDZsLS4wODctLjAwNGwtLjE3MS0uMDA3bC0uMTcxLS4wMDdjLTEuMTEtLjA0OS0yLjE2Ny0uMTI4LTIuNjU0LS4yNmEyLjAwNyAyLjAwNyAwIDAgMS0xLjQxNS0xLjQxOWMtLjExMS0uNDE3LS4xODUtLjk4Ni0uMjM1LTEuNTU4TC4wOSA5LjgybC0uMDA4LS4xMDRBMzEuNCAzMS40IDAgMCAxIDAgNy42OHYtLjEyM2MuMDAyLS4yMTUuMDEtLjk1OC4wNjQtMS43NzhsLjAwNy0uMTAzbC4wMDMtLjA1MmwuMDA4LS4xMDRsLjAyMi0uMjZsLjAxLS4xMDRjLjA0OC0uNTE5LjExOS0xLjAyMy4yMi0xLjQwMmEyLjAwNyAyLjAwNyAwIDAgMSAxLjQxNS0xLjQyYy40ODctLjEzIDEuNTQ0LS4yMSAyLjY1NC0uMjZsLjE3LS4wMDdsLjE3Mi0uMDA2bC4wODYtLjAwM2wuMTcxLS4wMDdBOTkuNzg4IDk5Ljc4OCAwIDAgMSA3Ljg1OCAyaC4xOTN6TTYuNCA1LjIwOXY0LjgxOGw0LjE1Ny0yLjQwOEw2LjQgNS4yMDl6Ii8+PC9nPjwvc3ZnPg==")
}

.linkedinicon::after {
    content: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="16" height="16" viewBox="0 0 24 24"%3E%3Cpath fill="currentColor" fill-rule="evenodd" d="M9.429 8.969h3.714v1.85c.535-1.064 1.907-2.02 3.968-2.02c3.951 0 4.889 2.118 4.889 6.004V22h-4v-6.312c0-2.213-.535-3.461-1.897-3.461c-1.889 0-2.674 1.345-2.674 3.46V22h-4V8.969ZM2.57 21.83h4V8.799h-4V21.83ZM7.143 4.55a2.53 2.53 0 0 1-.753 1.802a2.573 2.573 0 0 1-1.82.748a2.59 2.59 0 0 1-1.818-.747A2.548 2.548 0 0 1 2 4.55c0-.677.27-1.325.753-1.803A2.583 2.583 0 0 1 4.571 2c.682 0 1.336.269 1.819.747c.482.478.753 1.126.753 1.803Z" clip-rule="evenodd"%2F%3E%3C%2Fsvg%3E')
}

.sicons a {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #000;
    border-radius: 50%;
    line-height: 1;
    overflow: hidden;
    transition: color .33s linear .5s, border-color .5s ease-out, background-color .33s linear
}

.sicons a:hover,
.swiper-slide .cbtn {
    border: 1px solid #fff
}

.sicons a::before {
    content: '';
    position: absolute;
    width: 100%;
    transform: scale(1) translateY(67px);
    height: 100%;
    bottom: 0;
    background: var(--yellow);
    transition: transform 1s cubic-bezier(.66, 0, .34, 1);
    z-index: -1
}

.clarity-col:hover img,
.fea:hover svg,
.trip-col:hover img {
    transform: scale(1.1)
}

.sicons a:hover:before {
    transform: scale(1.47) translateY(0)
}

.socials_links {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-top: 50px
}

.term-col {
    display: flex;
    align-items: center;
    gap: 40px
}

.data-fl,
.term-row {
    align-items: center
}

.term-row {
    display: flex;
    justify-content: space-between;
    margin-top: 50px
}

.form-fl,
.google-img {
    display: flex;
    gap: 20px
}

.copyright a,
.copyright p {
    font-size: 13px;
    margin: 0
}

.copyright .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 15px 0;
    border-top: 1px solid #d3d3d3
}

.ccolor,
.no-wrap {
    text-wrap: nowrap
}

.term-col a {
    font-size: 14px;
    line-height: 24px
}

.pspace {
    padding: 100px 0
}

.becom-col {
    background-color: #f1f1f1;
    padding: 50px;
    border-radius: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: .3s cubic-bezier(0, 0, .5, 1)
}

.becom-col .stretched-link,
.becom-col:hover .stretched-link {
    background-color: transparent;
    color: transparent;
    border: 1px solid transparent
}

.becom-col .ch2 {
    font-size: 32px;
    line-height: 33px;
    margin-bottom: 40px;
    word-spacing: -2px
}

.becom-btn a {
    color: var(--red);
    background-color: #fff;
    padding: 10px 25px;
    border-radius: 15px;
    border: 1px solid #000
}

.becom-img img {
    width: 90px
}

.becom-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 50px
}

.becom-col:hover {
    box-shadow: 2px 4px 16px #00000029;
    transform: scale3d(1.01, 1.01, 1.01)
}

.becom-btn,
.c-one svg,
.pos-sti .accordion {
    margin-bottom: 10px
}

.ride-sec {
    background-image: url('images/get-the-ride-your-deserve-image.webp');
    background-attachment: fixed;
    background-position: 0 50px;
    background-repeat: no-repeat;
    height: 600px;
    overflow: hidden;
    background-size: cover
}

.ch2 {
    font-size: 38px;
    line-height: 43px;
    word-spacing: -2px
}

.ride-col .f20 {
    font-size: 24px;
    line-height: 30px;
    color: #000;
    margin: 20px 0
}

.ride-col p {
    color: #eee;
    width: 55%
}

.ride-col {
    width: 50%
}

.app-btn img {
    width: 150px;
    border-radius: 8px
}

.app-btn {
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    gap: 35px
}

.clients-slider .owl-item img,
.corporate-slider .owl-item img {
    width: auto !important;
    margin: auto !important;
    filter: grayscale(1);
    transition: .3s ease-in-out
}

.clients-slider,
.mem-div,
.mt-50px,
.semt,
.vanpt {
    margin-top: 50px
}

.clients-slider .client-col:hover img,
.corporate-slider .client-col:hover img {
    filter: grayscale(0)
}

.corp-btn .cbtn,
.semt .cbtn {
    text-transform: capitalize !important
}

.mem-name {
    display: grid;
    grid-template-columns: 65% 25%;
    justify-content: space-between;
    gap: 50px;
    border-bottom: 1px solid #c1c1c1;
    padding: 25px;
    z-index: 0
}

.txamt-fl {
    display: flex;
    justify-content: space-around;
    gap: 30px
}

.red-para {
    font-size: 30px;
    line-height: 35px;
    color: var(--dred);
    font-weight: 600
}

.data-fl {
    display: flex;
    gap: 40px;
    margin-top: 15px
}

.svg-fl {
    display: flex;
    align-items: center;
    gap: 20px
}

.svg-fl p {
    color: #2c2c2c
}

.svg-fl:first-child::after {
    content: '';
    background-color: #000;
    width: 2px;
    height: 25px;
    display: block;
    position: absolute;
    right: -21px
}

.mem-bo {
    border-bottom: none
}

.mem-bo p {
    font-size: 20px;
    line-height: 28px;
    font-weight: 600
}

.cities-list .trip-img,
.pos-sti .round-trip-answer.oh {
    overflow: hidden !important
}

.mem-name:hover {
    background-color: rgb(197 32 56 / 10%)
}

.appicon-grd li a.active,
.c-one a,
.ch2 span,
.ch3-red span,
.danger,
.map-grid .parrows li:hover,
.mem-name:hover .ch3,
.recent-posts .ch3,
.rules a,
.taxiservice-section .ch2 {
    color: var(--dred)
}

.mem-name::after {
    content: '';
    display: block;
    width: 300px;
    height: 180px;
    background-size: cover;
    background-position: center;
    position: absolute;
    z-index: 999;
    top: -50px;
    left: 45%;
    transition: .4s cubic-bezier(.8, 0, .1, 1);
    transform: scale(0) translate(0, 0) rotate(.001deg);
    border-radius: 10px;
    opacity: 0
}

.mem-name:hover::after {
    opacity: 1;
    transform: scale(1) translate(0, 0) rotate(.001deg);
    transition: .6s cubic-bezier(.8, 0, .1, 1)
}

.no-filter:hover::after {
    filter: none !important
}

.mem-ooty::after {
    background-image: url(images/ooty-image.webp)
}

.mem-munnar::after {
    background-image: url(images/munnar-image.webp)
}

.mem-kodaikanal::after {
    background-image: url(images/kodaikanal.webp)
}

.mem-guruvayoor::after {
    background-image: url(images/guruvayoor.webp)
}

.mem-valparai::after {
    background-image: url(images/valparai.webp)
}

.mem-palani::after {
    background-image: url(images/palani-image.webp)
}

.mem-monkeyfalls::after {
    background-image: url(images/monkey-falls-mem.webp)
}

.mem-masaniamman::after {
    background-image: url(images/masaniamman-temple-mem.webp)
}

.mem-udumalpettai::after {
    background-image: url(images/udumalpet-mem.webp)
}

.mem-tirupur::after {
    background-image: url(images/tirupur-mem.webp)
}

.mem-erode::after {
    background-image: url(images/erode-mem.webp)
}

.mem-mayanur::after {
    background-image: url(images/mayanur-check-dam-mem.webp)
}

.mem-jedarpalayam::after {
    background-image: url(images/jedarpalayam-dam-mem.webp)
}

.mem-namakkal::after {
    background-image: url(images/namakkal-fort-mem.webp)
}

.mem-kodumudi::after {
    background-image: url(images/kodumudi-mem.webp)
}

.mem-kulithalai::after {
    background-image: url(images/kulithalai-mem.webp)
}

.mem-mukkombu::after {
    background-image: url(images/mukkombu-mem.webp)
}

.mem-manapparai::after {
    background-image: url(images/manapparai-mem.webp)
}

.mem-dindugal::after {
    background-image: url(images/dindigul-mem.webp)
}

.mem-mahaballipuram::after {
    background-image: url(images/comibatore_ow_fare.jpg)
}

.mem-pondicherry::after {
    background-image: url(images/)
}

.mem-vedanthangal::after {
    background-image: url(images/thanjavur_ow-fare.jpg)
}

.mem-vellore::after {
    background-image: url(images/vellore_ow_fare.jpg)
}

.mem-gingee::after {
    background-image: url(images/salem_ow_fare.jpg)
}

.mem-thiruvannamalai::after {
    background-image: url(images/thiruvannamalai_ow-fare.jpg)
}

.mem-tirupati::after {
    background-image: url(images/tirupathi_ow_fare.jpg)
}

.mem-bangalore::after {
    background-image: url(images/bangalore-mem.webp)
}

.mem-perambalur::after {
    background-image: url(images/perambalur-mem.webp)
}

.mem-thiruchendur::after {
    background-image: url(images/thiruchendur-mem.webp)
}

.mem-sathurakiri::after {
    background-image: url(images/sathurakiri-mem.webp)
}

.mem-sivanmalai::after {
    background-image: url(images/sivanmalai.webp)
}

.mem-uthukuli::after {
    background-image: url(images/uthukuli-mem.webp)
}

.mem-madurai::after {
    background-image: url(images/madurai.webp)
}

.mem-topslip::after {
    background-image: url(images/topslip-pollachi.webp)
}

.mem-athirapally::after {
    background-image: url(images/athirapalli-waterfalls.webp)
}

.mem-yercaud::after {
    background-image: url(images/yercaud.webp)
}

.mem-mysore::after {
    background-image: url(images/mysore.webp)
}

.mem-aliyardam::after {
    background-image: url(images/aliyar-dam-image.webp)
}

.mem-malapuzha::after {
    background-image: url(images/malampuzha-dam.webp)
}

.mem-kolli::after {
    background-image: url(images/kollimalai.webp)
}

.mem-bargur::after {
    background-image: url(images/bargur.webp)
}

.mem-kodiveri::after {
    background-image: url(images/kodiveri.webp)
}

.mem-hogenakkal::after {
    background-image: url(images/hogenakkal-fall.webp)
}

.mem-mettur::after {
    background-image: url(images/mettur.webp)
}

.mem-bhavani::after {
    background-image: url(images/bhavani.webp)
}

.mem-hasanur::after {
    background-image: url(images/hasanur.webp)
}

.mem-bandipur::after {
    background-image: url(images/bandipur-img.webp)
}

.mem-thirumoorthy::after {
    background-image: url(images/thirumoorthy-dam.webp)
}

.mem-trichy::after {
    background-image: url(images/trichy.webp)
}

.mem-samayapuram::after {
    background-image: url(images/samayapuram-image.webp)
}

.mem-velankanni::after {
    background-image: url(images/velankanni-chruch.webp)
}

.mem-chennai::after {
    background-image: url(images/chennai.webp)
}

.mem-pollachi::after {
    background-image: url(images/pollachi.webp)
}

.mem-kanyakumari::after {
    background-image: url(images/kanyakumari.webp)
}

.mem-anjaneyar::after {
    background-image: url(images/anjaneyar.webp)
}

.mem-mahadeshwara::after {
    background-image: url(images/mahadeshwara.webp)
}

.mem-yelagiri::after {
    background-image: url(images/madurai_ow_fare.jpg)
}

.mem-bengaluru::after {
    background-image: url(images/bangalore_ow_fare.jpg)
}

.mem-puduchery::after {
    background-image: url(images/Pondicherry_ow_fare.jpg)
}

.mem-mysur::after {
    background-image: url(images/mysur.webp)
}

.mem-meghamalai::after {
    background-image: url(images/meghamalai.webp)
}

.mem-avinashi::after {
    background-image: url(images/avinash-lingeshwara-tirupur.webp)
}

.mem-amaravathi-dam::after {
    background-image: url(images/amaravathi-dam.webp)
}

.mem-vattamalai::after {
    background-image: url(images/vattamalai.webp)
}

.mem-thanjavur::after {
    background-image: url(images/thanjavur-image.webp)
}

.mem-kumbakonam::after {
    background-image: url(images/kumbakonam-temple.webp)
}

.mem-rameshwaram::after {
    background-image: url(images/rameshwaram.webp)
}

.mem-mayiladuthurai::after {
    background-image: url(images/mayiladuthurai.webp)
}

.mem-chidambaram::after {
    background-image: url(images/chidambaram.webp)
}

.mem-coimbatore::after {
    background-image: url(images/coimbatore1.webp)
}

.mem-pudukottai::after {
    background-image: url(images/pudukottai.webp)
}

.mem-karaikal::after {
    background-image: url(images/karaikal.webp)
}

.mem-ariyalur::after {
    background-image: url(images/ariyalur.webp)
}

.mem-kumily::after,
.mem-kumuli::after {
    background-image: url(images/kumuli.webp)
}

.mem-suruli::after {
    background-image: url(images/suruli-falls.webp)
}

.mem-kutralam::after {
    background-image: url(images/kutralam.webp)
}

.mem-sirumalai::after {
    background-image: url(images/sirumalai.webp)
}

.mem-kumbakarai::after {
    background-image: url(images/kumbakarai.webp)
}

.mem-papanasam::after {
    background-image: url(images/papanasam.webp)
}

.mem-srirangam::after {
    background-image: url(images/srirangam.webp)
}

.cities-trip-col .trip-col,
.owl-carousel .trip-col {
    display: flex;
    flex-direction: column;
    height: 100%;
    box-sizing: border-box
}

.cab-grid .owl-stage {
    box-sizing: content-box
}

.cities-trip-col .trip-img,
.state-slider .trip-img {
    overflow: visible
}

.cities-trip-col .trip-cnt,
.state-slider .trip-cnt {
    padding: 40px 30px 70px;
    z-index: 1
}

.cities-trip-col {
    max-height: 550px;
    max-width: 350px
}

.j-content-c {
    justify-content: center
}

header .enbtn {
    background: var(--yellow)
}

.cbtn:hover,
.trip-col:hover .cbtn,
.vmicon:hover,
header .main-menu .enbtn span {
    color: #000
}

.banner .cbtn::after,
header .enbtn::after {
    background: var(--dred)
}

.content-div button:hover,
header .enbtn:hover span {
    color: #fff !important
}

@media(max-width:1600px) {
    .frow {
        grid-template-columns: 28% 65%
    }
    .flinks {
        grid-template-columns: 22% 22% 22% 22%
    }
}

@media(max-width:1500px) {
    .frow {
        grid-template-columns: 28% 65%
    }
    .flinks {
        grid-template-columns: 20% 20% 20% 20%
    }
    .becom-col .ch2 {
        font-size: 24px;
        line-height: 28px
    }
    .becom-col {
        padding: 40px
    }
    .mem-name .ch3 {
        font-size: 28px;
        line-height: 34px
    }
    .red-para {
        font-size: 26px;
        line-height: 32px
    }
    .svg-fl p {
        font-size: 18px;
        line-height: 26px
    }
    .mem-name::after {
        width: 200px;
        height: 120px;
        left: 52%
    }
}

@media(max-width:1100px) {
    .frow {
        grid-template-columns: 100%;
        gap: 20px
    }
    .ftrimg {
        margin-bottom: 30px
    }
    .flink-row {
        row-gap: 35px
    }
}

@media(max-width:850px) {
    .copyright .container {
        justify-content: center
    }
}

@media(max-width:767px) {
    .flinks {
        grid-template-columns: 18% 20% 22% 18%
    }
    .term-row {
        flex-wrap: wrap
    }
}

@media(max-width:611px) {
    .flinks {
        grid-template-columns: 48% 48%
    }
    .flink-row {
        row-gap: 15px
    }
}

@media(max-width:580px) {
    .becom-col .ch2 {
        font-size: 22px;
        line-height: 26px
    }
    .becom-row {
        grid-template-columns: repeat(1, 1fr)
    }
    .becom-img img {
        width: 90px !important
    }
}

@media(max-width:480px) {
    .fcol10,
    .fcol2,
    .fcol3,
    .fcol4,
    .fcol5,
    .fcol6,
    .fcol7,
    .fcol8,
    .fcol9 {
        width: 100%
    }
    .abtlink2,
    .bdlink2,
    .bklink2,
    .bplink2,
    .cablink2,
    .crplink2,
    .ctlink2,
    .melink2,
    .trlink2 {
        max-height: 0;
        overflow: hidden;
        transition: max-height .75s ease-out
    }
    .abtlink,
    .bdlink,
    .bklink,
    .bplink,
    .cablink,
    .crplink,
    .ctlink,
    .melink,
    .trlink {
        margin: 10px 0 0
    }
    .flinks {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        gap: 30px 0;
        gap: 0
    }
    .flink-row {
        row-gap: 0
    }
    footer h2 {
        display: block;
        border-bottom: 1px solid #cbcbcb;
        font-size: 18px;
        padding-bottom: 5px
    }
    .abtlink2.open,
    .bdlink2.open,
    .bklink2.open,
    .bplink2.open,
    .cablink2.open,
    .crplink2.open,
    .ctlink2.open,
    .melink2.open,
    .trlink2.open {
        height: auto;
        max-height: 500px;
        transition: max-height .75s ease-in !important;
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 15px
    }
    footer .abtlink:after,
    footer .bklink:after,
    footer .cablink:after,
    footer .crplink:after,
    footer .ctlink:after,
    footer .melink:after,
    footer .trlink:after {
        content: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="22" height="22" preserveAspectRatio="xMidYMid meet" viewBox="0 0 40 40"%3E%3Cg transform="rotate(-90 20 20)"%3E%3Cpath fill="%23323131" d="M24.96 32.601L12.371 19.997l.088-.088l12.507-12.52a.661.661 0 0 0-.01-.921a.645.645 0 0 0-.458-.182a.653.653 0 0 0-.465.186l-13.004 13.02a.63.63 0 0 0-.176.49a.656.656 0 0 0 .18.523l13.014 13.031c.244.23.659.233.921-.02a.658.658 0 0 0-.008-.915z"%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
        width: 25px;
        float: right
    }
    footer .iclose.abtlink:after,
    footer .iclose.bklink:after,
    footer .iclose.cablink:after,
    footer .iclose.crplink:after,
    footer .iclose.ctlink:after,
    footer .iclose.melink:after,
    footer .iclose.trlink:after {
        content: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="22" height="22" preserveAspectRatio="xMidYMid meet" viewBox="0 0 40 40"%3E%3Cg transform="rotate(90 20 20)"%3E%3Cpath fill="%23323131" d="M24.96 32.601L12.371 19.997l.088-.088l12.507-12.52a.661.661 0 0 0-.01-.921a.645.645 0 0 0-.458-.182a.653.653 0 0 0-.465.186l-13.004 13.02a.63.63 0 0 0-.176.49a.656.656 0 0 0 .18.523l13.014 13.031c.244.23.659.233.921-.02a.658.658 0 0 0-.008-.915z"%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
        width: 25px
    }
    .frow {
        gap: 20px
    }
    .ftrimg {
        margin-bottom: 20px
    }
    .socials_links,
    .term-row {
        margin-top: 20px
    }
    footer {
        padding: 45px 0 0
    }
    .google-img img:first-child {
        width: 120px;
        height: auto;
        object-fit: contain
    }
    .google-img img:nth-child(2) {
        width: 140px;
        height: auto;
        object-fit: contain
    }
    .term-col {
        gap: 24px;
        margin-top: 0
    }
    .fcol5 {
        display: none
    }
    .fcol10 {
        display: block;
        margin: 15px 0 0
    }
    .fcol10 h2 {
        margin-top: 0;
        border-bottom: 0;
        padding-bottom: 8px;
        word-spacing: 2px
    }
    .copyright a,
    .copyright p {
        text-align: center;
        font-size: 11px;
        line-height: 20px
    }
    .copyright .container {
        justify-content: center
    }
    .becom-col {
        align-items: start;
        justify-content: space-between;
        gap: 10px;
        padding: 20px
    }
    .becom-col .ch2 {
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 35px
    }
    .becom-btn a {
        padding: 6px 15px;
        font-size: 13px;
        border-radius: 10px
    }
    footer h3 {
        display: block;
        border-bottom: 1px solid #cbcbcb;
        font-size: 18px;
        padding-bottom: 5px
    }
}

.cab-img img,
.tooltip {
    transition: .3s linear
}

.infra .item img,
.trip-img img {
    object-fit: cover
}

.mb15 {
    margin-bottom: 15px !important
}

.c5grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr)
}

.c5grid p {
    color: #5c5c59;
    font-weight: 500;
    width: 90%
}

.see-btn {
    padding: 12px 35px;
    border: 1px solid #010205;
    border-radius: 50px;
    font-size: 15px;
    line-height: 24px;
    font-weight: 600;
    font-family: Prompt
}

.test-col {
    background: #f1f1f1;
    padding: 30px;
    border-radius: 20px
}

.test-col h3 {
    font-weight: 400;
    font-size: 15px;
    line-height: 20px
}

.cab-ch3,
.cab-col p,
.tc p {
    font-weight: 500
}

.test-col img {
    width: auto !important
}

.test-row {
    margin-top: 100px
}

.test-gole {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #ccc;
    margin-top: 40px
}

.test-col p {
    width: 90%
}

.map-d,
.tc p {
    width: 100%;
    text-align: center
}

.map-grid {
    display: grid;
    grid-template-columns: 48% 48%;
    align-items: center;
    justify-content: space-between;
    gap: 50px
}

.grid-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 15px
}

.parrows li::after {
    content: '';
    position: absolute;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath fill='%23e01919' d='M12 22q-2.075 0-3.9-.788t-3.175-2.137T2.788 15.9T2 12t.788-3.9t2.137-3.175T8.1 2.788T12 2t3.9.788t3.175 2.137T21.213 8.1T22 12t-.788 3.9t-2.137 3.175t-3.175 2.138T12 22m0-2q3.35 0 5.675-2.325T20 12t-2.325-5.675T12 4T6.325 6.325T4 12t2.325 5.675T12 20m0-8'/%3E%3C/svg%3E") 0 0/15px no-repeat;
    width: 15px;
    height: 15px;
    right: auto;
    left: 0;
    bottom: auto;
    top: 4px
}

.parrows li {
    padding-left: 30px
}

.grid-2.parrows {
    margin-top: 60px
}

.mb25,
.tourist-content .ch3 {
    margin-bottom: 25px
}

.c-one p,
.fcont p,
.hourly-trip-head th,
.tc {
    text-align: center
}

.tc p {
    font-size: 16px;
    line-height: 24px;
    margin: auto
}

.cab-col p,
.swiper-slide p {
    font-size: 18px
}

.map-d {
    background-size: contain;
    background-repeat: no-repeat;
    margin: 40px auto auto;
    height: 100%
}

.cab-col::after,
.cab-img img,
.map-div,
.map-div::after,
.tooltip {
    position: absolute
}

.map-div {
    cursor: pointer;
    transform: translateY(-10%)
}

.map-div::after {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='35' viewBox='0 0 24 24'%3E%3Cpath fill='%23c52038' d='M12 11.5A2.5 2.5 0 0 1 9.5 9A2.5 2.5 0 0 1 12 6.5A2.5 2.5 0 0 1 14.5 9a2.5 2.5 0 0 1-2.5 2.5M12 2a7 7 0 0 0-7 7c0 5.25 7 13 7 13s7-7.75 7-13a7 7 0 0 0-7-7'/%3E%3C/svg%3E");
    left: 0;
    z-index: -244;
    height: 10px;
    width: 10px;
    cursor: pointer
}

.map-div:hover .tooltip {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

.swiper-slide.even::after,
.swiper-slide.odd::after {
    top: 0;
    mix-blend-mode: overlay;
    opacity: .7;
    content: ''
}

.tooltip#newt {
    bottom: 2px;
    left: -17px
}

.tooltip#newr {
    bottom: -33px;
    left: 34px
}

.tooltip#newl {
    bottom: -33px;
    left: -99px
}

.tooltip {
    visibility: hidden;
    bottom: -3px;
    z-index: 9999;
    left: 20px;
    transform: translateY(-8px);
    padding: 5px 10px;
    background-color: #c52038;
    color: #fff;
    border-radius: 5px;
    font-size: 12px
}

.cab-ch3 {
    font-size: 28px;
    line-height: 33px;
    margin-bottom: 20px
}

.cab-col {
    border: 1px solid #ccc;
    padding: 30px 40px;
    border-radius: 30px;
    position: relative;
    transition: .3s ease-out;
    height: 360px
}

.cab-col p {
    line-height: 26px;
    color: #323232
}

.cab-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    margin-top: 60px
}

.cab-img img {
    width: 340px !important;
    right: -40px
}

.cab-col::after {
    content: '';
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 32 32'%3E%3Cpath fill='%23000' d='M3 16c0-.69.56-1.25 1.25-1.25h20.537l-7.432-7.628a1.25 1.25 0 1 1 1.79-1.744l9.497 9.747a1.246 1.246 0 0 1 0 1.75l-9.497 9.747a1.25 1.25 0 1 1-1.79-1.744l7.432-7.628H4.25C3.56 17.25 3 16.69 3 16'/%3E%3C/svg%3E") 0 0/22px;
    display: block;
    width: 22px;
    height: 22px;
    bottom: 30px
}

.cab-col:hover,
.callaction:hover,
.submit-col input:hover {
    background-color: var(--dred)
}

.cab-col:hover::after {
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25' viewBox='0 0 32 32'%3E%3Cpath fill='white' d='M3 16c0-.69.56-1.25 1.25-1.25h20.537l-7.432-7.628a1.25 1.25 0 1 1 1.79-1.744l9.497 9.747a1.246 1.246 0 0 1 0 1.75l-9.497 9.747a1.25 1.25 0 1 1-1.79-1.744l7.432-7.628H4.25C3.56 17.25 3 16.69 3 16'/%3E%3C/svg%3E")
}

.cab-col:hover .cab-img img {
    transform: scale3d(1.05, 1.05, 1.05)
}

.cab-grid .owl-stage-outer {
    margin-right: -25px
}

.cdots .owl-dots {
    text-align: center;
    margin-top: 30px
}

.cdots .owl-dot.active {
    background-color: var(--red) !important
}

.owl-carousel .owl-dot {
    background-color: #ccc !important;
    padding: 5px !important;
    border-radius: 5px;
    width: 40px;
    height: 6px;
    margin: 0 5px;
    outline: 0
}

.brbtn::after,
.cbtn {
    background: var(--dred)
}

.corporate-grid {
    display: grid;
    grid-template-columns: 55% 40%;
    justify-content: space-between;
    gap: 50px;
    width: 70%;
    margin: auto;
    align-items: center
}

.corporate-img {
    border-radius: 30px;
    overflow: hidden;
    display: flex
}

.bpara {
    font-size: 22px !important;
    line-height: 26px !important;
    font-weight: 600 !important;
    margin-bottom: 15px !important
}

.brbtn,
.cbtn {
    padding: 10px 30px;
    font-size: 15px;
    border-radius: 30px;
    position: relative;
    z-index: 9;
    overflow: hidden;
    transition: .3s linear
}

.bh1 span,
.brbtn,
.cbtn,
.ch3,
.subbtn {
    font-weight: 500
}

.corp-btn {
    margin-top: 40px
}

.cbtn {
    display: inline-flex;
    color: #fff
}

.trip-slider {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px
}

.brbtn {
    display: inline-flex;
    background: #fff;
    color: #000;
    border: 1px solid #000
}

.brbtn::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    transition: .5s;
    z-index: -1;
    border-radius: 30px
}

.brbtn:hover {
    color: #fff;
    border: 1px solid var(--dred)
}

.btn-flex {
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}

.state-slider {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 50px 25px
}

.trip-col {
    border-radius: 30px;
    overflow: hidden;
    transition: .3s linear
}

.trip-cnt {
    padding: 30px 30px 50px;
    background-color: #f3f3f3
}

.tripcnt-grid {
    display: grid;
    grid-template-columns: 55% 40%;
    gap: 15px;
    align-items: center;
    justify-content: space-between
}

.parrows1,
.trip-section .mb25 {
    margin-bottom: 40px
}

.offer-col img,
.trip-col img {
    transition: .3s linear;
    width: 100%
}

.offer-col {
    display: flex;
    border-radius: 25px;
    overflow: hidden;
    transition: .3s linear
}

.offer-row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px
}

.tripcnt-link {
    position: absolute;
    bottom: 40px
}

.ftable:hover,
.offer-col:hover,
.trip-col:hover {
    box-shadow: rgba(0, 0, 0, .1) 0 20px 25px -5px, rgba(0, 0, 0, .04) 0 10px 10px -5px
}

.banner {
    height: 800px;
    color: #fff;
    position: relative;
    overflow: hidden
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-slide-active .bg {
    opacity: 1
}

.swiper-pagination-bullet {
    background-color: #ccc !important;
    padding: 3px !important;
    border-radius: 5px;
    width: 25px;
    height: 0;
    margin: 0 5px;
    outline: 0;
    opacity: 1 !important;
    border: 1px solid
}

.swiper-pagination-bullet-active {
    background: var(--dred) !important
}

.swiper-pagination {
    bottom: 150px;
    display: flex;
    justify-content: end;
    width: 100%;
    right: 7%
}

.swiper-button-prev {
    left: 30px
}

.swiper-button-next {
    right: 30px
}

.ch1,
.textWrapper .bh1 {
    color: #fff;
    font-size: 56px;
    line-height: 62px;
    font-weight: 500;
    font-family: Prompt, sans-serif;
    word-spacing: -5px;
    letter-spacing: -1px;
    margin-bottom: 20px
}

.bdlink a,
.bplink a,
.form-grp .bpara {
    word-spacing: 2px
}

.textWrapper,
.textWrapper.two {
    margin: 0 auto;
    padding: 40px 50px;
    width: 90%;
    bottom: auto;
    position: absolute;
    height: 100%;
    z-index: 9;
    display: flex
}

.bh1 span {
    background-color: var(--red);
    height: 58px;
    display: block;
    padding-left: 10px;
    width: 80%
}

.swiper .swiper-wrapper .swiper-slide {
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
    background-position: top center !important;
    background-size: cover !important
}

.textWrapper {
    flex-direction: column;
    align-items: center;
    text-align: left;
    align-items: flex-start;
    justify-content: center
}

.textWrapper.two {
    flex-direction: column;
    align-items: center;
    text-align: right;
    align-items: flex-end;
    justify-content: center
}

.swiper-slide.even,
.swiper-slide.odd {
    position: relative;
    overflow: hidden
}

.swiper-slide.odd::after {
    position: absolute;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    height: 991px;
    width: 948px;
    background: url(images/main-bnr-shape-left.png) -210px -134px;
    left: 0
}

.swiper-slide.even::after {
    position: absolute;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    height: 799px;
    width: 845px;
    background: url(images/main-bnrshape.png) -1px -130px;
    right: 0
}

.bh1 .hspan {
    font-size: 32px;
    line-height: 40px;
    background-color: transparent;
    width: 100%
}

::selection {
    background-color: var(--dred);
    color: #fff
}

.form-col input,
.form-col select,
.form-col textarea {
    display: block;
    margin-top: 10px;
    outline: 0;
    border: 1px solid #ccc;
    padding: 8px 20px;
    border-radius: 5px;
    width: 100%;
    font-size: 15px;
    line-height: 24px;
    color: #575757;
    resize: none
}

.appicon-grd li a,
.form-col label {
    line-height: 22px;
    font-weight: 600;
    color: #1e1e1e
}

.form-group {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    background-color: #ebebeb;
    padding: 40px 40px 70px;
    border-radius: 15px
}

.form-col label {
    font-size: 14px
}

input::placeholder {
    color: #bbb
}

.date-col input {
    outline: 0;
    padding: 7px 20px
}

.submit-col input {
    background-color: #000;
    color: #fff;
    padding: 13px 30px;
    border-radius: 50px;
    cursor: pointer;
    font-size: 14px;
    letter-spacing: 1px;
    border: none;
    font-family: Prompt, sans-serif;
    transition: .3s linear
}

.appicon-grd li a,
.form-col select,
.subbtn {
    font-family: "Plus Jakarta Sans", sans-serif
}

.submit-col {
    position: relative;
    display: flex;
    justify-content: center;
    margin-top: -26px
}

.submit-col::after {
    content: '';
    width: 90%;
    height: 2px;
    background-color: #b2b2b2;
    display: block;
    position: absolute;
    bottom: 23px;
    z-index: -1
}

.submit-col>div {
    padding: 0 40px;
    background: linear-gradient(180deg, #ebebeb 54%, transparent 50%)
}

.appicon-grd {
    display: flex;
    gap: 15px;
    margin: 0 0 0 65px
}

.appicon-grd li a {
    background-color: #fff;
    padding: 15px 25px;
    border-radius: 5px 5px 0 0;
    width: 150px;
    display: block;
    text-align: center;
    font-size: 15px
}

.appicon-grd li {
    padding: 13px 0 0
}

.form-section {
    margin-top: -130px;
    z-index: 9;
    position: relative
}

.video-row {
    position: relative;
    border-radius: 30px;
    overflow: hidden
}

.video-content {
    position: absolute;
    bottom: 80px;
    left: 80px
}

.video-content .ch2 {
    font-size: 24px;
    line-height: 30px;
    text-transform: uppercase;
    letter-spacing: 0
}

.video-content p.chbk {
    font-size: 44px;
    line-height: 50px;
    font-weight: 400;
    margin-top: 15px;
    margin-bottom: 0;
    font-family: Prompt;
    display: flex;
    flex-direction: column;
    gap: 10px
}

.video-content .chbk span {
    background-color: var(--red);
    height: 56px;
    display: block
}

.video-content .chbk span:nth-child(2) {
    width: 60%
}

.cquick-links li a {
    border: 1px solid #000;
    padding: 10px 30px;
    border-radius: 30px;
    font-weight: 700;
    background-color: #fff
}

.cquick-links {
    display: flex;
    gap: 30px 15px;
    justify-content: center;
    flex-wrap: wrap;
    background-color: #fff;
    padding: 35px 10px
}

.ftable,
.infra .item {
    flex-direction: column
}

.cquick-main {
    position: sticky;
    top: 90px;
    margin-top: 20px;
    margin-bottom: 30px;
    z-index: 9999
}

.cquick-links .active {
    border: 1px solid var(--dred);
    color: var(--dred)
}

.ftable thead {
    background-color: #464243;
    padding: 5px 20px;
    width: 100%
}

.pos-sti .question-pad,
.trip-page th {
    color: #fff;
    text-align: left;
    padding: 5px 15px
}

.trip-page table tbody tr:hover {
    box-shadow: rgb(50 50 93 / 10%) 0 13px 27px -5px, rgb(0 0 0 / 25%) 0 8px 16px -8px !important;
    transition: .3s linear;
    background-color: #f8f8f8;
    cursor: pointer
}

.trip-page tbody tr:nth-child(2n) {
    background-color: #f4f4f4 !important
}

table:hover thead {
    background-color: var(--dred);
    color: #fff
}

.madurai-pg .grid-63:first-of-type,
.nav-content.active {
    display: grid !important
}

.maduraiw70 {
    width: 70%;
    margin: auto
}

.taxi-col:hover .appbtn a {
    background-color: var(--yellow) !important
}

.trip-page td {
    padding: 10px 15px;
    text-align: center;
    width: 100%
}

.ftable {
    border-radius: 20px;
    overflow: hidden;
    display: flex;
    border: 1px solid #e1e1e1;
    transition: .3s linear
}

.fl-cnt,
.table-grid {
    display: grid;
    gap: 40px
}

.ftable tbody {
    overflow: auto;
    height: 300px
}

.answercont,
.cabs-car>img,
.clarity-col,
.file-upload .file-select,
.infra .item,
.line-clamp2,
.paid-cabs .trip-img,
.pos-sti .answer,
.pos-sti .answer .answer-outer-table,
.sr-only,
.sub-bnr,
.trip-img {
    overflow: hidden
}

.ftable tbody::-webkit-scrollbar {
    width: 12px;
    background-color: #f5f5f5
}

.ftable tbody::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #f5f5f5
}

.ftable tbody::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #d62929
}

.mb3 {
    margin-bottom: 30px !important
}

.ftable tr td:nth-child(3) {
    border-left: 1px solid #e1e1e1
}

.ftable tr span {
    font-weight: bolder
}

.table-grid {
    grid-template-columns: repeat(2, 1fr);
    margin-top: 40px
}

.form-grp {
    background-color: #f2f2f2;
    padding: 40px;
    border-radius: 15px
}

.fl-cnt {
    grid-template-columns: 63% 31%;
    justify-content: space-between
}

.form-grp .bpara {
    font-family: 'Plus Jakarta Sans'
}

.subbtn {
    background-color: var(--dred);
    color: #fff;
    padding: 10px 30px;
    transition: .3s linear;
    font-size: 16px;
    line-height: 24px;
    border: none;
    border-radius: 30px;
    margin-top: 20px;
    cursor: pointer
}

.fbold,
.num {
    color: var(--dred)
}

.subbtn:hover {
    background-color: var(--yellow);
    color: #000
}

.submit-col1 {
    text-align: right;
    display: flex;
    align-items: end;
    justify-content: end;
    flex-direction: column
}

.c-grid,
.grid-63 {
    justify-content: space-between
}

.pos-sti {
    position: sticky;
    top: 188px
}

input:focus {
    border: 1px solid var(--red)
}

.taxi-col .taxi {
    width: 300px;
    right: 40%;
    position: absolute;
    bottom: 1px
}

.g-captcha {
    margin-top: 15px;
    transform: scale(.85);
    right: -24px;
    position: relative
}

.c-grid,
.state-slider {
    margin-top: 60px;
    gap: 20px
}

.grid-63 {
    display: grid;
    grid-template-columns: 60% 30%;
    gap: 50px
}

.infra,
.state-slider {
    grid-template-columns: repeat(4, 1fr)
}

.ch3 {
    font-size: 34px;
    line-height: 40px;
    word-spacing: -2px
}

.taxiservice-section .becom-col1 {
    background-color: #f9f0df
}

.taxiservice-section .becom-col2 {
    background-color: #fce0dc
}

.taxiservice-section .becom-col a {
    font-size: 18px;
    line-height: 26px;
    font-weight: 600
}

.pt0 {
    padding-top: 0 !important
}

.pb0 {
    padding-bottom: 0 !important
}

.infra {
    display: grid;
    gap: 20px
}

.cmotors .item {
    height: 450px
}

.infra .item {
    position: relative;
    transition: .3s ease-in-out;
    display: flex;
    height: 585px
}

.android-icon,
.d-btn-i .iphone-icon,
.infra img {
    transition: .3s
}

.appbtn a,
.becom-col a,
.c-grid .c-one,
.c-grid .c-one a,
.clarity-col img,
.download-app .local-pos img,
.fea svg,
.fea-img img,
.google-img img,
.moving-car,
.office-col .num {
    transition: .3s linear
}

.overlay {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.branch-add,
.c-grid,
.cabs,
.cabs-row {
    display: grid
}

.tourist-content {
    transform: translateY(-70px) !important;
    padding: 0 30px;
    position: relative;
    z-index: 99
}

.state-slider .trip-col {
    border-radius: 20px
}

.moving-car {
    position: absolute;
    bottom: -45px;
    width: 300px;
    z-index: 2
}

.trip-img {
    position: relative
}

.pb30,
.state-slider .owl-stage {
    padding-bottom: 30px
}

.paid-cabs .trip-cnt p {
    font-size: 16px !important
}

.paid-cabs .cab-ch3 {
    font-size: 27px;
    line-height: 32px
}

.paid-cabs .trip-cnt {
    padding: 30px 30px 40px !important
}

.c-grid {
    grid-template-columns: 33% 33% 33%
}

.cabs,
.fcol1 {
    justify-content: space-between
}

.dpara {
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
    margin: 20px 0
}

.mb2 {
    margin-bottom: 20px !important
}

.call,
.mail {
    font-size: 22px;
    line-height: 28px;
    font-weight: 600
}

.c-grid .c-one {
    background-color: #f4f4f4;
    padding: 50px 40px;
    border-radius: 30px;
    text-align: center
}

.c-one:hover {
    box-shadow: 1px 4px 12px 0 #d9d7d7
}

.branch-add {
    grid-template-columns: repeat(3, 1fr);
    gap: 40px 20px;
    margin-top: 60px
}

.num {
    font-weight: 700
}

.f20,
.fbold {
    font-weight: 600
}

.branch-list,
.mem-container {
    width: 80%;
    margin: auto
}

.office-col {
    padding-left: 20%
}

.office-col .num {
    font-size: 16px
}

.google-img img {
    padding: 0;
    border-radius: 6px;
    width: 135px
}

.answer p,
.question {
    padding: 15px 25px
}

.mt3,
.mt30 {
    margin-top: 30px
}

.cabs {
    grid-template-columns: 49% 49%;
    gap: 40px;
    align-items: center
}

.clarity-row,
.mfea .features-row {
    grid-template-columns: repeat(4, 1fr)
}

.cabsl {
    width: 80%
}

.f20 {
    font-size: 20px;
    line-height: 26px
}

.cabs-row {
    gap: 0
}

.fcont p:nth-child(2) {
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 10px;
    font-size: 16px
}

.fbold {
    font-size: 38px;
    line-height: 45px;
    font-family: Prompt
}

.cabs-row .cabs {
    padding-top: 120px
}

.cabs-row .cabs:first-child {
    padding-top: 0
}

.fact {
    display: flex;
    justify-content: center;
    gap: 50px;
    margin-top: 60px
}

.f28 {
    font-size: 28px;
    line-height: 33px;
    font-weight: 500 !important
}

.ch4,
.f18,
.hlpara {
    font-weight: 500
}

.accordion.active,
.booking-sec .cabs-mimg,
.quote-img {
    margin-bottom: 15px
}

.bshadow {
    border-radius: 10px;
    margin-bottom: 10px;
    background: #fff
}

.faqr .question {
    border: 0;
    padding: 15px 35px 15px 20px
}

.question {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
    background-color: #f2f2f2
}

.batch-col,
.cabs-hatch,
.icon,
.icon-container,
.local-pos,
.question::after {
    position: absolute
}

.answercont {
    max-height: 0;
    transition: .3s
}

.question.active::after {
    transform: rotate(180deg)
}

.question::after {
    content: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" preserveAspectRatio="xMidYMid meet" viewBox="0 0 16 16"%3E%3Cpath fill="currentColor" fill-rule="evenodd" d="m3.147 9l5 5h.707l5-5l-.707-.707L9 12.439V2H8v10.44L3.854 8.292L3.147 9z" clip-rule="evenodd"%2F%3E%3C%2Fsvg%3E');
    right: 10px;
    transition: .5s
}

.mem-name .red-para,
.question .f28 {
    font-size: 24px;
    line-height: 30px
}

.faq-col .cabsl {
    display: grid;
    gap: 40px
}

.clarity-row {
    display: grid;
    gap: 15px;
    margin-top: 60px
}

.download-app .dapp-col:first-child {
    text-align: right;
    transition: .3s linear
}

.download-app .dapp-col img {
    width: 600px
}

.dapp-parent-col {
    display: flex;
    justify-content: center
}

.clarity-col img {
    width: 100%;
    height: 100%
}

.clarity-col {
    display: flex;
    border-radius: 40px
}

.download-app .local-pos img {
    width: auto
}

.answer li:after,
.parrows1 li::after {
    width: 20px;
    top: 2px;
    right: auto;
    bottom: auto
}

.local-pos {
    top: 12%;
    right: 2%;
    height: 130px
}

img.vert-move {
    -webkit-animation: 1s infinite alternate mover;
    animation: 1s infinite alternate mover
}

@keyframes mover {
    0% {
        transform: translateY(0)
    }
    100% {
        transform: translateY(-10px)
    }
}

@-webkit-keyframes mover {
    0% {
        transform: translateY(0)
    }
    100% {
        transform: translateY(-10px)
    }
}

.cabs-car>img {
    border-radius: 30px;
    display: flex;
    z-index: -1;
    position: relative
}

.booking-sec .cabs-car1,
.fair-cabs .booking-sec .cabs-car {
    position: relative;
    width: 800px
}

.cabs-hatch {
    bottom: -90px;
    right: 25%;
    animation: 1s infinite alternate moveLeftRight
}

.batch-col {
    bottom: -137px;
    right: 15%;
    z-index: -1
}

.icon,
.icon1 {
    font-size: 31px;
    z-index: 1
}

@keyframes moveLeftRight {
    0% {
        transform: translateX(-10px)
    }
    100% {
        transform: translateX(10px)
    }
}

.icon-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 250px;
    width: 100px;
    right: 10%;
    top: 30%;
    justify-content: space-between
}

.icon {
    left: -17px;
    top: -14px
}

.path,
.timeline::before {
    position: absolute;
    top: 0;
    height: 100%
}

.icon1 {
    position: absolute;
    bottom: 20px;
    right: 0
}

.path {
    left: 0;
    width: 100%;
    z-index: 0
}

.box {
    width: 60px;
    height: 60px;
    display: block;
    margin: 10px auto auto;
    background: 0 0;
    animation: 1s .2s infinite updown;
    z-index: 99
}

.milestone,
.timeline {
    display: flex;
    position: relative
}

.circle,
.highlight,
.inner,
.shadow,
.square {
    position: relative;
    margin: auto;
    padding: 0
}

.highlight,
.inner {
    z-index: 3;
    border-radius: 50%
}

.circle {
    background-color: #ef2929;
    width: 36px;
    height: 36px;
    top: 12px;
    border-radius: 50%
}

.inner {
    background-color: #fff;
    width: 12px;
    height: 12px;
    top: 12px
}

.highlight {
    width: 36px;
    height: 36px;
    top: -12px;
    left: .5px;
    border-top: 2px solid #ff7676;
    transform: rotate(30deg)
}

.square {
    background-color: #ef2929;
    width: 18px;
    height: 18px;
    bottom: 2px;
    transform: rotate(-45deg);
    z-index: 2;
    border-bottom-left-radius: 2px
}

.shadow {
    background-color: #000;
    width: 33px;
    height: 6px;
    border-radius: 50%;
    bottom: 0;
    opacity: .2;
    z-index: 0;
    animation: 1s .2s infinite shadow
}

.blog-col,
.blog-l {
    background-color: #f1f1f1
}

@keyframes updown {
    0%,
    100% {
        transform: translateY(0)
    }
    50% {
        transform: translateY(2.4px)
    }
}

@keyframes shadow {
    0%,
    100% {
        transform: scale(1);
        opacity: .2
    }
    50% {
        transform: scale(.95);
        opacity: .28
    }
}

.timeline {
    flex-direction: column;
    align-items: center;
    padding: 20px 0
}

.milestone,
.vmicon {
    align-items: center
}

.timeline::before {
    content: "";
    bottom: 0;
    left: 50%;
    width: 2%;
    min-width: 64px;
    background: url(images/road.png);
    display: block;
    transform: translateX(-50%)
}

.milestone {
    width: 100%;
    max-width: 1130px;
    margin: 20px 0;
    opacity: 0;
    transform: translateY(50px);
    transition: opacity .6s, transform .6s
}

.milestone.visible,
.overlay {
    opacity: 1;
    transform: translateY(0)
}

.car,
.moving-taxi {
    position: sticky;
    top: 350px
}

.milestone:nth-child(2n) {
    flex-direction: row-reverse
}

.milestone .content {
    background: #f1f1f1;
    border-radius: 25px;
    padding: 30px 40px;
    width: 45%;
    text-align: right;
    position: relative;
    box-shadow: 0 4px 6px rgba(0, 0, 0, .1)
}

.milestone .content h2 {
    color: var(--dred);
    margin-bottom: 15px;
    font-weight: 500;
    font-size: 44px;
    line-height: 50px
}

.milestone:nth-child(odd) .content::after {
    right: -10px
}

.milestone:nth-child(2n) .content::after {
    left: -10px
}

.mile-odd p {
    text-align: right;
    margin-right: 0;
    margin-left: auto
}

.mile-even h2 {
    text-align: left
}

.car {
    z-index: 99;
    width: 30px;
    margin-left: 3px
}

.lgrid2 {
    display: grid;
    grid-template-columns: 50% 50%;
    gap: 15px;
    margin-bottom: 20px
}

.file-upload,
.form-col select {
    display: block;
    margin-top: 10px
}

.answer li,
.parrows1 li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 10px
}

.parrows1 li::after {
    content: '';
    position: absolute;
    background: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cg transform="rotate(90 12 12)"%3E%3Cpath fill="%23C52038" fill-rule="evenodd" d="M11.47 3.47a.75.75 0 0 1 1.06 0l6 6a.75.75 0 1 1-1.06 1.06l-4.72-4.72V20a.75.75 0 0 1-1.5 0V5.81l-4.72 4.72a.75.75 0 1 1-1.06-1.06l6-6Z" clip-rule="evenodd"%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') 0 0/20px no-repeat;
    height: 20px;
    left: 0
}

.file-upload {
    text-align: center;
    font-size: 12px
}

.file-upload .file-select {
    border: 2px solid var(--yellow);
    cursor: pointer;
    height: 45px;
    line-height: 40px;
    text-align: left;
    display: flex;
    border-radius: 5px;
    background: #fff;
    position: relative
}

.file-upload .file-select .file-select-button {
    background: var(--yellow);
    padding: 0 10px;
    display: inline-block;
    height: 45px;
    line-height: 40px;
    width: 50%
}

.file-upload .file-select .file-select-name {
    line-height: 40px;
    display: inline-block;
    padding: 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 50%
}

.file-upload .file-select input[type=file] {
    z-index: 100;
    cursor: pointer;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0
}

.w60 {
    width: 60%;
    margin: auto
}

.form-flex {
    display: flex;
    gap: 15px
}

.vmbtn {
    position: relative;
    display: inline-flex;
    padding-right: 25px;
    margin-top: 20px
}

.blog-content {
    position: absolute;
    bottom: 30px;
    width: 84%
}

.blog-col {
    padding: 30px 40px 170px;
    border-radius: 25px;
    position: relative
}

.line-clamp2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2
}

.ltg {
    display: flex;
    flex-wrap: wrap;
    gap: 16px
}

.grid-view .blog-col {
    flex: 1 1 calc(50% - 16px)
}

.ch4 {
    font-size: 24px;
    line-height: 28px
}

.f18,
.form-col select,
.svg-fl p {
    line-height: 24px
}

.date {
    font-size: 14px;
    color: #747474
}

.f18 {
    font-size: 18px
}

.recent-posts {
    border: 1px solid var(--red);
    padding: 30px 35px;
    border-radius: 30px;
    position: sticky;
    top: 120px
}

.fea,
.features-row,
.hover-line,
.test-col,
.vmicon {
    position: relative
}

.m-taxi,
.mbtm,
.rp-column {
    margin-bottom: 30px
}

.blog-grid {
    grid-template-columns: 65% 30%
}

.blog-l {
    padding: 30px 40px;
    border-radius: 30px
}

.blog-img {
    margin: 30px 0
}

.hlpara {
    font-size: 20px;
    line-height: 28px
}

.mb0 {
    margin-bottom: 0 !important
}

.rules {
    font-size: 14px;
    line-height: 22px;
    margin-top: 25px;
    color: #606060
}

.f600 {
    font-weight: 600
}

.ascroll li a.active {
    color: var(--red);
    font-weight: 700
}

.mtop15 {
    margin-top: 15px !important
}

.hover-line {
    text-decoration: underline;
    color: #000;
    font-size: 16px;
    font-weight: 500
}

.hover-line::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #000;
    transition: width .3s
}

.vmicon {
    display: inline-flex;
    padding-right: 30px;
    color: var(--dred);
    transition: .3s
}

.vmicon::after {
    content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxZW0iIGhlaWdodD0iMWVtIiB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0Ij4KCTxwYXRoIGZpbGw9IiNlMDE5MTkiIGQ9Ik00NTIuODY0IDE0OS4zMTJhMjkuMTIgMjkuMTIgMCAwIDEgNDEuNzI4LjA2NEw4MjYuMjQgNDg5LjY2NGEzMiAzMiAwIDAgMSAwIDQ0LjY3Mkw0OTQuNTkyIDg3NC42MjRhMjkuMTIgMjkuMTIgMCAwIDEtNDEuNzI4IDBhMzAuNTkgMzAuNTkgMCAwIDEgMC00Mi43NTJMNzY0LjczNiA1MTJMNDUyLjg2NCAxOTJhMzAuNTkgMzAuNTkgMCAwIDEgMC00Mi42ODhtLTI1NiAwYTI5LjEyIDI5LjEyIDAgMCAxIDQxLjcyOC4wNjRMNTcwLjI0IDQ4OS42NjRhMzIgMzIgMCAwIDEgMCA0NC42NzJMMjM4LjU5MiA4NzQuNjI0YTI5LjEyIDI5LjEyIDAgMCAxLTQxLjcyOCAwYTMwLjU5IDMwLjU5IDAgMCAxIDAtNDIuNzUyTDUwOC43MzYgNTEyTDE5Ni44NjQgMTkyYTMwLjU5IDMwLjU5IDAgMCAxIDAtNDIuNjg4IiAvPgo8L3N2Zz4=);
    position: absolute;
    right: 4px;
    bottom: -3px;
    display: inline-block;
    width: 24px;
    height: 24px
}

.vmicon:hover::after {
    filter: invert(0%) sepia(100%) saturate(0%) hue-rotate(252deg) brightness(10%) contrast(102%)
}

.form-col select {
    outline: 0;
    border: 1px solid #ccc;
    padding: 8px 20px;
    border-radius: 5px;
    width: 100%;
    font-size: 15px;
    color: #1e1e1e;
    resize: none
}

.tripcnt-grid {
    display: grid;
    grid-template-columns: 100%
}

.fea {
    border: 1px solid #ccc;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    padding: 30px;
    flex-direction: column;
    border-radius: 20px
}

.features-row {
    margin-top: 70px;
    display: grid;
    gap: 30px;
    grid-template-columns: repeat(6, 1fr)
}

.fea .test-gole1 p {
    text-align: center;
    font-size: 16px;
    line-height: 23px;
    height: 50px
}

.fea .test-gole1 {
    border-top: none;
    padding-top: 20px;
    margin-top: 0
}

.fea:hover {
    border: 1px solid var(--dred);
    color: #fff !important
}

.fea:hover .svg-path {
    fill: #e01919
}

.fea-img .svg-icon {
    transition: fill .3s;
    transform: .3s ease
}

.test-col {
    padding-bottom: 110px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%
}

.test-gole {
    position: absolute;
    padding-top: 22px;
    bottom: 30px;
    width: 88%
}

.office-col .ch3 {
    font-size: 30px;
    line-height: 38px
}

.mfea .features-col {
    border: 1px solid #ccc;
    display: flex;
    align-items: center;
    padding: 30px;
    flex-direction: column;
    border-radius: 20px
}

.mfea .features-row {
    display: grid;
    gap: 20px;
    margin-top: 0
}

.appbtn,
.b-ul,
.overlay {
    display: flex
}

.mfea .mb15 {
    margin-bottom: 35px
}

.fea-img {
    padding-top: 10px;
    width: 100%;
    margin-bottom: 25px
}

.features-col:hover img {
    transform: scale(1.1);
    filter: brightness(0) saturate(100%) invert(13%) sepia(93%) saturate(7517%) hue-rotate(-10deg) brightness(97%) contrast(95%)
}

.trip-cnt .vmicon {
    margin-top: 20px;
    position: absolute;
    bottom: 25px
}

.mem-name .ch3 {
    font-size: 28px;
    line-height: 33px
}

.svg-fl p {
    font-size: 16px
}

.svg-fl img {
    width: 25px
}

.owl-carousel .owl-stage {
    display: flex;
    align-items: stretch
}

.trip-img img {
    width: 100%;
    height: auto
}

.trip-col {
    background: #f3f3f3;
    border: 1px solid #ddd
}

.becom-row,
.trip-slider {
    z-index: 0
}

.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background: linear-gradient(to top, #202020 0, #e5dede00);
    color: #fff;
    transition: .3s ease-in-out
}

.bshape,
.sub-bnr {
    transition: .5s linear
}

.sub-bnr {
    background: url('images/sub-bnr-img.png') 0 0/cover
}

.b-ul {
    margin: 0;
    padding: 10px 0
}

.sub-bnr-hed h1 {
    line-height: 50px
}

@media(max-width:1500px) {
    .sub-bnr {
        height: 350px;
        background-position: -200px
    }
    .bshape {
        position: absolute;
        left: -200px;
        top: -120px;
        z-index: 2;
        filter: brightness(.8);
        opacity: .8
    }
}

@media(max-width:900px) {
    .sub-bnr {
        height: 300px;
        background-position: -280px
    }
    .bshape {
        position: absolute;
        left: -192px;
        top: -90px;
        z-index: 2;
        filter: brightness(.8);
        opacity: .8;
        width: 600px;
        min-width: 600px
    }
    .sub-bnr-hed h1 {
        color: #fff;
        font-size: 44px;
        line-height: 44px
    }
}

@media(max-width:600px) {
    .sub-bnr {
        height: 250px;
        background-position: -280px
    }
    .bshape {
        position: absolute;
        left: -240px;
        top: -134px;
        z-index: 2;
        filter: brightness(.8);
        opacity: .8
    }
    .book-a-cab-d {
        position: fixed;
        bottom: 90px;
        right: 0;
        width: 80px;
        height: 80px
    }
    .sub-bnr-hed h1 {
        color: #fff;
        font-size: 38px;
        line-height: 38px
    }
    .g-captcha {
        transform: scale(.8);
        right: -28px;
        position: relative
    }
}

@media(max-width:400px) {
    .sub-bnr {
        height: 250px;
        background-position: -574px 0
    }
    .bshape {
        position: absolute;
        left: -360px;
        top: -138px;
        z-index: 2;
        filter: brightness(.8);
        opacity: .8
    }
    .sub-bnr-hed h1 {
        color: #fff;
        font-size: 38px
    }
}

.mem-name.mem-bo:hover {
    background-color: none
}

.appbtn {
    margin-top: 40px
}

.appbtn a {
    border: 1px solid #fff;
    color: var(--dred) !important;
    padding: 11px 25px 13px;
    border-radius: 30px;
    font-weight: 500;
    background-color: #fff !important
}

.becom-col:hover a {
    background-color: var(--dred);
    color: #fff;
    border: 1px solid var(--dred)
}

.ffsocial .socials_links {
    align-items: end;
    margin-bottom: 0
}

.fcol1 {
    display: grid
}

.mile-even-flex,
.slipt-div {
    justify-content: space-between
}

.google-img img:hover {
    box-shadow: rgba(0, 0, 0, .1) 0 4px 12px
}

.map-div.map-coimbatore .tooltip,
.map-div.map-pollachi .tooltip {
    bottom: 0;
    left: -73px
}

.slipt-div {
    display: grid;
    grid-template-columns: 60% 30%
}

.answer h3 {
    font-size: 28px;
    line-height: 33px;
    font-weight: 500 !important;
    margin-bottom: 20px !important
}

.answer li:after {
    content: "";
    position: absolute;
    background: url('data:image/svg+xml,%3Csvg xmlns="http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg" width="24" height="24" viewBox="0 0 24 24"%3E%3Cg transform="rotate(90 12 12)"%3E%3Cpath fill="%23C52038" fill-rule="evenodd" d="M11.47 3.47a.75.75 0 0 1 1.06 0l6 6a.75.75 0 1 1-1.06 1.06l-4.72-4.72V20a.75.75 0 0 1-1.5 0V5.81l-4.72 4.72a.75.75 0 1 1-1.06-1.06l6-6Z" clip-rule="evenodd"%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E') 0 0/20px no-repeat;
    height: 20px;
    left: 0
}

.qr-btn img {
    border-radius: 0
}

.chenai-app {
    color: #fff;
    background: var(--dred);
    padding: 8px 25px 11px;
    border-radius: 30px;
    margin-top: 20px
}

.height-fit {
    height: max-content
}

.banner .cbtn {
    background: var(--yellow);
    color: #000
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    clip: rect(0, 0, 0, 0);
    border: 0
}

.date-col input {
    color: #525252
}

.map-chennai {
    top: 14%;
    right: 25%
}

.map-vellore {
    top: 16%;
    right: 39%
}

.map-hosur {
    top: 21%;
    right: 59%
}

.map-coimbatore {
    top: 40%;
    left: 25%
}

.map-pollachi {
    top: 48%;
    left: 26%
}

.map-trichy {
    top: 41%;
    left: 48%
}

.map-tanjore {
    top: 44%;
    left: 56%
}

.map-madurai {
    top: 56%;
    left: 40%
}

.map-salem {
    top: 32%;
    left: 41%
}

.map-erode {
    top: 34%;
    left: 28%
}

.map-karur {
    top: 42%;
    left: 42%
}

.map-tirunelveli {
    top: 70%;
    left: 37%
}

.map-tirupur {
    top: 43%;
    left: 30%
}

@media(min-width:2000px) {
    .form-grp {
        width: 500px
    }
    .career-form {
        width: 100%
    }
}

@media (max-width:1800px) {
    .map-chennai {
        right: 24% !important
    }
}

@media(max-width:1780px) {
    .form-fl {
        flex-wrap: wrap;
        gap: 0
    }
}

@media(max-width:1700px) {
    .trip-slider {
        gap: 30px
    }
    .map-chennai {
        top: 11%;
        right: 23% !important
    }
    .map-coimbatore {
        left: 24% !important
    }
    .map-trichy {
        left: 50% !important
    }
    .map-tirupur {
        left: 30% !important
    }
    .map-madurai {
        left: 40% !important
    }
    .map-salem {
        left: 44% !important
    }
    .map-erode {
        left: 29% !important
    }
    .taxi-col .taxi {
        width: 200px
    }
    .fair-cabs .cabs-car1 {
        width: 500px
    }
    fair-cabs .cabs-car>img {
        width: 400px
    }
    .fair-cabs .batch-col img,
    .fair-cabs .cabs-hatch {
        width: 250px
    }
    .fair-cabs .icon-container {
        right: -25%
    }
    .map-tirunelveli {
        left: 33% !important
    }
}

@media(max-width:1600px) {
    .banner {
        height: 720px
    }
    .w60 {
        width: 70%
    }
    .trip-slider {
        grid-template-columns: repeat(3, 1fr)
    }
}

@media(max-width:1560px) {
    .logo {
        width: 340px
    }
}

@media(max-width:1500px) {
    .grid-63 .ch3.mb3,
    .office-col .ch3 {
        font-size: 28px;
        line-height: 33px
    }
    .ch2 {
        font-size: 36px;
        line-height: 40px
    }
    .branch-list,
    .cabsl,
    .container {
        width: 90%
    }
    .trip-cnt {
        padding: 35px 35px 55px
    }
    .tripcnt-grid p {
        margin-top: 0;
        font-size: 15px;
        line-height: 22px
    }
    .ride-sec {
        height: 500px
    }
    .ride-col,
    .ride-col p {
        width: 70%
    }
    .swiper-pagination-bullet {
        width: 25px
    }
    .logo {
        width: 210px
    }
    .map-chennai {
        top: 11%;
        right: 23% !important
    }
    .map-coimbatore {
        left: 23% !important
    }
    .map-trichy {
        left: 50% !important
    }
    .map-erode,
    .map-tirupur {
        left: 30% !important
    }
    .map-madurai {
        left: 40% !important
    }
    .map-salem {
        left: 41% !important
    }
    .office-col .ch3 {
        margin-bottom: 15px
    }
    .branch-add {
        margin-top: 40px
    }
    .call,
    .mail {
        font-size: 20px;
        line-height: 25px
    }
    .blog-l .ch3 {
        font-size: 30px;
        line-height: 35px
    }
    .mfea .features-row,
    .state-slider {
        grid-template-columns: repeat(3, 1fr)
    }
    .corporate-grid {
        width: 80%
    }
    .pspace {
        padding: 80px 0
    }
    .map-mettupalayam {
        top: 41% !important;
        left: 20% !important;
    }
}

@media(max-width:1400px) {
    .tripcnt-grid {
        display: flex;
        flex-wrap: wrap
    }
    .video-content {
        bottom: 50px;
        left: 50px
    }
    .video-content p {
        font-size: 34px;
        line-height: 40px
    }
    .video-content .chbk span {
        height: 46px
    }
    .video-content .ch2 {
        font-size: 22px;
        line-height: 28px
    }
    .features-row {
        grid-template-columns: repeat(5, 1fr)
    }
    .mem-name::after {
        width: 200px;
        height: 120px;
        left: 49%
    }
}

@media(max-width:1300px) {
    .cab-col {
        height: 320px
    }
    .cab-img img {
        bottom: -45px
    }
    .trip-cnt .cab-ch3 {
        font-size: 24px;
        line-height: 30px
    }
    .swiper-slide.odd::after {
        background-position: -270px -168px
    }
    .swiper-slide.even::after {
        background-position: 50px -200px
    }
    .mt-50px {
        margin-top: 40px
    }
    .answer h3 {
        font-size: 22px;
        line-height: 30px
    }
    .map-chennai {
        top: 13% !important;
        right: 23% !important
    }
    .map-coimbatore {
        left: 22% !important
    }
    .map-trichy {
        top: 39% !important;
        left: 48% !important
    }
    .map-tirupur {
        left: 30% !important;
        top: 42% !important
    }
    .map-madurai {
        top: 54%;
        left: 40% !important
    }
    .map-salem {
        left: 44% !important
    }
    .map-erode {
        left: 30% !important
    }
    .fl-cnt {
        grid-template-columns: 63% 33%
    }
    .branch-list {
        width: 100%
    }
    .c-grid {
        grid-template-columns: 49% 49%
    }
    .c-grid .c-one:nth-child(3) {
        width: 200%
    }
    .fair-cabs .cabs-car1 {
        width: 360px
    }
    .w60 {
        width: 80%
    }
    .cquick-main {
        top: 70px
    }
    .mem-name .red-para {
        font-size: 22px;
        line-height: 28px;
        text-wrap: nowrap
    }
    .slipt-div {
        display: grid;
        grid-template-columns: 60% 40%
    }
    body {
        padding-top: 70px
    }
}

.slipt-div p {
    width: 95%
}

@media(max-width:1200px) {
    .test-col p {
        font-size: 15px
    }
    .c5grid {
        grid-template-columns: repeat(1, 1fr)
    }
    .semt {
        margin-top: 40px
    }
    .test-row {
        margin-top: 80px
    }
    .cab-col p {
        font-size: 16px;
        line-height: 24px
    }
    .owl-carousel .owl-dot {
        width: 40px;
        margin: 0 8px
    }
    .corporate-grid {
        width: 100%
    }
    .offer-col {
        border-radius: 15px
    }
    .trip-slider {
        gap: 20px
    }
    .becom-col br,
    .c-one br {
        display: none
    }
    .form-group,
    .form-grp form {
        display: grid;
        grid-template-columns: repeat(3, 1fr)
    }
    .textWrapper .bh1 {
        font-size: 50px;
        line-height: 50px
    }
    .appicon-grd li {
        margin-bottom: -1px
    }
    .fl-cnt,
    .grid-63 {
        flex-direction: column-reverse;
        display: flex
    }
    .form-grp form {
        gap: 15px
    }
    .submit-col1 {
        display: flex;
        align-items: end;
        justify-content: end;
        flex-direction: column
    }
    .taxi-col {
        padding: 60px 70px 80px
    }
    .ride-deserve {
        padding-top: 150px !important
    }
    .mem-name {
        grid-template-columns: 60% 30%
    }
    .fair-cabs .icon-container {
        right: -50%
    }
    .mile-even p,
    .mile-odd p {
        width: 90%
    }
    .w60 .form-grp form {
        display: block
    }
    .blog-grid {
        flex-direction: column
    }
    .features-row {
        margin-top: 70px
    }
    .test .test-row {
        grid-template-columns: repeat(2, 1fr) !important
    }
    .mem-name::after {
        top: -80px;
        width: 180px;
        height: 100px;
        left: 9%
    }
    .swiper-slide.odd::after {
        background-position: -296px -145px
    }
    .tal-l .bh1 {
        text-align: end
    }
    .swiper-slide.even::after {
        background-position: 127px -213px
    }
    .m-taxi {
        gap: 25px !important
    }
    .app-btn img {
        width: 115px
    }
    .spli-img-div .madurai-coupon {
        max-width: 320px !important
    }
    .map-dindigul {
        top: 48% !important;
        left: 37% !important;
    }
}

@media(max-width:1100px) {
    .becom-row {
        gap: 25px
    }
    .video-row #video {
        height: 300px;
        object-fit: cover
    }
    .local-pos {
        right: 20%
    }
    .download-app .local-pos img {
        width: 200px
    }
    .booking-sec .cabs-car {
        width: 280px
    }
    .cabs-img2 {
        width: 100% !important
    }
    .cities .trip-slider {
        display: grid;
        grid-template-columns: repeat(2, 1fr)
    }
    .map-chennai {
        top: 11% !important;
        right: 24% !important
    }
    .map-salem {
        top: 30% !important
    }
}

@media(max-width:992px) {
    .corporate-grid,
    .map-grid {
        grid-template-columns: 100%;
        gap: 0
    }
    .grid-2 {
        grid-template-columns: repeat(4, 1fr)
    }
    .map-d {
        text-align: center
    }
    .cab-col img {
        width: 350px !important
    }
    .ride-col {
        width: 85%
    }
    .ride-col p {
        width: 80%
    }
    .textWrapper .bh1 {
        font-size: 40px;
        line-height: 40px
    }
    .banner {
        height: 700px
    }
    .map-chennai {
        right: 28% !important;
        top: 14% !important
    }
    .map-coimbatore {
        left: 29% !important
    }
    .map-dindigul {
        left: 41% !important;
    }
    .map-trichy {
        left: 50% !important
    }
    .map-tirupur {
        left: 34% !important
    }
    .map-madurai {
        left: 43% !important
    }
    .map-salem {
        left: 44% !important
    }
    .map-erode {
        left: 33% !important
    }
    .taxi-col {
        height: 470px
    }
    .taxi-col img {
        opacity: .3;
        z-index: 99
    }
    .taxi-cnt .ch2,
    .taxi-cnt p {
        text-shadow: 1px 1px 1px #000
    }
    .taxi-col .taxi {
        right: auto;
        bottom: 50px;
        left: 10%
    }
    .phone-img img {
        z-index: 999
    }
    .ride-deserve {
        padding-top: 0 !important
    }
    .mem-name {
        grid-template-columns: 55% 35%
    }
    .mem-name .ch3 {
        font-size: 22px;
        line-height: 28px
    }
    .mem-name .red-para {
        font-size: 21px;
        line-height: 28px
    }
    .mem-bo {
        padding-bottom: 0
    }
    .branch-add,
    .mfea .features-row {
        grid-template-columns: repeat(2, 1fr)
    }
    .office-col {
        padding-left: 10%
    }
    .cabs {
        grid-template-columns: 100%
    }
    .cabs-car,
    .corporate-img img {
        display: none
    }
    .cabs-mimg {
        display: block
    }
    .cabs-mimg img {
        width: 320px
    }
    .cabsl .mt30 {
        margin-top: 15px
    }
    .cabsl,
    .mem-container,
    .mile-even p,
    .mile-odd p,
    .slipt-div p {
        width: 100%
    }
    .booking-sec .cabs-mimg img {
        width: 100%;
        height: 300px;
        object-fit: cover;
        object-position: top
    }
    .local-pos {
        right: 5%
    }
    .download-app .local-pos img {
        width: 160px
    }
    .fair-cabs .cabs-mimg img {
        object-fit: contain
    }
    .milestone .content {
        width: 41%;
        border-radius: 15px;
        padding: 25px
    }
    .w60 {
        width: 90%
    }
    .test-gole {
        width: 83%
    }
    .state-slider {
        grid-template-columns: repeat(2, 1fr);
        margin-top: 4px
    }
    .swiper-slide.even::after {
        background-position: 177px -213px
    }
    .slipt-div {
        display: flex;
        flex-direction: column-reverse
    }
    .spli-img-div img {
        width: 400px
    }
    .spli-img-div {
        display: grid
    }
}

@media(max-width:920px) {
    .taxi-col {
        display: block
    }
    .taxi {
        position: absolute
    }
    .swiper .swiper-wrapper .swiper-slide.bslide4 {
        background-position: -280px !important
    }
    .map-chennai {
        right: 26% !important
    }
}

@media(max-width:850px) {
    .map-chennai {
        top: 11%;
        right: 25% !important
    }
    .map-coimbatore {
        left: 24% !important
    }
    .map-trichy {
        top: 42% !important;
        left: 52% !important
    }
    .map-tirupur {
        left: 31% !important
    }
    .map-madurai {
        left: 40% !important
    }
    .map-salem {
        left: 44% !important
    }
    .map-erode {
        left: 30% !important
    }
    .form-grp form {
        grid-template-columns: 48% 48%
    }
    .submit-col1 {
        width: 204%
    }
    .career-form .submit-col1 {
        width: 100% !important
    }
    .map-div.map-mettupalayam {
        top: 42% !important;
        left: 22% !important;
    }
    .map-div.map-pollachi {
        left: 25% !important;
    }
}

@media(max-width:810px) {
    .swiper-slide.odd::after {
        background-position: -361px -145px
    }
}

@media(max-width:767px) {
    .ch2 {
        font-size: 34px;
        line-height: 38px
    }
    .pspace {
        padding: 70px 0
    }
    .grid-2 {
        grid-template-columns: repeat(3, 1fr)
    }
    .form-group,
    .ftable1 tr {
        grid-template-columns: repeat(2, 1fr)
    }
    .grid-2.parrows {
        margin-top: 40px
    }
    .banner {
        height: 600px
    }
    .video-row {
        border-radius: 20px
    }
    .video-content {
        bottom: 45px;
        left: 40px
    }
    .chbk {
        font-size: 28px;
        line-height: 33px;
        gap: 6px
    }
    .video-content .chbk span {
        height: 43px
    }
    .video-content .ch2 {
        font-size: 18px;
        line-height: 24px
    }
    .table-grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 30px;
        margin-top: 30px
    }
    .ftable1 tr {
        display: grid
    }
    .ftable1 thead tr {
        display: block
    }
    .ftable1 tr td:nth-child(3),
    .ftable1 tr td:nth-child(4) {
        background-color: #f4f4f4
    }
    .ftable1 tr td {
        background-color: #fff
    }
    .taxi-col .taxi {
        width: 150px;
        left: 8%
    }
    .taxi-col {
        padding: 60px 50px 80px
    }
    .bh1 .hspan,
    .mem-bo,
    .swiper-slide .textWrapper p,
    .txamt-fl {
        display: none
    }
    .mem-name {
        grid-template-columns: 100%
    }
    .txamt-flmob {
        display: flex;
        gap: 40px;
        margin-top: 20px;
        width: 52%;
        justify-content: space-between
    }
    .go-taxi {
        font-size: 18px;
        line-height: 26px;
        font-weight: 600
    }
    .moving-car {
        width: 240px;
        bottom: -37px
    }
    .state-slider .trip-col:hover .moving-car {
        bottom: -52px
    }
    .state-slider .owl-dots {
        margin-top: 0 !important
    }
    .dpara,
    .grid-view .ch4 {
        font-size: 22px;
        line-height: 26px
    }
    .c-grid .c-one {
        padding: 40px 30px
    }
    .w60 {
        width: 100%
    }
    .blog-l .ch3 {
        font-size: 26px;
        line-height: 30px
    }
    .timeline::before {
        left: 20px
    }
    .milestone {
        flex-direction: column;
        align-items: flex-start;
        width: 80%
    }
    .milestone:nth-child(2n) {
        flex-direction: column
    }
    .milestone .content {
        width: calc(108% - 40px);
        text-align: left
    }
    .milestone .content::after {
        left: 10px;
        top: calc(50% - 10px)
    }
    .mile-odd p {
        text-align: left
    }
    .moving-taxi {
        z-index: 99;
        width: 100%;
        margin-left: 3px;
        position: sticky;
        top: 350px
    }
    .video-content p.chbk {
        font-size: 34px;
        line-height: 40px
    }
    .becom-btn a {
        padding: 8px 20px;
        border-radius: 12px !important;
        font-size: 15px !important;
        line-height: 24px
    }
    .swiper-slide.even::after,
    .swiper-slide.odd::after {
        background-position: 0 -308px;
        background: linear-gradient(28deg, rgba(153, 153, 153, .9108018207282913) 60%, #ff1b1b 87%, rgba(240, 54, 54, .9836309523809523) 100%)
    }
    .textWrapper,
    .textWrapper.two {
        justify-content: flex-start
    }
    .swiper .swiper-wrapper .swiper-slide.even {
        display: flex;
        height: 100%;
        align-items: center;
        justify-content: center;
        background-position: -260px !important
    }
    .swiper .swiper-wrapper .swiper-slide.bslide4 {
        background-position: -70px !important
    }
    .swiper .swiper-wrapper .swiper-slide.bslide4:nth-child(2) {
        background-position: -463px !important
    }
    .textWrapper .bh1 {
        margin-bottom: 0
    }
    .tal-l .bh1 {
        text-align: start
    }
    .brbtn,
    .cbtn {
        padding: 7px 30px;
        font-size: 14px
    }
    .swipernav .swiper-button-next span::before,
    .swipernav .swiper-button-prev span::before {
        content: '';
        display: block;
        width: 14px;
        height: 14px;
        border: solid #fff;
        border-width: 0 3px 3px 0
    }
    .map-div::after {
        content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNXB4IiBoZWlnaHQ9IjI1cHgiIHZpZXdCb3g9IjAgMCAxNiAxNiI+PHBhdGggZmlsbD0iI2M1MjAzOCIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJtNy41MzkgMTQuODQxbC4wMDMuMDAzbC4wMDIuMDAyYS43NTUuNzU1IDAgMCAwIC45MTIgMGwuMDAyLS4wMDJsLjAwMy0uMDAzbC4wMTItLjAwOWE2IDYgMCAwIDAgLjE5LS4xNTNhMTUuNiAxNS42IDAgMCAwIDIuMDQ2LTIuMDgyQzExLjgxIDExLjIzNSAxMyA5LjI1NSAxMyA3QTUgNSAwIDAgMCAzIDdjMCAyLjI1NSAxLjE5IDQuMjM1IDIuMjkyIDUuNTk3YTE1LjYgMTUuNiAwIDAgMCAyLjA0NiAyLjA4MmwuMTg5LjE1M3pNOCA4LjVhMS41IDEuNSAwIDEgMCAwLTNhMS41IDEuNSAwIDAgMCAwIDMiIGNsaXAtcnVsZT0iZXZlbm9kZCIvPjwvc3ZnPg==')
    }
    .map-chennai {
        top: 15% !important;
        right: 22% !important
    }
    .map-salem {
        top: 32% !important
    }
    .g-captcha {
        margin-top: 15px;
        transform: scale(.7);
        right: -42px;
        position: relative
    }
}

@media(max-width:680px) {
    .cab-img img {
        bottom: -80px
    }
    .cab-col {
        height: auto
    }
    .cab-col p {
        padding-bottom: 150px
    }
    .cab-col img {
        width: 350px !important;
        bottom: -50px
    }
    .appicon-grd li a {
        width: auto
    }
    .map-chennai {
        top: 14% !important;
        right: 22% !important
    }
    .map-coimbatore {
        left: 24% !important
    }
    .map-trichy {
        left: 51% !important
    }
    .map-tirupur {
        left: 31% !important
    }
    .map-madurai {
        top: 55%;
        left: 40% !important
    }
    .map-salem {
        left: 44% !important
    }
    .map-erode {
        left: 30% !important
    }
    .fact {
        margin-top: 40px;
        gap: 25px
    }
    .fbold {
        font-size: 30px;
        line-height: 35px
    }
    .fcont p:nth-child(2) {
        font-weight: 600;
        margin-top: 8px;
        font-size: 14px
    }
    .download-app .dapp-col img {
        width: 300px
    }
    .download-app .dapp-col:first-child {
        text-align: center
    }
    .download-app .local-pos img {
        width: 160px
    }
    .local-pos {
        right: 23%
    }
    .milestone {
        width: 70%
    }
    .milestone .content {
        width: calc(118% - 0px)
    }
    .cities .trip-slider {
        display: grid;
        grid-template-columns: repeat(1, 1fr)
    }
    .swiper .swiper-wrapper .swiper-slide.bslide4.even {
        background-position: -250px !important
    }
}

@media(max-width:580px) {
    .semt {
        margin-top: 30px
    }
    .test-row {
        margin-top: 60px
    }
    .c-grid .c-one:nth-child(3),
    .cabsl,
    .ride-col,
    .ride-col p,
    .submit-col1,
    .test-col p {
        width: 100%
    }
    .quote-img img {
        width: 20px !important
    }
    .test-gole {
        padding-top: 25px;
        margin-top: 30px
    }
    .pspace {
        padding: 60px 0
    }
    .becom-col,
    .cab-col,
    .trip-col {
        border-radius: 20px
    }
    .booking-sec .cabs-mimg img,
    .ride-sec {
        height: auto
    }
    .ride-col .f20 {
        font-size: 20px;
        line-height: 26px
    }
    .cab-img img {
        right: 0
    }
    .logo {
        width: 240px
    }
    .trip-section .mb25 {
        margin-bottom: 30px
    }
    .office-col .ch3,
    .office-col .mb2 {
        margin-bottom: 10px
    }
    .bh1 br,
    .excont {
        display: none
    }
    .textWrapper .bh1 {
        font-size: 30px;
        line-height: 30px
    }
    .banner {
        height: 500px
    }
    .swiper-pagination-bullet {
        width: 20px;
        margin: 0 5px;
        padding: 3px !important
    }
    .swiper-pagination {
        bottom: 145px;
        right: 3%;
        width: auto
    }
    .appicon-grd {
        margin-left: 35px
    }
    .form-group {
        grid-template-columns: repeat(1, 1fr);
        gap: 5px
    }
    .form-col input {
        margin-top: 5px
    }
    .textWrapper {
        padding: 40px 20px !important
    }
    .map-coimbatore {
        left: 22% !important;
        top: 37% !important
    }
    .map-trichy {
        top: 39% !important;
        left: 49% !important
    }
    .map-tirupur {
        top: 40% !important;
        left: 30% !important
    }
    .map-madurai {
        top: 53%;
        left: 40% !important
    }
    .map-salem {
        top: 29%;
        left: 44% !important
    }
    .map-erode {
        top: 32%;
        left: 30% !important
    }
    .table-grid {
        gap: 20px;
        margin-top: 20px
    }
    .cquick-links li a {
        padding: 8px 20px;
        font-size: 15px
    }
    .form-grp form {
        grid-template-columns: 100%;
        gap: 0
    }
    .form-grp {
        padding: 25px 15px
    }
    .subbtn {
        margin-top: 25px
    }
    .taxi-col img {
        width: 300px
    }
    .taxi-col {
        height: 360px;
        border-radius: 25px
    }
    .txamt-flmob {
        width: 60%
    }
    .cabsl .mt30,
    .mem-div {
        margin-top: 0
    }
    .grid-63 {
        gap: 30px
    }
    .cquick-links {
        gap: 25px 15px
    }
    .branch-add,
    .state-slider {
        grid-template-columns: repeat(1, 1fr);
        margin-top: 20px
    }
    .c-grid {
        grid-template-columns: 100%;
        margin-top: 40px
    }
    .office-col .ch3 {
        font-size: 24px;
        line-height: 30px
    }
    .fcont p:nth-child(2) {
        font-size: 13px;
        line-height: 18px
    }
    .corp-btn {
        margin-top: 20px
    }
    .form-flex,
    .ltg,
    .mvm {
        display: block
    }
    .grid-view .blog-col {
        margin-bottom: 15px
    }
    .fea {
        padding: 15px;
        border-radius: 15px
    }
    .fea .test-gole1,
    .fea-img {
        padding-top: 0
    }
    .fea svg {
        width: 35px;
        margin-bottom: 5px
    }
    .features-row {
        margin-top: 40px
    }
    .test .test-row {
        grid-template-columns: repeat(1, 1fr) !important
    }
    .mfea .features-row {
        grid-template-columns: repeat(1, 1fr)
    }
    .fea-img {
        margin-bottom: 20px
    }
    .tripcnt-link {
        bottom: 22px
    }
    .cquick-main {
        top: 59px
    }
    .textWrapper.two {
        align-items: flex-start
    }
    body {
        padding-top: 60px
    }
}

@media(max-width:540px) {
    .appicon-grd li a {
        padding: 10px;
        font-size: 13px
    }
    .appicon-grd {
        gap: 10px;
        margin-left: 0
    }
    .appicon-grd li,
    .appicon-grd li a {
        width: 100%
    }
    .form-group {
        border-radius: 0 0 15px 15px
    }
}

@media (max-width:500px) {
    .map-chennai {
        top: 13% !important;
        right: 23% !important
    }
    .map-salem {
        top: 28% !important;
        left: 42% !important
    }
}

@media(max-width:480px) {
    .ch2 {
        font-size: 28px;
        line-height: 30px
    }
    .pspace {
        padding: 50px 0
    }
    .grid-2 {
        grid-template-columns: repeat(2, 1fr)
    }
    .cab-col img {
        width: 250px !important;
        bottom: -30px
    }
    .owl-carousel .owl-dot {
        width: 28px;
        margin: 0 5px;
        height: 6px
    }
    .cdots .owl-dots {
        margin-top: 20px
    }
    .ch2 br {
        display: none
    }
    .grid-2.parrows {
        margin-top: 25px
    }
    .cab-col {
        padding: 25px 30px
    }
    .cab-col .cab-ch3 {
        font-size: 26px;
        line-height: 30px
    }
    .cab-grid .owl-stage {
        padding-bottom: 0
    }
    .tc p {
        font-size: 16px;
        line-height: 24px;
        width: 90%
    }
    .cab-grid,
    .clarity-row {
        margin-top: 30px
    }
    .corporate-img {
        border-radius: 15px
    }
    .trip-cnt {
        padding: 25px 20px 40px
    }
    .app-btn img {
        width: 115px
    }
    .app-btn {
        gap: 10px
    }
    .form-group {
        padding: 25px 25px 55px
    }
    .form-col input {
        padding: 6px 15px
    }
    .date-col input {
        padding: 5px 15px;
        color: #525252
    }
    .submit-col>div {
        padding: 0 15px
    }
    .submit-col::after {
        width: 85%
    }
    .video-content {
        bottom: 25px;
        left: 10px
    }
    .chbbk {
        display: block;
        font-size: 24px !important;
        line-height: 30px !important;
        font-weight: 500;
        font-family: prompt;
        background-color: var(--red);
        width: 97%;
        padding-left: 5px
    }
    .chbk {
        display: none !important
    }
    .cquick-links {
        gap: 20px 5px
    }
    .cquick-main {
        margin: 35px 0 45px
    }
    .cities .state-slider,
    .dpara {
        margin-top: 0
    }
    .taxi-col img {
        width: 180px
    }
    .taxi-col {
        padding: 30px
    }
    .taxi-cnt .bpara {
        font-size: 18px !important;
        line-height: 24px !important
    }
    .mem-name .ch3 {
        font-size: 22px;
        line-height: 28px
    }
    .mem-name {
        padding: 25px 0
    }
    .cabs-mimg img,
    .txamt-flmob {
        width: 100%
    }
    .grid-63 .ch3.mb3 {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 20px
    }
    .state-slider .trip-cnt {
        padding: 40px 25px 70px
    }
    .c-grid,
    .fact,
    .faq-col .cabsl {
        gap: 15px
    }
    .c-one svg {
        width: 40px
    }
    .dpara {
        font-size: 20px;
        line-height: 24px
    }
    .f28,
    .fbold {
        line-height: 30px
    }
    .branch-add {
        gap: 30px 20px
    }
    .fbold {
        font-size: 22px
    }
    .question .f28 {
        font-size: 20px;
        line-height: 28px
    }
    .question {
        padding: 10px 20px
    }
    .f28 {
        font-size: 24px
    }
    .test-row {
        margin-top: 35px
    }
    .local-pos {
        right: 18%
    }
    .milestone {
        width: 60%
    }
    .milestone .content {
        width: calc(130% - 0px);
        padding: 25px 20px
    }
    .mile-even p,
    .mile-odd p {
        font-size: 15px
    }
    .milestone .content h2 {
        font-size: 34px;
        line-height: 39px;
        margin-bottom: 10px
    }
    .cab-grid .owl-stage-outer {
        margin-right: 0
    }
    .blog-col {
        padding: 30px 25px 170px
    }
    .blog-l {
        padding: 20px 15px;
        border-radius: 20px
    }
    .ch4 {
        font-size: 22px;
        line-height: 24px;
        margin-bottom: 10px
    }
    .blog-l .ch3 {
        font-size: 24px;
        line-height: 28px
    }
    .blog-img {
        margin: 20px 0
    }
    .terms-page .hlpara {
        font-size: 18px;
        line-height: 27px
    }
    .cabs-row .cabs {
        padding-top: 40px
    }
    .cquick-links {
        padding: 25px 10px
    }
    .taxiservice-section .becom-col a {
        font-size: 14px;
        line-height: 23px;
        font-weight: 600
    }
    .term-row {
        justify-content: start
    }
}

@media (max-width:400px) {
    .map-chennai {
        top: 11% !important;
        right: 24% !important
    }
}

@media(max-width:380px) {
    .appicon-grd li a {
        padding: 10px 5px
    }
    .appicon-grd {
        gap: 5px
    }
    .call,
    .mail {
        font-size: 15px;
        line-height: 24px
    }
    .local-pos {
        right: 5%
    }
    .cab-col img {
        width: 200px !important;
        right: 0
    }
    .tooltip {
        left: 0
    }
}

.sub-bnr {
    position: relative;
    background-image: url('images/sub-bnr-img.png');
    background-size: cover !important;
    height: 400px;
    background-repeat: no-repeat;
    background-position: right
}

.bshape {
    position: absolute;
    left: 0;
    top: -50px;
    z-index: 2;
    filter: brightness(.8);
    opacity: .8
}

.b-ul {
    display: flex;
    gap: 6px;
    color: #515352
}

.b-ul a:hover {
    color: #c71f36
}

.sub-bnr .container {
    display: flex;
    height: 100%;
    align-items: center
}

.sub-bnr-hed {
    padding: 0;
    position: absolute;
    z-index: 3
}

.sub-bnr-hed h1 {
    color: #fff;
    font-size: 50px
}

@media(max-width:1500px) {
    .sub-bnr {
        height: 300px;
        background-position: 0 0
    }
    .bshape {
        position: absolute;
        left: -200px;
        top: -120px;
        z-index: 2;
        filter: brightness(.8);
        opacity: .8
    }
    .corporate-ban {
        background-position: -40px 0
    }
}

@media(max-width:1200px) {
    .sub-bnr {
        background-position: center
    }
    .corporate-ban {
        background-position: -40px 0
    }
}

@media(max-width:900px) {
    .sub-bnr {
        height: 300px;
        background-position: -380px
    }
    .bshape {
        position: absolute;
        left: -192px;
        top: -90px;
        z-index: 2;
        filter: brightness(.8);
        opacity: .8;
        width: 600px;
        min-width: 600px
    }
    .sub-bnr-hed h1 {
        color: #fff;
        font-size: 44px
    }
    .corporate-ban {
        background-position: 0 0
    }
}

@media(max-width:767px) {
    .sub-bnr {
        background-position: -550px
    }
    .corporate-ban {
        background-position: -130px 0
    }
}

@media(max-width:600px) {
    .sub-bnr {
        height: 250px;
        background-position: -500px
    }
    .bshape {
        position: absolute;
        left: -240px;
        top: -134px;
        z-index: 2;
        filter: brightness(.8);
        opacity: .8
    }
    .sub-bnr-hed h1 {
        color: #fff;
        font-size: 38px
    }
}

@media(max-width:400px) {
    .sub-bnr {
        height: 250px;
        background-position: -610px 0
    }
    .bshape {
        position: absolute;
        left: -360px;
        top: -138px;
        z-index: 2;
        filter: brightness(.8);
        opacity: .8
    }
    .sub-bnr-hed h1 {
        color: #fff;
        font-size: 38px
    }
    .spli-img-div .madurai-coupon {
        max-width: 100% !important
    }
}

.call-icon,
.pbox,
.tab {
    position: relative
}

.breadsec::after {
    content: '';
    position: absolute;
    height: 1000px;
    width: 100%;
    top: -18px;
    left: 0;
    z-index: -1;
    background-image: linear-gradient(175deg, #fc5c5c 20%, #fff 50%, #fff 75%);
    background-size: 400% 400%;
    animation: 12s infinite redAura
}

@keyframes redAura {
    0%,
    100% {
        background-position: 100% 50%
    }
    50% {
        background-position: 0 50%
    }
}

.pos-sti .question {
    background-color: #464243;
    padding: 5px 20px;
    width: 100%;
    cursor: pointer;
    border: none;
    text-align: left;
    font-size: 16px;
    transition: background-color .3s;
    border-radius: 12px
}

.pos-sti .answer {
    max-height: 0;
    transition: max-height .3s ease-out;
    background-color: #fff
}

.pos-sti .answer .answer-inner-table {
    border-collapse: collapse
}

.pos-sti .answer .answer-inner-table-left {
    border-right: 1px solid #e1e1e1
}

.pos-sti .outertd {
    padding: 0
}

.pos-sti .outertr:hover {
    box-shadow: none;
    background-color: #fff
}

.pos-sti .question.active {
    border-radius: 12px 12px 0 0;
    background-color: var(--dred)
}

.pos-sti .answer .answer-outer-table {
    border-radius: 0 0 12px 12px;
    border: 1px solid #e1e1e1;
    border-collapse: separate
}

.pos-sti .question::after {
    content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNHB4IiBoZWlnaHQ9IjI0cHgiIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTE1IDR2MjAuMDYzTDguMjIgMTcuMjhsLTEuNDQgMS40NGw4LjUgOC41bC43Mi42ODZsLjcyLS42ODdsOC41LTguNWwtMS40NC0xLjQ0TDE3IDI0LjA2M1Y0eiIvPjwvc3ZnPg==');
    display: flex;
    align-items: center
}

@media (max-width:772px) {
    .pos-sti .outertr {
        display: grid
    }
    .pos-sti .answer .answer-inner-table-left {
        border-right: none
    }
    .pos-sti .answer {
        overflow: auto !important
    }
    .pos-sti .accordion {
        border-radius: 12px;
        overflow: hidden;
        border: 1px solid #e1e1e1
    }
    .pos-sti .answer::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
        background-color: #d62929
    }
    .pos-sti .answer::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
        background-color: #f5f5f5
    }
    .pos-sti .answer::-webkit-scrollbar {
        width: 12px;
        background-color: #f5f5f5
    }
}

.round-trip-head th {
    color: #000;
    width: 100%;
    text-align: center
}

.accordion {
    transition: margin-bottom .3s
}

.pos-sti .round-trip-answer {
    overflow: auto
}

.pos-sti .accordion {
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid #e1e1e1
}

.pos-sti .answer .round-trip-head {
    position: sticky;
    top: 0;
    background-color: #fff;
    z-index: 2;
    border-bottom: 2px solid #e1e1e1
}

.pos-sti .answer .round-trip-table {
    width: 100%;
    overflow-y: auto
}

.pos-sti .round-trip-table tbody {
    display: block;
    overflow-y: auto
}

.round-trip-table:hover thead {
    background-color: #fff
}

.round-trip-table tr {
    display: grid;
    grid-template-columns: 30% 12% 19% 20% 19%
}

.round-trip-table-4column tr {
    display: grid;
    grid-template-columns: 42% 14% 22% 22%
}

.pos-sti .round-trip-answer::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #d62929
}

.pos-sti .round-trip-answer::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #f5f5f5
}

.pos-sti .round-trip-answer::-webkit-scrollbar {
    width: 10px;
    background-color: #f5f5f5
}

@media (max-width:772px) {
    .pos-sti .answer::-webkit-scrollbar {
        height: 4px !important
    }
    .pos-sti .round-trip-answer.oh {
        overflow: auto !important
    }
    .pos-sti .round-trip-answer::-webkit-scrollbar {
        width: 8px;
        background-color: #f5f5f5
    }
}

@media (max-width:770px) {
    .round-trip-table tr {
        grid-template-columns: 26% 13% 17% 22% 22%
    }
    .round-trip-table-4column tr {
        display: grid;
        grid-template-columns: 42% 14% 22% 22%
    }
}

.my-3 {
    margin-bottom: 20px;
    background: #f4f4f4;
    border-radius: 15px
}

.pbox,
.timeline::before {
    background-repeat: no-repeat
}

.htt-form-grid {
    display: grid;
    grid-template-columns: 26% 28% 26% 16%;
    gap: 10px;
    align-items: end;
    padding: 25px 15px
}

@media (max-width:1300px) {
    .sp-sticky {
        padding: 10px 0
    }
    .side-menu-nav .enbtn {
        background: #fff
    }
    .adown,
    .megamenu {
        display: none
    }
    .sub-menu a {
        text-align: start !important;
        font-weight: 500 !important
    }
    .htt-form-grid {
        grid-template-columns: 25% 29% 24% 17%
    }
    .after-none {
        height: 340px
    }
}

@media (max-width:1200px) {
    .htt-form-grid {
        grid-template-columns: 26% 28% 26% 16%
    }
}

@media (max-width:850px) {
    .submit-col1 {
        width: 100% !important
    }
    .htt-form-grid {
        grid-template-columns: repeat(3, 1fr)
    }
    .htf-left {
        text-align: left;
        justify-content: start
    }
}

@media (max-width:650px) {
    .round-trip-table tr {
        min-width: 570px
    }
    .htt-form-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px
    }
    .btn-top0 {
        margin-top: 10px
    }
}

.hourly-trip-table {
    transition: none !important
}

.hourly-trip-table tbody,
.hourly-trip-table thead {
    min-width: 628px
}

.hourly-trip-table tbody {
    max-height: 600px;
    height: auto
}

.hourly-trip-table .hourly-trip-head {
    padding: 5px 12px 5px 0
}

.pos-sti .hourly-trip-table tr {
    display: grid;
    grid-template-columns: 17% 11% 12% 16% 9% 33%;
    gap: 2px
}

.hourly-trip-table tr td:nth-child(3) {
    border-left: none
}

.hourly-trip-table tr td,
.hourly-trip-table tr td:nth-child(3),
.hourly-trip-table tr td:nth-child(4) {
    background-color: initial
}

.hourly-trip-table tr td:first-child,
.pleft10 {
    padding-left: 10px
}

.hourly-trip-table th {
    padding: 5px 0
}

.hourly-trip-table td {
    padding: 10px 0
}

@media (max-width:700px) {
    .hourly-trip-table {
        border-radius: 0;
        overflow: auto;
        max-height: 500px;
        border: none
    }
    .hourly-trip-table .hourly-trip-head {
        padding: 5px 0
    }
    .hourly-trip-table tbody::-webkit-scrollbar {
        width: 0
    }
    .pos-sti .hourly-trip-table::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
        background-color: #d62929
    }
    .pos-sti .hourly-trip-table::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
        background-color: #f5f5f5
    }
    .pos-sti .hourly-trip-table::-webkit-scrollbar {
        width: 10px;
        background-color: #f5f5f5;
        height: 4px
    }
    .htt-border {
        border-radius: 20px;
        border: 1px solid #e1e1e1;
        overflow: hidden
    }
}

.cabs1-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
    width: 111%
}

.pbox {
    display: inline-block;
    background-image: url(images/logo-bg.png);
    background-size: 100%;
    background-position: center;
    color: #fff;
    font-family: Arial, sans-serif;
    font-size: 1.3em;
    font-weight: 700;
    width: 115px;
    height: 52px;
    padding: 15px 0;
    text-align: center;
    border-radius: 10px
}

.text-center {
    margin-top: 10px;
    text-align: center;
    font-size: 16px;
    line-height: 20px
}

.map-d .green,
.parrows .green::after {
    filter: brightness(1.2) saturate(2) hue-rotate(120deg)
}

.parrows li a:hover {
    color: var(--red)
}

@media (min-width:2100px) {
    .map-chennai {
        left: 70% !important
    }
    .map-salem {
        left: 45% !important
    }
    .map-madurai {
        left: 40% !important
    }
    .map-erode,
    .map-tirupur {
        left: 36% !important
    }
    .map-trichy {
        top: 42% !important;
        left: 50% !important
    }
    .map-coimbatore,
    .map-pollachi {
        left: 30% !important
    }
    .map-hosur {
        right: 58% !important
    }
    .map-vellore {
        right: 44% !important
    }
    .sub-bnr {
        height: 450px
    }
}

@media (max-width:1500px) {
    .f28 {
        font-size: 28px;
        line-height: 33px;
        font-weight: 500 !important
    }
    .map-pollachi {
        left: 23% !important
    }
    .map-karur {
        left: 42% !important
    }
}

@media (max-width:1200px) {
    .cabs1-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px
    }
    .maduraiw70 {
        width: 90%;
        margin: auto
    }
}

@media (max-width:1090px) {
    .br br {
        display: none
    }
}

@media (max-width:992px) {
    .cabs1-grid {
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;
        width: 100%
    }
    .br br {
        display: block
    }
    .map-pollachi {
        left: 30% !important
    }
    .map-karur {
        top: 42% !important;
        left: 44% !important
    }
    .ftop-img img {
        height: 80px;
        object-fit: cover
    }
    .map-mettupalayam {
        top: 41% !important;
        left: 27% !important;
    }
}

@media (max-width:800px) {
    .map-pollachi {
        left: 25% !important
    }
}

@media (max-width:600px) {
    .cabs1-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
        width: 100%
    }
    .corporate-ban {
        height: 250px;
        background-position: -120px 0
    }
}

.cabs1-grid .icon-grid-content {
    display: grid;
    align-items: start;
    grid-template-columns: 50px auto;
    gap: 30px;
    padding: 20px;
    transition: .3s;
    border-radius: 15px
}

.cabs1-grid .icon-grid-content:hover {
    box-shadow: 2px 2px 10px #c1c1c1;
    background-color: #fff
}

.cabs1-grid div img {
    max-width: 50px;
    width: 100%
}

span.red {
    color: var(--dred);
    font-size: 20px;
    line-height: 26px
}

.icon-grid {
    grid-template-columns: 100%;
    gap: 15px;
    width: 100%
}

.w11 {
    width: 111%
}

.grid3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr) !important;
    width: 100% !important
}

.grid3 .icon-grid-content {
    display: flex !important;
    flex-direction: column;
    gap: 20px
}

@media (max-width:990px) {
    .grid3 {
        grid-template-columns: 100% !important
    }
    .grid3 .icon-grid-content {
        display: grid !important;
        gap: 30px
    }
}

.mile-even-flex {
    display: flex;
    align-items: center;
    gap: 10px
}

.milestone img {
    width: 100%;
    max-width: 176px;
    max-height: 90px;
    min-width: 122px
}

.mile-odd-flex {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    align-items: center;
    gap: 10px
}

.timeline::before {
    background-size: 100% 100%
}

.after-none::after,
.after-none:hover::after,
header .d-btn-i {
    background: 0 0
}

@media (max-width:992px) {
    .w11 {
        width: 100%
    }
    .milestone .content {
        width: 43%
    }
}

@media (max-width:767px) {
    .milestone .content {
        width: calc(108% - 40px);
        text-align: left
    }
    .mile-odd-flex {
        flex-direction: row
    }
    .map-karur {
        top: 39% !important;
        left: 41% !important
    }
}

.cab-grid-3 {
    grid-template-columns: repeat(3, 1fr)
}

.l-0 {
    letter-spacing: 0
}

.cab-col:hover .cab-ch3 span {
    color: var(--yellow)
}

.after-none ul li {
    font-size: 18px;
    line-height: 22px;
    font-weight: 500;
    color: #323232;
    margin-bottom: 8px
}

.cab-grid .owl-stage {
    padding-bottom: 50px;
    padding-right: 30px;
    padding-left: 2px
}

.cab-col:hover .parrows li::after {
    content: '';
    position: absolute;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMHB4IiBoZWlnaHQ9IjIwcHgiIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHBhdGggZmlsbD0iI2ZiYjgxNyIgZD0iTTEyIDIwYTggOCAwIDAgMS04LThhOCA4IDAgMCAxIDgtOGE4IDggMCAwIDEgOCA4YTggOCAwIDAgMS04IDhtMC0xOEExMCAxMCAwIDAgMCAyIDEyYTEwIDEwIDAgMCAwIDEwIDEwYTEwIDEwIDAgMCAwIDEwLTEwQTEwIDEwIDAgMCAwIDEyIDIiLz48L3N2Zz4=) 0 0/15px no-repeat;
    width: 15px;
    height: 15px;
    right: auto;
    left: 0;
    bottom: auto;
    top: 4px
}

@media (max-width:1150px) {
    .cab-img img {
        width: 250px !important
    }
    .after-none .ch3-red br {
        display: block
    }
}

@media (max-width:992px) {
    .after-none .ch3-red br {
        display: none
    }
}

@media (max-width:750px) {
    .after-none .ch3-red br {
        display: block
    }
}

@media (max-width:680px) {
    .milestone .content {
        width: calc(118% - 0px)
    }
    .after-none .ch3-red br {
        display: none
    }
}

.mwidth .tab-menu a,
.sub-menu a {
    padding: 10px 24px;
    display: flex;
    transition: .3s;
    border-bottom: 2px solid #c71e36;
    justify-content: flex-start;
    text-align: center
}

.mwidth .tab-menu a:hover,
.sub-menu a:hover,
.tab-menu a.active {
    background: 0 0;
    color: #fff
}

.mwidth a,
.sub-menu a {
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    color: #fff
}

.content-div button:active,
.content-div button:hover {
    border: 1px solid var(--yellow);
    color: #000
}

.clients-box .appicon-grd {
    display: flex;
    justify-content: center;
    gap: 250px;
    margin-top: 60px;
    border-bottom: 1px solid #a4a4a4;
    padding-bottom: 15px;
    margin-left: 0
}

.corporate-hpgrid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 50px 30px;
    margin-top: 60px;
    justify-items: center
}

.clients-box .appicon-grd li a {
    font-size: 22px;
    font-weight: 500;
    position: relative
}

.appicon-grd li a.active {
    background: #ebebeb !important
}

.clients-box .appicon-grd li a::before {
    content: "";
    position: absolute;
    background: var(--dred);
    width: 130%;
    height: 3px;
    left: -16px;
    bottom: -19px;
    transform: scaleX(0);
    transition: .5s ease-out
}

.cities .mwidth .tab-menu li a:hover::before,
.clients-box .appicon-grd .active::before {
    transform: scaleX(1) !important
}

.corporate-icons {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    align-items: center;
    justify-items: center;
    padding-top: 20px;
    gap: 10px;
    justify-content: space-between
}

.corporate-icons img {
    max-width: 60px;
    width: 100%;
    transition: .3s
}

.corporate-icons p {
    text-align: center;
    line-height: 20px
}

.corporate-icons div {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px
}

.client-lg,
.corporate-slider .client-col {
    padding: 15px 30px
}

.client-lg img {
    width: 180px
}

.pt2 {
    padding-top: 20px
}

.clientlogo-swiper {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto
}

.corporate-slider {
    margin-top: 50px;
    display: grid;
    gap: 15px
}

.corporate-slider .owl-nav button.owl-next,
.corporate-slider .owl-nav button.owl-prev {
    display: flex;
    border: 1px solid var(--dred);
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    padding: 10px !important;
    transition: .3s
}

.cbtn.d-btn-a,
.corporate-slider .owl-nav button.owl-next:hover,
.corporate-slider .owl-nav button.owl-prev:hover,
header .d-btn-a {
    border: 1px solid var(--yellow)
}

.corporate-slider .fake-col-wrapper {
    display: grid;
    gap: 20px
}

.corporate-icon-img:hover img {
    transform: scale(1.2)
}

@media (max-width:480px) {
    .side-menu-close {
        width: 25px
    }
    .side-menu-wrap {
        width: 100%
    }
    .htt-form-grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 15px
    }
    .hourly-trip-table {
        max-height: 300px
    }
    .br br {
        display: none
    }
    .ftop-img img {
        height: 50px
    }
    .p16 {
        font-size: 14px;
        line-height: 20px;
        font-weight: 700
    }
    .cabs1-grid .icon-grid-content {
        grid-template-columns: 100%;
        gap: 15px
    }
    .icon-grid {
        gap: 10px;
        grid-template-columns: 100%
    }
    .maduraiw70 {
        width: 100%;
        margin: auto
    }
    .sub-bnr {
        height: 250px;
        background-position: -645px 0
    }
    .corporate-ban {
        height: 250px;
        background-position: -314px 0
    }
    .corporate-slider .fake-col-wrapper,
    .grid3 .icon-grid-content {
        gap: 15px
    }
    .milestone .content {
        width: calc(130% - 0px)
    }
    .milestone img {
        min-width: 86px
    }
    .corporate-slider .client-col {
        padding: 10px 20px
    }
    .m-taxi a {
        font-size: 16px !important;
        line-height: 24px !important
    }
}

.cities .mwidth .tab-menu li a::before {
    content: "";
    position: absolute;
    background: var(--yellow);
    width: 100%;
    height: 2px;
    left: 0;
    bottom: -3px;
    transform: scaleX(0);
    transition: .3s ease-out
}

.m20 {
    margin: 20px
}

.book-ban {
    background-image: url(images/subbanner/bookatrip-banner.webp) !important
}

.about-ban {
    background-image: url('images/about-us-subanner.webp') !important
}

.partner-ban {
    background-image: url('images/become-a-partner-subanner.webp') !important
}

.driver-ban {
    background-image: url('images/driver.webp') !important
}

.cnt-ban,
.roundbnr {
    background-image: url('images/roundtrip.webp') !important
}

.bone {
    background-image: url('images/oneway.webp') !important
}

.urban {
    background-image: url('images/urbanian-van-subban.webp') !important
}

.tempo {
    background-image: url('images/tempo-traveller-subban.webp') !important
}

.hourbanner {
    background-image: url('images/subbanner/rentals.webp') !important
}

.support-bnr {
    background-image: url('images/support.webp') !important
}

.test-bnr {
    background-image: url('images/testmonials.webp') !important
}

.abt-bnr {
    background-image: url('images/abt-us-bnr.webp') !important
}

.fheg tbody,
.hauto {
    height: auto
}

.fheight {
    height: 266px
}

.m-taxi.a::after,
.tab:after {
    content: '';
    position: absolute;
    bottom: 0
}

.m-taxi {
    display: flex;
    display: flex;
    gap: 30px;
    border-bottom: 1px solid #cecece;
    width: fit-content
}

.m-taxi a {
    font-size: 20px;
    line-height: 26px;
    font-weight: 500
}

.m-taxi.a::after {
    width: 60px;
    height: 5px;
    background: var(--red);
    left: 2px
}

.tab {
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    padding: 10px 15px
}

.tab.active,
.tab:hover {
    background: #f5f5f5
}

.tab:after {
    left: 0;
    width: 0%;
    height: 2px;
    background: red;
    transition: .3s linear
}

.madurai-pg .ftable {
    width: 300px
}

.fw {
    font-weight: 700
}

.pad-reducer {
    padding-top: 60px
}

.mt0 {
    margin-top: 0 !important
}

.mem-courtallam::after {
    background-image: url(images/coutrallam.webp)
}

.mem-manjolai::after {
    background-image: url(images/manjolai.webp)
}

.mem-marthandam::after {
    background-image: url(images/marthandam-csi-church.webp)
}

.mem-nagercoil::after {
    background-image: url(images/nagercoil-sanguthurai-beach.webp)
}

.mem-nanguneri::after {
    background-image: url(images/nanguneri-vanamamalai-perumal-temple.webp)
}

.mem-tenkasi::after {
    background-image: url(images/tenkasi-kasi-viswanathar-temple.webp)
}

.mem-thiruvananthapuram::after {
    background-image: url(images/thiruvananthapuram-kovalam-beach.webp)
}

.mem-thoothukudi::after {
    background-image: url(images/Thoothukudi-muthunagar-beach.webp)
}

.mem-sadhuragiri::after {
    background-image: url(images/sathuragiri-hills.webp)
}

.abt-mob {
    background-image: url(images/subbanner/sub-banner-red-taxi-aboutus.webp) !important
}

.corporate-ban {
    background-image: url('images/subbanner/red-taxi-corporate-subanner.webp') !important;
    background-position: center
}

.cbe-ban {
    background-image: url(images/subbanner/coimbatore-new-subanner.webp) !important
}

.velor-ban {
    background-image: url(images/subbanner/vellore-subbanner.webp) !important;
}

.namakal-ban {
    background-image: url(images/subbanner/namakkal-subbanner.webp) !important;
}

.che-bnr {
    background: url(images/subbanner/chennai-new-subanner.webp) !important
}

.madurai-bnr {
    background-image: url(images/subbanner/madurai-new-subanner.webp) !important
}

.er-bnr {
    background-image: url(images/subbanner/erode-new-subanner.webp) !important
}

.salem-bnr {
    background-image: url(images/subbanner/salem-new-subbnr.webp) !important
}

.t-bnr {
    background-image: url(images/subbanner/tirupur-new-subbnr.webp) !important
}

.pollachi-ban {
    background-image: url(images/pollachi-new-subbnr.webp) !important
}

.karur-bnr {
    background-image: url(images/subbanner/karur-new-subanner.webp) !important
}

.thirunelvelli-ban {
    background-image: url(images/subbanner/thirunelveli-subbanner.webp) !important
}

.tri-bnr {
    background-image: url(images/trichy-new-subbnr.webp) !important
}

.call-icon {
    font-size: 18px;
    line-height: 26px;
    font-weight: 600;
    padding: 10px 20px 10px 50px;
    display: block
}

.call-icon::after {
    content: '';
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0xOS45NSAyMXEtMy4xMjUgMC02LjE3NS0xLjM2MnQtNS41NS0zLjg2M3QtMy44NjItNS41NVQzIDQuMDVxMC0uNDUuMy0uNzV0Ljc1LS4zSDguMXEuMzUgMCAuNjI1LjIzOHQuMzI1LjU2MmwuNjUgMy41cS4wNS40LS4wMjUuNjc1VDkuNCA4LjQ1TDYuOTc1IDEwLjlxLjUuOTI1IDEuMTg3IDEuNzg3dDEuNTEzIDEuNjYzcS43NzUuNzc1IDEuNjI1IDEuNDM4VDEzLjEgMTdsMi4zNS0yLjM1cS4yMjUtLjIyNS41ODgtLjMzN3QuNzEyLS4wNjNsMy40NS43cS4zNS4xLjU3NS4zNjNUMjEgMTUuOXY0LjA1cTAgLjQ1LS4zLjc1dC0uNzUuMyIvPjwvc3ZnPg==') 0 0/30px no-repeat;
    display: block;
    width: 30px;
    height: 30px;
    position: absolute;
    bottom: 8px;
    left: 12px
}

.callaction {
    border: 1px solid var(--dred);
    border-radius: 30px;
    display: inline-block;
    margin-bottom: 25px;
    transition: .2s linear
}

.cbtn.d-btn-i,
.d-btn,
header .d-btn-i {
    border: 1px solid #000
}

.callaction:hover .call-icon::after {
    filter: invert(1)
}

.predcnt .trip-cnt {
    padding: 40px 30px 35px
}

.form-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px 20px
}

.hosur-grid {
    grid-template-columns: 50% 30%;
    justify-content: center;
    gap: 120px
}

.hosur-ban {
    background-image: url(images/red-taxi-housr-banner.webp)
}

@media (max-width:1650px) {
    .sub-bnr {
        height: 350px
    }
}

@media (max-width:1500px) {
    .sub-bnr {
        height: 300px;
        background-position: center
    }
    .pad-reducer {
        padding-top: 40px
    }
}

@media (max-width:1200px) {
    .vanpt {
        margin-top: 0
    }
    .bulk-booking .form-grid {
        grid-template-columns: repeat(3, 1fr)
    }
    .bulk-booking .form-grp form {
        grid-template-columns: repeat(1, 1fr)
    }
    .bulk-booking .fl-cnt .ch2.mb3 {
        margin-bottom: 0 !important
    }
    .hosur-grid {
        gap: 50px
    }
}

@media (max-width:1100px) {
    .sub-bnr {
        background-position: -250px 0
    }
}

@media (max-width:992px) {
    .sub-bnr {
        background-position: -400px 0
    }
    .bulk-booking .form-grid {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width:767px) {
    .sub-bnr {
        background-position: -550px 0
    }
}

@media (max-width:650px) {
    .sub-bnr {
        background-position: -650px 0
    }
}

@media (max-width:580px) {
    .sub-bnr {
        background-position: -850px 0
    }
    .textWrapper.two .bh1 {
        text-align: left
    }
}

@media (max-width:480px) {
    .book-mob,
    .driver-mob,
    .partner-mob,
    .support-mob,
    .test-mob {
        background-position: 0 0 !important
    }
    .sub-bnr {
        height: 250px;
        background-position: -550px 0
    }
    .pad-reducer {
        padding-top: 30px
    }
    .cquick-main {
        margin: 35px 0 0
    }
    .cquick-links {
        padding-bottom: 0 !important
    }
    .swiper .swiper-wrapper .swiper-slide.bslide4 {
        background-position: -500px !important
    }
    .predcnt .trip-cnt {
        padding: 40px 30px 20px
    }
    .bulk-booking .form-grid {
        grid-template-columns: repeat(1, 1fr)
    }
    .che-mob {
        background-position: 0 0
    }
}

@media(max-width:480px) {
    .er-mob,
    .hourmob,
    .karur-mob,
    .one-mob,
    .rounbmob,
    .thirunelvelli-mob {
        background-position: 0 !important
    }
    .corporate-mob {
        background-image: url('images/subbanner/red-taxi-corporate-subanner-480.webp') !important
    }
    .cities-mob {
        background-image: url('images/subbanner/roundtrip-mob-bnr.webp') !important
    }
    .cbe-mob {
        background-image: url('images/subbanner/coimbatore-new-subanner-480.webp') !important
    }
    .salem-mob {
        background-image: url('images/subbanner/salem-mob-bnr.webp') !important
    }
    .che-mob {
        background-image: url('images/subbanner/chennai-new-subanner-480.webp') !important
    }
    .t-mob {
        background-image: url('images/subbanner/tirupur-mob-bnr.webp') !important
    }
    .tri-mob {
        background-image: url('images/subbanner/trichy-new-subbnr-480.webp') !important
    }
    .m-mob {
        background-image: url('images/subbanner/madurai-mob-bnr.webp') !important
    }
    .book-mob {
        background-image: url('images/subbanner/bookatrip-480.webp') !important
    }
    .partner-mob {
        background-image: url('images/subbanner/partner-480.webp') !important
    }
    .test-mob {
        background-image: url('images/subbanner/testmonials-mob-bnr.webp') !important
    }
    .support-mob {
        background-image: url('images/subbanner/support-mob-bnr.webp') !important
    }
    .driver-mob {
        background-image: url('images/subbanner/driver-480.webp') !important
    }
    .abt-mob {
        background-image: url('images/subbanner/sub-banner-red-taxi-aboutus-480.webp') !important
    }
    .pollachi-mob {
        background-image: url('images/subbanner/pollachi-new-subbnr-480.webp') !important
    }
    .karur-mob {
        background-image: url('images/subbanner/karur-mob-subbnr.webp') !important
    }
    .er-mob {
        background-image: url('images/subbanner/erode-mob-bnr.webp') !important
    }
    .thirunelvelli-mob {
        background-image: url('images/subbanner/thirunelveli-subbanner-mob.webp') !important
    }
    .one-mob {
        background-image: url('images/subbanner/oneway-mobile.webp') !important
    }
    .rounbmob {
        background-image: url('images/subbanner/round-trip-mobile.webp') !important
    }
    .hourmob {
        background-image: url('images/subbanner/rentals-mobile.webp') !important
    }
    .mob-career {
        background-image: url('images/subbanner/career-480.webp');
        background-position: -600px 0
    }
    .m-bnr {
        background-position: 0 0 !important
    }
    .hosur-mob {
        background-image: url('images/subbanner/hosur-new-subanner-480.webp');
        background-position: 0 !important
    }
    .tblack {
        color: #3a3a3a !important
    }
}

@media (max-width:380px) {
    .corporate-icons {
        grid-template-columns: 29% 32% 32%
    }
    .corporate-slider .client-col {
        padding: 10px
    }
    .corporate-slider .fake-col-wrapper {
        gap: 10px
    }
    .sub-bnr {
        background-position: -680px 0
    }
    .book-mob,
    .cities-mob,
    .driver-mob,
    .partner-mob,
    .support-mob,
    .test-mob {
        background-position: 0 0 !important
    }
}

.d-btn {
    gap: 10px
}

.cbtn.d-btn:hover,
header .d-btn:hover {
    border: 1px solid var(--dred)
}

header .main-menu>li>a {
    padding: 0 1vw
}

.cbtn.d-btn-i {
    background: #fff
}

.i-banner-btn-div {
    display: flex;
    gap: 20px;
    flex-wrap: wrap
}

@media (max-width:1600px) {
    .logo {
        width: fit-content
    }
    header .main-menu>li>a {
        padding: 0 .8vw
    }
    header .main-menu .d-btn-a {
        margin-left: 0
    }
    header .main-menu .d-btn-i {
        margin-left: 10px
    }
}

@media (max-width:1500px) {
    header .main-menu>li>a {
        padding: 0 10px
    }
    header .main-menu .d-btn {
        gap: 6px;
        padding: 10px 20px
    }
}

@media (max-width:1300px) {
    .main-menu .desknone {
        display: block !important
    }
    .side-menu-nav .d-btn {
        display: flex !important;
        border: none
    }
    .side-menu-nav .d-btn:hover .android-icon,
    .side-menu-nav .d-btn:hover .iphone-icon {
        color: #000
    }
}

@media (max-width:510px) {
    .cbtn.d-btn {
        padding: 7px 20px
    }
}

@media (max-width:480px) {
    .textWrapper {
        position: relative
    }
    .i-banner-btn-div {
        gap: 8px;
        position: absolute;
        bottom: 180px
    }
    .tooltip#newl {
        bottom: -6px;
        left: -61px;
    }
}