html,body
{
    height: 100%;
}
body
{
    background-color: #ffffff;
}
.primaryBtn
{
    background-color: #1875f3 !important;
    color: #ffffff !important;
    border-radius: 6px;
    padding: 6px 24px;
    font-weight: 500;
    border: 0px;
}
.primaryColor
{
    color: #1875f3;
}
.contactUsBtn
{
    background-color: #ffffff !important;
    color: #1875f3 !important;
}
.blackBgTitle
{
    color: #ffffff;
    font-weight: 600;
}
.whiteText
{
    color: #ffffff;
}
.commonul
{
    padding: 0px;
}
.commonli
{
    list-style-type: none;
}
.commonImage
{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.width100
{
    width: 100%;
}
.primaryTitle
{
    font-weight: 600;
    padding-bottom: 10px;
}
.secondaryTitle
{
    padding-bottom: 24px;
    color: #787878;
    font-weight: 400;
}
.padLR0
{
    padding-left: 0px;
    padding-right: 0px;
}
.padL0
{
    padding-left: 0px;
}
.padR0
{
    padding-right: 0px;
}
.padT18
{
    padding-top: 18px;
}
.row
{
    margin-left: 0px;
    margin-right: 0px;
}
.commonCarouselLink,
.commonCarouselLink:hover
{
    text-decoration: none;
    color: #212121;
}
.commonCenter
{
    display: flex;
    justify-content: center;
}
.owl-dots
{
    display: flex;
    justify-content: center;
}
.owl-dot.active
{
    width: 28px;
    height: 8px;
    background-color: #3083fd;
    border-radius: 10px;
    float: left;
}
.owl-dot 
{
    width: 8px;
    height: 8px;
    background-color: #3083fd57;
    border-radius: 10px;
    float: left;
    margin-left: 8px;
}
.owl-nav
{
    position: absolute;
    top: 50%;
    width: 100%;
    margin-top: -20px;
}
.owl-prev
{
    left: 0px;
    position: absolute;
}
.owl-next
{
    position: absolute;
    right: 0px;
}
.whatsppBtn
{
    background-color: #29ad17 !important;
    color: #ffffff !important;
    padding: 10px 30px;
    max-width: 250px;
    border-radius: 24px;
}
/*Custom Form Fields Css Starts Here*/
.dropbtn 
{
    background-color: transparent;
    font-size: 16px;
    border: none;
}  
.dropdown 
{
    position: relative;
    display: inline-block;
}  
.dropdown span
{
    position: relative;
    top: 6px;
}
.dropdown-content 
{
    display: none;
    position: absolute;
    background-color: #ffffff;
    border-radius: 12px;
    min-width: 200px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}  
.dropdown-content a 
{
    color: #212121;
    padding: 0px 16px;
    text-decoration: none;
    display: block;
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 400;
}
.dropdown-content a:hover
{
    background-color: transparent;
}
.dropdown:hover .dropdown-content 
{
    display: block;
}
.dropdown:hover .dropbtn 
{
    background-color: transparent;
    color: #212121;
}
/*Custom Form Fields Css Ends Here*/
/*Nav Bar Css Starts Here*/
.logo
{
    width: 140px;
}
.commonNavSection
{
    height: 72px;
}
.commonNav
{
    padding: 0px !important;
    position: fixed;
    top: 0;
    background-color: #ffffff;
    width: 100%;
    z-index: 999;
    -webkit-box-shadow: 0px 3px 12px 0px rgb(121 112 112 / 17%);
    -moz-box-shadow: 0px 3px 12px 0px rgb(121 112 112 / 17%);
    box-shadow: 0px 3px 12px 0px rgb(121 112 112 / 17%);
}
.commonNav .nav-link
{
    padding: 0px;
}
.commonNav .nav-item
{
    line-height: 38px;
    padding: 0px 8px;
    text-transform: uppercase;
    font-weight: 500;
    position: relative;
}
.commonNav .navbar-expand-lg .navbar-collapse
{
    justify-content: flex-end;
}
.commonNav .nav-link.active
{
    border: 0px;
    color: #3068FD;
}
.commonNav .nav-link.active::after
{
    content: "";
    width: 24px;
    height: 4px;
    position: absolute;
    background-color: #1875f3;
    border-radius: 12px;
    top: 36px;
    left: 16px;
}
.bgBlack
{
    background-color: #000000;
}
.blackColorText
{
    color: #333333;
}
.fw-600
{
    font-weight: 600;
}
.commonInput
{
    background-color: transparent;
    border: 1px solid #e3e2e2;
    border-radius: 4px;
    padding: 4px 8px;
}
.commonInput .form-select
{
    border: 0px;
    padding: 0px;
}
.commonInput input
{
    padding: 0px;
    background-color: transparent;
    border: 0px;
}
.commonSelect select
{
    margin: 16px auto;
    max-width: 130px;
    border: 0px;
    font-weight: 600;
}
.commonInput label
{
    margin-bottom: 0px;
    font-weight: 600;
}
.ratingActive
{
    color: #FFDC5E;
}
.clearBoth
{
    clear: both;
}
.floatL
{
    float: left;
}
.floatR
{
    float: right;
}
.specialDealLabel
{
    color: #339568;
    background-color: #33956826;
    font-weight: 500;
    padding: 2px 6px;
    border-radius: 30px;
    font-size: 12px;
}
.sectionPadding
{
    padding-top: 86px;
    padding-bottom: 30px;
}
.shapeLine
{
    position: relative;
    height: 58px;
}
.shapeLineText
{
    position: absolute;
    z-index: 99;
    top: 0px;
}
.shapeLineImg
{
    position: absolute;
    right: 0;
    top: 12px;
}
/*Nav Bar Css Ends Here*/
/*Hero Section Css Starts Here*/
.carousel-item
{
    height: 100vh;
}
.heroSliderPreview
{
    width: 100%;
    position: absolute;
    z-index: 0;
}
.heroSliderIndicators
{
    z-index: 999;
    bottom: 100px;
}
.heroSliderDescription
{
    position: absolute;
    z-index: 99;
    display: flex !important;
    flex-direction: column;
    height: 100vh;
    width: 100%;
    top: 0;
    left: 0;
    justify-content: center;
    align-items: center;
}
.heroSliderDescription h1
{
    font-size: 72px;
    padding-bottom: 24px;
}
.heroSliderOverlay
{
    height: 100vh;
    position: absolute;
    z-index: 9;
    background-color: #212121ba;
    width: 100%;
}
.heroSliderArrows
{
    position: absolute;
    z-index: 999;
    top: 50%;
    width: 100%;
}
.heroSliderArrows .carousel-control-next-icon,
.heroSliderArrows .carousel-control-prev-icon
{
    border: 3px solid #ffffff;
    width: 42px;
    height: 60px;
    border-radius: 24px;
    background-size: 32px;
}
/*Hero Section Css Ends Here*/
/*Best Experience Css Starts Here*/
.aboutUsLeft .secondaryTitle
{
    line-height: 32px;
}
.aboutUsRight
{
    width: 100%;
    width: auto;
}
.aboutUsRight img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 16px;
}
.bestServiceRight
{
    height: 100%;
    display: flex;
    align-items: center;
}
.commonRight
{
    padding-right: 20px;
}
.commonLeft
{
    padding-left: 20px;
}
.commonIconTitleInfo
{
    padding-bottom: 16px;
}
.commonIcon
{
    background-color: #f3f3f3;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    float: left;
    padding: 16px;
    height: 50px;
    width: 50px;
    margin-right: 24px;
}
.commonInfo
{
    display: flex;
    flex-direction: column;
    margin-bottom: 14px;
}
.commonContent
{
    font-weight: 500;
    font-size: 14px;
    color: #757575;
}
/*Best Experience Css Ends Here*/
/*Service Section Css Starts Here*/
.serviceImage img
{
    width: 60px;
    margin-bottom: 12px;
    border-radius: 12px;
}
.serviceLabel
{
    font-size: 18px;
    font-weight: 500;
}
.serviceDescription 
{
    font-size: 13px;
    padding-top: 8px;
    line-height: 24px;
}
/*Service Section Css Ends Here*/
/*Easy Steps Css Starts Here*/
.easyStepsRight
{
    padding-top: 48px;
}
.easyStepsRight .commonIcon
{
    background-color: #FDDC4A;
    height: 70px;
    width: 70px;
}
.easyStepsRight .commonIcon span
{
    font-size: 36px;
}
.easyStepsContentRight .commonIconTitleInfo
{
    padding-bottom: 36px;
}
.easyStepsLeft
{
    max-width: 400px;
}
.easyStepsLeft img
{
    width: 100%;
}
/*Easy Steps Css Ends Here*/
/*Choose A Service Css Starts Here*/
.chooseServiceCard .commonTitle
{
    padding-bottom: 8px;
}
.chooseServiceCard .commonul
{
    padding-left: 18px;
}
.chooseServiceCard .commonli
{
    list-style-type: square;
    padding-bottom: 12px;
}
.chooseServiceContent .card
{
    float: left;
    background-color: #f2f2f2;
    border: 0px;
    display: flex;
    height: 350px;
    padding: 24px;
    width: 100%;
}
.chooseServiceCard .card-image img
{
    padding: 20px 52px;
    width: 300px;
}
.chooseServiceContent .card-body .btn
{
    width: 100%;
    background-color: #ffffff;
    border: 0px;
    color: #212121;    
    font-size: 18px;
    font-weight: 700;
}
/*Choose A Service Css Ends Here*/
/*Luxary Ride Css Starts Here*/
.contactUsContent
{
    background-color: #3083fd;
    padding: 20px 0px 0px 80px;
    border-radius: 12px;
}
.contactUsInfo
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}
.contactUsInfo h2
{
    padding-bottom: 24px;
    line-height: 52px;
}
.contactUs
{
    position: absolute;
    top: -300px;
}
/*Luxary Ride Css Ends Here*/
/*Services Section Css Starts Here*/
.serviceCard
{
    height: 200px;
    background-color: #ffffff;
    border: 1px solid #eee;
    border-radius: 12px;
    padding: 18px;
    margin-bottom: 20px;
    cursor: pointer;
    -webkit-box-shadow: -4px 4px 5px 0px rgba(242,242,242,1);
    -moz-box-shadow: -4px 4px 5px 0px rgba(242,242,242,1);
    box-shadow: -4px 4px 5px 0px rgba(242,242,242,1);
}
.serviceCard:hover
{
    background-color: #1875f30f;
}
.serviceCard .card-body
{
    padding: 0px;
}
.serviceTitleCard
{
    font-size: 32px;
    font-weight: 600;
    line-height: 50px;
    display: flex;
    align-items: center;
    text-align: left;
}
.serviceLogo
{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 32px 32px 32px 32px;
}
.serviceLogo p
{
    font-size: 14px;
    padding-top: 12px;
    font-weight: 500;
}
/*services Section Css Ends Here*/
/*Service Difference Css Starts Here*/

.serviceTabs
{
    padding-top: 24px;
}
.serviceDifferencePreview
{
    max-width: 300px;
    margin: 0 auto;
    padding: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.serviceDifferencePreview img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.serviceDifferenceDescription
{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    line-height: 32px;
}
.serviceTabs .nav.nav-tabs
{
    border-bottom: 1px solid #cccccc;
}
.serviceTabs .nav-link.active
{
    border: 0px;
    border-bottom: 3px solid #3069FD;
    color: #3069FD;
    font-weight: 700;
}
.serviceDifferenceTab
{
    border: 0px;
}
.serviceDifferenceTabForm
{
    margin-top: 42px;
    border: 1px solid #eee;
    padding: 32px;
    border-radius: 12px;
    margin-bottom: 20px;
    cursor: pointer;
    -webkit-box-shadow: -4px 4px 5px 0px rgba(242,242,242,1);
    -moz-box-shadow: -4px 4px 5px 0px rgba(242,242,242,1);
    box-shadow: -4px 4px 5px 0px rgba(242,242,242,1);
}
.serviceDifferenceTab .card-body
{
    padding: 0px;
}
.serviceDifferenceTab .nav-tabs
{ 
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.serviceDifferenceTab .nav-link
{
    padding: 4px 0px 16px;
    color: #757575;
    display: flex;
}
.serviceDifferenceTab .nav-link:hover
{
    border: 0px;
}
.serviceDifferenceTab .nav-link .material-symbols-rounded
{
    padding-right: 12px;
}
.serviceDifferenceTab .tabIcon
{
    float: left;
    margin-right: 4px;
    font-size: 20px;
    line-height: 24px;
}
.serviceDifferenceDescriptionTitle
{
    display: none;
}
/*Service Difference Css Ends Here*/
/*Services Page Css Starts Here*/
.individualService.sectionPadding
{
    padding-top: 32px;
}
.servieBanner
{
    height: 280px;
    background-color: #1875f30f;
}
.servieBanner .primaryTitle
{
    height: 280px;
    display: flex;
    align-items: center;
    font-size: 36px;
    font-weight: 700;
}
.servieBanner .serviceTypePreview
{
    height: 280px;
}
.servieBanner .serviceTypePreview img
{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.individualServiceLeft .secondaryTitle
{
    line-height: 30px;
}
.individualServiceRight 
{
    height: 100%;
    padding: 24px;
    background-color: #ffffff;
    border: 1px solid #eee;
    border-radius: 12px;
    margin-bottom: 20px;
    cursor: pointer;
    -webkit-box-shadow: -4px 4px 5px 0px rgba(242,242,242,1);
    -moz-box-shadow: -4px 4px 5px 0px rgba(242,242,242,1);
    box-shadow: -4px 4px 5px 0px rgba(242,242,242,1);
}
.individualServiceRight .servicePreview
{
    width: 120px;
    margin: 32px auto;
}
.serviceListPreview
{
    height: 250px;
}
.serviceListPreview img
{
    width: 100%;
    border-radius: 12px;
    height: 100%;
    object-fit: contain;
}
.serviceTitle
{
    text-align: center;
    line-height: 42px;
}
.serviceTitle span
{
    display: block;
    color: #1875f3;
}
.serviceList ul
{ 
    padding-left: 0px;
    margin: 0px;
}
.serviceList li
{
    float: left;
    width: 50%;
    display: flex;
    justify-content: flex-start;
    padding-bottom: 24px;
}
.serviceList .serviceIcon
{
    padding-right: 8px;
}
.serviceList .serviceIcon img
{
    width: 24px;
}
.servicePageActions
{
    text-align: center;
}
/*Services Page Css Ends Here*/
/*Footer Section Css Starts Here*/
.footerCardOverlap
{
    padding-bottom: 320px;
}
.footer
{   
    position: relative;
    padding-top: 160px;
}
.footerContent
{
    display: flex;
    flex-direction: row;
}
.footerSiteInfo
{
    max-width: 550px;
    padding: 0px 72px 0px 0px;
}
.footerLinks
{
    padding: 0px 18px;
    flex-grow: 1;
}
.footerLinks .commonli a
{
    font-size: 14px;
    color: #aaaaaa;
    text-decoration: none;
    font-weight: 400;
}
.footerLinks h6
{
    color: #ffffff;
}
.footerLinks .socialLinks 
{
    display: flex;
}
.footerLinks .socialLinks .commonli
{
    float: left;
}
.footerLinks .socialLinks .commonli a
{
    font-size: 24px;
    color: #ffffff;
    margin: 0px 24px 0px 0px;
}
.footerLinks .socialLinks .commonli a:hover
{
    color: #3083fd;
    position: relative;
}
.footerLinks .contactInfo 
{
    border-top: 1px solid #212121;
    padding-top: 16px;
}
.footerLogo
{
    padding-bottom: 24px;
}
.footerLogoIcon
{
    float: left;
}
.footerLogoIcon img
{
    width: 42px;
}
.footerLogoText
{
    font-size: 28px;
    position: relative;
    font-weight: 600;
}
.footerSiteInfoContent
{
    color: #aaaaaa;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
}
.footerSubContent
{
    padding-top: 18px;
    border-top: 1px solid #2d2d2d;
}
.footerSubContentNav
{
    line-height: 62px;
}
.footerSubContentNav a
{
    color: #aaaaaa;
    text-decoration: none;
    font-weight: 600;
    padding-right: 24px;
}
.serviceFooter
{
    padding-top: 60px;
}
.copyRight
{
    text-align: left;
}
.agreements
{
    text-align: right;
}
/*Footer Section Css Ends Here*/
/*Flip Card Css Starts Here*/
.chooseServiceFlipCard {
    background-color: transparent;
    width: 100%;
    height: 350px;
    perspective: 1000px;
    border-radius: 12px;
  }
  
  .chooseServiceFlipCardInner {
    position: relative;
    width: 100%;
    height: 100%;
    transition: transform 0.6s;
    transform-style: preserve-3d;
  }
  
  .chooseServiceFlipCard:hover .chooseServiceFlipCardInner {
    transform: rotateY(180deg);
  }
  
  .chooseServiceCardFront, .chooseServiceCardBack {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  
  .chooseServiceCardFront {
    background-color: #f2f2f2;
    border: 0px;
    display: flex;
    height: 350px;
    padding: 24px;
    width: 100%;
    flex-direction: column;
  }
  
  .chooseServiceCardBack {
    background-color: #2980b9;
    color: white;
    transform: rotateY(180deg);
  }
/*Flip Card Css Ends Here*/
/*Responsive Css Starts Here*/
@media only screen and (max-width: 767px) and (min-width: 280px)
{
    .sectionPadding
    {
        padding-top: 20px;
        padding-bottom: 10px;
    }
    /*Hero Tabs Starts*/
    .heroSliderDescription h1
    {
        font-size: 36px;
    }
    .heroSliderDescription, .carousel-item, .heroSliderOverlay
    {
        height: 30vh;
    }
    .heroSliderIndicators
    {
        bottom: 0px;
    }
    .serviceTabs
    {
        margin-right: 0px;
    }
    .heroBanner
    {
        display: none;
    }
    .serviceDifferenceTabTitle
    {
        display: none;
    }
    .serviceDifferenceDescriptionTitle
    {
        display: block;
    }
    /*Hero Tabs Ends*/
    /*Best Experience Starts*/
    .aboutUsLeft
    {
        display: none;
    }
    /*Best Experience Ends*/
    /*Easy Steps Starts*/
    .easyStepsLeft
    {
        display: none;
    }
    /*Easy Steps Ends*/
    /*Choose Ride Starts*/
    .chooseServiceCard .card
    {
        width: 100%;
        margin-bottom: 24px;
    }
    .chooseserviceDifferenceRow
    {
        padding-top: 0px;
    }
    /*Choose Ride Ends*/
    /*Luxary Ride Starts*/
    .contactUsContent
    {
        padding: 20px;
        text-align: center;
    }
    .contactUsInfoBanner
    {
        display: none;
    }
    /*Luxary Ride Ends*/
    /*Customer Review Starts*/
    .customerSays .owl-stage-outer
    {
        padding: 24px;
    }
    .customerSays .owl-item:nth-child(even)
    {
        margin-top: 0px;
    }
    .customerSaysCard .card
    {
        width: 90%;
    }
    /*Customer Review Ends*/
    /*Service List Css Starts Here*/
    .serviceList li
    {
        width: 100%;
    }
    /*Servicee List Css Ends Here*/
    /*Footer Content Starts*/
    .footer
    {
        padding-top: 30px;
    }
    .footerSiteInfo
    {
        width: 100%;
        max-width: 100%;
        padding-bottom: 32px;
    }
    .footerContent
    {
        display: block;
    }
    .footerSubContent
    {
        text-align: center;
    }
    .copyRight
    {
        text-align: center;
    }
    .agreements
    {
        text-align: center;
    }
    /*Footer Content Ends*/
}
@media only screen and (max-width: 1024px) and (min-width: 768px)
{
    .sectionPadding
    {
        padding-top: 30px;
        padding-bottom: 15px;
    }
    /*Hero Section Starts*/
    .shapeLineImg
    {
        left: 100px;
        right: initial;
    }
    .heroSliderDescription, .carousel-item, .heroSliderOverlay
    {
        height: 50vh;
    }
    /*Heros Section Ends*/
    /*Choose a Ride Starts*/
    .chooseServiceContent .card
    {
        margin-bottom: 42px;
    }
    .chooseserviceDifferenceRow
    {
        padding: 0px;
    }
    /*Choose a Ride Ends*/
    /*Easy Steps Starts*/
    .easyStepsLeft
    {
        display: none;
    }
    /*Easy Steps Ends*/
    /*Service Tabs Starts Here*/
    .serviceDifferenceTabTitle
    {
        display: none;
    }
    .serviceDifferenceDescriptionTitle
    {
        display: block;
    }
    /*Service Tabs Ends Here*/
    /*Contact Us Starts Here*/
    .contactUsContent
    {
        padding: 20px 0px 0px 20px;
    }
    .contactUsInfo h2
    {
        font-size: 24px;
    }
    /*Contact Us Ends Here*/
    /*Footer Section Starts*/
    .footer 
    {
        padding-top: 36px;
    }
    .footerLogoIcon
    {
        float: initial;
    }
    .footerSiteInfo
    {
        width: 100%;
        max-width: 100%;
        text-align: center;
        padding: 0px;
    }
    .footerContent
    {
        display: block;
    }
    .footerSubContent
    {
        text-align: center;
    }
    .copyRight
    {
        text-align: center;
    }
    .agreements
    {
        text-align: center;
    }
    /*Footer Section Ends*/
}
@media only screen and (max-width: 2000px) and (min-width: 1600px)
{
    /*Footer Section Starts*/
    .footer 
    {
        padding-top: 250px;
    }
    /*Footer Section Ends*/
}
/*Responsive Css Ends Here*/