@import url('https://fonts.googleapis.com/css2?family=Acme&family=Cuprum:ital,wght@0,400;0,500;0,600;0,700;1,500;1,600;1,700&family=Epilogue:wght@200;300;400;500;600;700;800&family=Inter:wght@200;300;400;500;600&family=Open+Sans:ital,wght@0,500;0,600;0,700;0,800;1,400;1,500;1,600&family=Oxygen:wght@300;400;700&family=Philosopher&family=Playfair+Display:wght@400;500;600;700&family=Raleway:wght@200;300;400;500;600;700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;1,100;1,300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Blinker:wght@300;400;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lobster+Two:ital,wght@0,400;0,700;1,400;1,700&family=Teko:wght@300;400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Teko:wght@300;400;500;600;700&display=swap');

@font-face {
    font-family: 'lato';
    src: url('myfont.woff2') format('woff2'), url('myfont.woff') format('woff');
}

@font-face {
    font-family: 'Lato-Regular';
    src: url('../font/Lato-Regular.ttf') format('truetype');
}


body {
    font-family: 'Roboto', Open Sans, sans-serif;
    overflow-x: hidden;
}

::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-thumb {
    background: #283e8a;
    width: 0;
    border-left: 2px solid white;
    border-right: 2px solid white;
}

::-webkit-scrollbar-track {
    width: 5px;
    background: white;
    border-left: 9px solid white;
    border-right: 9px solid white;
}

.wvh {
    width: 100%;
    height: 100vh;
}

.text-justify {
    justify-content: center !important;
}

a {
    text-decoration: none;
}
.ring_loader {
    width: 100%;
    height: 100vh;
    background-color: #fff;
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 99999999;
    background: rgba(255, 255, 255, 0.7);
}
/* PRELOADER CSS */
.page-loader {
    width: 100%;
    height: 100vh;
    position: fixed;
    background: rgb(255 255 255 / 80%);
    z-index: 9999999;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
}

.loader-03 {
    border-top: 3px solid #d8820c;
    border-right: transparent;
    border-radius: 50%;
    animation: 1s loader-03 linear infinite;
    position: relative;
    width: 90px;
    height: 90px;
}
.bg-blue1 {
    background-image: url(../images/listing-header.jpg);
    height: 80px;
    /* background-attachment: fixed; */
    /* background-position: center; */
    background-repeat: no-repeat;
    background-size: cover;
    padding: 40px 0 30px 0;
    border-bottom: 1px solid #f1f1f1;
}
@keyframes loader-03 {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

    .loader1 {
        position: relative;
        background: #0e1d3f;
        padding: 10px;
        border-radius: 50%;
    }

    .loader-img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .loader-img img {
        width: 50px;
        height: 50px;
    }

    .bg-blue1 {
    /*    background: #0e1d3f;*/
        padding: 25px 0px;
    }

    .bg-blue1 .c-logo:before {
        top: 28px;
        opacity: 1;
    }

    .img1 {
        max-width: 100%;
        margin-top: -100px;
    }

    .img1 img {
        max-width: 286px;
        z-index: 9;
        position: absolute;
        bottom: -12px;
        left: -195px;
    }

    .img2 {
        max-width: 100%;
        float: right;
    }

    .carnewimg {
        max-width: 100%;
        display: block;
    }

    .img1 {
        max-width: 100%;
        margin-top: -40px;
        margin-left: 0px;
    }

    .text-desk {
        display: flex;
        align-items: center;
    }

/*.bg-home:after {
            background-image: url(../images/shape61.GIF);
            background-repeat: no-repeat;
            background-position: bottom left;
            padding-bottom: 80px;
            background-size: 28%;
            content: '';
            position: absolute;
            height: 550px;
            width: 100%;
            left: 0%;
            BOTTOM: 0;
            opacity: 1;
            z-index: -1;
     }*/

    .img-ic {
        display: inline-table;
        width: 22px;
        margin: auto;
    }

    .bg-home .ccline {
        opacity: 0.3;
    }

    .bg-home .ccline > div {
        position: absolute;
    }

    .bg-home .ccline .ccline1 {
        top: -60px;
        left: -565px;
        transform: rotate(0deg);
    }

    .bg-home .ccline .ccline1 img {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-animation: ant01 10s infinite linear;
        animation: ant01 10s infinite linear;
    }

    .bg-home .ccline .ccline02 {
        top: -820px;
        right: -435px;
    }

    .bg-home .ccline .ccline02 img {
        -webkit-animation: ant02 10s linear infinite;
        animation: ant02 10s linear infinite;
    }

    .bg-home .ccline .ccline03 {
        top: 160px;
        right: -345px;
    }

    .bg-home .ccline .ccline03 img {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-animation: ant03 10s linear infinite;
        animation: ant03 10s linear infinite;
    }

    .bg-home .ccline img {
        display: block;
    }

    .wavy {
        position: relative;
        /*-webkit-box-reflect: below -12px linear-gradient(transparent, rgba(0, 0, 0, 0.2));*/
    }

    .wavy span {
        position: relative;
        display: inline-block;
        color: #fff;
        font-size: .8em;
        text-transform: uppercase;
        animation: bounce 2s infinite;
        /* animation: animate 3.5s ease-in-out;
    animation-delay: calc(.1s * var(--i));*/
    }

    .wavy:hover {
        transform: scale(1.1);
        transition: 2s;
    }

    .night-rider {
        background-color: transparent;
    }

    .bg-gray-color {
        background-color: #f7f7f7;
    }
 
    .vehicle-section-divider {
        /*border-bottom: 1px solid #888888;*/
        padding: 8px 0;
        overflow: hidden;
        width: 266px;
        margin: auto;
        position: relative;
        margin-top: -15px;
        margin-left: 34%;
    }

    .mob-sec-logo {
        display: none;
    }


    .vehicle-section-divider .section-divider-content {
        position: relative;
    }

    .vehicle-section-divider .section-divider-content:before {
        /*      border-top: dashed #888888;*/
        width: 100%;
        content: "";
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 15px;
        z-index: 0;
    }

    .vehicle-section-divider .section-divider-content .vehicle-border {
        -webkit-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
        -webkit-animation: s3-rotate 7s infinite linear;
        animation: s3-rotate 7s infinite linear;
        display: block;
    }

    .vehicle-section-divider .section-divider-content.ambulance img {
        position: relative;
        top: -15px;
    }
.paymrnt-sec .form-control {
    font-size: 14px !important;
    color: #666666;
}
.icon-wrap area {
    cursor: pointer;
}
@-webkit-keyframes s3-rotate {
    0% {
        -webkit-transform: translateX(-5%);
    }

    100% {
        -webkit-transform: translateX(105%);
    }
}

.vehicle-multi-border {
    position: relative;
}

    .vehicle-multi-border:before {
        content: "";
        position: absolute;
        left: 0px;
        right: 0px;
        height: 12px;
        background-size: 30px;
    }

    .vehicle-multi-border.yellow-black:before {
        background-image: -webkit-linear-gradient(0deg, #ffcc00 15px, #333 0);
    }

    .vehicle-multi-border.top-less-12:before {
        top: -12px;
    }

    .vehicle-multi-border.blue-white:before {
        background-image: -webkit-linear-gradient(0deg, #2e93e4 15px, #fff 0);
    }

@keyframes animate {
    0%, 100% {
        transform: translateY(0px);
    }

    20% {
        transform: translateY(-20px);
    }

    40% {
        transform: translateY(0px);
    }
}

@-webkit-keyframes ant01 {
    0% {
        -webkit-transform: skew(-20deg) translate(0, 30%) rotate(0);
        transform: skew(-20deg) translate(0, 30%) rotate(0);
        opacity: 0;
    }

    20% {
        opacity: 1;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: skew(60deg) translate(-20%, 0%) rotate(45deg);
        transform: skew(60deg) translate(-20%, 0%) rotate(45deg);
    }
}

@keyframes ant01 {
    0% {
        -webkit-transform: skew(-20deg) translate(0, 30%) rotate(0);
        transform: skew(-20deg) translate(0, 30%) rotate(0);
        opacity: 0;
    }

    20% {
        opacity: 1;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: skew(60deg) translate(-20%, 0%) rotate(45deg);
        transform: skew(60deg) translate(-20%, 0%) rotate(45deg);
    }
}

@-webkit-keyframes ant02 {
    0% {
        -webkit-transform: translate(80%, 30%) skew(50deg) rotate(0deg);
        transform: translate(80%, 30%) skew(50deg) rotate(0deg);
        opacity: 0;
    }

    20% {
        opacity: 1;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate(0%, 0%) skew(0deg) rotate(30deg);
        transform: translate(0%, 0%) skew(0deg) rotate(30deg);
    }
}

@keyframes ant02 {
    0% {
        -webkit-transform: translate(80%, 30%) skew(50deg) rotate(0deg);
        transform: translate(80%, 30%) skew(50deg) rotate(0deg);
        opacity: 0;
    }

    20% {
        opacity: 1;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate(0%, 0%) skew(0deg) rotate(30deg);
        transform: translate(0%, 0%) skew(0deg) rotate(30deg);
    }
}

@-webkit-keyframes ant03 {
    0% {
        -webkit-transform: translate(-30%, 50%) rotate(0deg);
        transform: translate(-30%, 50%) rotate(0deg);
        opacity: 0;
    }

    20% {
        opacity: 1;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate(35%, -40%);
        transform: translate(35%, -40%);
    }
}

@keyframes ant03 {
    0% {
        -webkit-transform: translate(-30%, 50%) rotate(0deg);
        transform: translate(-30%, 50%) rotate(0deg);
        opacity: 0;
    }

    20% {
        opacity: 1;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: translate(35%, -40%);
        transform: translate(35%, -40%);
    }
}
/*.pxp-hero-right-bg-card {
    background-color: #002745;
    position: absolute;
    right: 0;
    border-radius: 200px;
    width: 50%;
    height: 150%;
    bottom: 200px;
    transform: rotate(32deg);
    transform-origin: bottom left;
}*/

    .social {
        position: fixed;
        top: 20%;
        z-index: 9999;
        width: 0;
    }

    .social ul {
        padding: 0px;
        transform: translate(-245px,0);
    }

    .social ul li {
        display: block;
        margin: 5px;
        background: rgb(0 0 0 / 0%);
        width: 300px;
        text-align: right;
        padding: 10px;
        border-radius: 0 30px 30px 0;
        transition: all 1.5s;
        border: 2px solid #0e1d3f;
        cursor: pointer;
    }

    .social ul li a {
        color: #0e1d3f;
    }

    .social ul li:hover {
        transform: translate(185px,0);
        background: rgb(0 0 0 / 0%);
        border: 1px solid #0e1d3f;
        transition: all 1.5s;
    }

    .social ul li:hover a {
        color: #0e1d3f;
    }

    .social ul li:hover i {
        color: #283e8a;
        background: white;
        transform: rotate(360deg);
        transition: all 1.5s;
    }

    .social ul li i {
        margin-left: 10px;
        color: #0e1d3f;
        background: #ffffff;
        padding: 10px;
        border-radius: 50%;
        width: 40px;
        height: 40px;
        transform: rotate(245deg);
        text-align: center;
        font-size: 20px;
        animation: pulse 2s infinite;
    }

    .social-media {
        position: fixed;
        top: 20%;
        right: 0%;
        z-index: 9999;
    } 

    .social-media ul {
        list-style-type: none;
        padding: 0;
        transform: translate(130px);
    }

    .social-media ul li {
        display: block;
        margin: 5px;
        background-color: rgba(0, 0, 0, 0.5);
        width: 170px;
        text-align: left;
        padding: 5px;
        border-radius: 30px 0 0 30px;
        transition: all 1s;
    }

    .social-media ul li:hover {
        transform: translate(-110px);
    }

    .social-media ul li.twitter:hover {
        background-color: #55acee;
    }

    .social-media ul li.facebook:hover {
        background-color: #3b5999;
    }

    .social-media ul li.linkedin:hover {
        background-color: #007BB6;
    }

    .social-media ul li.instagram:hover {
        background: linear-gradient(45deg, #405de6,#5851db, #833ab4, #c13584, #e1306c, #fd1d1d);
    }

    .social-media ul li.ios:hover {
        background: linear-gradient(45deg, #5fc9f8,#fecb2e, #fd9426, #fc3158, #147efb, #53d769);
    }

    .social-media ul li.android:hover {
        background: linear-gradient(120deg,#a4c639, #000000);
    }

    .social-media ul li.feedback:hover {
        background: linear-gradient(120deg,#2bb24c, #FFFFFF);
    }

    .social-media ul li a {
        color: white;
        text-decoration: none;
        font-size: 16px;
    }

    .social-media ul li i {
        text-align: center;
        margin-right: 10px;
        color: black;
        background-color: white;
        padding: 10px;
        border-radius: 50%;
        width: 35px;
        height: 35px;
        font-size: 15px;
        transform: rotate(0deg);
    }

    .social-media ul li:hover i {
        transform: rotate(360deg);
        transition: all 1s;
    }

    .login-btn {
        color: #333;
        padding: 20px 15px;
        text-transform: capitalize;
    }

    .login-btn:hover {
        color: #fff;
    }

    .login-btn i {
        transform: rotate(106deg);
    }

    .secondary-list {
        display: flex;
        align-items: center;
        justify-content: space-between;
        list-style: none;
        position: absolute;
        right: 100px;
    }



    .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show > .nav-link {
        color: #0e1d3f;
    }

    .navbar-light .navbar-nav .nav-link:after {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        width: 0%;
        content: '.';
        color: transparent;
        background: #d5820c;
        height: 3px;
        transition: all .5s;
    }

    .navbar-light .navbar-nav .nav-link:hover:after {
        width: 50%;
    }

    .navbar-light .navbar-nav .nav-link {
        color: #3c4250;
        text-decoration: none;
        display: inline-block;
        padding: 0.5rem .7rem;
        position: relative;
    }


    .form-group {
        margin-bottom: 18px;
    }

    .tab-regular {
        max-width: 100%;
        width: 100%;
        border-radius: 0.3rem;
        position: relative;
        z-index: 9999;
    }

    .close-btn{
        content:'';
        position:absolute
    }
    .closebtn {
        position: absolute;
        right: 10px;
        padding: 2px;
        color: #d8820c;
        text-align: center;
        font-weight: bold;
        z-index: 99;
        top: 1px;
    }

    .closebtn:hover {
        color: #0e1d3f;
    }


    .tab-regular .nav.nav-tabs {
        border-bottom: none;
        margin-bottom: 0px;
    }

    .date-pick {
        background: url(../images/datepickup.png) no-repeat 97% #ffffff;
    }

    .time-pick {
        background: url(../images/timepick.png) no-repeat 97% #ffffff;
    }

    .tab-regular li.nav-item {
        width: auto;
        text-align: center;
        display: inline-block;
    }

    #myTab {
        width: 100%;
        display: block;
        background: rgb(219 210 210 / 88%);
        text-align: center;
        padding: 12px 0px;
        box-shadow: none;
        border-radius: 15px 15px 0px 0px;
    }

    .tab-regular .nav.nav-tabs .nav-link {
        display: block;
        color: #333;
        background-color: rgb(255 255 255);
        margin-right: 5px;
        width: 100%;
        border: none;
        font-weight: 500;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        padding: 2px 10px;
        border-radius: 0px;
        font-size: 14px;
        font-family: 'Montserrat', sans-serif;
    }

    .tab-regular .nav.nav-tabs .nav-link:hover {
        color: #d8820c;
    }

    .tab-regular .nav-tabs .nav-link.active:hover {
        color: #fff;
    }

    .tab-regular .nav-tabs .nav-link.active {
    /*    color: #fff;
        font-weight: 400;
        background: #d8820c;
        padding: 0px 18px;
        border-radius: 45px;
        border: 1px solid rgb(175 105 10 / 70%);*/
    }

    .tab-regular .tab-content {
        background-color: rgb(219 210 210 / 88%);
        padding: 0px 100px;
        border: none;
        border-radius: 0px 0px 15px 15px;
        border-top-left-radius: 0px;
        box-shadow: rgb(60 64 67 / 4%) 0px 1px 2px 0px, rgb(60 64 67 / 8%) 0px 1px 3px 1px;
    }

    .tab-regular .pickupaddress-sec, .tab-regular #UpdatePanel24, .tab-regular #UpdatePanel25, .tab-regular .dropaddress-sec {
        position: relative;
    }

    .tab-regular .dropaddress-sec:before {
        content: '';
        position: absolute;
        background-image: url(../images/all-icons.png) !important;
        height: 30px;
        width: 28px;
        background: -725px -57px;
        top: 4px;
        left: 3px;
    }

    .tab-regular .pickupaddress-sec:before {
        content: '';
        position: absolute;
        background-image: url(../images/all-icons.png) !important;
        height: 30px;
        width: 28px;
        background: -727px -57px;
        top: 4px;
        left: 3px;
        z-index: 999;
    }

    .tab-regular #UpdatePanel19:after, .tab-regular #UpdatePanel1:after, .tab-regular #UpdatePanel5:after {
        content: '';
        position: absolute;
        background-image: url(../images/all-icons.png) !important;
        height: 30px;
        width: 28px;
        background: -725px -60px;
        top: 4px;
        right: 8px;
    }

    .tab-regular .form-select:before {
        content: '';
        position: absolute;
        background-image: url(../images/all-icons.png) !important;
        height: 30px;
        width: 28px;
        background: -725px -57px;
        top: 4px;
        left: 3px;
    }

    .tab-regular #UpdatePanel2:after, .tab-regular #UpdatePanel20:after, .tab-regular #UpdatePanel6:after {
        content: '';
        position: absolute;
        background-image: url(../images/all-icons.png) !important;
        height: 30px;
        width: 28px;
        background: -693px -60px;
        top: 4px;
        right: 8px;
    }

    .tab-regular #UpdatePanel3:after, .tab-regular #UpdatePanel10:after, .tab-regular #UpdatePanel9:after, .tab-regular #UpdatePanel7:after {
        content: '';
        position: absolute;
        background-image: url(../images/all-icons.png) !important;
        height: 30px;
        width: 28px;
        background: -757px -58px;
        top: 4px;
        right: 8px;
    }

    .tab-regular #UpdatePanel4:after, .tab-regular #UpdatePanel22:after, .tab-regular #UpdatePanel8:after {
        content: '';
        position: absolute;
        background-image: url(../images/all-icons.png) !important;
        height: 30px;
        width: 28px;
        background: -748px -27px;
        top: 4px;
        right: 8px;
    }

    .tab-regular #UpdatePanel2, .tab-regular #UpdatePanel3, .tab-regular #UpdatePanel20, .tab-regular #UpdatePanel6, .tab-regular #UpdatePanel10, .tab-regular #UpdatePanel9, .tab-regular #UpdatePanel19, .tab-regular #UpdatePanel1, .tab-regular #UpdatePanel5, .tab-regular #UpdatePanel6, .tab-regular #UpdatePanel7, .tab-regular #UpdatePanel4, .tab-regular #UpdatePanel22, .tab-regular #UpdatePanel8 {
        position: relative;
    }

    .pickupaddress-sec input, .dropaddress-sec textarea, .pickupaddress-sec textarea, .dropaddress-sec input {
        padding-left: 37px;
    }

    .tab-pane {
        color: #000;
    }

    .btn.btn-blue {
        background: #0e1d3f;
        border-color: #0e1d3f;
        color: #fff;
        text-decoration: none;
    }

    .btn.btn-white {
        background: #ffffff;
        border-color: #0e1d3f;
        color: #0e1d3f;
        text-decoration: none;
    }

    .btn-sub {
        width: 100%;
    }

    .btn.btn-rounded {
        border-radius: 50px;
    }

    .btn.btn-medium {
        font-size: 16px;
        padding: 5px 48px;
        line-height: 1.8em;
        background: #2a3e4e;
        border-color: #2a3e4e;
        color: #fff;
        text-decoration: none;
        width: 50%;
        /* font-family: 'Raleway', sans-serif; */
        font-weight: 400;
    }

    .btn.btn-medium:hover {
        background: #fff !important;
        color: #0e1d3f !important;
        border: 1px solid #0e1d3f !important;
    }

    .btn.btn-medium1 {
        font-size: 16px;
        padding: 6px 9px;
        line-height: 22px;
        border: 1px solid #817e7e;
        color: #817e7e;
    }

    .rounded-pill {
        border-radius: 4px !important;
    }

    .btn.btn-blue:hover {
        background: #ffffff !important;
        border-color: #0e1d3f;
        color: #0e1d3f !important;
    }

    .btn.btn-white:hover {
        background: #0b5ed7;
        color: #ffffff;
        border: 1px solid #0b5ed7;
        transition: 0.8s;
    }

    .list-li.hide_01 li {
        font-size: 1rem;
        line-height: 2rem;
        color: #000;
        box-shadow: rgb(0 0 0 / 16%) 0px 1px 4px;
        margin-bottom: 17px;
        padding: 3px 15px;
    }

    .counter-box {
        display: block;
        background: #fff;
        padding: 40px 20px 37px;
        text-align: center;
        box-shadow: 0px 0px 20px 7px rgb(40 62 138 / 10%);
        transition: background 0.3s, border 0.6s, border-radius 0.6s, box-shadow 0.6s;
        transition: transform 2s;
        border-radius: 10px;
        cursor: pointer;
        margin: 10px 0 0;
    }


    .counter-box:hover {
        box-shadow: 0px 0px 12px 2px rgb(40 62 138 / 30%);
        transform: scale(1.1,1.1);
    }

    .counter-box img {
        width: 50px;
        height: 50px;
    }

    .counter-box p {
        margin: 10px 0 0;
        padding: 0;
        color: #ddd !important;
        font-size: 18px;
        font-weight: 400;
    }

    .counter-box i {
        font-size: 60px;
        margin: 0 0 15px;
        color: #d2d2d2
    }

    .counter {
        display: inline-block;
        font-size: 3rem;
        font-weight: 800;
        padding: 15px 0px 0px;
        line-height: 2.75rem;
    }

    .counter-box.colored {
        background: #fff
    }

    .counter-box.colored p,
    .counter-box.colored i,
    .counter-box.colored .counter {
        color: #d8820c;
    }

    .start-c {
        position: relative;
        font-size: 3rem;
        font-weight: 400;
        color: #ddd;
        padding: 3px 0px 0px;
        line-height: 2.75rem;
    }

/*================================================
06 - BTN TOP CSS 
==================================================*/

    .btntoTop:before {
        color: #283e8a;
        content: "\f0a6";
        display: inline-block;
        font-family: 'Font Awesome 5 Pro';
        vertical-align: middle;
    }

    .btntoTop {
        background-color: #ffffff;
        border: 2px solid #283e8a;
        border-radius: 100px;
        bottom: 30px;
        cursor: pointer;
        height: 50px;
        line-height: 47px;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        position: fixed;
        right: 20px;
        text-align: center;
        -webkit-transition: opacity 0.4s ease 0s;
        transition: opacity 0.4s ease 0s;
        width: 50px;
        z-index: 99999;
        animation: bounce 2s infinite;
    }
    .btntoTop.active {
        opacity: 1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        -webkit-transition: all 0.4s ease 0s;
        transition: all 0.4s ease 0s
    }

    .btntoTop.active:hover {
        background: #FF9600 none repeat scroll 0 0;
        border: 2px solid #FF9600;
        opacity: 0.8;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    }

    .btntoTop.active.btntoTop:hover:before {
        color: #fff;
    }

section.py-5.d-none.d-lg-block.bg-white {
    margin-bottom: -145px;
}
/* about section */
.about {
    padding-top: 185px;
    padding-bottom: 50px;
    font-size: 14px;
    color: #716d6e;
    line-height: 28px;
    margin-bottom: -130px;

}

    .main-sec {
        padding-top: 50px;
        padding-bottom: 50px;
        background: #ffffff !important;
    }

    .about-head1 {
        padding: 130px 0;
        background-image: url(../images/images2.png);
        background-size: cover;
        text-align: center;
        background-position: center;
        position: relative;
    }

    .holding-head {
        padding: 130px 0;
        background-image: url('../images/office-page.jpg');
        background-size: cover;
        text-align: center;
        background-position: center;
        position: relative;
    }

    .team1-head {
        padding: 130px 0;
        background-image: url('../images/bala_Sir-4.png');
        background-size: cover;
        text-align: center;
        background-position: center;
        position: relative;
    }

    .team2-head {
        padding: 130px 0;
        background-image: url('../images/mahesh_Sir.png');
        background-size: cover;
        text-align: center;
        background-position: center;
        position: relative;
    }

    .team3-head {
        padding: 130px 0;
        background-image: url('../images/SanjaySir-Profile-1.png');
        background-size: cover;
        text-align: center;
        background-position: center;
        position: relative;
    }

    .team4-head {
        padding: 130px 0;
        background-image: url('../images/AjitJhon-1.png');
        background-size: cover;
        text-align: center;
        background-position: center;
        position: relative;
    }

    .team5-head {
        padding: 130px 0;
        background-image: url('../images/Rajesh_Sir.png');
        background-size: cover;
        text-align: center;
        background-position: center;
        position: relative;
    }

    .team6-head {
        padding: 130px 0;
        background-image: url('../images/Arnold_Sir.png');
        background-size: cover;
        text-align: center;
        background-position: center;
        position: relative;
    }

    .about-head:before {
        content: "";
        position: absolute;
        background: rgb(0 0 0 / 70%);
        left: 0;
        top: 0;
        bottom: 0;
        right: 0;
    }

    .about-head .heading h2 {
        color: #fff;
        font-size: 50px;
        text-align: center;
        position: relative;
    }

    .about-head .heading p {
        color: #fff;
        position: relative;
    }

    .about-head li {
        display: inline-block;
        list-style: none;
        position: relative;
    }

    .about-head li a {
        color: #fff;
        text-decoration: none;
    }

    .read-more {
        color: #0E76BB;
        background: transparent;
        border-width: 2px;
        border-style: solid;
        border-color: transparent;
        position: relative;
        display: inline-block;
        padding: 5px 5px;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 1px;
    }

/* About section end */

/* Services section start */
    .section-services {
        padding-top: 180px;
        padding-bottom: 50px;
        background-color: #ffffff;
    }

    .header-section {
        margin-bottom: 30px;
    }

    .header-section .title {
        position: relative;
        margin-bottom: 0px;
        padding-bottom: 25px;
        text-transform: capitalize;
        color: #d5820d;
        font-family: Georgia,Times New Roman,serif;
        font-weight: 500;
        font-size: 3.25rem;
        line-height: 3.75rem;
    }

    .header-section .title:before {
        content: "";
        position: absolute;
        bottom: 17px;
        left: 50%;
        transform: translateX(-50%);
        width: 100px;
        height: 1px;
        background-color: rgb(85 85 85 / 30%);
    }

    .header-section .title:after {
        content: "";
        position: absolute;
        bottom: 15px;
        left: 50%;
        transform: translateX(-50%) rotate(45deg);
        width: 5px;
        height: 5px;
        background-color: #d5820c;
    }

    .header-section .title span {
        color: #174c64;
    }

    .header-section .description {
        color: #6f6f71;
    }

    .section-services .single-service {
        padding:20px;
        margin-top: 0px;
        background-color: #ffffff;
        box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
    }

    .section-services .single-service .part-1 {
        padding: 20px 30px 10px;
    }
    .p1-2 {
        position: relative;
    }
    .section-services .single-service .part-1 .title {
        position: relative;
        text-transform: uppercase;
        font-weight: 700;
        color: #d5820d;
        font-size: 1rem;
        text-align: center;
    }

    .section-services .single-service .part-1 .title span {
        color: #0e1d3f;
    }

    .section-services .single-service .part-1 .title:before {
        content: "";
        position: absolute;
        bottom: -5px;
        left: 50%;
        transform: translateX(-50%);
        width: 100px;
        height: 1px;
        background-color: rgb(100 89 89 / 47%);
    }

    .section-services .single-service .part-1 .title:after {
        content: "";
        position: absolute;
        bottom: -7px;
        left: 50%;
        transform: translate(-50%) rotate(45deg);
        width: 5px;
        height: 5px;
        background-color: #060606;
    }

    .section-services .single-service .part-2 {
        padding: 0px 0px 0px;
    }
    .section-services .single-service .part-2 .description1 {
        margin-bottom: 22px;
        font-size: 14px;
        line-height: 28px;
        color: #716d6e;
        padding-top: 13px;
    }
    .service-icon {
        overflow: hidden;
        border-radius: 5px;
        background: #FFF;
        cursor: pointer;
    }

    .service-icon img {
        transition: transform 2s;
        margin: 0 auto;
        width: 100%;
        height:310px;
    }

    .service-icon img:hover {
        transform: scale(1.2,1.2);
        opacity: 0.8;
    }


/* Services section end */

/*=====  holding css start ======*/

    .holding-section {
        position: relative;
        padding: 50px 0;
        background: #ffffff none repeat scroll 0 0;
        font-size: 14px;
        line-height: 28px;
        letter-spacing: 0px;
        color: #444444;
    }

    .holding-section .text-lefted {
        display: flex;
        align-items: center;
        align-content: center;
        justify-content: flex-start;
        height: 100%;
        flex-wrap: wrap;
    }

    .holding-section .text-lefted h2 {
        font-size: 40px;
        color: #0E76BB;
        letter-spacing: 1px;
        margin-bottom: 15px;
        -webkit-transition: all 0.4s ease 0s;
        transition: all 0.4s ease 0s;
        display: inline-block;
        text-transform: capitalize;
        font-family: 'Open Sans', sans-serif;
        font-weight: 600;
    }

    .holding-section .inner-text {
        padding: 20px 5px;
        text-align: justify;
    }

    .read-more {
        color: #0E76BB;
        background: transparent;
        border-width: 2px;
        border-style: solid;
        border-color: transparent;
        position: relative;
        display: inline-block;
        padding: 5px 5px;
        -webkit-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 1px;
    }
/*=====  holding css end ======*/

.team-section {
    padding-top: 180px;
    padding-bottom: 0px;
    background-color: #ffffff;
    margin-top: 100px;
    position: relative;
}
    .team-section:before {
        content: '';
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100px;
        background: #022e43;
    }

    .mission {
        padding-top: 50px;
        padding-bottom: 50px;
        background-color: #ffffff;
    }

    .network {
        padding-top: 50px;
        padding-bottom: 50px;
        background-color: #ffffff;
    }

    .entry-header {
        margin-top: 20px;
    }

    .carclub-client-area {
        position: relative;
        padding-top: 50px;
        padding-bottom: 50px;
        background: #ffffff !important;
    }

    .client-slider {
        position: relative;
    }

    .owl-next {
        position: absolute;
        right: -25px;
        font-size: 25px !important;
        top: 40%;
        background: transparent !important;
        color: #fff !important;
        background: #05314e !important;
        padding: 5px !important;
    }

    .owl-prev {
        position: absolute;
        left: -25px;
        font-size: 25px !important;
        top: 40%;
        background: transparent !important;
        color: #fff !important;
        background: #05314e !important;
        padding: 5px !important;
    }

    .client-image1 {
        width: 90% !important;
        height: 100% !important;
        float: left;
        padding: 25px 0;
    }

    .client-image1 img {
        width: 100% !important;
        height: 100% !important;
    }


    .leadership .leader {
        width: 100%;
        box-shadow: 0 3px 20px rgba(0, 0, 0, 0.2);
        margin-bottom: 25px;
    }


    .leadership .leader:hover {
        cursor: pointer;
    }

    .leadership .leader:hover .leader__bio {
        background-color: #b33771;
    }

    .leadership .leader:hover .leader__img img {
        transform: scale(110%);
        filter: saturate(100%);
    }

    .leadership .leader:hover .leader__name {
        color: #3b3b98;
    }

    .leadership .leader__header {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 80px;
        background: #3b3b98;
        color: #fff;
        display: none;
    }

    .leadership .leader__exp {
        display: flex;
        align-items: center;
        font-size: 1rem;
        padding: 1rem 2rem;
    }

    .leadership .leader__exp .years {
        font-size: 5rem;
        margin-right: 8px;
        font-weight: 700;
    }

    .leadership .leader__bio {
        padding: 1.5rem 2rem;
        font-size: 2.5rem;
        text-decoration: none;
        color: #fff;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
        background: #182c61;
        transition: 0.2s all ease-in-out;
    }

    .leadership .leader__img {
        overflow: hidden;
        width: 100%;
        position: relative;
    }

    .leadership .leader__img img {
        text-align: center;
        width: 100%;
        filter: saturate(0%);
        transform: scale(100%);
        transition: 0.2s all ease-in-out;
    }

    .leadership .leader__name {
        text-align: center;
        padding: 1.5rem;
        font-size: 1.2rem;
        background: #fff;
        display: flex;
        flex-direction: column;
        justify-content: center;
        transition: 0.2s all ease-in-out;
        color: #000000;
    }

    .leadership .leader__name h2 {
        font-size: 1.5rem;
    }

    .clrcng {
        color: #fff;
        background-color: #06314e;
        border-color: #06314e;
    }

    .icon-text {
        font-size: 20px;
        font-weight: 600;
    }

    .calender-close {
        display: none;
    }

    .animation-slogan-sec {
        position: relative;
        margin-top: 150px;
    }

    .animation-slogan-sec:before {
        background-image: url(../images/shape61.GIF);
        background-repeat: no-repeat;
        background-position: bottom left;
        padding-bottom: 80px;
        background-size: 41%;
        content: '';
        position: absolute;
        height: 632px;
        width: 100%;
        left: -20%;
        BOTTOM: 0;
        opacity: 1;
        z-index: -1;
    }

    .animation-slogan-sec:after {
        background-image: url(../images/sm1.png);
        background-repeat: no-repeat;
        background-position: bottom left;
        padding-bottom: 80px;
        background-size: 100%;
        content: '';
        position: absolute;
        height: 130px;
        width: 327px;
        right: 0;
        BOTTOM: 0;
        opacity: 1;
        z-index: 9;
    }

    #Panel1 .col-lg-3 .bg-white.shadow-sm.p-4 {
        height: 100vh;
    }

    .c-images img {
        max-width: 100%;
    }

    .c-images {
        text-align: center;
    }

    section.py-5.mb-1 {
        padding-bottom: 5px !important;
        padding-top: 5px !important;
    }

    .line-h p {
        line-height: 25px;
        margin-bottom: -1px;
    }

    .tooltip-price h3 {
        color: #d8820c;
        font-weight: 600;
    }

    .progress__step.conplete-sec-progress {
        background: #06314e;
        color: #fff;
    }

    .progress__step.conplete-sec-progress .progress__badge {
        border: 2px solid #fff !important;
    }

    .c-logod {
        position: relative;
    }

    .c-logod:before {
        position: absolute;
        background-image: url(../images/c-logo.png);
        background-repeat: no-repeat;
        background-position: bottom left;
        background-size: 100%;
        content: '';
        height:52px;
        width: 250px;
        left: 0%;
        top: -23px;
        opacity: 1;
    }
    .clrcng:hover {
        color: #fff;
        background-color: #de802c;
        border-color: #de802c
    }
    .bg-blue {
        background: none;
        padding: 55px 0px;
        width: 100%;
        background: none;
        padding: 55px 0px;
        position: absolute;
        z-index: 999;
    }

    .menu-primery li, .menu-secondary li {
        list-style: none;
        display: inline-block;
        color: #fff;
    }

    .menu-primery, .menu-secondary {
        text-align: right;
        margin-bottom: 0px;
    }

    ul.menu-primery li a.nav-link {
        padding: 0px;
    }

    ul.menu-primery li a.nav-link:hover, ul.menu-secondary li a.nav-link:hover {
        color: #fff;
    }

    .menu-primery .nav-link:after, .menu-secondary .nav-link:after {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        width: 0%;
        content: '.';
        color: transparent;
        background: #d5820c;
        height: 3px;
        transition: all .5s;
    }

    .menu-primery .nav-link:hover:after, .menu-secondary .nav-link:hover:after {
        width: 20%;
    }

    .nav-item.phn .nav-link {
        color: #fff;
        margin-right: 25px;
        font-weight: 500;
        font-size: 1rem;
        font-family: 'Inter', sans-serif;
    }

    .nav-item.logn .nav-link {
        font-weight: 500;
        font-size: 1rem;
        letter-spacing: 0.4px;
        margin-right: 17px;
    }

    .c-logo {
        position: relative;
    }

    p.location {
        border-bottom: 1px solid #f7f7f7;
    }

    .progress__step.activepage {
        background: #ddd !important;
        color: #333333 !important;
    }

    .clrprice {
        color: #d8820c !important;
    }

    li.nav-item.phn.menu-mob {
        display: none;
    }

    .offer-tabs .nav-link {
        color: #333;
        font-weight: 400;
        font-size: 15px;
    }

    a#dropdownMenuLink {
        color: #000;
        font-weight: 600;
        font-size: 16px;
    }

    .menu-secondary li .nav-link {
        position: relative;
        display: block;
        font-size: 16px;
        text-decoration: none;
        transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
        font-weight: 500;
        letter-spacing: 0.4px;
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        line-height: normal;
        color: #fff;
        text-shadow: 0.1rem 0.1rem 0.5rem rgb(0 0 0 / 30%);
        margin: 0;
    }

    .form-control:disabled, .form-control[readonly] {
        background-color: #ffffff;
        opacity: 1;
    }

    #network .icon-wrap img {
        margin-top: 0px;
}

    .nav-link:focus, .nav-link:hover {
        color: #ddd;
    }

    a:hover {
        color: #ddd;
    }

    #lblRentalADD, #lblRentalAddress {
        overflow-wrap: break-word;
    }

    .main-sec-body {
        height: 100vh;
    }

    .mob-view-header {
        display: none;
    }

    .layout-sec.showmenu1 {
        display: block;
    }

    .mobview {
        display: none;
    }

    .dview-about {
        display: inline-block !important;
    }

    .mview-about {
        display: none !important;
    }

    .network-inner {
        background: none;
    }

    .network {
        background-color: #fff;
    }

    a.navbar-brand.c-logod.ind-logo:before {
        top: 2px;
    }

    .cc-card:after {
        position: absolute;
        content: '';
        background-image: url(../images/atm-icon.png) !important;
        height: 21px;
        width: 100px;
        background: -505px -27px;
        z-index: 99999999999;
        top: 2px;
        background-size: 101%;
        right: 21px;
    }

    .carclub-loadertext {
        color: #fff;
        font-size: 16px;
        position: absolute;
        top: 36%;
        left: 21%;
    }

ul.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front {
    z-index: 99999999999 !important;
    width: 465px !important;
    background: #f9f9f9 !important;
    border: 1px solid #e7e7e7 !important;
    height: 300px;
    overflow-x: auto;
    font-size: 12px;
}
.ui-menu-item-wrapper {
    line-height: 24px !important;
}

ul.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front li.ui-menu-item .ui-menu-item-wrapper {
    padding-left: 16px;
    line-height: 35px;
    border-bottom: 1px solid #e0e0e0;
}

    .nav-item.fdb {
        display: none;
    }

    .number-color {
        color: #d8820c;
    }

    .carimages-section .img-fluid {
        width: 82%;
        margin: auto;
        display: block;
    }

    .notes-text p {
        margin-bottom: 0px;
    }

    .notes-text {
        margin-bottom: 25px;
    }

    .pickupaddress-sec input, .dropaddress-sec input {
        background: #f0f1f5;
        border: 1px solid #e6e8f1;
    }

    .form-control:focus {
        color: #212529;
        background-color: #fff;
        border-color: #d4d7db;
        outline: 0;
        box-shadow: none;
    }

    .pickupaddress-sec input::placeholder, .dropaddress-sec input::placeholder, .form-group input::placeholder {
        font-size: 14px !important;
        color: #444444 !important;
        font-family: 'Montserrat', sans-serif !important;
        font-weight: 400;
    }

    #lbltotalAmt.tbold {
        font-weight: 600;
    }

    .form-select option {
       background:#ffffff;
       line-height:30px;
    }



    #DivETA {
        width: 100%;
        float: left;
    }

    .loader-car {
        border-top: 3px solid #d8820c;
        border-right: transparent;
        border-radius: 50%;
        animation: 1s loader-03 linear infinite;
        position: relative;
        width: 90px;
        height: 90px;
    }

    .phone-show {
        display: none;
    }

    .desktop-view {
        display: block;
    }

    .h100 {
        height: 100px;
    }

    a.navbar-brand.c-logod.ind-logo.modify:before {
        top: -5px;
    }

    .whtslg {
        display: inline-block;
    }

    .blkslg {
        display: none;
    }

    .img1 img.ist-img-gif {
        display: block;
    }

    .img1 img.sec-img-gif {
        display: none;
    }



    ul#myTab li:nth-child(3) {
        display: inline-block !important;
    }

    ul#myTab li {
        display: none !important;
    }
    ul#myTab li:nth-child(3) button {
        background: #db8b1f;
        color: #fff;
        border-radius:3px;
    }

    div#airport {
        opacity: 1;
    }


    .img-ic {
        display: inline-table;
        width: 22px;
        margin: auto;
    }

    .main-section-header .ccline {
        opacity: 0.7;
    }


    .main-section-header .ccline > div {
        position: absolute;
    }

    .main-section-header .ccline .ccline1 {
        top: -60px;
        left: -565px;
        transform: rotate(0deg);
    }

    .main-section-header .ccline .ccline1 img {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-animation: ant01 10s infinite linear;
        animation: ant01 10s infinite linear;
    }

    .main-section-header .ccline .ccline02 {
        top: -820px;
        right: -435px;
    }

    .main-section-header .ccline .ccline02 img {
        -webkit-animation: ant02 10s linear infinite;
        animation: ant02 10s linear infinite;
    }

    .main-section-header .ccline .ccline03 {
        top: 160px;
        right: -345px;
    }

    .main-section-header .ccline .ccline03 img {
        -webkit-transform-origin: right bottom;
        -ms-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-animation: ant03 10s linear infinite;
        animation: ant03 10s linear infinite;
    }

    .main-section-header .ccline img {
        display: block;
    }

    .wavy {
        position: relative;
        /*-webkit-box-reflect: below -12px linear-gradient(transparent, rgba(0, 0, 0, 0.2));*/
    }

    .wavy span {
        position: relative;
        display: inline-block;
        color: #fff;
        font-size: .8em;
        text-transform: uppercase;
        animation: bounce 2s infinite;
        /* animation: animate 3.5s ease-in-out;
    animation-delay: calc(.1s * var(--i));*/
    }

    .wavy:hover {
        transform: scale(1.1);
        transition: 2s;
    }







/* ===================================
    start-new design
====================================== */
/*.main-section-header:after {
    content: '';
    background-image: url(../images/sm1.png);
    position: absolute;
    bottom: -156px;
    right: 0px;
    height: 100px;
    width: 260px;
    background-size: 100%;
}*/
    .main-section-header {
        background-image: url(../images/backg.jpg);
        /* background-position: center center; */
        width: 100%;
        background-size: 100%;
        background-repeat: no-repeat;
        position: relative;
        margin: 0px;
        padding: 0px;
        height: 100%;
        background-attachment: fixed;
        overflow: hidden;
    }

    .inner-text-banner h2 {
        font-size: 41px;
        /* font-family: 'Drivecarclub', sans-serif; */
        font-style: normal;
        -webkit-font-smoothing: antialiased;
        font-weight: 600;
        line-height: normal;
        color: #fff;
        text-shadow: 0.1rem 0.1rem 0.5rem rgb(0 0 0 / 30%);
        margin: 0;
        transform: rotate(0deg) scale(1) skew(-13deg) translate(0);
        background: rgb(13 29 45 / 55%);
        width: fit-content;
        padding: 0px 25px;
        border-left: 7px solid #db8b1f;
        border-bottom: 7px solid #db8b1f;
        margin-left: 7px;
    }

    .inner-text-banner h2 span {
        color: #ffffff;
    }
    .inner-text-banner{
        width:100%;
    }
    .inner-text-banner p {
        font-size: 20px;
        color: #fff;
        text-shadow: 1px 0px 5px #423b3b;
        /*font-family: 'Drivecarclub', sans-serif;*/
        letter-spacing: 0.3px;
    }

    .text-banner {
        transition: background 0.3s,border 0.3s,border-radius 0.3s,box-shadow 0.3s;
        padding: 280px 0 200px 0;
        display: flex;
    }

    .menu-header {
        width: 100%;
        left: 0px;
        right: 0px;
        padding-top: 4px;
        z-index: 9999999;
        background: #0e1d3f;
    }

    .bg-home {
        margin-top: -230px;
        margin-bottom: 50px;
    }

    .tab-content .form-group .form-control, .tab-content .form-select {
        background: #f0f1f5;
    }

    .submit-btn {
        width: 32%;
        margin: auto;
    }

    .star {
        display: block;
        position: absolute;
        top: -0%;
        left: 70%;
        width: 60px;
        height: 60px;
        background: #666666;
        border-radius: 50%;
        overflow: hidden;
        z-index: 2;
        animation: glitter 6.5s linear 0s infinite normal;
        -webkit-animation: glitter 6.5s linear 0s infinite normal;
        -moz-animation: glitter 6.5s linear 0s infinite normal;
        -ms-animation: glitter 6.5s linear 0s infinite normal;
        -o-animation: glitter 6.5s linear 0s infinite normal;
    }

@-webkit-keyframes glitter {
    0% {
        -webkit-transform: scale(1.0);
        opacity: 1;
    }

    25% {
        -webkit-transform: scale(0.5);
        opacity: 0;
    }

    50% {
        -webkit-transform: scale(1.0);
        opacity: 1;
    }

    75% {
        -webkit-transform: scale(0.5);
        opacity: 0;
    }

    100% {
        -webkit-transform: scale(1.0);
        opacity: 1;
    }
}

@-moz-keyframes glitter {
    0% {
        -moz-transform: scale(1.0);
        opacity: 1;
    }

    25% {
        -moz-transform: scale(0.5);
        opacity: 0;
    }

    50% {
        -moz-transform: scale(1.0);
        opacity: 1;
    }

    75% {
        -moz-transform: scale(0.5);
        opacity: 0;
    }

    100% {
        -moz-transform: scale(1.0);
        opacity: 1;
    }
}

    .bubble-sec {
        position: absolute;
        left: 0px;
        width: 200px;
        height: 200px;
        bottom: -310px;
    }

    #star {
        margin-top: -65px;
        margin-left: -53px;
        background: #c57241;
        width: 120px;
        height: 120px;
    }

    #star2 {
        margin-left: -129px;
        background: #0e1d3f;
        height: 90px;
        width: 90px;
    }

    #star1 {
        margin-top: 51px;
    }

    .bg-white.shadow-sm.p-4 #UpdatePanel4:after {
        display: none;
    }

    .main-section-header:before {
    /*    background: linear-gradient(90deg,rgb(0 0 0 / 10%) 50vw,transparent calc(50vw + 1100px));*/
        position: absolute;
        top: 0px;
        content: '';
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1;
    }

    .inner-text-banner {
        z-index: 99999;
    }
    .pickup-add {
        font-family: 'Blinker', sans-serif;
        font-size: 16px;
        font-weight: 500;
        color: #444444;
    }
    .mobile-view {
        display: none;
    }
    p.pickup-add.tweightlight span {
        font-size: 16px;
        color: #333333;
        font-weight:600;
    }
    .line-h span.c-change {
        color: #d8820c !important;
    }
/* ===================================
    contact us css
====================================== */
    .contact-us-sec {
        padding-top: 40px;
        padding-bottom: 0px;
        background-color: #0e1d3d;
        background: linear-gradient(to bottom, #082e46 0%, #082e46 50%, #303131 100%);
    }

    .contact-us-sec .contact-details {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .contact-us-sec .contact-details .contact-sub-heading {
        color: #ffffff;
        font-weight: 600;
        margin-bottom: 20px;
    }

    .contact-us-sec .contact-details .contact-heading {
        color: #ffffff;
        font-size: 18px;
        font-weight: 400;
        margin-bottom: 20px;
    }

    .contact-us-sec .contact-details .contact-address {
        color: #f7f7f7;
        font-weight: 300;
        margin-bottom: 20px;
        font-size: 14px;
    }

    .contact-us-sec .contact-details .contact-list {
        padding-left: 0;
    }

    .contact-us-sec .contact-details .contact-list li, .contact-us-sec .contact-details .contact-list li a {
        font-weight: 300;
        list-style: none;
        color: #f7f7f7;
        cursor: pointer;
        font-size: 14px;
        line-height: 25px;
    }

    .contact-us-sec .contact-details .contact-list li:nth-child(even) {
        margin-bottom: 20px;
    }

    .contact-us-sec .contact-details .contact-list li:last-child {
        margin-bottom: 30px;
    }

    .contact-us-sec .contact-details .contact-s-media {
        padding-left: 0;
        margin-bottom: 0;
        right: auto;
        left: -10px;
    }

    .contact-us-sec .contact-details .contact-s-media li {
        list-style: none;
        margin-right: 18px;
        display: inline-block;
    }

    .contact-us-sec .contact-details .contact-s-media li:last-child {
        margin-right: 0;
    }

    .contact-us-sec .contact-details .contact-s-media li a {
        color: black;
    }

    .slider-social.contact-s-media span.s-icon a {
        color: #ddd;
    }

    .slider-social.contact-s-media span {
        margin-right: 9px;
    }

    .slider-social.contact-s-media {
        margin: auto;
        text-align: center;
    }

    .slider-social.contact-s-media span.s-icon {
        font-size: 30px;
        transition: .8s ease;
        color: #000;
        border: none;
        padding: 0px 6px;
        border-radius: 5px;
    }

    .slider-social.contact-s-media span img {
        background: #000;
        padding: 2px;
        border-radius: 3px;
        margin-bottom: 12px;
    }


    .slider-social.contact-s-media span.s-icon a:hover {
        color: #c1c1c1;
    }

    ul.slider-social.contact-s-media li {
        display: inline;
        margin-right: 14px;
    }

    ul.slider-social.contact-s-media {
        margin-bottom: 0px;
        margin-left: 0px;
        padding-left: 0px;
        padding-bottom: 45px;
        float: left;
    }

    .icon-ply-str {
        text-align: center;
        margin-left: 0;
        float: left;
        position: relative;
        padding-left: 0px;
        margin-top: 13px;
    }

    .icon-ply-str li {
        list-style: none;
        display: inline-block;
    }

    ul.slider-social.contact-s-media li a i:hover {
        background: #ddd;
        color: #111;
    }

    .contact-us-sec .contact-details .page-footer {
        left: calc(50% - 125px);
    }

    #map {
        height: 100%;
        width: 100%;
    }

    .slider-sec #map {
        height: 450px;
        width: 100%;
    }

    .contact-us-sec .contact-details .contact-s-media li a:hover i.fa-facebook-square {
        color: #3B579D;
    }

    .contact-us-sec .contact-details .contact-s-media li a:hover i.fa-twitter-square {
        color: #2CAAE1;
    }

    .contact-us-sec .contact-details .contact-s-media li a:hover i.fa-linkedin {
        color: #007BB6;
    }

    .contact-us-sec .contact-details .contact-s-media li a:hover i.fa-google-plus-g {
        color: red;
    }

    .contact-us-sec .contact-details .contact-s-media li a:hover i.fa-instagram {
        background: #d6249f;
        background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }

    .contact-bottom-area {
        padding: 5px 0;
        background: #2f3031;
        border-top: 1px solid #464646;
    }

    .copyright p {
        color: #aaa;
        font-size: 14px;
        text-transform: capitalize;
        margin: 0;
    }

    .copyright p i {
        margin: 0 2px;
    }

    .copyright p a {
        color: #aaa;
        cursor: pointer;
    }

    .leader__img img {
        border-radius: 50%;
    }

    span .nav-link {
        color: #fff;
        padding: 0px;
        margin-left: 15px;
        display: none;
    }

    .fdb {
        display: none;
    }

    .bg-white.shadow-sm.p-4 {
        box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px !important;
    }

    .bg-white.shadow-sm.p-3 {
        box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px !important;
    }

    .d-block.d-lg-inline.d-xl-inline {
        width: 200px;
    }

    .btn.btn-primary.w-100 {
        border-radius: 0px;
    }

    .include-in-car ul li {
        position: relative;
        list-style: none;
        width: 50%;
        display: inline;
        font-size: 13px;
        float: left;
        padding-left: 18px;
        line-height: 29px;
    }

    .include-in-car ul {
        margin-left: 0px;
        padding-left: 0px;
    }

    li.door-sec:before {
        position: absolute;
        content: '';
        left: -16px;
        background-image: url(../images/icon-small.png) !important;
        height: 27px;
        width: 35px;
        background: -621px -16px;
        z-index: 99999999999;
        top: 1px;
        background-size: 428px 428px;
    }

    li.seat-sec:before {
        position: absolute;
        content: '';
        left: -16px;
        background-image: url(../images/icon-small.png) !important;
        height: 27px;
        width: 35px;
        background: -442px -16px;
        z-index: 99999999999;
        top: 2px;
        background-size: 428px 428px;
    }

    li.automatic-sec:before {
        position: absolute;
        content: '';
        left: -16px;
        background-image: url(../images/icon-small.png) !important;
        height: 27px;
        width: 35px;
        background: -658px -16px;
        z-index: 99999999999;
        top: 2px;
        background-size: 428px 428px;
    }

    li.ac-sec:before {
        position: absolute;
        content: '';
        left: -16px;
        background-image: url(../images/icon-small.png) !important;
        height: 27px;
        width: 35px;
        background: -479px -16px;
        z-index: 99999999999;
        top: 1px;
        background-size: 428px 428px;
    }

    li.lbag-sec:before {
        position: absolute;
        content: '';
        left: -16px;
        background-image: url(../images/icon-small.png) !important;
        height: 27px;
        width: 35px;
        background: -556px -16px;
        z-index: 99999999999;
        top: 2px;
        background-size: 428px 428px;
    }

    li.sbag-sec:before {
        position: absolute;
        content: '';
        left: -16px;
        background-image: url(../images/icon-small.png) !important;
        height: 27px;
        width: 35px;
        background: -589px -16px;
        z-index: 99999999999;
        top: 2px;
        background-size: 428px 428px;
    }

    li.radio-sec:before {
        position: absolute;
        content: '';
        left: -16px;
        background-image: url(../images/icon-small.png) !important;
        height: 27px;
        width: 35px;
        background: -518px -16px;
        z-index: 99999999999;
        top: 1px;
        background-size: 428px 428px;
    }                   

    .include-in-car.selected {
        display: block;
    }

    .c-images.selected {
        display: block;
    }

    c-images img {
        width: 100%;
    }
/* ===================================
    contact us css
====================================== */
    .pickup {
        padding: 10px;
        background: #fff;
        box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
        border-radius: 3px;
    }

    .pickup h3 {
        background: #ffffff;
        color: #283e8a;
        padding: 14px 15px;
        font-size: 17px;
        border-radius: 5px 5px 0 0;
        border-bottom: 1px solid #e8dbdb;
    }

    .list-li {
        display: block;
        padding: 5px 10px;
        margin-bottom: 20px;
    }

    .list-li li {
        list-style: none;
        display: inline-block;
        width: 100%;
        padding: 5px 5px;
        font-size: 1rem;
        line-height: 2rem;
        color: #000;
    }

    .list-li li span {
        color: #C06D02;
        font-size: .85rem;
        display: block;
    }

    .list-li li .text-in {
        font-size: 1rem;
        line-height: 2rem;
        color: #000;
    }

    .list-li1 {
        display: inline-block;
        padding: 15px 10px;
        margin: 5px;
    }

    .list-li1 li {
        list-style: none;
        display: inline-block;
        width: 50%;
        float: left;
        padding: 5px 5px;
        font-size: 1rem;
        line-height: 2rem;
        color: #000;
    }

    .list-li1 li span {
        color: #C06D02;
        font-size: .85rem;
        display: block;
    }

    .list-li1 li .text-in {
        font-size: 1rem;
        line-height: 2rem;
        color: #000;
    }

    .car-listing-right {
        box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
        padding: 10px;
        background: #ffffff none repeat scroll 0 0;
    }

    .pickup1 {
        background: #ffffff;
        color: #283e8a;
        padding: 5px 15px;
        font-size: 17px;
        border-radius: 5px 5px 0 0;
        border-bottom: 1px solid #e8dbdb;
        display: flex;
        align-items: center;
        box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
        justify-content: space-between;
    }

    .pickup1 h3, .pickup2 h3 {
        font-size: 17px;
        margin: 0;
    }

    .pickup2 {
        background: #ffffff;
        color: #283e8a;
        padding: 14px 15px;
        font-size: 17px;
        border-radius: 5px 5px 0 0;
        border-bottom: 1px solid #e8dbdb;
        display: flex;
        align-items: center;
        box-shadow: 0px 3px 14px 0px rgb(0 11 40 / 6%);
        justify-content: space-between;
    }


    input[type='radio'] {
        -webkit-appearance: none;
        width: 20px;
        height: 20px;
        border: 2px solid #283e8a;
        border-radius: 50%;
        outline: none;
        position: relative;
        top: 3px;
    }

    input[type=radio] ~ label {
        margin: 0 .625rem;
        cursor: pointer;
        transition: .3s;
        position: relative;
        top: -3px;
    }

    input[type='radio']:disabled {
        border: 2px solid #ccc;
    }

    input[type='radio']:hover {
        box-shadow: 0 0 5px 0px #283e8a inset;
    }

    input[type='radio']:disabled:hover {
        box-shadow: 0 0 5px 0px #ccc inset;
    }

    input[type='radio']:before {
        content: '';
        display: block;
        width: 8px;
        height: 8px;
        margin: 25% auto;
        border-radius: 50%;
    }

    input[type='radio']:checked:before {
        background: #283e8a;
    }

    .dsk {
        border-radius: 15px;
        box-shadow: 0 0 2px;
        height: 30px;
        width: 30px;
        font-size: 12px;
        padding: 5px 3px;
        font-weight: bold;
        color: #666666;
        cursor: pointer;
        line-height: 20px;
        text-align: center;
    }

    .line-h {
        line-height: 22px;
    }

    .car_head {
        background: #EEE;
        padding: 3px 0;
        text-align: center;
        color: #C06D02;
        font-weight: bold;
        font-size: 14px;
    }


    .car_img {
        border: 1px solid #EEE;
        padding: 1px;
        width: 100%;
    }

    .car_img img {
        width: 100%;
    }

    .right_book td {
        padding: 5px;
        border-bottom: #EEE 1px solid;
        border-left: none;
        border-right: none;
        border-top: #EEE 1px solid;
    }

    .rs_sym {
        font-size: 20px;
        font-weight: bold;
        color: #C06D02;
    }

    .line-h span.rs span {
        font-size: 18px !important;
        font-weight: 600 !important;
        color: #00529b !important;
        line-height: 30px !important;
        letter-spacing: 0.5px;
    }

    .line-h span .WebRupee {
        font-size: 20px;
        font-weight: 500;
    }

    .line-h span {
        font-size: 14px;
        line-height: 24px;
        color: #033b60;
    }

    #UpdatePanel9 {
        position: relative;
    }

    #UpdatePanel9 .hint {
        display: none;
        position: absolute;
        width: auto;
        background: #294086;
        padding: 5px 8px;
        border: solid 1px;
        color: #fff;
        font-family: calibri;
        border-radius: 3px;
        bottom: -34px;
        z-index: 999;
    }

    .popbox {
        display: none;
        position: absolute;
        z-index: 99999;
        width: 270px;
        top: 15px;
        padding: 0px;
        background: #f2f2f2;
        color: #000000;
        border-radius: 6px;
        border: 1px solid #4D4F53;
        margin: 0px;
        -webkit-box-shadow: 0px 0px 5px 0px rgba(164, 164, 164, 1);
        box-shadow: 0px 0px 5px 0px rgba(164, 164, 164, 1);
    }

    .popbox p {
        padding: 5px;
        background: #f2f2f2;
        color: #000000;
    }

    .popbox h2 {
        background-color: #0053a6;
        color: #E3E5DD;
        font-size: 14px;
        display: block;
        width: 100%;
        margin: 0px;
        padding: 5px;
    }

    .modalPopup {
        background: #fff;
        padding: 15px;
        text-align: center;
        width: 400px;
        border-radius: 15px;
    }

    .modalBackground {
        background: rgb(0 0 0 / 60%);
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

/*================================================
15 - HOT OFFERS AREA CSS
==================================================*/
    .car-section {
        padding-top: 120px;
        padding-bottom: 50px;
        background-color: #ffffff;
    }

    .single-offers {
        text-align: center;
        padding: 20px;
        width: 300px;
        float: left;
    }

    .offer-image {
        width: 100%;
        margin: 0 auto;
        display: block;
    }

    .offer-image img {
        max-width: 100%;
    }

    .offer-text {
        margin-top: 20px
    }

    .offer-text h3 {
        font-size: 1rem;
        color: #333333;
        margin-bottom: 10px;
        -webkit-transition: all 0.4s ease 0s;
        transition: all 0.4s ease 0s;
        display: inline-block;
        text-transform: capitalize;
    }

    .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
        color: #000000;
        background-color: transparent;
    }

    .offer-tabs ul li.nav-item {
        border-bottom: 1px solid #eeeeee;
        position: relative;
    }

    .tab-content > .active {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .offer-tabs ul li.nav-item a:after {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        width: 0%;
        content: '.';
        color: transparent;
        background: #d5820c;
        height: 2px;
        transition: all .5s;
    }

    .offer-tabs ul li.nav-item a:hover:after {
        width: 30%;
    }

    .nav-link {
        position: relative;
        display: block;
        color: #ffffff;
        font-size: 1rem;
        font-weight: 300;
        text-decoration: none;
        transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
        font-family: 'Montserrat', sans-serif;
        font-weight: 500;
    }

    .dropdown {
        border: 1px solid #0e1d3f;
        padding: 10px;
        width: 100%;
    }

    .dropdown-menu {
        display: none !important;
    }

    .dropdown-menu.show {
        display: inline-block !important;
        width: 100%;
        left: 0px !important;
        top: 59px !important;
        right: 0;
        padding: 10px;
        background: #fff;
        height: 305px;
        z-index: 9999;
        overflow: hidden;
        transform: none !important;
    }

    .dropdown-toggle::after {
        float: right;
        margin-top: 13px;
    }

    .dropdown-toggle {
        width: 100%;
        display: block;
    }

    .tooltip1 {
        display: inline-block;
        opacity: 1;
        font-size: 1.25rem;
        font-weight: 400 !important;
        cursor: pointer;
        margin: 0;
        font-style: normal;
        font-weight: 400;
        line-height: 2rem;
        text-align: left;
        text-align: start;
        text-decoration: none;
        text-shadow: none;
        text-transform: none;
        letter-spacing: normal;
        word-break: normal;
        word-spacing: normal;
        white-space: normal;
        line-break: auto;
        font-size: 0.875rem;
        word-wrap: break-word;
        position: relative;
    }

    .tooltip1 h5 {
        font-size: 0.9rem;
        color: #da840c;
    }

    .tooltip1 p {
        font-size: 16px;
        margin-top: 5px;
        margin-bottom: 5px;
        border-bottom: 1px solid #84848438;
    }

    .tooltip1 a {
        font-size: 14px;
    }

    /* .tooltip1 span {
        display: block;
    }*/

    .tooltip1 h3 {
        font-size: 14px;
        margin-top: 5px;
        margin-bottom: 5px;
        /* border-bottom: 1px solid #84848438;*/
    }

    .tooltip1 ul {
        padding-left: 15px;
        margin: 5px 0;
        text-align: left;
    }

    .tooltip1 ul li {
        font-size: 12px;
        list-style: disc;
        display: revert;
        line-height: 26px;
    }

    .tooltip1 .tooltiptext {
        display: none;
        width: max-content;
        overflow: visible;
        background-color: white;
        color: #000;
        border-radius: 6px;
        padding: 20px 12px;
        z-index: 999;
        box-shadow: 0px 0px 5px 1px #b5b5b5;
        font-weight: 400 !important;
        position: absolute;
        top: -136px;
        left: 84px;
    }


    .tooltip1 .tooltiptext::after {
        content: "";
        position: absolute;
        top: 40%;
        left: -10px;
        margin-top: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: transparent black transparent transparent;
    }

    .tooltip1:hover .tooltiptext {
        display: block;
    }


    .text-for {
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: bold;
        position: relative;
        color: #d8820c;
        font-family: 'Arkhip', sans-serif;
        margin-top: 30px;
        font-size: 40px;
        font-style: italic;
    }

    .text-for1 {
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: bold;
        position: relative;
        color: #fff;
        font-family: 'Arkhip', sans-serif;
        margin-top: 20px;
    }

    .pxp-hero {
        position: relative;
    }


    .pxp-hero-caption {
        position: absolute;
        left: 10%;
        right: 0;
        top: 60%;
        transform: translateY(-50%);
        z-index: 2;
        padding: 60px 0;
    }

    .pxp-hero h1 {
        font-size: 3.75rem;
        line-height: 3.75rem;
        font-weight: 700;
        color: #0e1d3f;
        font-family: Georgia,Times New Roman,serif;
    }

    .pxp-hero-subtitle {
        font-size: 1rem;
        line-height: 2rem;
        color: #333;
    }

    .photo-render {
        background-image: url("../images/car7.png");
        left: auto;
        right: 0;
        background-position-x: right;
        background-size: contain;
        width: 45%;
        height: calc(95vh - 15vh);
        position: absolute;
        bottom: 0;
        -webkit-transition: opacity 0.2s ease-in-out;
        transition: opacity 0.2s ease-in-out;
        pointer-events: none;
        background-repeat: no-repeat;
        background-position-y: bottom;
        z-index: 0;
        display: block;
    }

    .text-wrapper {
        margin: 0 auto;
        display: flex;
        justify-content: flex-start;
        width: 85.27473%;
        margin-left: 7.36264%;
        height: calc(100vh - 90px);
        position: absolute;
        -webkit-transition: opacity 0.2s ease-in-out,bottom 0.6s ease-in-out;
        transition: opacity 0.2s ease-in-out,bottom 0.6s ease-in-out;
        opacity: 1;
        -webkit-transition: opacity 0.6s ease-in-out,bottom 0.4s ease-in-out;
        transition: opacity 0.6s ease-in-out,bottom 0.4s ease-in-out;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
    }

    .text-render {
        padding-right: 4.28571%;
    }

    .text-render {
        padding: 0;
        width: 45%;
        z-index: 2;
        margin-right: 5%;
    }

    .eyebrow {
        font-size: 17px;
        line-height: 1.5rem;
        padding-bottom: 1rem;
    }

    .headline {
        color: rgb(255, 255, 255);
        font-size: 50px;
        border-bottom: 1px solid rgb(125, 125, 125);
        padding: 0px 20px 6px 0px;
        font-family: 'Cuprum', sans-serif;
        line-height: 55px;
    }


    #slidy-container {
        width: 100%;
        overflow: hidden;
        margin: 0;
        height: 100%;
    }

    #slidy img {
        float: left;
        width: 20%;
    }

    .macbook-air {
        display: inline-block;
        position: relative;
        text-align: left;
        width: 133.35em;
        height: 91em;
        font-size: 6px;
        box-sizing: border-box;
        border-radius: 5.17em;
        border-bottom-left-radius: 3em;
        border-bottom-right-radius: 3em;
        margin: 0 15em 4em 15em;
        padding: 6.67em 6.67em 9.34em 6.67em;
        box-shadow: 0 2em 1em -2em, inset 0 0 0.17em #666, inset 0 0 0 0.5em #fafafb, inset 0 0 0.17em 0.67em rgba(255, 255, 255, 0.4), inset 0 -15em 16.67em -16.67em rgba(0, 0, 0, 0.5), inset 0 -2em 0.5em -1em #aaa, inset 0 0 0 1em #252525, inset 0 0 0 1.17em rgba(255, 255, 255, 0.4), inset 50em 50em 33.34em -58.34em rgba(0, 0, 0, 0.1), inset 50em 50em 50em -50em rgba(0, 0, 0, 0.2), inset -33.34em -41.67em 33.34em -50em #c5c4c9, inset 0 6.17em 0.17em #efeff2, inset 6.17em 0 0.17em #efeff2, inset -6.17em 0 0.17em #efeff2, inset 0 -8.67em 0.17em #efeff2, inset 0 6.5em white, inset 6.5em 0 white, inset -6.5em -6.5em white, inset 0 -9.1em white, inset 0 6.67em #888, inset 6.67em 0 #888, inset -6.66em -6.67em #888, inset 0 -9.17em #888, inset 0 0 0 166.67em #222, 0 0 0.17em black;
    }

    .macbook-air::before {
        content: 'MacBook';
        font-family: MyriadPro-Regular, 'Myriad Pro Regular', MyriadPro, 'Myriad Pro', 'Trebuchet MS', sans-serif;
        font-weight: 600;
        font-size: 2.4em;
        text-shadow: 31.39em -2.3em #444;
        color: transparent;
        position: absolute;
        bottom: -1.12em;
        left: -6.25em;
        width: 67.99em;
        height: 1.53em;
        border-bottom-left-radius: 13.89em 1.39em;
        border-bottom-right-radius: 13.89em 1.39em;
        box-shadow: inset -0.42em 0 0.42em -0.42em rgba(0, 0, 0, 0.7), inset 0.42em 0 0.42em -0.42em rgba(0, 0, 0, 0.7), inset 0 6.81em 0.42em -6.95em rgba(0, 0, 0, 0.7), inset 0 7.16em 0.14em -6.95em rgba(255, 255, 255, 0.9), inset 0 -694.87em 1.67em -694.45em black, inset 0em -0.91em 0.21em #abaab0, inset 27.92em 0 0.07em #abaab0, inset 27.92em -0.07em #ddd, inset -27.92em 0 #abaab0, inset -27.92em -0.07em #ddd, inset 0em -0.98em 0 #ddd, inset 0em -1.05em #bebbc5, inset 28.34em -0.07em 0.42em rgba(0, 0, 0, 0.5), inset 27.92em 0 0.42em rgba(0, 0, 0, 0.4), inset -28.34em -0.07em 0.42em rgba(0, 0, 0, 0.5), inset -27.92em 0 0.42em rgba(0, 0, 0, 0.4), 0 0 0.07em black, 0 0.77em 0.42em -0.7em black, inset 0 1.5em white;
    }

    .macbook-air::after {
        content: 'Air';
        white-space: nowrap;
        font-family: MyriadPro-Regular, 'Myriad Pro Regular', MyriadPro, 'Myriad Pro', Verdana, sans-serif;
        color: #444;
        font-size: 2.4em;
        position: absolute;
        bottom: 1.88em;
        left: 53%;
        width: 0.84em;
        height: 0.84em;
        border-radius: 100%;
        box-shadow: -2.02em -33.89em 0 -0.35em rgba(255, 255, 255, 0.5), -2.09em -34.03em 0 -0.28em #333, -2.09em -34.03em 0 -0.14em #444, -2.09em -34.03em 0 -0.07em #222, -2.09em -34.03em 0.07em rgba(255, 255, 255, 0.5), -13.69em 2.78em 0 -0.35em #444, -13.6em 2.78em 0 -0.35em #444, -13.55em 2.78em 0 -0.35em #444, -13.5em 2.78em 0 -0.35em #444, -13.41em 2.78em 0 -0.35em #444, -13.35em 2.78em 0 -0.35em #444, -13.27em 2.78em 0 -0.35em #444, 8.69em 2.78em 0 -0.35em #444, 8.75em 2.78em 0 -0.35em #444, 8.82em 2.78em 0 -0.35em #444, 8.88em 2.78em 0 -0.35em #444, 8.96em 2.78em 0 -0.35em #444, 9.05em 2.78em 0 -0.35em #444, 9.1em 2.78em 0 -0.35em #444;
    }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .macbook-air {
        border-radius: 4.84em;
        border-bottom-left-radius: 3em;
        border-bottom-right-radius: 3em;
        box-shadow: 0 2em 1em -2em, inset 0 0 0.17em #666, inset 0.5em 0.5em #fafafb, inset -0.5em 0.5em #fafafb, inset 0.5em -0.5em #fafafb, inset -0.5em -0.5em #fafafb, inset 0.67em 0.67em 0.17em rgba(255, 255, 255, 0.4), inset -0.67em 0.67em 0.17em rgba(255, 255, 255, 0.4), inset 0.67em -0.67em 0.17em rgba(255, 255, 255, 0.4), inset -0.67em -0.67em 0.17em rgba(255, 255, 255, 0.4), inset 0 -15em 16.67em -16.67em rgba(0, 0, 0, 0.5), inset 0 -2em 0.5em -1em #aaa, inset 1em 1em #252525, inset -1em 1em #252525, inset 1em -1em #252525, inset -1em -1em #252525, inset 1.17em 1.17em rgba(255, 255, 255, 0.4), inset -1.17em 1.17em rgba(255, 255, 255, 0.4), inset 1.17em -1.17em rgba(255, 255, 255, 0.4), inset -1.17em -1.17em rgba(255, 255, 255, 0.4), inset 50em 50em 33.34em -58.34em rgba(0, 0, 0, 0.1), inset 50em 50em 50em -50em rgba(0, 0, 0, 0.2), inset -33.34em -41.67em 33.34em -50em #c5c4c9, inset 0 6.17em 0.17em #efeff2, inset 6.17em 0 0.17em #efeff2, inset -6.17em 0 0.17em #efeff2, inset 0 -8.67em 0.17em #efeff2, inset 0 6.5em white, inset 6.5em 0 white, inset -6.5em -6.5em white, inset 0 -9.2em white, inset 0 6.67em #888, inset 6.67em 0 #888, inset -6.67em -6.67em #888, inset 0 -9.3em #888, inset 0 0 0 166.67em #222, 0 0 0.17em black;
    }
}

@-moz-document url-prefix() {
    .macbook-air::before {
        box-shadow: inset -0.42em 0 0.42em -0.42em rgba(0, 0, 0, 0.4), inset 0.42em 0 0.42em -0.42em rgba(0, 0, 0, 0.4), inset 0 6.81em 0.42em -6.95em rgba(0, 0, 0, 0.4), inset 0 7.16em 0.14em -6.95em rgba(255, 255, 255, 0.95), inset 0 -694.87em 1.39em -694.45em black, inset 0em -0.91em 0.21em #abaab0, inset 27.92em 0 0.07em #abaab0, inset 27.92em -0.07em #ddd, inset -27.92em 0 #abaab0, inset -27.92em -0.07em #ddd, inset 0em -0.98em 0 #ddd, inset 0em -1.05em #BEBBC5, inset 28.34em -0.07em 0.42em rgba(0, 0, 0, 0.5), inset 27.92em 0 0.42em rgba(0, 0, 0, 0.4), inset -28.34em -0.07em 0.42em rgba(0, 0, 0, 0.5), inset -27.92em 0 0.42em rgba(0, 0, 0, 0.4), 0 0 0.07em black, 0 0.98em 0.42em -0.35em rgba(0, 0, 0, 0.2), inset 0 0 0 69.45em white;
    }
}

    .iphone-6 {
        display: inline-block;
        font-size: 6px;
        margin: 3em;
        position: absolute;
        right: 10px;
        bottom: 20px;
        width: 62.5em;
        height: 111.167em;
        padding: 0.334em;
        box-sizing: content-box;
        border-radius: 9.5em;
    }

    .iphone-6::before {
        content: '';
        display: block;
        position: absolute;
        height: 3em;
        width: 1em;
        top: -6em;
        left: -4.333em;
        border-radius: 20%;
    }

    .iphone-6::after {
        content: '';
        display: block;
        position: absolute;
        border-radius: 100%;
        height: 2em;
        width: 2em;
        top: -13.333em;
        left: calc(50% - 1em);
    }

    .iphone-6.white {
        font-size: 3.5px;
        border-top: 16em solid #f8f8f8;
        border-bottom: 14.5em solid #f5f5f5;
        border-left: 2.5em solid #f8f8f8;
        border-right: 2.5em solid #f5f5f5;
        background: #e5e5e5;
        box-shadow: 0 0 0 0.667em #fcfcfc, 0 0 0 0.8em #d9dbdc, 0 0 1.667em 0.667em rgba(252, 252, 252, 0.5), 0 0 1.667em 0.667em #fcfcfc, 0 0 0 1.667em #d9dbdc, 0 0 0 2em #bbb, 0 0 5.333em 2em rgba(0, 0, 0, 0.1), inset 0 0 0 0.334em #888;
    }

    .iphone-6.white::before {
        background: #cbcbcb;
        box-shadow: 0 120em #cbcbcb, 70.667em 0 #cbcbcb, 70.667em 120em #cbcbcb, -1em 7em #b0b0b0, -1em 8em #b0b0b0, -1em 10em #b0b0b0, -1em 20em #b0b0b0, -1em 21em #b0b0b0, -1em 23em #b0b0b0, -1em 24em #b0b0b0, -1em 26em #b0b0b0, -1em 28em #b0b0b0, -1em 33.333em #b0b0b0, -1em 34em #b0b0b0, -1em 36em #b0b0b0, -1em 37em #b0b0b0, -1em 39em #b0b0b0, -1em 41em #b0b0b0, 71.667em 20em #b0b0b0, 71.667em 21em #b0b0b0, 71.667em 23em #b0b0b0, 71.667em 24em #b0b0b0, 71.667em 26em #b0b0b0, 71.667em 28em #b0b0b0;
    }

    .iphone-6.white::after {
        background: #3c3d3d;
        box-shadow: -12em 5em 0 -0.667em rgba(100, 100, 255, 0.5), -11em 5.333em 1em -0.5em rgba(255, 255, 255, 0.3), -11.333em 5em 0 0 #3c3d3d, -11.333em 5em 0 0.333em #555, -5.333em 5em 0 -0.333em #3c3d3d, -5em 5em 0 -0.333em #3c3d3d, -4.667em 5em 0 -0.333em #3c3d3d, -4.333em 5em 0 -0.333em #3c3d3d, -4em 5em 0 -0.333em #3c3d3d, -3.667em 5em 0 -0.333em #3c3d3d, -3.333em 5em 0 -0.333em #3c3d3d, -3em 5em 0 -0.333em #3c3d3d, -2.667em 5em 0 -0.333em #3c3d3d, -2.333em 5em 0 -0.333em #3c3d3d, -2em 5em 0 -0.333em #3c3d3d, -1.667em 5em 0 -0.333em #3c3d3d, -1.333em 5em 0 -0.333em #3c3d3d, -1em 5em 0 -0.333em #3c3d3d, -0.667em 5em 0 -0.333em #3c3d3d, -0.333em 5em 0 -0.333em #3c3d3d, 0 5em 0 -0.333em #3c3d3d, 0.333em 5em 0 -0.333em #3c3d3d, 0.667em 5em 0 -0.333em #3c3d3d, 1em 5em 0 -0.333em #3c3d3d, 1.333em 5em 0 -0.333em #3c3d3d, 1.667em 5em 0 -0.333em #3c3d3d, 2em 5em 0 -0.333em #3c3d3d, 2.333em 5em 0 -0.333em #3c3d3d, 2.667em 5em 0 -0.333em #3c3d3d, 3em 5em 0 -0.333em #3c3d3d, 3.333em 5em 0 -0.333em #3c3d3d, 3.667em 5em 0 -0.333em #3c3d3d, 4em 5em 0 -0.333em #3c3d3d, 4.333em 5em 0 -0.333em #3c3d3d, 4.667em 5em 0 -0.333em #3c3d3d, 5em 5em 0 -0.333em #3c3d3d, 5.333em 5em 0 -0.333em #3c3d3d, -5.667em 5.333em 0 -0.333em #e0e0e0, -5.333em 5.333em 0 -0.333em #e0e0e0, -5em 5.333em 0 -0.333em #e0e0e0, -4.667em 5.333em 0 -0.333em #e0e0e0, -4.333em 5.333em 0 -0.333em #e0e0e0, -4em 5.333em 0 -0.333em #e0e0e0, -3.667em 5.333em 0 -0.333em #e0e0e0, -3.333em 5.333em 0 -0.333em #e0e0e0, -3em 5.333em 0 -0.333em #e0e0e0, -2.667em 5.333em 0 -0.333em #e0e0e0, -2.333em 5.333em 0 -0.333em #e0e0e0, -2em 5.333em 0 -0.333em #e0e0e0, -1.667em 5.333em 0 -0.333em #e0e0e0, -1.333em 5.333em 0 -0.333em #e0e0e0, -1em 5.333em 0 -0.333em #e0e0e0, -0.667em 5.333em 0 -0.333em #e0e0e0, -0.333em 5.333em 0 -0.333em #e0e0e0, 0 5.333em 0 -0.333em #e0e0e0, 0.333em 5.333em 0 -0.333em #e0e0e0, 0.667em 5.333em 0 -0.333em #e0e0e0, 1em 5.333em 0 -0.333em #e0e0e0, 1.333em 5.333em 0 -0.333em #e0e0e0, 1.667em 5.333em 0 -0.333em #e0e0e0, 2em 5.333em 0 -0.333em #e0e0e0, 2.333em 5.333em 0 -0.333em #e0e0e0, 2.667em 5.333em 0 -0.333em #e0e0e0, 3em 5.333em 0 -0.333em #e0e0e0, 3.333em 5.333em 0 -0.333em #e0e0e0, 3.667em 5.333em 0 -0.333em #e0e0e0, 4em 5.333em 0 -0.333em #e0e0e0, 4.333em 5.333em 0 -0.333em #e0e0e0, 4.667em 5.333em 0 -0.333em #e0e0e0, 5em 5.333em 0 -0.333em #e0e0e0, 0 132em 2em 3em #f8f8f8, 0 132em 0 4em #eee, 0 132em 0 4.75em rgba(170, 170, 170, 0.4), 3em 129em 0 3em #f5f5f5, 0 126em 0 0em #f5f5f5, -3em 129em 0 3em #f5f5f5, 0 132em 0 4.75em #aaaaaa, -0.333em 132.333em 0 4.667em #e0e0e0, -0.667em 132.667em 0 4.667em #f0f0f0;
    }

    .s-img {
        height: 392px;
    }

    .cc-card {
        position: absolute;
        right: 14px;
        top: 7px;
    }

    .cc-card i {
        color: #d8820c;
        font-size: 25px;
        margin-left: 5px;
    }
/*.description {
    font-size: 1rem;
    line-height: 2rem;
}*/
    .w75 {
        width: 75%;
        margin: auto;
    }

    .personal-detail-payment h3 {
        color: #06314e;
        font-size: 18px;
        font-weight: 600;
        margin: 30px 0px 40px;
        border-bottom: 1px solid #ddd;
        padding-bottom: 13px;
    }

    .payment-sec-page {
        margin-top: 20px;
        margin-bottom: 20px;
    }

    .progress {
        cursor: default;
        speak: none;
        height: auto;
        margin: 20px 0;
        font-size: 14px;
        background: transparent;
        justify-content: center;
    }

    .progress:after {
        clear: both;
        display: table;
        content: "";
    }

    .progress__step {
        width: calc(( 100% - 66% ) / ( 4 - 1 ));
        position: relative;
        float: left;
        overflow: hidden;
        border-radius: 4px;
        background-color: #0e1d3f;
        color: #fff;
        transition: background-color 250ms ease-out, width 250ms ease-out;
    }

    .progress__step:not(:last-child) {
        margin-right: 5px;
    }

    .progress--five .progress__step {
        width: calc(( 100% - 66% ) / ( 5 - 1 ));
    }

    .progress--three .progress__step {
        width: calc(( 100% - 66% ) / ( 3 - 1 ));
    }

    .progress__step--active {
        width: calc(66% - ( 5px * ( 4 - 1 ) ));
        background-color: #0b5ed7;
        color: #fff;
        transition: background-color 250ms ease-out, width 250ms ease-out;
    }

    .progress--five .progress__step--active {
        width: calc(66% - ( 5px * ( 5 - 1 ) ));
    }

    .progress--three .progress__step--active {
        width: calc(66% - ( 5px * ( 3 - 1 ) ));
    }

    .progress__step--active ~ .progress__step {
        background-color: #174c64;
        color: #fff;
    }

@media screen and (min-width: 760px) {
    .progress__step {
        width: calc(( 100% / 4 ) - ( 0px * ( ( 4 - 1 ) / 4 ) ));
        border-radius: 0;
        overflow: visible;
        transition: width 0s ease-out;
        background-color: #174c64;
        color: #fff;
    }

    .progress--five .progress__step {
        width: calc(( 100% / 5 ) - ( 0px * ( ( 5 - 1 ) / 5 ) ));
    }

    .progress--three .progress__step {
        width: calc(( 100% / 3 ) - ( 0px * ( ( 3 - 1 ) / 3 ) ));
    }

    .progress__step::before {
        content: "";
        position: absolute;
        top: 5px;
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
        border-left: 20px solid #fff;
        left: 0;
    }

    .progress__step::after {
        content: "";
        position: absolute;
        top: 5px;
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
        border-left: 20px solid #d8820c;
        left: 100%;
        /* Not 100% because of IE subpixel rendering bug */
        z-index: 2;
    }

    .progress__step:first-child {
        border-radius: 4px 0 0 4px;
    }

    .progress__step:first-child::before {
        display: none;
    }

    .progress__step:last-child {
        border-radius: 0 4px 4px 0;
    }

    .progress__step:last-child::after {
        display: none;
    }

    .progress__step:not(:first-child) {
        padding-left: 20px;
    }

    .progress__step:not(:last-child) {
        margin-right: 0px;
    }

    .progress__step--active {
        background-color: #dadada;
        color: #201d1d;
    }

    .progress__step--active::after {
        border-left-color: #d8820c;
    }
}

    .progress__label {
        height: 50px;
        transform-style: preserve-3d;
    }

    .progress__step--active .progress__label {
        margin-right: 10px;
    }

@media screen and (min-width: 760px) {
        .progress__label {
            margin-right: 10px;
        }
}

    .progress__badge {
        text-align: center;
        font-weight: 700;
    }

    .progress__badge::after {
        content: "\2714";
        font-size: 1.28571em;
        color: #ffffff;
    }

    .progress__step--active .progress__badge::after, .progress__step--active ~ .progress__step .progress__badge::after {
        display: none;
    }

    .progress__step:not(.progress__step--active) .progress__badge {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

@media screen and (min-width: 760px) {
    .progress__step:not(.progress__step--active) .progress__badge {
        position: absolute;
        border: 2px solid #555;
        border-radius: 50%;
        width: 28px;
        height: 28px;
        top: 50%;
        transform: translateY(-50%);
        margin-left: 10px;
        line-height: 24px;
        left: 0;
        transform: translateY(-50%);
    }
}

    .progress__step--active .progress__badge {
        position: absolute;
        border: 2px solid #555;
        border-radius: 50%;
        width: 28px;
        height: 28px;
        top: 50%;
        background: #d8820c;
        transform: translateY(-50%);
        margin-left: 10px;
        line-height: 24px;
        border-color: #fff;
    }

    .progress__number {
        display: none;
        font-size: 1.14286em;
    }

    .progress__step--active .progress__number, .progress__step--active ~ .progress__step .progress__number {
        display: inline;
    }

    .progress__title {
        position: absolute;
        left: 46px;
        top: 50%;
        transform: translateY(-50%);
        font-size: 1em;
        font-weight: 600;
        z-index: 3;
    }

    .progress--five .progress__title {
        font-size: 0.8571em;
    }

    .progress__step:not(.progress__step--active) .progress__title {
        display: none;
    }

@media screen and (min-width: 760px) {
    .progress__step:not(.progress__step--active) .progress__title {
        display: inline-block;
    }
}

    .heading-book h3 {
        color: #06314e;
        font-size: 18px;
        font-weight: 600;
    }

    #UpdatePanel15 span {
        font-weight: 600;
    }

    h4.title-new {
        color: #636464;
        font-size: 15px;
        font-weight: 500;
        margin-bottom: 0px;
        margin-top: 10px;
    }

    .location.etatime {
        color: #da840c;
        font-weight: 500;
    }

    .location {
        color: #033b60;
        font-size: 14px;
        font-weight: 400;
        margin: 0;
        line-height: 26px;
    }

    .day-time {
        color: #033b60;
        font-size: 14px;
        font-weight: 400;
        margin: 0;
        line-height: 26px;
    }

    .botoom-view {
        border-top: 1px solid #ccc;
        margin-top: 17px;
        position: relative;
    }

    .botoom-view ul {
        padding: 20px 0 0 0;
        margin-bottom: 0;
        margin-right: 52px;
    }

    .botoom-view ul li {
        display: inline-block;
        list-style: none;
        padding-right: 10px;
        color: #0e1d3f;
        font-weight: bold;
    }

    .destination {
        border-left: 1px solid #efeeee;
    }
    .titel-car {
        color: #06314e;
        font-size: 24px;
        font-weight: bold;
    }
    .t-name {
        color: #06314e;
        font-size: 18px;
        font-weight: 600;
        margin-bottom: 8px;
    }

    .t-bottom {
        color: #06314e;
        font-size: 16px;
        font-weight: bold;
        margin: 0;
    }

    .icon-list .fa {
        color: #06314e;
        font-size: 16px;
        font-weight: 500;
        margin-right: 12px !important;
    }

    .titel-rs {
        color: #d8820c;
        font-size: 20px;
        font-weight: 500;
    }

    .titel-rs .fa, .fas {
        font-weight: 400;
        font-size: 19px;
    }

    .t-rs {
        color: #06314e;
        font-size: 16px;
        font-weight: bold;
        margin: 0;
    }

    .border-top1 {
        border-top: 1px solid #ccc;
    }

    .title {
        color: #06314e;
        font-size: 24px;
        font-weight: bold;
    }

    .cat-list {
        padding: 20px 0 0 0;
        margin-bottom: 0;
        margin-right: 52px;
    }

    .cat-list li {
        display: inline-block;
        list-style: none;
        padding-right: 10px;
    }

    .detail {
        padding: 10px;
    }

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border-radius: 50% !important;
    height: 30px !important;
    width: 30px !important;
    padding: 5px 7px !important;
    margin-top: 4px !important;
    text-align: center !important;
}



#ui-datepicker-div {
    width: 26.3em !important;
    text-align: center;
    height: auto;
    padding: 10px;
}

    /*.ui-widget.ui-widget-content {
        border: 1px solid rgb(201 205 213 / 89%) !important;
        font-size: 13px !important;
        box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px 0px !important;
        margin-top: 5px !important;
    }*/

    a.ui-state-default:hover {
        border: 1px solid #558cde !important;
        background: #558cde !important;
        color: #ffffff;
    }

    .ui-datepicker th {
        font-weight: 500 !important;
        color: #333 !important;
        font-size: 15px !important;
    }

    .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
        border: 1px solid #558cde !important;
        background: #558cde !important;
        color: #ffffff;
    }

    .ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-right {
        border-left: 1px solid #fff;
    }

    .ui-widget-header {
        border: 1px solid #db8b1f !important;
        background: #db8b1f !important;
        color: #ffffff;
    }

    a.ui-datepicker-prev.ui-corner-all.ui-state-disabled span.ui-icon.ui-icon-circle-triangle-w {
        background-image: url(../images/all-icons.png) !important;
        height: 41px;
        width: 21px;
        background: -643px -28px;
        z-index: 99999999999;
        top: 12px;
    }

    a.ui-datepicker-next.ui-corner-all span.ui-icon.ui-icon-circle-triangle-e {
        background-image: url(../images/all-icons.png) !important;
        height: 41px;
        width: 21px;
        background: -600px -28px;
        z-index: 99999999999;
        top: 12px;
    }

    a.ui-datepicker-prev.ui-corner-all span.ui-icon.ui-icon-circle-triangle-w {
        background-image: url(../images/all-icons.png) !important;
        height: 41px;
        width: 21px;
        background: -643px -28px;
        z-index: 99999999999;
        top: 12px;
    }

    .ui-widget-header {
        border: 1px solid #ffffff !important;
        background: #ffffff !important;
        color: #ffffff;
    }

    .ios-icon, .android-icon {
        position: relative;
    }

    .ios-icon:before {
        content: '';
        position: absolute;
        background-image: url(../images/appicon.png) !important;
        height: 56px;
        width: 193px;
        background: 191px 57px;
        background-size: 183px 120px;
        top: -17px;
        left: -26px;
    }

    .android-icon:before {
        content: '';
        position: absolute;
        background-image: url(../images/appicon.png) !important;
        height: 56px;
        width: 193px;
        background: 191px -8px;
        background-size: 183px 120px;
        top: -17px;
        left: 125px;
    }

    .team-section {
        background-color: rgb(242, 242, 242);
    }

    .inner-leader-sec {
        display: flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .leader-sec-list {
        background: #fff;
        width: 32.6%;
        text-align: center;
        margin: 4px 4px 0 0;
        padding: 40px 30px;
        position: relative;
        height: 550px;
    }

    .images-leader img {
        width: 200px;
        border-radius: 50%;
        margin-bottom: 23px;
    }

    .leader-name-sec h2 {
        font-weight: 500;
        font-size: 1.75rem;
        line-height: 2rem;
        color: #111111;
    }

    .leader-address p {
        font-size: 15px;
        color: #111;
        margin-bottom: 25px;
        position: relative;
    }

    .leader-address p:after {
        content: '';
        position: absolute;
        left: 46%;
        height: 2px;
        width: 30px;
        background: #d5820c;
        bottom: -5px;
    }

    .entry-content {
        color: #666666;
        line-height: 28px;
    }

    .leader-desc p {
        font-size: 14px;
        line-height: 28px;
        color: #716d6e;
        padding: 5px 20px;
    }

    .leader-sec-list a {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0px;
        top: 0px;
        outline: none;
        border: none;
    }

    .pf-card {
        width: 100%;
        height: 100%;
        padding: 40px;
        transition: 0.8s;
    }

    .leader-sec-list a:hover .pf-card {
        webkit-box-shadow: 0 10px 50px 2px rgb(0 41 96 / 32%);
        box-shadow: 0 10px 50px 2px rgb(0 41 96 / 32%);
    }

    #DropDownList1 {
        width: 30.5%;
        float: left;
        margin-right: 1.5%;
        padding: 8px;
        margin-top: 0px;
        box-shadow: none;
    }

#txtcontactno {
    width: 68%;
}
/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
}
/*Medium devices (tablets, 768px and up)*/
@media (max-width: 768px) {
    #myTab:after {
        content: '';
        display: none;
    }

    .submit-btn {
        width: 100%;
        margin: auto;
    }
    .btntoTop{
        display:none;
    }
    .whatsapplink {
        position: fixed;
        top: auto !important;
        right: 19px;
        z-index: 99;
        bottom: 60px !important;
    }
}
/* Large devices (desktops, 992px and up)*/
@media (max-width: 992px) {
    .bubble-sec {
        display: none !important;
    }
}
/* Extra large devices (large desktops, 1200px and up)*/
@media (max-width: 1690px) {
    .bg-blue {
        background: none;
        padding: 23px 0px;
        width: 100%;
        position: absolute;
        z-index: 99999;
    }

    body, .form-control, .form-select {
        font-size: 14px !important;
    }

    .img2 img {
        width: 240px;
    }


    .img1 {
        max-width: 100%;
        margin-top: 0px;
        margin-left: -30px;
    }

    .counter {
        font-size: 34px;
        padding: 0;
        line-height: 1.75rem;
        font-weight: 600;
    }

    .start-c {
        font-size: 2.5rem;
        line-height: 25px;
    }

    .counter-box {
        padding: 20px 20px 20px;
    }

    .counter-box p {
        margin: 0;
        font-size: 18px;
        color: #0e1d3f !important;
    }

    .header-section .title {
        font-size: 2.25rem;
        line-height: 2.75rem;
    }

    .bg-home .ccline .ccline1 {
        top: -50%;
        left: 0%;
    }

    .pxp-hero-subtitle {
        font-size: .9rem;
        line-height: 1.7rem;
    }

    .pxp-hero h1 {
        font-size: 2.75rem;
        line-height: 2.75rem;
    }

    .text-for {
        font-size: 30px;
    }

    .text-for1 {
        margin: 0;
    }


    .pickup h3, .pickup1 h3, .pickup2 h3, .pickup1, .rs, .rs_sym {
        font-size: 18px;
    }

    .macbook-air {
        display: inline-block;
        position: relative;
        text-align: left;
        width: 95.35%;
        height: 71.3em;
        font-size: 6px;
        box-sizing: border-box;
        border-radius: 5.17em;
        border-bottom-left-radius: 3em;
        border-bottom-right-radius: 3em;
        margin: auto;
        padding: 6.67em 6.67em 9.34em 6.67em;
        box-shadow: 0 2em 1em -2em, inset 0 0 0.17em #666, inset 0 0 0 0.5em #fafafb, inset 0 0 0.17em 0.67em rgb(255 255 255 / 40%), inset 0 -15em 16.67em -16.67em rgb(0 0 0 / 50%), inset 0 -2em 0.5em -1em #aaa, inset 0 0 0 1em #252525, inset 0 0 0 1.17em rgb(255 255 255 / 40%), inset 50em 50em 33.34em -58.34em rgb(0 0 0 / 10%), inset 50em 50em 50em -50em rgb(0 0 0 / 20%), inset -33.34em -41.67em 33.34em -50em #c5c4c9, inset 0 6.17em 0.17em #efeff2, inset 6.17em 0 0.17em #efeff2, inset -6.17em 0 0.17em #efeff2, inset 0 -8.67em 0.17em #efeff2, inset 0 6.5em white, inset 6.5em 0 white, inset -6.5em -6.5em white, inset 0 -9.1em white, inset 0 6.67em #888, inset 6.67em 0 #888, inset -6.66em -6.67em #888, inset 0 -9.17em #888, inset 0 0 0 166.67em #222, 0 0 0.17em black;
    }

    .macbook-air::before {
        content: 'MacBook';
        font-family: MyriadPro-Regular, 'Myriad Pro Regular', MyriadPro, 'Myriad Pro', 'Trebuchet MS', sans-serif;
        font-weight: 600;
        font-size: 2.4em;
        text-shadow: 18.9em -2.3em #444;
        color: transparent;
        position: absolute;
        bottom: -1.12em;
        left: -0.75em;
        width: 44em;
        height: 1.53em;
        border-bottom-left-radius: 13.89em 1.39em;
        border-bottom-right-radius: 13.89em 1.39em;
        box-shadow: inset -0.42em 0 0.42em -0.42em rgb(0 0 0 / 70%), inset 0.42em 0 0.42em -0.42em rgb(0 0 0 / 70%), inset 0 6.81em 0.42em -6.95em rgb(0 0 0 / 70%), inset 0 7.16em 0.14em -6.95em rgb(255 255 255 / 90%), inset 0 -694.87em 1.67em -694.45em black, inset 0em -0.91em 0.21em #abaab0, inset 27.92em 0 0.07em #abaab0, inset 27.92em -0.07em #ddd, inset -27.92em 0 #abaab0, inset -27.92em -0.07em #ddd, inset 0em -0.98em 0 #ddd, inset 0em -1.05em #bebbc5, inset 28.34em -0.07em 0.42em rgb(0 0 0 / 50%), inset 27.92em 0 0.42em rgb(0 0 0 / 40%), inset -28.34em -0.07em 0.42em rgb(0 0 0 / 50%), inset -27.92em 0 0.42em rgb(0 0 0 / 40%), 0 0 0.07em black, 0 0.77em 0.42em -0.7em black, inset 0 1.5em white;
    }           

    .macbook-air::after {
        content: 'Air';
        white-space: nowrap;
        font-family: MyriadPro-Regular, 'Myriad Pro Regular', MyriadPro, 'Myriad Pro', Verdana, sans-serif;
        color: #444;
        font-size: 2.4em;
        position: absolute;
        bottom: 1.88em;
        left: 53%;
        width: 0.84em;
        height: 0.84em;
        border-radius: 100%;
        box-shadow: -2.02em -26em 0 -0.35em rgb(255 255 255 / 50%), -2.09em -26.03em 0 -0.28em #333, -2.09em -26.03em 0 -0.14em #444, -2.09em -26.03em 0 -0.07em #222, -2.09em -26.03em 0.07em rgb(255 255 255 / 50%), -13.69em 2.78em 0 -0.35em #444, -13.6em 2.78em 0 -0.35em #444, -13.55em 2.78em 0 -0.35em #444, -13.5em 2.78em 0 -0.35em #444, -13.41em 2.78em 0 -0.35em #444, -13.35em 2.78em 0 -0.35em #444, -13.27em 2.78em 0 -0.35em #444, 5.69em 2.78em 0 -0.35em #444, 8.75em 2.78em 0 -0.35em #444, 8.82em 2.78em 0 -0.35em #444, 8.88em 2.78em 0 -0.35em #444, 8.96em 2.78em 0 -0.35em #444, 9.05em 2.78em 0 -0.35em #444, 9.1em 2.78em 0 -0.35em #444;
    }

    .s-img {
        height: 280px;
    }

    .iphone-6.white {
        font-size: 2.5px;
    }


    /*start-css-20-04-2022*/
    .loader-car {
        border-top: 3px solid #d8820c;
        border-right: transparent;
        border-radius: 50%;
        animation: 1s loader-03 linear infinite;
        position: relative;
        width: 90px;
        height: 90px;
    }

    /* Safari */
    @-webkit-keyframes spin {
        0% {
            -webkit-transform: rotate(0deg);
        }

        100% {
            -webkit-transform: rotate(360deg);
        }
    }

    @keyframes spin {
        0% {
            transform: rotate(0deg);
        }

        100% {
            transform: rotate(360deg);
        }
    }

    .ring {
        position: relative;
        background: rgb(14, 29, 63);
        padding: 15px;
        border-radius: 25px;
    }

    .loader-ring-img img {
        height: 50px;
        width: 50px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
    }

    .steam {
        position: absolute;
        height: 150px;
        width: 150px;
        border-radius: 50%;
        background-color: #0e1d3f;
        margin-top: -175px;
        margin-left: 75px;
        z-index: 0;
        opacity: 0;
    }

    #steam1 {
        -webkit-animation: steam1 4s ease-out infinite;
        animation: steam1 4s ease-out infinite;
        background-color: #0e1d3f;
    }

    #steam3 {
        -webkit-animation: steam1 4s ease-out 3s infinite;
        animation: steam1 4s ease-out 1s infinite;
        background-color: #0e1d3f;
    }

    @-webkit-keyframes steam1 {
        0% {
            transform: translateY(0) translateX(0) scale(0.25);
            opacity: 0.9;
        }

        100% {
            transform: translateY(-500px) translateX(-80px) scale(1);
            opacity: 0;
        }
    }

    @keyframes steam1 {
        0% {
            transform: translateY(0) translateX(0) scale(0.25);
            opacity: 0.9;
        }

        100% {
            transform: translateY(-500px) translateX(-80px) scale(1);
            opacity: 0;
        }
    }

    #steam2 {
        -webkit-animation: steam2 4s ease-out 2s infinite;
        animation: steam2 4s ease-out 0.5s infinite;
        background-color: #d8820c;
    }

    #steam4 {
        -webkit-animation: steam2 4s ease-out 1.5s infinite;
        animation: steam2 4s ease-out 1.5s infinite;
        background-color: #d8820c;
    }

    @-webkit-keyframes steam2 {
        0% {
            transform: translateY(0) translateX(0) scale(0.25);
            opacity: 0.9;
        }

        100% {
            transform: translateY(-500px) translateX(80px) scale(1);
            opacity: 0;
        }
    }


    @keyframes steam2 {
        0% {
            transform: translateY(0) translateX(0) scale(0.25);
            opacity: 0.9;
        }

        100% {
            transform: translateY(-500px) translateX(80px) scale(1);
            opacity: 0;
        }
    }
}

    .animated-sec-bg {
        position: absolute;
        bottom: 0px;
        left: 33%;
    }

    .banner-sec {
        width: 100%;
        padding: 30px 0px 0px;
    }

    .images-log1 img {
        float: right
    }

    .text-banner-desc {
        font-size: 19px;
        letter-spacing: 0.1px;
    }

    .mobile-menu {
        color: #db8b1f;
        font-size: 14px;
    }

@media (min-width: 1400px) {
    .about {
        font-size: 15px;
    }

    .section-services .single-service .part-2 .description1 {
        font-size: 15px;
    }

    .holding-section {
        font-size: 15px;
    }

    .leader-desc p {
        font-size: 15px;
    }

    .entry-content {
        font-size: 15px;
    }

    .contact-us-sec .contact-details .contact-address {
        font-size: 15px;
    }

    .contact-us-sec .contact-details .contact-list li, .contact-us-sec .contact-details .contact-list li a {
        font-size: 15px;
    }
}


@media (max-width: 1400px) {
    .star {
        display: block;
        position: absolute;
        top: -16%;
        left: 37%;
        width: 30px;
        height: 30px;
        background: #666666;
        border-radius: 50%;
        overflow: hidden;
        z-index: 2;
        animation: glitter 6.5s linear 0s infinite normal;
        -webkit-animation: glitter 6.5s linear 0s infinite normal;
        -moz-animation: glitter 6.5s linear 0s infinite normal;
        -ms-animation: glitter 6.5s linear 0s infinite normal;
        -o-animation: glitter 6.5s linear 0s infinite normal;
    }

    @-webkit-keyframes glitter {
        0% {
            -webkit-transform: scale(1.0);
            opacity: 1;
        }

        25% {
            -webkit-transform: scale(0.5);
            opacity: 0;
        }

        50% {
            -webkit-transform: scale(1.0);
            opacity: 1;
        }

        75% {
            -webkit-transform: scale(0.5);
            opacity: 0;
        }

        100% {
            -webkit-transform: scale(1.0);
            opacity: 1;
        }
    }

    @-moz-keyframes glitter {
        0% {
            -moz-transform: scale(1.0);
            opacity: 1;
        }

        25% {
            -moz-transform: scale(0.5);
            opacity: 0;
        }

        50% {
            -moz-transform: scale(1.0);
            opacity: 1;
        }

        75% {
            -moz-transform: scale(0.5);
            opacity: 0;
        }

        100% {
            -moz-transform: scale(1.0);
            opacity: 1;
        }
    }

    .bubble-sec {
        position: absolute;
        left: 0px;
        width: 200px;
        height: 200px;
        bottom: -310px;
    }

    #star {
        margin-top: -47px;
        margin-left: -47px;
        background: #c57241;
        width: 50px;
        height: 50px;
    }

    #star2 {
        margin-left: -69px;
        background: #0e1d3f;
        height: 60px;
        width: 60px;
    }

    #star1 {
        margin-top: -25px;
    }

    .about {
        font-size: 14px;
    }

    .tab-regular .nav.nav-tabs .nav-link {
        font-size: 15px;
    }

    .nav-link {
        position: relative;
        display: block;
        color: #ffffff;
        font-size: 0.9rem;
        font-weight: 300;
        text-decoration: none;
        transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out;
    }

    .text-banner-desc {
        font-size: 0.9rem !important;
    }

    .headline {
        font-size: 40px !important;
        padding: 0px 20px 6px 0px;
        line-height: 50px !important;
    }

    .carimages-section .img-fluid {
        width: 92%;
        margin: auto;
        display: block;
    }

    .location {
        color: #033b60;
        font-size: 13px;
        font-weight: 400;
        margin: 0;
        line-height: 27px;
    }

    .t-name {
        font-size: 16px;
    }

    .titel-rs {
        font-size: 18px;
    }

    .titel-rs .fa, .fas {
        font-weight: 400;
        font-size: 16px;
    }

    .day-time {
        color: #033b60;
        font-size: 13px;
        font-weight: 400;
        margin: 0;
        line-height: 26px;
    }
}

@media screen and (min-width: 1500px) and (max-width: 1700px) {
}

@media screen and (min-width: 1400px) and (max-width: 1700px) {

    .carimages-section .img-fluid {
        width: 100%;
    }

    .eyebrow {
        margin-top: 50px;
    }

    .banner-sec {
        padding: 30px 0px 0px;
    }

    .img1 {
        max-width: 100%;
        margin-top: -40px;
        margin-left: 2px;
    }

    .img2 img {
        width: 300px;
    }

    .img2 {
        max-width: 100%;
    }

    .c-logo:before {
        left: 0%;
        top: -10px;
        height: 100px;
        width: 351px;
    }
}

@media screen and (min-width: 540.1px) and (max-width: 767.9px) {
    .c-images img {
        width: 80%;
    }
}

@media screen and (min-width: 320px) and (max-width: 540px) {
    .icon-wrap img {
        width: 100%;
    }

    span .nav-link {
        display: block;
    }

    .mob-v-dnone {
        display: none;
    }

    .collapseq {
        position: fixed;
        background: rgb(251 251 251);
        width: 253px;
        height: 100%;
        top: 66px;
        right: -100%;
        transition: .8s;
        z-index: 999999;
    }

    .collapseq.showmenu {
        position: fixed;
        right: 0;
    }

    #navbarSupportedContent:not(.show) {
        display: block !important;
    }
}

@media screen and (min-width: 991.98px) and (max-width: 1199.98px) {
    .text-banner {
        padding: 46px 0 228px 0;
    }

    .menu-secondary li.nav-item {
        display: block;
    }

    .c-logod:before {
        background-size: 80% !important;
        height: 43px !important;
        width: 278px !important;
    }
}

@media screen and (min-width: 767.98px) and (max-width: 991.98px) {
    .c-logod:before {
        background-size: 87%;
        height: 47px;
        width: 280px;
        top: 0px !important;
    }

    .menu-header {
        width: 100%;
        left: 0px;
        right: 0px;
        background: #0e1d3f;
        padding-top: 0px;
    }

    .text-banner {
        transition: background 0.3s,border 0.3s,border-radius 0.3s,box-shadow 0.3s;
        padding: 60px 0 228px 0;
    }

    .owl-next {
        right: 15px;
        top: 30%;
    }

    .owl-prev {
        left: 15px;
        top: 30%;
    }

    .c-images img {
        max-width: 50%;
    }

    .mobile-menu {
        font-size: 27px !important;
    }

    .headline {
        font-size: 2rem !important;
        line-height: 3.75rem !important;
    }

    .dview-about {
        display: none !important;
    }

    .mview-about {
        display: block !important;
    }

    .mob-view-header {
        float: right;
        margin-top: 15px;
        display: block;
    }

    header.shadow-sm {
        height: 82px;
    }

    .day-time {
        font-size: 14px;
    }

    .location {
        font-size: 14px;
    }

    ul.menu-secondary li {
        display: block;
    }
}

@media screen and (min-width: 767.98px) and (max-width: 1199.98px) {
    .mobile-menu {
        font-size: 25px !important;
    }

    .headline {
        font-size: 2.3rem !important;
        line-height: 2.75rem !important;
    }

    .c-logod:before {
        background-size: 87%;
        height: 50px;
        width: 280px;
    }

    .mob-view-header {
        float: right;
        margin-top: 15px;
        display: block;
    }

    .mob-view-header button {
        padding-top: 9px;
    }

    ul.menu-secondary li a.nav-link {
        color: #333;
    }

    .mob-view-header a.nav-link {
        float: left;
        padding: 0px !important;
    }

    li.nav-item.phn {
        padding: 10px 2px;
    }

    .c-logo:before {
        width: 257px;
        top: 0;
    }

    .collapseq {
        position: fixed;
        background: rgb(251 251 251);
        width: 253px;
        height: 100%;
        top: 66px;
        right: -100%;
        transition: .8s;
        z-index: 999999;
    }

    .collapseq.showmenu {
        position: fixed;
        right: 0;
    }

    #navbarSupportedContent:not(.show) {
        display: block !important;
    }

    .animation-slogan-sec:after {
        width: 247px;
    }

    .animation-slogan-sec:before {
        background-size: 70%;
        height: 632px;
        width: 100%;
        BOTTOM: 50px;
    }

    #service .col-md-6.col-lg-4 {
        margin-bottom: 25px;
    }

    span .nav-link {
        display: block;
    }

    .leader-sec-list {
        width: 49%;
    }
}

@media (max-width:767.98px) {
    .tweightlight {
        padding-left: 0px;
    }

    .pickup-add {
        text-align: center;
    }

    section.py-6.mb-1 {
        margin-top: 0px;
    }

    .mobile-show-popup {
        position: absolute;
        z-index: 10000; /* 1 */
        top: 0;
        left: 0;
        visibility: hidden;
        width: 100%;
        height: 100%;
    }

    .mobile-show-popup.is-visible {
        visibility: visible;
    }

    .overlay-sec-popup {
        position: fixed;
        z-index: 10;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: hsla(0, 0%, 0%, 0.5);
        visibility: hidden;
        opacity: 0;
        transition: visibility 0s linear 0.3s, opacity 0.3s;
    }

    .mobile-show-popup.is-visible .overlay-sec-popup {
        opacity: 1;
        visibility: visible;
        transition-delay: 0s;
    }

    .mobile-sec-view {
        width: 50%;
        float: left;
    }

    .bg-white.shadow-sm.p-4 {
        padding: 19px 18px 12px !important;
    }

    .mobile-view {
        border-top: 1px solid #ede3e3;
        padding: 10px 0px 0px;
        margin: 12px 0px 0px;
        display: block;
    }

    p.location.mob-w100 {
        line-height: 25px;
    }

    .mob-w100.location.etatime {
        color: #080807;
        font-weight: 400;
    }

    .contact-bottom-area.mobh {
        margin-top: 100px;
    }

    .payment-sec-page {
        margin-top: 0px;
        margin-bottom: 20px;
    }

    .destination {
        border-left: none;
    }

    h4.title-new.mob-w100 {
        color: #af6b08;
    }

    .viewmore-mob:before {
        content: '';
        position: absolute;
        right: 0px;
        top: 0px;
        background-image: url(../images/all-icons.png) !important;
        height: 37px;
        width: 38px;
        background: -723px -91px;
        z-index: 99;
    }

    .viewmore-mob {
        position: relative;
        font-size: 14px;
        font-weight: 500;
        color: #1072c1;
        text-align: right;
        padding-right: 31px;
    }

    .cls-popup-sec {
        position: absolute;
        right: 0px;
        top: 5px;
        background-image: url(../images/all-icons.png) !important;
        height: 37px;
        width: 38px;
        background: -690px -91px;
        z-index: 999999999;
    }

    .popup-body-destination {
        background: #fff;
        position: fixed;
        margin-left: auto;
        margin-right: auto;
        width: 95%;
        padding: 35px 20px;
        border-radius: 5px;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
        z-index: 9999999999;
    }

    .mob-w100 {
        width: 100% !important;
        font-weight: 400 !important;
    }

    .overlay-sec-popup {
        position: fixed;
        height: 100%;
        width: 100%;
        top: 0px;
        left: 0px;
        background: hsl(0deg 0% 0% / 62%);
        z-index: 9999;
    }

    .mobile-view-footer {
        display: none;
    }

    .bottom-tabgroup {
        display: none;
    }
    .main-section-header:after {
        display: none;
    }

    .bg-blue1 {
        background: #0e1d3f;
        padding: 25px 0px;
        height: 60px;
    }

    .menu-header {
        padding: 0px;
        background: #fff;
        box-shadow: rgb(60 64 67 / 4%) 0px 1px 2px 0px, rgb(60 64 67 / 8%) 0px 1px 3px 1px;
    }

    .text-banner {
        display: none;
    }

    .bg-home {
        margin-top: 6px;
        margin-bottom: 2px;
    }

    .menu-header {
        height: 60px;
        padding: 0px;
        border-bottom: 2px solid #0e1d3f;
    }

    .bottom-tabgroup {
        display: none;
    }

    .whtslg {
        display: none;
    }

    .blkslg {
        display: inline-block;
    }

    .h100 {
        height: 80px;
    }

    .line-h {
        line-height: 22px;
        text-align: left;
        margin: auto;
        display: inline-block;
    }

    .phone-show {
        display: block;
    }

    .desktop-view {
        display: none;
    }

    .c-images img {
        width: 215px;
    }

    .form-group {
        margin-bottom: 14px;
    }

    p.location {
        border-bottom: 1px solid #f7f7f7;
        float: left;
        width: 50%;
        line-height: 33px;
    }

    .w75 {
        width: 95%;
        margin: auto;
    }

    .btn.btn-medium {
        width: 100% !important;
    }

    .tooltip1 .tooltiptext::after {
        content: "";
        position: absolute;
        bottom: -10px;
        left: 50%;
        top: auto;
        margin-top: -5px;
        border-width: 5px;
        border-style: solid;
        border-color: black transparent transparent transparent;
    }

    .tooltip1 .tooltiptext {
        display: none;
        width: max-content;
        overflow: visible;
        background-color: white;
        color: #000;
        border-radius: 6px;
        padding: 20px 14px;
        position: absolute;
        bottom: 33px;
        right: 50%;
        top: auto;
        left: -206%;
        z-index: 999;
        box-shadow: 0px 0px 5px 1px #b5b5b5;
        font-weight: 400 !important;
    }

    .tooltip1 .tooltiptext.smsize {
        width: max-content;
        overflow: visible;
        background-color: white;
        color: #000;
        border-radius: 6px;
        padding: 20px 14px;
        position: absolute;
        bottom: 33px;
        right: 50%;
        top: auto;
        left: -92px;
        z-index: 999;
        box-shadow: 0px 0px 5px 1px #b5b5b5;
        font-weight: 400 !important;
    }

    h4.title-new {
        color: #06314e;
    }

    .nav-item.fdb {
        display: block;
    }

    .color-mob {
        color: #d8820c !important;
    }

    ul.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front {
        z-index: 9999;
        width: 80% !important;
        left: 47px !important;
    }

    .network {
        padding-top: 20px;
        padding-bottom: 20px;
        background-color: #f2f2f2;
    }

    .network-inner {
        padding: 19px 15px;
        background: #fff;
    }

    .dview-about {
        display: none !important;
    }

    .mview-about {
        display: block !important;
    }

    .dpblk img {
        display: none;
    }

    .mobview {
        display: inline-block
    }

    .img1 img {
        max-width: 412px;
        z-index: 9;
        position: absolute;
        bottom: -290px;
        left: -22px;
    }

    .c-logod {
        display: none;
    }

    .layout-sec.showmenu1 {
        position: fixed;
        width: 100%;
        background: none;
        left: 0px;
        top: 59px;
        z-index: 9999999;
        height: 100%;
    }

    .tab-regular .nav-tabs .nav-link.active {
        border-bottom: 2px solid #d8820c;
    }

    header.shadow-sm {
        height: 60px;
    }

    .mob-view-header button {
        margin-left: -13px;
    }

    .mob-view-header {
        display: block;
        position: absolute;
        right: 10px;
        top: 13px;
    }

    .single-offers {
        width: 50%;
    }

    .mobile-menu {
        font-weight: 500;
    }

    .tbold {
        font-weight: 600 !important;
    }

    .img1 {
        max-width: 100%;
        margin-top: 0;
        margin-left: -12%;
    }

    .img1 img {
        width: 220px;
    }

    .col-sm-6.col-md-4 {
        width: 100%;
    }

    .img2 {
        max-width: 82%;
        margin-right: 13px;
        margin-top: 7px;
        height: 80px;
        position: relative;
    }

    .img2 img {
        width: 196px;
        position: absolute !important;
        right: -20px !important;
        bottom: -7px !important;
    }

    .mob-view-header.inner-menu-des {
        margin-right: 10px;
    }

    h4.title-new {
        margin-bottom: 0px;
        margin-top: 10px;
        color: #06314e;
        font-size: 14px;
        font-weight: 500;
        margin: 0;
        letter-spacing: 0.1px;
        float: left;
        width: 50%;
        line-height: 33px;
    }

    #txtdateIntercity, #lblReturnDate, #lblRepTimeIntercity, .location {
        color: #06314e;
        font-size: 13px;
        font-weight: 400;
        margin: 0;
        letter-spacing: 0.1px;
    }

    .day-time {
        color: #06314e;
        font-size: 13px;
        font-weight: 600;
        margin: 0;
        letter-spacing: 0.1px;
    }

    .mob-view-header button {
        padding-top: 9px;
    }

    ul.menu-secondary li a.nav-link {
        color: #333;
        padding: 10px 15px !important;
    }

    .main-section-header .mob-view-header a.nav-link {
        float: left;
        display: block;
        font-weight: 600;
        color: #0e1d3f;
        margin-top: 2px;
    }

    .mob-view-header a.nav-link {
        float: left;
        display: block;
        font-weight: 600;
        color: #fff;
        margin-top: 2px;
    }

    li.nav-item.phn {
        padding: 10px 18px;
    }

    .c-logo:before {
        height: 36px;
        width: 187px;
        left: 0%;
        top: 0px;
        background-size: 100%;
    }

    .bg-blue1 .c-logo:before {
        top: -115px;
        opacity: 1;
    }

    .bg-blue {
        background: #0e1d3f;
        padding: 17px 0px;
    }

    .collapseq {
        position: fixed;
        background: rgb(251 251 251);
        width: 253px;
        height: 100%;
        top: 60px;
        right: -100%;
        transition: .8s;
        z-index: 999999;
    }

    .menu-primery, .menu-secondary {
        padding-left: 0px;
        text-align: left;
    }

    li.nav-item.logn {
        display: none;
    }

    li.nav-item {
        border-bottom: 1px solid #edeaea;
        text-align: left;
        padding-left: 0;
        display: block;
    }

    .menu-primery, .menu-secondary li {
    }

    .collapseq.showmenu {
        position: fixed;
        right: 0;
    }

    #navbarSupportedContent:not(.show) {
        display: block !important;
    }

    .mob-v-dnone {
        display: none;
    }

    .animation-slogan-sec:after {
        width: 247px;
    }

    .animation-slogan-sec:before {
        background-size: 70%;
        height: 632px;
        width: 100%;
        BOTTOM: 50px;
    }

    .calender-close {
        display: block !important;
    }

    .single-service {
        position: relative;
    }

    .p1-2 {
        position: relative;
        /*margin-top: -110px;*/
        background: #fff;
        width: 100%;
        border-radius: 0;
        left: 0px;
        box-shadow:none;
    }
    #Panel1 .py-5 {
        padding-top: 0rem !important;
        padding-bottom: 1rem !important;
    }

    .progress {
        margin: 20px 0;
    }

    section.py-5.mb-1 {
        padding-top: 0rem !important;
        padding-bottom: 1rem !important;
    }

    .section-services .single-service .part-1 {
        padding: 22px 5px 10px;
    }
}
/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {

    .dpblk {
        display: block;
        margin-top: 12px;
    }

    .navbar-collapcollapseq {
        position: fixed;
        background: #fff;
        width: 250px;
        height: 400px;
        top: 74px;
        right: -100%;
        transition: .8s;
    }

    .collapseq.showmenu {
        position: fixed;
        right: 0;
    }

    #navbarSupportedContent:not(.show) {
        display: block !important;
    }
    /*.bg-home {
            background-image: url('../images/newp1.png');
        }*/

    #collapseExample {
        display: block !important;
    }

    .text-for1 {
        display: none;
    }

    .cta-container {
        padding: 15px 0;
        position: relative;
        display: flex;
        justify-content: center;
        margin-left: -40px;
    }

    .cta-container img {
        width: 130px;
        transform: rotate(5deg);
        margin-left: -40px;
    }

    .tab-regular .tab-content {
        background: transparent;
        border: none;
        margin-bottom: 12px;
    }

    .tab-regular .nav-tabs .nav-link.active {
        background: transparent;
    }

    .tab-regular .nav.nav-tabs .nav-link {
        background: transparent;
        box-shadow: -3px 0px 1px 1px #c0c0c085;
    }


    .photo-render {
        display: none;
    }

    .text-wrapper {
        margin: 0 auto;
        display: block;
        justify-content: flex-start;
        width: 98.27473%;
        height: calc(100vh - 77px);
        position: relative;
        -webkit-transition: opacity 0.2s ease-in-out,bottom 0.6s ease-in-out;
        transition: opacity 0.2s ease-in-out,bottom 0.6s ease-in-out;
        opacity: 1;
        -webkit-transition: opacity 0.6s ease-in-out,bottom 0.4s ease-in-out;
        transition: opacity 0.6s ease-in-out,bottom 0.4s ease-in-out;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        padding: 50px 0;
        z-index: 9;
    }

    .text-render {
        padding: 0;
        width: 100%;
        z-index: 2;
    }

    .headline {
        font-size: 2.75rem;
        line-height: 3.75rem;
        display: none;
    }

    .eyebrow {
        font-size: 1rem;
        line-height: 1.5rem;
        padding-bottom: 1rem;
        display: none;
    }

    .description {
        font-size: 1rem;
        line-height: 2rem;
        display: none;
    }

    .about-head .heading h2 {
        font-size: 30px;
    }

    .list ul {
        list-style: none;
        display: inline-block;
        padding: 0;
        margin: 0;
    }

    .list ul li {
        width: 50%;
        float: left;
    }

    .car_img img {
        width: auto;
        margin: auto;
    }

    .car_img {
        border: none;
    }

    .right_book td {
        padding: 10px;
        border: none;
    }

    .dsk {
        margin-right: 5px;
    }

    .btn-sub {
        width: 60%;
    }

    .vehicle-section-divider {
        width: 332px;
        margin-left: 0;
    }

    .section-services .single-service {
        margin-top: 40px;
    }

    .tab-regular .nav.nav-tabs .nav-link {
        padding: 10px 6px;
    }

    .tab-regular {
        width: 100%;
    }

    .pxp-hero h1 {
        font-size: 1.75rem;
        line-height: 1.75rem;
    }

    .pxp-hero-subtitle {
        font-size: .85rem;
        line-height: 1.5rem;
        color: #333;
    }

    .text-for {
        font-size: 20px;
        margin-top: 30px;
    }

    .text-for1 {
        margin: 0;
    }

    .pxp-hero-caption {
        position: relative;
        left: 0;
        right: 0;
        top: 0;
        transform: translateY(0%);
        z-index: 2;
    }

    .bg-home {
        /*background: url(../images/slide2tt.png);*/
        height: auto !important;
        min-height: auto !important;
        background-position: center;
        background-size: cover;
    }

    .wvh {
        width: auto;
        height: 100vh;
    }

    .contact-us-sec .contact-details {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .right_book td {
        display: block;
        text-align: center;
    }

    .tab-regular li.nav-item {
        width: 33.33%;
        text-align: center;
    }

    .nav-link {
        display: block;
        padding: 0.5rem;
    }

    .closebtn {
        top: -4px;
        display: none;
    }

    .pickup1 h3, .pickup2 h3, .pickup1 {
        font-size: 18px;
        margin: 0;
    }

    .header-section .title {
        font-size: 2rem;
        line-height: 2rem;
    }

    .tab-regular .nav.nav-tabs .nav-link {
        margin-right: 2px;
    }

    .bg-home .ccline .ccline1 {
        top: -45%;
        left: -135%;
    }

    .overlay:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgb(255 255 255 / 60%);
    }

    .owl-next {
        right: 0px;
        top: 54px;
    }

    .owl-prev {
        left: 0px;
        top: 54px;
    }

    .contact-us-sec .contact-details .contact-heading {
        font-size: 18px;
    }

    .item-2 img {
        width: 100px;
        margin-bottom: 0px !important;
    }
}
/*Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
    #DropDownList1 {
        width: 100% !important;
        margin-left: 0 !important;
        margin-bottom: 11px !important;
    }
    #txtcontactno {
        width: 100%;
    }
    .tab-regular .nav.nav-tabs .nav-link {
        display: block;
        color: #333;
        background-color: rgb(255 255 255);
        margin: auto;
        border-radius: 25px;
        font-weight: 400;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .tab-regular li.nav-item {
        text-align: center;
        background: #fff;
        padding: 6px 0px 6px;
    }

    .logo-mob {
        position: relative;
    }

    .c-logo.clogo-m {
        top: -41px;
    }

    .c-logo {
        position: absolute;
        background-image: url(../images/c-logo.png);
        background-repeat: no-repeat;
        background-position: bottom left;
        background-size: 100%;
        height: 60px;
        width: 188px;
        left: 2%;
        top: -20px;
        opacity: 1;
    }

    a.navbar-brand.c-logo.index-logo {
        position: absolute;
        background-image: url(../images/c-logo-m.png);
        background-repeat: no-repeat;
        background-position: bottom left;
        background-size: 100%;
        height: 72px;
        width: 188px;
        left: 2%;
        top: -36px;
        opacity: 1;
    }

    .mobile-menu i {
        font-size: 25px;
    }

    .calender-close {
        display: block;
    }

    .calender-close::after {
        content: '';
        position: absolute;
        right: 3px;
        top: 3px;
        background-image: url(../images/all-icons.png) !important;
        height: 41px;
        width: 21px;
        background: -241px -24px;
        z-index: 999999999;
    }

    #ui-datepicker-div {
        position: fixed !important;
        /* position: absolute; */
        top: 0px !important;
        width: 100% !important;
        left: 0px !important;
        height: 100% !important;
        z-index: 9999999999 !important;
        padding: 15px !important;
        margin-top: 0px !important;
    }

    li.nav-item.phn.menu-mob a {
        font-size: 17px;
        display: block;
    }

    .section-services .single-service .part-1 .title:before {
        width: 0px;
    }

    .section-services .single-service .part-1 .title:after {
        width: 0;
        height: 0;
        background-color: none;
    }

    .section-services .single-service .part-1 .title {
        text-align: left;
        margin-bottom: 0px;
    }

    .section-services .single-service .part-2 .description1 {
        margin-bottom: 0px;
        line-height: 24px;
        font-size: 0.8rem;
        padding-top:0px;
    }

    .about {
        font-size: 0.8rem;
    }

    .holding-section {
        font-size: 0.8rem;
    }

    .leader-desc p {
        font-size: 0.8rem;
        line-height: 24px;
        padding: 5px 0px;
    }

    .leader-name-sec h2 {
        font-size: 1.5rem;
        color: #333333;
    }

    .entry-content {
        font-size: 0.8rem;
    }

    .section-services .single-service .part-2 {
        padding: 5px 5px 12px;
    }
    /*.bg-home {
            background-image: url('../images/newp1.png');
        }*/
    .banner-sec {
        width: 100%;
        margin-top: 0px;
        padding: 0px;
    }

    ul.slider-social.contact-s-media {
        width: 100%;
        float: none;
        text-align: center;
        padding-bottom: 23px;
    }

    .icon-ply-str {
        width: 100%;
        text-align: center;
        margin-left: 0;
        float: none;
        position: relative;
        padding-bottom: 42px;
        padding-left: 0px;
        margin-bottom: 0px;
    }

    .ios-icon, .android-icon {
        position: static;
    }

    #collapseExample {
        display: block !important;
    }

    .text-for1 {
        display: none;
    }

    .cta-container {
        padding: 15px 0;
        position: relative;
        display: flex;
        justify-content: center;
        margin-left: -40px;
    }

    .cta-container img {
        width: 130px;
        transform: rotate(5deg);
        margin-left: -40px;
    }

    .tab-regular .tab-content {
        background: transparent;
        border: none;
        box-shadow: none;
        padding: 13px 8px;
    }

    .tab-regular .nav-tabs .nav-link.active {
        border: 1px solid #c97c14 !important;
        background: #db8b1f !important;
        color: #fff !important;
    }

    .tab-regular .nav.nav-tabs {
        width: 100% !important;
        display: inline-block;
        text-align: center;
        padding: 0px !important;
        padding-bottom: 0px !important;
    }
    #myTab {
        background: none;
        border-radius:0;
    }
    .tab-regular li.nav-item {
        padding-left: 0px;
        display: inline-block;
        border-bottom: none;
    }

    .tab-regular .nav.nav-tabs .nav-link {
        background: transparent;
        box-shadow: none;
        border: none;
        box-sizing: border-box;
        margin: auto;
        width: auto;
        text-align: center;
        float: none;
        display: inline-block;
    }

    .navbar-collapse {
        position: fixed;
        background: #fff;
        width: 250px;
        height: 400px;
        top: 77px;
        right: -100%;
        transition: .8s;
    }

    .collapse.navbar-collapse.showmenu {
        position: fixed;
        right: 0;
    }

    #navbarSupportedContent:not(.show) {
        display: block !important;
    }

    .leader-sec-list {
        width: 100%;
    }

    .photo-render {
        display: none;
    }

    .text-wrapper {
        margin: 0 auto;
        display: block;
        justify-content: flex-start;
        width: 98.27473%;
        height: calc(100vh - 77px);
        position: relative;
        -webkit-transition: opacity 0.2s ease-in-out,bottom 0.6s ease-in-out;
        transition: opacity 0.2s ease-in-out,bottom 0.6s ease-in-out;
        opacity: 1;
        -webkit-transition: opacity 0.6s ease-in-out,bottom 0.4s ease-in-out;
        transition: opacity 0.6s ease-in-out,bottom 0.4s ease-in-out;
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end;
        padding: 50px 0;
        z-index: 9;
    }

    .text-render {
        padding: 0;
        width: 100%;
        z-index: 2;
    }

    .headline {
        font-size: 2.75rem;
        line-height: 3.75rem;
        display: none;
    }

    .eyebrow {
        font-size: 1rem;
        line-height: 1.5rem;
        padding-bottom: 1rem;
        display: none;
    }

    .description {
        font-size: 1rem;
        line-height: 2rem;
        display: none;
    }

    .about-head .heading h2 {
        font-size: 30px;
    }

    .list ul {
        list-style: none;
        display: inline-block;
        padding: 0;
        margin: 0;
    }

    .closebtn {
        top: -4px;
    }

    .pickup1 h3, .pickup2 h3, .pickup1 {
        font-size: 18px;
        margin: 0;
    }

    .list ul li {
        width: 50%;
        float: left;
    }

    .tab-regular .nav.nav-tabs .nav-link {
        margin-right: 2px;
    }
    .section-services .single-service {
        margin-top: 0px;
        margin-bottom: 10px;
    }



    .tab-regular .nav.nav-tabs .nav-link {
        padding: 1px 11px;
        font-size: 14px;
        line-height: 14px;
        margin-left: 3px;
        margin-right: 3px;
        margin-top: 7px;
    }

    nav.navbar.navbar-expand-lg.navbar-light.bg-white {
        background: #0e1d3f !important;
    }

    .bg-home:after {
        background-size: 47%;
        left: -8%;
    }

    .tab-regular {
        width: 100%;
        min-height: 425px;
        padding-right: 0px;
        background: #fff;
    }

    .carnewimg {
        max-height: 100%;
        width: auto;
        vertical-align: middle;
        display: inline;
    }

    .mob-sec-logo {
        display: block !important;
    }

    .desktop-sec {
        display: none;
    }

    .pxp-hero h1 {
        font-size: 1.75rem;
        line-height: 1.75rem;
        color: #fff;
    }

    .banner-sec .col-lg-7 {
        padding: 0px;
    }

    .pxp-hero-subtitle {
        font-size: .85rem;
        line-height: 1.5rem;
        color: #fff;
    }

    .text-for {
        font-size: 20px;
        margin-top: 30px;
        color: #fff;
        position: absolute;
        top: 0px;
        left: 160px;
    }

    .wavy span {
        color: #fff;
    }

    .text-for1 {
        margin: 0;
    }

    .pxp-hero-caption {
        position: relative;
        left: 0;
        right: 0;
        top: 0;
        transform: translateY(0%);
        z-index: 2;
    }

    .ui-datepicker-group.ui-datepicker-group-first {
        margin-bottom: 0px;
        min-height: 250px !important;
        width: 100% !important;
    }

    .ui-datepicker-group.ui-datepicker-group-last {
        margin-bottom: 0px;
        min-height: 250px !important;
        width: 100% !important;
    }

    .wvh {
        width: auto;
        height: 100vh;
    }

    .contact-address {
        font-size: 0.9rem;
    }

    .contact-us-sec .contact-details {
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .right_book td {
        display: block;
        text-align: center;
    }

    .tab-regular li.nav-item {
        width: auto;
        text-align: center;
    }

    .nav-link {
        display: block;
        padding: 0.5rem;
    }

    .header-section .title {
        font-size: 2.25rem;
        line-height: 2.25rem;
    }

    .car_img img {
        width: auto;
        margin: auto;
    }

    .car_img {
        border: none;
    }

    .right_book td {
        padding: 10px;
        border: none;
    }

    .dsk {
        margin-right: 5px;
    }

    .btn-sub {
        width: 60%;
    }

    .vehicle-section-divider {
        width: 332px;
        margin-left: 0;
    }

    .bg-home .ccline .ccline1 {
        top: -65%;
        left: -194%;
        display: none;
    }

    .overlay:after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgb(0 0 0 / 60%);
    }

    .owl-next {
        right: 0px;
        top: 54px;
    }

    .owl-prev {
        left: 0px;
        top: 54px;
    }

    .contact-us-sec .contact-details .contact-heading {
        font-size: 18px;
    }

    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
        border-radius: 50% !important;
        height: 30px !important;
        width: 32px !important;
        padding: 3px 7px !important;
        margin-top: 10px !important;
        text-align: center !important;
    }

    .ui-datepicker .ui-datepicker-title {
        line-height: 30px !important;
        font-weight: 500 !important;
    }
}
/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
    .menu-primery .nav-link:after, .menu-secondary .nav-link:after {
        background: none;
    }

    .bg-blue {
        padding: 21px 0px;
    }

    li.nav-item.phn.menu-mob {
        display: block;
    }

    .mob-login {
        margin-right: 12px;
    }

    .menu-primery {
        display: none;
    }

    li.nav-item.phn.menu-mob a {
        font-size: 15px;
        display: block;
    }

    .mob-v-dnone {
        display: none;
    }

    .right_book td {
        display: block;
        text-align: center;
    }

    .tab-regular li.nav-item {
        padding-left: 0px;
    }

    li.nav-item {
        border-bottom: 1px solid #cfcfcf;
        text-align: left;
        padding-left: 23px;
    }

    .nav-item.phn .nav-link {
        color: #d5820c;
    }

    .nav-item.lgn {
        display: none;
    }

    .navbar-collapse {
        position: fixed;
        background: #fff;
        width: 250px;
        height: 490px;
        top: 77px;
        right: -100%;
        transition: .8s;
    }

    .fdb {
        display: block;
    }

    .collapse.navbar-collapse.showmenu {
        position: fixed;
        right: 0;
        background: #f5f5f5;
    }

    #navbarSupportedContent:not(.show) {
        display: block !important;
    }

    .counter {
        font-size: 2.5rem;
    }

    .start-c {
        font-size: 2.5rem;
    }
}
/*Large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) {
    .line-h p {
        line-height: 25px;
        font-weight: 500;
    }

    .bg-blue {
        position: fixed;
        top: 0px;
        width: 100%;
        z-index: 99;
    }

    #network .icon-wrap img {
        margin-top: 0px;
    }

    .counter {
        font-size: 2.5rem;
    }

    .start-c {
        font-size: 2.5rem;
    }



    .headline {
        font-size: 2.75rem;
        line-height: 2.75rem;
    }
}





/*start-css-20-04-2022*/
/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }  
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }  

    100% {
        transform: rotate(360deg);
    }   
}

    .ring {
        position: relative;
        background: rgb(14, 29, 63);
        padding: 9px;
        border-radius: 50%;
    }

    .loader-ring-img img {
        height: 43px;
        width: 52px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
    }

    .steam {
        position: absolute;
        height: 150px;
        width: 150px;
        border-radius: 50%;
        background-color: #0e1d3f;
        margin-top: -175px;
        margin-left: 75px;
        z-index: 0;
        opacity: 0;
    }

    #steam1 {
        -webkit-animation: steam1 4s ease-out infinite;
        animation: steam1 4s ease-out infinite;
        background-color: #0e1d3f;
    }

    #steam3 {
        -webkit-animation: steam1 4s ease-out 3s infinite;
        animation: steam1 4s ease-out 1s infinite;
        background-color: #0e1d3f;
    }

@-webkit-keyframes steam1 {
    0% {
        transform: translateY(0) translateX(0) scale(0.25);
        opacity: 0.9;
    }

    100% {
        transform: translateY(-500px) translateX(-80px) scale(1);
        opacity: 0;
    }
}

@keyframes steam1 {
    0% {
        transform: translateY(0) translateX(0) scale(0.25);
        opacity: 0.9;
    }

    100% {
        transform: translateY(-500px) translateX(-80px) scale(1);
        opacity: 0;
    }
}

    #steam2 {
        -webkit-animation: steam2 4s ease-out 2s infinite;
        animation: steam2 4s ease-out 0.5s infinite;
        background-color: #d8820c;
    }

    #steam4 {
        -webkit-animation: steam2 4s ease-out 1.5s infinite;
        animation: steam2 4s ease-out 1.5s infinite;
        background-color: #d8820c;
    }

@-webkit-keyframes steam2 {
    0% {
        transform: translateY(0) translateX(0) scale(0.25);
        opacity: 0.9;
    }

    100% {
        transform: translateY(-500px) translateX(80px) scale(1);
        opacity: 0;
    }
}


@keyframes steam2 {
    0% {
        transform: translateY(0) translateX(0) scale(0.25);
        opacity: 0.9;
    }

    100% {
        transform: translateY(-500px) translateX(80px) scale(1);
        opacity: 0;
    }
}

    .animated-sec-bg {
        position: absolute;
        bottom: 0px;
        left: 33%;
    }

    .images-log1 img {
        float: right
    }

    .text-banner-desc {
        font-size: 1rem;
        letter-spacing: 0.2px;
        font-weight: 300;
        color: #ffffff;
        margin-bottom: 14px;
        margin-top: 16px;
        line-height: 35px;
        font-family: 'Montserrat', sans-serif;
        font-weight: 400;
    }

    .mobile-menu {
        color: #db8b1f;
        font-size: 15px;
        font-weight: 600;
    }

@media (min-width: 1920px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1600px;
        padding-left: 90px;
        padding-right: 90px;
    }
}

















.container-fluid {
    max-width: 1600px;
}

@media (min-width: 992px) {
    /*.container{
    padding-left: 90px;
    padding-right: 90px;
   }*/
}

@media (max-width: 1700px) {
    .tab-regular .tab-content {
        padding: 7px 22px;
    }
        .tab-regular .nav.nav-tabs .nav-link {
        padding: 4px 15px !important;
    }
    .form-control, .form-select{
        height:40px !important;
    }

    .star {
        display: block;
        position: absolute;
        top: -18%;
        left: 56%;
        width: 60px;
        height: 60px;
        background: #666666;
        border-radius: 50%;
        overflow: hidden;
        z-index: 2;
        animation: glitter 6.5s linear 0s infinite normal;
        -webkit-animation: glitter 6.5s linear 0s infinite normal;
        -moz-animation: glitter 6.5s linear 0s infinite normal;
        -ms-animation: glitter 6.5s linear 0s infinite normal;
        -o-animation: glitter 6.5s linear 0s infinite normal;
    }

    @-webkit-keyframes glitter {
        0% {
            -webkit-transform: scale(1.0);
            opacity: 1;
        }

        25% {
            -webkit-transform: scale(0.5);
            opacity: 0;
        }

        50% {
            -webkit-transform: scale(1.0);
            opacity: 1;
        }

        75% {
            -webkit-transform: scale(0.5);
            opacity: 0;
        }

        100% {
            -webkit-transform: scale(1.0);
            opacity: 1;
        }
    }

    @-moz-keyframes glitter {
        0% {
            -moz-transform: scale(1.0);
            opacity: 1;
        }

        25% {
            -moz-transform: scale(0.5);
            opacity: 0;
        }

        50% {
            -moz-transform: scale(1.0);
            opacity: 1;
        }

        75% {
            -moz-transform: scale(0.5);
            opacity: 0;
        }

        100% {
            -moz-transform: scale(1.0);
            opacity: 1;
        }
    }

    .bubble-sec {
        position: absolute;
        left: 0px;
        width: 200px;
        height: 200px;
        bottom: -310px;
    }

    #star {
        margin-top: -56px;
        margin-left: -38px;
        background: #c57241;
        width: 90px;
        height: 90px;
    }

    #star2 {
        margin-left: -106px;
        background: #0e1d3f;
        height: 90px;
        width: 90px;
    }

    #star1 {
        margin-top: 51px;
    }

    .container {
    }
}

@media (max-width: 1450px) {
    .main-section-header:after {
        height: 58px !important;
        width: 138px !important;
        background-size: 100% !important;
    }
}

@media (max-width:1368px) {
    .star {
        display: block;
        position: absolute;
        top: -16%;
        left: 37%;
        width: 30px;
        height: 30px;
        background: #666666;
        border-radius: 50%;
        overflow: hidden;
        z-index: 2;
        animation: glitter 6.5s linear 0s infinite normal;
        -webkit-animation: glitter 6.5s linear 0s infinite normal;
        -moz-animation: glitter 6.5s linear 0s infinite normal;
        -ms-animation: glitter 6.5s linear 0s infinite normal;
        -o-animation: glitter 6.5s linear 0s infinite normal;
    }

    @-webkit-keyframes glitter {
        0% {
            -webkit-transform: scale(1.0);
            opacity: 1;
        }

        25% {
            -webkit-transform: scale(0.5);
            opacity: 0;
        }

        50% {
            -webkit-transform: scale(1.0);
            opacity: 1;
        }

        75% {
            -webkit-transform: scale(0.5);
            opacity: 0;
        }

        100% {
            -webkit-transform: scale(1.0);
            opacity: 1;
        }
    }

    @-moz-keyframes glitter {
        0% {
            -moz-transform: scale(1.0);
            opacity: 1;
        }

        25% {
            -moz-transform: scale(0.5);
            opacity: 0;
        }

        50% {
            -moz-transform: scale(1.0);
            opacity: 1;
        }

        75% {
            -moz-transform: scale(0.5);
            opacity: 0;
        }

        100% {
            -moz-transform: scale(1.0);
            opacity: 1;
        }
    }

    .bubble-sec {
        position: absolute;
        left: 0px;
        width: 200px;
        height: 200px;
        bottom: -310px;
    }

    #star {
        margin-top: -47px;
        margin-left: -47px;
        background: #c57241;
        width: 50px;
        height: 50px;
    }

    #star2 {
        margin-left: -69px;
        background: #0e1d3f;
        height: 60px;
        width: 60px;
    }

    #star1 {
        margin-top: -25px;
    }
}

@media (max-width: 1550px) {
    .text-banner {
        transition: background 0.3s,border 0.3s,border-radius 0.3s,box-shadow 0.3s;
        padding: 200px 0 228px 0;
    }

    .main-section-header:after {
        right: 0px;
        height: 84px;
        width: 193px;
        background-size: 100%;
    }

    .nav-link {
        display: block;
        padding: 0px 13px !important;
        font-size: 14px !important;
    }

    .inner-text-banner h2 {
        color: rgb(255 255 255);
        font-size: 38px;
    }

    .text-banner {
        padding: 74px 0 228px 0;
    }
}


    @media (max-width: 1500px) {

        .whatsapplink {
            top: 9px !important;
        }


        #myTab {
            position: relative;
        }

            #myTab:after {
                content: '';
                background-image: url(../images/sm1.png);
                position: absolute;
                bottom: 1px;
                right: 0px;
                height: 60px;
                width: 168px;
                background-size: 100%;
            }

        .main-section-header:after {
            height: 84px;
            width: 193px;
            background-size: 100%;
        }

        .container {
            margin: auto;
        }

        .carnewimg {
            max-width: 100%;
            display: block;
            width: 570px;
            margin: auto;
        }
    }


    .container-fluid {
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }

    .img2 img {
        max-width: 255px;
        margin-top: 0px;
    }

    .bottom-tabgroup a {
        font-size: 13px;
        color: #10567e;
        text-shadow: none;
        font-family: 'Montserrat', sans-serif;
        font-weight: 500;
    }

        .bottom-tabgroup a:hover {
            color: #1b7cb3;
        }

    .bottom-tabgroup {
        background: rgb(255 255 255 / 50%);
        padding: 3px 11px;
        border: 1px solid #d5d5d9;
        border-radius: 2px;
        margin-top: 0px;
        display: none;
    }

        .bottom-tabgroup i {
            margin-right: 5px;
        }

    .view-modify-sec {
        float: left;
    }

    .print-invoice-sec {
        float: right;
    }

    .circle {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 100px !important;
        height: 100px !important;
        border-radius: 100%;
        margin: 20px;
        transition: 4s linear;
        opacity: 0.9;
    }

        .circle::after {
            content: '';
            position: absolute;
            z-index: -1;
            width: 50%;
            height: 50%;
            opacity: 1;
            box-shadow: 0 0px 0px 0px rgba(255,255,255,1);
            border-radius: 100%;
        }

    .animation-bbl {
        position: absolute;
        bottom: -56px;
        left: -500px;
        width: 100%;
        height: 400px;
    }

    @media screen and (min-width:1399px) and (max-width: 1920px) {
        .img1 img {
            max-width: 363px;
            z-index: 9;
            position: absolute;
            bottom: -67px;
            left: -225px;
        }
    }

    @media screen and (min-width: 1700px) and (max-width: 1920px) {
        .bg-home {
            margin-top: -200px;
            margin-bottom: 50px;
        }

        #myTab {
            position: relative;
        }

            #myTab:after {
                content: '';
                /*   background-image: url(../images/sm1.png);*/
                position: absolute;
                bottom: 18px;
                right: 6px;
                height: 67px;
                width: 164px;
                background-size: 100%;
            }

        .carimages-section .img-fluid {
            margin-left: 25px;
        }

        .bottom-tabgroup a {
            font-size: 14px;
        }

        .img1 img.ist-img-gif {
            display: none;
        }

        .img1 img.sec-img-gif {
            display: block;
        }

        .img1 img {
            max-width: 275px;
            z-index: 9;
            position: absolute;
            bottom: 0px;
            left: -249px;
            -webkit-transform: rotate(10deg);
            -moz-transform: rotate(10deg);
            -ms-transform: rotate(10deg);
            -o-transform: rotate(10deg);
            transform: rotate(10deg);
        }

        .form-group {
            margin-bottom: 28px;
        }

        #myTab {
            padding: 15px 0px;
        }

        .bottom-tabgroup {
            background: rgb(255 255 255 / 50%);
            padding: 5px 11px;
            border: 1px solid rgb(233 233 233 / 37%);
            border-radius: 0;
            margin-top: 17px;
        }

            .bottom-tabgroup a {
                font-size: 13px;
                color: #10567e;
                text-shadow: none;
                font-family: 'Montserrat', sans-serif;
                font-weight: 500;
            }

                .bottom-tabgroup a:hover {
                    color: #185172;
                }

        .view-modify-sec {
            float: left;
        }

        .print-invoice-sec {
            float: right;
        }

        .carimages-section {
            margin-bottom: 100px;
        }

        .carnewimg {
            max-width: 100%;
            display: block;
            width: 550px;
            margin: auto;
        }

        .img2 img {
            width: 350px;
            position: absolute;
            right: 0px;
            bottom: -45px;
        }

        .img2 img {
            max-width: 350px;
            margin-top: 0px;
        }

        .carimages-section .img-fluid {
            width: 100%;
        }
    }

    #UpdatePanel11 {
        margin-top: 13px;
    }

    span.progress__number {
        color: #fff;
    }


    .animation-sec-banner {
        min-width: 320px;
        max-width: 980px;
        margin: 0 auto;
        display: block;
        height: 100%;
        position: relative;
        min-height: 320px;
    }
    /* Frames CSS3 */

    .heading-modify h3 {
        font-size: 1.6rem;
        color: #000000;
        text-shadow: none;
        line-height: 40px;
        font-weight: 800;
    }

    .tab-panel-modify {
        margin-top: 40px;
    }

    .form-group.modify-sec {
        margin-bottom: 38px;
    }

    .overlaysec-p {
        background: rgba(10, 10, 10, 0.8196078431372549);
        position: fixed;
        height: 100%;
        width: 100%;
        top: 0px;
        z-index: 999;
    }

    .basepayment {
        height: 200px;
        width: 450px;
        background: #fff;
        border-radius: 2px;
        padding: 25px;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -o-transform: translate(-50%,-50%);
    }

        .basepayment h2 {
            font-size: 20px;
            text-align: center;
            color: #086eb3;
            margin-bottom: 24px;
        }

    .radiobtn-sec {
        text-align: center;
        border: 1px solid rgb(221 221 221 / 29%);
        padding: 6px 0px 2px;
    }

    input#paymentsecclick2 {
        margin-left: 50px;
    }

    input#submitselect {
        background: #ff9300;
        border: none;
        color: #ffffff;
        padding: 3px 30px;
        border-radius: 2px;
        transition: 0.8s;
    }

        input#submitselect:hover {
            background: #cb7909;
        }

    .btn-ctrl {
        text-align: center;
        margin-top: 34px;
    }

    #our-partner {
        display: none !important;
    }
    /*.social-media {
    align-items: center;
    display: flex;
    transition: transform 0.3s ease-in-out;
}

    .social-media:hover {
        transform: translateX(calc(-100% + 60px));
    }

    .social-media i {
        color: #fff;
        font-size: 20px;
        padding: 15px;
        text-align: center;
        width: 60px;
    }

    .social-media a {
        color: #fff;
        padding: 0 10px;
        text-align: center;
        text-decoration: none;
    }

.social-media-container {
    top: 50%;
    list-style-type: none;
    padding: 0;
    position: fixed;
    left: calc(100% - 60px);
    transform: translateY(-50%);
    min-width: 250px;
}

.social-media.blog {
    background-color: #014592;
}

.social-media.pinterest {
    background-color: #bd081c;
}

.social-media.linkedin {
    background-color: #007;
}

.social-media.instagram {
    background-color: #c13584;
}

.social-media.github {
    background-color: #333;
}*/
    .innerwhatsappicon a {
        position: relative;
    }

    .innerwhatsappicon a {
        content: '';
        position: absolute;
        background-image: url(../images/whatsappicon.png) !important;
        height: 32px;
        width: 32px;
        top: 3px;
        right: 4px;
        z-index: 999999999999;
        background-repeat: no-repeat;
    }

    .whatsapplink {
        position: absolute;
        top: 18px;
        right: -62px;
        z-index: 99;
    }
.posrltv{
    position:relative;
}
@media (max-width: 768px) {
    .btntoTop {
        display: none;
    }
    .whatsapplink {
        position: absolute;
        top: 18px;
        right: 60px;
        z-index: 99;
    }
}





header .item {
    height: 100vh;
    position: relative;
}

    header .item img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    header .item .cover {
        padding: 75px 0;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.6);
        display: flex;
        align-items: center;
    }

        header .item .cover .header-content {
            position: relative;
            padding: 56px;
            overflow: hidden;
        }

            header .item .cover .header-content .line {
                content: "";
                display: inline-block;
                width: 100%;
                height: 100%;
                left: 0;
                top: 0;
                position: absolute;
                border: 9px solid #fff;
                -webkit-clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%);
                clip-path: polygon(0 0, 60% 0, 36% 100%, 0 100%);
            }

            header .item .cover .header-content h2 {
                font-weight: 300;
                font-size: 35px;
                color: #fff;
            }

            header .item .cover .header-content h1 {
                font-size: 56px;
                font-weight: 600;
                margin: 5px 0 20px;
                word-spacing: 3px;
                color: #fff;
            }

            header .item .cover .header-content h4 {
                font-size: 24px;
                font-weight: 300;
                line-height: 36px;
                color: #fff;
            }
.top-menu.pull-right ul li a{
    position:relative;
}
    .top-menu.pull-right ul li:first-child a:before {
        position: absolute;
        content: '';
        background: url(../images/icon-bcr.png);
        height: 37px;
        width: 37px;
        left: -38px;
        top: -10px;
        background-position: -229px -409px;
    }
@media screen and (min-width: 769px) and (max-width: 992px) {
    .backgroundinput {
        background: none;
        border-radius: 4px;
        display: block !important;
    }
    .inputbox {
        width: 100%;
        background: rgb(255 255 255 / 55%);
        border-right: 1px solid #ddd;
        outline: none;
        padding: 0px !important;
        margin-bottom: 16px;
        border-radius: 3px;
    }
    .secmain {
        padding: 0px;
        height: 523px !important;
        background: #0e1d3d;
    }
    .reservation-form-shadow {
        padding: 35px 16px;
        border-radius: 3px;
        position: relative;
        width: 93% !important;
        -webkit-transform: none;
        background: rgb(255 255 255);
        margin: auto;
        top: auto;
        left: auto;
        margin-top: 41px;
    }
    .form-control, .form-select {
        height: 44px !important;
        /* background: rgb(255 255 255 / 55%); */
        border-radius: 3px;
        border: 1px solid #a5a3a3 !important;
    }
    .brand img {
        width: 180px !important;
    }
    .whatsapplink {
        right: -47px !important;
    }
    .reservation-form-shadow.introfixed {
        position: relative !important;
    }
    .submit {
        width: 57% !important;
        background-position: 50% -470px !important;
    }
}
@media screen and (min-width: 992px) and (max-width:1024px ) {
    .col-md-9.mob-dnone {
        width: 70% !important;
    }

    .brand img {
        width: 100% !important;
    }
}
#RadioButtonList1 input[type='radio'] {
    -webkit-appearance: none;
    width: 16px;
    height: 16px;
    border: 2px solid #283e8a;
    border-radius: 50%;
    outline: none;
    position: relative;
    top: 0px;
}
    #RadioButtonList1 input[type='radio']:before {
        content: '';
        display: block;
        width: 6px;
        height: 7px;
        margin: 25% auto;
        border-radius: 50%;
    }
.airportfromto {
    background: #ddd;
    padding: 6px 5px 5px 5px;
    width: 150px;
    height: 34px;
    border-radius: 3px;
    margin-top: 6px;
}
.pac-container.pac-logo.hdpi {
    width: 500px !important;
}

#suggestions1 {
    border: 1px solid #ccc;
    /* max-height: 600px; */
    /* overflow-y: auto; */
    position: absolute;
    width: 510px;
    background: #fff;
    z-index: 1000;
}

    #suggestions1 li {
        padding: 2px 12px;
        cursor: pointer;
    }

        #suggestions1 li:hover {
            background: #f0f0f0;
        }


#suggestions2 {
    border: 1px solid #ccc;
    /* max-height: 600px; */
    /* overflow-y: auto; */
    position: absolute;
    width: 510px;
    background: #fff;
    z-index: 1000;
}

    #suggestions2 li {
        padding: 2px 12px;
        cursor: pointer;
    }

        #suggestions2 li:hover {
            background: #f0f0f0;
        }