/* 
|......................................................................
| Theme Name: Cras
| Author: 3jon
|--------------------------------------------------------------------------
*/
a.navbar-brand.logo img {
    max-width: 192px;
}
.ak-nav .ak-nav_list > li {
    margin-right: 43px;
}
.text-hover-animaiton .menu-text {
    padding-right: 5px;
}
.ak-testimonal-controll .testimonal-controll .button {
    border-radius: 0!important;
}
.contact-form .from-inputs .type_1 .date-time-icon {
    top: 24%!important;
}
.contact-form .from-inputs .type_1 input {
    width: 100%;
}
.elementor-container [data-aos^=fade][data-aos^=fade], .elementor-container [data-aos][data-aos][data-aos-duration="1000"] {
    opacity: 1;
    transition-property: opacity, transform;
}
.car.car-detail {
    background: transparent!important;
}
/* Timepicker & Datepicker */
.xdsoft_datetimepicker {
    background: #0e0d0d!important;
    border-bottom: 1px solid rgba(255, 61, 36, 0.4392156863)!important;
    border-left: 1px solid rgba(255, 61, 36, 0.4392156863)!important;
    border-right: 1px solid rgba(255, 61, 36, 0.4392156863)!important;
    border-top: 1px solid rgba(255, 61, 36, 0.4392156863)!important;
    color: #eee6e6!important;
    padding: 0!important;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
    display: none!important;
}
.xdsoft_datetimepicker .xdsoft_timepicker {
    width: 72px!important;
    margin: 0!important;
}
.xdsoft_time_box {
    border: 1px solid #3f1414!important;
}
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div {
    background: transparent!important;
    border-top: transparent!important;
    border-bottom: transparent!important;
    color: #f3ebeb!important;
}
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default, .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
    background: transparent!important;
    box-shadow: none!important;
}
.xdsoft_datetimepicker .xdsoft_calendar td:hover, .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
    background: var(--primary-color) !important;
}
.xdsoft_datetimepicker .xdsoft_calendar td, .xdsoft_datetimepicker .xdsoft_calendar th {
    background: transparent!important;
    border: 1px solid rgba(255, 61, 36, 0.4392156863)!important;
    color: #fff!important;
}
.xdsoft_datetimepicker .xdsoft_next, .xdsoft_datetimepicker .xdsoft_prev, .xdsoft_datetimepicker .xdsoft_today_button {
    background-color: #5e5656!important;
}    
.xdsoft_datetimepicker .xdsoft_label {
    background-color: transparent;
} 
.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select {
    border: 1px solid rgba(255, 61, 36, 0.4392156863)!important;
    background: #222!important;
}
.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
    background-color: var(--primary-color)!important;
}
.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
    background: #0b0a0a!important;
    box-shadow: #080808 0 1px 3px 0 inset!important;
}
.sticky-content .content-full {
    width: 100%!important;
}

/* Contact Form - 7 */
span.wpcf7-spinner {
    display: none!important;
}
.footer.style-1 .footer-email .footer-heading-email .email-form {
    width: 90%;
}
.footer.style-1 .footer-email .footer-heading-email .email-form .submit-btn {
    transform-style: preserve-3d;
    transition: font-size 0.5s, background-color 0.3s, transform 0.3s, color 0.3s;
    transform: translate3d(0, 0px, 0px);
    float: right;
    margin-top: -30px;
    color: #fff;
}
.footer.style-1 .footer-email .footer-heading-email .email-form .submit-btn:hover {
    font-size: 17px !important;
    color: rgba(255, 255, 255, 0.9) !important;
    background-color: rgba(255, 61, 36, 0.7) !important;
    transform: translate3d(0, -8px, 0.01px);
}
.footer.style-1 .footer-email .footer-heading-email .email-form .email-input {
    color: #fff !important;
    background-color: transparent !important;
    border: 0;
}
.service-card .card-img img {
    transition: all 0.5s ease-in-out;
    max-width: 371px; 
}

.service-card .card-info {
    max-width: 383px; 
}

/* Other Custom Style */
.next-prev-btn .button {
    border-radius: 0;
}
body.diagnostic-services .single-blog-list img.img-fluid, body.diagnostic-services .single-blog-list .ak-height-50, 
body.diagnostic-services-2 .single-blog-list img.img-fluid, body.diagnostic-services-2 .single-blog-list .ak-height-50, 
body.routine-maintenance-2 .single-blog-list img.img-fluid, body.routine-maintenance-2 .single-blog-list .ak-height-50, 
body.brake-system-repair .single-blog-list img.img-fluid, body.brake-system-repair .single-blog-list .ak-height-50, 
body.transmission-services .single-blog-list img.img-fluid, body.transmission-services .single-blog-list .ak-height-50, 
body.electrical-system .single-blog-list img.img-fluid, body.electrical-system .single-blog-list .ak-height-50, 
body.steering-repair .single-blog-list img.img-fluid, body.steering-repair .single-blog-list .ak-height-50, 
body.heating-services .single-blog-list img.img-fluid, body.heating-services .single-blog-list .ak-height-50, 
body.tire-services .single-blog-list img.img-fluid, body.tire-services .single-blog-list .ak-height-50
{
    display: none;
}
.n-mrg {
    display: block!important;
}
.home.blog {
    display: block;
}
.single-blog-list.blog-standard__single.blog-card {
    margin-bottom: 60px;
}
.blog-card .blog-body-info .entry-title {
    margin-bottom: 10px;
}
header.entry-header {
    margin-top: 0!important;
}
.blog-card .entry-content.blog-body-info {
    padding-left: 0px!important;
}
.blog-standard__single.blog-card .blog-footer-info {
    padding-left: 0!important;
}
.page-template-default.page.blog {
    display: block;
}
.widget.sidebar__single ul {
    margin: 0 0 25px 0;
    padding-left: 0;
    list-style: none;
}
.widget.sidebar__single.widget_nav_menu .menu ul.sub-menu {
    margin: 0;
}
.widget li {
    margin-bottom: 5px;
}
.sidebar__title.cs_blog_title {
    margin-bottom: 15px;
}
.page {
    overflow: hidden;
}
.error-section.mgb-125 {
    margin-bottom: -125px;
    margin-top: -65px;;
}
body.single.single-post .d-flex.gap-2.align-items-center {
    display: none!important;
}
body.blog, body.archive, body.category, body.page, body.search, body.single {
    word-break: break-word;
}
.mgt-20 {
    margin-top: 20px;
}
.mgtb-50 {
    margin: 50px 0;
}
.single-blog-post .gallery {
    grid-auto-rows: auto; 
}
.comment.depth-5 svg {
    display: none;
}
#respond .contact-form-title {
    margin-top: 0 !important;
}
.single.single-post p.time {
    margin: 0!important;
}
.sub-menu:nth-child(2) .ak-munu_dropdown_toggle_1,
.sub-menu:nth-child(3) .ak-munu_dropdown_toggle_1,
.sub-menu:nth-child(4) .ak-munu_dropdown_toggle_1, 
.sub-menu:nth-child(5) .ak-munu_dropdown_toggle_1 {
    display: none;
}
.single.single-services .sidebar__title {
    display: none;
}
.single-blog-title.service-single-title {
    margin-top: 0!important;
}
.single-blog-desp .single-blog-list {
    margin-bottom: 50px;
}
.single-blog-desp .single-blog-list:last-child {
    margin-bottom: 0;
}
.single-blog-list .single-blog-desp:last-child {
    margin-bottom: 0;
}
img.srv-img {
    padding-bottom: 50px;
}
.heartbeat-icon img {
    margin: 0!important;
}
.ak-border-width {
    width: 80%;
}
.elementor-default .tagcloud {
    display: none;
}

@media screen and (min-width: 992px) {
    .sidebar {
        margin-left: 30px;
    }
}
@media screen and (max-width: 991px) {
    ul {
        list-style: none;
        padding-left: 0;
    }
}
    

.cs_nav .cs_nav_list > li.current > a{
    color: #ff6b00;
}
.cs_nav .cs_nav_list > li.menu-item-has-children > ul.sub-menu > li.current > a{
    color: #ff6b00;
}
.cs_main_header .cs_munu_dropdown_toggle_1 {
    display: none;
}
.cs_side_header .cs_side_header_in .cs_box_two .cs_social_link {
    margin-bottom: 25px;
}
.cs_side_header .cs_side_header_in .cs_box_two .cs_social_link a:last-child {
    display: none;
}
.wpcf7 form.sent .wpcf7-response-output, 
.wpcf7 form.invalid .wpcf7-response-output {
    border-color: #46b450;
    border: none;
    color: #ff3d24;
    padding: 0;
    margin: 20px 0 0 0;
}
.cs_newsletter .wpcf7 form.sent .wpcf7-response-output, .wpcf7 form.invalid .wpcf7-response-output {
    border-color: #46b450;
    border: none;
    color: #ff3d24;
    padding-left: 0;
    position: relative;
    max-width: 645px;
    width: 100%;
}
#datepicker i {color: #fff!important;}
.login-top {
    margin-top: 30px;
}
.cs_btn.cs_style_1.cs_type_btn input {
    background: none;
    border: none;
}
.cs_btn.cs_style_1.cs_type_btn span.wpcf7-spinner {
    display: none;
}
input[type="submit"].vsub {
    opacity: 0;
}
button.cs_newsletter_btn svg {
    margin-top: -149px;
}
.cs_copyright a {
    color: #ffffff;
    text-transform: capitalize;
}
.cs_copyright a:hover {
    color: #ff6b00;
}
.cs_section_heading.cs_style_1.cs_type_1 .cs_section_heading_text {
    margin-right: 70px;
}
.cs_portfolio_details .cs_text_pd {
    padding: 0 68px;
}
.rev.app-design, .rev.google-marketing, .rev.masonry {
    display: none;
}
.cs_bg_img_about_titile {
    height: 60vh;
}
.comment-one {
    position: relative;
    display: block;
}
body.single-services img.with-icons {
    display: none;
}

.comment-one__title,
.comment-form__title {
    margin: 0;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 700;
    margin-bottom: 52px;
}

.comment-one__single {
    display: -webkit-box;
    margin-bottom: 60px;
}

.comment-one__single:last-child {
    margin-bottom:0;
}

ol.comment-list {
    padding-left: 0;
    margin-top: 60px;
}

.comment-one__content {
    position: relative;
    padding-left: 0;
}

.comment-one__content h6 {
    margin: 0;
    font-size: 22px;
    margin-bottom: 0!important;
    font-weight: 700;
}

.comment-one__content p {
    margin: 0;
    margin-bottom: 15px;
}

.comment-one__content span {
    color: var(--thm-base);
    font-weight: 500;
}

.comment-one__btn {
    position: absolute;
    top: 0;
    right: 0;
    color: #ffffff;
    font-size: 12px;
    padding: 5px 30px;
    background: var(--thm-base);
    border-radius: var(--thm-bdr-radius);
    text-transform: uppercase;
}

.comment-one__btn:hover {
    color: #ffffff;
    background: var(--thm-black);
}

.comment-one__image {
    position: relative;
    display: block;
    border-radius: 50%;
}

.comment-one__image img {
    border-radius: 50%;
}

li.depth-5 .comment-body .comment-one__content {
    margin-left: 30px;
}

li.depth-2 .comment-body .comment-one__content, li.depth-3 .comment-body .comment-one__content, li.depth-4 .comment-body .comment-one__content {
    margin-left: 20px;
}

.reply {
    margin-top: 20px;
}
.comment_author, .comment-metadata {
    margin-bottom: 10px;
}
.comment ul.children {
    padding-left: 80px;
}
.widget_archive ul li, .widget_categories ul li {
    padding-left: 0;
    position: relative;
}
.sidebar .widget {
    margin-bottom: 40px;
}
.sidebar .widget:last-child {
    margin-bottom: 0px;
}
.widget_pages>ul, .widget_meta>ul, .widget_recent_comments>ul, .widget_recent_entries>ul, .widget_rss>ul {
    padding-left: 0;
}
.single-blog-post.blog-standard__single {
    margin-bottom: 60px;
}
.single-blog-post.blog-standard__single:last-child {
    margin-bottom: 0px;
}
.blog-standard__date {
    display: none;
}
.page-header__content {
    margin-bottom: 40px;
}
.comment-log {
    margin-bottom: 20px;
}
.entry-content.first-comment {
    margin-bottom: -40px;
}
.sidebar__search-form button {
    display: none;
}
.cs_newsletter.cs_style_1 .cs_newsletter_btn {
    top: -40px;
}
.cs_newsletter.cs_style_1 .wpcf7-response-output {
    color: #c1c1c1!important;
}
.sticky-content .blog_4.content.style_2 {
    float: none;
    padding-right: 0px;
    width: auto;
    display: block;
}

@media screen and (max-width: 767px) {
    .elementor-9 .elementor-element.elementor-element-61995ee {
        margin-top: 0px !important;
    }
    body.single-services .sticky-content {
        flex-direction: column!important;
    }
    .company-tab .tabs-content .list .desp {
        text-align: center!important;
    }
    .error-section.mgb-125 {
        margin-top: -146px;
    }
    .mgtb-50 {
        margin: 30px 0;
    }
    .comment ul.children {
        margin: 0 !important;
        padding: 0 !important;
    }
    .comments-area.single-blog-list {
        padding: 0 15px;
    }
    
    .single-blog-list h1, .single-blog-list h2, .single-blog-list h3, .single-blog-list h4, .single-blog-list h5, .single-blog-list h6, .single-blog-list p, 
    .blog-standard__single-content h1, .blog-standard__single-content h2, .blog-standard__single-content h3, .blog-standard__single-content h4, 
    .blog-standard__single-content h5, .blog-standard__single-content h6, .blog-standard__single-content p {
        margin: 10px 0!important;
    }



    .port .cs_section_heading.cs_style_1 .cs_section_title {
        font-size: 31px;
    }
    .cs_height_70, .cs_height_65 {
        height: 30px;
    }
    .elementor-24 .elementor-element.elementor-element-792e7f9 {
        margin-top: -100px!important;
    } 
    .cs_card.cs_style_2 .cs_card_brand {
        margin-bottom: 20px;
    }
    .cs_cntmarg30 {
        margin-bottom: 30px;
    }
    .cs_cntmarg50 {
        margin-bottom: 50px;
    }
    .cs_cntmarg .cs_learning_project .cs_section_heading.cs_style_1 {
        padding: 120px 0px;
    } 
    .cs_card_2_list .cs_card.cs_style_2:not(:last-child) {
        padding-bottom: 0px;
        margin-bottom: 60px;
    }
    .cs_section_heading.cs_style_1.cs_color_1 .cs_section_title_3 {
        margin-bottom: 30px;
    }
    .cs_card.cs_style_1 {
        margin-top: 20px;
    }
    .cs_card.cs_style_1:first-child {
        margin-top: -20px;
    }
    .comment-one__content {
        margin: 30px 0 0 0;
    }
    .comment ul.children {
        padding-left: 20px;
    }
    .cs_bg_img_about_titile {
        height: 38vh;
    }
}

@media screen and (max-width: 991px){
    .cs_hero.cs_style4 .cs_text_hero {
        padding-left: 32px;
    }
    .cs_isotop_item_menu ul {
        gap: 30px;
    }
    .cs_horizontal_scrolls .swiper-slide, .cs_slider_3 .swiper-slide {
        width: 50%;
    }
    .cs_section_heading.cs_style_1.cs_color_1 .cs_section_title_3, .cs_section_heading.cs_style_1 .cs_section_title {
        margin-bottom: 30px;
    }
    .cs_card.cs_style_2 .cs_card_brand {
        margin-bottom: 20px;
    }
    .cs_card.cs_style_1 {
        margin-top: 20px;
    }
    .cs_card.cs_style_1:first-child {
        margin-top: -20px;
    }
    .cs_isotop_item_menu ul {
        margin-bottom: 60px;
    }
    .comment ul.children {
        padding-left: 40px;
    }
    .cs_bg_img_about_titile {
        height: 42vh!important;
    }
}

@media screen and (max-width: 767px) {
  .cs_pagination.cs_style1 {
    display: none;
  }
  .cs_horizontal_scrolls {
    width: 100%;
  }
  .cs_horizontal_scrolls .swiper-slide {
    width: 100%;
  }
  /*  slider 3 */
  .cs_slider_3 {
    width: 100%;
  }
  .cs_slider_3 .swiper-slide {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .cs_hero.cs_style1 .cs_hero_text_in {
    padding-left: 0%;
  }
  .cs_hero.cs_style1 .cs_hero_bg {
    opacity: 0.2;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .cs_pagination.cs_style1 {
    display: none;
  }
  .cs_horizontal_scrolls {
    width: 100%;
  }
  .cs_horizontal_scrolls .swiper-slide {
    width: 100%;
  }
  /*  slider 3 */
  .cs_slider_3 {
    width: 100%;
  }
  .cs_slider_3 .swiper-slide {
    width: 100%;
  }
}