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: #36632e;
    --dred: #6e13e6;
    --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")
}

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

.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/mahaballipuram-mem.webp)
}

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

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

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

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

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

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

.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/yelagiri.webp)
}

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

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

.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 {
    width: auto;
    position: sticky;
    top: 90px;
    margin-top: 20px;
    margin-bottom: 30px;
    z-index: 999
}

.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('image/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;
    }
}

footer a, footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 {
    word-spacing: 0 !important;
}

.break {
    display: block;
}

h2 .break.text-black {
    color: #000 !important;
}