@import url('https: //fonts.googleapis.com/css2?family=Cormorant+Infant:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Cormorant+Infant:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Work+Sans:ital,wght@0,100..900;1,100..900&display=swap');

* {

    margin: 0;

    padding: 0;
}

:root {
    --color_primary: #dbbf87;
    --color_primary-hover: #9a7d43;
}

body {
    font-family: "Cormorant Infant", serif;
    background: #13191a;
}

.nav-link {

    font-family: "Work Sans", sans-serif;

    font-weight: 400;
}

.navbar-brand {

    height: 76px;

    display: flex;

    align-items: center;

    justify-content: center;

    margin: auto;
}

.navbar-brand img {
    height: 85px;

    width: 100%;

    object-fit: contain;

    margin: auto;

    display: flex;

    justify-content: center;

    align-items: c;
}

/* carousel part start here  */
.carousel_part {}

.carousel_container {}

.ads_slide {

    max-height: 80vh;

    position: relative;

    z-index: -1;
}

.ads_slide::before {
    z-index: 0;

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-color: linergardiant(45deg, #000, #000);

    background: linear-gradient(180deg, #00000024, #000000e3);
}

.ads_slide img {}

.ads_slide .details {

    position: absolute;

    left: 5%;

    bottom: 5%;
}

.ads_slide .details p {

    margin: 0;

    color: #e0ce82;

    font-size: 20px;
}

.ads_slide .details h2 {

    color: #fff;

    max-width: 600px;

    line-height: 30px;

    font-weight: 600;
}

/* carousel part end here  */

.pro_slider_sec {

    padding: 30px 0px;
}

.sec_title {

    text-align: center;

    padding: 30px 0px;
}

.sec_title p {

    margin: 0;

    color: var(--color_primary);

    font-size: 20px;

    font-weight: 400;
}

.sec_title h1 {

    font-size: 60px;

    line-height: 55px;

    color: #fff;
}

.pro_slider {

    padding: 10px 0px;
}

.pro_box {

    /* width: 300px; */

    box-shadow: 0 0 10px #adadad;

    padding: 20px;

    margin: 10px;

    /* background: #F7F5F2; */
}

.pro_box h2 {
    text-align: center;

    font-size: 30px;
}

.pro_box img {

    margin: auto;

    display: flex;
}

.pro_box p {

    text-align: center;

    margin: 0;

    overflow: hidden;

    display: -webkit-box;

    -webkit-line-clamp: 2;
    /* number of lines to show */

    line-clamp: 2;

    -webkit-box-orient: vertical;
}

.pro_box h1 {

    text-align: center;
}

.pro_box h1 span {

    font-size: 14px;
}

.btn_primary {

    width: 100%;

    padding: 5px;

    border: 1px solid var(--color_primary);

    background: #fff;

    text-align: none;

    display: block;

    text-align: center;

    text-decoration: none;

    color: #000;
}

.btn_primary i {
    transform: rotate(-15deg);

    margin-left: 5px;
}

.owl-dots {

    margin: auto;

    display: flex;

    justify-content: center;

    margin: 20px 0px;
}

.owl-dots .owl-dot {

    margin: 0 3px;

    /* border: 1px solid red !important; */

    padding: 5px !important;

    border-radius: 50%;

    padding: 20px !important;
}

.owl-dots .owl-dot span {

    height: 8px;

    display: block;

    width: 8px;

    background: #a7a7a7;

    border-radius: 50%;
}

.owl-dots .owl-dot.active span {
    background-color: #000;
}

/* about section start here  */
.about_sec {}

.abLeft {

    position: relative;

    max-height: 60vh;

    overflow: hidden;
}

.abLeft img {}

.img_car {

    position: absolute;

    width: 100%;

    height: 100%;

    object-fit: contain;

    right: -10%;
}

.ab_right {}

.ab_right h1 {}

.ab_right p {

    font-size: 18px;
}

.btn_sc {

    padding: 10px;

    border: 1px solid var(--color_primary);

    text-decoration: none;

    color: #000;

    margin-top: 12px;

    display: block;

    width: fit-content;

    transition: .4s all ease-in-out;
}

.btn_sc:hover {

    background: var(--color_primary);

    color: #fff;
}

/* about section end here  */

.ab_us {

    background-image: url(../images/about_us_bg.png);

    background-repeat: no-repeat;

    background-size: cover;

    background-position: center;

    padding: 30px 0px;

    position: relative;

    margin: 30px 0px;
}

.ab_us_left {

    position: relative;

    height: 100%;
}

.ab_us_left img {

    /* max-height: 100%; */

    position: absolute;

    left: 0;

    top: 0;

    z-index: 3;

    object-fit: contain;

    height: 100%;

    width: 100%;

    margin-top: 59px;
}

.ab_us_right {}

.ab_us_right h1 {

    color: #fff;
}

.ab_us_right p {

    color: #cbc1c1;
}

.ab_box {

    padding: 15px;

    border: 1px solid var(--color_primary);

    margin: 10px 0px;
}

.ab_box svg {}

.ab_box h1 {

    font-size: 22px;

    margin: 5px 0px;
}

/* image gallery part start here  */
.image_gallery {

    padding: 30px 0px;
}

.g_img {

    height: 100%;

    width: 100%;
}

.g_img img {
    width: 100%;

    height: 100%;

    object-fit: cover;
}

.image_gallery .col-md-3 {

    margin: 10px 0px;
}

;


.pro_box h1 {

    text-align: center;
}

.pro_box h1 span {

    font-size: 14px;
}

.btn_primary {
    width: 100%;
    padding: 5px;
    border: 1px solid var(--color_primary);
    background: #fff;
    text-align: none;
    display: block;
    text-align: center;
    text-decoration: none;
    color: #000;
}

.btn_primary i {
    transform: rotate(-15deg);
    margin-left: 5px;
}

.owl-dots {
    margin: auto;
    display: flex;
    justify-content: center;
    margin: 20px 0px;
}

.owl-dots .owl-dot {

    margin: 0 3px;

    /* border: 1px solid red !important; */

    padding: 5px !important;

    border-radius: 50%;

    padding: 20px !important;
}

.owl-dots .owl-dot span {

    height: 8px;

    display: block;

    width: 8px;

    background: #a7a7a7;

    border-radius: 50%;
}

.owl-dots .owl-dot.active span {
    background-color: #000;
}

/* about section start here  */
.about_sec {}

.abLeft {
    position: relative;
    max-height: 60vh;
    overflow: hidden;
}

.abLeft img {}

.img_car {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: contain;
    right: -10%;
}

.ab_right {}

.ab_right h1 {}

.ab_right p {

    font-size: 18px;
}

.btn_sc {

padding: 10px;

border: 1px solid var(--color_primary) !important;

text-decoration: none;

color: #000;

margin-top: 12px;

display: block;

width: fit-content;

transition: .4s all ease-in-out;

color: var(--color_primary);
}

.btn_sc:hover {

    background: var(--color_primary);

    color: #fff;
}

/* about section end here  */

.ab_us {
    background-image: url(../images/about_us_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 30px 0px;
    position: relative;
    margin: 30px 0px;
}

.ab_us_left {

    position: relative;

    height: 100%;
}

.ab_us_left img {

    /* max-height: 100%; */

    position: absolute;

    left: 0;

    top: 0;

    z-index: 3;

    object-fit: contain;

    height: 100%;

    width: 100%;

    margin-top: 59px;

    z-index: 1;
}

.ab_us_right {}

.ab_us_right h1 {

    color: #fff;
}

.ab_us_right p {

    color: #cbc1c1;
}

.ab_box {

    padding: 15px;

    border: 1px solid var(--color_primary);

    margin: 10px 0px;
}

.ab_box svg {}

.ab_box h1 {

    font-size: 22px;

    margin: 5px 0px;
}

/* image gallery part start here  */
.image_gallery {

    padding: 30px 0px;
}

.g_img {

    height: 100%;

    width: 100%;
}

.g_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.image_gallery .col-md-3 {
    margin: 10px 0px;
}

.bg_black {
    background-color: #100f0f;
}

.qcLink ul li {}

.qcLink ul {

    list-style: none;

    padding: 0;
}

.qcLink ul li a {

    text-decoration: none;

    color: #fff;
}

a {
    color: #000;
    transition: .4s all ease-in-out;
    text-decoration: none;
}

* {
    margin: 0;
}

a:hover {
    color: var(--primaryColor);
}

.tab_hide {
    display: block;
}

.nav_show {
    display: none;
}

.nav_hide {
    display: block;
}

@media(max-width: 992px) {
    .nav_show {
        display: block;
    }

    .nav_hide {
        display: none;
    }
}

@media(max-width: 768px) {
    .tab_hide {
        display: none;
    }

}


.footer_top {
    background: #0c1214;
}

footer {}

.qcLink {}

.qcLink h2 {
    color: #fff;
}

.footer_bottom {
    background: #0c1214;
    border-top: 1px solid #fff;
}

.footer_bottom p,
a {
    color: #fff;
    margin: 0;
}

.log_ab {}

.log_ab img {
    height: 100px;
}

.log_ab p {
    color: #fff;
    text-align: start;
}

.address {}

.address p {

    color: var(--color_primary);
}

.address a {}
.address a i{
    font-size: 22px;
}

.page_barccard {
    background-image: url(../images/PORSHE.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    z-index: 0;
    position: relative;
    padding: 50px 0px;
}

.page_barccard:after {
    content: '';
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    background-color: #00000094;
    z-index: -1;
}

.page_title {

    color: #fff;

    text-align: center;
}

.cars {
    padding: 30px 0px;
}

.car_details {

    padding: 30px 0px;
}

.car_imgs {}

.car_imgs img {
    background: #fff;
}

.car_detail {}

.car_detail h2 {
    color: #fff;
}

.car_item {

    border: 1px solid var(--color_primary);

    margin: 5px 0px;

    padding: 10px;
}

.car_item h1 {

    font-size: 20px;

    margin-bottom: 5px;

    color: #fff;
}

.car_item p {
    color: #fff;
    margin: 0;
}

.btn_sc i {
    transform: rotate(-45deg);
}

/* index new  */
.service {}

.service_ {}

.service_box {

    position: relative;
}

.service_ a {

    color: var(--color_primary);
}

.service_ a img {}

.service_ a p {

    position: absolute;

    left: 0;

    bottom: 0;

    background: #000;

    width: 100%;

    padding: 10px 20px;

    text-align: center;

    font-family: "Work Sans", sans-serif;

    font-weight: 400;

    margin: 0;
}

.service_ a p i {

    transform: rotate(-45deg);
}

.service_ a::after {
    content: '';
    position: absolute;
    height: 0;
    left: 0px;
    top: 0px;
    width: 100%;
    background: linear-gradient(45deg, black, transparent);
    transition: .4s all ease-in-out;
}

.service_ a:hover {
    color: #fff;
}

.service_ a:hover::after {
    height: 100%;
}

.service_ {}

.service_ h1 {
    color: #fff;
    font-size: 30px;
    margin-top: 20px;
}

.service_ p {
    color: #adadad;
    font-family: "Work Sans", sans-serif;
}

.sec_title span {
    color: #adadad;
    font-family: "Work Sans", sans-serif;
}

.count_sec {
    display: grid;
    grid-template-columns: repeat(3, 3fr);
    gap: 5px;
}

.c_div {
    padding: 10px;
    border-right: 1px solid #adadad;
}

.c_div h1 {
    color: var(--color_primary);
    font-family: "Work Sans", sans-serif;
}

.c_div p {
    color: #adadad;
    font-family: "Work Sans", sans-serif;
    font-size: 20px;
    margin: 0;
    /* font-size: 16px; */
}

.cabout {
    background-image: url(../images/about_us_bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 30px 0px;
}

.video_section {
    background-image: url(../images/explore-limo.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 0;
    padding: 30px 0px;
}

.video_section::after {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background-color: #00000075;
    z-index: -1;
}

.slider_part {}

.proSlider {}

.pro_slide {
    position: relative;
    /* width: 350px; */
    background: #fff;
    padding: 20px;
    margin: 5px;
    overflow: hidden;
    z-index: 0;
    height: 315px;
}

.pro_slide img {

    position: absolute;

    height: 100%;

    width: 100%;

    object-fit: cover;

    z-index: -1;

    left: 0;

    top: 0;
}

.pro_slide h1 {

color: var(--color_primary);

margin-top: 80px;

font-size: 22px;

opacity: 0;

transition: .4s all ease-in-out;

font-family: "Work Sans", sans-serif;

position: absolute;

left: 20px;

bottom: 85px;
}

.pro_slide h1 span {
    color: #fff;
}

.pro_slide h2 {

/* margin-bottom: 25px; */

font-size: 24px;

color: #fff;

transform: translateY(22px);

transition: .4s all ease-in-out;

filter: drop-shadow(2px 4px 6px black);

font-family: "Work Sans", sans-serif;

overflow: hidden;

display: -webkit-box;

-webkit-line-clamp: 1;
    /* number of lines to show */

line-clamp: 2;

-webkit-box-orient: vertical;

position: absolute;

left: 20px;

bottom: 59px;
}

.pro_slide p {
    margin: 0;
    padding: 10px;
    text-align: center;
    background: #000000d9;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    color: var(--color_primary);
    transform: translateY(20px);
    /* display: none; */
    opacity: 0;
    transition: .4s all ease-in-out;
}

.pro_slide p i {
    transform: rotate(-45deg);
}

.pro_slide::after {
    content: '';
    position: absolute;
    height: 0%;
    width: 100%;
    left: 0;
    top: 0;
    background: #00000096;
    z-index: -1;
    transition: .4s all ease-in-out;
}

.pro_slide::before {
    content: '';
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    background: linear-gradient(-0deg, black, transparent);
    z-index: -1;
    transition: .4s all ease-in-out;
}

.pro_slide:hover:after {
    height: 100%;
}

.pro_slide:hover p {
    transform: translateY(0px);
    /* display: block; */
    opacity: 1;
    transition: .4s all ease-in-out;
}

.pro_slide:hover h1 {
    opacity: 1;
}

.pro_slide:hover h2 {
    transform: translateY(0px);
}

.gurrentee {
    background-image: url(../images/we_gaurantee_img.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 35vh;
    position: relative;
    z-index: 0;
}

.gurrentee::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-color: #00000070;
    z-index: -1;
}

.car_detail p {
    color: #fff;
}

.car_descriptions {
    background-color: #fff;
    padding: 20px;
    margin-top: 30px;
}

.price_ h1 {
    color: var(--color_primary) !important;
}

.contact_box {
    padding: 5px;
    border-right: 1px solid var(--color_primary);
}

.contact_box h6 a {
    color: #ffffffa1;
    font-size: 25px;
    margin-top: 20px;
    font-family: "Work Sans", sans-serif;
    text-decoration: none;
    display: block;
}

.contact_box p {
    color: #fff;
    font-family: "Work Sans", sans-serif;
}

.address a:hover {
    color: var(--color_primary);
}

nav button {
    box-shadow: none !important;
}

.bg_color {height: 115px;}

.bg_color .nav-link {
    color: #fff !important;
    font-size: 16px;
    margin: 0px 8px;
    transition: .4s all ease-in-out;
    padding: 5px 0px;
    border: 1px solid transparent;
}
.bg_color .nav-link:hover{
    border-bottom: 1px solid #fff;    
}
.loader {

    height: 100vh;

    width: 100vw;

    background: #000;

    position: fixed;

    left: 50%;

    top: 50%;

    transform: translate(-50%, -50%);

    display: flex;

    justify-content: center;

    align-items: center;

    z-index: 999999;
}

.loader img {

    max-height: 100px;
}

/* banner part start here  */
.bannerPart {
    background-image: url(../images/COVETTE.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 0;
    padding: 30px 0px;
    min-height: 60vh;
}

.bannerPart::after {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    background-color: #00000070;
    z-index: -1;
    left: 0;
    top: 0;
}

/* banner part end here  */
.btn-primary{
    background-color: var(--color_primary);
}
.btn-primary:hover{
    background-color: var(--color_primary-hover);
}
a:hover{
    color: var(--color_primary);
}
.prolist p{
    margin: 0;
    color: #000;   
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1; /* number of lines to show */
            line-clamp: 1; 
    -webkit-box-orient: vertical;
}
.prolist img{
    max-height: 130px;
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.form-control:focus {
    box-shadow: none;
}
.g_img img{
    transition: .4s all ease-in-out;
}
.g_img:hover img{
    transform: scale(1.1);
}
.head_i i{
    font-size: 14px !important;
    margin-right: 5px;
}
.head_i ul{
    margin: 0;
}
@media(max-width: 992px){
    .navbar-brand img {
        height: 70px;
    }
    .bg_color {
        height: 90px;
    }
}
@media(max-width: 768px){
    .sec_title h1 {
    font-size: 50px;
}
}