/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Blog page Start <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Blog section Start <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

.blog_mobile { display: none; }

h1.blog_detail_title {

    line-height: 30px;

    font-size: 30px;

    font-weight: 700;

}

.blog_txt h5:hover {

    color: var(--pur-golden) !important;

}

.blog_section .main_title { overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; width: 100%; display: block; padding: 18px 0 23px 0; color: var(--dark); line-height: 30px; font-size: 33px; font-weight: 700; }

.blog_section .all_blog { margin-bottom: 20px; }

.blog_section .all_blog img.blog_img { width: 100%; border-radius: 20px 20px 0px 0px; }

.blog_section .all_blog .blog_txt { border-radius: 0px 0px 20px 20px; background: #F0F0F0; padding: 15px; width: 100%; position: relative; margin-top: -30px; }

.blog_section .all_blog .blog_txt h5 { color: var(--dark); line-height: 26px; font-size: 16px; font-weight: 700; }

.blog_section .all_blog .blog_txt p { color: #636872; line-height: 24px; font-size: 15px; font-weight: 400; padding: 15px 0; }

.blog_section .all_blog .blog_txt ul { padding: 0; margin: 0; display: flex; flex-wrap: wrap; align-items: center; }

.blog_section .all_blog .blog_txt ul img { width: auto; }

.blog_section .all_blog .blog_txt ul li { list-style: none; color: var(--night-dark); ; line-height: 15px; font-size: 15px; font-weight: 500; padding-left: 15px; }

@media (max-width: 767px) {

     /* Blog page */
    ol.breadcrumb {
        padding-top: 120px;
    }
     .blog_desktop {
        display: none;
    }
    .blog_mobile {

        display: block;

    }



    .blog_section .main_title {

        text-align: start;

    }



    .blog_mobile .bolg_view .owl-nav .owl-prev {

        position: absolute;

        right: 50px;

        top: -80px;

        font-size: 26px;

        font-weight: 700;

        color: var(--white);

        width: 40px;

        height: 40px;

        border-radius: 20px;

        background-image: var(--gold-gradiant);

    }



    .blog_mobile .bolg_view .owl-nav .owl-next {

        position: absolute;

        right: 0;

        top: -80px;

        font-size: 26px;

        font-weight: 700;

        color: var(--white);

        width: 40px;

        height: 40px;

        border-radius: 20px;

        background-image: var(--gold-gradiant);

    }



    /* Blog details page */

    .blog_details ul.car_tag li {

        margin: 0 10px 10px 0;

    }



    .blog_details .reply_form form .first_field {

        display: block;

    }



    .blog_details .reply_form form .first_field .form_field.email_field {

        margin: 0;

    }

    

}

@media (max-width: 567px) {

    /* Blog details page */

    .blog_details ul.more_details li h2 {

        font-size: 20px;

        padding: 10px 0 10px 0 !important;

    }



    .blog_details .reply_form {

        padding: 20px;

    }



    .blog_details .blog_name_details h2 {

        line-height: 30px;

    }

}

 

/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< Blog section End <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */









/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< blog details page css start <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */

.blog_details .blog_d_img img { width: 100%; }

.blog_details .blog_detail_title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; display: block; padding: 18px 0 34px 0 ; color: var(--dark); line-height: 30px; font-size: 30px; font-weight: 700; }

.blog_details .first_txt { padding: 50px 0 0 0; }

.blog_details .first_txt p { font-style: normal; font-weight: 400; font-size: 15px; line-height: 25px; color: var(--night-dark); padding: 10px 0; }

.blog_details ul.more_details { padding: 0; }

.blog_details ul.more_details li { list-style: none; }

.blog_details ul.more_details li h2 { padding: 18px 0 34px 0 !important; color: var(--dark); line-height: 30px; font-size: 30px; font-weight: 700; padding-bottom: 20px; }

.blog_details ul.more_details li p { font-style: normal; font-weight: 400; font-size: 15px; line-height: 25px; color: var(--night-dark); padding: 4px 0 20px 0; }

.blog_details ul.car_tag { padding: 0; display: flex; flex-wrap: wrap; align-items: center; margin: 80px 0; }

.blog_details ul.car_tag p { margin-right: 10px; }

.blog_details ul.car_tag li { cursor: pointer; list-style: none; display: flex; flex-wrap: wrap; align-items: center; flex-wrap: wrap;  margin: 0 10px 0 0; font-weight: 700; text-transform: uppercase; color: #fff!important; padding: 10px; border-radius: 4px; background: #2f5aae; line-height: 1; font-size: .75em!important; display: inline-block; }



.blog_details .reply_form { background-color: #f4f5f7; padding: 40px; margin-bottom: 50px; }

.blog_details .reply_form h4 { color: var(--dark); font-size: 20px; line-height: 18px; font-weight: 700; padding-bottom: 20px; }

.blog_details .reply_form p { font-style: normal; font-weight: 400; font-size: 15px; line-height: 25px; color: var(--night-dark); padding-bottom: 20px; }

.blog_details .reply_form form .first_field { display: flex; align-items: center; padding: 10px 0; }

.blog_details .reply_form form .first_field .form_field { width: 100%; display: inline-grid; }

.blog_details .reply_form form .form_field label { font-size: 14px; color: var(--dark); padding: 5px 0; }

.blog_details .reply_form form .first_field .form_field input {   padding: 6px; border: 2px solid var(--white-gray); border-radius: 4px; }

.blog_details .reply_form form .form_field textarea {   padding: 6px; border: 2px solid var(--white-gray); border-radius: 4px; }

.blog_details .reply_form form .first_field .form_field.email_field { margin: 0 10px; }

.blog_details .reply_form form .form_field { width: 100%; display: inline-grid; }

.blog_details .reply_form form .save_details_check { display: flex; align-items: center; padding: 10px 0; }

.blog_details .reply_form form .save_details_check label { padding-left: 10px; font-style: normal; font-weight: 400; font-size: 15px; line-height: 25px; color: var(--night-dark); }

.blog_details .blog_name_details { padding: 18px 0 50px 0 !important;  }

.blog_details .blog_name_details h2 { padding: 18px 0 20px 0 !important; color: var(--dark); line-height: 20px; font-size: 30px; font-weight: 700; padding-bottom: 20px; }

.blog_details .blog_name_details .blog_date { display: flex; flex-wrap: wrap; align-items: center; }

.blog_details .blog_name_details .blog_date p { font-size: 14px; }

.blog_details .blog_name_details .blog_date p.center { padding: 0 10px; }

.blog_details .blog_name_details .blog_date p a { text-decoration: none; }



.blog_details ul.next_previous { padding:  50px 0; display: flex; flex-wrap: wrap; justify-content: space-between; }

.blog_details ul.next_previous li { list-style: none; }

.blog_details ul.next_previous li a { text-decoration: none; font-size: 14px;  }

.blog_details ul.next_previous li a p { text-transform: uppercase; color: var(--dark); font-size: 14px; font-weight: 500; }

.blog_details ul.next_previous li.next_side { text-align: end; }



.blog_details .reply_form form .save_details_check input[type="checkbox"] { display: block !important; }

.blog_page_car_list .most_rent_car .most_rent_car_details .car_full_details .rent_counts .rent_day { padding-right: 20px !important; }

.blog_page_car_list .most_rent_car .most_rent_car_details .car_full_details .rent_counts .rent_day span { padding-right: 0px !important; }

@media (max-width: 1199px) {

 /* Blog details page */

 .blog_details ul.more_details li h2 { font-size: 24px; padding: 10px 0 24px 0 !important; }

 .blog_details ul.more_details li p { padding: 4px 0 12px 0; }

}

@media (max-width: 991px) {

     /* Blog details page */

     .blog_details ul.car_tag p {

        padding-bottom: 10px;

    }



    .blog_details .blog_name_details {

        padding: 18px 15px 20px 15px !important;

    }



    .blog_details ul.next_previous {

        padding: 50px 15px;

    }



    .blog_details .blog_name_details h2 {

        padding: 18px 0 14px 0 !important;

        font-size: 24px;

    }



    .blog_details ul.next_previous li.next_side {

        text-align: start;

        padding: 20px 0 0 0;

    }

    .blog_details_top_image {

        width: 100% !important;

    }

}

/* <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< blog details page css End <<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<< */