@font-face {
  font-family: "icomoon";
  src: url("../fonts/icomoon.eot?jzjcrr");
  src: url("../fonts/icomoon.eot?jzjcrr#iefix") format("embedded-opentype"),
    url("../fonts/icomoon.ttf?jzjcrr") format("truetype"),
    url("../fonts/icomoon.woff?jzjcrr") format("woff"),
    url("../fonts/icomoon.svg?jzjcrr#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-small-right:before {
  content: "\e912";
}
.icon-youtube:before {
  content: "\e900";
}
.icon-twitter:before {
  content: "\e901";
}
.icon-scroll:before {
  content: "\e902";
}
.icon-mail:before {
  content: "\e903";
}
.icon-location:before {
  content: "\e904";
}
.icon-linkedin:before {
  content: "\e905";
}
.icon-light:before {
  content: "\e906";
}
.icon-google-play .path1:before {
  content: "\e907";
  color: rgb(62, 193, 250);
}
.icon-google-play .path2:before {
  content: "\e908";
  margin-left: -0.8662109375em;
  color: rgb(88, 200, 110);
}
.icon-google-play .path3:before {
  content: "\e909";
  margin-left: -0.8662109375em;
  color: rgb(252, 213, 59);
}
.icon-google-play .path4:before {
  content: "\e90a";
  margin-left: -0.8662109375em;
  color: rgb(254, 68, 74);
}
.icon-facebook:before {
  content: "\e90b";
}
.icon-dark:before {
  content: "\e90c";
}
.icon-call:before {
  content: "\e90d";
}
.icon-arrow-up:before {
  content: "\e90e";
}
.icon-arrow-right:before {
  content: "\e90f";
}
.icon-arrow-circle:before {
  content: "\e910";
}
.icon-apple:before {
  content: "\e911";
}



:root {
  --black: #000000;
  --black-100: #111827;
  --black-200: #2E2B37;
  --black-300: #4B5563;
  --white: #ffffff;
  --white-100: #D1D5DB;
  --white-200: #E5E7EB;
  --white-300: #F3F4F6;
  --white-400: #F9FAFB;
  --white-500: #A8A7AE;
  --white-600: #6B7280;
  --white-700: #BCBCBC;
  --white-800: #EEEEEE;
  --orange: #ED971E;
  --blue: #28a2ad;
  --blue-100: #3EC3C3;
  --blue-200: #22BCBC;
  --blue-300: #E9EEEE;
  --violet: #3D56DF;
  --violet-100: #576FF2;
  --violet-200: #E7E9F6;
  --violet-300: #91A2FA;


  --transition: all 0.5s ease-in-out;
}

html {
  font-size: 0.534vw;
}

body {
  position: relative;
  color: var(--black);
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 2.6rem;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
}

img,
svg {
  max-width: 100%;
  height: auto;
}

ul,
ol {
  margin: 0;
  padding: 0;
}

ul li {
  list-style-type: none;
  list-style-position: inside;
}

ol li {
  list-style-type: inherit;
  list-style-position: inside;
}

figure,
address,
blockquote {
  margin: 0;
  padding: 0;
}

input:focus,
textarea:focus {
  outline: none;
  box-shadow: none;
  background-color: var(--white);
}

body.admin-bar .site-header {
  margin-top: 32px;
}
.container { padding: 0 2rem;}
.row{margin-left: -2rem;margin-right: -2rem;}
.row>*{padding: 0 2rem;}

/* ================== USER FOR SAFRI auto Complete field off ============================== */
input::-webkit-contacts-auto-fill-button {visibility: hidden; display: none !important; pointer-events: none; position: absolute; right: 0;}

/* Common Style Start */
.button_com{display: inline-block; border-radius: 1rem; padding: 1.2rem 5.3rem; color: var(--white); font-size: 1.8rem; font-weight: 500; line-height: 2.4rem; background-color: var(--violet); box-shadow: 0 24px 54px 0 rgba(61, 86, 223, 0.6); transition: var(--transition);}
.button_com:hover{background-color: var(--orange); border-color: var(--orange); color: var(--white); box-shadow: 0 24px 54px 0 rgba(237, 151, 30, 0.6);}
.com_heading_sec{margin-bottom: 2.8rem;}
.com_heading_sec .com_sub_hed{display: inline-block; color: var(--black-100); font-size: 1.8rem;font-weight: 500;line-height: 2.4rem;margin-bottom: 1.8rem;}
.com_heading_sec .com_heading{color: var(--black-200); font-size: 7.5rem;font-weight: 600;line-height: 8.5rem;}
.com_heading_sec .com_heading_short{color: var(--black-100); font-size: 3rem;font-weight: 600;line-height: 3.6rem;margin: 2rem 0;}
.com_content p,.com_content ul li{color: var(--black-200);font-size: 2.1rem;font-weight: 400;line-height: 3rem; margin-bottom:2rem}
.com_content p:last-child,.com_content ul li:last-child{margin-bottom:0}
.com_content ul li{ position:relative;padding-left:1.5rem;}
.com_content p:not(:last-of-type){margin-bottom: 2rem;}

.ui-accordion-header{position: relative; padding: 1.8rem 5.2rem; padding-right: 6.5rem; border: 0.1rem solid var(--black-200); border-radius: 1rem; background: var(--white-300); cursor: pointer;}
.ui-accordion-header:focus{outline: none; box-shadow: none;}

.ui-accordion-header::after {position: absolute;content: "\e90e"; font-family: 'icomoon';top: 50%;transform: translateY(-50%) rotate(180deg);right: 3.5rem;font-size: 1rem; line-height: 1rem; color: var(--black-100);  transition: var(--transition);}
.ui-accordion-header-active::after{color: var(--violet); transform: translateY(-50%) rotate(0deg);}

.ui-accordion-header-active{border-radius: 1rem 1rem 0 0; border-color: var(--violet);}

.ui-accordion-header h3{color: var(--black-100); font-size: 2.5rem;font-weight: 500;line-height: 3.3rem; transition: var(--transition);}
.ui-accordion-header-active h3{color: var(--violet);}

.ui-accordion-content{ padding: 3.3rem 5.2rem; background-color: var(--white-300); border: 0.1rem solid var(--violet); border-top: none; border-radius: 0 0 1rem 1rem;}


.faq_loop:not(:last-of-type){margin-bottom: 1.6rem;}
.ui-accordion-content p{font-weight: 400;font-size: 2.1rem;line-height: 3rem; color: var(--black-200);}
.ui-accordion-content p:not(:last-of-type){margin-bottom: 2rem;}
.ui-accordion-content ul , .ui-accordion-content ol{margin-top: 2rem;}
.ui-accordion-content ul:not(:last-of-type) , .ui-accordion-content ol:not(:last-of-type){margin-bottom: 2rem;}
.ui-accordion-content ul li , .ui-accordion-content ol li{position: relative; color: var(--black-200);font-size: 2rem;font-weight: 400;line-height:3rem;}
.ui-accordion-content ul li {padding-left:2.5rem;}
.ui-accordion-content ul li:not(:last-of-type),.ui-accordion-content ol li:not(:last-of-type){margin-bottom: 1.5rem;}
.ui-accordion-content ul li::after { content: ""; position: absolute; top: 1rem; left: 0; width: 0.6rem; height: 0.6rem; background: var(--black-200); border-radius: 50%;}

.semibanner-area {height: 37rem;position: relative;overflow: hidden;background-color: var(--black);}
.semibanner-image {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.semibanner-image::after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(0deg, rgba(0, 0, 0, 0.00) 4.31%, #04002B 94.98%);}
.semibanner-image img {width: 100%;height: 100%;object-fit: cover;}
.semibanner-text {position: relative;z-index: 1;width: 100%;height: 100%;display: flex;align-items: flex-end;justify-content: center;}
.inner_banner_title {position: relative;color: var(--white);font-size: 9rem;font-weight: 500;line-height: 12rem;text-align: center;margin-bottom: 5rem;}

.all_page_wrp{padding: 15rem 0 7rem;}
.faq_page_sec , .about-list-wrp , .car-list-wrp{padding-bottom: 0 !important;}

.swiper-button-next{right: 0;}
.swiper-button-prev{left: 0;}
.swiper-button-prev::after , .swiper-button-next::after{display: none;}
.swiper-button-prev , .swiper-button-next{width: 7.2rem !important; height: 5rem !important; justify-content: flex-start;}
.swiper-button-prev:focus , .swiper-button-next:focus{outline: none; border: none;}
.swiper-button-next{ justify-content: flex-end;}

.swiper-button-prev .icon-arrow-circle, .swiper-button-next .icon-arrow-circle{font-size: 5rem; color: var(--violet);}
.swiper-button-prev .icon-arrow-right, .swiper-button-next .icon-arrow-right{font-size: 1.6rem; color: var(--violet);}

.swiper-button-prev .icon-arrow-circle, .swiper-button-prev .icon-arrow-right{transform: rotate(180deg);}

.swiper-button-prev .icon-arrow-right{margin-left: -2rem; transition: var(--transition);} 
.swiper-button-prev:hover .icon-arrow-right{margin-left: -3rem; }

.swiper-button-next .icon-arrow-right{margin-right: -2rem; transition: var(--transition);} 
.swiper-button-next:hover .icon-arrow-right{margin-right: -3rem; }

.home_about_sec , .home_work_sec , .home_why_choose_sec , .app_download_section, .about_founder_section , .who_we_sec{overflow: hidden;}

/* Common Style End */

.parallax_img_ani img {position: absolute; bottom: 0; left: 0; width: 100%;height: 170%;object-fit: cover; object-position: center; padding: 0;}

/* Header Style Start */
.site-header { position: fixed;width: 100%; top: 0; left: 0; z-index: 99; overflow: hidden; transition: var(--transition);}
.site-header.sticky {background-color: rgba(0, 0, 0, 0.7);}
.site-header .container{align-items: end; transition: var(--transition);}
.site-header.sticky .container{align-items: center;}
.site-header.sticky ul.menu-wrapper li a{padding: 3rem 1.5rem;}
.site-header.sticky ul.menu-wrapper {align-items: center; transition: var(--transition);}
.site-header .custom-logo-link {display: inline-block; height: 6.3rem;}
.site-header .custom-logo-link img{ width: 100%; height: 100%;}
ul.menu-wrapper {display: flex;align-items: end;gap: 1.5rem;}
ul.menu-wrapper li a{ position: relative; display: inline-block; padding: 5rem 1.5rem 1.2rem; color: var(--white); font-size: 1.8rem;font-weight: 500;line-height: 2.4rem; transition: var(--transition);}
ul.menu-wrapper li a::after {content: ""; position: absolute; bottom: 0;right: 0; height: 0%; width: 100%; background-color: var(--orange);transition: var(--transition); z-index: -1;}
ul.menu-wrapper li a:hover::after, ul.menu-wrapper li.current-menu-item a::after {height: 100%;}
ul.menu-wrapper li a:hover{ color: var(--white);}
ul.menu-wrapper li:last-of-type a{border: 0.1rem solid var(--white); border-radius: 1rem; padding: 1.2rem 1.9rem !important;transition: var(--transition);}
ul.menu-wrapper li:last-of-type a:hover::after, ul.menu-wrapper li:last-of-type.current-menu-item a::after {height: 0%;}
ul.menu-wrapper li:last-of-type a:hover, ul.menu-wrapper li:last-of-type.current-menu-item a{ background-color: var(--orange); border-color: var(--orange); color: var(--white); box-shadow: 0 24px 54px 0 rgba(237, 151, 30, 0.40);}

.theme-toggle-btn{ position: absolute; top: 50%; transform: translateY(-15%); right: -0.8rem; width: 5rem; height: 5rem; border: none; display: flex; align-items: center; justify-content: center; background-color: var(--black); border-radius: 1rem; padding: 0.1rem; transition: var(--transition);}
.site-header.sticky .theme-toggle-btn{ transform: translateY(-50%);}
.theme-toggle-btn::after{  content: "";
  position: absolute;
  inset: 0;
  border-radius: 1rem;
  padding: 0.1rem; /* Thickness of the border */
  background: linear-gradient(124deg, #22BCBC, #AA81C2);
  -webkit-mask: 
    linear-gradient(#000 0 0) content-box, 
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
}
.theme-toggle-btn:focus{outline: none; box-shadow: none;}
.theme-toggle-btn span{ color: var(--white); font-size: 2.1rem; transition: var(--transition);}
.theme-toggle-btn:hover span{ color: var(--orange);}





/* Header Style End */
/* Banner Style Start */
.hero_video{height: 100dvh; position: relative;text-align: center;}
.video-wrap{position: relative;}
.video-wrap::after {content: ""; position: absolute; top: 0;right: 0; height: 100dvh; width: 100%;
background: linear-gradient(180deg, #0C185C 0%, rgba(0, 0, 0, 0.00) 38.4%), linear-gradient(0deg, rgba(0, 0, 0, 0.00) 4.48%, #0C185C 94.01%), linear-gradient(64deg, rgba(0, 0, 0, 0.00) 37.95%, rgba(0, 0, 0, 0.20) 69.72%);
background-blend-mode: normal, overlay, normal;}
.hero_hed{position: absolute;top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%);}
.hero_title{color: var(--white);font-size: 10rem;font-weight: 700;line-height: 12rem; margin-bottom: 1rem;}
.hero_short_content p{color: var(--white);font-size: 2.5rem;font-weight: 400;line-height: 3rem;}
.hero_hed .button_com{margin-top: 3.2rem; display: inline-block;border: 0.1rem solid var(--white); border-radius: 1rem; padding: 1.2rem 4.3rem; color: var(--white); font-size: 1.8rem;font-weight: 500;line-height: 2.4rem; background-color: transparent; box-shadow: none; transition: var(--transition);}
.hero_hed .button_com:hover{background-color: var(--orange); border-color: var(--orange); color: var(--white);}
.scroll-btn{position: absolute;bottom: 1.8rem; left: 50%; transform: translateX(-50%); display: inline-block; line-height: 0; padding: 0.5rem; border-radius: 4.5rem; background-color: var(--white); overflow: hidden; -webkit-animation: mover 1s infinite  alternate; animation: mover 1s infinite  alternate; }
@keyframes mover {
    0% { transform: translateY(0); }
    100% { transform: translateY(-10px); }
}
.scroll-btn span{color: var(--orange);font-size: 4rem; transition: var(--transition);}
.scroll-btn:hover span{color: var(--blue);}
/* Banner Style End */
/* Home About Style Start */
.home_about_sec{padding: 14rem 0 11rem;}
.home_about_sec .container{ height: 100%;}
.home_about_sec .row{align-items: center; height: 100%;}
.about_images_slider{margin-right: 8rem; padding-bottom: 1rem;}
.home_about_sec .button_com{margin-top: 5rem;}
.home_about_sec .swiper-pagination {width: fit-content; position: relative; top: 0; bottom: 0; margin: 3.5rem auto 0; padding: 1.1rem 2.6rem; line-height: 0; border-radius: 2rem; background: var(--white); box-shadow: 0 0 6px 1px rgba(0, 0, 0, 0.10);}
.swiper-pagination-bullet{width: 1.4rem !important; height: 1.4rem !important; margin: 0 -0.5rem; opacity: 1; background: transparent; border: 0.1rem solid rgba(0, 0, 0, 0.30);}
.swiper-pagination-bullet-active{border: none; background-color: var(--violet);}

.pdf_list_sec{ background-color: #000; padding: 5.8rem 0; background-image: url(../images/pdf_bg_image.jpg); background-size: cover; background-repeat: no-repeat; background-position: center center;}
.pdf_list_sec_wp{ display: flex; align-items: center;}
.pdf_list{ display: flex; align-items: center; margin-left: auto; gap: 3rem;}
.pdf_list_hed{ color: #FFF; font-size: 4.8rem; font-weight: 500; margin: 0;}
.pdf_buton{ background-color: #3D56DF; color: #FFF; display: flex; align-items: center; width: fit-content; padding: 0 2.4rem; font-size: 2.4rem; font-weight: 500; height: 6.4rem; border-radius: 1rem; gap: 1.5rem;}
.pdf_buton:hover{ background-color: var(--orange); color: #FFF;}

.logo_sliders_sec{background-color: var(--violet-200); padding: 5.4rem 0 5.8rem;}
.logo_sliders_sec .swiper-wrapper {transition-timing-function: linear !important; align-items: center;}
.logos_loop figure img{display: block; margin: 0 auto;}

/* Home About Style End */
/* Home Work Style Start */
.home_work_sec{padding-bottom: 8rem; position: relative; overflow-x: hidden; margin-bottom: 6.6rem;}
.home_work_car_image{position: absolute; bottom: 0rem; right: -16%; width: 79%; z-index: 1;}
.home_work_sec_bg{padding: 5rem 0 1.2rem; background: url(../images/home-work-bg.png), var(--black); background-position: center; background-size: cover; background-repeat: no-repeat;}

.home_work_sec_content_area{max-width: 59.8rem;}
.home_work_sec_bg .com_heading_sec .com_sub_hed{color: var(--white);}
.home_work_sec_bg .com_heading_sec .com_heading{color: var(--white);}
.work_sec_lists{display: flex;flex-wrap: wrap; gap: 2.3rem 3rem;}
.home_work_sec_content_area .button-wrap {text-align: center; margin-top: 2.5rem;}



.works_lists_loop{ width: calc(50% - 1.6rem);text-align: center;padding: 3rem; border-radius: 2rem; background: transparent;position: relative;
  z-index: 0;}

.works_lists_loop::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 2rem;
  padding: 0.1rem; /* Thickness of the border */
  background: linear-gradient(124deg, #22BCBC, #AA81C2);
  -webkit-mask: 
    linear-gradient(#000 0 0) content-box, 
    linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  z-index: -1;
}


/* .works_lists_loop::after{content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%;; background-position: center; background-size: cover; background-repeat: no-repeat; } */
.works_count{display: block; color: var(--blue-100);font-size: 7.1rem;font-weight: 600;line-height: 8.4rem;}
.works_sm_cont{display: block; color: var(--white);font-size: 2.5rem;font-weight: 400;line-height: 4rem;}
.home_work_image-wrap{display: flex; align-items: end;}
.home_work_image.one{width: 39rem; position: relative;z-index: 1;box-shadow: 0 0 10.4px 0 rgba(57, 58, 105, 0.50);}
.home_work_image.two{margin-left: -11.5rem;width: 37rem;}
.app_buttons_sec .app_buttons{position: relative; justify-content: center; flex-wrap: wrap;}
.app_buttons_sec .app_buttons::after{content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: calc(100% - 70%); height: 0.1rem; background-color: var(--white-100);}
.app_buttons_sec .app_buttons::before{content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: 0; width: calc(100% - 70%); height: 0.1rem; background-color: var(--white-100);}
.app_buttons{display: flex;align-items: center; gap: 2.5rem; flex-wrap: wrap;}
.app_button_com{width: fit-content; display: flex; align-items: center; gap: 2rem; padding: 1.6rem 4rem; background-color: var(--white); border: 0.1rem solid var(--black-200); border-radius: 4.5rem; color: var(--black-200);font-size: 2.8rem;font-weight: 700;line-height: 3.4rem; transition: var(--transition);}
.app_button_com:hover{background-color: var(--black-200); color: var(--white); border-color: var(--black-200);}
.app_buttons_sec .app_button_com span{font-size: 4.4rem; color: var(--black-200); transition: var(--transition);}
.app_button_com:hover span{color: var(--white);}


/* Home Work Style End */
/* featured Section Style Start */
.featured_section{padding: 9.6rem 0 20rem;}
.featured_section .com_heading_sec{text-align: center;}
.featured_car_title .featured_car_cat{text-transform: uppercase; color: var(--black-200);font-size: 3.6rem;font-weight: 500;line-height: 4.2rem;}
.featured_car_title .featured_car_main_title{color: var(--white-200);font-size: 20rem;font-weight: 700;line-height: 16rem;}
.featured_car_image{position: relative; z-index: 1; max-width: 109.8rem; margin: -2.5rem auto 0;}
.car_features_list{display: flex;align-items: center; justify-content: center; flex-wrap: wrap; gap: 2rem 6rem; margin-top: 2rem;}
.car_features_list_loop , .featured_car_loop_inner {text-align: center;}
.featured_car_loop_inner a{display: inline-block; width: fit-content;}
.car_features_list_loop strong{color: var(--black-200);font-size: 2.6rem;font-weight: 600;line-height: 3.2rem; margin-bottom: 0.5rem;}
.car_features_list_loop span{color: var(--black-200);font-size: 1.6rem;font-weight: 400;line-height: 2.2rem;}
.featured_car_slider .swiper-wrapper{z-index: -1;}
.featured_car_slider .swiper-button-prev, .featured_car_slider .swiper-button-next {z-index: 10;}
/* featured Section Style End */



/* Home Why Choose Section Style Start */
.home_why_choose_sec{ position: relative;height: 91.6rem; background-color: var(--white-300);}
.home_why_choose_sec .container{ height: 100%;}
.home_why_choose_sec .row{align-items: center; height: 100%;}
.why_choose_bg_image{ width: 50%; height: 100%; z-index: 0; position: absolute; right: 0; top: 0;  overflow: hidden;}
.home_why_choose_sec .com_heading_sec{margin-bottom: 7.5rem;}



.why_choose_tab_list .resp-tabs-list{display: flex; flex-direction: column; gap: 2.5rem; }
.why_choose_tab_list .resp-tabs-list li{ background-color: transparent !important; width: fit-content;}
.why_choose_tab_list .resp-tabs-list li span{width: fit-content; position: relative; font-weight: 600;font-size: 3rem;line-height: 3.6rem; color: var(--black-200); display: inline-block;cursor: pointer; border: none !important; transition: var(--transition);}
.why_choose_tab_list .resp-tabs-list li.resp-tab-active span, .why_choose_tab_list .resp-tabs-list li:hover span{padding-left: 5.2rem; color: var(--violet);}
.why_choose_tab_list .resp-tabs-list li span::after{content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 0%; height: 0.5rem; background-color: var(--violet);transition: var(--transition);}
.why_choose_tab_list .resp-tabs-list li.resp-tab-active span::after , .why_choose_tab_list .resp-tabs-list li:hover span::after{width: 3.4rem;}


.resp-tabs-container { position: relative;z-index: 1;padding: 4.5rem 4.5rem 8rem 9.5rem; background: linear-gradient(270deg, rgba(46, 43, 55, 0.00) 62.72%, #2E2B37 91.29%), rgba(46, 43, 55, 0.95); clear: left; margin-left: -9rem; margin-top: 30rem;}


.resp-tab-content {display: none; max-height: 40rem; overflow-y: auto; scrollbar-color: var(--violet) var(--black-200); scrollbar-width: thin;}

.resp-tab-content p{font-weight: 400;font-size: 2.1rem;line-height: 3.1rem; color: var(--white);}
.resp-tab-content p:not(:last-of-type){margin-bottom: 2rem;}
.resp-tab-content ul , .resp-tab-content ol{margin-top: 2rem;}
.resp-tab-content > ul , .resp-tab-content > ol{margin-top: 0;}
.resp-tab-content ul:not(:last-of-type) , .resp-tab-content ol:not(:last-of-type){margin-bottom: 2rem;}
.resp-tab-content ul li , .resp-tab-content ol li{position: relative; color: var(--white);font-size: 2rem;font-weight: 400;line-height:3rem;}
.resp-tab-content ul li {padding-left:1.5rem;}
.resp-tab-content ul li:not(:last-of-type), .resp-tab-content ol li:not(:last-of-type){margin-bottom: 1.5rem;}
.resp-tab-content ul li::after { content: ""; position: absolute; top: 1rem; left: 0; width: 0.6rem; height: 0.6rem; background: var(--white); border-radius: 50%;}


.resp-content-active, .resp-accordion-active { display: block;}


h2.resp-accordion { position: relative; cursor: pointer; display: none; font-size: 2rem;color: var(--white); font-weight: 500; line-height: 2.6rem; background-color: var(--orange) !important; border: 0.1rem solid var(--orange) !important;  margin: 0rem; padding: 1.5rem; padding-right: 3rem; margin-bottom: 1rem;}





/*-----------Vertical tabs-----------*/
.resp-vtabs ul.resp-tabs-list {
    float: left;
    width: 30%;
}

.resp-vtabs .resp-tabs-list li {
    display: block;
    padding: 15px 15px !important;
    margin: 0 0 4px;
    cursor: pointer;
    float: none;
}

.resp-vtabs .resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    border: 1px solid #c1c1c1;
    float: left;
    width: 68%;
    min-height: 250px;
    clear: none;
  margin: 3px 0 0;
}

.resp-vtabs .resp-tab-content {
    border: none;
    word-wrap: break-word;
}

.resp-vtabs li.resp-tab-active { 
position: relative;
z-index: 1;
margin-right: -1px !important;
padding: 14px 15px 15px 14px !important;
border-top: 1px solid;
border: 1px solid #5AB1D0 !important;
border-left: 1px solid !important;
margin-bottom: 4px !important;
border-right: 1px #FFF solid !important;
}

.accordion-arrow {
  position: absolute; top: 50%; transform: translateY(-50%) rotate(0deg); right: 1rem; font-size: 0.8rem; color: var(--white); transition: var(--transition);
}

h2.resp-tab-active span.accordion-arrow {
    transform: translateY(-50%) rotate(180deg);
}

/*-----------Accordion styles-----------*/
h2.resp-tab-active {
  margin-bottom: 0;
}

.resp-easy-accordion h2.resp-accordion {
    display: block;
}

.resp-easy-accordion .resp-tab-content {
    border: 1px solid #c1c1c1;
}

.resp-easy-accordion .resp-tab-content:last-child {
    border-bottom: 1px solid #c1c1c1;/* !important;*/
}

.resp-jfit {
    width: 100%;
    margin: 0px;
}

.resp-tab-content-active {
    display: block;
}

h2.resp-accordion:first-child {
    border-top: 1px solid #c1c1c1;/* !important;*/
}

/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
@media only screen and (max-width: 992px) {
    ul.resp-tabs-list {
        display: none;
    }

    h2.resp-accordion {
        display: block;
    }

    .resp-vtabs .resp-tab-content {
        border: 1px solid #C1C1C1;
    }

    .resp-vtabs .resp-tabs-container {
        border: none;
        float: none;
        width: 100%;
        min-height: 100px;
        clear: none;
    }

    .resp-accordion-closed {
        display: none !important;
    }

    .resp-vtabs .resp-tab-content:last-child {
        border-bottom: 1px solid #c1c1c1 !important;
    }
}

/* Home Why Choose Section Style End */
/* Home App Download Section Style Start */
.app_download_section{padding: 15.5rem 0 12.2rem;}
.app_download_section .container{ height: 100%;}
.app_download_section .row{align-items: center; height: 100%;}
.app_download_imges{position: relative;}
.app_download_imges figure{position: relative; max-width: 68rem; margin: 0 auto;padding-top: 6rem; z-index: 1;}

.pulse-container-outer{position: absolute; top: 0; left: 50%;transform: translate(-50%);}
.pulse-container {position: relative;width: 68rem;height: 68rem;z-index: 1;}

.pulse-center {width: 100%;height: 100%;border-radius: 50%;background: radial-gradient(circle, rgba(180, 120, 255, 0.3) 0%, rgba(180, 120, 255, 0.1) 60%, rgba(180, 120, 255, 0) 100%);animation: pulse-animation 2s ease-in-out infinite;position: relative;z-index: 2;}

.ring {position: absolute;top: 50%;left: 50%;width: 68.1rem;height: 68.1rem;border-radius: 50%;border: 0.1rem solid rgba(219, 202, 229, 0.6);transform: translate(-50%, -50%) scale(1);opacity: 0;animation: ring-expand 3s linear infinite;z-index: 1;}

.ring.r1 { animation-delay: 0s; }
.ring.r2 { animation-delay: 1s; }
.ring.r3 { animation-delay: 2s; }

@keyframes pulse-animation {
  0%, 100% {
    transform: scale(0.98);
    opacity: 0.9;
  }
  50% {
    transform: scale(1.01);
    opacity: 1;
  }
}

@keyframes ring-expand {
  0% {
    transform: translate(-50%, -50%) scale(1);
    opacity: 1;
  }
  80% {
    opacity: 0.4;
  }
  100% {
    transform: translate(-50%, -50%) scale(1.2);
    opacity: 0;
  }
}
.app_download_section  .app_buttons {margin-top: 4rem;}
.app_download_section .app_button_com span{color: var(--black-200);}
.app_download_section .app_button_com:hover span{color: var(--white);}
/* Home App Download Section Style End */

/* Home FAQ Section Style Start */
.home_faq_sec{padding: 11rem 0; background-color: var(--white-400);}
.home_faq_sec .com_heading_sec{text-align: center; margin-bottom: 5.5rem;}
.home_faq_sec .com_heading_sec .com_sub_hed{margin-bottom: 2rem;}
/* Home FAQ Section Style End */

/* Footer Section Style Start */
.site-footer{background-color: var(--violet);}
.footer_top{padding:7rem 0 6rem; border-bottom: 0.1rem solid var(--violet-100);}
.footer-logo{margin-bottom: 2rem;}
.footer-logo .custom-logo-link{display: inline-block;width: 30.2rem;}
.footer-logo .custom-logo-link img{width: 100%;}
.footer_address span{max-width: 47rem;}
.footer_address span:not(:last-child){margin-bottom: 1.6rem;}
.footer_address span:first-of-type{gap: 2rem;}
.footer_address span i{padding-top: 0.5rem; font-size: 1.8rem; color: var(--white); line-height: 1.9rem;}
.footer_address span:nth-of-type(2) a i{font-size: 1.5rem; line-height: 2.4rem;}
.footer_address span p{font-weight: 400;font-size: 2.1rem;line-height: 3rem; color: var(--white);}
.footer_address span a {display: flex; width: fit-content; gap: 2rem; font-weight: 400;font-size: 2.1rem;line-height: 3rem; color: var(--white); transition: var(--transition);}
.footer_address span a:hover{color: var(--blue-100);}
.footer_top_nav{padding-left: 7rem;}
.footer_hed{font-weight: 600;font-size: 3rem;line-height: 3.6rem; color: var(--white); margin-bottom: 4rem;}
.footer-navigation-wrapper{display: flex;flex-direction: column;gap: 1.4rem;}
.footer-navigation-wrapper li a{font-weight: 500;font-size: 2.1rem;line-height: 2.4rem; color: var(--white);transition: var(--transition);}
.footer-navigation-wrapper li a:hover , .footer-navigation-wrapper li.current-menu-item a{color: var(--blue-100);}
.newsletter_form p label, .newsletter_form p br{display: none;}
.newsletter_form p{position: relative;}
.newsletter_form p input[type='email']{font-size: 1.8rem; font-weight: 400; line-height: 2.4rem; color: var(--black-200); width: 100%;  border: none; border-radius: 1rem; background-color: var(--white); height: 5.1rem; padding: 1rem 2.8rem; padding-right: 13rem;}
.newsletter_form p input[type='email']::placeholder{font-size: 1.8rem; font-weight: 400; line-height: 2.4rem; color: var(--white-100);}
.newsletter_form p input[type='submit']{position: absolute; top: 0.5rem; right: 0.5rem; display: inline-block;border: none; border-radius: 1rem; padding: 0.8rem 1.3rem; color: var(--white); font-size: 1.8rem;font-weight: 500;line-height: 2.4rem; background-color: var(--orange); transition: var(--transition);}
.newsletter_form p input[type='submit']:hover{background-color: var(--blue); color: var(--white);}
.socialmenu-nav {display: flex;align-items: center;gap: 1.8rem;}
.socialmenu-nav li a{font-size: 0; line-height: 0;}
.socialmenu-nav li a span{font-size: 2.4rem; color: var(--white); transition: var(--transition);}
.socialmenu-nav li a:hover span{color: var(--blue-100);}
.footer_socila .footer_hed{margin-bottom: 2.8rem;}
.footer_bot{padding: 3.6rem 0;}
.footer_bot .container{display: flex; align-items: center; justify-content: space-between; gap: 4rem; flex-wrap: wrap;}
.copy_right{color: var(--white); font-size: 1.8rem;font-weight: 500;line-height: 2.4rem;}
.footer-nav ul{display: flex;align-items: center; gap: 1.6rem;}
.footer-nav ul li a{color: var(--white); font-size: 1.6rem;font-weight: 500;line-height: 1.8rem;transition: var(--transition);}
.footer-nav ul li a:hover , .footer-nav ul li.current-menu-item a{color: var(--blue-100);}
.footer-nav ul li:nth-of-type(2){padding-left:1.8rem; position: relative;}
.footer-nav ul li:nth-of-type(2)::after { content: ""; position: absolute; top: 0.9rem; left: 0; width: 0.8rem; height: 0.8rem; background: var(--white); border-radius: 50%;}
/* Footer Section Style End */
/* About Who We Section Style Start */
.who_we_sec{position: relative; z-index: 1;}
.who_we_cont_img{border-radius: 2rem; overflow: hidden;}
.who_we_cont_img img{transition: var(--transition);}
.who_we_cont_img:hover img{transform: scale(1.05);}
.who_we_cont{padding: 7rem 0 10rem;}
/* .who_we_cont .com_heading_sec{margin-bottom: 0;} */
.who_we_cont .com_content p:not(:last-of-type) {margin-bottom: 3rem;}
/* About Who We Section Style End */

/* About Parallax Section Style Start */
.about_parallax_section{ height: 80.2rem; overflow: hidden; position: relative; margin-top: 10rem;}
.parallax_content{position: absolute; top: 50%; transform: translateY(-50%); left: 0;  z-index: 1;}
.parallax_content_list_inner{padding: 4rem; border-radius: 1rem; background: rgba(46, 43, 55, 0.95); height: 100%;}
.parallax_content_list_inner .com_heading_sec .com_heading{color: var(--white);}
.parallax_content_list_inner .com_content p{color: var(--white);}
.about_parallax_section .parallax_img_ani{ height: 100%; position: relative; overflow: hidden; margin: 0;}


.about_parallax_section ul li , .about_parallax_section ol li{ position: relative; color: var(--white);font-size: 2.1rem;font-weight: 400;line-height:3rem; margin-bottom: 2rem; text-align: left;}
.about_parallax_section ul li {padding-left:1.5rem;}
.about_parallax_section ul li:not(:last-of-type), .about_parallax_section ol li:not(:last-of-type){margin-bottom: 1.5rem;}
.about_parallax_section ul li::after { content: ""; position: absolute; top: 1.1rem; left: 0; width: 0.6rem; height: 0.6rem; background: var(--white); border-radius: 50%;}
.about_parallax_section ul li p, .about_parallax_section ol li p{margin-bottom: 0rem;}

/* About Parallax Section Style End */

/* About Founder Section Style Start */
.founder-outer-wrap{padding-bottom: 7rem;}
.about_app_button_section{ position: relative; z-index: 1; margin-top: -4rem; margin-bottom: 7.2rem;;}
.about_app_button_section .app_buttons::after, .about_app_button_section .app_buttons::before{display: none;}
.about_app_button_section .app_button_com {border: none; box-shadow:0 4px 8px rgba(0, 0, 0, 0.10);}

.about_founder_section .com_heading_sec { margin-bottom: 6.5rem;}
.founder_block_content_section{margin: 7.2rem 0 5rem;}
.founder-image{border-radius: 2rem; overflow: hidden;}
.founder-image img{transition: var(--transition);}
.founder-image:hover img{transform: scale(1.05);}
.founder_block_content_inner{border-radius: 1rem; overflow: hidden; height: 100%; padding: 6rem; background: var(--white); box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15);}
/* About Founder Section Style End */

/* Contact Page Style Start */
.contact-page-wrp .com_heading_short{display: inline-block; font-size: 2.1rem; font-weight: 400; line-height: 3rem; margin: 2rem 0 0;}
.contact-page-wrp .com_heading_sec { margin-bottom: 6rem;}
.contact_addres_from{margin-bottom: 8rem;}
.contact_sec_loop{padding: 4.5rem 4rem; border-radius: 2rem; background: var(--white); box-shadow: 0 0 5px 0 rgba(33, 54, 169, 0.20);}
.contact_sec_loop:not(:last-of-type){margin-bottom: 3.6rem;}
.contact_head{display: flex;align-items: center; gap: 2.4rem; margin-bottom: 2rem;}
.contact_sec_loop .icon-wrap{ width: 7.2rem; height: 7.2rem; border-radius: 0.5rem; background: var(--violet-300); display: flex; align-items: center; justify-content: center; }
.contact_sec_loop .icon-wrap i{font-size: 3.6rem; color: var(--white);}
.contact_sec_loop .contact_email_sec .icon-wrap i{font-size: 2.5rem;}
.contact_hed_text{color: var(--black-200); font-size: 3rem;font-weight: 600;line-height: 3.6rem;}
.contact-info-item{margin-top: 2rem;}
.contact-info-item a{color: var(--black-200); font-size: 2rem;font-weight: 600;line-height: 3rem; text-decoration: underline; transition: var(--transition);}
.contact-info-item a:hover{color: var(--orange);}
.form_sec_loop{padding-bottom: 2rem;}
.form_sec_loop .contact_head{margin-bottom: 5rem;}
.form-control-wrapper{position: relative; margin-bottom: 2.8rem;}
.form-control-wrapper p{line-height: 0;}
.form-control-wrapper label{position: absolute; top: -1.2rem; left: 1.6rem; padding: 0 2rem; background: var(--white); font-size: 1.8rem;font-weight: 400;line-height: 2.4rem; color: var(--black-200); z-index: 1;}
.formcontrol { width: 100%; height: 6rem; background-color: var(--white); color: var(--black); border: 0.1rem solid var(--white-200); font-size: 1.6rem; font-weight: 400; line-height: 3rem; padding: 1.7rem 3.5rem 1rem; border-radius: 1rem; transition: var(--transition);}
.formcontrol:focus { outline: none; box-shadow: none; border-color: var(--orange);}
.formcontrol::placeholder{font-size: 1.6rem;font-weight: 400;line-height: 3rem; color: var(--white-500);}
textarea.formcontrol {  resize: none;height: 10rem;}
.contact_sec_loop input[type='submit']{ display: inline-block; width: 100%; border-radius: 1rem; padding: 1.2rem 5.3rem; color: var(--white); font-size: 1.8rem; font-weight: 500; line-height: 2.4rem; background-color: var(--violet); border: none; box-shadow: 0 24px 54px 0 rgba(61, 86, 223, 0.6); transition: var(--transition);}
.contact_sec_loop input[type='submit']:hover{background-color: var(--orange); border-color: var(--orange); color: var(--white); box-shadow: 0 24px 54px 0 rgba(237, 151, 30, 0.6);}
.wpcf7-not-valid-tip { margin-top: 0.5rem;font-size: 1.4rem;line-height: 2rem;}
.contact_sec_loop .wpcf7 form .wpcf7-response-output{ font-size: 1.2rem !important; line-height: 1.6rem !important; font-weight: 400; color: var(--black) !important; margin-top: 0rem !important; padding: 1rem !important; border-radius: 1rem;}

.contact_sec_loop .wpcf7 form.invalid .wpcf7-response-output{border-color: var(--orange) !important;}
.map_sec{border-radius: 2rem; overflow: hidden; height: 44.9rem;}
.map_sec iframe{height: 100%;}

/* Contact Page Style End */

/* Car List Page Style Start */
.car_list_sec{padding-bottom: 3.4rem;}
.car_list_row .row{justify-content: center;}
.car_list_loop{margin-bottom: 3.8rem;}
.car_list_loop_inner a{display: block; padding: 3rem; border-radius: 2rem; overflow: hidden; background: var(--white); box-shadow: 0 0 8px 0 rgba(61, 86, 223, 0.20);}
.car_list_loop_hed{min-height: 10.5rem;}
.car_list_title{font-size: 2.5rem;font-weight: 600;line-height: 3rem; color: var(--black-200); margin-bottom: 1rem;}
.car_list_price{display: block;}
.car_list_price , .car_list_price sup{font-size: 2rem;font-weight: 500;line-height: 2rem; color: var(--black-300); text-transform: capitalize;}
.car_list_price strong{font-size: 3.5rem;font-weight: 800;line-height: 3.5rem; color: var(--black-200);}
.car_ownership{font-size: 1.2rem;font-weight: 400;line-height: 1.6rem; color: var(--white-600); margin-top: 1rem;}

.car_available_features{display: flex; align-items: center; flex-wrap: wrap; gap: 2rem 4.4rem; transition: 0.6s;}
.car_list_loop .car_list_loop_inner:hover .car_available_features{opacity: 0;}
.car_available_features li{width: calc(33.33% - 3rem); text-align: center;}
.car_available_features li figure{width: 3rem; height: 3rem; margin: 0 auto 0.7rem;}
.car_available_features li figure img , .car_available_features li figure svg{width: 100%; height: 100%; object-fit: contain;}
.car_available_features li span{font-size: 1.2rem;font-weight: 400;line-height: 1.6rem; color: var(--white-600);}

.car_list_loop_image{height: 17.5rem; margin: 0.5rem 0 1.5rem;}
.car_list_loop_image img{width: 100%; height: 100%; object-fit: contain;}

.car_list_loop_bot{position: relative;}
.car_list_loop_bot .button_com{position: absolute; top: 15rem; left: 0; width: 100%; text-align: center; box-shadow: 0 7px 54px 0 rgba(61, 86, 223, 0.6);}
.car_list_loop_bot .button_com:hover { box-shadow: 0 7px 54px 0 rgba(237, 151, 30, 0.6);}
.car_list_loop_bot .button_com i{ position: absolute; top: 50%; transform: translateY(-50%); right: 1.5rem; display: flex;align-items: center;justify-content: center; width: 2.6rem; height: 2.6rem; border-radius: 0.5rem; background-color: var(--violet-300); font-size: 1.2rem; transition: var(--transition);}
.car_list_loop .button_com:hover i{background-color: var(--white); color: var(--orange);}
.car_list_loop .car_list_loop_inner:hover .button_com{ top: 0;}

.car-list-wrp .app_download_section{ background-color: var(--white-400);}

/* Car List Page Style End */
/* Car Details Page Style Start */
.car_det_banner{position: relative; height: 10.5rem;}
.car_det_banner::after {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(0deg, rgba(0, 0, 0, 0.00) 4.31%, #04002B 94.98%);}
.car_det_banner img {width: 100%;height: 100%;object-fit: cover;}

.car-details-wrp .com_heading_sec { margin-bottom: 6rem;}
.cat_main_slider {margin-bottom: 2rem;}
.cat_main_slider .swiper-slide figure{width: 80%; margin: 0 auto;}

.cat_thumbs_slider_wrap{width: 70%; margin: 0 auto;}
/* .cat_thumbs_slider .swiper-slide { width: auto;} */
.cat_thumbs_slider .swiper-slide figure{ width: 10rem; height: 10rem; overflow: hidden; margin: 0 auto; border-radius: 1rem; border: 0.2rem solid var(--white-600);}
.cat_thumbs_slider .swiper-slide-thumb-active figure {border-color: var(--violet); border-width: 0.3rem;}
.cat_thumbs_slider .swiper-slide figure img{ width: 100%; height: 100%; object-fit: contain;}

.car_right_sec{box-shadow: 0 0 5px 0 rgba(61, 86, 223, 0.15); border-radius: 2rem; overflow: hidden;}
.car_right_sec .car_right_top{padding: 4.5rem; padding-bottom: 0;}
.car_right_sec .car_right_top .car_price_hed{display: flex;align-items: center; gap: 0.7rem; font-size: 2.6rem;font-weight: 600;line-height: 3rem; color: var(--black-200); margin-bottom: 1rem;}
.car_right_sec .car_right_top .car_price_amount{display: block; font-size: 2rem;font-weight: 400;line-height: 3rem; color: var(--black-200); margin-bottom: 1rem;}
.car_price_section{border-bottom: 0.1rem solid var(--white-800); margin-bottom: 1.2rem;}
.car_right_sec .car_right_top .car_available_features li { width: calc(20% - 3.6rem);}
.car_right_sec .car_right_top .car_available_features { padding: 2.1rem 0 2.5rem;}

.car_right_sec_bot_app{ padding: 4rem 2rem 5rem; background-color: var(--blue-300); border-radius: 0 0 2rem 2rem; overflow: hidden;}
.car_right_sec_bot_app p{ font-size: 1.5rem;font-weight: 400;line-height: 2.1rem; color: var(--black-200); text-align: center; margin-bottom: 2.5rem;}
.car_right_sec_bot_app .app_buttons {gap: 1.5rem; justify-content: center; flex-wrap: wrap;}
.car_right_sec_bot_app .app_button_com {gap: 1.5rem;padding: 1.2rem 3.4rem;background-color: var(--black);border: 0.1rem solid var(--black); color: var(--white);font-size: 1.8rem;font-weight: 700;line-height: 2.6rem;}
.app_button_com span {font-size: 3rem; color: var(--white);}
.car_right_sec_bot_app .app_button_com:hover {background-color: var(--orange); border-color: var(--orange);}


.car_det_mid_sec .car_features_list{margin: 8.5rem 0 7.5rem;}

.car_det_info_tab{border-radius: 1rem; border: 0.1rem solid var(--blue-300); background: var(--white); padding: 2.5rem;}
.car_det_tab .resp-tabs-list{display: flex;align-items: center; gap: 3.2rem; flex-wrap: wrap;}
.car_det_tab .resp-tabs-list li { width: calc(50% - 1.7rem); padding: 3rem 2rem; text-align: center; font-size: 2.1rem;font-weight: 600;line-height: 3rem; color: var(--white-700); border-radius: 1rem; background: var(--white-800) !important; cursor: pointer; transition: var(--transition);}
.car_det_tab .resp-tabs-list li:hover , .car_det_tab .resp-tabs-list li.resp-tab-active{ background: #3D56DF !important; color: var(--white); box-shadow: 0 15px 54px 0 rgba(61, 86, 223, 0.40);}

.car_det_info_tab .resp-tabs-container {position: relative;z-index: 1;padding: 0px;background: var(--white);margin-left: 0;margin-top: 6rem;}
.car_det_info_tab .resp-tab-content { padding:0;max-height:100%;overflow: visible;}
.car_det_info_sec h3{font-size: 2.1rem;font-weight: 500;line-height: 3rem; color: var(--black-300); margin-bottom: 1.2rem;}
.car_det_info_tab .resp-tab-content p {font-size: 1.6rem;font-weight: 500;line-height: 3rem; color: var(--white-600); }
.car_table_secn{margin-top: 4.5rem;}
.car_data_table {border-radius: 1rem; overflow: hidden; border: 0.1rem solid #E9EEEE; border-collapse: separate;}



.car_data_table th{padding: 22px 8px !important; border: none !important; background: #E9EEEE !important;}
.car_data_table th .dt-column-title{text-align: center; font-size: 2.1rem;font-weight: 500;line-height: 3rem; color: var(--black-200);}

table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order, table.dataTable thead > tr > th.dt-orderable-desc span.dt-column-order, table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order, table.dataTable thead > tr > td.dt-orderable-asc span.dt-column-order, table.dataTable thead > tr > td.dt-orderable-desc span.dt-column-order, table.dataTable thead > tr > td.dt-ordering-asc span.dt-column-order, table.dataTable thead > tr > td.dt-ordering-desc span.dt-column-order { width: 2rem; height: 2rem;}

table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before, table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after{font-size: 2rem !important; line-height: 1.3rem;}

table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:before, table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:after{font-size: 2rem !important; line-height: 1.3rem;}

.car_data_table td{padding: 21px 8px !important; text-align: center !important; font-size: 1.8rem;font-weight: 500;line-height: 3rem; color: var(--black-200); border: none !important; border-right: 0.1rem solid #E9EEEE !important;}
.car_data_table tbody td:last-of-type{border: none !important;}
.car_data_table th:hover, .car_data_table td:hover{outline: none !important; box-shadow: none !important;}
table.table.dataTable.table-striped > tbody > tr:nth-of-type(2n+1) > * { box-shadow: none !important;}
table.table.dataTable.table-striped > tbody > tr:nth-of-type(odd) > * { background: var(--white);}
table.table.dataTable.table-striped > tbody > tr:nth-of-type(even) > * { background: #FAFAFA;}

.car_table_secn .form-select-sm { border-color: var(--black-100); padding: 1rem !important; padding-right: 1.6rem !important; font-size: 12px !important; background-position: right 5px center !important; background-size: 9px 12px !important;
}
.car_table_secn .form-control-sm{ border-color: var(--black-100); min-height: 4rem; width: 20rem; font-size: 1.8rem;font-weight: 400;line-height: 1.8rem; color: var(--black-200);}
.car_table_secn .form-select-sm:focus , .car_table_secn .form-control-sm:focus {outline: none !important; box-shadow: none !important; border-color: var(--black-100) !important;}

.dt-paging .page-link{font-size: 1.6rem;font-weight: 500;line-height: 1.6rem; color: var(--black-200); background: #E9EEEE !important; border-color: #5c9c9c !important; padding: 1rem 1.5rem !important;}
.dt-paging .page-item.active .page-link , .dt-paging .page-item:hover .page-link {background: #5c9c9c !important; color: var(--white) !important;}

.dt-length , .dt-search{margin-bottom: 1rem;}
.dt-length label , .dt-search label {font-size: 1.6rem;font-weight: 500;line-height: 2.4rem; color: var(--black-200); text-transform: capitalize;}

/* Car Details Page Style End */

.com_content_inner h2,.com_content_inner h3,.com_content_inner h4,.com_content_inner h5,.com_content_inner h6{font-size: 3rem;font-weight: 700;line-height: 3.6rem; color: var(--black); margin-bottom: 2rem;}
.com_content_inner h3{font-size: 2.8rem;}
.com_content_inner h4{font-size: 2.4rem;line-height: 3rem;}
.com_content_inner h5{font-size: 2rem;line-height: 2.6rem;}
.com_content_inner h6{font-size: 1.6rem;line-height: 2rem;}
.com_content_inner p{font-size: 1.6rem; line-height: 2.6rem; font-weight: 400; color: var(--black); margin-bottom: 2rem;}
.com_content_inner p a{color: var(--black-200); transition: var(--transition);}
.com_content_inner p a:hover{color: var(--orange);}

.com_content_inner ul li , .com_content_inner ol li{ position: relative; color: var(--black-200);font-size: 1.6rem;font-weight: 400;line-height:2.6rem; margin-bottom: 2rem; text-align: left;}
.com_content_inner ul li {padding-left:1.5rem;}
.com_content_inner ul li:not(:last-of-type),.com_content_inner ol li:not(:last-of-type){margin-bottom: 1.5rem;}

.com_content_inner ul li::after,.com_content ul li:after{ content: ""; position: absolute; top: 0.9rem; left: 0; width: 0.6rem; height: 0.6rem; background: var(--black-200); border-radius: 50%;}
.com_content_inner ul li p, .com_content_inner ol li p{margin-bottom: 0rem;}


/*Table Styles*/
.table{width:100%;}
table {
    background-color: rgba(0, 0, 0, 0);
    border-collapse: collapse;
    border-spacing: 0;
    max-width: 100%;
}
.table tbody tr:hover > td, .table tbody tr:hover > th {
    background-color: #f5f5f5;
}
.table thead th {
    vertical-align: bottom;
}
.table th {
    font-weight: bold;
    border-bottom:1px solid $red;
}
.table th, .table td {
    border-top: 1px solid #DDDDDD;
    padding: 8px;
    text-align: left;
    vertical-align: top;
}




/* tooltip */
.tooltip {
    position: relative;
    display: inline-block;
    cursor: pointer;
    color: #0073aa;
    text-decoration: underline;
    opacity: 1;
    z-index: 0;
  }
  
  .tooltip-text {
    visibility: hidden;
    opacity: 0;
    width: 240px;
    background: #333;
    color: #fff;
    border-radius: 6px;
    padding: 10px 12px;
    position: absolute;
    z-index: 10;
    bottom: 125%; /* show above */
    left: 50%;
    transform: translateX(-50%);
    transition: opacity 0.3s;
  }
  .tooltip.bottom   .tooltip-text { bottom: auto;top: 125%;}
  body.admin-bar .tooltip.bottom .tooltip-text{top: calc(125% + 32px);}
  .tooltip:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
  }

  .tooltip-text::after {
    content: "";
    position: absolute;
    top: 100%; /* at the bottom of tooltip */
    left: 50%;
    transform: translateX(-50%);
    border-width: 6px;
    border-style: solid;
    border-color: #333 transparent transparent transparent;
  }

  .tooltip.bottom .tooltip-text::after {
    top: -12px; /* place arrow at top edge of tooltip */
    left: 50%;
    transform: translateX(-50%);
    border-width: 6px;
    border-style: solid;
    border-color: transparent transparent #333 transparent; /* arrow points DOWN */
  }

  table.dataTable th.dt-type-numeric, table.dataTable th.dt-type-date, table.dataTable td.dt-type-numeric, table.dataTable td.dt-type-date{ text-align: left;}

  .newsletter_form .wpcf7 form .wpcf7-response-output{ font-size: 1.2rem !important; line-height: 1.6rem !important; font-weight: 400; color: var(--white) !important; margin-top: 0rem !important; padding: 1rem !important; border-radius: 1rem;}

  .newsletter_form .wpcf7 form.invalid .wpcf7-response-output{border-color: var(--orange) !important;}

  body.error404 .all_page_wrp , body.thank-you .all_page_wrp{padding: 7rem 0 !important;}

/* CarSlice Works Page Style End */
.work_list_loop{margin-bottom: 3rem;}
.work_list_loop_inner{ height: 100%; padding: 3rem; border-radius: 2rem; overflow: hidden;  background: var(--white);  box-shadow: 0 0 8px 0 rgba(61, 86, 223, 0.20);}
.work_list_loop_inner .contact_hed_text{margin-bottom: 2.5rem; display: flex;align-items: flex-start; gap: 1rem;}
.number_work{ min-width: 2.5rem; min-height: 2.5rem; display: inline-block; margin-top: 0.5rem; text-align: center; border-radius: 50%; overflow: hidden; border: 0.1rem solid var(--blue); color: var(--black-200);font-size: 1.3rem;font-weight: 400;line-height:2.3rem;}
.work_list_img{ width: fit-content; margin-bottom: 2rem;}
.work_list_img img , .work_list_img svg{width: 11rem;}

.connect_top_sec_content{ max-width: 110rem; margin: 0 auto 10rem;}

/* CarSlice Works Page Style End */


/********************* Mobile Menu ************************ */
#menu-toggle {display: none;padding: 0.4rem 0.5rem; margin-right: 4rem; background: transparent; border: none; border-radius: 6px;cursor: pointer;  z-index: 1001;position: relative; transition: var(--transition);}
#menu-toggle span{display: block; width: 2rem; height: 0.3rem; background: var(--white); transition: var(--transition);}
#menu-toggle span:not(:last-of-type){margin-bottom: 0.4rem;}
#menu-toggle:hover span{background: var(--orange); }
#menu-toggle.hidden {opacity: 0;pointer-events: none;}

#mobile-menu {position: fixed;top: 0;right: -100%;width: 100%;height: 100vh;background: var(--violet);z-index: 1000;transition: right 0.35s ease;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
#mobile-menu.open {right: 0;}
.mobile_menu_sec{display: none;}

.menu-header { width: 100%; height: 10rem; position: relative; padding: 2rem 1.6rem; background: transparent; display: flex; align-items: center; justify-content: flex-start; border-bottom: 0.1rem solid rgba(62, 195, 195, 0.5);}
.menu-header .menu-title { flex: 1;text-align: center;}
.close-btn,.back-btn {background: none;border: none;color: var(--white);font-size: 2.2rem;cursor: pointer;}

.menu-panels {position: relative;width: 100%;height: calc(100dvh - 10.1rem); overflow-y: auto;display: flex;flex-direction: column; scrollbar-color: var(--blue-100) var(--white); scrollbar-width: thin;}
.mobilemenu-menu-container {flex: 1;height: 100%;overflow-y: auto;}

.menu-wrappers,.sub-menu {list-style: none;margin: 0;padding: 0;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: var(--violet);overflow-y: auto;overflow-x: hidden;transform: translateX(100%);transition: transform 0.35s ease;z-index: 1;pointer-events: none;visibility: hidden;}
.menu-wrappers.active,.sub-menu.active {transform: translateX(0%);z-index: 3;pointer-events: auto;visibility: visible;box-shadow: -4px 0 10px rgba(0, 0, 0, 0.08);}

.menu-wrappers.previous,.sub-menu.previous {transform: translateX(0%);z-index: 2;pointer-events: none;visibility: hidden;}

.menu-wrappers li,.sub-menu li { display: flex; align-items: center; justify-content: space-between;}
.menu-wrappers li:not(:last-of-type), .sub-menu li:not(:last-of-type) {margin-bottom: 1rem;}
.menu-wrappers li a,.sub-menu li a {display: block;padding: 1.6rem 1rem;color: var(--white);text-decoration: none;font-size: 1.6rem; font-weight: 600; line-height: 2.2rem;  position: relative; z-index: 1;flex-grow: 1; transition: var(--transition);}
 .menu-wrappers li a:hover,.sub-menu li a:hover,.menu-wrappers li.current-menu-ancestor a, .menu-wrappers li.current-menu-item a, .sub-menu li.current-menu-item a:hover {color: var(--blue-100);}

.menu-wrappers li a:hover::after,.sub-menu li a:hover::after,.menu-wrappers li.current-menu-ancestor a::after, .menu-wrappers li.current-menu-item a::after, .sub-menu li.current-menu-item a:hover::after {width: 100%;}
.menu-wrappers li.current-menu-ancestor .sub-menu li a:hover::after, .menu-wrappers li.current-menu-ancestor .sub-menu li.current-menu-item a::after{width: 100%;}

.sub-menu-toggle { width: 3rem; height: 3rem; border: 0.2rem solid var(--yellow__100); font-size: 1.8rem; line-height: 2rem; color: #999; cursor: pointer; background: none; margin-right: 1.6rem; border-radius: 0.4rem;}
.sub-menu-toggle:hover {background-color: #333; color: #fff;}
.menu-item-has-children > a::after {content: none !important;}


/********************* Thank You Page ************************ */
body.thank-you .all_page_wrp .com_content_inner p{ margin-bottom: 0; color: var(--black-200); font-size: 2.1rem; font-weight: 400; line-height: 3rem;}
body.thank-you .all_page_wrp .com_content_inner p strong{ display: inline-block; font-size: 5rem; line-height: 6rem; margin-bottom: 2rem;}




/* Dark Theme Style Start */
html.theme-dark .com_heading_sec .com_sub_hed {color: var(--blue);}
html.theme-dark .com_heading_sec .com_heading {color: var(--white);}
html.theme-dark .com_heading_sec .com_heading_short {color: #A0A0B3;}
html.theme-dark .com_content p {color: var(--white);}


html.theme-dark body{background-color: var(--black);}
html.theme-dark body.single-car .car-details-wrp{padding-bottom: 0 !important;}
html.theme-dark .scroll-btn {background: transparent;}
html.theme-dark .app_buttons_sec .app_buttons::before , html.theme-dark .app_buttons_sec .app_buttons::after { background-color: #A0A0B3;}
html.theme-dark .app_button_com{background: transparent; border-color: #A0A0B3; color: #A0A0B3;}
html.theme-dark .app_button_com:hover{background: var(--white); border-color: var(--white); color: var(--black-200);}

html.theme-dark .app_buttons_sec .app_button_com span {color: #A0A0B3;}
html.theme-dark .app_button_com span {color: #A0A0B3;}
html.theme-dark .app_button_com:hover span , html.theme-dark .app_buttons_sec .app_button_com:hover span  {color: var(--black-200);}

html.theme-dark .home_about_sec .swiper-pagination {background: #070707;}
html.theme-dark .swiper-pagination-bullet{border-color: rgba(255,255,255,0.3);}

html.theme-dark .logo_sliders_sec {background-color: var(--black-200);}

html.theme-dark .featured_car_title .featured_car_cat {color: var(--white);}
html.theme-dark .featured_car_title .featured_car_main_title {color: #2C2C33;}


html.theme-dark .swiper-button-prev .icon-arrow-circle, html.theme-dark .swiper-button-next .icon-arrow-circle{ color: var(--orange);}
html.theme-dark .swiper-button-prev .icon-arrow-right, html.theme-dark .swiper-button-next .icon-arrow-right{ color: var(--orange);}

html.theme-dark .car_features_list_loop strong, html.theme-dark .car_features_list_loop span , html.theme-dark .who_we_sec .com_content p{ color: #A0A0B3;}

html.theme-dark .home_why_choose_sec {background: var(--black-200);}
html.theme-dark .why_choose_tab_list .resp-tabs-list li span{ color: var(--white);}
html.theme-dark .why_choose_tab_list .resp-tabs-list li.resp-tab-active span, html.theme-dark .why_choose_tab_list .resp-tabs-list li:hover span {color: var(--orange);}
html.theme-dark .why_choose_tab_list .resp-tabs-list li span::after{ background-color: var(--orange);}

html.theme-dark .resp-tabs-container {background: var(--black);}
html.theme-dark .app_download_content .com_content p {color: #A0A0B3;}

html.theme-dark .home_faq_sec {background-color: var(--black-200);}

html.theme-dark .ui-accordion-header{background: transparent; border-color: #A0A0B3;}
html.theme-dark .ui-accordion-header-active{background: #A0A0B3;}
html.theme-dark .ui-accordion-content {background-color: transparent; border-color: #A0A0B3;}
html.theme-dark .ui-accordion-header h3 {color: #A0A0B3;}
html.theme-dark .ui-accordion-header-active h3, html.theme-dark .ui-accordion-content p, html.theme-dark .ui-accordion-content ul li , 
html.theme-dark .ui-accordion-content ol li { color: var(--white);}
html.theme-dark .ui-accordion-content ul li::after { background: var(--white);}
html.theme-dark .ui-accordion-header::after{color: #A0A0B3;}
html.theme-dark .ui-accordion-header-active::after{color: var(--white);}

html.theme-dark .site-footer { background-color: var(--black); background: linear-gradient(0deg, #000 0%, #000 100%), radial-gradient(104.4% 104.4% at 32.34% 50%, rgba(244, 239, 248, 0.00) 0%, #F4EFF8 100%);}
html.theme-dark .page-template-template-faq .site-footer, html.theme-dark .page-template-template-contact .site-footer ,  html.theme-dark .error404 .site-footer, html.theme-dark .privacy-policy .site-footer , html.theme-dark .terms-conditions .site-footer{border-top: 0.1rem solid #A0A0B3;}

html.theme-dark .footer_top {border-color: #A0A0B3;}
html.theme-dark .footer_address span i, html.theme-dark .footer_address span p, html.theme-dark .footer_address span a { color: #A0A0B3;}
html.theme-dark .footer_address span a:hover { color: var(--orange);}
html.theme-dark .footer_hed , html.theme-dark .footer-navigation-wrapper li a{ color: #A0A0B3;}
html.theme-dark .footer-navigation-wrapper li a:hover, html.theme-dark .footer-navigation-wrapper li.current-menu-item a { color: var(--orange);}
html.theme-dark .newsletter_form p input[type='email'] {background: transparent; border: 0.1rem solid #A0A0B3; color: #A0A0B3;} 
html.theme-dark .socialmenu-nav li a span{color: #A0A0B3;}
html.theme-dark .socialmenu-nav li a span:hover {color: var(--orange);}
html.theme-dark .copy_right { color: #A0A0B3;}
html.theme-dark .footer-nav ul li a { color: #A0A0B3;}
html.theme-dark .footer-nav ul li a:hover , html.theme-dark .footer-nav ul li.current-menu-item a{color: var(--orange);}
html.theme-dark  .footer-nav ul li:nth-of-type(2)::after { background: #A0A0B3; }


html.theme-dark .about_app_button_section .app_button_com{ background-color: var(--white); border: none; color: var(--black-200);}
html.theme-dark .about_app_button_section .app_button_com:hover{background-color: var(--black-200); color: var(--white); }
html.theme-dark .about_app_button_section .app_button_com span{color: var(--black-200);}
html.theme-dark .about_app_button_section .app_button_com:hover span{color: var(--white);}

html.theme-dark .founder-outer-wrap{background: var(--black-200);}
html.theme-dark .founder_block_content_inner { background: var(--black); box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.15);}
html.theme-dark .founder_block_content_inner .com_content p {color: #A0A0B3;}

html.theme-dark .contact_sec_loop { background: #4F4E59; box-shadow: 0 0 5px 0 rgba(33, 54, 169, 0.20);}
html.theme-dark .contact_sec_loop .icon-wrap { background: #A0A0B3;}
html.theme-dark .contact_hed_text{color: var(--white);}
html.theme-dark .contact_sec_loop .com_content p{color: var(--white);}
html.theme-dark .contact-info-item a{color: var(--white);}
html.theme-dark .contact-info-item a:hover{color: var(--orange);}


html.theme-dark .form-control-wrapper label{ background: #4F4E59; color: var(--white);}
html.theme-dark .formcontrol { background-color: #4F4E59; color: var(--white); border: 0.1rem solid #A0A0B3;}
html.theme-dark .formcontrol:focus { background: transparent; border-color: #A0A0B3;}

html.theme-dark .car_list_loop_inner a {position: relative; background: transparent;}
html.theme-dark .car_list_loop_inner a::before { content: ""; position: absolute; inset: 0; border-radius: 2rem;  padding: 0.1rem;
    background: linear-gradient(124deg, #22BCBC, #AA81C2);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -1;
}

html.theme-dark .car_list_title{ color: var(--white);}
html.theme-dark .car_list_price , html.theme-dark .car_list_price sup{ color: var(--white);}
html.theme-dark .car_list_price strong{ color: var(--white);}
html.theme-dark .car_ownership , html.theme-dark .car_available_features li span{ color: var(--white); }
html.theme-dark .car_available_features li figure svg path{fill: var(--white);}

html.theme-dark .car-list-wrp .app_download_section{ background: var(--black-200);}

html.theme-dark .car_right_sec {background: #4F4E59; box-shadow: 0 0 5px 0 rgba(61, 86, 223, 0.15);}
html.theme-dark .car_right_sec .car_right_top .car_price_hed , html.theme-dark .car_right_sec .car_right_top .car_price_amount{color: var(--white);}
html.theme-dark .car_right_sec_bot_app p {color: #A0A0B3;}
html.theme-dark .car_right_sec_bot_app { background: #2E2B37;}

html.theme-dark .car_det_mid_sec .car_features_list .car_features_list_loop strong, 
html.theme-dark .car_det_mid_sec .car_features_list .car_features_list_loop span {color: var(--white);}

html.theme-dark .car_det_info_tab_outer{background: var(--black-200); padding: 9rem 0;}
html.theme-dark .car_det_info_tab , html.theme-dark .car_det_info_tab .resp-tabs-container{background: transparent;}
html.theme-dark .car_det_tab .resp-tabs-list li {background: #4F4E59 !important; color: #BCBCBC;}
html.theme-dark .car_det_tab .resp-tabs-list li:hover , html.theme-dark .car_det_tab .resp-tabs-list li.resp-tab-active{ background: #3D56DF !important; color: var(--white); box-shadow: 0 15px 54px 0 rgba(61, 86, 223, 0.40);}
html.theme-dark .car_det_info_sec h3 , html.theme-dark .car_det_info_tab .resp-tab-content p {color: var(--white);}

html.theme-dark .car_det_info_tab {border-color: #A0A0B3;}
html.theme-dark .car_data_table { border: 0.1rem solid #A0A0B3;}
html.theme-dark .car_data_table th { background: #4F4E59 !important; }
html.theme-dark .car_data_table th .dt-column-title {color: var(--white);}
html.theme-dark .dt-length label, html.theme-dark .dt-search label , html.theme-dark .dt-info{ color: var(--white);}
html.theme-dark .car_data_table td{border-color: #A0A0B3 !important;}
html.theme-dark table.table.dataTable.table-striped > tbody > tr:nth-of-type(odd) > * { background: #2E2B37; color: #A0A0B3;}
html.theme-dark table.table.dataTable.table-striped > tbody > tr:nth-of-type(even) > * { background: #A0A0B3; color: #2E2B37;}

html.theme-dark .com_content_inner h2, html.theme-dark .com_content_inner h3, html.theme-dark .com_content_inner h4, html.theme-dark .com_content_inner h5,.com_content_inner h6 , html.theme-dark .com_content_inner p{color: #A0A0B3;}
html.theme-dark .com_content_inner p a{color: var(--white);}
html.theme-dark .com_content_inner p a:hover{color: var(--orange);}
html.theme-dark .com_content_inner ul li , html.theme-dark .com_content_inner ol li{color: #A0A0B3;}
html.theme-dark .com_content_inner ul li::after { background: var(--orange); }

html.theme-dark table.dataTable thead > tr > th.dt-ordering-asc span.dt-column-order:before, html.theme-dark table.dataTable thead > tr > th.dt-ordering-desc span.dt-column-order:after{ color: var(--white);}

html.theme-dark table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:before, html.theme-dark table.dataTable thead > tr > th.dt-orderable-asc span.dt-column-order:after{ color: var(--white);}

html.theme-dark .car_table_secn .form-control-sm , html.theme-dark .car_table_secn .form-select-sm{border-color: #5c9c9c !important;}


html.theme-dark table.dataTable.dtr-inline.collapsed > tbody > tr > td.dtr-control:before, html.theme-dark table.dataTable.dtr-inline.collapsed > tbody > tr > th.dtr-control:before {border-left: 10px solid rgba(255, 255, 255, 0.5) ;}

html.theme-dark table.dataTable.dtr-inline.collapsed > tbody > tr.dtr-expanded > td.dtr-control:before, html.theme-dark table.dataTable.dtr-inline.collapsed > tbody > tr.dtr-expanded > th.dtr-control:before {border-top: 10px solid rgba(255, 255, 255, 0.5) ; border-left: 5px solid transparent;}

html.theme-dark table.table.dataTable.table-striped > tbody > tr:nth-of-type(odd) > td .dtr-details li { color: #A0A0B3;}

html.theme-dark table.dataTable > tbody > tr.child ul.dtr-details > li{border-bottom: 1px solid #4f4e59;}
html.theme-dark table.dataTable > tbody > tr:nth-of-type(odd).child ul.dtr-details > li{border-bottom: 1px solid #a0a0b3;}

html.theme-dark .contact_sec_loop .wpcf7 form .wpcf7-response-output{ color: var(--white) !important;}

html.theme-dark .work_list_loop_inner{position: relative; background: transparent;}
html.theme-dark .work_list_loop_inner::before { content: ""; position: absolute; inset: 0; border-radius: 2rem; padding: 0.1rem;
    background: linear-gradient(124deg, #22BCBC, #AA81C2);
    -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -1;
}
html.theme-dark .number_work {color: var(--white); border-color: var(--orange);}
html.theme-dark .connect_top_sec_content p {color: var(--white);}
html.theme-dark .parallax_content_list_inner {background: var(--black);}
html.theme-dark .parallax_content_list_inner .com_content p , html.theme-dark .about_parallax_section ul li, html.theme-dark .about_parallax_section ol li { color: #A0A0B3;}
html.theme-dark .about_parallax_section ul li::after{background-color: #A0A0B3;}

/* Dark Theme Style End */