/* common style */

body {
    font-family: "Roboto", sans-serif;
}

.hidden-alert {
    display: none;
}

.common-color {
    color: #1e73be;
}

.common-background {
    background-color: #1e73be;
    color: white;
}

.custom-border-radius {
    border-radius: 10px !important;
}

.text-justify {
    text-align: justify;
}

.regular-btn {
    background-color: white;
    color: #1c1c1c;
    margin: 31px 0px;
    width: 205px;
    transition: all ease 0.3s;
}

.regular-btn-2 {
    background-color: white;
    color: #1c1c1c;
    margin: 31px 0px;
    /* width: 205px; */
    transition: all ease 0.3s;
}

.hover-letter-space {
    transition: all ease 0.3s;
}

.hover-letter-space:hover {
    letter-spacing: 1px;
}


/* common div style */

.airport-orland-regular-btn {
    background-color: white;
    color: #1c1c1c;
    margin: 31px 0px;
    width: 160px;
    transition: all ease 0.3s;
}

.regular-btn:hover,
.airport-orland-regular-btn:hover {
    background-color: #1e73be;
    color: white;
    border-color: #1e73be !important;
    margin: 31px 0px;
    letter-spacing: 2px;
}

.regular-btn-2:hover {
    background-color: #1c1c1c;
    color: white;
    border-color: #1c1c1c !important;
    letter-spacing: 2px;
}


/* some common classes style  */


/* airport orland common section */

.banner-video {
    margin-top: -56px;
}

.banner-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background-color: #00114248;
    /* background-color: #df178cce; */
    z-index: 2;
}

.banner-text-container {
    z-index: 4;
}

.banner-text {
    font-size: 90px;
    font-weight: 700;
    text-transform: uppercase;
    color: white;
}

.airport-orland {
    height: 360px;
    width: 100%;
}

.airport-orland-img {
    max-height: 360px;
}

.airport-orland-img img {
    object-fit: contain;
    width: 100%;
    max-height: 360px;
    height: max-content;
    margin-left: -163px;
    z-index: 9;
}

.airport-orland-mid-2 {
    width: 300px;
    height: 100%;
    border-top-left-radius: 50px;
    transform: skew(-31deg);
    background: #1c1c1c;
    z-index: -1;
    border: 0px;
}

.airport-orland-mid-3 {
    background-color: transparent;
    width: 100%;
    height: 30%;
    bottom: 9px;
    right: 60px;
    z-index: -1;
    border-bottom-right-radius: 70px;
    box-shadow: -8px 25px 0 0 #1c1c1c;
}

.airport-orland-text {
    max-height: 360px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #1c1c1c;
    color: white;
    text-align: right;
    z-index: 3;
    /* overflow: hidden; */
}

.fix-border-issue {
    background-color: #1c1c1c;
    margin-top: -2px;
    width: 100%;
    height: 3px;
}


/* common -easy booking section */

.easy-booking {
    background-color: #1c1c1c;
}

.easy-booking-img-1 img,
.easy-booking-img-2 img,
.easy-booking-img-3 img,
.easy-booking-img-4 img {
    width: 100%;
}

.easy-booking-img-2 img,
.easy-booking-img-4 img {
    margin-top: 80px;
}

.easy-booking-line-1,
.easy-booking-line-2,
.easy-booking-line-3 {
    border-top: 2px dashed #1e73be;
    width: 110px;
    /* transform: scale(0.6); */
    position: absolute;
}

.easy-booking-line-2 {
    transform: rotate(-31deg);
    top: 115px;
    left: -12px;
}

.easy-booking-line-1,
.easy-booking-line-3 {
    transform: rotate(31deg);
    top: 115px;
    left: -9px;
}

.quotation {
    background: url(../images/quotation.svg);
    background-repeat: no-repeat;
    object-fit: contain;
}

.quotation-text {
    text-align: center;
    padding: 50px 90px;
}


/* header style */

.navbar-toggler-icon {
    background-image: url("../images/side-nav-1.png") !important;
    filter: invert(100%);
}

.navbar-toggler {
    border: 0;
}

.header-part-1 {
    position: relative;
    /* background-color: #1c1c1c; */
    /* background-color: #0d0c1a; */
    background: #0d0c1a radial-gradient(ellipse,#38385a 0,#0d0c1a 35%,#0d0c1a 100%);
    text-align: justify !important;
    z-index: 9;
}

.header-form {
    width: 75%;
}

.search-area-button {
    border-top-right-radius: 0px !important;
    border-right: 0px;
    border-bottom-right-radius: 0px !important;
    background-color: #1c1c1c !important;
    color: white !important;
}

.search-area {
    background-color: #1c1c1c;
    border-left: 0px;
    color: white;
    border-top-left-radius: 0px !important;
    border-bottom-left-radius: 0px !important;
}

.search-area:focus {
    background-color: #1c1c1c;
    color: white;
    border-color: transparent;
    /* box-shadow: inset 0px 0px 2px #e2dfe1, 0 0 10px #1c1c1c; */
    box-shadow: inset 0px 0px 0px #ffffff, 0 0 1px #ffffff;
}

.header-logo {
    padding-top: 75px;
    padding-bottom: 75px;
}

.header-part-2 {
    position: relative;
    border: 0px solid #1c1c1c;
    color: white;
    background-color: transparent;
    text-align: center;
    width: 75%;
    margin: 0px auto;
}

.nav-bar {
    /* background-color: #1c1c1c; */
    background-color: #0d0c1a;
    z-index: 9;
    width: 100%;
    height: 100%;
}

.navbar-brand {
    display: none;
}

.nav-container {
    width: 95%;
    text-align: center;
    margin: auto;
}

.nav-style-div-1 {
    position: absolute;
    background-color: transparent;
    text-align: center;
    width: 106px;
    height: 81px;
    top: -4px;
    left: -105px;
    border-radius: 50%;
    /* box-shadow: 60px -45px 0 0 #1c1c1c; */
    box-shadow: 60px -45px 0 0 #0d0c1a;
    z-index: 8;
}

.nav-style-div-2 {
    position: absolute;
    background-color: transparent;
    text-align: center;
    width: 106px;
    height: 81px;
    top: -4px;
    right: -105px;
    border-radius: 50%;
    /* box-shadow: -60px -45px 0 0 #1c1c1c; */
    box-shadow: -60px -45px 0 0 #0d0c1a;
    z-index: 8;
}


/* main nav custom style */

.mobile-nav-logo {
    display: none;
}

.mobile-nav-close-arrow {
    display: none;
}


/* .mobile-nav-close-arrow .active {
    color: white !important;
} */

.hide-nav-icon-1 {
    background-color: transparent !important;
}

.hide-nav-icon {
    visibility: hidden;
}

.show-nav-icon {
    visibility: visible;
}

.nav-link {
    max-width: 161px;
}

.navbar {
    /* background-color: #1c1c1c; */
    background-color: #0d0c1a;
}

.sidebar {
    /* background-color: #1c1c1c; */
    background-color: #0d0c1a;
}

.main-nav li {
    transition: letter-spacing ease 0.5s;
}

.main-nav li:hover {
    letter-spacing: 3px;
}

.hover-nav-agent:hover {
    letter-spacing: 1px !important;
}


/*---------------------------------------------------
Nav style ends 
-----------------------------------------------------*/


/*----------------------------------------------------
service page style css 
------------------------------------------------------*/

.home-brand-container {
    object-fit: contain;
}

.service-cover {
    position: relative;
    background-image: url("../images/cover/serviceCover.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 840px;
    margin-top: -80px;
    z-index: 3;
}

.service-section-3 img {
    object-fit: contain;
}

.custom-service-font {
    font-size: 90px;
    font-weight: 700;
}

.service-section-points-title {
    transition: all ease 0.3s;
}

.service-section-points:hover .service-section-points-title {
    letter-spacing: 4px;
    color: #1e73be;
}

.service-section-points-text-1,
.service-section-points-text-2,
.service-section-points-text-3 {
    display: none;
    transition: display ease 0.3s;
}

.service-points-text-show {
    display: block !important;
}


/*------------------------------------------ 
about us page style 
--------------------------------------------*/

.about-us-section-3 img {
    object-fit: cover;
}

.about-us-image-top-margin {
    margin-top: -275px;
    margin-left: -3px;
    overflow: hidden;
}


/*------------------------------------------ 
contact-us style 
--------------------------------------------*/

.contact-cover {
    position: relative;
    background-image: url("../images/cover/contactUsCover.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 640px;
    margin-top: -80px;
    z-index: 3;
}

.contact-form {
    width: 65%;
}


/* -------------------------------------------
our fleet page style
----------------------------------------------*/

.our-fleet-banner-text {
    font-size: 90px;
    font-weight: 700;
    text-transform: uppercase;
    color: white;
}

.slider-5 {
    width: 97%;
}

.vehicle-card-image {
    object-fit: scale-down;
    height: 200px;
}

.view-details-width {
    width: 150px;
    cursor: pointer;
}

.fleet-icon-border {
    border: 1px solid #1e73be;
    border-radius: 5px;
    margin-top: 10px;
}

.modal-image-container img {
    width: 100% !important;
    object-fit: cover;
    height: 400px !important;
}

.modal-checkbox-on {
    display: block !important;
}

.vehicle-additional-info {
    display: none;
}

.vehicle-specification {
    display: none;
}

.text-muted-active {
    margin-bottom: 0px;
    padding: 5px;
    background-color: #1e73be;
    color: white;
    border: 3px solid #1e73be;
    border-radius: 5px;
}

.text-muted-inactive {
    margin-bottom: 0px;
    padding: 5px;
    background-color: white;
    color: #1e73be;
    border: 3px solid #1e73be;
    border-radius: 5px;
}


/*-------------------------------------
service rate style
---------------------------------------*/

.service-rate-cover {
    position: relative;
    background-image: url("../images/cover/serviceRateCover.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 640px;
    margin-top: -80px;
    z-index: 3;
}

.destination-option {
    width: 100%;
    height: 150px;
    background-color: #1c1c1c;
    color: white;
    border-radius: 30px;
    overflow: hidden;
}

.single-destination {
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
    transition: all ease 0.3s;
}

.single-destination:hover {
    background-color: #1e73be;
    letter-spacing: 1px;
}

.single-destination-active {
    background-color: #1e73be;
    letter-spacing: 1px;
}


/*--------------------------------------------
faq page style 
----------------------------------------------*/

.faq-cover {
    position: relative;
    background-image: url("../images/cover/faqCover.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 640px;
    margin-top: -80px;
    z-index: 3;
}

.faq-slider {
    border-radius: 20px;
    background-color: #1c1c1c;
    color: white;
}

.faq-title-text-container {
    display: flex !important;
    align-items: center;
    justify-content: center;
    text-align: center;
    width: 100%;
    transition: all ease 0.3s;
}

.faq-title-text-container:first-child {
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
}

.faq-title-text-container:last-child {
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
}

.faq-title-text-container:hover {
    background-color: #1e73be;
}

#pricing-faq,
#reservation-faq,
#safety-faq,
#services-faq,
#whatIf-faq,
#pickUp-faq,
#payment-faq,
#policies-faq {
    display: none;
}

.show-accordion {
    display: block !important;
}


/* custom accordion style */

.custom-accordion {
    position: relative;
    background-color: #1e73be;
    color: white;
    cursor: pointer;
    padding: 18px;
    height: 86px;
    width: 100%;
    border: 2px solid transparent;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    /* overflow: hidden; */
}

.accordion-title-number {
    padding: 18.5px 22px;
    height: 86px;
    border: 2px solid black;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
}


/* .custom-accordion::after {
    position: absolute;
    background-color: #1e73be;
    top: 0;
    right: -4px;
    content: " ";
    height: 100%;
    width: 30px;
    border: 2px solid transparent;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
} */

.active-accordion,
.custom-accordion:hover {
    background-color: white;
    color: #1c1c1c;
    border: 2px solid black;
}


/* .active,
.custom-accordion:hover .custom-accordion::after {
    background-color: white;
    color: #1c1c1c;
    border: 2px solid black;
} */

.panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.accordion-text {
    /* border: 2px solid #1c1c1c; */
    border-bottom: 2px solid #1c1c1c;
    position: relative;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.accordion-text::before {
    position: absolute;
    background-color: white;
    content: " ";
    width: 60px;
    height: 98%;
    top: -5px;
    left: -59.5px;
    border-radius: 0%;
    border-top-right-radius: 50%;
    z-index: 1;
    box-shadow: 2px -1px 0 0 #1c1c1c;
}

.accordion-text::after {
    position: absolute;
    background-color: white;
    content: " ";
    width: 60px;
    height: 98%;
    top: -5px;
    right: -59.5px;
    border-radius: 0%;
    border-top-left-radius: 50%;
    z-index: 1;
    box-shadow: -2px -1px 0 0 #1c1c1c;
}


/* -------------------------------------------
footer style 
----------------------------------------------*/

footer {
    background-color: #1c1c1c;
    text-align: justify !important;
}

.footer-content {
    padding-top: 121px;
    padding-bottom: 10px;
}

.footer-logo img {
    object-fit: contain;
}

.quote-footer-btn {
    margin: 25px 0px;
    background-color: #1e73be;
    border-color: #1e73be !important;
    color: white;
    width: 205px;
    transition: all ease-in 0.2s;
}

.quote-footer-btn:hover {
    margin: 25px 0px;
    background-color: white;
    color: #1c1c1c;
    letter-spacing: 1px;
}

.newsletter-form {
    background-color: #1c1c1c;
    color: white;
    width: 80% !important;
}

.newsletter-form:focus {
    background-color: #1c1c1c;
    color: white;
}

.footer-icon-container a {
    text-decoration: none;
    color: white;
    padding: 10px;
}
.footer-icon-container{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px !important;
    height: 40px !important;
    border-radius: 50%;
    border: 1px solid #1e73be;
}

.footer-nav a {
    text-decoration: none;
    color: white;
}

.hr-style-1 {
    color: white;
    padding: 1px;
    margin-left: 250px !important;
}

.hr-style-2 {
    color: white;
    padding: 1px;
    margin-right: 250px !important;
}

.copyright-text a {
    text-decoration: none;
    color: white;
}

.footer-brand img {
    width: 100%;
}