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

:root {
    --primary-color: #0297fd;
    --secondary-color: #b9e3ff;

}
body {
    background-color: #f7f7f7;
}
.themesflat-container {
    width: 1680px;
}
/* header */
.topCont p {
    color: white;
    font-size: 1.125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.topCont p span {
    flex: 0 0 1.5%;
}
.top-bar {
    background: var(--primary-color);
}
#header3.main-header .header-style2 {
    background: transparent;
    box-shadow: unset;
}
.header-lower {
    background: linear-gradient(180deg, #0a2530, #081c25);
    padding: 1.5rem 4rem;
    border-radius: 0 0 80px 80px;
}
.logo-box {
    flex: 0 0 10%;
}

.logo {
    width: 100%;
}

.logo a {
    width: 100%;
}

.logo a img {
    width: 100% !important;
}
.currency-box {
    flex: 0 0 10%;
}
.formFlex {
    display: flex;
    align-items: center;
    gap: 10px;
}

.formFlex label {
    color: #fefefe;
    font-family: "Poppins", sans-serif;
    font-size: 1rem;
    margin: 0;
}
.formFlex .form-select {
    padding: 4px 30px 4px 20px;
    border-radius: 100px;
    font-size: 16px;
    font-family: 'Poppins';
    font-weight: 700;
    width: 130px;
    text-align: center;
}

.formFlex .form-select:focus {
    outline: none;
    box-shadow: none;
    border: none;
}
.main-header .main-menu .navigation > li > a {
    color: white;
    font-family: 'Poppins';
    font-weight: 500;
}

.main-header .main-menu .navigation > li:hover > a, .main-header .main-menu .navigation > li.current > a {
    color: var(--primary-color);
}

.main-menu ul.navigation > li > a::before {
    background: var(--primary-color);
}

.main-header .main-menu .navigation > li.current > a:before {
    background: var(--primary-color) !important;
    opacity: 1;
    width: 100%;
}
.header-icons ul {
    display: flex;
    align-items: center;
    gap: 10px;
}

.header-icons ul li a {
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #293d46;
    color: white;
    font-size: 20px;
    border-radius: 50%;
}
.main-header .main-menu .navigation > li {
    margin-right: 80px;
}
#header3.main-header {
    position: relative;
}
.header-icons ul li a:hover {
    background: var(--primary-color);
}
/* header end */


/* banner */
.mainBanner {
    padding-top: 3rem;
    background-image: url(../images/banner/banBg.png);
    background-position: -10px 40px;
    background-size: cover;
    background-repeat: no-repeat;
}

.banTabs .nav-link {
    display: flex;
    align-items: center;
    gap: 10px;
    border: 1px solid transparent;
    background: #deedf8;
    width: 210px;
    border-radius: 100px;
    height: 45px;
    font-size: 1rem;
    color: black;
    font-weight: 700;
}

.banTabs .nav-tabs {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    border: none;
    gap: 30px;
}

.banTabs nav {
    display: flex;
    align-items: center;
    gap: 40px;
}
.banTabs h4 {
    font-size: 1.25rem;
    font-family: 'Poppins';
    font-weight: 700;
}

.banTabs .nav-link.active {
    border: 1px solid var(--primary-color);
    color: #000;
}

.banTabs .nav-link figure {
    flex: 0 0 15%;
}
.banTabs .nav-link:hover {
    border-color: var(--primary-color);
    background: white;
}
.tabContent {
    background: url(../images/banner/banImg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 13rem 3rem;
    border-radius: 70px;
}
.banCont h1 {
    color: white;
    font-size: 60px;
    font-family: 'Poppins';
    font-weight: 700;
    line-height: 1.25;
    margin-bottom: 1rem;
}
.banCont h1 span {
    color: #ff0000;
}
.banCont h1 i {
    color: #30ff00;
    font-size: 30px;
    line-height: 50px;
}
.banCont p {
    color: white;
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 3rem;
    line-height: 1.5;
}
.themeBtn {
    background: linear-gradient(180deg, #0ab3e5, #045dc8);
    padding: 1rem 3rem;
    font-size: 1.5rem;
    border-radius: 15px;
    color: white;
    font-weight: 400;
    font-family: 'Poppins';
}
.themeBtn:hover {
    color: white;
}
.banTabs .tab-content {
    margin: 35px 0 0;
}
/* banner end */


/* search section */
.widget-search-car {
    margin: 50px 0 0;
    border-radius: 50px;
    overflow: hidden;
}

.search-form-widget .tab-content {
    border-radius: 15px;
}
.widget-search-car h3 {
    color: black;
    font-family: 'Poppins';
    font-weight: 700;
    margin-bottom: 2rem;
}

.search-form-widget .tab-content {
    padding: 3rem;
    margin-bottom: 3rem;
}
.inner-group.grid .form-group .nice-select {
    background: white;
    border-radius: 14px;
    border: 2px solid #939598 !important;
}

.inner-group label {
    font-size: 1.125rem;
    font-family: 'Poppins';
    margin-bottom: 14px;
}

.inner-group input:first-child {
    border: 2px solid #939598;
    border-radius: 14px 0 0 14px;
}

.inner-group input:last-child {
    border: 2px solid #939598;
    border-radius: 0 14px 14px 0;
    border-left: 0;
}
.inner-group h4 {
    font-size: 1rem;
    font-family: 'Poppins';
    color: #aaaaab;
    font-weight: 600;
}

.inner-group h4 span {
    color: #ff0000;
    font-weight: 800;
}
.icon-box {
    background: #ededf0;
    padding: 1.5rem;
    border-radius: 25px;
    margin-top: 4rem;
}

.icon-box .image-box-wrap img {
    width: 70%;
}

/* search section end */


/* car stock */
.widget-car-list-v2 .nav-link {
    color: black !important;
    font-size: 1.5rem !important;
    font-family: 'Poppins';
    text-transform: uppercase;
    font-weight: 600 !important;
    padding: 1rem 2rem !important;
    border-radius: 15px !important;
    background: #deedf8 !important;
    box-shadow: unset !important;
}

.widget-car-list-v2 .nav-link:hover {
    background: white !important;
    border-color: var(--primary-color);
}

.widget-car-list-v2 .nav-link.active {
    background: white !important;
    border-color: var(--primary-color);
}
.tf-car-service-v2 {
    background: white;
    padding: 3rem 3rem 1rem;
    margin-bottom: 2rem;
    margin-right: 10px;
}

.carHead {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 2rem;
}

.carHead figure {
    flex: 0 0 20%;
}


.carCont h3 {
    font-size: 1.5rem;
    font-family: 'Poppins';
    font-weight: 600;
    color: #082029;
    line-height: 1;
}

.carCont p {
    color: #989898;
    font-size: 1rem;
    font-family: 'Poppins';
    font-weight: 400;
}

.carFoot ul {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.carFoot ul li a {
    font-size: 2rem;
    color: #989898;
}

.carFoot {
    margin-top: 3rem;
}

.car-card {
    flex: 0 0 27%;
}
.tf-car-service-v2 .content .sub-title {
    color: #989898;
    text-align: right !important;
    display: block;
    font-size: 1rem;
    font-weight: 500;
    font-family: 'Poppins';
    margin-bottom: 5px;
}


.tf-car-service-v2 .title {
    display: flex;
    justify-content: end;
    align-items: center;
    gap: 16px;
    font-size: 1.5rem;
    color: #989898;
}
.mileageDescription ul {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.mileageDescription ul h4 {
    font-size: 1.5rem;
    font-family: 'Poppins';
    font-weight: 400;
    color: #c2c2c2;
}

.mileageDescription ul h3 {
    color: #000;
    font-size: 2.5rem;
    line-height: 1.5;
    font-family: 'Poppins';
    font-weight: 700;
}

.mileageDescription ul li + li span:after {
    content: '';
    height: 100%;
    width: 2px;
    background: #e6e6e6;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    right: 100%;
}

.mileageDescription ul li span {
    position: relative;
    padding: 0 17rem;
}
.mileageDescription {
    margin: 25px 0;
}

.tf-car-service-v2 .content {
    padding: 0 0 0 2rem;
}
.mileageDescription table {
    width: 100%;
    margin-top: 1.5rem;
}

.mileageDescription table th, .mileageDescription table td {
    border: 2px solid #e6e6e6;
    padding: 0.5rem 1.25rem;
    width: 200px;
    font-size: 14px;
}

.mileageDescription table th {
    font-family: 'Poppins';
    color: #c2c2c2;
    font-weight: 400;
}

.mileageDescription table td {
    color: black;
    font-weight: 600;
    font-family: 'Poppins';
}
.mileageDescription .breadcrumb ol li {
    color: black !important;
}

.mileageDescription .breadcrumb-item.active {
    color: black;
    font-size: 1.125rem;
    font-family: 'Poppins';
    font-weight: 500;
}

.mileageDescription .breadcrumb-item a {
    color: var(--primary-color);
    font-size: 1.125rem;
    font-family:
    'Poppins';
}
.stockContent {
    height: 800px;
    overflow-y: scroll;
}
.mileageDescription .breadcrumb {
    margin-top: 1.5rem;
}
.stockContent::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

.stockContent::-webkit-scrollbar
{
	width: 12px;
	background-color: #F5F5F5;
}

.stockContent::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #000000;
}
.widget-browse-by-mode {
    background: unset;
    padding: 0;
}

.widget-browse-by-mode::before {
    display: none;
}
.box-icon-list {
    border: unset;
    box-shadow: unset;
    gap: 20px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

.w-722 {
    max-width: 100%;
}

.widget-car-list-v2 {
    padding: 0;
}

.icon-box {
    margin-top: 2rem;
}
.counter-v1 {
    border: 0;
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 1.5rem;
}

.counter-wrap {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    padding: 0;
    transform: unset;
    background: transparent;
    box-shadow: unset;
}

.counter-v1 figure {
    flex: 0 0 30%;
}
.counter-v1:after {
    display: none;
}
.counter-v1 .number-counter p {
    color: #888888;
    font-size: 1.125rem;
    font-family: 'Poppins';
    font-weight: 700;
}
.widget-counter-car {
    padding: 2rem 0;
}
.v1-box .image-box-wrap {
    margin: 0;
}

.widget-browse-by-mode .icon-box {
    padding: 2rem;
    background: white;
}
.counter-v1 figure img {
    filter: brightness(1) invert(0.5);
}
.counter-v1 .number-counter {
    margin: 0;
    display: flex;
    flex-direction: column-reverse;
    font-size: 1rem;
    align-items: baseline;
    color: #c9c9c9;
    font-family: 'Poppins';
    font-weight: 600;
}
.widget-browse-by-mode .icon-box .image-box-wrap img {
    filter: brightness(1) invert(0.2);
}

.v1-box .title-icon {
    font-size: 1.5rem;
    font-family: 'Poppins';
    font-weight: 600;
    color: #333333;
}
/* car stock end */

/* footer  */
.footer-main .widget-info img {
    width: 250px;
}
.footer-main .widget-info ul li i {
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    color: white;
    margin: 0;
    font-size: 1.25rem;
}

ul.social-icon {
    justify-content: flex-start;
}

.footer-main .widget-info ul li i:hover {
    background: transparent;
}
.footer-main {
    border: none;
    padding: 0;
}
.footer-main .widget-menu h3 {
    font-family: 'Poppins';
    font-weight: 700;
    margin-bottom: 14px;
}

.footer-main .widget-menu ul.box-menu li a {
    font-size: 1rem;
    color: white;
    line-height: 2;
    font-family: 'Poppins';
    font-weight: 400;
}
footer {
    background: linear-gradient(180deg, #103e51, #0b2734);
    padding: 3rem 0;
    border-radius: 100px 100px 0 0;
}
.footer-last {
    background: var(--primary-color);
}

.footer-bottom {
    padding: 15px 0;
}
.footer-bottom .coppy-right {
    color: white;
    font-size: 1rem;
    font-family: 'Poppins';
}

.footer-bottom .bottom-bar-menu a {
    color: white;
    font-size: 1rem;
    font-family: 'Poppins';
}

.footer-main .widget-menu ul.box-menu li a:hover {
    color: white;
}

.footer-main .widget-menu ul.box-menu li a::before {
    display: none;
}

.footer-bottom .bottom-bar-menu a:hover {
    color: white;
}
.button-go::before {
    background: var(--primary-color);
}
/* footer  end */

/* single page */
.banTabs .breadcrumb li a {
    color: #00000054;
    font-size: 1.125rem;
    font-family: 'Poppins';
    font-weight: 400;
    text-transform: uppercase;
}

.banTabs .breadcrumb-item+.breadcrumb-item::before {
    content: '\f105';
    font-family: 'Font Awesome 5 Pro';
    color: #00000054;
    padding-right: 10px;
}

.banTabs .breadcrumb-item.active {
    font-size: 1.125rem;
    font-family: 'Poppins';
    font-weight: 400;
    color: #00000054;
    text-transform: uppercase;
}

.banTabs .breadcrumb-item {
    padding: 0 10px 0 0;
}
.banTabs .breadcrumb {
    margin: 1.25rem 0 0;
}
.sinlge-sect {
    background: white;
    padding: 3rem 3rem 1.5rem;
    border-radius: 30px;
    margin-top: 1.5rem;
}
.singleSlider img {
    border-radius: 15px;
}

.singleSlider .slider-for {
    margin-bottom: 1.5rem;
}

.singleSlider .slider-nav .slick-slide {
    margin: 0 10px;
}
.scOne {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.scoRight img {
    width: 50%;
    float: right;
}

.scoLeft h3 {
    font-size: 2.5rem;
    margin: 0;
    line-height: 1;
    font-family: 'Poppins';
    font-weight: 700;
}

.scoLeft h5 {
    color: #606060;
    font-size: 1.5rem;
}
.scTwo {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.5rem;
}

.sctLeft h2 {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 1.25rem;
    color: #606060;
    font-weight: 400;
    text-transform: uppercase;
    font-weight: 600;
}

.sctLeft h2 figure {
    flex: 0 0 25%;
}

.sctRight {
    display: flex;
    align-items: center;
    gap: 15px;
}

.sctRight h6 {
    color: #606060;
    text-transform: uppercase;
    font-size: 1rem;
    font-family: 'Poppins';
    font-weight: 500;
}

.sctRight h4 {
    display: flex;
    align-items: center;
    gap: 15px;
    color: black;
    font-weight: 600;
    font-family: 'Poppins';
}
.scThree table {
    width: 100%;
}

.scThree table tr {
    border-top: 1px solid #ececed;
}

.scThree table tr td, .scThree table tr th {
    padding: 1.5rem 0;
}

.scThree table tr td {
    color: #0679d2;
    font-size: 3rem;
    font-weight: 700;
    font-family: 'Poppins';
    text-align: end;
}

.scThree table tr th {
    font-size: 1.5rem;
    text-transform: uppercase;
    font-family: 'Poppins';
    font-weight: 500;
    color: #606060;
}
.scfLeft {
    display: flex;
    align-items: center;
    gap: 10px;
}

.scFour {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.scfLeft i {
    color: #ffc600;
    font-size: 2rem;
}

.scfLeft h6 {
    color: #606060;
    font-size: 1.125rem;
    font-family: 'Poppins';
    font-weight: 500;
}

.scfRight h4 {
    color: #626262;
    font-family: 'Poppins';
    font-weight: 500;
}

.scfRight h4 span {
    color: var(--primary-color);
}
.scFive .themeBtn {
    margin: 0;
}

.scFive {
    display: flex;
    flex-direction: column;
    align-items: end;
    justify-content: center;
    gap: 20px;
    margin-top: 6rem;
}

.scFive:nth-child(3) {
    background: white;
}

.scFive a.themeBtn:last-child {
    background: aqua;
}
.themeBtn.themeBtnTwo {
    background: transparent;
    color: var(--primary-color);
    border: 2px solid;
    text-transform: uppercase;
    font-weight: 500;
}
.scFive p {
    color: #606060;
    font-family: 'Poppins';
    font-weight: 400;
    font-size: 1.25rem;
}
.singleSlider .slider-for img {
    height: 500px;
    object-fit: cover;
}
.scFive p span {
    color: var(--primary-color);
    font-weight: 500;
}
.detailCont h3 {
    font-size: 2.5rem;
    font-family: 'Poppins';
    font-weight: 700;
    color: black;
}
.detail-container {
    background: white;
    padding: 3rem 3rem 1.5rem;
    border-radius: 30px;
    margin-top: 2rem;
}
.featDetail {
    display: flex;
    align-items: center;
    gap: 20px;
    border: 1px solid #9ea0a3;
    padding: 15px 20px;
    border-radius: 15px;
    margin-top: 20px;
}

.featDetail h4 {
    color: #c1c1c1;
    font-size: 1.125rem;
    font-family: 'Poppins';
    font-weight: 500;
}
.inner-group.grid.singleGrid {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 20px;
}

.inner-group.grid.singleGrid input {
    border: 1px solid #000;
    border-radius: 10px;
}
.featDetail figure {
    flex: 0 0 22%;
}
.inner-group.grid.singleGrid .themeBtn {
    padding: 1.5rem;
    margin-top: 2rem;
}
.inner-group.grid.singleGrid .form-group {
    margin-bottom: 1.5rem;
}
.inner-group.grid.singleGrid .form-check-label {
    color: black !important;
    font-size: 1.25rem;
    font-family: 'Poppins';
    font-weight: 600;
}

.inner-group.grid.singleGrid .form-check-label span {
    font-size: 14px;
    font-weight: 500;
    color: #5b5b5b;
}

.newGroup h6 {
    color: black;
    font-size: 1.25rem;
    font-family: 'Poppins';
    font-weight: 600;
    line-height: 1.25;
}

.newGroup ul li {
    color: black;
    font-size: 15px;
    font-weight: 600;
    font-family: 'Poppins';
    line-height: 1.5;
}

.newGroup ul {
    margin-top: 16px;
    list-style: disc;
    padding-left: 1rem;
}
.banTabs h3 {
    color: black;
    font-family: 'Poppins';
    font-weight: 700;
    font-size: 2rem;
    margin: 1rem 0;
}
.usedTabs ul li button {
    padding: 18px 60px;
    font-size: 1.25rem;
    color: black;
    background: #deedf8 !important;
    border-radius: 15px 15px 0 0 !important;
    font-family: 'Poppins';
}

.usedForm {
    background: white;
    padding: 3rem 4rem;
    border-radius: 0 50px 0 0;
    border: none;
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
    position: relative;
    z-index: 1;
}
.usedTabs .nav-tabs {
    border: 0;
}
.usedTabs .nav-link.active {
    background: white !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
    color: black;
}
.usedForm label {
    color: #909090;
    font-size: 1.125rem;
    font-family: 'Poppins';
    font-weight: 500;
    margin-top: 1.5rem;
}

.usedForm .form-select {
    border: 0;
    padding: 20px 0;
    font-size: 1.5rem;
    font-family: 'Poppins';
    font-weight: 700;
    background-color: transparent;
}

.usedForm .form-select:focus {
    outline: none;
    border: none;
}
.formBtn {
    text-align: end;
    padding-right: 3rem;
    display: flex;
    justify-content: end;
    margin-top: 2rem;
}

.showPara {
    font-size: 1.75rem;
    font-family: 'Poppins';
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 10px;
}

.showPara i {
    font-size: 2rem;
}
.ctaDiv {
    background: url(../images/banner/ctaBg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 3rem;
    margin: 30px 0 0;
    border-radius: 30px;
}
.ctaCont h2 {
    color: black;
    font-size: 2.5rem;
    font-family: 'Poppins';
    font-weight: 700;
    line-height: 1.25;
}

.ctaCont h2 span {
    color: var(--primary-color);
}
.optionClass {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.widget-search-car.logoSect {
    margin: 0;
    padding: 0 0 5rem;
}

.widget-search-car.logoSect .icon-box {
    margin: 0;
}
.recBody {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 2rem 1rem 1rem;
}

.recBody h3 {
    margin: 0;
    font-size: 1.5rem;
}

.recBody figure {
    flex: 0 0 12%;
}

.recBody p {
    font-size: 1rem;
    font-family: 'Poppins';
    line-height: 1;
}

.recCard {
    background: white;
    padding: 0 0 2rem;
    border-radius: 30px;
    overflow: hidden;
}

.recCard .carFoot {
    margin-top: 2rem;
}
.toyotaForm {
    background: white;
    padding: 3rem;
    margin-top: 2rem;
    border-radius: 20px;
}
.toyotaGroup {
    display: flex;
    align-items: center;
}

.toyotaGroup label {
    flex: 0 0 15%;
}

.toyotaForm .form-select {
    padding: 15px 25px;
    border: 2px solid #939598;
    border-radius: 15px;
}
.toyotaForm .row {
    margin-bottom: 1rem !important;
}
.inner-group.auctionList.grid {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    gap: 20px;
}

.inner-group.auctionList.grid img {
    width: 70%;
}

.inner-group.auctionList.grid input.form-check-input {
    height: 50px !important;
    width: 50px !important;
}
.toyotaForm h3 {
    color: black;
    font-size: 2.35rem;
    font-family: 'Poppins';
    font-weight: 700;
}
/* single page end */

/* track Your car page  */
.trackCar {
    background: white;
    padding: 3rem;
    border-radius: 15px;
    margin: 3rem 0;
}
.trackCont h2 {
    color: black;
    font-size: 2.75rem;
    font-family: 'Poppins';
    font-weight: 700;
}

.trackCont label {
    font-size: 1.25rem;
    font-weight: 500;
    color: #c4c4c4;
    font-family: 'Poppins';
    margin: 1.5rem 0 2rem;
}

.trackCont input {
    border: 1px solid #919396;
    border-radius: 15px;
    font-size: 1rem;
    font-family: 'Poppins';
    font-weight: 600;
}

.trackCont input:focus {
    outline: none;
    box-shadow: unset;
    border: 1px solid #919396;
}
.trackCont .themeBtn {
    font-size: 1.125rem;
    border: unset;
    border-radius: 100px;
    background: #f41d28 !important;
    text-transform: uppercase;
}
.mainBanner.trackBanner {
    background: unset;
}
.intl-tel-input,
.iti{
  width: 100%;
}
.requestModal .modal-dialog {
    border-radius: 20px !important;
}

.requestModal .modal-content {
    border-radius: 20px;
    padding: 10px;
}

.requestModal .modal-header {
    border: none;
}

.requestModal .btn-close {
    padding: 10px;
    position: absolute;
    right: 14px;
    top: 14px;
}


.requestModal h3 {
    text-align: center;
    font-size: 1.75rem;
    font-family: 'Poppins';
    font-weight: 700;
    color: black;
    margin-bottom: 1rem;
}

.requestModal label {
    color: black;
    font-size: 1.125rem;
    font-family: 'Poppins';
    font-weight: 600;
    margin: 10px 0;
}

.requestModal input, .requestModal textarea {
    border: 1px solid #9ea0a3;
    border-radius: 15px;
}
.callBtn {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
}

.callBtn .btn {
    height: 70px;
    width: 200px;
    font-size: 1.125rem;
    font-family: 'Poppins';
    font-weight: 400;
    border-radius: 100px;
    border: none;
}

.callBtn .btn:first-child {
    background: #35bf37;
}
.requestModal input:focus, .requestModal textarea:focus {
    outline: none;
    box-shadow: none;
    border: 1px solid #9ea0a3;
}
.callBtn .btn:last-child {
    background: #f41d28;
}


.requestModal.inquiyModal .modal-dialog {
    max-width: 1600px;
}

.requestModal.inquiyModal h5 {
    color: black;
    font-size: 2rem;
    font-weight: 700;
    font-family: 'Poppins';
}

.requestModal.inquiyModal .modal-content {
    padding: 10px 2rem 1rem;
}

.requestModal.inquiyModal .btn-close {
    position: relative;
    right: unset;
    top: unset;
}
.callBtn .themeBtn {
    width: 40%;
    height: 60px;
    margin-top: 2rem;
}

.requestModal.inquiyModal .form-select {
    height: 60px;
    border-radius: 15px;
    border: 1px solid #9ea0a3;
}

.requestModal.inquiyModal .modal-header {
    border-bottom: 2px solid rgba(0,0,0,0.2);
}
.requestModal.inquiyModal .btn.themeBtn {
    padding: 16px 12px !important;
    font-size: 1rem;
    width: 150px;
    background: white;
    color: black;
    border: 1px solid #9ea0a3;
    margin-left: -70px;
}
.requestModal.inquiyModal .row .col-md-5, .requestModal.inquiyModal .row .col-md-3 {
    padding: 0 !important;
}
.tantoCont table {
    width: 100%;
}

.tantoCont table th, .tantoCont table td {
    width: 28%;
    padding: 5px 0;
}

.tantoCont h4 {
    color: black;
    font-size: 1.75rem;
    font-family: 'Poppins';
    font-weight: 700;
    margin-bottom: 1.5rem;
}

.tantoCont table th {
    color: black;
    font-size: 1.125rem;
    font-family: 'Poppins';
    font-weight: 700;
}

.tantoCont table tr {
    color: black;
    font-size: 1.125rem;
    font-family: 'Poppins';
    font-weight: 500;
}
.requestModal.inquiyModal img {
    border-radius: 20px;
}
.earnCont {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 2rem;
    border: 2px solid #e66225;
    border-radius: 20px;
    margin: 2rem 0;
}

.earnCont h5 {
    color: black;
    font-size: 1.5rem !important;
    font-family: 'Poppins';
    font-size: 1.5rem;
    font-weight: 700 !important;
    font-family: 'Poppins' !important;
    line-height: 1.25 !important;
}

.requestModal.inquiyModal h5 span {
    font-weight: 500;
}
.earnCont figure {
    flex: 0 0 10%;
}
/* track Your car page end */

/* search car page */
.mainBanner.searchCar .tabContent {
    background: url(../images/banner/serBg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 13rem 3rem;
    border-radius: 70px;
}
.formSearchcar input {
    flex: 0 0 70%;
}

.formSearchcar .themeBtn {
    margin-left: -2rem;
}

.formCont p {
    color: black;
    font-family: 'Poppins';
    font-size: 1.125rem;
    font-weight: 400;
}
.icon-box.inboxSearch.border-line {
    padding: 0;
    border: blanchedalmond;
}
.mostCont h3 {
    margin: 2rem 0 0 0;
    font-size: 1.5rem;
    font-family: 'Poppins';
}

.mainBanner.searchCar ul li {
    display: flex !important;
}

.image-box-wrap ul li {
    display: flex;
    align-items: center;
    font-size: 1.125rem;
    color: black;
    font-family: 'Poppins';
    font-weight: 700;
    gap: 10px;
}

.image-box-wrap ul li figure {
    flex: 0 0 10%;
}

.image-box-wrap ul {
    margin-top: 1rem;
}
.cpCard {
    background: white;
    border-radius: 25px;
    overflow: hidden;
    margin: 20px 0;
}

.cpBody {
    padding: 1rem;
    display: flex;
    align-items: end;
}

.cpBody h4 {
    font-size: 1rem;
    line-height: 1.25;
    font-family: 'Poppins';
    font-weight: 700;
}

.cpBody h3 {
    font-size: 2rem;
    font-family: 'Poppins';
    color: #33bd13;
    margin-top: 6px;
}

.cpBody div {
    flex: 0 0 65%;
}
.inboxSearch h4 {
    color: black;
    font-size: 1.25rem;
    line-height: 1.25;
    font-family: 'Poppins';
    font-weight: 700;
}
.cpBody .btn {
    color: black;
    font-size: 1rem;
    font-family: 'Poppins';
    font-weight: 600;
    border: 2px solid var(--primary-color);
    border-radius: 100px;
    padding: 5px 15px;
}
.usedForm.questContent {
    margin: 2rem 0 2rem;
    border-radius: 25px;
}

.usedForm.questContent h3 {
    color: black;
    font-size: 2rem;
    font-family: 'Poppins';
    font-weight: 700;
}

.quest {
    display: flex;
    align-items: self-start;
    margin: 10px 0 0;
    gap: 15px;
}

.quest h4 {
    height: 45px;
    width: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0f2936;
    flex: 0 0 10%;
    color: white;
}

.gqyCont {
    margin-top: 4rem;
}

.gqyCont h3 {
    font-size: 1.5rem;
    font-family: 'Poppins';
}
.gqyCont .btn:last-child {
    background: var(--primary-color);
    color: white;
}
.gqyCont .btn {
    font-size: 1.25rem;
    background: white;
    height: 35px;
    width: 130px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid var(--primary-color);
    border-radius: 15px;
    font-family: 'Poppins';
    font-weight: 500;
    margin: 1rem 11px 0 0;
}
.gqCont .quest:last-child h4 {
    background: var(--primary-color);
}
.gqCont {
    margin-top: 3rem;
}
.gqCont .quest:last-child p {
    font-weight: 400;
    line-height: 1.5;
}
.quest p {
    color: black;
    font-size: 14px;
    font-family: 'Poppins';
    font-weight: 600;
}
.gqyCont h5 {
    color: black;
    font-family: 'Poppins';
    font-weight: 700;
}
.faqCont {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    margin: 20px 0;
}

.faqCont figure {
    height: 100px;
    width: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--primary-color);
    flex: 0 0 14%;
    border-radius: 50%;
}

.faqCont figure img {
    width: 40%;
}

.faqCont  h4 {
    color: black;
    font-size: 1.25rem !important;
    font-family: 'Poppins';
    font-weight: 700;
}

.faqCont p {
    color: black;
    font-size: 1rem;
    font-family: 'Poppins';
    font-weight: 500;
    padding-right: 3rem;
}
.gqyCont p {
    color: black;
    font-size: 1rem;
    font-family: 'Poppins';
    font-weight: 500;
    margin-top: 10px;
    padding: 0 6rem;
}
/* search car page end */