/** Default CSS **/
a:focus {
    outline: 0 solid;
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

iframe {
    vertical-align: middle;
    width: 100%;
}

input {
    font-family: 'Open Sans', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0 0 15px;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
    line-height: 100%;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: inherit
}

html, body {
    height: 100%;
    font-family: 'Open Sans', sans-serif;
}

a {
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    font-weight: 400;
    font-family: 'Open Sans', sans-serif;
}

a:hover {
    text-decoration: none;
    color: #000000;
}

a:focus {
    text-decoration: none;
}

a:active {
    outline: 0 none;
}

button {
    border: none;
}

.btn:focus {
    box-shadow: none;
}

button:hover {
    outline: none;
    cursor: pointer;
}

select:active, button:active {
    outline: none;
}

select:focus, button:focus {
    outline: none;
}

ul {
    padding: 0;
    margin: 0;
}

ul li {
    list-style-type: none;
}

.browserupgrade {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

p {
    color: #000;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 24px;
}

input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus {
    box-shadow: 0 0 0 1000px white inset !important;
    -webkit-box-shadow: 0 0 0 1000px white inset !important;
}

.form-group label {
    text-transform: capitalize;
    font-size: 14px;
    font-weight: 400;
}

.form-group .submit-btn {
    background-image: none;
    background-color: #fb4f1b;
    border: none;
    color: #ffffff;
    font-size: 17px;
    padding: 15px 25px;
    text-transform: capitalize;
    transition: .4s;
    min-width: 165px;
}

.form-group .submit-btn:hover {
    background-color: #000000 !important;
}

.form-group .form-control {
    height: 45px;
    box-shadow: none;
    outline: none;
    border-radius: 0;
    border: 1px solid #dddddd;
}

.form-group .form-control:focus {
    outline: none;
}

.form-group textarea {
    width: 100%;
    padding: 6px 12px;
    border: 1px solid #dddddd;
    resize: none;
}

.section {
    position: relative;
    overflow: hidden;
}

.row{
    margin: 0 -8px;
}
.container,.container-fluid{
    padding: 0 8px;
}
[class*="col-"]{
    padding: 0 8px;
}

.dropdown-menu {
    border-radius: 0;
}

.slick-slide:focus {
    outline: none;
}

.navbar-toggler {
    background-color: #ffffff00;
}

.section-heading {
    margin-bottom: 30px;
    font-size: 28px;
    color: #212121;
    font-weight: 600;
    text-transform: capitalize;
    font-family: 'Open Sans', sans-serif;
    text-align: center !important;
    position: relative;
    padding-bottom: 10px;
}

.section-heading::after {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 40px;
    height: 3px;
    background-color: #F78B00;
    content: '';
}

/* Sticky */
.sticky {
    position: fixed !important;
    width: 100%;
    transition: all ease-in-out 0.5s;
    transform: translateY(-10px);
    top: 0;
    padding: 27px 0 19px !important;
    background: #fff;
    z-index: 99;
}
.sticky .navbar-brand .stikey-logo{
    display: block !important;
    background: transparent;
    width: 70px !important;
    padding: 0 !important;
}

/** Default CSS **/

@media (min-width: 1200px) {
    .container {
        max-width: 1680px;
        padding: 0 43px;
    }

    .container-tab {
        max-width: 1680px;
        padding: 0 139px;
    }

}


/* ------------header-area-start-------------- */
header {
    width: 100%;
    position: relative;
    overflow: hidden;
    background-color: #00285F;
    padding: 10px 0 9px;
}

header .header-area {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

header .header-area .topic-area ul {
    display: flex;
    flex-wrap: wrap;
}

header .header-area .topic-area ul a {
    font-size: 12px;
    color: #FFFFFF;
    margin-right: 18px;
    text-transform: capitalize;
}

header .header-area .language-part {
    position: relative;
}

header .header-area .language-part ul li button {
    font-size: 12px;
    color: #FFFFFF;
}

/* ------------header-area-end-------------- */

/* ------------menu-area-start-------------- */
#topbar-area {
    width: 100%;
    position: relative;
    background-color: #FFFFFF;
    border-bottom: 1px solid #00000029;
    padding: 20px 0 19px;
}

#topbar-area .top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

#topbar-area .top .logo-pic {
    position: relative;
}

#topbar-area .top .logo-pic img {
    width: 156px;
}

#topbar-area .top .menu-info {
    position: relative;
    flex: 1;
    margin-left: 27px;
}

#topbar-area .top .menu-info ul {
    display: flex;
}

#topbar-area .top .menu-info ul li a {
    font-size: 14px;
    color: #212121;
    margin-right: 31px;
    text-transform: capitalize;
    font-weight: 600;
}

#topbar-area .navbar {
    position: relative;
    padding: 0;
}

#topbar-area .navbar .navbar-brand img {
    width: 144px;
}

#topbar-area .navbar .navbar-nav .nav-item .nav-link {
    font-size: 14px;
    color: #212121;
    margin-right: 21px;
    text-transform: capitalize;
    font-weight: 600;
}

#topbar-area .navbar .navbar-collapse {
    justify-content: space-between;
}

#topbar-area .navbar .navbar-brand {
    padding: 0;
    margin-right: 26px;
}

#topbar-area .navbar-toggler {
    position: relative;
    width: 50px;
    height: 50px;
    transition: all ease-in-out 0.5s;
    border: solid 1px hsl(0, 2%, 41%);
    padding: 9px;
}

.navbar-light .navbar-toggler-icon {
    height: 2px;
    display: inherit;
    margin: 6px 0;
    background-color: #000000;
}

#topbar-area .selected-active span.navbar-toggler-icon:nth-child(1) {
    transform: rotate(-45deg);
    top: 17px;
    position: absolute;
    transition: 0.15s ease-in-out;
    left: 7px;
}

#topbar-area .selected-active span.navbar-toggler-icon:nth-child(2) {
    opacity: 0;
    transition: 0.3s ease-out;
}

#topbar-area .selected-active span.navbar-toggler-icon:nth-child(3) {
    transform: rotate(44deg);
    position: absolute;
    left: 6px;
    top: 17px;
    transition: 0.15s ease-in-out;
}

#topbar-area .navbar .main-content ul {
    display: flex;
    margin: 0 -8px;
}

#topbar-area .navbar .main-content ul li {
    padding: 0 8px;
}

#topbar-area .navbar .main-content ul li .btn {
    background-color: #ED5505;
    color: #FFFFFF;
    /* box-shadow: 0px 1px 1px #00000029; */
    font-size: 14px;
    padding: 13px 20px;
    text-transform: capitalize;
    font-weight: 400;
    border-radius: 4px;
    opacity: 1;
    line-height: 21px;
    transition: 0.5s;
    box-shadow: none;
    border: none;
    width: 150px;
    height: 46px;
    text-align: center;
}

#topbar-area .navbar .main-content ul li .btn:hover {
    color: #ED5505;
    background-color: #FFFFFF;
    border: 2px solid #ED5505;
}

#topbar-area .navbar .main-content ul li .btn-secondary {
    border: 2px solid #ED5505;
    color: #ED5505;
    /* box-shadow: 0px 1px 1px #00000029; */
    font-size: 14px;
    padding: 13px 20px;
    text-transform: capitalize;
    font-weight: 400;
    border-radius: 4px;
    opacity: 1;
    line-height: 21px;
    transition: 0.5s;
    box-shadow: none;
    width: 150px;
    height: 46px;
    background: transparent;
    margin-right: 0;
}

#topbar-area .navbar .main-content ul li .btn-secondary:hover {
    background-color: #ED5505;
    color: #FFFFFF;
}

/* ------------banner-area-start-------------- */
#banner-area {
    width: 100%;
    position: relative;
    overflow: hidden;
}

#banner-area .pic-area {
    /*height: 615px;*/
    /*overflow: hidden;*/
}

#banner-area .pic-area img {
    /*object-fit: cover;*/
    /*height: 615px;*/
    width: 100%;
}

#banner-area .pic-area::before {
    content: " ";
    top: 0;
    left: 0;
    position: absolute;
    height: 100%;
    width: 100%;

}

#banner-area .car-info {
    /*background-color: #000000;*/
    /*opacity: 0.5;*/
    /*padding: 20px;*/
}

#banner-area .car-info .car-part {
    position: absolute;
    left: 50%;
    top: 18%;
    width: 62%;
    transform: translateX(-50%);
    background-color: #00000073;
    border-radius: 4px;
    box-shadow: 0 3px 6px #00000036;
}

#banner-area .car-info .car-part .form-group div{
    position: relative;
    display: flex;
    flex-direction: row-reverse;
    background: white;
    border: 1px solid #EEEEEE;
    border-radius: 4px;
    align-items: center;
    /*padding: 0 10px;*/
}
/*#banner-area .car-info .car-part .form-group div{*/
/*    padding: 0 10px;*/
/*}*/
#banner-area .car-info .car-part .form-group .form-control {
    background-color: #FFFFFF;
    border: none;
    /* border-radius: 4px; */
    font-size: 14px;
    height: 48px;
    padding: 15px 13px 13px 4px;
}

#banner-area .car-info .car-part .form-group .form-control::placeholder {
    color: #9E9E9E;
}

.form-group img {
    flex-shrink: 0;
    flex-grow: 0;
    height: 20px;
    width: 20px;
}

/*#banner-area .car-info .car-part .pay-box {*/

/*}*/

/*#banner-area .car-info .car-part .pay-box .chkbox.area-2 {*/
/*    display: flex;*/
/*    flex-direction: row;*/
/*    padding-bottom: 10px;*/
/*}*/

/*#banner-area .car-info .car-part .pay-box .chkbox.area-2 .check.area2 {*/
/*    position: absolute;*/
/*    bottom: 8px;*/
/*    right: 8px;*/
/*    width: 17px;*/
/*    height: 18px;*/
/*    background-color: #FFF;*/
/*    border: 1px solid #9D9D9D;*/
/*    border-radius: 4px;*/
/*    transition: all 0.15s cubic-bezier(0, 1.05, 0.72, 1.07);*/
/*}*/

/*.chkbox.area-2 input {*/
/*    opacity: 0;*/
/*    visibility: hidden;*/
/*    position: absolute;*/
/*}*/

/*.chkbox.area-2 .check::after {*/
/*    content: '';*/
/*    width: 33px;*/
/*    height: 22px;*/
/*    opacity: 0;*/
/*    top: -31%;*/
/*    right: -10px;*/
/*    z-index: 4;*/
/*    position: absolute;*/
/*    transform: scale(0);*/
/*    background-size: 50%;*/
/*    background-image: url(../images/check-icon.png);*/
/*    background-repeat: no-repeat;*/
/*    background-position: center;*/
/*    border-radius: 50%;*/
/*}*/

/*.chkbox.area-2 input:checked ~ .check {*/
/*    !*border-color: rgb(255 255 255 / 0%);*!*/
/*    box-shadow: 0 0 0 15px rgba(255 255 255 .5) inset;*/
/*}*/

/*.chkbox.area-2 input:checked ~ .check::after {*/
/*    opacity: 1;*/
/*    transform: scale(1);*/
/*}*/
#banner-area .car-info .car-part .pay-box .checkbox-area{
    display: flex;
    padding-bottom: 18px;
    margin: 0 -16px;
}
#banner-area .car-info .car-part .pay-box .checkbox-area .checkbox{
    padding: 0 16px;
    position: relative;
    top: -2px;
}
.checkbox input{
    opacity: 0;
    visibility: hidden;
    position: absolute;
}
.checkbox .check{
    top: 3px;
    left: 1px;
    width: 18px;
    height: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background-color: #FFF;
    border-radius: 2px;
    border: 2px solid #535353;
    transition: all 0.15s cubic-bezier(0, 1.05, 0.72, 1.07);
}
.checkbox .check::after{
    content: '';
    width: 33px;
    height: 22px;
    opacity: 0;
    top: -31%;
    right: -10px;
    z-index: 4;
    position: absolute;
    transform: scale(0);
    background-size: 50%;
    background-image: url(../images/check-icon.png);
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%;
}

.checkbox  input:checked ~ .check {
    box-shadow: 0 0 0 15px rgba(255 255 255 .5) inset;
}

.checkbox  input:checked ~ .check::after {
    opacity: 1;
    transform: scale(1);
}
.checkbox-area label{
    color: #FFFFFF;
    font-size: 14px;
    margin: 0;
}

#product-main-sec .delivery-info-area .wallet-area h3 {
    color: #212121;
    font-size: 18px;
    margin-bottom: 0;
    font-weight: 600;
    text-transform: capitalize;
}

.pay-box .chkbox.area-2 .check {
    top: 3px;
    left: 1px;
    width: 18px;
    height: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    background-color: #FFF;
    border-radius: 2px;
    border: 2px solid #535353;
    transition: all 0.15s cubic-bezier(0, 1.05, 0.72, 1.07);
}

#banner-area .car-info .car-part .pay-box .chkbox.area-2 .point-box {
    margin-left: 16px;
    width: 100%;
}

#banner-area .car-info .car-part .pay-box .chkbox.area-2 .point-box ul li.line-3 {
    color: #FFFFFF;
    font-size: 14px;
    margin-top: 2px;
}

#banner-area .car-info .car-part .button-area {
    width: 100%;
    position: relative;
    border-top: 1px solid #ffffff5e;
    padding: 20px;
    /*opacity: 0.38;*/
    text-align: right;
}

#banner-area .car-info .car-part .car-details {
    padding: 20px;
}

#banner-area .car-info .car-part .button-area .btn {
    text-transform: uppercase;
    font-size: 16px;
    padding: 12px 40px 11px 40px;
    background-color: #00285F;
    border: none;
    width: 180px;
    border-radius: 4px;
}

/* ------------banner-area-start-------------- */

/* ------------fleet-area-start-------------- */
.fleet-area {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding: 48px 0 23px;
}

.fleet-area .fleet-service {
    position: relative;
    margin-top: 37px;
    height: 306px;
}

.fleet-area .fleet-service .fleet-info {
    background-color: #FFFFFF;
    box-shadow: 0 3px 6px #00000029;
    border-radius: 4px;
    padding: 8px;
}

.fleet-area .fleet-service .fleet-info .shorted-area {
    text-align: right;
}

.fleet-area .fleet-service .fleet-info .shorted-area ul {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.fleet-area .fleet-service .fleet-info .shorted-area ul li {
    font-size: 12px;
    transition: 0.4s;
    color: #00285F;
    font-weight: 600;
}

.fleet-area .fleet-service .fleet-info .shorted-area ul li {
    cursor: pointer;
}

.fleet-area .fleet-service .fleet-info .shorted-area ul li.list-view span {
    font-size: 14px;
    margin-left: 4px;
    color: #00285F;
}

.fleet-area .fleet-service .fleet-info .shorted-area ul li.list-view span.active i {
    transform: rotate(180deg);
}

.fleet-area .fleet-service .fleet-info .shorted-area ul li.list-view span {
    margin-left: 4px;
    font-weight: 600;
}

.fleet-area .fleet-service .fleet-info .pic-area {
    text-align: center;
}

.fleet-area .fleet-service .fleet-info .pic-area img {
    margin: 0 auto;
}

.fleet-area .fleet-service .fleet-info .content-area {
    position: relative;
    margin-top: 25px;
}

.fleet-area .fleet-service .fleet-info .content-area ul li {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.fleet-area .fleet-service .fleet-info .content-area ul li h2 {
    color: #212121;
    font-size: 16px;
    margin-bottom: 0;
    font-weight: 600;
    text-transform: capitalize;
}

.fleet-area .fleet-service .fleet-info .content-area ul li span {
    font-size: 16px;
    color: #ED5505;
    font-weight: 600;
}

.fleet-area .fleet-service .fleet-info p {
    margin-top: 8px;
    font-size: 12px;
    color: #535353;
    text-align: left;
}

.fleet-area .fleet-service .fleet-info .text-area {
    border-bottom: 1px solid #EEEEEE;
    margin-top: 8px;
}

.fleet-area .fleet-service .fleet-info .text-area h2 {
    font-size: 12px;
    color: #535353;
    margin-bottom: 8px;
    font-weight: 500;
}

.fleet-area .fleet-service .fleet-info .button-area {
    position: relative;
    margin: 14px 0 9px;
    text-align: center;
}

.fleet-area .fleet-service .fleet-info .button-area .btn {
    background-color: #ED5505;
    padding: 11px 39px 10px 39px;
    font-size: 16px;
    font-weight: 500;
    border: 1px solid #FFFFFF;
    border-radius: 4px;
}

/* ------------fleet-area-end-------------- */
.fleet-area .fleet-service-2 {
    position: relative;
    margin-top: 37px;
    box-shadow: 0 3px 6px #00000029;
    border-radius: 4px;
}

.fleet-area .fleet-service-2 .fleet-info-2 {
    /*background-color: #FAFAFA;*/
    border-radius: 4px 4px 0 0;
    padding: 4px;
}

.fleet-area .fleet-service-2 .fleet-info-2 .shorted-area {
    text-align: right;
}

.fleet-area .fleet-service-2 .fleet-info-2 .shorted-area ul {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
}

.fleet-area .fleet-service-2 .fleet-info-2 .shorted-area ul li {
    font-size: 12px;
    transition: 0.4s;
    color: #00285F;
    font-weight: 600;
}

.fleet-area .fleet-service-2 .fleet-info-2 .shorted-area ul li {
    cursor: pointer;
}

.fleet-area .fleet-service-2 .fleet-info-2 .shorted-area ul li.list-view span {
    font-size: 14px;
    margin-left: 4px;
    color: #00285F;
}

.fleet-area .fleet-service-2 .fleet-info-2 .shorted-area ul li.list-view span.active i {
    transform: rotate(180deg);
}

.fleet-area .fleet-service-2 .fleet-info-2 .shorted-area ul li.list-view span {
    margin-left: 4px;
    font-weight: 600;
}

.fleet-area .fleet-service-2 .fleet-info-2 .pic-area {
    text-align: center;
}

.fleet-area .fleet-service-2 .fleet-info-2 .pic-area img {
}

.fleet-area .fleet-service-2 .lower-inner .content-area {
    position: relative;
    margin-top: 6px;
}

.fleet-area .fleet-service-2 .lower-inner .content-area ul li {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.fleet-area .fleet-service-2 .lower-inner .content-area ul li h2 {
    color: #212121;
    font-size: 16px;
    margin-bottom: 0;
    font-weight: 600;
    text-transform: capitalize;
}

.fleet-area .fleet-service-2 .lower-inner .content-area ul li span {
    font-size: 16px;
    color: #ED5505;
    font-weight: 600;
}

.fleet-area .fleet-service-2 p {
    margin-top: 8px;
    font-size: 12px;
    color: #535353;
    text-align: left;
}

.fleet-area .fleet-service-2 .lower-inner .text-area {
    border-bottom: 1px solid #EEEEEE;
    margin-top: 8px;
}

.fleet-area .fleet-service-2 .lower-inner .text-area h2 {
    font-size: 12px;
    color: #535353;
    margin-bottom: 8px;
    font-weight: 500;
}

.fleet-area .fleet-service-2 .lower-inner .button-area {
    position: relative;
    margin: 14px 0 9px;
    text-align: center;
}

.fleet-area .fleet-service-2 .lower-inner .button-area .btn {
    background-color: #ED5505;
    padding: 11px 39px 10px 39px;
    font-size: 16px;
    font-weight: 500;
    border: 1px solid #FFFFFF;
    border-radius: 4px;
}

.fleet-area .fleet-service-2 .fleet-info-2 .details-area {
    margin: 23px 0 -20px;
    padding: 6px;
}

.fleet-area .fleet-service-2 .fleet-info-2 .details-area ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    /*padding: 11px;*/
}

.fleet-area .fleet-service-2 .fleet-info-2 .details-area ul li {
    font-size: 14px;
    color: #535353;
    margin-bottom: 24px;
}

.fleet-area .fleet-service-2 .fleet-info-2 .details-area ul li img {
    margin-right: 6px;
}

.fleet-area .fleet-service-2 .lower-inner {
    padding: 8px;
}
.fleet-area .car-item {
    margin: 0 9px 0 9px;
}
.fleet-area .view-button {
    position: relative;
    margin-top: 38px;
}

/* -------slick slider area start-------- */
.slick-prev, .slick-next {
    height: 48px;
    width: 48px;
    border: none;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 1px 2px rgba(0, 0 ,0, .16);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99;
    left: -15px !important;
    right: auto !important;
    background-image: url(../images/arrow-left.png);
    background-repeat: no-repeat !important;
    background-position: center center !important;
}
.slick-next{
    right: -15px !important;
    left: auto !important;
    background-image: url(../images/arrow-right.png);
}
.slick-prev::before,.slick-next::before {
    display: none;
}

.slick-prev:hover, .slick-prev:focus {
    background: #fff;
    background-image: url(../images/arrow-left.png);
}
.slick-next:hover, .slick-next:focus{
    background: #fff;
    background-image: url(../images/arrow-right.png);
}
/* -------slick slider area close-------- */
/* ------------packages-area-start-------------- */
.packages-area {
    width: 100%;
    position: relative;
    overflow: hidden;
}

/*.packages-area .packages-card .package-area {*/
/*    display: flex;*/
/*    flex-wrap: wrap;*/
/*    justify-content: space-around;*/
/*}*/

.packages-area .packages-card .package-info {
    /*width: 340px;*/
    position: relative;
    background-color: #FAFAFA;
    box-shadow: 0 3px 6px #00000029;
    border-radius: 4px;
    transition: all .4s ease;
}

/*.packages-area .packages-card .package-info:hover {*/
/*    background-color: #F78B00;*/
/*    color: #FFFFFF;*/
/*}*/

/*.packages-area .packages-card .package-info:hover .content-area .main-header h2,*/
/*.packages-area .packages-card .package-info:hover .content-area .main-header h3,*/
/*.packages-area .packages-card .package-info:hover .content-area .point-area ul li,*/
/*.packages-area .packages-card .package-info:hover .content-area .button-area .btn {*/
/*    color: #FFFFFF;*/

/*}*/

.packages-area .packages-card .package-info .content-area {
    padding: 24px 20px;
    transition: 0.4s;
    margin-bottom: 22px;
}

.packages-area .packages-card .package-info .content-area .main-header {
    position: relative;
}

.packages-area .packages-card .package-info .content-area .main-header h2 {
    font-size: 24px;
    color: #212121;
    margin-bottom: 10px;
    font-weight: 600;
}

.packages-area .packages-card .package-info .content-area .main-header h3 {
    font-size: 14px;
    color: #212121;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.packages-area .packages-card .package-info .content-area .point-area {
    position: relative;
    margin-bottom: 62px;
    height: 100px;
    overflow-y: auto;
}

.packages-area .packages-card .package-info .content-area .point-area ul li {
    color: #212121;
    font-size: 14px;
    font-weight: 500;
    margin: 0 -14px 13px;
    display: flex;
    align-items: center;
}

.packages-area .packages-card .package-info .content-area .point-area ul li i {
    color: #ED5505;
    font-size: 14px;
    padding: 0 14px;
}

.packages-area .packages-card .package-info .content-area .button-area {
    position: relative;
    text-align: center;
}

.packages-area .packages-card .package-info .content-area .button-area .btn {
    padding: 13px 60px 12px 60px;
    border: 1px solid #ED5505;
    border-radius: 24px;
    font-size: 16px;
    color: #ED5505;
    background: transparent;
    text-transform: uppercase;
    font-weight: 600;
}
.packages-area .view-button {
    position: relative;
    margin-top: 38px;
}

/* ------------packages-area-end-------------- */

/* ------------deals-area-start-------------- */
.deals-area {
    width: 100%;
    position: relative;
    padding: 77px 0 0;

}

.deals-area .bg-pic {
    background-image: url(../images/bg-pic.png);
    background-position: right;
    background-repeat: no-repeat;
    height: 631px;
    position: relative;
}

.deals-area .deals-main {
    width: 100%;
    position: relative;
    box-shadow: 0 2px 4px #00000029;
    border-radius: 4px;
}

.deals-area .deals-main .pic-area {
    position: relative;
}

.deals-area .deals-main .pic-area img {
        width: 100%;
    height: 274px;
    object-fit: cover;
}

.deals-area .deals-main .text-area {
    padding: 8px 8px 16px 8px;
    background-color: #FFFFFF;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.deals-area .deals-main .text-area h2 {
    font-size: 18px;
    color: #ED5505;
    line-height: 27px;
    margin-bottom: 8px;
    font-weight: 600;
    text-transform: capitalize;
}

.deals-area .deals-main .text-area p {
    font-size: 14px;
    color: #535353;
    margin-bottom: 0;
    font-weight: 500;
    line-height: 21px;
}

.deals-area .deals-main .text-area .button-area {
    margin-top: 26px;
    display: flex;
    justify-content: center;
}

.deals-area .deals-main .text-area .button-area .btn {
    padding: 11px 29px 10px 29px;
    background-color: #ed5505;
    border-radius: 4px;
    border: none;
    text-transform: capitalize;
}

.deals-area .button-area {
    position: relative;
    margin-top: 41px;
    text-align: right;
}

.deals-area .button-area h2 {
    margin-bottom: 0;
}

.deals-area .button-area h2 a {
    color: #FFFFFF;
    font-size: 16px;
    text-align: right;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 0;
}

.deals-area .button-area h2 a img {
    width: 6px;
    margin-left: 10px;
}

.deals-area .bgp-curve-botWrap {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    top: 18%;
    /* height: 198px; */
    overflow: hidden;
}

.deals-area .bgp-curve-botWrap .bgp-curveBot {
    width: 100%;
    height: 100%;
    /*-webkit-transform: skew(-79deg);*/
    /*-moz-transform: skew(20deg);*/
    /*-o-transform: skew(20deg);*/
    transform-origin: bottom right;
    -ms-transform: skew(-30deg, 0deg);
    -webkit-transform: skew(-30deg, 0deg);
    transform: skew(-68deg, 0deg);
    background: #ED5505;
    border-radius: 124px 90px 0 0;
    -moz-border-radius: 90px 90px 0 0;
}

.slick-slide img {
    display: inline-block;
}

/* ------------deals-area-end-------------- */

/* ------------footer-area-start-------------- */
.footer-area {
    width: 100%;
    position: relative;
    background-color: #00285F;
    padding: 30px 0 0;
}

.footer-area .footer-inner-content {
    position: relative;
    padding-left: 118px;
}

.footer-area .footer-inner-content h2 {
    font-size: 20px;
    color: #F6F6F6;
    line-height: 30px;
    text-transform: capitalize;
    font-weight: 700;
    margin-bottom: 18px;
}

.footer-area .footer-inner-content ul li {
    margin-bottom: 10px;
}

.footer-area .footer-inner-content ul li a {
    color: #F6F6F6;
    font-size: 16px;
    font-weight: 300;
}

.copyright-area {
    background-color: #00285F;
    position: relative;
}

.copyright-area .copyright-info {
    border-top: 1px solid #FAFAFA;
    padding: 24px 0;
    margin-top: 12px;
}

.copyright-area .copyright-info .main-area p {
    color: #F6F6F6;
    font-size: 14px;
    margin-bottom: 0;
}

.copyright-area .copyright-info .media-icon {
    position: relative;
}

.copyright-area .copyright-info .media-icon ul {
    display: flex;
    flex-direction: row;
}

.copyright-area .copyright-info .media-icon ul li a {
    color: #F6F6F6;
    font-size: 16px;
}

.copyright-area .copyright-info .media-icon ul li a i {
    margin-right: 12px;
}

.copyright-area .copyright-info .media-icon ul li a img {
    width: 14px;
    margin-right: 9px;
}

.copyright-area .copyright-info .main-area p {
    color: #F6F6F6;
    font-size: 14px;
    margin-bottom: 0;
}

/* ------------footer-area-end-------------- */

/* ------------login-modal-area-start-------------- */
.login-modal {
    position: relative;
}

.login-modal .modal-dialog {
    max-width: 456px;
}

.login-modal .modal-body {
    box-shadow: 0 3px 6px #00000029;
    border-radius: 6px;
    background-color: #FFFFFF;
    padding: 20px;
}

.login-modal .modal-body .login-details {
    position: relative;
}

.login-modal .modal-body .login-details .header-area {
    position: relative;
}

.login-modal .modal-body .login-details .header-area .section-heading {
    font-size: 18px;
    color: #212121;
    font-weight: 600;
    text-transform: capitalize;
    text-align: center;
    position: relative;
    margin-bottom: 0;
}

.login-modal .modal-body .login-details .header-area .section-heading::after {
    position: absolute;
    bottom: -4%;
    left: 50%;
    transform: translateX(-50%);
    width: 20px;
    height: 3px;
    background-color: #F78B00;
    content: '';
}

.login-modal .modal-body .login-details .main-form {
    margin-top: 28px;
}

.login-modal .modal-body .login-details .main-form .form-group {
    margin-bottom: 20px;
    position: relative;
}

.login-modal .modal-body .login-details .main-form .form-group .form-control {
    height: 48px;
    font-size: 14px;
    background-color: #FAFAFA;
    border: 1px solid #EEEEEE;
    border-radius: 4px;
    padding: 15px 16px 13px 16px;
}

.login-modal .modal-body .login-details .main-form .form-group .form-control::placeholder {
    color: #9E9E9E;
}

.login-modal .modal-body .login-details .main-form .right-area {
    position: relative;
    margin-top: 18px;
}

.login-modal .modal-body .login-details .main-form .right-area p {
    margin-bottom: 0;
    text-align: right;
}

.login-modal .modal-body .login-details .main-form .right-area p a {
    color: #00285F;
    font-size: 14px;
    font-weight: 600;
}

.login-modal .modal-body .login-details .btn-area {
    margin: 28px 11px 54px 15px;
}

.login-modal .modal-body .login-details .btn-area .btn {
    background-color: #ED5505;
    color: #FFFFFF;
    text-transform: uppercase;
    border-radius: 4px;
    width: 100%;
    padding: 13px 159px 12px 159px;
}

.login-modal .modal-body .login-details .lower-text {
    position: relative;
}

.login-modal .modal-body .login-details .lower-text p {
    font-size: 14px;
    color: #9E9E9E;
    margin-bottom: 0;
    text-align: center;
}

.login-modal .modal-body .login-details .lower-text h2 {
    margin-bottom: 0;
    text-align: center;
}

.login-modal .modal-body .login-details .lower-text h2 a {
    font-size: 14px;
    color: #00285F;
    font-weight: 500;
}

.login-modal .modal-body .login-details .btn-area.sign {
    margin: 28px 11px 30px 15px;
}

/* ------------login-modal-area-end-------------- */

/* ------------inner-banner-area-start-------------- */
/*#inner-banner {*/
/*    width: 100%;*/
/*    position: relative;*/
/*    overflow: hidden;*/
/*    background: url("../images/banner.png");*/
/*    background-size: cover;*/
/*    height: 615px;*/
/*    z-index: 1;*/
/*    display: flex;*/
/*    align-items: center;*/
/*}*/

#inner-banner .pic-area::before {
    content: " ";
    top: 0;
    left: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,.1);
    z-index: -1;
}


#inner-banner h2 {
    font-size: 28px;
    color: #FFFFFF;
    line-height: 42px;
    margin-bottom: 0;
    font-weight: 500;
}

/* ------------inner-banner-area-end-------------- */

/* ------------web-2-deals-area-start-------------- */
.deals-second {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding: 33px 0 0 0;
}

.section-head {
    margin-bottom: 33px;
    font-size: 28px;
    color: #212121;
    font-weight: 600;
    text-transform: capitalize;
    font-family: 'Open Sans', sans-serif;
    text-align: left;
    position: relative;
    padding-bottom: 10px;
    display: inline-block;
    line-height: 42px;
}

.section-head::after {
    position: relative;
    bottom: 0;
    /* left: 32px; */
    /* transform: translateX(-50%); */
    width: 60px;
    height: 2px;
    background-color: #F78B00;
    content: '';
    display: block;
    /* top: 2px; */
}

.deals-second .deals-main {
    width: 100%;
    position: relative;
    box-shadow: 0 2px 4px #00000029;
    border-radius: 4px;
    margin-bottom: 16px;
}

.deals-second .deals-main .pic-area {
    position: relative;
}

.deals-second .deals-main .pic-area img {
    width: 100%;
}

.deals-second .deals-main .text-area {
    padding: 8px 8px 16px 8px;
    background-color: #FFFFFF;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.deals-second .deals-main .text-area h2 {
    font-size: 18px;
    line-height: 27px;
    color: #ED5505;
    margin-bottom: 8px;
    font-weight: 700;
    text-transform: capitalize;
}

.deals-second .deals-main .text-area p {
    font-size: 14px;
    color: #535353;
    margin-bottom: 0;
    font-weight: 500;
    line-height: 21px;
}

.deals-second .deals-main .text-area .button-area {
    position: relative;
    text-align: center;
    margin-top: 26px;
}

.deals-second .deals-main .text-area .button-area .btn {
    padding: 11px 29px 10px 29px;
    background-color: #ED5505;
    border-radius: 4px;
    border: none;
    text-transform: capitalize;
}

/* ------------web-2-deals-area-end-------------- */

/* ------------car-booking-area-start-------------- */
.car-bboking {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding: 18px 0 40px;
}

.car-bboking .car-filter {
    /*display: flex;*/
    /*flex-direction: row;*/
    /*justify-content: space-between;*/
    /*align-items: center;*/
}

.car-bboking .car-filter .filter-info {
    position: relative;
}

.car-bboking .car-filter .filter-info ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.car-bboking .car-filter .filter-info ul li.filter-in {
    font-size: 14px;
    color: #212121;
    font-weight: 600;
    margin-top: 21px;
}

.car-bboking .car-filter .filter-info ul li.filter-in img {
    margin-right: 9px;
}

.car-bboking .car-filter .filter-info ul li.type .form-control {
    border: none;
    background-color: #F5F5F5;
    color: #535353;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 16px 10px 16px;
    height: auto;
    outline: none;
    box-shadow: none;
    margin-right: 18px;
}

.car-bboking .car-filter .filter-info ul li.type select {
    width: 144px;
}

.car-bboking .car-filter .filter-info ul li.price .form-control {
    border: none;
    background-color: #F5F5F5;
    color: #535353;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 16px 10px 16px;
    height: auto;
    outline: none;
    box-shadow: none;
}

.car-bboking .car-filter .filter-info ul li.price select {
    width: 200px;
}

.car-bboking .car-filter .filter-info ul li.type:nth-last-child(3) {
    flex: 1;
}

.car-bboking .car-filter .filter-info ul li.filter-in:nth-last-child(2) {
    margin-right: 16px;
}

.car-bboking .fleet-service {
    position: relative;
    margin-top: 36px;
    background-color: #FFFFFF;
    box-shadow: 0 2px 4px #00000029;
    border-radius: 4px;
}

.car-bboking .fleet-service .fleet-info {
    padding: 16px 16px 16px 8px;
}

.car-bboking .fleet-service .fleet-info .shorted-area {
    text-align: right;
}

.car-bboking .fleet-service .fleet-info .shorted-area ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.car-bboking .fleet-service .fleet-info .shorted-area ul li {
    font-size: 12px;
    transition: 0.4s;
    color: #00285F;
    font-weight: 600;
    cursor: pointer;
}

.car-bboking .fleet-service .fleet-info .shorted-area ul li.list-view span {
    margin-left: 4px;
    font-weight: 600;
    color: #00285F;
    font-size: 14px;
}

.car-bboking .fleet-service .fleet-info .pic-area {
    text-align: center;
}

.car-bboking .fleet-service .fleet-info .pic-area img {
    margin: 0 auto;
}

.car-bboking .fleet-service .fleet-info .content-area {
    position: relative;
    margin-top: 25px;
}

.car-bboking .fleet-service .fleet-info .content-area ul {
}

.car-bboking .fleet-service .fleet-info .content-area ul li {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.car-bboking .fleet-service .fleet-info .content-area ul li h2 {
    color: #212121;
    font-size: 16px;
    margin-bottom: 0;
    font-weight: 600;
    text-transform: capitalize;
}

.car-bboking .fleet-service .fleet-info .content-area ul li span {
    font-size: 16px;
    color: #ED5505;
    font-weight: 600;
}

.car-bboking .fleet-service .fleet-info .text-area {
    border-bottom: 1px solid #EEEEEE;
    margin-top: 8px;
}

.car-bboking .fleet-service .fleet-info .text-area h2 {
    font-size: 12px;
    color: #535353;
    margin-bottom: 8px;
    font-weight: 500;
}

.car-bboking .fleet-service .button-area {
    display: flex;
    justify-content: center;
    margin: 16px 0 0;
}

.car-bboking .fleet-service .button-area .btn {
    background-color: #00285F;
    padding: 11px 48px 10px 48px;
    font-size: 16px;
    border: 1px solid #00285f;
    border-radius: 4px;
    font-weight: 600;
    color: #FFFFFF;
}

.car-bboking .fleet-service .fleet-info .shorted-area ul li h2 {
    font-size: 18px;
    color: #212121;
    margin-bottom: 8px;
    font-weight: 600;
}

.car-bboking .fleet-service .fleet-info .text-part {
    position: relative;
}

.car-bboking .fleet-service .fleet-info .text-part p {
    font-size: 14px;
    color: #535353;
    margin-bottom: 0;
    font-weight: 500;
}

.car-bboking .fleet-service .inner-content {
    /*background-color: #FAFAFA;*/
    padding: 36px 70px 36px 71px;
    /*height: 159px;*/
    border-radius: 4px 4px 0 0;
}

.car-bboking .fleet-service .button-part {
    display: flex;
    justify-content: center;
    padding: 16px 0 16px;
}

.car-bboking .fleet-service .button-part .btn {
    background-color: #ed5505;
    padding: 11px 48px 10px 48px;
    font-size: 16px;
    border: 1px solid #ed5505;
    border-radius: 4px;
    font-weight: 600;
    color: #FFFFFF;
}

.car-bboking .fleet-service .inner-content .details-area ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.car-bboking .fleet-service .inner-content .details-area ul li {
    font-size: 14px;
    color: #535353;
    margin-bottom: 24px;
    font-weight: 500;
}

.car-bboking .fleet-service .inner-content .details-area ul li img {
    margin-right: 6px;
}

.car-bboking .fleet-service .inner-content .details-area ul li:nth-last-child(4) {
    margin-bottom: 0;
}

.car-bboking .fleet-service .inner-content .details-area ul li:nth-last-child(5) {
    margin-bottom: 0;
}

/* ------------car-booking-area-end-------------- */

/* ------------car-booking-modal-start-------------- */
.booking-modal {
    width: 100%;
    position: relative;
}

.booking-modal .modal-dialog {
    max-width: 848px;
}

.booking-modal .modal-body {
    box-shadow: 0 3px 6px #00000099;
    border-radius: 4px;
    background-color: #FFFFFF;
    padding: 20px;
}

.booking-modal .modal-body .booking-details {
    position: relative;
}

.booking-modal .modal-body .booking-details .form-group {
    position: relative;
    margin-bottom: 18px;
}

.booking-modal .modal-body .booking-details .form-group .form-control {
    height: 48px;
    background-color: #FAFAFA;
    border: 1px solid #EEEEEE;
    border-radius: 4px;
    font-size: 14px;
    padding: 15px 16px 13px 16px;
}

.booking-modal .modal-body .booking-details .form-group .form-control::placeholder {
    color: #9E9E9E;
}

.booking-modal .modal-body .booking-details .pay-box .chkbox.area-2 {
    display: flex;
    flex-direction: row;
    padding-bottom: 10px;
}

.booking-modal .modal-body .booking-details .pay-box .chkbox.area-2 .point-box {
    margin-left: 10px;
    width: 100%;
}

.booking-modal .modal-body .booking-details .pay-box .chkbox.area-2 .point-box ul li.line-3 {
    color: #212121;
    font-size: 14px;
    margin-top: 2px;
    font-weight: 500;
}

.booking-modal .modal-body .booking-details .button-area {
    position: relative;
    text-align: right;
    margin-top: 30px;
}

.booking-modal .modal-body .booking-details .button-area .btn {
    padding: 12px 54px 11px 54px;
    background-color: #00285F;
    font-size: 16px;
    text-transform: uppercase;
    border-radius: 4px;
    border: 1px solid #00285F;
}

/* ------------car-booking-modal-end-------------- */

#topbar-area .navbar .navbar-nav .nav-item.active .nav-link {
    color: #ED5505;
}

#topbar-area .navbar .main-content ul {
    display: flex;
}

#topbar-area .navbar .main-content ul li .dropdown {
    color: #ffffff;
    font-size: 14px;
    background-color: #ED5505;
    font-weight: 600;
    text-transform: capitalize;
    border: 2px solid #ED5505;
    border-radius: 4px;
    padding: 13px 20px 13px 21px;
    transition: 0.5s;
}

#topbar-area .navbar .main-content ul li .nav-link i {
    font-size: 12px;
    color: #ffffff;
    margin-left: 8px;
}

#topbar-area .navbar .main-content ul li .nav-link:hover {
    border: 2px solid #ED5505;
    color: #ED5505;
    background: transparent;
}

#topbar-area .navbar .main-content ul li .dropdown-menu {
    box-shadow: 0 2px 6px #00000029;
    border-radius: 0 0 6px 6px;
    border-bottom: 2px solid #82a8c2a6;
    left: -30%;
    width: 200px;
    top: 134%;
    padding: 0;
}

#topbar-area .navbar .main-content ul li .dropdown-menu .dropdown-item {
    font-size: 14px;
    text-transform: capitalize;
    padding: 20px 0;
    border-bottom: 1px solid #EEEEEE;
    color: #212121;
    font-weight: 500;
}

#topbar-area .navbar .main-content ul li .dropdown-menu .dropdown-item:nth-last-child(1) {
    border-bottom: none;
}

#topbar-area .navbar .main-content ul li .dropdown-menu .dropdown-item:hover {
    background: transparent;
}

/* ------------location-area-start-------------- */
.location-area {
    width: 100%;
    position: relative;
    overflow: hidden;
    background-color: #FAFAFA;
    padding: 24px 0 0;
}

.location-area .contact-in {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.location-area .contact-in .location-inner {
    padding: 14px 31px 13px 31px;
    box-shadow: 0 3px 6px #00000029;
    border-radius: 6px;
    background-color: #FFFFFF;
    width: 273px;
    margin: 0 11px 20px 9px;
}

.location-area .contact-in .location-inner .location-info {
    position: relative;
}

.location-area .contact-in .location-inner .location-info h2 {
    font-size: 16px;
    color: #ED5505;
    text-transform: uppercase;
    margin-bottom: 12px;
    font-weight: 600;
}

.location-area .contact-in .location-inner .location-info p {
    font-size: 13px;
    color: #212121;
    line-height: 20px;
    font-weight: 500;
    margin-bottom: 14px;
}

.location-area .contact-in .location-inner .location-info .contact-details {
    position: relative;
}

.location-area .contact-in .location-inner .location-info .contact-details ul li {
    font-size: 13px;
    color: #212121;
    margin-bottom: 13px;
    font-weight: 500;
}
.location-area .contact-in .location-inner .location-info .contact-details ul li .details-inner{
    display: flex;
}
.location-area .contact-in .location-inner .location-info .contact-details ul li .details-inner .icon{
    width: 34px;
}

/* ------------location-area-end-------------- */

/* ------------car-booked-area-start-------------- */
.booking-area {
    width: 100%;
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #EEEEEE;
}

.booking-area .booking-slot {
    position: relative;
    /*padding: 23px 0 25px;*/
}

.booking-area .booking-slot .book-inner {
    padding: 16px 0 16px;
}

.booking-area .booking-slot .book-inner ul {
    display: flex;
    justify-content: center;
    flex-direction: row;
}

.booking-area .booking-slot .book-inner ul li {
    color: #212121;
    font-size: 16px;
    padding-right: 20px;
    font-weight: 500;
    display: flex;
}
.booking-area .booking-slot .book-inner ul li span {
    color: #212121;
    font-size: 16px;
    padding-right: 20px;
    font-weight: 500;
    margin-top: 3px;
}

.booking-area .booking-slot .book-inner ul li img {
    width: 28px;
}

.booking-area .booking-slot .book-inner ul li span.one {
    padding-right: 65px;
}

.booking-area .booking-slot .book-inner ul li span.two {
    padding-right: 65px;
}

/* ------------car-booked-area-end-------------- */

/* ------------services-details-area-start-------------- */
.services-inner {
    width: 100%;
    position: relative;
    padding: 16px 0 0;
}

.services-inner .main-section {
    margin-bottom: 0;
    font-size: 28px;
    color: #212121;
    font-weight: 600;
    text-transform: capitalize;
    font-family: 'Open Sans', sans-serif;
    text-align: left;
    position: relative;
    padding-bottom: 10px;
}

.services-inner .main-section::after {
    position: absolute;
    bottom: 0;
    left: 32px;
    transform: translateX(-50%);
    width: 60px;
    height: 3px;
    background-color: #F78B00;
    content: '';
}

.services-inner .text-area {
    width: 100%;
    position: relative;
    margin: 20px 0 20px;
}

.services-inner .text-area p {
    font-size: 13px;
    color: #535353;
    margin-bottom: 0;
    line-height: 20px;
    /* text-align: left; */
    /*letter-spacing: 0.8px;*/
}

.services-inner .text-area p span {
    font-size: 13px;
    color: #212121;
    font-weight: 500;
}

.services-inner .inner-text {
    margin-bottom: 20px;
}

.services-inner .inner-text h2 {
    color: #ED5505;
    font-size: 16px;
    margin-bottom: 9px;
    font-weight: 600;
    line-height: 25px;
    /* text-align: left; */
}

.services-inner .inner-text p {
    font-size: 13px;
    color: #212121;
    line-height: 20px;
    font-weight: 500;
    margin-bottom: 0;
    /* text-align: left; */
    /*letter-spacing: 0.8px;*/
}

.services-inner .inner-text .inner-point {
    position: relative;
    margin-bottom: 66px;
}

.services-inner .inner-text .inner-point ul li {
    font-size: 13px;
    color: #212121;
    line-height: 20px;
    font-weight: 500;
    margin-bottom: 2px;
}

.services-inner .inner-text .inner-point ul li i {
    font-size: 7px;
    margin-right: 2px;
}

.pickup-area {
    position: relative;
    padding-top: 16px;
    overflow: hidden;
    padding-bottom: 122px;
}

.pickup-area .inner-content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.pickup-area .inner-content .pickup-info {
    position: relative;
}

.pickup-area .inner-content .pickup-info h2 {
    font-size: 14px;
    color: #ED5505;
    font-weight: 600;
    margin-bottom: 10px;
}

.pickup-area .inner-content .pickup-info ul li {
    font-size: 14px;
    color: #212121;
    font-weight: 500;
    margin-bottom: 12px;
}

.pickup-area .inner-content .pickup-info ul li img {
    margin-left: 7px;
    width: 14px;
}

.pickup-area .inner-content .pickup-info p {
    color: #212121;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;
}

.pickup-area .inner-content .button-area {
    position: relative;
}

.pickup-area .inner-content .button-area .btn img {
    width: 18px;
    margin-right: 13px;
}

.pickup-area .inner-content .button-area .btn {
    padding: 13px 21px 12px 22px;
    font-size: 16px;
    color: #f68b1f;
    border: 2px solid #f68b1f;
    border-radius: 4px;
}

.pickup-area .inner-content .pickup-info:nth-last-child(2) {
    flex: 0.67
}

.pickup-area .inner-content .pickup-info:not(:last-child)::after {
    content: "";
    height: 72px;
    width: 1px;
    position: absolute;
    right: -173px;
    top: 42%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #EEEEEE;
}

.pickup-area .inner-content .pickup-info.second:not(:last-child)::after {
    background: none;
}

.pickup-area .car-filter {
    margin: 51px 0 32px;
}

.pickup-area .car-filter .filter-info {
    position: relative;
}

.pickup-area .car-filter .filter-info ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.pickup-area .car-filter .filter-info ul li.filter-in {
    font-size: 14px;
    color: #212121;
    font-weight: 600;
    /*margin-right: 39px;*/
    margin-top: 21px;
}

.pickup-area .car-filter .filter-info ul li.filter-in img {
    margin-right: 9px;
}

.pickup-area .car-filter .filter-info ul li.type .form-control {
    border: none;
    background-color: #F5F5F5;
    color: #535353;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 16px 10px 16px;
    height: auto;
    outline: none;
    box-shadow: none;
    margin-right: 18px;
}

.pickup-area .car-filter .filter-info ul li.type select {
    width: 144px;
}

.pickup-area .car-filter .filter-info ul li.type:nth-last-child(3) {
    flex: 0.89;
}

.pickup-area .car-filter .filter-info ul li.price select {
    width: 200px;
}

.pickup-area .car-filter .filter-info ul li.price .form-control {
    border: none;
    background-color: #F5F5F5;
    color: #535353;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 16px 10px 16px;
    height: auto;
    outline: none;
    box-shadow: none;
}

.pickup-area .card-area {
    border-bottom: 1px solid #CCCCCC;
}

.pickup-area .card-area ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 41px 0 20px;
}

.pickup-area .card-area ul li.main img {
    width: 412px;
}

.pickup-area .card-area ul li.main .second-part h2 {
    font-size: 24px;
    color: #212121;
    font-weight: 600;
    margin-bottom: 14px;
}

.pickup-area .card-area ul li.main .second-part p {
    font-size: 16px;
    color: #535353;
    margin-bottom: 28px;
    font-weight: 500;
}

.pickup-area .card-area ul li.main .second-part .car-info {
    width: 377px;
}

.pickup-area .card-area ul li.main .second-part .car-info ul {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin: 0 -20px;
}

.pickup-area .card-area ul li.main .second-part .car-info ul li.details {
    font-size: 14px;
    color: #535353;
    margin-bottom: 24px;
    font-weight: 500;
    padding: 0 12px;
}
.pickup-area .card-area ul li.main .second-part .car-info ul li.details .details-inner{
    margin: 0 -6px;
}
.pickup-area .card-area ul li.main .second-part .car-info ul li.details img {
    padding: 0 6px;
    width: auto;
}

/*.pickup-area .card-area ul li.main.part-two:nth-last-child(2){*/
/*    !*flex: 0.67;*!*/
/*}*/
.pickup-area .card-area ul li.main.part-two {
    flex: 0.86;
    /*position: relative;*/
    /*left: -15%;*/
}

.pickup-area .card-area ul li.main .second-part h3 {
    font-size: 24px;
    color: #ED5505;
    font-weight: 600;
    margin-bottom: 42px;
    margin-left: 20px;
}

.pickup-area .card-area ul li.main .second-part .btn-area .btn {
    padding: 11px 48px 10px 48px;
    color: #FFFFFF;
    font-size: 16px;
    background-color: #ED5505;
    border: 1px solid #ED5505;
    text-transform: uppercase;
}

.pickup-area .card-area:nth-last-child(1) {
    border-bottom: none;
}

/* ------------services-details-area-end-------------- */

#topbar-area .navbar .main-content ul li .dropdown-menu .all-cart-item {
    padding: 0 20px;
}

/* ------------main-tab-area-start-------------- */
#main-tab {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding: 23px 0 145px 0;
    background-color: #FAFAFA;
}

#main-tab .shopping-menu {
    box-shadow: 0 3px 6px #00000029;
    border-radius: 6px;
    background-color: #FFFFFF;
}

#main-tab .shopping-menu .nav {
    display: flex;
    flex-direction: column;
    /* border-bottom: 1px solid #e4e3e3; */
}

#main-tab .shopping-menu .nav .nav-item {
    /*padding: 20px 0;*/
}

#main-tab .shopping-menu .nav .nav-item .nav-link {
    color: #212121;
    font-size: 14px;
    padding: 20px 20px 20px 20px;
    font-weight: 500;
    border-bottom: 1px solid #EEEEEE;
    border-radius: 0;
}

#main-tab .shopping-menu .nav .nav-item .nav-link.active {
    background: transparent;
    color: #212121;
    font-size: 14px;
    font-weight: 500;
    border-left: 4px solid #ED5505;
    border-radius: 0;
}

#main-tab .menu-info {
    box-shadow: 0 3px 6px #00000029;
    border-radius: 6px;
    background-color: #FFFFFF;
    /* padding: 19px 18px 17px 18px; */
}

#main-tab .menu-info .tab-content {
    position: relative;
    width: 100%;
}

#main-tab .menu-info .tab-content .content-area {
    position: relative;
}

#main-tab .menu-info .tab-content .content-area .header-area {
    padding: 20px 20px 0;
}

#main-tab .menu-info .tab-content .content-area .header-area h2 {
    font-size: 24px;
    color: #212121;
    padding-bottom: 20px;
    font-weight: 500;
    margin-bottom: 0;
    border-bottom: 1px solid #EEEEEE;
}

#main-tab .menu-info .tab-content .content-area .form-area {
    padding: 20px;
    border-bottom: 2px solid #EEEEEE;
}

#main-tab .menu-info .tab-content .content-area .form-area .form-group {
    margin-bottom: 20px;
}

#main-tab .menu-info .tab-content .content-area .form-area .form-group .form-control {
    background-color: #FAFAFA;
    padding: 15px 16px 13px 16px;
    height: 48px;
    border: 1px solid #EEEEEE;
    border-radius: 4px;
    font-size: 14px;
}

#main-tab .menu-info .tab-content .content-area .form-area .form-group .form-control::placeholder {
    color: #9E9E9E;
}

#main-tab .menu-info .tab-content .content-area .button-area {
    padding: 20px;
    text-align: right;
}

#main-tab .menu-info .tab-content .content-area .button-area .btn {
    padding: 13px 53px 12px 53px;
    background-color: #00285F;
    border-radius: 4px;
    font-size: 16px;
    text-transform: uppercase;
    color: #FFFFFF;
    font-weight: 600;
    border: 1px solid #00285F;
}

#main-tab .menu-info .tab-content .content-area .dashboard-info-area {
    padding: 0 20px 20px 20px;
}
#main-tab .menu-info .tab-content .content-area .dashboard-info-area .myorder-tab .order-box {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0 20px 0;
    border-bottom: 1px solid #EEEEEE;
}

#main-tab .menu-info .tab-content .content-area .dashboard-info-area .myorder-tab .order-box .order-item {
    display: flex;
    flex-direction: row;
    align-items: center;
}

#main-tab .menu-info .tab-content .content-area .dashboard-info-area .myorder-tab .order-box .order-item .order-pic {
    width: 175px;
    height: 82px;
    margin-right: 17px;
}

#main-tab .menu-info .tab-content .content-area .dashboard-info-area .myorder-tab .order-box .order-item ul li {
    margin-bottom: 9px;
}

#main-tab .menu-info .tab-content .content-area .dashboard-info-area .myorder-tab .order-box .order-item ul li h2 {
    font-size: 14px;
    color: #9E9E9E;
    margin-bottom: 0;
}

#main-tab .menu-info .tab-content .content-area .dashboard-info-area .myorder-tab .order-box .order-item ul li h2 span {
    font-size: 14px;
    color: #212121;
    margin-left: 14px;
    font-weight: 500;
}

#main-tab .menu-info .tab-content .content-area .dashboard-info-area .myorder-tab .order-box .order-item ul li p {
    font-size: 18px;
    color: #212121;
    margin-bottom: 0;
    font-weight: 600;
}

#main-tab .menu-info .tab-content .content-area .dashboard-info-area .myorder-tab .order-box .order-item ul li h3 {
    font-size: 14px;
    color: #535353;
    margin-bottom: 0;
}

#main-tab .menu-info .tab-content .content-area .dashboard-info-area .myorder-tab .order-box .order-status {
    display: flex;
    flex-direction: row;
    align-items: center;
}

#main-tab .menu-info .tab-content .content-area .dashboard-info-area .myorder-tab .order-box .order-status ul li {
    margin-bottom: 9px;
    text-align: right;
}

#main-tab .menu-info .tab-content .content-area .dashboard-info-area .myorder-tab .order-box .order-status ul li h2 {
    font-size: 12px;
    color: #212121;
    /*margin-bottom: 7px;*/
}

#main-tab .menu-info .tab-content .content-area .dashboard-info-area .myorder-tab .order-box .order-status ul li p {
    font-size: 24px;
    color: #ED5505;
    margin-bottom: 4px;
    font-weight: 500;
}

#main-tab .menu-info .tab-content .content-area .dashboard-info-area .myorder-tab .order-box .order-status ul li h3 {
    font-size: 14px;
    color: #9E9E9E;
    margin-bottom: 0;
}

#main-tab .menu-info .tab-content .content-area .dashboard-info-area .myorder-tab .order-box .order-status i {
    margin: -12px 0 0 48px;
    color: #ED5505;
    font-weight: 700;
}

/*#main-tab .menu-info .tab-content .content-area .dashboard-info-area .myorder-tab .order-box:nth-last-child(1) {*/
/*    border-bottom: none;*/
/*}*/

/* ------------main-tab-area-end-------------- */

/* ------------order-area-start-------------- */
.order-area {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding: 22px 0 0;
}

.order-area .top-header {
    position: relative;
    text-align: center;
    margin-bottom: 35px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.order-area .top-header h2 {
    color: #9E9E9E;
    font-size: 24px;
    margin-bottom: 0;
}

.order-area .top-header h2 span {
    color: #212121;
    font-size: 24px;
}
.order-area .top-header .btn-area{
    position: relative;
}
.order-area .top-header .btn-area .btn{
    padding: 13px 23px 12px 23px;
    background-color: #ed5505;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    border: 1px solid #ed5505;
    font-weight: 600;
}
.order-area .main-part{
    position: relative;
    padding-bottom: 138px;
}
.order-area .main-part ul{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.order-area .main-part ul li.left-part{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    /* border-right: 1px solid #EEEEEE; */
    border-bottom: 1px solid #EEEEEE;
    height: 115px;
}
.order-area .main-part ul li.left-part ul.inner{
    padding-right: 156px;
}
.order-area .main-part ul li.left-part ul.inner li h2{
    font-size: 14px;
    color: #ED5505;
    font-weight: 600;
    margin-bottom: 10px;
}
.order-area .main-part ul li.left-part ul.inner li.in{
    font-size: 14px;
    color: #212121;
    font-weight: 500;
    margin-bottom: 12px;
}
.order-area .main-part ul li.left-part ul.inner li.in img{
    margin-left: 7px;
    width: 14px;
}
.order-area .main-part ul li.left-part ul.inner p{
    color: #212121;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;
}
.order-area .main-part ul.lower{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.order-area .main-part ul.lower li img{
    width: 193px;
}
.order-area .main-part ul li.left-part ul.inner li{
    /*margin-right: 98px;*/
}
/*.order-area .main-part ul li.left-part ul.inner:not(:last-child)::after {*/
/*    content: "";*/
/*    height: 72px;*/
/*    width: 1px;*/
/*    position: absolute;*/
/*    !* right: -173px; *!*/
/*    top: 10%;*/
/*    left: 26%;*/
/*    -webkit-transform: translateY(-50%);*/
/*    -ms-transform: translateY(-50%);*/
/*    transform: translateY(-50%);*/
/*    background: #EEEEEE;*/
/*}*/
.order-area .main-part ul li.right-area{
    flex: 0.94;
    border-left: 1px solid #EEEEEE;
    padding-left: 15px;
}
.order-area .main-part ul li.right-area ul li.inner{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 18px;
}
.order-area .main-part ul li.right-area ul li.second{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 18px;
    font-weight: 600;
}
.order-area .main-part ul li.right-area ul li.third{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 18px;
}
.order-area .main-part ul li.right-area ul li.third b{
    font-size: 18px;
    color: #ED5505;
    font-weight: 500;
}
.order-area .main-part ul li.right-area ul li.four{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}
.order-area .main-part ul li.right-area ul li.four .text-area{
    position: relative;
}
.order-area .main-part ul li.right-area ul li.four .text-area h2{
    font-size: 14px;
    color: #212121;
    font-weight: 600;
    margin-bottom: 8px;
}
.order-area .main-part ul li.right-area ul li.four .text-area p{
    font-size: 14px;
    color: #535353;
    font-weight: 500;
    margin-bottom: 0;
}
.order-area .main-part .btn-area{
    position: relative;
    text-align: right;
    margin: 48px 0 102px;
}
.order-area .main-part .btn-area .btn{
    padding: 13px 23px 12px 23px;
    background-color: #00285F;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    border: 1px solid #00285F;
    font-weight: 600;
}
.order-area .main-part .car-item{
    position: absolute;
    top: 43%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.order-area .main-part .car-item .order-pic{
    width: 196px;
    margin-right: 17px;
    margin-top: -27px;
}

.order-area .main-part .car-item ul li p{
    font-size: 18px;
    color: #212121;
    margin-bottom: 0;
    font-weight: 600;
}
.order-area .main-part .car-item ul li h3{
    position: absolute;
    font-size: 14px;
    color: #535353;
    margin-bottom: 0;
    top: 40%;
    left: 71%;
    width: 100%;
}
/* ------------order-area-end-------------- */

/* ------------booking-slot-area-start-------------- */
.order-area .main-part ul li.right-area ul li.third span.coupon{
    font-size: 14px;
    color: #ED5505;
    font-weight: 600;
}
.order-area .main-part ul li.right-area ul li.third span.coupon img{
    margin-left: 7px;
}
.order-area .main-part ul li.right-area ul li.four p{
    font-size: 18px;
    color: #ED5505;
    font-weight: 600;
}
.order-area .main-part.second{
    border-bottom: 1px solid #EEEEEE;
    padding-bottom: 69px;
}
.order-area .main-part .car-item.second{
    top: 72%;
}
.order-area .main-part .car-item ul li img{
    position: absolute;
    left: 235%;
    width: 18px;
}
.order-area .main-part ul li.left-part li img{
    width: 18px;
}
.order-area .main-part .car-item.second .car-content p{
    font-size: 18px;
    color: #212121;
    margin-bottom: 15px;
    font-weight: 600;
}
.order-area .main-part .car-item.second .car-content h3{
    font-size: 14px;
    color: #535353;
    line-height: 18px;
}
.order-area .main-part .car-item.second .edit-pic{
    position: absolute;
    left: 196%;
    width: 18px;
}
.add-part{
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-top: 20px;
}
.add-part .header-area{
    position: relative;
}
.add-part .header-area h2{
    font-size: 28px;
    color: #212121;
    text-transform: capitalize;
    font-weight: 600;
    margin-bottom: 30px;
}
.add-part .add-box{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #EEEEEE;
    padding: 18px 0 21px;
}
.add-part .add-box .add-item{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.add-part .add-box .add-item .pic-area{
    /*margin-right: 19px;*/
    width: 69px;
}
.add-part .add-box .add-item ul li{
    font-size: 22px;
    color: #212121;
    font-weight: 600;
    line-height: 33px;
}
.add-part .add-box .add-item ul li img{
    margin-left: 13px;
}
.add-part .add-box .add-item ul li p{
    margin: 14px 0 0;
    font-size: 16px;
    color: #212121;
}
.add-part .add-box .add-item ul li.second{
    font-size: 16px;
    color: #212121;
    font-weight: 400;
}
.add-part .add-box .price-list{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.add-part .add-box .price-list ul{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.add-part .add-box .price-list ul li h2 {
    font-size: 24px;
    color: #212121;
    margin-bottom: 0;
    font-weight: 400;
    width: 153px;
}
.add-part .add-box .price-list ul li .btn{
    padding: 13px 58px 12px 58px;
    color: #ED5505;
    font-size: 16px;
    border: 2px solid #ED5505;
    border-radius: 4px;
    width: 150px;
    text-align: center;
    transition: 0.5s;
}
.add-part .add-box .price-list ul li .btn:hover{
    color: #ffffff;
    background-color: #ED5505;
}
.add-part .add-box .price-list ul li .btn-second{
    padding: 13px 36px 12px 34px;
    color: #ffffff;
    background-color: #ED5505;
    font-size: 16px;
    border: 2px solid #ED5505;
    border-radius: 4px;
    text-align: center;
}
.add-part .button-part{
    position: relative;
    text-align: right;
    margin: 48px 0 51px;
}
.add-part .button-part .btn{
    color: #ffffff;
    background-color: #ed5505;
    border: 1px solid #ed5505;
    padding: 13px 80px 12px 80px;
    text-transform: uppercase;
    font-weight: 500;
    border-radius: 4px;
}
/* ------------booking-slot-area-end-------------- */

/* ------------payment-method-area-start-------------- */
.payment-area{
    width: 100%;
    position: relative;
    overflow: hidden;
    background-color: #FAFAFA;
    padding: 20px 0 60px;
}
.payment-area .payment-main{
    width: 100%;
    position: relative;
    box-shadow: 0 1px 2px #00000029;
    border-radius: 6px;
    background-color: #FFFFFF;
}
.payment-area .payment-main .top-header{
    position: relative;
    width: 100%;
}
.payment-area .payment-main .top-header h2{
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 0;
    color: #212121;
    padding: 20px 20px 21px 20px;
    border-bottom: 2px solid #EEEEEE;
}
.payment-area .payment-main .form-area{
    width: 100%;
    position: relative;
    padding: 21px 16px 20px 16px;
}
.payment-area .payment-main .form-area .form-group{
    position: relative;
    margin-bottom: 20px;
}
.payment-area .payment-main .form-area .form-group .form-control{
    background-color: #FAFAFA;
    padding: 15px 16px 13px 16px;
    height: 48px;
    border: 1px solid #EEEEEE;
    border-radius: 4px;
    font-size: 14px;
}
.payment-area .payment-main .form-area .form-group .form-control::placeholder{
    color: #9E9E9E;
}
.payment-area .payment-main .form-area .form-group textarea{
    height: 88px !important;
}
.payment-area .payment-main .card-area{
    padding: 20px;
}
.payment-area .payment-main .card-area .radio-button{

}


[type="radio"]:checked,
[type="radio"]:not(:checked) {
    /*position: absolute;*/
    /*left: -9999px;*/
    position: relative;
    padding-left: 66px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #ED5505;
    /*margin-bottom: 14px;*/
    left: 0;
    font-size: 14px;
    font-weight: 400;
}
.payment-area .payment-main .card-area .radio-button ul li [type="radio"]:checked + label,
[type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 66px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #ED5505;
    /*margin-bottom: 14px;*/
    left: 0;
    font-size: 14px;
    font-weight: 400;
}
.payment-area .payment-main .card-area .radio-button ul li [type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0px;
    top: 0;
    width: 17px;
    height: 17px;
    border: 2px solid #ED5505;
    border-radius: 100%;
    background: #fff;
}
.payment-area .payment-main .card-area .radio-button ul li [type="radio"]:checked + label:after,
[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 10px;
    height: 10px;
    background: #ED5505;
    position: absolute;
    top: 4px;
    left: 3px;
    border-radius: 50%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
.payment-area .payment-main .card-area .radio-button ul li [type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
.payment-area .payment-main .card-area .radio-button ul li [type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
}
.payment-area .payment-main .card-area .radio-button ul{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 28px;
}
.payment-area .payment-main .card-area .radio-button ul li label{
    font-size: 14px;
    color: #212121;
    font-weight: 600;
    margin-bottom: 0;
}
.payment-area .payment-main .card-area .button-area{
    position: relative;
    margin-top: 45px;
}
.payment-area .payment-main .card-area .button-area .btn{
    background-color: #00285F;
    color: #ffffff;
    font-size: 16px;
    width: 100%;
    padding: 13px 138px 12px 138px;
    font-weight: 500;
    border: 1px solid #00285F;
}
/* ------------payment-method-area-end-------------- */

/* ------------contact-us-area-start-------------- */
.contact-part {
    width: 100%;
    position: relative;
    padding: 16px 0 0;
}
.contact-part .main-section {
    margin-bottom: 0;
    font-size: 28px;
    color: #212121;
    font-weight: 600;
    text-transform: capitalize;
    font-family: 'Open Sans', sans-serif;
    text-align: left;
    position: relative;
    padding-bottom: 10px;
}
.contact-part .main-section::after {
    position: absolute;
    bottom: 0;
    left: 32px;
    transform: translateX(-50%);
    width: 60px;
    height: 3px;
    background-color: #F78B00;
    content: '';
}


#contact-sec {
    background: #ffffff;
    padding: 10px 0 50px;
}
#contact-sec .contact-main {
    padding: 35px 25px 35px;
    background: #ffffff;
    display: flex;
    justify-content: flex-end;
    max-width: 650px;
    margin: auto;
    position: relative;
    border-radius: 4px;
    box-shadow: 0 8px 27px -3px rgba(11, 3, 78, 0.16);
}
#contact-sec .contact-area {
    padding: 25px 25px 35px;
    background: #00285F;
    position: absolute;
    top: 50%;
    left: -14%;
    transform: translate(0, -50%);
    border-radius: 4px;
    box-shadow: 0 8px 16px -3px rgba(0, 0, 0, 0.52);
}
#contact-sec .contact-area h3 {
    font-weight: 400;
    color: #fff;
}
#contact-sec .contact-area h5 {
    color: #F78B00;
    font-weight: 400;
    font-size: 22px;
}
#contact-sec .contact-area ul li {
    color: #fff;
    margin-bottom: 15px;
    font-weight: 300;
    font-size: 14px;
}
#contact-sec .contact-area ul li span {
    color: #F78B00;
    margin-right: 10px;
}
#contact-sec .contact-main .contact-form h4 {
    color: #F78B00;
    font-weight: 600;
    font-size: 28px;
}
#contact-sec .contact-main .contact-form p {
    font-size: 17px;
}
#contact-sec .contact-main .contact-form .form-group .form-control {
    width: 100%;
    border-radius: 20px;
    height: 40px;
    font-size: 14px;
    font-weight: 300;
    background: #7e7e8624;
    border: transparent;
    box-shadow: 0 6px 6px -7px rgba(0, 0, 0, 0.44);
}
#contact-sec .contact-main .contact-form .form-group textarea {
    width: 300px;
    height: 80px;
    font-weight: 300;
    border-radius: 10px;
    font-size: 14px;
    background: #7e7e8624;
    border: transparent;
    box-shadow: 0 6px 10px -7px rgba(0, 0, 0, 0.44);
    outline: none;
}
#contact-sec .contact-main .contact-form .btn{
    color: #ffffff;
    font-size: 14px;
    background-color: #ED5505;
    font-weight: 600;
    text-transform: capitalize;
    border: 2px solid #ED5505;
    border-radius: 4px;
    padding: 8px 20px;
    transition: 0.5s;
}
#contact-sec .contact-main .contact-form .btn:hover{
    border: 2px solid #ED5505;
    color: #ED5505;
    background: transparent;
}
/* ------------contact-us-area-end-------------- */

/* --------forgot-password-modal-area-start---------- */
.password-modal {
    position: relative;
}
.password-modal .modal-body {
    box-shadow: 0 3px 6px #00000029;
    border-radius: 6px;
    background-color: #FFFFFF;
    padding: 20px;
}
.password-modal .modal-body .login-details {
    position: relative;
}
.password-modal .modal-body .login-details .header-area {
    position: relative;
}
.password-modal .modal-body .login-details .header-area .sec-head {
    font-size: 18px;
    color: #212121;
    font-weight: 600;
    text-transform: capitalize;
    font-family: 'Open Sans', sans-serif;
    text-align: center;
    position: relative;
    margin-bottom: 0;
}
.password-modal .modal-body .login-details .header-area .sec-head::after {
    position: absolute;
    bottom: -4%;
    left: 50%;
    top: 23px;
    transform: translateX(-50%);
    width: 20px;
    height: 3px;
    background-color: #F78B00;
    content: '';
}
.password-modal .modal-body .login-details .main-form {
    margin-top: 28px;
}
.digit-group{
    text-align: center;
}
.digit-group input {
    width: 43px;
    height: 50px;
    background-color: #D6D6D6;
    border: none;
    line-height: 50px;
    text-align: center;
    font-size: 18px;
    font-weight: 500;
    color: #0e0e0e;
    margin: 0 2px;
}
.digit-group input:focus{
    border: none;
}

.digit-group input .splitter {
    padding: 0 5px;
    color: white;
    font-size: 24px;
}
.password-modal .modal-body .login-details .btn-area{
    text-align: center;
    margin-top: 24px;
}
.password-modal .modal-body .login-details .btn-area .btn{
    background-color: #00285F;
    color: #FFFFFF;
    text-transform: uppercase;
    border-radius: 4px;
    width: 98px;
    padding: 12px 15px;
}
/* --------forgot-password-modal-area-end---------- */

[dir='rtl'] *{
    text-align: right;
}
[dir='rtl'] *.fleet-area .view-button{
    text-align: right;
}

.order-area .main-part ul li.left-part::after{
    content: "";
    height: 72px;
    width: 1px;
    position: absolute;
    right: 83%;
    top: 18%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #EEEEEE;
}