@font-face {
    font-family: 'Arshid';
    src: url('fonts/Arshid.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

.sar{
    font-family: 'Arshid', sans-serif !important;
}

html {
    height: 100%;
    overflow-x: visible !important;
}

html,
body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: Poppins, Helvetica, sans-serif;
    overflow-x: hidden;
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}
.offer-sec {
    width: 100%;
    background-color: #fff2d094;
    padding: 19px;
    border-radius: 7px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.offer-img {
    margin-bottom: 4%;
}

.offer-img img {
    width: -webkit-fill-available;
    border-radius: 5px;
}

.offer-title {
    font-size: 19px;
    font-weight: 700;
}

.offer-details {
    display: inline-block;
}

.offer-desc {
    font-size: 13px;
    color: gray;
}

.btn-offer-details {
    float: inline-end;
    color: #ffb50a;
    font-weight: 500;
    font-size: 12px;
    background-color: white;
}

.form-control {
    padding: .575rem 0.75rem !important;
}

.truck-summary-details {
    color: goldenrod;
    font-size: 13px;
    font-weight: 500;
}

*, ::after, ::before
.me-10 {
    margin-right: 10px;
}

.mt-n13 {
    margin-top: -3.75rem !important
}

.mt-n18 {
    margin-top: -4.5rem !important
}

.dropbtn {
    border: none;
    cursor: pointer;
}

.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    border: 1px solid #dcdcdc66;
    margin-top: 7px;
    width: 241px;
}

.dropdown-content a {
    color: black;
    padding: 10px 17px;
    text-decoration: none;
    display: flex;
    font-size: 12px;
    font-family: Poppins, Helvetica, sans-serif;
    font-weight: 500;
}

.dropdown-content i {
    color: gray;
    margin-right: 5px;
}

.dropdown a .fav:hover {
    color: #FABA25;
}
/*
.dropdown a:hover i {
    color: white;
} */

.dropdown .show {
    display: block;
    z-index: 999999;
}

/***** Login Page ******/

.login-page {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}

.login-page .row {
    height: 100%;
}

.login-img {
    background-image: url(../images/login-img.png);
    height: 100%;
    width: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.welcome-section {
    padding: 0% 19% 0% 19%;
}

.welcome-section .logo-img {
    margin-left: 31%;
    margin-bottom: 4%;
    width: 157px;
}

.welcome-section h2 {
    color: #1E1F24;
    font-family: Poppins, Helvetica, sans-serif;
    font-weight: 600;
}

.welcome-section p {
    color: #80828D;
    font-family: Poppins, Helvetica, sans-serif;
    font-size: 15px;
    margin-top: -7px;
}

.login-form-section {
    margin-top: 6%;
}

.login-form-section .form-label {
    color: #1E1F24;
    font-size: 15px;
    font-weight: 500;
}

.form-control {
    font-size: 13px;
    color: #6c6b6b;
}

.forget-password-btn {
    float: inline-end;
    background-color: transparent;
    border: none;
    font-size: 14px;
    color: #FABA25;
    font-weight: 600;
}

.small-error-message {
    font-size: 0.75rem;
    /* Smaller font size */
    color: red;
    /* Red color for errors */
    display: block;
    /* Ensure it's visible */
}

.login-btn {
    width: 100%;
    background-color: #FABA25;
    color: white;
    font-weight: 500;
}

.login-btn:hover {
    width: 100%;
    background-color: #f3b013;
    color: white;
    font-weight: 500;
}

.login-btn:active {
    width: 100%;
    background-color: #f3b013 !important;
    color: white !important;
    font-weight: 500;
}

.divider-text {
    position: relative;
    text-align: center;
    color: #a9a9a9;
    font-weight: 600;
}

.divider-text:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0px;
    width: 100%;
    height: 1px;
    background: #dbdbdb;
}

.divider-text span {
    position: relative;
    display: inline-block;
    padding: 10px 20px;
    background: #fff;
    z-index: 9;
}

.social-btn-1:hover {
    color: #a9a9a9;
    font-weight: 600;
    font-family: Poppins, Helvetica, sans-serif;
    border: 1px solid gainsboro;
    padding: 12px 55px 12px 55px;
}

.social-btn-1 {
    color: #a9a9a9;
    font-weight: 600;
    font-family: Poppins, Helvetica, sans-serif;
    border: 1px solid gainsboro;
    padding: 12px 55px 12px 55px;
    font-size: 13px;
}

.social-btn-1 img {
    width: 30px;
    margin-right: 6px;
}

.social-btn-2 {
    color: #a9a9a9;
    font-weight: 600;
    font-family: Poppins, Helvetica, sans-serif;
    border: 1px solid gainsboro;
    padding: 12px 45px 12px 45px;
    float: inline-end;
    font-size: 13px;
}

.social-btn-2:hover {
    color: #a9a9a9;
    font-weight: 600;
    font-family: Poppins, Helvetica, sans-serif;
    border: 1px solid gainsboro;
    padding: 12px 45px 12px 45px;
    float: inline-end;
}

.social-btn-2 img {
    width: 30px;
    margin-right: 6px;
}

.sign-up {
    background-color: transparent;
    border: none;
    color: #FABA25;
    font-weight: 500;
}

::-webkit-input-placeholder {
    /* WebKit, Blink, Edge */
    color: #979595 !important;
}

:-moz-placeholder {
    /* Mozilla Firefox 4 to 18 */
    color: #979595 !important;
    opacity: 1;
}

::-moz-placeholder {
    /* Mozilla Firefox 19+ */
    color: #979595 !important;
    opacity: 1;
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #979595 !important;
}

::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #979595 !important;
}

::placeholder {
    /* Most modern browsers support this now. */
    color: #979595 !important;
}

/***** Login Page ******/


/***** navbar ******/
.navbar {
    border-bottom: 1px solid #dcdcdc9c;
    box-shadow: 0 10px 30px 0 rgba(82, 63, 105, .05);
    padding-left: 4%;
    padding-right: 5%;
    padding-top: 0px;
    height: 60px;
    padding-bottom: 0px;
}

.me-auto .nav-item {
    margin-right: 6px;
    margin-top: -16px;
}

.logo-image {
    width: 125px;
    margin-top: -34px;
}

.nav-link {
    font-size: 11.7px !important;
    font-weight: 500 !important;
    color: black;
}

.navbar .active {
    color: #FABA25 !important;
}

.admin-section img {
    width: 45px;
    height: 45px;
    border-radius: 7px;
}

.admin-name {
    padding-top: 10px;
}

.admin-name .name {
    font-size: 13px;
    margin-bottom: -1px;
}

.admin-name .sub-name {
    font-size: 11px;
    margin-bottom: 0px;
    color: #B9BBC6;
}

.right-side {
    border-right: 1px solid #E7E8EC;
    padding-right: 18px;
    height: 30px;
    margin-right: 13px;
}

.heart-icon {
    width: 21px;
    height: 20px;
    align-self: center;
    margin-right: 7px;
    margin-top: 4px;
    font-size: 20px;
}

.document-icon {
    width: 26px;
    height: 26px;
    align-self: center;
    margin-right: 2px;
}

.document-cart-num {
    background-color: #FABA25;
    position: absolute;
    border-radius: 50%;
    font-size: 11px;
    padding: 0px 0px 1px 1px;
    margin-top: -32px;
    margin-left: 13px;
    height: 16px;
    width: 16px;
    color: white;
    text-align: center;
    font-weight: 600;
}

.cart-icon {
    width: 23px;
    height: 24px;
    align-self: center;
    margin-right: 10px;
}

.money-text {
    font-size: 12px;
    align-content: center;
    font-weight: 500;
    margin-top: 15px;
}

.cart-num {
    background-color: #FABA25;
    position: absolute;
    border-radius: 50%;
    font-size: 10px;
    padding: 0px 0px 1px 1px;
    margin-top: -29.5px;
    margin-left: 13px;
    height: 15px;
    width: 15px;
    color: white;
    text-align: center;
    font-weight: 600;
}

.notification-cart-num {
    background-color: #ff1100;
    position: absolute;
    border-radius: 50%;
    font-size: 10px;
    padding: 0px 0px 1px 1px;
    margin-top: -27px;
    margin-left: 12px;
    height: 15px;
    width: 15px;
    color: white;
    text-align: center;
    font-weight: 600;
}

.cart {
    align-self: center;
}

.top-navbar {
    padding-left: 4%;
    padding-right: 5.5%;
    z-index: 9;
}

.change-language-btn {
    float: inline-end;
    margin-top: 1px;
    font-weight: 500;
    font-size: 13px;
}

.eng-flag-image {
    width: 22px;
    margin-right: 7px;
    border-radius: 3px;
}

.arb-flag-image {
    width: 24px;
    margin-right: 7px;
    border-radius: 3px;
}

.arb-btn {
    font-size: 13px !important;
    font-family: system-ui !important;
    font-weight: 500 !important;
}

.navbar-login-btn {
    background-color: #FABA25;
    font-size: 11px;
    color: white;
    letter-spacing: 0.5px;
    padding: 5px 14px 5px 14px;
    font-weight: 500;
}

.navbar-login-btn:hover,
.navbar-login-btn:focus,
.navbar-login-btn:active,
.navbar-login-btn:focus-within {
    background-color: #faba25ab !important;
    color: white !important;
}

/***** navbar ******/
/***** home ******/
.multicarousel-home .pad15 {
    text-align: center;
    padding: 10px;
    margin: 10px;
    width: 295px !important;
}

.multicarousel-home .pad15 .card {
    width: 295px;
    z-index: 99999;
}

.multicarousel-home .item {

    width: 250px !important;

}

.multicarousel-home .card-parts-num {
    text-align: left;
    margin-left: 0px;
}

.multicarousel-home .card-parts-price {
    text-align: left;
    margin-left: 0px;
}

.multicarousel-home .card-parts-title {
    text-align: left;
    margin-left: 0px;

}

.multicarousel-home .card-parts-desc {
    text-align: left;
    margin-left: 0px;

}

.multicarousel-home .card-sub-add-section {
    width: 95px;
    height: 25px;
}

.multicarousel-home .item:hover img {
    -webkit-transform: scale(1.3) rotate(5deg);
    transform: none !important;
}

.home-cover {
    min-height: 90%;
    background: url(../images/renault+trucks.jpg) rgb(116 116 116 / 30%);
    background-size: cover;
    background-blend-mode: multiply;
    background-position: 0% 100%;
}

.points-background {
    height: 355px;
    background: url(../images/v2dwnd6it5nlhw77ljh%201.png);
    width: 164px;
    float: inline-end;
    margin-top: -2%;
    margin-left: -5%;
}

.home-section {
    padding: 4.5% 2% 1% 10%;
    background-image: linear-gradient(to right, #000000f7, #383838e0, #36363645, #bbbbbb00, #e1e1e100);
    height: 100%;
    appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    display: block;
    width: 100% !important;
    height: 100% !important;
    position: absolute;
    /* top: 0; */
    /* left: 0; */
    border-radius: 5px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    /* transform: translateX(100%); */
    /* transition: transform ease-in-out 400ms; */
    /* z-index: 1; */
    width: 100%;
    height: 36px;
    position: absolute;
    transform: translate(-1%, -100%);
    /* height: 36px; */
}

.home-overlay-img-cover {
    width: 92%;
    margin-top: 3%;
}

.home-cover-sections {
    padding: 12% 17% 2% 11.7%;
}

.home-section-title {
    color: #FABA25;
    font-size: 87px;
    font-weight: 600;
    margin-bottom: 0%;
}

.home-section-subtitle {
    font-size: 39px;
    color: white;
    font-weight: 600;
    margin-bottom: 10px;
}

.home-section-subtitle span {
    color: #f1b937;
}

.home-section-desc {
    color: white;
    font-size: 16px;
    font-weight: 300;
}

.main-btn {
    background-color: #FABA25;
    color: white;
    padding: 13px 33px 13px 33px;
    font-size: 16px;
    font-weight: 600;
}

.main-btn:hover {
    background-color: #FABA25;
    color: white;
}

.main-btn:active {
    background-color: #FABA25 !important;
    color: white !important;
}

.home-search {
    background-color: #F9F9FB;
    margin: -3% 5% 1% 5%;
    padding: 15px 30px 15px 30px;
    border-radius: 5px;
    z-index: 9999;
}

.home-search-title {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 0px;
}

.home-search-inputs {
    display: flex;
}

.home-search-inputs select {
    width: 232px;
    margin-right: 14px;
    border-radius: 4px;
    padding: 9px;
    color: #80828D;
    border-color: #E7E8EC;
}

.btn-home-search {
    background-color: #373F50;
    color: white;
    padding: 9px 60px 9px 60px;
    font-size: 13px;
    height: fit-content;
    border-radius: 4px;
    align-self: self-end;
}

.btn-home-search:hover {
    background-color: #373F50;
    color: white;
}

.btn-home-search:active {
    background-color: #373F50 !important;
    color: white !important;
}

.book-services {
    text-align: center;
    padding: 5% 6% 2% 6%;
    text-align: -webkit-center;
}

.book-services-subtitle {
    color: #80828D;
    margin-bottom: 1px;
}

.book-services-title {
    font-size: 33px;
    font-weight: 600;
    margin-bottom: 3px;
}

.book-services-title span {
    color: #FABA25
}

.title-line {
    background-color: #FABA25;
    width: 38px;
    height: 4px;
    margin-left: 48%;
    transform: rotate(-15deg);
    border-radius: 10px;
}

.latest-collection-title-line {
    background-color: #FABA25;
    width: 38px;
    height: 4px;
    margin-left: 0%;
    transform: rotate(-15deg);
    border-radius: 10px;
}

.book-services-num {
    color: #faba254a;
    font-size: 58px;
    font-weight: 700;
    margin-bottom: -38px;
    margin-right: 16%;
}

.service-section-title {
    font-size: 15px;
    font-weight: 700;
    color: #1E1F24;
}

.service-section-desc {
    font-size: 13.5px;
    color: #80828D;
    margin-top: 10px;
}

.book-services-num-icon {
    margin-bottom: 16px;
}

.latest-collection {
    padding: 5% 6% 5% 6%;
    background-color: #F9F9FB;
}

.latest-collection .card {
    border: 1px solid #E7E8EC !important;
}

.latest-collection-subtitle {
    color: #80828D;
    margin-bottom: 1px;
}

.latest-collection-title {
    font-size: 33px;
    font-weight: 600;
    margin-bottom: 3px;
}

.latest-collection-title span {
    color: #FABA25
}

.latest-collection-desc {
    color: #80828D;
    font-size: 15px;
    margin-top: 18px;
}

.book-services2 {
    background-color: #373F50;
    /* padding: 6% 11% 6% 20%;
    margin-top: 0%; */
}

.book-services2-title {
    font-size: 33px;
    font-weight: 600;
    margin-bottom: 3px;
    color: white;
}

.book-services2-title span {
    color: #FABA25
}

.book-services2-subtitle {
    color: white;
    margin-bottom: 1px;
}

.title-line-book-services2 {
    background-color: #FABA25;
    width: 38px;
    height: 4px;
    margin-left: 44%;
    transform: rotate(-15deg);
    border-radius: 10px;
}

.book-services2 .book-desc {
    text-align: -webkit-center;
}

.zahid-identification {
    padding: 4% 7% 4% 7%;
    background-color: #F9F9FB;
}

.identification-title-part1 {
    color: #62636cd9;
    font-weight: 600;
    font-size: 19px;
    margin-bottom: 4px;
}

.title-line-zahid-identification {
    background-color: #FABA25;
    width: 38px;
    height: 4px;
    margin-left: 0%;
    transform: rotate(-6deg);
    border-radius: 10px;
}

.identification-subtitle-part1 {
    margin-top: 3%;
    font-size: 38px;
    font-weight: 700;
    line-height: 61px;
}

.identification-subtitle-part1 span {
    color: #FABA25;
}

.identification-desc-part1 {
    color: #80828D;
    font-size: 16px;
}

.btn-discover-services {
    background-color: #FABA25;
    color: white;
    font-size: 14px;
    font-weight: 500;
    padding: 10px 15px 10px 15px;
}

.identification-section {
    display: flex;
    background-color: white;
    border: 1px solid #E7E8EC;
    padding: 20px 50px 12px 27px;
    border-radius: 5px;
    width: 100%;
    margin-bottom: 17px;
}

.identification-section-part2 {
    padding-left: 18px;
}

.identification-title-part2 {
    font-size: 21px;
    font-weight: 700;
    margin-bottom: 9px;
}

.identification-subtitle-part2 {
    color: #80828de6;
    font-size: 13px;
}

.discover-camping {
    background-color: #FFFAE9;
    padding: 5% 7% 5% 7%;
}

.discover-camping-title {
    font-size: 33px;
    font-weight: 600;
    margin-bottom: 3px;
    color: black;
}

.discover-camping-title span {
    color: #FABA25
}

.discover-camping-subtitle {
    color: #80828D;
    margin-bottom: 1px;
}

.title-line-discover-camping {
    background-color: #FABA25;
    width: 38px;
    height: 4px;
    margin-left: 49%;
    transform: rotate(-6deg);
    border-radius: 10px;
}

.discover-camping .show-campaigns-section {
    margin: 4% 4% 3% 0%;
}

.discover-camping .campaigns-details {
    border: 1px solid #E7E8EC;
    padding: 20px 55px 10px 55px;
    border-radius: 5px;
    box-shadow: 0px 3px 8px -1px #3232470D;
    box-shadow: 0px 0px 1px 0px #0C1A4B3D;
    background-color: white;
    height: fit-content;
}

.discover-camping .campaigns-service-allowed {
    color: #80828D !important;
    font-size: 13.5px !important;
    text-align: start !important;
    margin-bottom: 0px !important;
    font-weight: 400 !important;
}

.discover-camping .campaigns-desc {
    color: #80828D;
    font-size: 12px;
    margin-top: 10%;
    height: 20px;
}

.subscribe-section {
    padding: 5% 8% 5% 7%;
}

.subscribe-title {
    font-size: 54px;
    font-weight: 700;
}

.subscribe-desc {
    font-size: 15px;
    color: #80828D;
}

.btn-subscribe {
    background-color: #FABA25;
    color: white;
    padding: 9px 40px 9px 40px;
    font-size: 13px;
    height: fit-content;
    border-radius: 4px;
    align-self: self-end;
}

.btn-subscribe:hover {
    background-color: #FABA25 !important;
    color: white;
}

.btn-subscribe:active {
    background-color: #FABA25 !important;
    color: white;
}

.subscribe-section input {
    margin-top: 13%;
    width: 67%;
    margin-bottom: 2%;
}

.item {
    position: relative;
    margin: 2%;
    overflow: hidden;
    border-radius: 7px;
    height: 290px;
}

.item img {
    max-width: 100%;
    -webkit-transition: .9s ease;
    -moz-transition: .9s ease;
    transition: .9s ease;
    background-size: cover;
    height: 100%;
    width: 100%;
}

.item:hover img {
    -webkit-transform: scale(1.3) rotate(5deg);
    transform: scale(1.3) rotate(5deg);
}

.item:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 2;
    opacity: 0;
    -moz-transition: 0.9s ease;
    -webkit-transition: 0.9s ease;
    transition: 0.9s ease;
}

.item:hover:before {
    opacity: 1;
}

.item-overlay {
    z-index: 9999;
    position: absolute;
    color: white;
    margin-top: -230px;
    padding: 55px 15px 2px 15px;
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.8) 0%, transparent 100%);
    background-image: linear-gradient(to top, rgb(0 0 0 / 89%) 28%, transparent 85%);
    width: 100%;
    height: -webkit-fill-available;
}

.services-section-imgs {
    padding: 4% 3% 4% 3%;
}

.item-overlay-title {
    font-family: Poppins, Helvetica, sans-serif;
    margin-bottom: 4px;
    font-size: 23px;
    font-weight: 600;
    margin-top: 24px;
}

.item-overlay-subtitle {
    font-family: Poppins, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: 400;
    margin-left: 9px;
    color: gainsboro;
}

/***** home ******/
/***** footer ******/

#footer {
    padding: 1% 1% 0% 1%;
    background-image: linear-gradient(to right top, #1E1F24, #292a30, #373a46, #485f8f, #6884b9);

}

#footer2 {
    background: #f7f7f7;
    padding: 3rem;
    margin-top: 0px;
    /* padding-top: 5rem; */
    padding-top: 7rem;
    padding-bottom: 80px;
    background-image: url(../images/cards/v748-toon-111.png);
}

.logo-footer {
    max-width: 200px !important;
    margin-left: 5px;
    margin-top: 13px;
    width: 180px;
}

.footer-img {
    max-width: 60% !important;
    height: auto;
    border-radius: 8px;
    margin-left: -3px;
    margin-top: 33px !important;
}

.footer-about-icon {
    margin-left: 5px;
}

.row-footer {
    padding-left: 2%;
    /* padding-right: 2%; */
    margin-bottom: 1.5%;
}

.support-section-footer {
    margin-left: -30px;
}

.address-part2 {
    margin-left: 22px;
}

.social-links {
    /* display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; */

}

.social-links h2 {
    padding-bottom: 15px;
    font-size: 20px;
    font-weight: 600;
}

.social-links img {
    padding-bottom: 25px;
}

.social-icons {
    /* display: flex;
    gap: 3rem; */
    display: flex;
    flex-direction: column;
    gap: 1rem;
    color: #777777;
}

.social-icons a {
    /* font-size: 18px; */
    /* background: #ffffff; */
    /* box-shadow: rgb(0 0 0 / 8%) 0px 4px 12px;
    padding: 0.4rem 1rem 0.4rem 1rem;
    border-radius: 3px;
	color: #82074a; */
    /* margin-right: 18px; */
    color: #777777;
}

.social-icons a:hover {
    color: #000;
}

.social-icons a i {
    box-shadow: rgb(0 0 0 / 8%) 0px 4px 12px;
    padding: 0.4rem 1rem 0.4rem 1rem;
    border-radius: 3px;
    color: #82074a;
    font-size: 16px;
    margin-right: 12px;
}

li {
    list-style: none;
}

.useful-link h2 {
    padding-bottom: 0px;
    font-size: 15px;
    font-weight: 400;
    color: #FABA25;
    margin-bottom: 7%;
    white-space: nowrap;
}

.useful-link img {
    padding-bottom: 15px;
}

.use-links {
    line-height: 25px;
}

.use-links li i {
    font-size: 14px;
    padding-right: 8px;
    color: #FABA25;
}

.footer-about-icon i {
    color: #FABA25;
    margin-right: 32px;
    font-size: 16px;
}

.use-links li a {
    font-size: 12.4px;
    font-weight: 200;
    color: white !important;
    cursor: pointer;
}

.use-links li a:hover {
    color: #000;
}

.links-last-section {
    margin-top: -10px;
}

.address h2 {
    padding-bottom: 15px;
    font-size: 20px;
    font-weight: 600;
}

.address img {
    padding-bottom: 15px;
}

.address-links li a {
    color: #303030;
    font-size: 15px;
    font-weight: 500;
    color: #777777;

}

.address-links li i {
    font-size: 16px;
    padding-right: 8px;
    color: #82074a;

}

.address-links li i:nth-child(1) {
    padding-top: 9px;
}

.address-links .address1 {
    font-weight: 500;
    font-size: 15px;
    display: flex;
}

.address-links {
    line-height: 32px;
    color: #777777;
}

.copy-right-sec {
    padding: 10px 0px 10px 0px;
    color: #fff;
    font-size: 12px;
    font-weight: 200;
    border-top: 1px solid #dcdcdc38;
}

.copy-right-sec a {
    color: #fcd462;
    font-weight: 200;
    color: white !important;
    font-size: 11px !important;
}

a {
    text-decoration: none;
}

.useful-link {
    margin-top: 3%;
    margin-right: 0%;
}

.footer-about p {
    color: white;
    font-size: 12px;
    font-weight: 300;
    margin-top: 5.6%;
    line-height: 21px;
}

.footer-useful-link {
    margin-left: 7%;
    margin-top: 13px;
    margin-right: 4%;
}

.copy-right-part2 {
    display: flex;
    float: inline-end;
}

.copy-right-part2 a {
    margin-bottom: 0px;
    margin-right: 11px;
    border-right: 1px solid #80808078;
    padding-right: 10px;
}

.copy-right-part2 a:last-child {
    border: none !important
}

.use-links li a:hover {
    color: #fcd462;
}

/* footer section end */

/***** footer ******/

.text-muted {
    color: #a1a5b7 !important;
}

.text-muted {
    --bs-text-opacity: 1;
    color: #a1a5b7 !important;
}

.fw-bold {
    font-weight: 500 !important;
}

.me-1 {
    margin-right: .25rem !important;
}

.text-gray-800 {
    color: #3f4254 !important;
}

.text-hover-primary {
    transition: color .2s ease, background-color .2s ease;
}

/***** service-card ******/

.img-overlay {
    height: 100%;
    background-color: #00000063;
}

.img-background {
    height: 400px;
    background-position: center;
    background-size: cover;
    display: block;
    transition: transform .7s;
}

.bgi-no-repeat {
    background-repeat: no-repeat;
}

.rounded-top {
    border-top-left-radius: .475rem !important;
    border-top-right-radius: .475rem !important;
}

.height-100 {
    height: 100%;
}

.services-section {
    height: 100%;
    padding-top: 1.3%;
    padding-bottom: 1.3%;
    padding-left: 5.6%;
    padding-right: 5.6%;
}

a {
    text-decoration: none;
}

.section-title {
    color: white;
    font-size: 32px;
    font-weight: 700;
    margin-left: 16%;
    margin-top: 47%;
}

.section-desc {
    color: white;
    font-size: 14px;
    font-weight: 400;
    margin-left: 16%;
}

.service-card {
    display: inline-block;
    overflow: hidden;
    width: 100%;
}

.service-card:hover .img-background {
    transform: scale(1.1);
    transform-origin: 50% 50%;
}

/***** service-card ******/

/***** Product-list-page ******/

.page-text-header-overlay {
    height: 100%;
    background-color: #373f50f0;
}

.page-text-header {
    height: 132px;
    background-position: 50% 64%;
    background-size: cover;
    display: block;
    transition: transform .7s;
}

.page-text-header-title {
    color: white;
    font-size: 32px;
    font-weight: 700;
    text-align: center;
    margin-top: 35px;
    margin-bottom: 2px;
}

.card-btn-group  {
    color: white;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    /* justify-content: flex-end !important; */
    width: 100%;
    margin-left: 2%;
}

.search-icon {
    padding-left: 30px !important;
    background: url(../images/icons8-search-50.png) no-repeat left;
    background-repeat: no-repeat;
    outline: 0;
    background-position: 6px;
    background-size: 17px;
}

.content {
    padding-right: 5%;
    padding-left: 5%;
    margin-bottom: 9%;
}

.form-check-input:checked {
    background-color: #FABA25 !important;
    border-color: #FABA25 !important;
}

.right-filter {
    border-radius: 10px;
    padding: 18px 1px 18px 1px;
    border: 1px solid #e7e6e6;
}

.title-1 {
    font-size: 15px;
    font-weight: 600;

}

.brands-options .form-check-label {
    font-size: 13px;
}

.brands-options {
    max-height: 158px;
    overflow-y: auto;
    min-height: auto;
}

.form-select {
    font-size: 13px;
    padding: .575rem 0.75rem !important;
}

.model-options .form-check-label {
    font-size: 11.7px;
}

.irs--round .irs-bar {
    background-color: #FABA25 !important;
}

.irs--round .irs-handle {
    background-color: #FABA25 !important;
    border-color: #FABA25 !important;
    box-shadow: 0px 0px 0px 5px rgb(255 193 7 / 23%) !important;
}

.irs--round .irs-handle.state_hover,
.irs--round .irs-handle:hover {
    background-color: #FABA25 !important;
}

.irs--round .irs-handle {
    width: 16px !important;
    height: 16px !important;
    top: 29px !important;
}

.irs--round .irs-from,
.irs--round .irs-to,
.irs--round .irs-single {
    background-color: transparent !important;
    color: #1a1a1a !important;
}

.irs--round .irs-from:before,
.irs--round .irs-to:before,
.irs--round .irs-single:before,
.irs--round .irs-min,
.irs--round .irs-max {
    border-top-color: #FABA25 !important;
}

.irs-from,
.irs-to,
.irs-single {
    letter-spacing: -1.3px !important;
}

.form-text {
    position: relative;
}

.form-text .form-control {
    padding-left: 40px !important;
}

.static-value {
    position: absolute;
    left: 10px;
    font-weight: bold;
    font-size: 0.8em;
    color: #444;
    top: 6px;
}

.btn-icon {
    float: inline-end;
    background-color: transparent;
    border: unset;
    display: flex
}

.filter-group {
    width: 100%;
    padding-top: 15px;
}

.filter-group .form-select {
    float: inline-end;
    width: 46%;
    height: fit-content;
    margin-right: 13px;
}

.sort-by {
    float: inline-end;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    margin-right: 16px;
    margin-top: 6px;
}

.data-icon {
    width: 26px;
}

.grid-icon {
    width: 24px;
}

.title-two {
    font-size: 21px;
    font-weight: 600;
}

.card-quots {
    border: 1px solid #e7e6e6;
    border-radius: 10px
}

.card-quots img {
    width: 100%;
    height: 100%;
    border-top-left-radius: 9px;
    border-bottom-left-radius: 9px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

/* .quote-part1 {
    padding-top: 15px;
    padding-right: 11px;
    display: flow-root;
} */
.quote-part1 {
    padding-top: 15px;
    padding-right: 11px;
    display: flow-root;


}
.padding-top_1rem{
    padding-bottom: 1rem !important;
    padding-top: 1rem !important;
}
.quote-price {
    width: fit-content;
    color: #FABA25;
    font-size: 19px;
    font-weight: 700;
    margin-bottom: 1px;
}

#pills-tabContent .quote-part1 button {
    background-color: #8989891a;
    float: inline-end;
    border: 1px solid #d7d7d700;
    border-radius: 5px;
    font-size: 13px;
    font-weight: 600;
    color: gray;
    padding: 5px 10px 5px 10px;
    margin-left: 2%;
    margin-top: 2px;
}
#spare-parts-boxes-container .btn-group {
    justify-content: start !important;
    /* margin-left: 10px; */
}
#spare-parts-boxes-container .find-replacement-btn {
    /* margin-left: 10px !important; */
}

.btn-prod-sp {
    background-color: #8989891a;
    float: inline-start !important;
    border: 1px solid #d7d7d700;
    border-radius: 5px;
    font-size: 11px;
    font-weight: 600;
    color: gray;
    padding: 4px 10px 4px 10px;
    margin-left: 0px !important;
    height: fit-content;
    margin-top: -2px;
}

.btn-prod-sp:hover {
    background-color: #89898912;
}

.quote-part1 button:hover {
    background-color: #89898912;
}

.quote-part1 img {
    width: 26px;
}

.quote-title {
    font-size: 17px;
    font-weight: 700;
    color: initial;
}

.quote-details {
    font-size: 12.5px;
    margin-bottom: 7px;
    font-weight: 500;
    color: initial;
}

.quote-details span {
    color: #808080b3;
    font-size: 12.5px !important;
    font-weight: normal;
}

.quote-card-details {
    margin-right: 14px;
    border-bottom: 1px solid gainsboro;
    padding-bottom: 15px;
}

.btn-pdf {
    float: inline-start !important;
}

.btn-pdf img {
    width: 17px;
}

.request-quote {
    background-color: #FFFAE9 !important;
    border: 1px solid #FABA25 !important;
    color: #FABA25 !important;
    font-size: 13px !important;
    float: inline-end;
    font-weight: 400 !important;
}

.request-quote:hover {
    background-color: white !important;
}
.request-price {
    background-color: #FFFAE9 !important;
    border: 1px solid #FABA25 !important;
    color: #FABA25 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
}

.request-price:hover {
    background-color: white !important;
}

/***** Product-list-page ******/

/***** Request-quotation-page ******/

.request-quotation-title {
    font-size: 24px;
    font-weight: 700;
}

.info-advice {
    background: #FFF3D7;
    display: flex;
    border: 1px solid #FABA25;
    border-radius: 5px;
    width: fit-content;
    padding: 20px 25px 20px 20px;
    align-items: center;
}

.info-advice img {
    width: 24px;
    height: 24px;
    margin-right: 13px;
}

.info-advice p {
    margin-bottom: 0px;
    font-size: 16px;
    font-weight: 400;
}

.service-contract {
    border: 1px solid #e7e6e6;
    border-radius: 5px;
    padding: 21px;
}

.service-contract-title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 30px;
}

.service-contract-form label {
    font-size: 15px;
    font-weight: 400;
    margin-bottom: 10px;
    width: 100%;
}

.service-contract-form span {
    float: inline-end;
    color: #62636C;
    font-size: 11px;
}

.service-contract-form span img {
    width: 20px;
}

.duration-in-month {
    font-size: 11px !important;
    color: #25A0FA !important;
    float: none !important;
    font-weight: 400 !important;
}

/***** Request-quotation-page ******/

.request-quotation-img {
    margin-bottom: 6%;
}

.request-quotation-img img {
    border-radius: 9px;
}

.request-quotation-card-details {
    margin-right: 14px;
    padding-bottom: 15px;
}

.card-request-quotation {
    border: 1px solid #e7e6e6;
    border-radius: 10px;
    padding: 20px;
}

.card-request-quotation .quote-details {
    margin-bottom: 13px !important;
}

.card-request-quotation img {
    width: 100%;
    height: 100%;
    border-top-left-radius: 9px;
    border-bottom-left-radius: 9px;
}

.sub-add-section {
    background-color: #F9F9FB;
    border: 1px solid #E7E8EC;
    justify-content: space-evenly;
    align-items: center;
    padding: 8px 10px 8px 5px;
    border-radius: 3px;
}

.sub-add-section p {
    padding-left: 9px;
    padding-right: 9px;
    margin-bottom: 0px;
}

.subtract-btn {
    background-color: transparent;
    border: none;
    padding: 0px 0px 0px 0px;
}

.subtract-btn img {
    width: 18px;
    height: 13px;
}

.add-btn {
    background-color: transparent;
    border: none;
    padding: 0px 0px 0px 1px;
}

.add-btn img {
    width: 15px;
    height: 15px;
}

.btn-confirm {
    background-color: #FABA25;
    color: white;
    width: 100%;
    height: 100%;
}

.btn-confirm:hover {
    background-color: #E7E8EC;
}

.service-contract-form span {
    color: #25A0FA;
    font-size: 10px;
    font-weight: 400;
    background-color: #E6F5FF;
    border: 1px solid #25A0FA;
    padding: 4px 8px 4px 6px;
    border-radius: 7px;
    margin-left: 7px;
    cursor: pointer;
}

.service-contract-form span img {
    width: 15px;
    margin-top: -1px;
    margin-right: 3px;
}

.form-check-right {
    margin-right: 12%;
}

.form-check span {
    float: inline-end;
    font-size: 12px;
    font-weight: 500;
    color: #b3b0b0;
    margin-top: 3px;
}

.prev-btn {
    background-color: transparent;
    border: none;
    float: inline-start;
    color: #beb7b7;
    margin-right: 4px;
}

.prev-btn:hover {
    color: #FABA25;
}

.next-btn {
    background-color: transparent;
    border: none;
    float: inline-end;
    color: #beb7b7;
}

.next-btn:hover {
    color: #FABA25;
}

.pagination-section {
    width: fit-content;
    display: flex;
    margin-top: 1%;
}

.pagination-page-num {
    background-color: white;
    border: 1px solid #E7E8EC;
    color: #62636C;
    padding: 3px 12px 3px 12px;
    border-radius: 5px;
    margin-right: 4px;
    font-size: 16px;
}

.pagination-section .active {
    color: #FABA25;
    background-color: #FFFAE9;
    border: 1px solid #FABA25
}

.pagination-page-num:hover {
    color: #FABA25;
    background-color: #FFFAE9;
    border: 1px solid #FABA25
}

.form-text-mileage .form-control {
    padding-left: 10px !important;
}

.modal-header .close {
    padding: 1rem;
    margin: -1rem -1rem -1rem auto;
}

button.close {
    padding: 0;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
}

.close {
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}

.successful-msg {
    font-size: 21px;
}

.successful-msg-details {
    color: #80828D;
    font-size: 14px;
    margin-bottom: 0px;
}

.btn-continue1 {
    background-color: #373F50;
    color: white;
    width: 100%;
    border: none;
    margin-top: 7%;
    padding: 10px 10px 10px 10px;
    border-radius: 5px;
}

.btn-continue1:hover {
    background-color: #373f50b0;
    color: white;
    font-weight: 400
}

.successful-modal {
    padding: 50px 65px 50px 65px;
}

/***** Request-quotation-page ******/

/***** Spare-Parts-page ******/
.tab-pane .card {
    border: 1px solid #E7E8EC !important;
}

.card-image {
    height: 185px;
    text-align: center;
    background-color: #dcdcdc40;
}

.card-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    /* margin-top: 10px; */
}

.latest-collection .card-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    margin-top: 3px;
}

.fav-icon {
    float: inline-end;
}

.card-parts-num {
    font-size: 10px;
    color: #80828D;
    font-weight: 500;
    margin-bottom: -2px;
}

.card-parts-price {
    font-size: 18px;
    color: #FABA25;
    font-weight: 700;
    margin-bottom: 12px;
    white-space: nowrap;
}

.card-parts-title {
    font-weight: 600;
    margin-bottom: 2px;
    font-size: 14px;
    color: black;
}

.card-parts-desc {
    color: #80828D;
    font-size: 10px;
    margin-bottom: 7px;
}

.card-stock-out {
    background-color: #FFEAE6;
    margin-right: 5px;
    padding: 3px 6px 3px 5px;
    margin-bottom: 8px;
    border: 1px solid #E00000;
    border-radius: 3px;
    width: fit-content;
    height: 25px;
}

.card-stock-out img {
    width: 17px;
    height: 16px;
    margin-right: 4px;
}

.card-stock-out p {
    font-size: 10px;
    white-space: nowrap;
    color: #E00000;
    font-weight: 500;
    margin-bottom: 0px;
    margin-top: 1px;
}

.card-stock-avai {
    background-color: #FFF3D7;
    margin-right: 5px;
    padding: 3px 6px 3px 5px;
    margin-bottom: 12px;
    border: 1px solid #FABA25;
    border-radius: 3px;
    width: fit-content;
}

.card-stock-avai img {
    width: 17px;
    height: 16px;
    margin-right: 4px;
}

.card-stock-avai p {
    font-size: 10px;
    white-space: nowrap;
    color: #9A6F00;
    font-weight: 500;
    margin-bottom: 0px;
    margin-top: 1px;
}

.card-discontinued {
    background-color: #D9E9F7;
    margin-right: 5px;
    padding: 3px 6px 3px 2px;
    margin-bottom: 12px;
    border: 1px solid #428FD6;
    border-radius: 3px;
    height: 25px;
    width:fit-content;
}

.card-discontinued img {
    width: 17px;
    height: 16px;
    margin-right: 4px;
}

.card-discontinued p {
    font-size: 12px;;
    white-space: nowrap;
    color: #428FD6;
    font-weight: 500;
    margin-bottom: 0px;
}

.pdf-file {
    border: 1px solid #dcdcdcc4;
    border-radius: 3px;
    padding: 1px 1px 1px 1px;
    margin-bottom: 0px;
    height: fit-content;
}

.pdf-file img {
    width: 21px;
}

.search-results-items .card-sub-add-section {
    background-color: #F9F9FB;
    border: 1px solid #E7E8EC;
    justify-content: space-evenly;
    align-items: center;
    padding: 0px 3px 0px 0px;
    border-radius: 3px;
    margin-right: 10px;
    width: fit-content;
    margin-left: 7px;
    margin-bottom: 8px;
    font-size: 14px;
    margin-top: 10px;
}

.card-sub-add-section {
    background-color: #F9F9FB;
    border: 1px solid #E7E8EC;
    justify-content: space-evenly;
    align-items: center;
    padding: 1px 8px 0px 6px;
    border-radius: 3px;
    margin-right: 10px;
    width: fit-content;
    margin-left: 7px;
    /* margin-bottom: 8px; */
}

.card-sub-add-section p {
    padding-left: 6px;
    padding-right: 6px;
    margin-bottom: 0px;
    font-size: 13px;
    color: black;
}

.card-sub-add-section .subtract-btn img {
    width: 13px;
    height: 13px;
}

.card-sub-add-section .add-btn img {
    width: 12px;
    height: 12px;
}

.btn-add {
    background-color: #FABA25;
    color: white;
    width: 100%;
    height: 100%;
    border-radius: 3px !important;
    font-size: 13px;
    padding: 6px 10px 6px 10px;
    /* max-width: min-content !important; */
    min-width: fit-content !important;
}

.btn-add:hover {
    background-color: #E7E8EC;
}
.btn-add-fit {
    background-color: #FABA25;
    color: white;
    width: 100%;
    height: 100%;
    border-radius: 3px !important;
    font-size: 13px;
    /* padding: 6px 22px 6px 22px; */
    max-width: min-content !important;
    min-width: fit-content !important;
    white-space: nowrap;
}

.btn-add-fit:hover {
    background-color: #E7E8EC;
}
.search-results-items .find-replacement-btn {
    padding: 5px 4px 5px 4px !important;
    font-size: 10px;
    white-space: nowrap;
}

.find-replacement-btn {
    padding: 6px 10px 6px 10px !important;
}

.card-details {
    padding: 15px 13px 0px 13px;
    height: 200px;
}

.card-details1 {
    padding: 10px 13px 0px 13px;
    height: 160px;
}

.card-footer {
    padding: 0px 13px 7px 0px;
    background-color: transparent;
    border: none;
    padding-left: .5rem !important;
}

.btn-add-qoute {
    background-color: #FFFFFF;
    color: #FABA25;
    border: 1px solid #FABA25;
    width: 100%;
    height: 100%;
    border-radius: 3px !important;
    font-size: 13px;
    padding: 6px 10px 6px 10px;
    /* max-width: min-content !important; */
    min-width: fit-content !important;
    white-space: nowrap;
}

.btn-add-qoute:hover {
    background-color: #E7E8EC;
}
.btn-add-qoute-fav-selected {
    background-color: #FFFFFF;
    color: #FABA25;
    border: 1px solid #FABA25;
    width: 100%;
    height: 100%;
    border-radius: 3px !important;
    font-size: 13px;
    padding: 6px 20px 6px 20px;
    max-width: min-content !important;
    min-width: fit-content !important;
}

.btn-add-qoute-fav-selected:hover {
    background-color: #E7E8EC;
}

/***** Spare-Parts-page ******/

/***** Shopping-Cart-page ******/
.Shopping-Cart .progress-bar-wrapper {
    width: 100%;
    background: #ffffff;
    margin: auto;
    padding: 20px;
    border-radius: 5px;
}

.Shopping-Cart .progress-bar {
    overflow: hidden;
    text-align: center;
    list-style-type: none;
    flex-direction: row;
    padding-bottom: 5px;
}

.Shopping-Cart .progress-bar li {
    float: left;
    font-size: 11px;
    line-height: 11px;
    width: 25%;
    position: relative;
    z-index: 1;
}

.Shopping-Cart .progress-bar li:before {
    content: "";
    font-family: dreamspace;
    display: block;
    font-size: 10px;
    line-height: 24px;
    color: #d5dbdb;
    background: #ffffff;
    width: 24px;
    height: 25px;
    border-radius: 50%;
    margin: 0 auto 5px auto;
    border: 1px #e3e2e2 solid;
}

.Shopping-Cart .progress-bar li:after {
    content: "";
    width: 100%;
    height: 2px;
    background: #e3e2e2;
    position: absolute;
    margin: auto;
    left: 50%;
    top: 13px;
    z-index: -1;
}

.Shopping-Cart .progress-bar li:last-child:after {
    display: none;
}


/* SIGNUP PAGE 1 */

.Shopping-Cart .signup-1 .progress-bar li:first-child:before {
    color: #FABA25;
    border-color: #FABA25;
}


/* SIGNUP PAGE 2 */

.Shopping-Cart .signup-2 .progress-bar li:nth-child(2):before {
    color: #4dc5b1;
    border-color: #e3e2e2;
}

.Shopping-Cart .signup-2 .progress-bar li:first-child:before {
    content: "I";
}

.Shopping-Cart .signup-2 .progress-bar li:first-child:after {
    background: #FABA25;
}


/* SIGNUP PAGE 3 */

.Shopping-Cart .signup-3 .progress-bar li:nth-child(3):before {
    color: #e3e2e2;
    border-color: #e3e2e2;
}

.Shopping-Cart .signup-3 .progress-bar li:nth-child(2):before {
    content: "";
}

.Shopping-Cart .signup-3 .progress-bar li:nth-child(2):after {
    background: #e3e2e2;
}


/* SIGNUP PAGE 4 */

.Shopping-Cart .signup-4 .progress-bar li:nth-child(4):before {
    color: #e3e2e2;
    border-color: #e3e2e2;
}

.Shopping-Cart .signup-4 .progress-bar li:nth-child(3):before {
    content: "";
}

.Shopping-Cart .signup-4 .progress-bar li:nth-child(3):after {
    background: #e3e2e2;
}

/* SIGNUP PAGE 5 */

.Shopping-Cart .signup-4 .progress-bar li:nth-child(5):before {
    color: #e3e2e2;
    border-color: #e3e2e2;
}

.Shopping-Cart .signup-4 .progress-bar li:nth-child(4):before {
    content: "";
}

.Shopping-Cart .signup-4 .progress-bar li:nth-child(4):after {
    background: #e3e2e2;
}

/* SIGNUP PAGE 6 */

.Shopping-Cart .signup-4 .progress-bar li:nth-child(6):before {
    color: #e3e2e2;
    border-color: #e3e2e2;
}

.Shopping-Cart .signup-4 .progress-bar li:nth-child(5):before {
    content: "";
}

.Shopping-Cart .signup-4 .progress-bar li:nth-child(5):after {
    background: #e3e2e2;
}

.Shopping-Cart-img {
    background-color: #dcdcdc40;
    border-radius: 8px;
    position: relative;
    height: 100%;
}

.Shopping-Cart-img img {
    width: 100%;
    height: 100%;
    border-radius: 8px;
}

.Shopping-Cart-num {
    font-size: 10px;
    color: #9b9b9f;
    font-weight: 500;
    margin-bottom: 2px;
    margin-top: 13px;
}

.Shopping-Cart-title {
    font-weight: 600;
    margin-bottom: 2px;
    font-size: 16px;
}

.remove-btn {
    color: #FA2525;
    border: 1px solid #FA2525;
    font-size: 12px;
    margin-top: 20px;
}

.remove-btn:hover {
    background-color: #dcdcdc3d;
    color: #858282;
    border-color: #cbcbcb;
}

.Shopping-Cart-sub-add-section {
    background-color: #F9F9FB;
    border: 1px solid #E7E8EC;
    justify-content: space-evenly;
    align-items: center;
    padding: 5px 0px 5px 0px;
    border-radius: 3px;
    width: 90px;
    height: 28px;
}

.Shopping-Cart-sub-add-section .add-input {
    background-color: transparent;
    border: none;
    width: 50px;
    font-size: 14px;
    text-align: center !important;
    margin-left: 10px;
}

.Shopping-Cart-sub-add-section .add-input:focus-visible {
    outline-offset: unset !important;
    border: none !important;
    outline: none;
}

.Shopping-Cart-sub-add-section p {
    padding-left: 9px;
    padding-right: 9px;
    margin-bottom: 0px;
}

.align-center {
    align-content: center;
}

.Shopping-Cart-price {
    font-size: 21px;
    color: #FABA25;
    font-weight: 700;
    text-align: center;
}

.shopping-cart-details {
    border: 1px solid #E7E8EC;
    padding: 10px 10px 10px 10px;
    border-radius: 5px;
}

.btn-cancel {
    background-color: #FFFFFF;
    color: #FABA25;
    border: 1px solid #FABA25;
    width: auto;
    height: auto;
    border-radius: 3px;
    font-size: 14px;
    padding: 10px 20px 10px 20px;
    margin-top: 5%;
}

.btn-cancel:hover {
    background-color: #E7E8EC;
}

.btn-continue {
    background-color: #FABA25;
    color: #FFFFFF;
    border: 1px solid #FABA25;
    width: auto;
    height: auto;
    border-radius: 3px;
    font-size: 14px;
    padding: 10px 20px 10px 20px;
    margin-bottom: 16px;
    float: inline-end;
    margin-right: 5px;
    margin-top: 5%;
}

.btn-continue:hover {
    background-color: #E7E8EC;
    color: black;
}

.btn-disabled {
    background-color: #E7E8EC !important;
    color: #00000057 !important;
    border: none !important;
    cursor: unset !important;
}

.shopping-cart-amount-details {
    border: 1px solid #E7E8EC;
    border-radius: 5px;
    padding: 20px 20px 17px 20px;
}

.shopping-cart-title2 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 6px;
}

.btn-apply {
    background-color: #373F50;
    color: white;
    font-size: 13px;
    margin-left: 9px;
}

.btn-apply:hover {
    background-color: #E7E8EC;
    color: black;
}

.amount-details {
    color: #80828D;
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 3px;
}

.amount-details-price {
    color: #80828D;
    font-size: 13px;
    float: inline-end;
    font-weight: 400;
    margin-bottom: 3px;
}

.line {
    border: 1px solid #efefef;
    margin: 9px 0px 16px 12px;
    width: 94%;
}

.amount-total {
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 0px;
}

.amount-total-price {
    font-weight: 700;
    font-size: 18px;
    float: inline-end;
    margin-bottom: 0px;
}

/***** Shopping-Cart-page ******/

/***** Order-Type-page ******/
.Order-Type .progress-bar-wrapper {
    width: 100%;
    background: #ffffff;
    margin: auto;
    padding: 20px;
    border-radius: 5px;
}

.Order-Type .progress-bar {
    overflow: hidden;
    text-align: center;
    list-style-type: none;
    flex-direction: row;
    padding-bottom: 5px;
}

.Order-Type .progress-bar li {
    float: left;
    font-size: 11px;
    line-height: 11px;
    width: 25%;
    position: relative;
    z-index: 1;
}

.Order-Type .progress-bar li:before {
    content: "";
    font-family: dreamspace;
    display: block;
    font-size: 10px;
    line-height: 24px;
    color: #d5dbdb;
    background: #ffffff;
    width: 24px;
    height: 25px;
    border-radius: 50%;
    margin: 0 auto 5px auto;
    border: 1px #e3e2e2 solid;
}

.Order-Type .progress-bar li:after {
    content: "";
    width: 100%;
    height: 2px;
    background: #e3e2e2;
    position: absolute;
    margin: auto;
    left: 50%;
    top: 13px;
    z-index: -1;
}

.Order-Type .progress-bar li:last-child:after {
    display: none;
}


/* SIGNUP PAGE 1 */

.Order-Type .signup-1 .progress-bar li:first-child:before {
    color: white;
    border-color: #FABA25;
    background-color: #FABA25;
}


/* SIGNUP PAGE 2 */

.Order-Type .signup-2 .progress-bar li:nth-child(2):before {
    color: #FABA25;
    border-color: #FABA25;
}

.Order-Type .signup-2 .progress-bar li:first-child:before {
    content: "H";
}

.Order-Type .signup-2 .progress-bar li:first-child:after {
    background: #FABA25;
}


/* SIGNUP PAGE 3 */

.Order-Type .signup-3 .progress-bar li:nth-child(3):before {
    color: #e3e2e2;
    border-color: #e3e2e2;
}

.Order-Type .signup-3 .progress-bar li:nth-child(2):before {
    content: "I";
}

.Order-Type .signup-3 .progress-bar li:nth-child(2):after {
    background: #FABA25;
}


/* SIGNUP PAGE 4 */

.Order-Type .signup-4 .progress-bar li:nth-child(4):before {
    color: #e3e2e2;
    border-color: #e3e2e2;
}

.Order-Type .signup-4 .progress-bar li:nth-child(3):before {
    content: "";
}

.Order-Type .signup-4 .progress-bar li:nth-child(3):after {
    background: #e3e2e2;
}

/* SIGNUP PAGE 5 */

.Shopping-Cart .signup-4 .progress-bar li:nth-child(5):before {
    color: #e3e2e2;
    border-color: #e3e2e2;
}

.Shopping-Cart .signup-4 .progress-bar li:nth-child(4):before {
    content: "";
}

.Shopping-Cart .signup-4 .progress-bar li:nth-child(4):after {
    background: #e3e2e2;
}

/* SIGNUP PAGE 6 */

.Shopping-Cart .signup-4 .progress-bar li:nth-child(6):before {
    color: #e3e2e2;
    border-color: #e3e2e2;
}

.Shopping-Cart .signup-4 .progress-bar li:nth-child(5):before {
    content: "";
}

.Shopping-Cart .signup-4 .progress-bar li:nth-child(5):after {
    background: #e3e2e2;
}

.Order-Type-payment {
    border: 1px solid #E7E8EC;
    padding: 25px 20px 45px 20px;
    border-radius: 5px;
}

.Order-Type-title {
    font-size: 18px;
    font-weight: 700;
}

.payment-type {
    border: 1px solid #E7E8EC;
    border-radius: 5px;
    padding: 20px 20px 20px 20px;
    cursor: pointer;
}

.payment-type p {
    margin-bottom: 0px;
    font-size: 17px;
    font-weight: 600;
}

.payment-type p i {
    font-size: 24px;
    margin-right: 5px;
}

.payment-type:focus {
    background-color: #FFFAE9;
    border-color: #FABA25;
}

.payment-type:focus .bi-record-circle-fill {
    color: #FABA25
}

.payment-type .bi-record-circle-fill {
    float: inline-end;
    margin-top: 6px;
    color: gainsboro;
}

/***** Order-Type-page ******/

/***** Shipping-Info-page ******/

.Shipping-Info .progress-bar-wrapper {
    width: 100%;
    background: #ffffff;
    margin: auto;
    padding: 20px;
    border-radius: 5px;
}

.Shipping-Info .progress-bar {
    overflow: hidden;
    text-align: center;
    list-style-type: none;
    flex-direction: row;
    padding-bottom: 5px;
}

.Shipping-Info .progress-bar li {
    float: left;
    font-size: 11px;
    line-height: 11px;
    width: 25%;
    position: relative;
    z-index: 1;
}

.Shipping-Info .progress-bar li:before {
    content: "";
    font-family: dreamspace;
    display: block;
    font-size: 10px;
    line-height: 24px;
    color: #d5dbdb;
    background: #ffffff;
    width: 24px;
    height: 25px;
    border-radius: 50%;
    margin: 0 auto 5px auto;
    border: 1px #e3e2e2 solid;
}

.Shipping-Info .progress-bar li:after {
    content: "";
    width: 100%;
    height: 2px;
    background: #e3e2e2;
    position: absolute;
    margin: auto;
    left: 50%;
    top: 13px;
    z-index: -1;
}

.Shipping-Info .progress-bar li:last-child:after {
    display: none;
}


/* SIGNUP PAGE 1 */

.Shipping-Info .signup-1 .progress-bar li:first-child:before {
    color: white;
    border-color: #FABA25;
    background-color: #FABA25;
}


/* SIGNUP PAGE 2 */

.Shipping-Info .signup-2 .progress-bar li:nth-child(2):before {
    background-color: #FABA25;
    color: white;
    border-color: #FABA25;
}

.Shipping-Info .signup-2 .progress-bar li:first-child:before {
    content: "H";
}

.Shipping-Info .signup-2 .progress-bar li:first-child:after {
    background: #FABA25;
}


/* SIGNUP PAGE 3 */

.Shipping-Info .signup-3 .progress-bar li:nth-child(3):before {
    color: #FABA25;
    border-color: #FABA25;
}

.Shipping-Info .signup-3 .progress-bar li:nth-child(2):before {
    content: "H";
}

.Shipping-Info .signup-3 .progress-bar li:nth-child(2):after {
    background: #FABA25;
}


/* SIGNUP PAGE 4 */

.Shipping-Info .signup-4 .progress-bar li:nth-child(4):before {
    color: #e3e2e2;
    border-color: #e3e2e2;
}

.Shipping-Info .signup-4 .progress-bar li:nth-child(3):before {
    content: "I";
}

.Shipping-Info .signup-4 .progress-bar li:nth-child(3):after {
    background: #e3e2e2;
}

/* SIGNUP PAGE 5 */

.Shopping-Cart .signup-4 .progress-bar li:nth-child(5):before {
    color: #e3e2e2;
    border-color: #e3e2e2;
}

.Shopping-Cart .signup-4 .progress-bar li:nth-child(4):before {
    content: "";
}

.Shopping-Cart .signup-4 .progress-bar li:nth-child(4):after {
    background: #e3e2e2;
}

/* SIGNUP PAGE 6 */

.Shopping-Cart .signup-4 .progress-bar li:nth-child(6):before {
    color: #e3e2e2;
    border-color: #e3e2e2;
}

.Shopping-Cart .signup-4 .progress-bar li:nth-child(5):before {
    content: "";
}

.Shopping-Cart .signup-4 .progress-bar li:nth-child(5):after {
    background: #e3e2e2;
}

.Shipping-Info-payment .nav-pills .nav-link.active,
.Shipping-Info-payment .nav-pills .show > .Shipping-Info-payment .nav-link {
    color: black !important;
    background-color: #FFFAE9 !important;
    border-color: #FABA25 !important;
}

.Shipping-Info-payment .nav-pills .nav-link.active .bi-record-circle-fill,
.Shipping-Info-payment .nav-pills .show > .Shipping-Info-payment .nav-link {
    color: #FABA25 !important;

}

.Shipping-Info-payment .nav-link:focus,
.Shipping-Info-payment .nav-link:hover {
    color: black;
}

.choose-address {
    font-weight: 500;
    font-size: 18px;
}

.add-address {
    background-color: #373F50;
    color: white;
    font-size: 13px;
    padding: 6px 17px 6px 17px;
    float: inline-end;
}

.add-address:hover {
    background-color: #E7E8EC;
    color: black;
}

.address-type {
    border: 1px solid #E7E8EC;
    border-radius: 5px;
    padding: 20px;
    cursor: pointer;
}

.tab-title {
    font-size: 17px;
    font-weight: 600;
    border-bottom: 1px solid #E7E8EC;
    padding-bottom: 11px;
}

.tab-title i {
    font-size: 21px;
}

.tab-title .bi-record-circle-fill {
    color: gainsboro;
    float: inline-end;
    font-size: 16px;
    margin-top: 5px;
}

.address-type-title {
    font-size: 15px;
    font-weight: 600;
    color: #1E1F24;
    margin-bottom: 1px;
}

.address-type-desc {
    font-size: 12px;
    color: #80828D;
}

.btn-edit-address {
    float: inline-end;
    color: #373F50;
    border: 1px solid #373F50;
    font-size: 14px;
    background-color: #FFFFFF;
}

.btn-edit-address:hover {
    background-color: #E7E8EC;
    color: black;
}

.maps-icon {
    background-color: #e9e9eb8a;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    font-size: 29px;
    align-content: center;
    text-align: center;
}

.checkout-btn {
    background-color: #FABA25;
    color: #FFFFFF;
    border: 1px solid #FABA25;
    width: 100%;
    height: auto;
    border-radius: 3px;
    font-size: 14px;
    padding: 10px 20px 10px 20px;
    margin-top: 5%;
    margin-right: 13px;
}

.checkout-btn:hover {
    background-color: #E7E8EC;
    color: black;
}

.canceled-btn {
    background-color: #FFFFFF;
    color: #373F50;
    border: 1px solid #373F50;
    width: 100%;
    height: auto;
    border-radius: 3px;
    font-size: 14px;
    padding: 10px 20px 10px 20px;
    margin-top: 5%;
    height: fit-content;
    margin-left: 13px;
}

.canceled-btn:hover {
    background-color: #E7E8EC;
    color: black;
}

.address-modal {
    padding: 20px;
}

.address-modal label {
    color: #1E1F24;
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: 500;
}

/***** Shipping-Info-page ******/

/***** Checkout-page ******/
.confirmation-section {
    text-align: center;
    margin-left: 25%;
    margin-right: 25%;
}

.confirmation-section i {
    color: #42D697;
    font-size: 120px;
}

.confirmation-section-title {
    font-size: 24px;
    font-weight: 800;
    color: #1E1F24;
}

.confirmation-section-desc {
    font-size: 15px;
    color: #80828D;
}

.btn-back-home {
    background-color: #373F50;
    color: white;
    font-size: 14px;
    width: 100%;
    padding: 10px;
}

.btn-back-home:hover {
    background-color: #E7E8EC;
    color: black;
}

.save-address {
    background-color: #FABA25;
    border: 1px solid #FABA25;
}

.save-address:hover {
    background-color: #E7E8EC;
    color: black;
    border-color: transparent;
}

/***** Checkout-page ******/
.sign-up-section {
    margin: 3% 25% 3% 25%;
}

.sign-up-title {
    text-align: center;
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 10px;
}

.sign-up-subtitle {
    text-align: center;
    font-size: 14px;
    color: #80828D;
}

.sign-up-tabs {
    display: ruby-text;
}

.admin-tabs {
    background-color: #e7e8ec45;
    font-size: 14px;
    color: white;
    border: 1px solid #E7E8EC;
    border-radius: 5px;
    padding: 2px;
    width: max-content;
}

.btn-individual {
    margin-right: 15px;
}

.admin-tabs .active {
    background-color: #FABA25;
    font-size: 14px;
    color: white;
    border: 1px solid #FABA25;
    border-radius: 3px;
    padding: 8px 32px 8px 32px;
}

.btn-Commercial {
    background-color: transparent;
    color: #80828D;
    border: 1px solid transparent;
    border-radius: 3px;
    font-size: 14px;
    padding: 8px 32px 8px 32px;
}

.col-lg-6 label.error {
    color: #ff000099 !important;
    font-size: 11px;
    text-transform: capitalize;
    font-weight: 500;
}

.sign-up-section label {
    font-size: 14px;
    margin-bottom: -13px;
}

.add-new-address {
    width: 100%;
    background-color: #FABA25;
    border: 1px solid #FABA25;
    border-radius: 4px;
    color: white;
    font-size: 14px;
    padding: 10px 10px 10px 10px;
}

.ques-login {
    color: #80828D;
    font-size: 13px;
}

.Login-sign-up {
    margin-left: 4px;
    font-size: 13px;
    color: #FABA25;
}

.sign-up-btn {
    background-color: #FABA25;
    border: 1px solid #FABA25;
    border-radius: 4px;
    color: white;
    font-size: 14px;
    padding: 10px 45px 10px 45px;
    float: inline-end;
}

.favorite-icon-spare {
    float: inline-end;
}

.favorite-icon .sr-only {
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.favorite-icon .sr-only2 {
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

fieldset {
    border: none;
    text-align: end;
}

.quote-part1 .favorite-icon label,
.quote-part1 .favorite-icon button {
    background-color: transparent;
    color: gainsboro;
    display: inline-block;
    font-size: 29px;
    height: 4rem;
    position: relative;
    width: 4rem;
    cursor: pointer;
}

.favorite-icon label,
.favorite-icon button {
    background-color: transparent;
    color: gainsboro;
    display: inline-block;
    font-size: 35px;
    height: 4rem;
    position: relative;
    width: 4rem;
    cursor: pointer;
}

.like,
.like:focus,
#like:focus,
#like2,
#like2:focus,
#like3,
#like3:focus,
#like4,
#like4:focus,
#like5,
#like5:focus,
#like6,
#like6:focus,
#like7,
#like7:focus,
#like8,
#like8:focus,
#like9,
#like9:focus,
#like10,
#like10:focus,
#like11,
#like11:focus,
#like12,
#like12:focus,
#like13,
#like13:focus,
#like14,
#like14:focus,
#like15,
#like15:focus,
#like16,
#like16:focus,
#like17,
#like17:focus,
#like18,
#like18:focus,
#like19,
#like19:focus {
    outline: none !important;
    border: none !important;
    box-shadow: none !important;
}


#like2[aria-pressed="true"],
.like:checked + label,
#like:checked + label {
    color: red;
}

#like3[aria-pressed="true"],
#like3:checked + label {
    color: red;
}

#like4[aria-pressed="true"],
#like4:checked + label {
    color: red;
}

#like5[aria-pressed="true"],
#like5:checked + label {
    color: red;
}

#like6[aria-pressed="true"],
#like6:checked + label {
    color: red;
}

#like7[aria-pressed="true"],
#like7:checked + label {
    color: red;
}

#like8[aria-pressed="true"],
#like8:checked + label {
    color: red;
}

#like9[aria-pressed="true"],
#like9:checked + label {
    color: red;
}

#like10[aria-pressed="true"],
#like10:checked + label {
    color: red;
}

#like11[aria-pressed="true"],
#like11:checked + label {
    color: red;
}

#like12[aria-pressed="true"],
#like12:checked + label {
    color: red;
}

#like13[aria-pressed="true"],
#like13:checked + label {
    color: red;
}

#like14[aria-pressed="true"],
#like14:checked + label {
    color: red;
}

#like15[aria-pressed="true"],
#like15:checked + label {
    color: red;
}

#like16[aria-pressed="true"],
#like16:checked + label {
    color: red;
}

#like17[aria-pressed="true"],
#like17:checked + label {
    color: red;
}

#like18[aria-pressed="true"],
#like18:checked + label {
    color: red;
}

#like19[aria-pressed="true"],
#like19:checked + label {
    color: red;
}

.modal-content .btn-secondary,
.modal-content .btn-primary {
    font-size: 13px !important;
}

.hide {
    display: none;
}

.modal-content {
    z-index: 1050;
    position: relative;
}

.modal-backdrop {
    opacity: 0.8;
    /* You can adjust this value or set it to 1 for no transparency */
    background-color: #000;
    /* Ensure it's fully opaque */
    z-index: 1040;
}

.item-overlay {
    z-index: 1;
}

.radio-label {
    align-content: center;
    margin-left: 8px;
    margin-right: 8px;
    margin-top: 10px;
}

.radio-left {
    margin-left: 6%;
}

.logout-btn {
    margin-left: 3px;
    align-content: center;
}

.logout-img {
    border: none !important;
    width: 35px !important;
    height: 35px !important;
}

.spare-tabs {
    float: inline-end;
}

.trucks-btn {
    white-space: nowrap;
    padding: 5px 10px 5px 12px;
    background-color: #dcdcdc75;
    border-radius: 2px;
    height: fit-content;
    margin-left: 1%;
    font-size: 13px;
    margin-top: 4px;
    font-weight: 500;
    color: gray;
    border: none !important;
}

.trucks-btn:hover,
.trucks-btn:focus,
.trucks-btn:active,
.trucks-btn:focus-within {
    color: #545454 !important;
    background-color: #ffd33b75 !important;
    box-shadow: rgba(0, 0, 0, 0.14) 0px 3px 8px;
    font-weight: 500;
    border: none !important;
}

.spare-grid-img {
    height: 172px !important;
    background-color: #dcdcdc40 !important;
    text-align: center;
}

.spare-grid-img img {
    width: auto;
    height: -webkit-fill-available;
    border-top-left-radius: 9px;
    border-bottom-left-radius: 9px;
}

.card-quots-part1 img {
    border-top-left-radius: 9px !important;
    border-top-right-radius: 9px !important;
    border-bottom-left-radius: 0px !important;
}

.card-quots-part2 .quote-title {
    margin-left: 8px !important;
}

.card-quots-part2 .quote-card-details {
    margin-right: 0px !important;
    margin-left: 0.3% !important;
}

.card-quots-part2 .quote-price {
    margin-left: 7px !important;
}

.navbar .dropdown-item.active,
.navbar .dropdown-item:active {
    background-color: transparent !important;
    color: #FABA25 !important;
}

.cart-menu {
    margin-left: -254px;
    width: 313px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.notification-cart-menu {
    margin-left: -256px;
    width: 313px;
    padding-top: 0px;
    padding-bottom: 0px;
}

.item-menu {
    border-bottom: 1px solid gainsboro;
    margin: 4px 10px 4px 10px;
    padding-bottom: 9px;
}

.item-img {
    width: -webkit-fill-available;
    border-radius: 4px;
}

.item-title {
    font-size: 10px;
    font-weight: 600;
    margin-bottom: 0px;
    margin-top: 8px;
}

.item-quantity {
    font-size: 10px;
    font-weight: 500;
    color: #8080808a;
    margin-bottom: 5px;
}

.item-price {
    font-size: 10px;
    font-weight: 500;
    color: #FABA25;
    margin-bottom: 0px;
}

.remove-item {
    background-color: transparent;
    border: none;
    margin-top: 5px;
}

.remove-item i {
    font-size: 18px;
    color: #bfbebe;
}

.notification-menu-header {
    background-color: white;
    padding: 12px 13px 12px 15px;
    border-bottom: 1px solid #efefef;
    border-radius: 5px;
}

.notification-menu-header p {
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 0px;
}

.menu-header {
    background-color: white;
    padding: 11px 13px 11px 15px;
    border-bottom: 1px solid #efefef;
    border-radius: 5px;
}

.menu-header-part1 {
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 0px;
}

.menu-header-part2 {
    font-size: 11px;
    font-weight: 600;
    float: inline-end;
    margin-bottom: 0px;
}

.menu-header-part2 span {
    color: #FABA25
}

.menu-footer {
    background-color: #f3f3f3c9;
    padding: 8px 13px 8px 15px;
    border-top: 1px solid #efefef;
    text-align: center;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.all-item {
}

.all-cart-btn:hover {
    background-color: transparent !important;
    color: black !important;
}

.admin-menu {
    margin-left: -214px;
    width: 270px;
    margin-top: 51px;
}

.profile-menu {
    padding: 15px 15px 0px 15px;
}

.profile-menu-part1 {
    border-bottom: 1px solid #dcdcdc94;
    padding-bottom: 10px;
}

.profile-menu-part1 img {
    width: -webkit-fill-available;
    border-radius: 9px;
}

.profile-menu-part2 {
    border-bottom: 1px solid #dcdcdc94;
    padding: 10px 2px 10px 2px;
}

.profile-menu-btn:hover {
    background-color: transparent !important;
    color: #FABA25 !important;
}

.profile-menu-btn {
    font-size: 13px !important;
}

.profile-menu-part3 {
    padding: 10px 2px 10px 2px;
}

.aval-stock {
    text-align: -webkit-center;
}

.aval-stock .card-stock-avai {
    width: fit-content;
}

.aval-stock .card-stock-out {
    width: fit-content;
}

.delivery-option {
    background-color: #f3f3f569;
    width: fit-content;
    padding: 11px 15px 11px 15px;
    border: 1px solid #E7E8EC;
    margin-top: 2%;
    border-radius: 5px;
    cursor: pointer;
    margin-right: 12px;
}

.delivery-option-part1 {
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 7px;
}

.delivery-option-part1 i {
    color: #d7d7d7;
    margin-right: 4px;
}

.delivery-option-part2 {
    font-size: 10px;
    margin-bottom: 0px;
    color: gray;
}

.delivery-option-part2 span {
    color: #f1b824;
    margin-left: 4px;
}

.selected-div {
    background-color: #FFFAE9 !important;
    border-color: #FABA25 !important;
}

.selected-div i {
    color: #FABA25;
}

.btn-download {
    border: none;
    background-color: transparent;
    margin-top: 3%;
    font-size: 15px;
    font-weight: 500;
}

.btn-download:hover {
    border: none;
    background-color: transparent;
}

.quick-order-page .form-container {
    /* width: 100vw; */
    /* height: 100vh; */
    /* background-color: #7b2cbf; */
    display: flex;
    justify-content: center;
    align-items: center;
}

.quick-order-page .upload-files-container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: -webkit-fill-available;
}

.quick-order-page .drag-file-area {
    border: 2px dashed #E7E8EC;
    border-radius: 6px;
    margin: 12.5% 18% 14px 13%;
    padding: 25px 21px;
    width: 100%;
    text-align: center;
}

.quick-order-page .drag-file-area .upload-icon {
    font-size: 50px;
}

.quick-order-page .drag-file-area h3 {
    font-size: 15px;
    margin: 12px 0;
    font-weight: 500;
}

.quick-order-page .drag-file-area label {
    font-size: 14px;
}

.quick-order-page .drag-file-area label .browse-files-text {
    color: #80828D;
    cursor: pointer;
    font-weight: 300;
    border: 1px solid #b7b8bd;
    padding: 7px 12px 7px 12px;
    border-radius: 6px;
}

.quick-order-page .browse-files span {
    position: relative;
    top: -12px;
}

.quick-order-page .default-file-input {
    opacity: 0;
}

.quick-order-page .cannot-upload-message {
    background-color: #ffc6c4;
    font-size: 17px;
    display: flex;
    align-items: center;
    margin: 5px 0;
    padding: 5px 10px 5px 30px;
    border-radius: 5px;
    color: #BB0000;
    display: none;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.quick-order-page .cannot-upload-message span,
.quick-order-page .upload-button-icon {
    padding-right: 10px;
}

.quick-order-page .cannot-upload-message span:last-child {
    padding-left: 20px;
    cursor: pointer;
}

.quick-order-page .file-block {
    background-color: #f3f3f569;
    color: #a1a1a1;
    transition: all 1s;
    width: 390px;
    position: relative;
    display: none;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 0px 0 9px;
    padding: 5px 29px;
    border-radius: 10px;
    cursor: pointer;
    border: 1px solid #E7E8EC;
    font-weight: 300;
}

.quick-order-page .file-info {
    display: flex;
    align-items: center;
    font-size: 15px;
}

.quick-order-page .file-icon {
    margin-right: 10px;
}

.quick-order-page .file-name,
.quick-order-page .file-size {
    padding: 0 3px;
}

.quick-order-page .remove-file-icon {
    cursor: pointer;
}

.quick-order-page .progress-bar {
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0%;
    height: 5px;
    border-radius: 25px;
    background-color: #4BB543;
}

.quick-order-page .upload-button {
    margin-top: 1px;
}

.quick-order-page .material-icons-outlined img {
    width: 40px;
}

.quick-order-page .span-upload {
    font-size: 11px;
    color: #80828D;
}

.quick-order-page .remove-file-icon {
    color: #FABA25;
}

.quick-order-page .upload-comment {
    color: #80828D;
    font-size: 11px;
}

.quick-order-page .example-upload {
    border: 1px solid #E7E8EC;
    border-radius: 5px;
    padding: 15px 10px 15px 10px;
    margin-top: 6%;
}

.quick-order-page .example-upload-part1 {
    border-bottom: 1px solid #E7E8EC;
    margin-bottom: 11px;
    text-align: center;
}

.example-upload-title {
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 9px;
}

.file-icon {
    margin-right: 10px;
}

.download-icon {
    margin-left: 21px;
    width: 13px;
    margin-top: -3px;
}

.upload-file-example {
    border: 1px solid #E7E8EC;
    border-radius: 5px;
    height: fit-content;
    padding: 10px 15px 10px 15px;
    text-align: center;
}

.upload-file-example p {
    font-size: 11px;
    margin-bottom: 0px;
    color: #80828D;
}

.example-r {
    margin-right: 10px;
}

.upload-signed {
    align-content: center;
    margin-left: 10px;
}

.upload-signed-part1 {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 4px;
}

.upload-signed-part2 {
    font-size: 14px;
    color: #80828D;
    margin-bottom: 0px;
}

.export-cart {
    border: 1px solid gainsboro;
    padding: 10px 10px 10px 10px;
    border-radius: 5px;
    align-content: center;
    margin-top: 3%;
}

.export-cart-file-img {
    background-color: #FFFAE9;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    align-content: center;
    text-align: center;
    margin-right: 10px;
}

.export-cart-file-img img {
    width: 16px;
}

.export-cart-text {
    font-size: 12px;
    color: #80828D;
    margin-right: 23px;
    margin-bottom: 0px;
    align-self: center;
}

.export-cart-down-img {
    width: 15px;
    height: 16px;
    align-self: center;
}

.export-cart-upload .form-container {
    /* width: 100vw; */
    /* height: 100vh; */
    /* background-color: #7b2cbf; */
    display: flex;
    justify-content: center;
    align-items: center;
}

.export-cart-upload .upload-files-container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: -webkit-fill-available;
}

.export-cart-upload .drag-file-area {
    border: 2px dashed #E7E8EC;
    border-radius: 6px;
    margin: 0.5% 13% 14px 13%;
    padding: 25px 21px;
    width: 100%;
    text-align: center;
}

.export-cart-upload .drag-file-area .upload-icon {
    font-size: 50px;
}

.export-cart-upload .drag-file-area h3 {
    font-size: 15px;
    margin: 12px 0;
    font-weight: 500;
}

.export-cart-upload .drag-file-area label {
    font-size: 14px;
    width: min-content;
}

.export-cart-upload .drag-file-area label .browse-files-text {
    color: #80828D;
    cursor: pointer;
    font-weight: 300;
    border: 1px solid #b7b8bd;
    padding: 7px 12px 7px 12px;
    border-radius: 6px;
}

.export-cart-upload .browse-files span {
    position: relative;
    top: -12px;
}

.export-cart-upload .default-file-input {
    opacity: 0;
}

.export-cart-upload .cannot-upload-message {
    background-color: #ffc6c4;
    font-size: 17px;
    display: flex;
    align-items: center;
    margin: 5px 0;
    padding: 5px 10px 5px 30px;
    border-radius: 5px;
    color: #BB0000;
    display: none;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.export-cart-upload .cannot-upload-message span,
.export-cart-upload .upload-button-icon {
    padding-right: 10px;
}

.export-cart-upload .cannot-upload-message span:last-child {
    padding-left: 20px;
    cursor: pointer;
}

.export-cart-upload .file-block {
    background-color: #f3f3f569;
    color: #a1a1a1;
    transition: all 1s;
    width: 390px;
    position: relative;
    display: none;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 0px 0 9px;
    padding: 5px 29px;
    border-radius: 10px;
    cursor: pointer;
    border: 1px solid #E7E8EC;
    font-weight: 300;
}

.export-cart-upload .file-info {
    display: flex;
    align-items: center;
    font-size: 15px;
}

.export-cart-upload .file-icon {
    margin-right: 10px;
}

.export-cart-upload .file-name,
.export-cart-upload .file-size {
    padding: 0 3px;
}

.export-cart-upload .remove-file-icon {
    cursor: pointer;
}

.export-cart-upload .progress-bar {
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0;
    height: 5px;
    border-radius: 25px;
    background-color: #4BB543;
}

.export-cart-upload .upload-button {
    margin-top: 1px;
}

.export-cart-upload .material-icons-outlined img {
    width: 40px;
}

.export-cart-upload .span-upload {
    font-size: 11px;
    color: #80828D;
}

.export-cart-upload .remove-file-icon {
    color: #FABA25;
}

.menu-title {
    padding: 8px 6px 4px 15px;
}

.menu-title p {
    font-size: 11px;
    font-weight: 600;
    margin-bottom: 0px;
}

.payment-methods {
    border: 1px solid #E7E8EC;
    padding: 24px 6px 24px 37px;
    border-radius: 5px;
}

.payment-method-img {
    width: 106px;
    margin-right: 8px;
    margin-left: 10px;
}

.payment-methods .form-check-label {
    font-size: 16px;
    font-weight: 600;
    margin-top: -1px;
}

/***** Service-page ******/
.service-cover {
    background-color: #373F50;
}

.overlay-img-cover {
    width: 92%;
    margin-top: 3%;
}

.service-sections {
    padding: 12% 17% 2% 11.7%;
}

.service-cover-title {
    line-height: 38px;
    font-weight: 700;
    color: white;
    font-size: 21px;
}

.service-cover-title span {
    color: #FABA25
}

.service-cover-parg {
    color: #E7E8EC;
    font-weight: 200;
    font-size: 12px;
    line-height: 22px;
}

.service-sections-vin {
    margin-top: 11%;;
    margin-bottom: 9%;
}

.service-sections-vin label {
    color: #FABA25;
    margin-bottom: 8px;
    font-size: 15px;
    font-weight: 300;
}

.service-sections-vin .btn {
    background-color: #FABA25;
    margin-left: 1%;
    align-self: end;
    padding: 7px 13px 7px 13px;
    color: white;
    font-weight: 300;
}

.service-sections-vin-input {
    width: 72%;
}

.service-appointment {
    text-align: center;
    padding-top: 4%;
}

.service-appointment-title {
    font-size: 34px;
    margin-bottom: 5%;
}

.service-appointment-title span {
    font-weight: 700;
}

.service-appointment-part1 {
    padding: 0% 12% 0% 12%;
}

.choose-service {
    border: 1px solid #e7e6e6b5;
    border-radius: 5px;
    padding: 15px 38px 27px 38px;
    text-align: start;
    height: 265px;
}

.choose-service-item {
    display: flow-root;
    margin-bottom: 32px;
}

.choose-service-item img {
    float: inline-start;
    margin-top: 32px;
}

.choose-service-item p {
    float: inline-end;
    color: #FABA25;
    font-size: 37px;
    font-weight: 600;
}

.service-appointment-part2 {
    background-color: #F9F9FB;
    margin-top: 6%;
    padding: 6% 8% 8% 8%;
}

.book-service-title {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 5%;
}

.book-desc {
    padding: 25px 30px 25px 30px;
}

.book-service-part1-title {
    font-size: 18px;
    font-weight: 700;
}

.book-service-part1-desc {
    color: #80828D;
    font-size: 12px;
}

.choose-service-desc {
    display: inline-block;
    font-size: 17px;
    color: #80828D;
    font-weight: 600;
}

.book-service .card {
    border: 1px solid #e7e8ecd1;
    box-shadow: rgb(99 99 99 / 10%) 0px 2px 8px 0px !important;
    height: 100%;
}

.book-service-part1 img {
    border-start-start-radius: 7px;
    border-start-end-radius: 7px;
    height: 302px;
}
.subscribe-section img{
    width: 100%;
}

/***** Service-page ******/
#load {
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(../images/Spinner@1x-1.0s-200px-200px.gif) no-repeat center center rgb(255, 255, 255);
    background-size: 110px;
    /* transition: 0.9s; */
    position: relative;
}

.loading p {
    text-align: center;
    font-size: 17px;
    font-weight: 600;
    background-color: transparent;
    padding-top: 13%;
    margin-top: -12px;
}

.credit-purchase-title {
    margin-top: -14%;
    font-size: 20px;
    font-weight: 600;
    z-index: 1;
    position: relative;
}

.credit-purchase-title img {
    width: 55px;
    margin-right: 11px;
}

.crd-card-img {
    width: 80px
}

.crd-card-title {
    font-size: 16px;
    font-weight: 600;
}

.example-crd {
    width: 50%;
    margin-top: -11%;
    margin-bottom: -4%;
}

.payment-method-sections {
    background-color: #f3f3f56e;
    width: 350px;
    padding: 11px 15px 11px 26px;
    margin-top: 2%;
    border-radius: 9px;
    cursor: pointer;
    margin-right: 12px;
    height: 71px;
    align-content: center;
    box-shadow: rgb(99 99 99 / 18%) 1px 2px 13px 1px;
    margin-left: 15%;
}

/***** recall-camping-page ******/
.recall-camping {
    padding: 2% 35% 3% 35%;
}

.recall-camping-section {
    border: 1px solid #E7E8EC;
    border-radius: 6px;
    padding: 25px;
}

.recall-camping-title {
    font-size: 25px;
    font-weight: 600;
    margin-top: 6%;
}

.recall-camping-desc {
    color: #80828dd4;
    font-size: 13.5px;
    margin-bottom: 11%;
}

.recall-camping-section label {
    margin-bottom: 10px;
    font-size: 17px;
    font-weight: 500;
    color: #1E1F24;
}

.btn-submit {
    background-color: #FABA25;
    width: 100%;
    margin-top: 7%;
    color: white;
    padding: 10px;
    border: none !important;
    font-size: 14px;
}

.btn-submit:hover {
    background-color: #faba25c4;
    color: white;
}

.btn-submit:active {
    background-color: #faba25c4 !important;
    color: white !important;
}

.back-section {
    margin: 2% 2% 2% 2%;
}

.back-section .back-btn {
    background-color: transparent;
    border: none;
    float: inline-start;
    font-weight: 600;
    color: black;
}

.back-section .back-btn:hover {
    color: #FABA25;
}

.recall-camping-progress-bar {
    margin: 0px 15% 0px 15%;
}

.recall-camping-progress-bar .progress-bar-wrapper {
    width: 100%;
    background: #ffffff;
    margin: auto;
    padding: 20px;
    border-radius: 5px;
}

.recall-camping-progress-bar .progress-bar {
    overflow: hidden;
    text-align: center;
    list-style-type: none;
    flex-direction: row;
    padding-bottom: 5px;
}

.recall-camping-progress-bar .progress-bar li {
    float: left;
    font-size: 9.7px;
    line-height: 11px;
    width: 25%;
    position: relative;
    z-index: 1;
    color: #80828D;
    font-weight: 400;
}

.recall-camping-progress-bar .progress-bar li:before {
    content: "";
    font-family: dreamspace;
    display: block;
    font-size: 10px;
    line-height: 25px;
    color: #d5dbdb;
    background: #ffffff;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    margin: 0 auto 5px auto;
    border: 1px #e3e2e2 solid;
}

.recall-camping-progress-bar .progress-bar li:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #e3e2e2;
    position: absolute;
    margin: auto;
    left: 50%;
    top: 13px;
    z-index: -1;
}

.recall-camping-progress-bar .progress-bar li:last-child:after {
    display: none;
}


/* SIGNUP PAGE 1 */

.recall-camping-progress-bar .signup-1 .progress-bar li:first-child:before {
    color: white;
    border-color: #FABA25;
    background-color: #FABA25;
}


/* SIGNUP PAGE 2 */

.recall-camping-progress-bar .signup-2 .progress-bar li:nth-child(2):before {
    color: white;
    border-color: #e3e2e2;
}

.recall-camping-progress-bar .signup-2 .progress-bar li:first-child:before {
    content: "I";
}

.recall-camping-progress-bar .signup-2 .progress-bar li:first-child:after {
    background: #FABA25;
}


/* SIGNUP PAGE 3 */

.recall-camping-progress-bar .signup-3 .progress-bar li:nth-child(3):before {
    color: #e3e2e2;
    border-color: #e3e2e2;
}

.recall-camping-progress-bar .signup-3 .progress-bar li:nth-child(2):before {
    content: "";
}

.recall-camping-progress-bar .signup-3 .progress-bar li:nth-child(2):after {
    background: #e3e2e2;
}


/* SIGNUP PAGE 4 */

.recall-camping-progress-bar .signup-4 .progress-bar li:nth-child(4):before {
    color: #e3e2e2;
    border-color: #e3e2e2;
}

.recall-camping-progress-bar .signup-4 .progress-bar li:nth-child(3):before {
    content: "";
}

.recall-camping-progress-bar .signup-4 .progress-bar li:nth-child(3):after {
    background: #e3e2e2;
}

/* SIGNUP PAGE 5 */

.recall-camping-progress-bar .signup-4 .progress-bar li:nth-child(5):before {
    color: #e3e2e2;
    border-color: #e3e2e2;
}

.recall-camping-progress-bar .signup-4 .progress-bar li:nth-child(4):before {
    content: "";
}

.recall-camping-progress-bar .signup-4 .progress-bar li:nth-child(4):after {
    background: #e3e2e2;
}

/* SIGNUP PAGE 6 */

.recall-camping-progress-bar .signup-4 .progress-bar li:nth-child(6):before {
    color: #e3e2e2;
    border-color: #e3e2e2;
}

.recall-camping-progress-bar .signup-4 .progress-bar li:nth-child(5):before {
    content: "";
}

.recall-camping-progress-bar .signup-4 .progress-bar li:nth-child(5):after {
    background: #e3e2e2;
}

/***** recall-camping-page ******/
/***** recall-camping-book-service-page ******/
.recall-camping-book-service-progress-bar {
    margin: 0px 15% 0px 15%;
}

.recall-camping-book-service-progress-bar .progress-bar-wrapper {
    width: 100%;
    background: #ffffff;
    margin: auto;
    padding: 20px;
    border-radius: 5px;
}

.recall-camping-book-service-progress-bar .progress-bar {
    overflow: hidden;
    text-align: center;
    list-style-type: none;
    flex-direction: row;
    padding-bottom: 5px;
}

.recall-camping-book-service-progress-bar .progress-bar li {
    float: left;
    font-size: 9.7px;
    line-height: 11px;
    width: 25%;
    position: relative;
    z-index: 1;
    color: #80828D;
    font-weight: 400;
}

.recall-camping-book-service-progress-bar .progress-bar li:before {
    content: "";
    font-family: dreamspace;
    display: block;
    font-size: 10px;
    line-height: 25px;
    color: #d5dbdb;
    background: #ffffff;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    margin: 0 auto 5px auto;
    border: 1px #e3e2e2 solid;
}

.recall-camping-book-service-progress-bar .progress-bar li:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #e3e2e2;
    position: absolute;
    margin: auto;
    left: 50%;
    top: 13px;
    z-index: -1;
}

.recall-camping-book-service-progress-bar .progress-bar li:last-child:after {
    display: none;
}


/* SIGNUP PAGE 1 */

.recall-camping-book-service-progress-bar .signup-1 .progress-bar li:first-child:before {
    color: white;
    border-color: #FABA25;
    background-color: #FABA25;
}


/* SIGNUP PAGE 2 */

.recall-camping-book-service-progress-bar .signup-2 .progress-bar li:nth-child(2):before {
    color: white;
    border-color: #FABA25;
    background-color: #FABA25;
}

.recall-camping-book-service-progress-bar .signup-2 .progress-bar li:first-child:before {
    content: "H";
}

.recall-camping-book-service-progress-bar .signup-2 .progress-bar li:first-child:after {
    background: #FABA25;
}


/* SIGNUP PAGE 3 */

.recall-camping-book-service-progress-bar .signup-3 .progress-bar li:nth-child(3):before {
    color: #e3e2e2;
    border-color: #e3e2e2;
}

.recall-camping-book-service-progress-bar .signup-3 .progress-bar li:nth-child(2):before {
    content: "I";
}

.recall-camping-book-service-progress-bar .signup-3 .progress-bar li:nth-child(2):after {
    background: #FABA25;
}


/* SIGNUP PAGE 4 */

.recall-camping-book-service-progress-bar .signup-4 .progress-bar li:nth-child(4):before {
    color: #e3e2e2;
    border-color: #e3e2e2;
}

.recall-camping-book-service-progress-bar .signup-4 .progress-bar li:nth-child(3):before {
    content: "";
}

.recall-camping-book-service-progress-bar .signup-4 .progress-bar li:nth-child(3):after {
    background: #e3e2e2;
}

/* SIGNUP PAGE 5 */

.recall-camping-book-service-progress-bar .signup-4 .progress-bar li:nth-child(5):before {
    color: #e3e2e2;
    border-color: #e3e2e2;
}

.recall-camping-book-service-progress-bar .signup-4 .progress-bar li:nth-child(4):before {
    content: "";
}

.recall-camping-book-service-progress-bar .signup-4 .progress-bar li:nth-child(4):after {
    background: #e3e2e2;
}

/* SIGNUP PAGE 6 */

.recall-camping-book-service-progress-bar .signup-4 .progress-bar li:nth-child(6):before {
    color: #e3e2e2;
    border-color: #e3e2e2;
}

.recall-camping-book-service-progress-bar .signup-4 .progress-bar li:nth-child(5):before {
    content: "";
}

.recall-camping-book-service-progress-bar .signup-4 .progress-bar li:nth-child(5):after {
    background: #e3e2e2;
}

.book-service-img {
    border: 1px solid #E7E8EC;
    padding: 1% 8% 1% 8%;
    border-radius: 6px;
}



.item-number {
    font-size: 13.5px;
    color: #808080c2;
    font-weight: 400;
    margin-bottom: 1px;
}

.item-number span {
    color: black
}

.book-service-brand-name {
    font-weight: 600;
    font-size: 21px;
    color: #373F50;
}

.book-service-brand-name span {
    background-color: #FFFAE9;
    margin-left: 5px;
    color: #FABA25;
    font-size: 14px;
    border: 1px solid #FABA25;
    padding: 5px 9px 5px 9px;
    border-radius: 18px;
}

.book-service-trucks-info-part1 {
    border-bottom: 1px solid #E7E8EC;
    margin-top: 28px;
}

.book-service-trucks-info-part2 {
    border-bottom: 1px solid #E7E8EC;
    margin-top: 28px;
}

.book-service-trucks-details-part1 {
    margin-right: 17px;
}

.book-service-trucks-details-part1 img {
    width: 17px;
    height: fit-content;
    margin-right: 6px;
}

.book-service-trucks-details-part1 p {
    color: #80828dd4;
    font-size: 12px;
    font-weight: 500;
}

.book-service-trucks-details-part2 .title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 1px;
    margin-right: 35px;
}

.book-service-trucks-details-part2 .desc {
    color: #80828dd4;
    font-size: 13.4px;
}

.book-service-trucks-info-part3 {
    margin-top: 22px;
}

.book-service-trucks-info-part3 .title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 1px;
}

.book-service-trucks-info-part3 .desc {
    color: #80828dd4;
    font-size: 14px
}

.service-trucks-details {
    border: 1px solid #E7E8EC;
    border-radius: 7px;
    margin-top: 7%;
    padding: 13px 15px 3px 17px;
}

.service-trucks-desc1 img {
    width: 12px;
    height: fit-content;
    margin-right: 10px;
}

.service-trucks-desc2 {
    font-weight: 700;
    font-size: 19px;
    margin-bottom: 8px;
}

.service-trucks-desc1 {
    color: #80828D;
    font-size: 13px;
    margin-bottom: 5px;
}

/***** recall-camping-book-service-page ******/
.btn-check:checked + .btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check) + .btn:active {
    border-color: transparent !important;
}

.card-header:focus-visible {
    outline: 0px !important;
    outline: none !important;
}

.card {
    margin-bottom: 0px;
    border: 0;
}

.card .card-header {
    border: 0;
    padding: 0;
    background-color: transparent;
}

.card .card-header .btn-header-link {
    color: #fff;
    display: block;
    text-align: left;
    background-color: transparent;
    color: #222;

}

.card .card-header .btn-header-link:after {
    content: "\f107";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    float: right;
}

.card .card-header .btn-header-link.collapsed {
    background-color: transparent;
    color: black;
}

.card .card-header .btn-header-link.collapsed:after {
    content: "\f106";
}

.card .collapsing {
    background-color: transparent;
    line-height: 30px;
}

.card .collapse {
    border: 0;
}

.card .collapse.show {
    background-color: transparent;
    line-height: 30px;
    color: #222;
}

.SubTotal {
    float: inline-end;
    font-size: 16px !important;
    margin-bottom: 1px !important;
    margin-top: 9px;
}

.SubTotal span {
    color: #FABA25
}

.accordion .card {
    border-bottom: 1px solid #e7e6e6;
    border-radius: 0px;
}

.requested-delivery {
    margin-bottom: 3%;
    margin-top: 2%;
}

.requested-delivery label {
    font-size: 14px;
    margin-bottom: 6px;
}

.requested-delivery input {
    width: 30%;
}

.payment-method-sections input {
    margin-top: 15px;
}

.check-out-details-part1 {
    margin-right: 11%;
    margin-left: 11%;
}

.check-out-details-part2 {
    margin-left: 13%;
    margin-right: 10%;
}

.check-out-details-part3 {
    margin-left: 13%;
    margin-right: 10%;
    margin-bottom: 13px;
}

.check-out-details-part3-img {
    background-color: #dcdcdc40;
    border-radius: 8px;
    margin-right: 13px;
    width: 53%;
    text-align: center;
}

.check-out-details-part4-img {
    background-color: #dcdcdc40;
    border-radius: 8px;
    margin-right: 13px;
    width: 53%;
    text-align: center;
}

.check-out-details-part3-img img {
    width: 100%;
}

.check-out-details-part4-img img {
    width: 115px;
}

.check-out-details-part3-section {
    border: 1px solid #E7E8EC;
    border-radius: 5px;
    padding: 8px 8px 8px 8px;
}

.check-out-details-part1 .progress-bar-wrapper {
    width: 100%;
    background: #ffffff;
    margin: auto;
    padding: 20px;
    border-radius: 5px;
}

.check-out-details-part1 .progress-bar {
    overflow: hidden;
    text-align: center;
    list-style-type: none;
    flex-direction: row;
    padding-bottom: 5px;
}

.check-out-details-part1 .progress-bar li {
    float: left;
    font-size: 11px;
    line-height: 11px;
    width: 25%;
    position: relative;
    z-index: 1;
}

.check-out-details-part1 .progress-bar li:before {
    content: "";
    font-family: dreamspace;
    display: block;
    font-size: 10px;
    line-height: 24px;
    color: #d5dbdb;
    background: #ffffff;
    width: 24px;
    height: 25px;
    border-radius: 50%;
    margin: 0 auto 5px auto;
    border: 1px #e3e2e2 solid;
}

.check-out-details-part1 .progress-bar li:after {
    content: "";
    width: 100%;
    height: 2px;
    background: #e3e2e2;
    position: absolute;
    margin: auto;
    left: 50%;
    top: 13px;
    z-index: -1;
}

.check-out-details-part1 .progress-bar li:last-child:after {
    display: none;
}


/* SIGNUP PAGE 1 */

.check-out-details-part1 .signup-1 .progress-bar li:first-child:before {
    color: white;
    border-color: #FABA25;
    background-color: #FABA25;
}


/* SIGNUP PAGE 2 */

.check-out-details-part1 .signup-2 .progress-bar li:nth-child(2):before {
    background-color: #FABA25;
    color: white;
    border-color: #FABA25;
}

.check-out-details-part1 .signup-2 .progress-bar li:first-child:before {
    content: "H";
}

.check-out-details-part1 .signup-2 .progress-bar li:first-child:after {
    background: #FABA25;
}


/* SIGNUP PAGE 3 */

.check-out-details-part1 .signup-3 .progress-bar li:nth-child(3):before {
    background-color: #FABA25;
    color: white;
    border-color: #FABA25;
}

.check-out-details-part1 .signup-3 .progress-bar li:nth-child(2):before {
    content: "H";
}

.check-out-details-part1 .signup-3 .progress-bar li:nth-child(2):after {
    background: #FABA25;
}


/* SIGNUP PAGE 4 */

.check-out-details-part1 .signup-4 .progress-bar li:nth-child(4):before {
    background-color: #FABA25;
    color: white;
    border-color: #FABA25;
}

.check-out-details-part1 .signup-4 .progress-bar li:nth-child(3):before {
    content: "H";
}

.check-out-details-part1 .signup-4 .progress-bar li:nth-child(3):after {
    background: #FABA25;
}

.check-out-details-part1 .signup-3 .progress-bar li:nth-child(4):before {
    content: "H";
}

.check-out-details-part1 .signup-3 .progress-bar li:nth-child(4):after {
    background: #FABA25;
}

.quick-order-page .menu-toggle {
    position: relative;
    width: 40px;
    height: 40px;
    cursor: not-allowed;
    display: flex;
    justify-content: center;
    align-items: center;
}

.quick-order-page .menu-toggle::before {
    content: '';
    position: absolute;
    width: 24px;
    height: 4px;
    background: #000;
    box-shadow: 0 8px 0 #000,
    0 -8px 0 #000;
}


/* menu (the right one) */

.quick-order-page .menu {
    position: absolute;
    top: 284px;
    right: 248px;
    width: 71.3%;
    min-height: 100px;
    background: #fff;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .2);
    opacity: 0;
    transform: translateY(-10px);
    visibility: hidden;
    transition: 300ms;
    border: 1px solid gainsboro;
    z-index: 9;
}
/* .quick-order-page .truck-menu {
    position: absolute;
    top: 284px;
    right: 226px;
    width: 80%;
    min-height: 100px;
    background: #fff;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .2);
    opacity: 0;
    transform: translateY(-10px);
    visibility: hidden;
    transition: 300ms;
    border: 1px solid gainsboro;
    z-index: 99999999999999;
} */

.quick-order-page .menu::before {
    content: '';
    position: absolute;
    top: -10px;
    right: 14px;
    width: 20px;
    height: 20px;
    background: #fff;
    transform: rotate(45deg);
    z-index: -1;
    border-top-style: solid;
    border-color: gainsboro;
    border-left-style: solid;
}

.quick-order-page .menu.active {
    opacity: 1;
    transform: translateY(0);
    visibility: visible;
    z-index: 9999999999999;
}

/* menu links */

.quick-order-page .menu ul {
    position: relative;
    display: flex;
    flex-direction: column;
    z-index: 10;
    background: #fff;
}

.quick-order-page .menu ul li {
    list-style: none;
}

.quick-order-page .menu ul li:hover {
    background: #eee;
}

.quick-order-page .menu ul li a {
    text-decoration: none;
    color: #000;
    display: flex;
    align-items: center;
    padding: 15px 20px;
    gap: 6px;
}

.quick-order-page .menu ul li a i {
    font-size: 1.2em;
}

.quicksearch {
    background-color: #FABA25;
    color: white;
    padding: 6px 18px 6px 18px;
}

.quicksearch:hover {
    background-color: #E7E8EC;
    color: black;
}

.quicksearch-input {
    margin-right: 7px;
}

.quick-order-menu {
    padding: 13px 18px 13px 18px;
    z-index: 99999;
}

.quick-order-products-title {
    color: #e5a91e;
    font-size: 14px !important;
    font-weight: 600 !important;
    margin-bottom: 8px !important;
    cursor: unset !important;

}

.quick-order-products-title:hover {
    background-color: transparent !important;
}

.quick-order-menu-title {
    color: #e5a91e;
    font-size: 14px !important;
    font-weight: 600 !important;
    margin-bottom: 8px !important;
    cursor: unset !important;
}

.quick-order-menu-title:hover {
    background-color: transparent !important;
}

.quick-order-menu-details p {
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 0px;
    cursor: pointer;
    padding: 2.5px 10px 2.5px 10px;
}

.quick-order-menu-details p:hover {
    background-color: #dcdcdc6e;
}

.quick-order-menu-details {
    border-bottom: 1px solid gainsboro;
    padding-bottom: 8px;
    margin-bottom: 8px;
}

.quick-order-menu-products {
    padding: 0px 10px 0px 10px;
}

.product-img-search {
    width: 100%;
    text-align: center;
    background-color: #dcdcdc3b;
    padding: 7px 1px 7px 1px;
    border: 1px solid #dcdcdc7d;
    border-radius: 5px;
    height: 100%;
}

.product-img-search img {
    width: 100%;
    height: 9vw;
    object-fit: contain !important;
}

.product-title-search {
    font-size: 16px;
    font-weight: 600;
    margin-top: 19px;
    margin-bottom: 1px;
}

.product-desc-search {
    font-size: 10px;
    color: #808080b5;
    margin-bottom: 5px;
}

.product-price-search {
    color: #424242;
    font-size: 15px;
    float: inline-end;
    font-weight: 500;
    margin-bottom: 1px;
    margin-top: 13px;
}

.product-btn-search {
    background-color: #FABA25;
    float: inline-end;
    color: white;
    font-size: 13px;
    border-radius: 4px;
}

.product-section-search .col-lg-6:first-child {
    border-right: 1px solid #dcdcdc9e;
}

.product-section-search {
    border-bottom: 1px solid #dcdcdc9e;
    padding-bottom: 0px;
    margin-bottom: 12px;
}

/*
 CSS for the main interaction
*/
.tabs-example .tabset > input[type="radio"] {
    position: absolute;
    left: -200vw;
}

.tabs-example .tabset .tab-panel {
    display: none;
}

.tabs-example .tabset > input:first-child:checked ~ .tab-panels > .tab-panel:first-child,
.tabs-example .tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2),
.tabs-example .tabset > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3),
.tabs-example .tabset > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4),
.tabs-example .tabset > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5),
.tabs-example .tabset > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6) {
    display: block;
}


.tabs-example .tabset > label {
    position: relative;
    display: inline-block;
    padding: 8px 30px 11px;
    border: 1px solid transparent;
    border-bottom: 0;
    cursor: pointer;
    font-weight: 500;
}

.tabs-example .tabset > label::after {
    content: "";
    position: absolute;
    left: 15px;
    bottom: 10px;
    width: 22px;
    height: 4px;
}

.tabs-example input:focus-visible + label {
    outline: 2px solid rgba(0, 102, 204, 1);
    border-radius: 3px;
}

.tabs-example .tabset > label:hover,
.tabs-example .tabset > input:focus + label a,
.tabs-example .tabset > input:checked + label a {
    color: white !important;
}

.tabs-example .tabset > label:hover::after,
.tabs-example .tabset > input:focus + label::after,
.tabs-example .tabset > input:checked + label::after {
}

.tabs-example .tabset > input:checked + label {
    margin-bottom: -1px;
    border-radius: 3px;
}

.tabs-example .tab-panel {
    padding: 30px 0;
    border-top: 1px solid #ccc;
}


.tabs-example .tabset {
    width: 291px;
}

.tabs-example {
    width: 100%;
}

.tabs-example .tabset > label a {
    color: #9f9f9f;
}

.tabs-example .tabset > label a:hover {
}

/***** Show Campaigns-page ******/
.show-campaigns-progress-bar {
    margin: 0px 15% 0px 15%;
}

.show-campaigns-progress-bar .progress-bar-wrapper {
    width: 100%;
    background: #ffffff;
    margin: auto;
    padding: 20px;
    border-radius: 5px;
}

.show-campaigns-progress-bar .progress-bar {
    overflow: hidden;
    text-align: center;
    list-style-type: none;
    flex-direction: row;
    padding-bottom: 5px;
}

.show-campaigns-progress-bar .progress-bar li {
    float: left;
    font-size: 9.7px;
    line-height: 11px;
    width: 25%;
    position: relative;
    z-index: 1;
    color: #80828D;
    font-weight: 400;
}

.show-campaigns-progress-bar .progress-bar li:before {
    content: "";
    font-family: dreamspace;
    display: block;
    font-size: 10px;
    line-height: 25px;
    color: #d5dbdb;
    background: #ffffff;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    margin: 0 auto 5px auto;
    border: 1px #e3e2e2 solid;
}

.show-campaigns-progress-bar .progress-bar li:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #e3e2e2;
    position: absolute;
    margin: auto;
    left: 50%;
    top: 13px;
    z-index: -1;
}

.show-campaigns-progress-bar .progress-bar li:last-child:after {
    display: none;
}


/* SIGNUP PAGE 1 */

.show-campaigns-progress-bar .signup-1 .progress-bar li:first-child:before {
    color: white;
    border-color: #FABA25;
    background-color: #FABA25;
}


/* SIGNUP PAGE 2 */

.show-campaigns-progress-bar .signup-2 .progress-bar li:nth-child(2):before {
    color: white;
    border-color: #FABA25;
    background-color: #FABA25;
}

.show-campaigns-progress-bar .signup-2 .progress-bar li:first-child:before {
    content: "H";
}

.show-campaigns-progress-bar .signup-2 .progress-bar li:first-child:after {
    background: #FABA25;
}


/* SIGNUP PAGE 3 */

.show-campaigns-progress-bar .signup-3 .progress-bar li:nth-child(3):before {
    color: #FABA25;
    border-color: #FABA25;
}

.show-campaigns-progress-bar .signup-3 .progress-bar li:nth-child(2):before {
    content: "H";
}

.show-campaigns-progress-bar .signup-3 .progress-bar li:nth-child(2):after {
    background: #FABA25;
}


/* SIGNUP PAGE 4 */

.show-campaigns-progress-bar .signup-4 .progress-bar li:nth-child(4):before {
    color: #e3e2e2;
    border-color: #e3e2e2;
}

.show-campaigns-progress-bar .signup-4 .progress-bar li:nth-child(3):before {
    content: "I";
}

.show-campaigns-progress-bar .signup-4 .progress-bar li:nth-child(3):after {
    background: #FABA25;
}

/* SIGNUP PAGE 5 */

.show-campaigns-progress-bar .signup-4 .progress-bar li:nth-child(5):before {
    color: #e3e2e2;
    border-color: #e3e2e2;
}

.show-campaigns-progress-bar .signup-4 .progress-bar li:nth-child(4):before {
    content: "";
}

.show-campaigns-progress-bar .signup-4 .progress-bar li:nth-child(4):after {
    background: #e3e2e2;
}

/* SIGNUP PAGE 6 */

.show-campaigns-progress-bar .signup-4 .progress-bar li:nth-child(6):before {
    color: #e3e2e2;
    border-color: #e3e2e2;
}

.show-campaigns-progress-bar .signup-4 .progress-bar li:nth-child(5):before {
    content: "";
}

.show-campaigns-progress-bar .signup-4 .progress-bar li:nth-child(5):after {
    background: #e3e2e2;
}

.show-campaigns {
    text-align: center;
}

.show-campaigns-title1 {
    color: #80828D;
    font-size: 15px;
    margin-bottom: 3px;
}

.show-campaigns-title2 {
    font-size: 29px;
    font-weight: 600;
}

.show-campaigns-desc {
    color: #80828D;
    font-size: 15px;
}

.campaigns-not-available {
    color: #ff0000a6;
    font-size: 10.2px;
    font-weight: 600;
    margin-bottom: 7px;
}

.campaigns-details {
    border: 1px solid #E7E8EC;
    padding: 36px 55px 60px 55px;
    border-radius: 5px;
    px 0px 1px 0px #0C1A4B3D;
    box-shadow: 0px 3px 8px -1px #3232470D;
    box-shadow: 0px 0px 1px 0px #0C1A4B3D;
}

.campaigns-title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 6px;
}

.campaigns-desc {
    color: #80828D;
    font-size: 13px;
    margin-top: 10%;
}

.campaigns-service-select-btn-dis {
    border: none;
    background-color: #B9BBC6;
    color: white;
    width: 73%;
    padding: 8px 15px 8px 15px;
    border-radius: 5px;
    cursor: not-allowed !important;
    margin-top: 9px;
    margin-bottom: 4px;
}

.campaigns-service-select-btn {
    border: none;
    background-color: #373F50;
    color: white;
    width: 73%;
    padding: 8px 15px 8px 15px;
    border-radius: 5px;
    margin-top: 9px;
    margin-bottom: 26px;
}

.campaigns-service-desc {
    color: #80828D;
    font-size: 13px;
    font-weight: 600;
    height: 30px;
    display: none;
}

.campaigns-service-not-allowed {
    color: #80828D !important;
    font-size: 14.5px !important;
    text-decoration-line: line-through !important;
    text-align: start !important;
    margin-bottom: 0px !important;
    font-weight: 400 !important;
}

.campaigns-service-not-allowed i {
    color: red !important;
    font-size: 18px !important;
    margin-right: 8px !important;
}

.campaigns-service-allowed {
    color: #80828D !important;
    font-size: 14.5px !important;
    text-align: start !important;
    margin-bottom: 0px !important;
    font-weight: 400 !important;
}

.campaigns-service-allowed i {
    color: #42D697 !important;
    font-size: 18px !important;
    margin-right: 8px !important;
}

.campaigns-line {
    text-align: -webkit-center;
}

.campaigns-line div {
    width: 67px;
    background-color: #FABA25;
    height: 4px;
}

.show-campaigns-section {
    margin: 4% 5% 3% 5%;
}

/***** Show Campaigns-page ******/
/***** Show Campaigns select date and time-page ******/
.show-campaigns-select-date-progress-bar {
    margin: 0px 15% 0px 15%;
}

.show-campaigns-select-date-progress-bar .progress-bar-wrapper {
    width: 100%;
    background: #ffffff;
    margin: auto;
    padding: 20px;
    border-radius: 5px;
}

.show-campaigns-select-date-progress-bar .progress-bar {
    overflow: hidden;
    text-align: center;
    list-style-type: none;
    flex-direction: row;
    padding-bottom: 5px;
}

.show-campaigns-select-date-progress-bar .progress-bar li {
    float: left;
    font-size: 9.7px;
    line-height: 11px;
    width: 25%;
    position: relative;
    z-index: 1;
    color: #80828D;
    font-weight: 400;
}

.show-campaigns-select-date-progress-bar .progress-bar li:before {
    content: "";
    font-family: dreamspace;
    display: block;
    font-size: 10px;
    line-height: 25px;
    color: #d5dbdb;
    background: #ffffff;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    margin: 0 auto 5px auto;
    border: 1px #e3e2e2 solid;
}

.show-campaigns-select-date-progress-bar .progress-bar li:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #e3e2e2;
    position: absolute;
    margin: auto;
    left: 50%;
    top: 13px;
    z-index: -1;
}

.show-campaigns-select-date-progress-bar .progress-bar li:last-child:after {
    display: none;
}


/* SIGNUP PAGE 1 */

.show-campaigns-select-date-progress-bar .signup-1 .progress-bar li:first-child:before {
    color: white;
    border-color: #FABA25;
    background-color: #FABA25;
}


/* SIGNUP PAGE 2 */

.show-campaigns-select-date-progress-bar .signup-2 .progress-bar li:nth-child(2):before {
    color: white;
    border-color: #FABA25;
    background-color: #FABA25;
}

.show-campaigns-select-date-progress-bar .signup-2 .progress-bar li:first-child:before {
    content: "H";
}

.show-campaigns-select-date-progress-bar .signup-2 .progress-bar li:first-child:after {
    background: #FABA25;
}


/* SIGNUP PAGE 3 */

.show-campaigns-select-date-progress-bar .signup-3 .progress-bar li:nth-child(3):before {
    color: white;
    border-color: #FABA25;
    background-color: #FABA25;
}

.show-campaigns-select-date-progress-bar .signup-3 .progress-bar li:nth-child(2):before {
    content: "H";
}

.show-campaigns-select-date-progress-bar .signup-3 .progress-bar li:nth-child(2):after {
    background: #FABA25;
}


/* SIGNUP PAGE 4 */

.show-campaigns-select-date-progress-bar .signup-4 .progress-bar li:nth-child(4):before {
    color: white;
    border-color: #FABA25;
    background-color: #FABA25;
}

.show-campaigns-select-date-progress-bar .signup-4 .progress-bar li:nth-child(3):before {
    content: "H";
}

.show-campaigns-select-date-progress-bar .signup-4 .progress-bar li:nth-child(3):after {
    background: #FABA25;
}

/* SIGNUP PAGE 5 */

.show-campaigns-select-date-progress-bar .signup-4 .progress-bar li:nth-child(5):before {
    color: #e3e2e2;
    border-color: #e3e2e2;
}

.show-campaigns-select-date-progress-bar .signup-4 .progress-bar li:nth-child(4):before {
    content: "I";
}

.show-campaigns-select-date-progress-bar .signup-4 .progress-bar li:nth-child(4):after {
    background: #e3e2e2;
}

/* SIGNUP PAGE 6 */

.show-campaigns-select-date-progress-bar .signup-4 .progress-bar li:nth-child(6):before {
    color: #e3e2e2;
    border-color: #e3e2e2;
}

.show-campaigns-select-date-progress-bar .signup-4 .progress-bar li:nth-child(5):before {
    content: "";
}

.show-campaigns-select-date-progress-bar .signup-4 .progress-bar li:nth-child(5):after {
    background: #e3e2e2;
}

.show-campaigns-select-date-time {
    padding: 2% 36% 3% 36%;
}

.show-campaigns-select-date-time-title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 8%;
}

.select-time-section {
    margin-top: 7%;
}

.select-time-dis1 {
    background-color: #F7F8FB;
    width: 100%;
    text-align: center;
    color: #B9BBC6;
    border: 1px solid #D8D9E0;
    border-radius: 5px;
    font-size: 13px;
    padding: 6px 1px 6px 1px;
    margin-right: 8px;
    cursor: pointer
}

.select-time-dis2 {
    background-color: #F7F8FB;
    width: 100%;
    text-align: center;
    color: #B9BBC6;
    border: 1px solid #D8D9E0;
    border-radius: 5px;
    font-size: 13px;
    padding: 7px 1px 7px 1px;
    margin-left: 8px;
    cursor: pointer
}

.select-time1 {
    background-color: white;
    width: 100%;
    text-align: center;
    color: black;
    border: 1px solid #D8D9E0;
    border-radius: 5px;
    font-size: 13px;
    padding: 6px 1px 6px 1px;
    margin-right: 8px;
    cursor: pointer
}

.select-time2 {
    background-color: white;
    width: 100%;
    text-align: center;
    color: black;
    border: 1px solid #D8D9E0;
    border-radius: 5px;
    font-size: 13px;
    padding: 7px 1px 7px 1px;
    margin-left: 8px;
    cursor: pointer
}

/***** Show Campaigns select date and time-page ******/
/***** Service Center Location-page ******/
.service-center-location-progress-bar {
    margin: 0px 15% 0px 15%;
}

.service-center-location-progress-bar .progress-bar-wrapper {
    width: 100%;
    background: #ffffff;
    margin: auto;
    padding: 20px;
    border-radius: 5px;
}

.service-center-location-progress-bar .progress-bar {
    overflow: hidden;
    text-align: center;
    list-style-type: none;
    flex-direction: row;
    padding-bottom: 5px;
}

.service-center-location-progress-bar .progress-bar li {
    float: left;
    font-size: 9.7px;
    line-height: 11px;
    width: 25%;
    position: relative;
    z-index: 1;
    color: #80828D;
    font-weight: 400;
}

.service-center-location-progress-bar .progress-bar li:before {
    content: "";
    font-family: dreamspace;
    display: block;
    font-size: 10px;
    line-height: 25px;
    color: #d5dbdb;
    background: #ffffff;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    margin: 0 auto 5px auto;
    border: 1px #e3e2e2 solid;
}

.service-center-location-progress-bar .progress-bar li:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #e3e2e2;
    position: absolute;
    margin: auto;
    left: 50%;
    top: 13px;
    z-index: -1;
}

.service-center-location-progress-bar .progress-bar li:last-child:after {
    display: none;
}


/* SIGNUP PAGE 1 */

.service-center-location-progress-bar .signup-1 .progress-bar li:first-child:before {
    color: white;
    border-color: #FABA25;
    background-color: #FABA25;
}


/* SIGNUP PAGE 2 */

.service-center-location-progress-bar .signup-2 .progress-bar li:nth-child(2):before {
    color: white;
    border-color: #FABA25;
    background-color: #FABA25;
}

.service-center-location-progress-bar .signup-2 .progress-bar li:first-child:before {
    content: "H";
}

.service-center-location-progress-bar .signup-2 .progress-bar li:first-child:after {
    background: #FABA25;
}


/* SIGNUP PAGE 3 */

.service-center-location-progress-bar .signup-3 .progress-bar li:nth-child(3):before {
    color: white;
    border-color: #FABA25;
    background-color: #FABA25;
}

.service-center-location-progress-bar .signup-3 .progress-bar li:nth-child(2):before {
    content: "H";
}

.service-center-location-progress-bar .signup-3 .progress-bar li:nth-child(2):after {
    background: #FABA25;
}


/* SIGNUP PAGE 4 */

.service-center-location-progress-bar .signup-4 .progress-bar li:nth-child(4):before {
    color: white;
    border-color: #FABA25;
    background-color: #FABA25;
}

.service-center-location-progress-bar .signup-4 .progress-bar li:nth-child(3):before {
    content: "H";
}

.service-center-location-progress-bar .signup-4 .progress-bar li:nth-child(3):after {
    background: #FABA25;
}

/* SIGNUP PAGE 5 */

.service-center-location-progress-bar .signup-4 .progress-bar li:nth-child(5):before {
    color: white;
    border-color: #FABA25;
    background-color: #FABA25;
}

.service-center-location-progress-bar .signup-4 .progress-bar li:nth-child(4):before {
    content: "H";
}

.service-center-location-progress-bar .signup-4 .progress-bar li:nth-child(4):after {
    background: #FABA25;
}

/* SIGNUP PAGE 6 */

.service-center-location-progress-bar .signup-4 .progress-bar li:nth-child(6):before {
    color: #e3e2e2;
    border-color: #e3e2e2;
}

.service-center-location-progress-bar .signup-4 .progress-bar li:nth-child(5):before {
    content: "I";
}

.service-center-location-progress-bar .signup-4 .progress-bar li:nth-child(5):after {
    background: #e3e2e2;
}

.service-center-location {
    padding: 2% 36% 3% 36%;
}

.service-center-location-section {
    border: 1px solid #E7E8EC;
    border-radius: 5px;
    margin-bottom: 5%;
    padding: 16px 20px 17px 20px;
    cursor: pointer;
}

.service-center-location .selected-div {
    border-color: #FABA25 !important;
}

.service-center-location-section-title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 9px;
}

.service-center-location-section-desc {
    color: #80828D;
    font-size: 13.5px;
    font-weight: 400;
    margin-bottom: 0px;
}

.service-center-location-title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 8%;
}

/***** Service Center Location-page ******/
/***** finish-order-campaigns-page ******/
.finish-order-campaigns-title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 28%;
    margin-top: 5%;
}

.finish-order-campaigns {
    padding: 2% 29% 3% 29%;
}

.finish-order-campaigns i {
    color: #42D697;
    font-size: 90px;
}

.finish-order-campaigns-section {
    margin-top: 12%;
}

.finish-order-campaigns-section-title1 {
    font-size: 24px;
    font-weight: 700;
}

.finish-order-campaigns-section-title {
    font-weight: 600;
    font-size: 17px;
}

.finish-order-campaigns-section-details {
    border-bottom: 1px solid #E7E8EC;
    padding-bottom: 9px;
}

.finish-order-campaigns-section-details .service-center-location-section {
    padding: 17px 0px 0px 0px;
}

.finish-order-campaigns-section-details-last .campaigns-title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0px;
    margin-top: 15px;
}

.finish-order-campaigns-section-details-last .campaigns-service-not-allowed {
    color: #80828D !important;
    font-size: 14.5px !important;
    text-decoration-line: line-through !important;
    text-align: start !important;
    margin-bottom: 0px !important;
    margin-top: 2% !important;
    font-weight: 400 !important;
}

.finish-order-campaigns-date {
    color: #80828D;
    font-size: 13px;
    font-weight: 400;
}

/***** finish-order-campaigns-page ******/
/***** roadside-assistance-page ******/

.roadside-assistance-progress-bar .progress-bar-wrapper {
    width: 100%;
    background: #ffffff;
    margin: auto;
    padding: 20px;
    border-radius: 5px;
}

.roadside-assistance-progress-bar .progress-bar {
    overflow: hidden;
    text-align: center;
    list-style-type: none;
    flex-direction: row;
    padding-bottom: 5px;
}

.roadside-assistance-progress-bar .progress-bar li {
    float: left;
    font-size: 9.7px;
    line-height: 11px;
    width: 25%;
    position: relative;
    z-index: 1;
    color: #80828D;
    font-weight: 400;
}

.roadside-assistance-progress-bar .progress-bar li:before {
    content: "";
    font-family: dreamspace;
    display: block;
    font-size: 10px;
    line-height: 25px;
    color: #d5dbdb;
    background: #ffffff;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    margin: 0 auto 5px auto;
    border: 1px #e3e2e2 solid;
}

.roadside-assistance-progress-bar .progress-bar li:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #e3e2e2;
    position: absolute;
    margin: auto;
    left: 50%;
    top: 13px;
    z-index: -1;
}

.roadside-assistance-progress-bar .progress-bar li:last-child:after {
    display: none;
}


/* SIGNUP PAGE 1 */

.roadside-assistance-progress-bar .signup-1 .progress-bar li:first-child:before {
    color: white;
    border-color: #FABA25;
    background-color: #FABA25;
}


/* SIGNUP PAGE 2 */

.roadside-assistance-progress-bar .signup-2 .progress-bar li:nth-child(2):before {
    color: white;
    border-color: #e3e2e2;
    background-color: white;
}

.roadside-assistance-progress-bar .signup-2 .progress-bar li:first-child:before {
    content: "I";
}

.roadside-assistance-progress-bar .signup-2 .progress-bar li:first-child:after {
    background: #FABA25;
}


.roadside-assistance {
    padding: 2% 18% 3% 18%;
}

.roadside-assistance-title {
    font-size: 24px;
    font-weight: 700;
}

.choose-map {
    color: #9A6F00;
    font-size: 16px;
}

.choose-map img {
    margin-top: -3px;
    margin-right: 7px;
}

.map {
    height: 400px;
    /* The height is 400 pixels */
    width: 100%;
    /* The width is the width of the web page */
    margin-top: 2%;
}

.roadside-assistance .btn-submit {
    width: 30%;
    float: inline-end;
}

/***** roadside-assistance-page ******/
/***** Contact Information-page ******/

.contact-information-progress-bar .progress-bar-wrapper {
    width: 100%;
    background: #ffffff;
    margin: auto;
    padding: 20px;
    border-radius: 5px;
}

.contact-information-progress-bar .progress-bar {
    overflow: hidden;
    text-align: center;
    list-style-type: none;
    flex-direction: row;
    padding-bottom: 5px;
}

.contact-information-progress-bar .progress-bar li {
    float: left;
    font-size: 9.7px;
    line-height: 11px;
    width: 25%;
    position: relative;
    z-index: 1;
    color: #80828D;
    font-weight: 400;
}

.contact-information-progress-bar .progress-bar li:before {
    content: "";
    font-family: dreamspace;
    display: block;
    font-size: 10px;
    line-height: 25px;
    color: #d5dbdb;
    background: #ffffff;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    margin: 0 auto 5px auto;
    border: 1px #e3e2e2 solid;
}

.contact-information-progress-bar .progress-bar li:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #e3e2e2;
    position: absolute;
    margin: auto;
    left: 50%;
    top: 13px;
    z-index: -1;
}

.contact-information-progress-bar .progress-bar li:last-child:after {
    display: none;
}


/* SIGNUP PAGE 1 */

.contact-information-progress-bar .signup-1 .progress-bar li:first-child:before {
    color: white;
    border-color: #FABA25;
    background-color: #FABA25;
}


/* SIGNUP PAGE 2 */

.contact-information-progress-bar .signup-2 .progress-bar li:nth-child(2):before {
    color: white;
    border-color: #FABA25;
    background-color: #FABA25;
}

.contact-information-progress-bar .signup-2 .progress-bar li:first-child:before {
    content: "H";
}

.contact-information-progress-bar .signup-2 .progress-bar li:first-child:after {
    background: #FABA25;
}


/* SIGNUP PAGE 3 */

.contact-information-progress-bar .signup-3 .progress-bar li:nth-child(3):before {
    color: white;
    border-color: #FABA25;
    background-color: #FABA25;
}

.contact-information-progress-bar .signup-3 .progress-bar li:nth-child(2):before {
    content: "I";
}

.contact-information-progress-bar .signup-3 .progress-bar li:nth-child(2):after {
    background: #FABA25;
}

/* SIGNUP PAGE 4 */

.contact-information-progress-bar .signup-4 .progress-bar li:nth-child(4):before {
    color: white;
    border-color: #FABA25;
    background-color: #FABA25;
}

.contact-information-progress-bar .signup-4 .progress-bar li:nth-child(3):before {
    content: "I";
}

.contact-information-progress-bar .signup-4 .progress-bar li:nth-child(3):after {
    background: #FABA25;
}

.contact-information {
    padding: 2% 26% 3% 26%;
}

.contact-information-title {
    font-size: 24px;
    font-weight: 700;
}

.contact-information select {
    padding: .575rem 0.75rem !important;
}

.contact-information label {
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 400;
}

.contact-information input {
    margin-bottom: 20px;
}

.contact-information .btn-submit {
    width: 30%;
    float: inline-end;
}

/***** Contact Information-page ******/
/***** roadside-assistance-finish-page ******/

.roadside-assistance-finish-progress-bar .progress-bar-wrapper {
    width: 100%;
    background: #ffffff;
    margin: auto;
    padding: 20px;
    border-radius: 5px;
}

.roadside-assistance-finish-progress-bar .progress-bar {
    overflow: hidden;
    text-align: center;
    list-style-type: none;
    flex-direction: row;
    padding-bottom: 5px;
}

.roadside-assistance-finish-progress-bar .progress-bar li {
    float: left;
    font-size: 9.7px;
    line-height: 11px;
    width: 25%;
    position: relative;
    z-index: 1;
    color: #80828D;
    font-weight: 400;
}

.roadside-assistance-finish-progress-bar .progress-bar li:before {
    content: "";
    font-family: dreamspace;
    display: block;
    font-size: 10px;
    line-height: 25px;
    color: #d5dbdb;
    background: #ffffff;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    margin: 0 auto 5px auto;
    border: 1px #e3e2e2 solid;
}

.roadside-assistance-finish-progress-bar .progress-bar li:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #e3e2e2;
    position: absolute;
    margin: auto;
    left: 50%;
    top: 13px;
    z-index: -1;
}

.roadside-assistance-finish-progress-bar .progress-bar li:last-child:after {
    display: none;
}


/* SIGNUP PAGE 1 */

.roadside-assistance-finish-progress-bar .signup-1 .progress-bar li:first-child:before {
    color: white;
    border-color: #FABA25;
    background-color: #FABA25;
}


/* SIGNUP PAGE 2 */

.roadside-assistance-finish-progress-bar .signup-2 .progress-bar li:nth-child(2):before {
    color: white;
    border-color: #FABA25;
    background-color: #FABA25;
}

.roadside-assistance-finish-progress-bar .signup-2 .progress-bar li:first-child:before {
    content: "H";
}

.roadside-assistance-finish-progress-bar .signup-2 .progress-bar li:first-child:after {
    background: #FABA25;
}


/* SIGNUP PAGE 3 */

.roadside-assistance-finish-progress-bar .signup-3 .progress-bar li:nth-child(3):before {
    color: white;
    border-color: #FABA25;
    background-color: #FABA25;
}

.roadside-assistance-finish-progress-bar .signup-3 .progress-bar li:nth-child(2):before {
    content: "H";
}

.roadside-assistance-finish-progress-bar .signup-3 .progress-bar li:nth-child(2):after {
    background: #FABA25;
}

/* SIGNUP PAGE 4 */

.roadside-assistance-finish-progress-bar .signup-4 .progress-bar li:nth-child(4):before {
    color: white;
    border-color: #FABA25;
    background-color: #FABA25;
}

.roadside-assistance-finish-progress-bar .signup-4 .progress-bar li:nth-child(3):before {
    content: "H";
}

.roadside-assistance-finish-progress-bar .signup-4 .progress-bar li:nth-child(3):after {
    background: #FABA25;
}

.roadside-assistance-finish {
    padding: 1.5% 36% 5.5% 39%;
}

.roadside-assistance-finish-title {
    font-size: 24px;
    font-weight: 700;
}

.roadside-assistance-finish-desc {
    color: #ff0000b8;
    font-size: 13px;
}

.roadside-assistance-finish i {
    color: #42D697;
    font-size: 80px;
}

/***** roadside-assistance-finish-page ******/
/***** book-a-services-page ******/
.book-a-services-progress-bar {
    margin: 0px 15% 0px 15%;
}

.book-a-services-progress-bar .progress-bar-wrapper {
    width: 100%;
    background: #ffffff;
    margin: auto;
    padding: 20px;
    border-radius: 5px;
}

.book-a-services-progress-bar .progress-bar {
    overflow: hidden;
    text-align: center;
    list-style-type: none;
    flex-direction: row;
    padding-bottom: 5px;
}

.book-a-services-progress-bar .progress-bar li {
    float: left;
    font-size: 9.7px;
    line-height: 11px;
    width: 25%;
    position: relative;
    z-index: 1;
    color: #80828D;
    font-weight: 400;
}

.book-a-services-progress-bar .progress-bar li:before {
    content: "";
    font-family: dreamspace;
    display: block;
    font-size: 10px;
    line-height: 25px;
    color: #d5dbdb;
    background: #ffffff;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    margin: 0 auto 5px auto;
    border: 1px #e3e2e2 solid;
}

.book-a-services-progress-bar .progress-bar li:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #e3e2e2;
    position: absolute;
    margin: auto;
    left: 50%;
    top: 13px;
    z-index: -1;
}

.book-a-services-progress-bar .progress-bar li:last-child:after {
    display: none;
}


/* SIGNUP PAGE 1 */

.book-a-services-progress-bar .signup-1 .progress-bar li:first-child:before {
    color: white;
    border-color: #FABA25;
    background-color: #FABA25;
}


/* SIGNUP PAGE 2 */

.book-a-services-progress-bar .signup-2 .progress-bar li:nth-child(2):before {
    color: white;
    border-color: #e3e2e2;
}

.book-a-services-progress-bar .signup-2 .progress-bar li:first-child:before {
    content: "I";
}

.book-a-services-progress-bar .signup-2 .progress-bar li:first-child:after {
    background: #FABA25;
}


/* SIGNUP PAGE 3 */

.book-a-services-progress-bar .signup-3 .progress-bar li:nth-child(3):before {
    color: #e3e2e2;
    border-color: #e3e2e2;
}

.book-a-services-progress-bar .signup-3 .progress-bar li:nth-child(2):before {
    content: "";
}

.book-a-services-progress-bar .signup-3 .progress-bar li:nth-child(2):after {
    background: #e3e2e2;
}


/* SIGNUP PAGE 4 */

.book-a-services-progress-bar .signup-4 .progress-bar li:nth-child(4):before {
    color: #e3e2e2;
    border-color: #e3e2e2;
}

.book-a-services-progress-bar .signup-4 .progress-bar li:nth-child(3):before {
    content: "";
}

.book-a-services-progress-bar .signup-4 .progress-bar li:nth-child(3):after {
    background: #e3e2e2;
}

/* SIGNUP PAGE 5 */

.book-a-services-progress-bar .signup-4 .progress-bar li:nth-child(5):before {
    color: #e3e2e2;
    border-color: #e3e2e2;
}

.book-a-services-progress-bar .signup-4 .progress-bar li:nth-child(4):before {
    content: "";
}

.book-a-services-progress-bar .signup-4 .progress-bar li:nth-child(4):after {
    background: #e3e2e2;
}

/* SIGNUP PAGE 6 */

.book-a-services-progress-bar .signup-4 .progress-bar li:nth-child(6):before {
    color: #e3e2e2;
    border-color: #e3e2e2;
}

.book-a-services-progress-bar .signup-4 .progress-bar li:nth-child(5):before {
    content: "";
}

.book-a-services-progress-bar .signup-4 .progress-bar li:nth-child(5):after {
    background: #e3e2e2;
}

.book-a-services {
    padding: 3%;
    border: 1px solid #E7E8EC;
    border-radius: 5px;
}

.book-a-services2-title {
    font-size: 20px;
    margin-top: 4%;
    font-weight: 600;
}

.book-a-services2 .table {
    padding: 1% 0% 1% 0%;
    border: 1px solid #E7E8EC;
    border-radius: 17px !important;
    border-color: #E7E8EC !important;
}

.book-a-services2 .table th {
    color: #373F50;
    font-weight: 600;
    font-size: 13px;
    background-color: #e7e8ec57;
    vertical-align: middle;
}

.book-a-services2 .table td span {
    font-weight: 600;
    color: black;
}

.book-a-services2 .table td {
    font-size: 12px;
    color: #80828D;
    border-color: #E7E8EC;
    vertical-align: middle;
}

.book-a-services select {
    padding: .575rem 0.75rem !important;
}

.book-a-services label {
    margin-bottom: 8px;
    font-size: 14px;
    font-weight: 500;
}

.book-a-services input {
    margin-bottom: 20px;
}

.book-a-services .btn-submit {
    width: 20%;
    float: inline-end;
}

.book-a-services2 .btn-submit {
    width: 100%;
    float: inline-end;
}

.book-a-services .btn-add-equipment {
    background-color: #373F50;
    width: 14%;
    color: white;
    padding: 11px;
    border: none !important;
    float: inline-end;
    font-size: 13px;
}

.book-a-services .btn-add-equipment:hover {
    background-color: #373f50b8;
    color: white;
}

.book-a-services .btn-add-equipment:active {
    background-color: #373f50b8 !important;
    color: white !important;
}

.book-a-services .form-container {
    /* width: 100vw; */
    /* height: 100vh; */
    /* background-color: #7b2cbf; */
    display: flex;
    justify-content: center;
    align-items: center;
}

.book-a-services .upload-files-container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: -webkit-fill-available;
}

.book-a-services .drag-file-area {
    border: 2px dashed #E7E8EC;
    border-radius: 6px;
    margin: 0% 18% 14px 13%;
    padding: 0px 0px;
    width: 100%;
    text-align: center;
}

.book-a-services .drag-file-area .upload-icon {
    font-size: 32px;
}

.book-a-services .drag-file-area h3 {
    font-size: 15px;
    margin: 6px 0;
    font-weight: 500;
}

.book-a-services .drag-file-area label {
    font-size: 14px;
}

.book-a-services .drag-file-area label .browse-files-text {
    color: #80828D;
    cursor: pointer;
    font-weight: 300;
    border: 1px solid #b7b8bd;
    padding: 7px 12px 7px 12px;
    border-radius: 6px;
    white-space: nowrap;
}

.book-a-services .browse-files span {
    position: relative;
    top: -12px;
}

.book-a-services .default-file-input {
    opacity: 0;
}

.book-a-services .cannot-upload-message {
    background-color: #ffc6c4;
    font-size: 17px;
    display: flex;
    align-items: center;
    margin: 5px 0;
    padding: 5px 10px 5px 30px;
    border-radius: 5px;
    color: #BB0000;
    display: none;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.book-a-services .cannot-upload-message span,
.book-a-services .upload-button-icon {
    padding-right: 10px;
}

.book-a-services .cannot-upload-message span:last-child {
    padding-left: 20px;
    cursor: pointer;
}

.book-a-services .file-block {
    background-color: #f3f3f569;
    color: #a1a1a1;
    transition: all 1s;
    width: 390px;
    position: relative;
    display: none;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 0px 0 9px;
    padding: 5px 29px;
    border-radius: 10px;
    cursor: pointer;
    border: 1px solid #E7E8EC;
    font-weight: 300;
}

.book-a-services .file-info {
    display: flex;
    align-items: center;
    font-size: 15px;
}

.book-a-services .file-icon {
    margin-right: 10px;
}

.book-a-services .file-name,
.book-a-services .file-size {
    padding: 0 3px;
}

.book-a-services .remove-file-icon {
    cursor: pointer;
}

.btn-icon-table-edit {
    background-color: transparent;
    color: #FABA25;
    border: none;
    border-radius: 5px;
    font-size: 19px;
}

.btn-icon-table-delete {
    background-color: transparent;
    color: #FABA25;
    border: none;
    border-radius: 5px;
    font-size: 19px;
}

/***** book-a-services-page ******/
/***** add-a-services-page ******/
.add-a-services-progress-bar {
    margin: 0px 15% 0px 15%;
}

.add-a-services-progress-bar .progress-bar-wrapper {
    width: 100%;
    background: #ffffff;
    margin: auto;
    padding: 20px;
    border-radius: 5px;
}

.add-a-services-progress-bar .progress-bar {
    overflow: hidden;
    text-align: center;
    list-style-type: none;
    flex-direction: row;
    padding-bottom: 5px;
}

.add-a-services-progress-bar .progress-bar li {
    float: left;
    font-size: 9.7px;
    line-height: 11px;
    width: 25%;
    position: relative;
    z-index: 1;
    color: #80828D;
    font-weight: 400;
}

.add-a-services-progress-bar .progress-bar li:before {
    content: "";
    font-family: dreamspace;
    display: block;
    font-size: 10px;
    line-height: 25px;
    color: #d5dbdb;
    background: #ffffff;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    margin: 0 auto 5px auto;
    border: 1px #e3e2e2 solid;
}

.add-a-services-progress-bar .progress-bar li:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #e3e2e2;
    position: absolute;
    margin: auto;
    left: 50%;
    top: 13px;
    z-index: -1;
}

.add-a-services-progress-bar .progress-bar li:last-child:after {
    display: none;
}


/* SIGNUP PAGE 1 */

.add-a-services-progress-bar .signup-1 .progress-bar li:first-child:before {
    color: white;
    border-color: #FABA25;
    background-color: #FABA25;
}


/* SIGNUP PAGE 2 */

.add-a-services-progress-bar .signup-2 .progress-bar li:nth-child(2):before {
    color: white;
    border-color: #FABA25;
    background-color: #FABA25;
}

.add-a-services-progress-bar .signup-2 .progress-bar li:first-child:before {
    content: "H";
}

.add-a-services-progress-bar .signup-2 .progress-bar li:first-child:after {
    background: #FABA25;
}


/* SIGNUP PAGE 3 */

.add-a-services-progress-bar .signup-3 .progress-bar li:nth-child(3):before {
    color: #e3e2e2;
    border-color: #e3e2e2;
}

.add-a-services-progress-bar .signup-3 .progress-bar li:nth-child(2):before {
    content: "I";
}

.add-a-services-progress-bar .signup-3 .progress-bar li:nth-child(2):after {
    background: #e3e2e2;
}


/* SIGNUP PAGE 4 */

.add-a-services-progress-bar .signup-4 .progress-bar li:nth-child(4):before {
    color: #e3e2e2;
    border-color: #e3e2e2;
}

.add-a-services-progress-bar .signup-4 .progress-bar li:nth-child(3):before {
    content: "";
}

.add-a-services-progress-bar .signup-4 .progress-bar li:nth-child(3):after {
    background: #e3e2e2;
}

/* SIGNUP PAGE 5 */

.add-a-services-progress-bar .signup-4 .progress-bar li:nth-child(5):before {
    color: #e3e2e2;
    border-color: #e3e2e2;
}

.add-a-services-progress-bar .signup-4 .progress-bar li:nth-child(4):before {
    content: "";
}

.add-a-services-progress-bar .signup-4 .progress-bar li:nth-child(4):after {
    background: #e3e2e2;
}

/* SIGNUP PAGE 6 */

.add-a-services-progress-bar .signup-4 .progress-bar li:nth-child(6):before {
    color: #e3e2e2;
    border-color: #e3e2e2;
}

.add-a-services-progress-bar .signup-4 .progress-bar li:nth-child(5):before {
    content: "";
}

.add-a-services-progress-bar .signup-4 .progress-bar li:nth-child(5):after {
    background: #e3e2e2;
}

.add-service-section {
    border: 1px solid #E7E8EC;
    padding: 16% 9% 16% 9%;
    border-radius: 5px;
    background-color: #f9f9fbeb;
    cursor: pointer;
}

.add-a-services {
    padding: 3% 14% 2% 15%;
    border-radius: 5px;
}

.add-service-section-maps-icon {
    background-color: #FFFFFF;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    font-size: 29px;
    align-content: center;
    text-align: center;
    display: inline-block;
    border: 1px solid #E7E8EC;
    margin-bottom: 5%;
}

.add-service-section-title {
    font-size: 19px;
    font-weight: 700;
    margin-top: 3%;
    margin-bottom: 0px;
}

.add-service-section-desc {
    font-size: 14.5px;
    color: #80828D;
    font-weight: 400;
}

.btn-select-branch {
    background-color: #FABA25;
    color: white;
    font-size: 14px;
    padding: 8px 25px 8px 25px;
    border-radius: 5px;
}

.btn-select-branch:hover {
    background-color: #faba25c4;
    color: white;
}

.btn-select-branch:active {
    background-color: #faba25c4 !important;
    color: white !important;
}

.add-a-services .selected-div {
    background-color: #FFFAE9 !important;
    border-color: #FABA25 !important;
}

.add-a-services .selected-div .add-service-section-maps-icon {
    background-color: #FABA25;
    border-color: #FABA25;
}

.add-a-services .selected-div .add-service-section-maps-icon i {
    color: white;
}

/***** add-a-services-page ******/
/***** add-a-services-location-page ******/
.add-a-services-location-progress-bar {
    margin: 0px 15% 0px 15%;
}

.add-a-services-location-progress-bar .progress-bar-wrapper {
    width: 100%;
    background: #ffffff;
    margin: auto;
    padding: 20px;
    border-radius: 5px;
}

.add-a-services-location-progress-bar .progress-bar {
    overflow: hidden;
    text-align: center;
    list-style-type: none;
    flex-direction: row;
    padding-bottom: 5px;
}

.add-a-services-location-progress-bar .progress-bar li {
    float: left;
    font-size: 9.7px;
    line-height: 11px;
    width: 25%;
    position: relative;
    z-index: 1;
    color: #80828D;
    font-weight: 400;
}

.add-a-services-location-progress-bar .progress-bar li:before {
    content: "";
    font-family: dreamspace;
    display: block;
    font-size: 10px;
    line-height: 25px;
    color: #d5dbdb;
    background: #ffffff;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    margin: 0 auto 5px auto;
    border: 1px #e3e2e2 solid;
}

.add-a-services-location-progress-bar .progress-bar li:after {
    content: "";
    width: 100%;
    height: 1px;
    background: #e3e2e2;
    position: absolute;
    margin: auto;
    left: 50%;
    top: 13px;
    z-index: -1;
}

.add-a-services-location-progress-bar .progress-bar li:last-child:after {
    display: none;
}


/* SIGNUP PAGE 1 */

.add-a-services-location-progress-bar .signup-1 .progress-bar li:first-child:before {
    color: white;
    border-color: #FABA25;
    background-color: #FABA25;
}


/* SIGNUP PAGE 2 */

.add-a-services-location-progress-bar .signup-2 .progress-bar li:nth-child(2):before {
    color: white;
    border-color: #FABA25;
    background-color: #FABA25;
}

.add-a-services-location-progress-bar .signup-2 .progress-bar li:first-child:before {
    content: "H";
}

.add-a-services-location-progress-bar .signup-2 .progress-bar li:first-child:after {
    background: #FABA25;
}


/* SIGNUP PAGE 3 */

.add-a-services-location-progress-bar .signup-3 .progress-bar li:nth-child(3):before {
    color: #e3e2e2;
    border-color: #e3e2e2;
}

.add-a-services-location-progress-bar .signup-3 .progress-bar li:nth-child(2):before {
    content: "I";
}

.add-a-services-location-progress-bar .signup-3 .progress-bar li:nth-child(2):after {
    background: #e3e2e2;
}


/* SIGNUP PAGE 4 */

.add-a-services-location-progress-bar .signup-4 .progress-bar li:nth-child(4):before {
    color: #e3e2e2;
    border-color: #e3e2e2;
}

.add-a-services-location-progress-bar .signup-4 .progress-bar li:nth-child(3):before {
    content: "";
}

.add-a-services-location-progress-bar .signup-4 .progress-bar li:nth-child(3):after {
    background: #e3e2e2;
}

/* SIGNUP PAGE 5 */

.add-a-services-location-progress-bar .signup-4 .progress-bar li:nth-child(5):before {
    color: #e3e2e2;
    border-color: #e3e2e2;
}

.add-a-services-location-progress-bar .signup-4 .progress-bar li:nth-child(4):before {
    content: "";
}

.add-a-services-location-progress-bar .signup-4 .progress-bar li:nth-child(4):after {
    background: #e3e2e2;
}

/* SIGNUP PAGE 6 */

.add-a-services-location-progress-bar .signup-4 .progress-bar li:nth-child(6):before {
    color: #e3e2e2;
    border-color: #e3e2e2;
}

.add-a-services-location-progress-bar .signup-4 .progress-bar li:nth-child(5):before {
    content: "";
}

.add-a-services-location-progress-bar .signup-4 .progress-bar li:nth-child(5):after {
    background: #e3e2e2;
}

.add-a-services-location {
    padding: 3%;
}

.input-maps-icon {
    padding-left: 30px !important;
    background: url(../images/fi-rr-marker.png) no-repeat left;
    background-repeat: no-repeat;
    outline: 0;
    background-position: 6px;
    background-size: 17px;
}

.locations-tabs {
    background-color: #e7e8ec45;
    margin-top: 2%;
    border: 1px solid #E7E8EC;
    border-radius: 5px;
    padding: 3px 3px 5px 3px;
}

.btn-tabs-location {
    background-color: #FABA25;
    color: white;
    font-size: 14px;
    border-radius: 3px;
    padding: 7.5px 30px 7.5px 30px;
    font-weight: 600;
}

.btn-tabs-dis-location {
    background-color: transparent;
    color: #80828D;
    font-size: 12px;
    border-radius: 3px;
    padding: 7.5px 30px 7.5px 30px;
    font-weight: 400;
}

.add-a-services-location select {
    padding: .575rem 0.75rem !important;
}

.add-a-services-location-title {
    font-size: 14px;
    font-weight: 400;
}

.add-a-services-location-title span {
    font-weight: 600
}

.workshop-location {
    background-color: #e7e8ec45;
    border: 1px solid #E7E8EC;
    padding: 10px 10px 10px 10px;
    border-radius: 5px;
}

.workshop-location-title {
    font-weight: 600;
    font-size: 15px;
    color: #1E1F24;
    float: left;
    margin-top: 3px;
    margin-bottom: 4px;
}

.workshop-location-time {
    color: #FABA25;
    font-size: 14px;
    font-weight: 600;
    float: right;
    margin-top: 3px;
    margin-bottom: 0px;
}

.workshop-location-desc {
    float: inline-start;
    color: #62636C;
    font-size: 12.5px;
    font-weight: 400;
    margin-bottom: 8px;
}

.workshop-location-desc img {
    margin-right: 3px;
}

.workshop-location-track {
    float: inline-start;
    color: #80828D;
    font-size: 13px;
    font-weight: 400;
}

.workshop-location-track span {
    color: #1E1F24;
    margin-left: 4px;
    font-weight: 400;
}

.add-a-services-location-last {
    width: 100%;
    margin-top: -14px;
    display: inline-block;
}

.btn-add-a-services-location {
    float: inline-end;
    background-color: #FABA25;
    color: white;
    border-radius: 5px;
    padding: 7px 15px 7px 15px;
    font-size: 12px;
    margin-top: 12px;
}

.btn-add-a-services-location-img {
    float: inline-end;
    padding: 0px;
    margin-right: 3px;
    margin-top: 12px;
}

.btn-add-a-services-location-img img {
    width: 37px;
}

.add-a-services-location .map {
    height: 98%;
    width: 100%;
    margin-top: 2%;
}

/***** add-a-services-location-page ******/
.select-services {
    padding: 0px 5%;
}

.select-services-title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 0px;
}

.select-services-subtitle {
    color: rgba(128, 130, 141, 0.71);
    font-size: 14px;
    font-weight: 400;
}

.services-options {
    padding: 10px 26px 10px 26px;
    border: 1px solid #E7E8EC;
    border-radius: 5px;
    cursor: pointer;
}

.services-options-title {
    font-size: 13.5px;
    font-weight: 500;
    margin-bottom: -5px;
    display: contents;

}

.services-options-details {
    font-size: 11px;
    color: #80828dbd;
    text-decoration: underline;
    display: block;
    /*    margin-left: 29px;*/
}

.select-services .btn-submit {
    float: inline-end;
}

.select-services .selected-div {
    background-color: #FFFAE9;
    border-color: #FABA25 !important;
}

.select-services .selected-div p {
    color: #FABA25 !important;
}

.show-campaigns-select-date-time .btn-submit {
    width: 45%
}

.services-description {
    padding: 1% 31.5% 1% 38%;
}

.services-description-section {
    margin-bottom: 8%;
}

.services-description-section label {
    color: black;
    font-size: 16px;
    font-weight: 600;
}

.services-description-section span {
    color: #80828dcf;
    font-size: 14px;
    margin-left: 5px;
    font-weight: 400;
}

.services-description-section p {
    color: #80828dcf;
    font-size: 13px;
    font-weight: 400;
    margin-top: 7px;
}

.services-description .drag-file-area {
    margin-left: 79px;
}

.documents-sections {
    border: 1px solid #E7E8EC;
    border-radius: 7px;
    padding: 9px 15px 9px 15px;
    margin-top: 1px;
}

.documents-sections-details {
    margin-bottom: 0px;
    font-size: 13px;
    font-weight: 500;
}

.documents-sections-details img {
    width: 20px;
    margin-right: 10px;
}

.documents-sections-details span {
    float: inline-end;
    color: #80828D;
    font-weight: 400;
    font-size: 12px;
    margin-right: 10px;
    margin-top: 1px;
}

.documents-sections-details i {
    float: inline-end;
    font-size: 15px;
    color: #80828D;
}

.book-a-services-documents {
    background-color: #F7F8FB;
    border: 1px solid #E7E8EC;
    border-radius: 6px;
    padding: 9px 0px 9px 0px;
    margin-left: 2px;
    margin-right: 2px;
}

.book-a-services-next {
    width: 45%
}

.table-appointment {
    width: 225px;
}

.table-appointment .form-control {
    font-size: 11px;
    width: auto;
    padding: 6px 10px 6px 10px !important;
}

.table-appointment .select-time2 {
    padding: 4px 12px 4px 12px;
    width: auto;
    white-space: nowrap;
    align-content: center;
    height: fit-content;
}

.table-appointment-td {
    width: 250px;
}

.btn-see-all {
    float: inline-end;
    color: white;
    font-weight: 500;
    margin-top: 16px;
    margin-bottom: -55px;
    font-size: 13px;
    background-color: #ffb50a;
    text-wrap: nowrap;
}

.btn-see-all:hover {
    color: black;
    background-color: #E7E8EC;
}

/***** my-order-page ******/
.admin-img-info {
    width: 90px;
    height: fit-content;
    border-radius: 7px;
    margin-right: 21px;
}

.admin-info {
    background-color: white;
    border: 1px solid #E7E8EC;
    border-radius: 5px;
    margin-top: -7rem;
    width: 92%;
}

.admin-info-top {
    padding: 15px 20px 7px 20px;
}

.admin-commercial-info {
    margin-bottom: 0px;
    font-size: 10px;
    background-color: #FABA25;
    padding: 3px 8px 3px 8px;
    width: fit-content;
    color: white;
    border-radius: 4px;
}

.admin-name-info {
    margin-bottom: -1px;
    font-size: 16px;
    font-weight: 600;
    color: #1E1F24;
}

.admin-mail-info {
    margin-bottom: 12px;
    font-size: 12px;
    color: #62636ccf;
}

.my-order-tabs {
}

.my-order-tabs .active {
    color: #FABA25 !important;
}

.my-order-tabs .nav-item i {
    margin-right: 14px;
    font-size: 18px;
}

.my-order-tabs .nav-item {
    border-bottom: 1px solid #E7E8EC;
    padding: 12px 10px 12px 20px;
}

.my-order-tabs .my-order-tabs-btn {
    background-color: transparent;
    border: none;
    font-size: 15px;
    color: #1e1f24d6;
    font-weight: 500;
}

.admin-info-account {
    background-color: #F7F8FB;
    color: #80828D;
    font-size: 13.5px;
    font-weight: 500;
    padding: 16px 18px 16px 26px;
    margin-top: 10px;
    margin-bottom: 5px;
}


.order-sort-by select {
    height: fit-content;
}

.order-status select {
    height: fit-content;
    width: 90px;
}

.order-brand select {
    height: fit-content;
    width: 90px;
}

.order-details-acc:hover {
    color: #FABA25;
}

.order-details-acc {
    font-size: 13px;
    font-weight: 500;
    background-color: transparent;
    border: none;
    text-decoration: underline;
    color: black;
}

.order-brand {
    margin-right: 15px;
}

.table {
    padding: 1% 0% 1% 0%;
    border: 1px solid #E7E8EC;
    border-color: #e7e8ecba !important;
}

.table th {
    color: #80828dcf;
    font-weight: 600;
    font-size: 12px;
    background-color: #F7F8FB;
    vertical-align: middle;
}

.table td span {
    font-weight: 600;
    color: black;
}

.table td {
    font-size: 11.5px;
    color: #80828D;
    border-color: #E7E8EC;
    vertical-align: middle;
}

.status-completed {
    border: 1px solid #42D697;
    width: fit-content;
    color: #42D697 !important;
    background-color: #DDFAEA;
    border-radius: 5px;
    padding: 2px 5px 2px 5px;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 500;
}

.status-canceled {
    border: 1px solid #FA2525;
    width: fit-content;
    color: #FA2525;
    background-color: #FFDBD5;
    border-radius: 5px;
    padding: 2px 5px 2px 5px;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 500;
}

.status-in-progress {
    border: 1px solid #428FD6;
    width: fit-content;
    color: #428FD6;
    background-color: #EEF4FF;
    border-radius: 5px;
    padding: 2px 5px 2px 5px;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 500;
}

.status-warning {
    border: 1px solid #FABA25;
    width: fit-content;
    color: #FABA25;
    background-color: #FFE9BA;
    border-radius: 5px;
    padding: 2px 5px 2px 5px;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 500;
}

.reorder-btn {
    background-color: #FABA25;
    color: white;
    font-size: 13px;
}

.reorder-btn:hover {
    background-color: #faba25d4;
    color: white;
}

.reorder-btn:active {
    background-color: #faba25d4 !important;
    color: white !important;
}

.save-changes {
    background-color: #FABA25;
    color: white;
    font-size: 13px;
    float: inline-end;
}

.save-changes:hover {
    background-color: #faba25d4;
    color: white;

}

.save-changes:active {
    background-color: #faba25d4 !important;
    color: white !important;
}

.new-address-btn {
    width: fit-content;
    font-size: 13px;
    height: fit-content !important;
    white-space: nowrap;
    float: right !important;
}

.view-btn {
    padding: 0px;
    margin: 0px;
}

.view-btn i {
    color: #FABA25;
    font-size: 20px;
}

.view-btn:hover i {
    color: gray;
}

.notification-title {
    border-bottom: 1px solid #E7E8EC;
    margin-bottom: 17px;
}

.notification-title p {
    font-size: 15px;
    color: #1E1F24;
    font-weight: 500;
}

.notified-subtitle {
}

.notified-subtitle p {
    color: #80828D;
    font-size: 15px;
    margin-bottom: 13px;
}

.form-check-notified {
    float: inline-end;
}

.notifications-tab {
    margin-right: 6%;
}

.brand-img {
    width: 44px;
    height: fit-content;
    margin-right: 10px;
}

.brand-info {
}

.brand-info-title {
    margin-bottom: 0px;
    color: #80828D;
    font-size: 12px;
    font-weight: 600;
}

.brand-info-subtitle {
    margin-bottom: 0px;
}

.brand-details {
    margin-top: 5px;
    margin-bottom: 4px;
}

.orders-tab-btn {
    background-color: transparent;
    border: none;
    padding-bottom: 8px;
    color: #495057;
    font-size: 15px;
}

.orders-tab {
    border-bottom: 1px solid #dcdcdc69;
    margin-top: 2.5%;
}

.orders-tab .active {
    color: #FABA25 !important;
    border-bottom: 2px solid #FABA25;
}

.orders-tab li {
    margin-right: 20px;
}

.edit-tab {
}

.edit-tab label {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 10px;
}

.birthday-form-group .month {
    width: 75%;
    margin-right: 10px;
}

.birthday-form-group .day {
    width: 55%;
    margin-right: 10px;
}

.birthday-form-group .year {
    width: 75%;
    margin-right: 10px;
}

.link-to-pay {
    text-decoration-line: underline
}

hr.edit-line {
    color: #c1c1c1;
    margin: 29px 0px 20px 13px;
    width: 96%;
}

.book-services-btn {
    background-color: #373F50;
    color: white;
    font-size: 11px;
}

.book-services-btn:hover {
    background-color: #373f50d6;
    color: white;
}

.book-services-btn:active {
    background-color: #373f50d6 !important;
    color: white !important;
}

.fleet-info1 {
    background-color: #FFF3D7;
    border-radius: 5px;
    padding: 13px 59px 13px 24px;
}

.fleet-info2 {
    background-color: #C7F6DC;
    border-radius: 5px;
    padding: 13px 59px 13px 24px;
}

.fleet-info3 {
    background-color: #D9E9F7;
    border-radius: 5px;
    padding: 13px 59px 13px 24px;
}

.fleet-info4 {
    background-color: #FFEAE6;
    border-radius: 5px;
    padding: 13px 59px 13px 24px;
}

.fleet-info-img1 {
    background-color: white;
    text-align: center;
    align-content: center;
    padding: 15px;
    border-radius: 50%;
    width: 96px;
    height: 68px;
    margin-right: 5px;
    margin-top: 2px;
}

.fleet-info-img2 {
    background-color: white;
    text-align: center;
    align-content: center;
    padding: 10px;
    border-radius: 50%;
    margin-left: -8px;
    width: 68px;
    height: 68px;
    margin-right: 5px;
    margin-top: 2px;
}

.fleet-info-img2 img {
    width: 32px;
}

.fleet-info-img3 {
    background-color: white;
    text-align: center;
    align-content: center;
    padding: 19px;
    border-radius: 50%;
    width: 96px;
    height: 68px;
    margin-right: 5px;
    margin-top: 2px;
}

.fleet-info-img4 {
    background-color: white;
    text-align: center;
    align-content: center;
    padding: 19px;
    border-radius: 50%;
    width: 70px;
    height: 68px;
    margin-right: 5px;
    margin-top: 2px;
    margin-left: -5px;
}

.fleet-info-img4 img {
    width: 28px;
}

.fleet-info-img3 img {
    width: 27px;
}

.fleet-info-title {
    font-weight: 500;
    font-size: 21px;
    margin-bottom: -3px;
    margin-left: 16px;
}

.fleet-info-subtitle {
    color: #626161;
    font-size: 14px;
    white-space: nowrap;
    margin-left: 16px;
}

.safe-deal-section {
    border: 1px solid #E7E8EC;
    padding: 10px;
    display: inline-block;
    border-radius: 5px;
}

.safe-deal-title {
    font-size: 18px;
    font-weight: 500;
    border-bottom: 1px solid #E7E8EC;
    padding-bottom: 9px;
    z-index: 9;
    position: relative;
}

.safe-deal-desc {
    margin-right: 22px;
    text-align: center;
    width: 100%;
    z-index: 999;
}

.safe-deal-num {
    font-size: 16px;
    margin-bottom: 0px;
    font-weight: 500;
    display: inline-block;
}

.safe-deal-details {
    color: #80828D;
    font-size: 13px;
    white-space: nowrap;
    margin-bottom: -6px;
}

.safe-deal-chart {
    margin-top: -45px;
    margin-bottom: -44px;
}

.bi-person {
    font-size: 21px !important;
}

.bi-person-check {
    font-size: 21px !important;
}

.bi-person-plus {
    font-size: 15px !important;
}

.form-details-read {
    font-size: 13px;
    color: goldenrod;
    font-weight: 500;
    margin-left: 5px;
}

.telematics-map {
    border: 1px solid #E7E8EC;
    padding: 1%;
    border-radius: 6px;
}

.telematics-map img {
    width: 100%
}

.dashboard-tabs {
    color: #80828D !important;
}

.telematics-title {
    border-bottom: 1px solid #E7E8EC;
    padding-bottom: 10px;
    font-size: 16px;
    font-weight: 500;
}

.telematics-btn {
    font-size: 16px;
}

.dashboard-icon {
    padding-left: 30px !important;
    background: url(../images/fi-rr-dashboard1.png) no-repeat left;
    background-repeat: no-repeat;
    outline: 0;
    background-position: 6px;
    background-size: 17px;
}

.history-details {
    font-size: 19px;
    font-weight: 700;
}

.ownership-tab label {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 10px;
}

.reporting-tab label {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 10px;
}

.item-details-section label {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 10px;
}

.item-details-section input {
    margin-bottom: 15px;
}

.item-details-section select {
    margin-bottom: 15px;
}

.invoice-details {
    border: 1px solid #E7E8EC;
    border-radius: 5px;
    padding: 14px 72px 14px 24px;
}

.invoice-details-num {
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 0px;
}

.invoice-details-title {
    color: #80828db3;
    font-size: 15px;
    margin-bottom: 11px;
}

.invoice-details-total {
    background-color: #F7F8FB;
    width: fit-content;
    font-size: 11px;
    padding: 7px 10px 7px 10px;
    border-radius: 50px;
}

.invoice-details-total p {
    margin-bottom: 0px;
    color: #80828dd1;
}

.warranty-title-coil {
    font-size: 21px;
    width: fit-content;
    display: inline-block;
    font-weight: 600;
    text-transform: uppercase;
}

.warranty-info-title {
    font-size: 15px;
    color: #80828D;
    margin-bottom: 0px;
}

.warranty-info-desc {
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 16px;
}

.warranty-tab-border-left {
    border-left: 1px solid gainsboro;
}

.user-management-grids {
    float: inline-end;
    display: contents;
}

.user-management-grids .grids-tab1 {
    margin-top: 4px;
    margin-left: 10px;
}

.user-management-grids .grids-tab2 {
    margin-top: 5px;
    margin-right: 8px;
}

.invite-user-btn {
    width: fit-content;
    font-size: 13px;
    height: fit-content !important;
    white-space: nowrap;
    padding: 8px 15px 8px 15px;
    margin-top: 1px;
    margin-left: 9px;
}

.grids-tab1 i {
    font-size: 23px;
    margin-top: -4px;
}

.grids-tab2 i {
    font-size: 21px;
    margin-top: -4px;
}

.user-management-grids i {
    color: gray
}

.user-management-grids .active i {
    color: #FABA25
}

.user-management-card-view {
    border: 1px solid #E7E8EC;
    border-radius: 5px;
    text-align: center;
    padding: 10px 31px 10px 31px;
}

.user-management-card-view .cus-name {
    background-color: #FFE9BA;
    margin: 7% 31% 7% 31%;
    height: 80px;
    width: 80px;
    align-content: center;
    border-radius: 50px;
    font-size: 32px;
    font-weight: 700;
    color: #9A6F00;
}

.user-management-card-view .full-name {
    font-size: 15px;
    margin-bottom: 1px;
    font-weight: 600;
}

.user-management-card-view .user-job {
    font-size: 13px;
    color: #80828dd1;
    margin-bottom: 6px;
}

.user-management-card-view .user-name {
    color: #80828dd1;
    font-size: 13px;
}

.user-management-card-view .edit-account-btn {
    border: 1px solid #FABA25;
    color: #FABA25;
    font-size: 14px;
    border-radius: 4px;
    width: -webkit-fill-available;
    margin-right: 10px;
}

.user-management-card-view .btn-icon-table-delete {
    color: red;
    border: 1px solid #ff00008c;
    border-radius: 4px;
    padding-top: 4px;
}

.user-management-modal label {
    font-size: 15px;
    font-weight: 500;
    margin-bottom: 9px;
}

/***** my-order-page ******/

/***** Trucks Details-page ******/
.trucks-details img {
    vertical-align: middle;
}

/* Position the image container (needed to position the left and right arrows) */
.trucks-details .container {
    position: relative;
}

/* Hide the images by default */
.trucks-details .mySlides {
    display: none;
}

/* Add a pointer when hovering over the thumbnail images */
.trucks-details .cursor {
    cursor: pointer;
}

/* Next & previous buttons */
.trucks-details .prev,
.trucks-details .next {
    cursor: pointer;
    position: absolute;
    top: 40%;
    width: auto;
    padding: 16px;
    margin-top: -50px;
    color: white;
    font-weight: bold;
    font-size: 20px;
    border-radius: 0 3px 3px 0;
    user-select: none;
    -webkit-user-select: none;
    z-index: 999999;
    background-color: black;
    margin-left: 0px;
    margin-right: 12px;
}

/* Position the "next button" to the right */
.trucks-details .next {
    right: 0;
    border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.trucks-details .prev:hover,
.trucks-details .next:hover {
    background-color: rgba(0, 0, 0, 0.8);
}

/* Number text (1/3 etc) */
.trucks-details .numbertext {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0;
}

/* Container for image text */
.trucks-details .caption-container {
    text-align: center;
    background-color: #222;
    padding: 2px 16px;
    color: white;
}

.trucks-details .row:after {
    content: "";
    display: table;
    clear: both;
}

.trucks-details .row {
    margin: 1px 0px 1px 0px;
}

/* Six columns side by side */
/*
.trucks-details .column {
    float: left;
    width: 18%;
    padding: 4px 0px 4px 0px;
}
*/

/* Add a transparency effect for thumnbail images */
/*
.trucks-details .demo {
    opacity: 0.6;
}
*/

/*
.trucks-details .active,
.trucks-details .demo:hover {
    opacity: 1;
}
*/
.trucks-details .column img {
    height: 110px;
}

.details-fav-icon {
    background-color: #f3f3f3;
    height: 45px;
    width: 45px;
    border-radius: 50px;
    text-align-last: center;
    align-content: center;
    font-size: 20px;
    padding-top: 3px;
    color: #FABA25;
}


.details-share-icon {
    background-color: #f3f3f3;
    height: 45px;
    width: 45px;
    border-radius: 50px;
    text-align-last: center;
    align-content: center;
    font-size: 20px;
    color: #373F50;
    margin-left: 10px;
}

.item-num-details {
    color: #B9BBC6;
    font-size: 14px;
    margin-top: 2%;
    margin-bottom: 1px;
}

.item-num-details span {
    color: black;
}

.item-title-details {
    font-size: 32px;
    font-weight: 600;
}

.item-price-details {
    color: #FABA25;
    font-size: 28px;
    font-weight: 700;
}

.trucks-details .book-service-trucks-details-part1 p {
    color: #80828dd4;
    font-size: 14px;
    font-weight: 500;
}

.trucks-details .book-service-trucks-info-part1 {
    border-bottom: none;
    margin-top: 28px;
}

.item-info-details {
    color: #80828dde;
    font-size: 14.1px;
    margin-top: 4%;
    line-height: 23px;
    border-bottom: 1px solid #E7E8EC;
    padding-bottom: 25px;
}

.read-more-btn {
    color: #FABA25;
}

.prod-details {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 2px;
}

.prod-sub-details {
    font-size: 14px;
    color: #80828D;
}

.request-quote-details {
    background-color: #FABA25;
    color: white;
    padding: 10px 80px 10px 80px;
    border-radius: 5px;
    font-size: 14px;
    margin-top: 2%;
}

.request-quote-details-download {
    color: #FABA25;
    background-color: white;
    padding: 10px 80px;
    border: 1px solid #FABA25;
    border-radius: 5px;
    font-size: 14px;
    margin-top: 2%;
    text-decoration: none;
    transition: background-color 0.3s, color 0.3s;
}

.request-quote-details-download:hover {
    background-color: #FABA25;
    color: white;
}

.multicarousel {
    float: left;
    overflow: hidden;
    padding: 15px;
    width: 100%;
    position: relative;
}

.multicarousel .multicarousel-inner {
    transition: 1s ease all;
    float: left;
    display: flex;
    margin-left: 30px;
    width: 1930px !important;
}

.multicarousel .multicarousel-inner .item {
    float: left;
}

.multicarousel .multicarousel-inner .item > div {
    text-align: center;
    padding: 10px;
    margin: 10px;
    width: 200px;
}

.multicarousel .leftLst,
.multicarousel .rightLst {
    position: absolute;
    border-radius: 13%;
    top: calc(50% - 20px);
}

/******* Bnt Full********
.multicarousel .leftLst, .multicarousel .rightLst {
    position: absolute;
    border-radius: 50%;
    height: 80%;
    top: 24px;
}**/

.multicarousel .leftLst {
    left: 0;
}

.multicarousel .rightLst {
    right: 0;
}

.multicarousel .leftLst.over,
.multicarousel .rightLst.over {
    pointer-events: none;
    background: #cccccc85;
    color: white;
    border: none;
}

.multicarousel .service-trucks-details {
    border: 1px solid #E7E8EC;
    border-radius: 7px;
    margin-top: 7%;
    padding: 25px 25px 12px 25px;
    width: 200px;
}

.multicarousel .service-trucks-desc2 {
    font-weight: 700;
    font-size: 19px;
    margin-bottom: 8px;
    text-align: start;
}

.leftLst {
    font-size: 18px;
    background-color: #FABA25;
    border: 1px solid #FABA25;
    color: white;
}

.rightLst {
    font-size: 18px;
    background-color: #FABA25;
    border: 1px solid #FABA25;
    color: white;
}

.rightLst:hover {
    background-color: #faba25ba;
    border: 1px solid #faba258f;
    color: white;
}

.leftLst:hover {
    background-color: #faba258f;
    border: 1px solid #faba258f;
    color: white;
}

.rightLst:active {
    background-color: #faba258f;
    border: 1px solid #faba258f;
    color: white;
}

.leftLst:active {
    background-color: #faba258f;
    border: 1px solid #faba258f;
    color: white;
}

.multicarousel .item {
    position: relative;
    margin: 2%;
    overflow: hidden;
    width: 200px !important;
    display: contents;
    border-radius: 7px;
}

.column .active {
    border: 2px solid #FABA25;
}

/***** Trucks Details-page ******/
.carousel-home .carousel-item img {
    background-size: cover !important;
    background-blend-mode: multiply !important;
    background-position: 11% 101% !important;
    width: -webkit-fill-available !important;
    height: -webkit-fill-available;
    transform: translate(0%, -25%);
}

.carousel-home .carousel-control-next,
.carousel-home .carousel-control-prev {
    position: absolute !important;
    top: 0% !important;
    bottom: 0 !important;
    z-index: 1 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 8% !important;
    padding: 0 !important;
    color: #fff !important;
    text-align: center !important;
    background: 0 0 !important;
    border: 0 !important;
    opacity: 0.9 !important;
    transition: opacity .15s ease !important;
}

.carousel-home .carousel-inner {
    position: relative !important;
    width: 101% !important;
    overflow: hidden !important;
    height: 480px !important;
    border-radius: 10px ;
}

.carousel-home .carousel-item {
    position: relative !important;
    float: left !important;
    width: 108% !important;
    margin-right: -100% !important;
    -webkit-backface-visibility: hidden !important;
    backface-visibility: hidden !important;
    transition: transform .6s ease-in-out !important;
}

.third-img {
    transform: translate(0%, -9%) !important;
}

.check-out-details-part3 .Shopping-Cart-price {
    font-size: 17px !important;
    color: #FABA25;
    font-weight: 700;
    text-align: left !important;
}

.book-service-home {
    padding: 0% 18% 0% 13%;
}

.btn-myfleet-modal {
    width: 200px;
}

.btn-submit-modal {
    background-color: #FABA25 !important;
    border-color: transparent !important;
}

.select-services-title span {
    color: #FABA25
}

.year-input input::-webkit-datetime-edit-month-field,
.year-input ::-webkit-datetime-edit-day-field,
.year-input ::-webkit-datetime-edit-text {
    display: none;
}

.about-us {
    margin-bottom: 4%;
}

.about-us p {
    color: gray;
    font-size: 15px;
    line-height: 27px;
}

.about-us-img {
    margin-bottom: 4%;
}

.about-us-img img {
    width: -webkit-fill-available;
}

.stats {
    width: 100%;
    height: 200px;
    float: left;
    border-radius: 15px;
    box-shadow: rgb(0 0 0 / 20%) 0px 4px 10px;
}

.stats-overlay {
    width: 100%;
    height: 200px;
    float: left;
    border-radius: 15px;
}

.statsbar {
    width: 100%;
    height: 100px;
    margin-top: 120px;
}

.stat-one {
    width: 25%;
    height: 100px;
    float: left;
}

.stat-two {
    width: 25%;
    height: 100px;
    float: left;
}

.stat-three {
    width: 25%;
    height: 100px;
    float: left;
}

.stat-four {
    width: 25%;
    height: 100px;
    float: left;
}

.stat-five {
    width: 20%;
    height: 100px;
    float: left;
}

.stat-number {
    width: 100%;
    padding-bottom: 20px;
    height: 50px;
    float: left;
    text-align: center;
    color: #FFF;
    font-size: 60px;
    font-weight: 100;
    text-transform: uppercase;
    color: #FFF;
}

.stat-title {
    font-size: 40px;
    width: 100%;
    height: 50px;
    float: left;
    text-align: center;
    color: #FFF;
    font-weight: 100;
    text-transform: uppercase;
    color: #FFF;
}

background-image:

url
(
../images/25H.jpg
)
;
background-attachment: fixed

;
}

.personality-overlay {
    width: 100%;
    height: 300px;
    float: left;
    background: rgb(0, 200, 200);
    background: rgba(52, 119, 206, 0.7);
    background-attachment: fixed;
}

.statsbar {
    width: 100%;
    height: 100px;
    margin-top: 53px;
}

.stat-one {
    width: 20%;
    height: 100px;
    float: left;
}

.stat-two {
    width: 20%;
    height: 100px;
    float: left;
}

.stat-three {
    width: 20%;
    height: 100px;
    float: left;
}

.stat-four {
    width: 20%;
    height: 100px;
    float: left;
}

.stat-number {
    width: 100%;
    height: 50px;
    float: left;
    text-align: center;
    color: #FFF;
    font-size: 48px;
    font-weight: 400;
    text-transform: uppercase;
    color: #FFF;
}

.stat-title {
    width: 100%;
    height: 50px;
    float: left;
    text-align: center;
    color: #FFF;
    font-size: 14px;
    font-weight: 300;
    text-transform: uppercase;
    color: #FFF;
    margin-top: 9%;
}

.grad-sec {
    background: linear-gradient(-45deg, #ffdb88, #FABA25, #e7a202);
    background-size: 400% 400%;
    animation: gradient 5s ease infinite;
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

.about-us-sec2 {
    margin-top: 1.5%;
    text-align: center;
    background-color: #dcdcdc29;
    padding: 40px;
    border-radius: 5px;
    margin-bottom: 5%;
}

.about-us-sec2-title {
    font-weight: 700;
    font-size: 18px;
}

.about-us-sec2-des-title {
    color: black;
    font-size: 17px;
    font-weight: 500;
}

.about-us-sec2-des-subtitle {
    font-size: 14px;
    color: gray;
}

.about-us-line {
    background-color: #FABA25;
    height: 3px;
    width: 14%;
    margin: 2% 1% 5% 42%;
}

.order-th-first a {
    text-decoration: underline;
    color: black;
}

.h-max {
    height: max-content !important;
}

.admin-individual-tabs .btn-admin-individual {
    padding: 5px 10px 7px 10px;
}

.admin-individual-tabs {
    border-bottom: 1px solid #E7E8EC;
    margin-bottom: 20px;
}

.admin-individual-tabs .nav-item {
    font-size: 15px;
    font-weight: 200;
    color: #80808069;
    margin-right: 19px;
}

.admin-individual-tabs .nav-item .btn {
    font-size: 15px;
    font-weight: 200;
    color: #808080ad;
}

.admin-individual-tabs .active {
    color: #FABA25;
    border-bottom: 1px solid #FABA25;
}

.admin-commercial-tabs .btn-admin-commercial {
    padding: 5px 10px 7px 10px;
}

.admin-commercial-tabs {
    border-bottom: 1px solid #E7E8EC;
    margin-bottom: 20px;
}

.admin-commercial-tabs .nav-item {
    font-size: 15px;
    font-weight: 200;
    color: #80808069;
    margin-right: 19px;
}

.admin-commercial-tabs .nav-item .btn {
    font-size: 15px;
    font-weight: 200;
    color: #808080ad;
}

.admin-commercial-tabs .active {
    color: #FABA25;
    border-bottom: 1px solid #FABA25;
}

.sign-up-cancel-btn {
    background-color: #FFFFFF;
    color: #80828D;
    border: 1px solid #80828D;
    width: auto;
    height: auto;
    border-radius: 3px;
    font-size: 14px;
    padding: 10px 20px 10px 20px;
}

.sign-up-cancel-btn:hover {
    background-color: #E7E8EC;
    color: black
}

.coming-soon {
    position: absolute;
    width: 62.2%;
    height: 760px;
    background-color: #ffffffe8;
    border-radius: 5px;
    text-align: center;
    font-size: 40px;
    font-weight: 700;
    color: #FABA25;
    align-content: center;
}

.recall-tab .recall-camping-section img {
    width: 39px !important;
}

.recall-tab .recall-camping-title {
    font-size: 18px !important;
    font-weight: 600;
}

.recall-tab .recall-camping-desc {
    font-size: 11px !important;
}

.business-areas-tab {
    cursor: not-allowed !important;
}

.notifications-section {
    border-bottom: 1px solid #E7E8EC;
    padding: 10px 15px 10px 0px;
}

.notifications-section-latest {
    border-bottom: 1px solid #E7E8EC;
    background-color: #F9F9FB;
    padding: 10px 15px 10px 0px;
}

.notifications-details-img {
    height: 100%;
    padding-left: 10px;
    padding-top: 3px;
}

.notifications-details {
    font-size: 11px;
    font-weight: 600;
    height: 100%;
    align-content: center;
}

.notifications-span1 {
    font-size: 11px;
    font-weight: 400;
    color: #80828D;
}

.notifications-span2 {
    font-weight: 500;
    font-size: 11px;
}

.notifications-date {
    font-size: 10px;
    color: #80828D;
    text-align-last: end;
}

.notification-icon {
    width: 23px;
    height: 24px;
    align-self: center;
    margin-right: 8px;
    margin-top: -3px;
}

.notification-cart-menu .notifications-details {
    font-size: 10px;
    font-weight: 600;
    align-content: center;
    margin-bottom: 8px !important;
    height: auto;
}

.notifications-time {
    font-size: 10px;
    font-weight: 400;
    color: #80828D;
    margin-bottom: 0px;
}

.notification-cart-menu .notifications-section {
    border-bottom: 1px solid #E7E8EC;
    padding: 10px 5px 10px 5px;
}

.notification-cart-menu .notifications-section-latest {
    border-bottom: 1px solid #E7E8EC;
    background-color: #F9F9FB;
    padding: 10px 5px 10px 5px;
}

.notification-cart-menu .notifications-span1 {
    font-size: 10px;
    font-weight: 400;
    color: #80828D;
}

.notification-cart-menu .notifications-span2 {
    font-weight: 500;
    font-size: 10px;
}

.last-details .card-sub-add-section {
    width: 123px;
    height: 41px;
    margin-top: 2%;
}

.last-details .card-sub-add-section .subtract-btn img {
    width: 15px;
    height: 15px;
}

.last-details .card-sub-add-section p {
    padding-left: 6px;
    padding-right: 6px;
    margin-bottom: 0px;
    font-size: 16px;
}

.last-details .card-sub-add-section .add-btn img {
    width: 15px;
    height: 15px;
}

.description-details-part1 {
    font-size: 14px;
    color: #80828D;
    line-height: 24px;
    padding: 0px 20px 10px 20px;
}

.description-details-part2 {
    padding: 0px 20px 10px 20px;
}

.description-details-title {
    font-size: 18px;
    font-weight: 500;
}

.description-details-list {
    font-size: 14px;
    color: #80828D;
    line-height: 24px;
}

.description-details-list li {
    list-style: disc;
}

.may-also-like {
    margin-top: 5%;
}

.may-also-like-title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 3%;
}

.may-also-like .card {
    border: 1px solid #E7E8EC;
}

.may-also-like .row {
    padding: 0px 15px 10px 15px;
}

.add-service-table {
    margin: 2% 15% 0% 15%;
}

.btn-add-equipment {
    background-color: #373F50;
    width: 14%;
    color: white;
    padding: 11px;
    border: none !important;
    float: inline-end;
    font-size: 13px;
    margin-right: 10px;

}

.btn-add-equipment:hover {
    background-color: #373f50b8;
    color: white;
}

.btn-add-equipment:active {
    background-color: #373f50b8 !important;
    color: white !important;
}

.your-cart-service .Shopping-Cart-num {
    font-size: 13px;
}

.service-appointment-part2 .book-service {
    padding: 0% 13% 0% 13%;
}

.btn-submit-quotation {
    background-color: #373F50;
    color: #FFFFFF;
    border: 1px solid #373F50;
    width: auto;
    height: auto;
    border-radius: 3px;
    font-size: 14px;
    padding: 10px 20px 10px 20px;
    margin-bottom: 16px;
    float: inline-end;
    margin-right: 5px;
    margin-top: 5%;
}

.btn-submit-quotation:hover {
    background-color: #E7E8EC;
    color: black;
}

.shopping-cart-selectable {
    text-align: center;
    display: ruby-text;
}

.services-options .bi-record-circle-fill {
    margin-right: 10px;
}

#preventive,
#repairs,
#inspections,
#other {
    display: none;
}

.cart-style {
    border-bottom: 1px solid #E7E8EC !important;
}

.cart-style .page-text-header-overlay {
    height: 100%;
    background-color: #F7F8FB !important;
    padding: 0px 104px 0px 74px !important;
}

.cart-style .page-text-header-title {
    color: #1E1F24 !important;
    font-size: 29px !important;
    font-weight: 700 !important;
    margin-top: 20px !important;
    margin-bottom: 7px !important;
    text-align: start !important;
}

.cart-style .page-text-header-desc {
    color: #B9BBC6 !important;
    font-size: 12px !important;
    font-weight: 400 !important;
    margin-bottom: 31px !important;
    text-align: start !important;
}

.dropdown-menu-options {
    background-color: #F9F9FB;
    padding: 10px;
    border-radius: 50%;
    margin-right: 10px;
}

.dropdown-menu-options-title {
    margin-bottom: 0px;
    color: #383838;
    font-size: 13px;
    font-weight: 500;
    margin-top: 4px;
}

.dropdown-menu-options-subtitle {
    font-size: 11px;
    color: #aaaaad;
    margin-bottom: 0px;
    font-weight: 400;
}
.dropdown-item:hover {
    background-color: blanchedalmond;
}
.dropdown-item:hover .dropdown-menu-options-title {
    color: black;
}

.dropdown-item:hover .dropdown-menu-options-subtitle {
    color: #aaaaad;
}

.dropdown-menu-products:hover .dropdown-menu-options-title {
    color: white;
}

.dropdown-menu-products:hover .dropdown-menu-options-subtitle {
    color: white;
}

.assistance-btn {
    background-color: #dcdcdc61;
    color: gray;
    height: 100%;
    border-radius: 3px;
    font-size: 9px;
    font-weight: 500;
    align-self: center;
    padding: 6.5px 8px 6.5px 8px;
}

.assistance-btn:focus,
.assistance-btn:focus-within,
.assistance-btn:active,
.assistance-btn:hover,
.assistance-btn:visited {
    background-color: #dcdcdcb5 !important;
    color: black !important;
}

.assistance-modal label {
    color: #1E1F24;
    font-size: 14px;
    margin-bottom: 10px;
    font-weight: 500;
}

.assistance-modal {
    padding: 25px;
}

.required:after {
    content: "*";
    position: relative;
    font-size: inherit;
    color: #f1416c;
    padding-left: .25rem;
    font-weight: 700;
}

.order-info-details {
    color: #80828dde;
    font-size: 12.5px;
    margin-top: 4%;
    line-height: 23px;
    border-bottom: 1px solid #E7E8EC;
    padding-bottom: 25px;
}

.order-details {
    color: goldenrod;
    font-size: 13px;
    font-weight: 500;
}

.order-title {
    margin-top: 21px;
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 13px;
    border-bottom: 1px solid gainsboro;
    padding-bottom: 15px;
}

.order-details-border {
    margin-top: 3%;
    background-color: #a9a9a912;
    padding: 1px 10px 25px 15px;
    border-radius: 10px;
    box-shadow: rgb(94 94 94 / 14%) 0px 1px 8px;
}

.order-details-border label {
    color: #666666;
    font-size: 14px !important;
}

.h-170 {
    height: 170px
}

.h-300 {
    height: 300px
}


.campaigns-service-allowed .bi {
    display: none;
}

.campaigns-service-not-allowed .bi {
    display: none;
}

.function-check .form-check-input {
    margin-top: 8px;
}

.map-coming-soon {
    position: absolute;
    margin-left: 49%;
    font-size: 32px;
    font-weight: 600;
    margin-top: 18%;
    color: #FABA25;
}

.tab-pane .form-container {
    /* width: 100vw; */
    /* height: 100vh; */
    /* background-color: #7b2cbf; */
    display: flex;
    justify-content: center;
    align-items: center;
}

.tab-pane .upload-files-container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: -webkit-fill-available;
    margin-top: 15px;
    margin-bottom: 20px;
}

.tab-pane .drag-file-area {
    border: 1px solid #E7E8EC;
    border-radius: 6px;
    margin: 0% 0% 0px 0%;
    padding: 8px 11px;
    width: 100%;
    text-align: center;
    height: 46px;
    background-color: #dcdcdc21;
}

.tab-pane .drag-file-area .upload-icon {
    font-size: 20px;
    display: none;
}

.tab-pane .drag-file-area h3 {
    font-size: 10px;
    margin: 7px 4px 4px 4px;
    font-weight: 500;
    width: fit-content;
}

.tab-pane .drag-file-area label {
    font-size: 10px;
    width: 140px;
    float: inline-end;
    margin-top: -18px;
    margin-right: -27px;
}

.tab-pane .drag-file-area label .browse-files-text {
    color: white;
    cursor: pointer;
    font-weight: 300;
    border: 1px solid #FABA25;
    padding: 6px;
    border-radius: 4px;
    top: -21px !important;
    font-size: 9px;
    width: fit-content;
    display: inline;
    margin-left: 20px;
    background-color: #FABA25;
}

.tab-pane .browse-files span {
    position: relative;
    top: -1px;
    margin-left: -66px;
}

.tab-pane .default-file-input {
    opacity: 0;
}

.tab-pane .cannot-upload-message {
    background-color: #ffc6c4;
    font-size: 17px;
    display: flex;
    align-items: center;
    margin: 5px 0;
    padding: 5px 10px 5px 30px;
    border-radius: 5px;
    color: #BB0000;
    display: none;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.tab-pane .cannot-upload-message span,
.tab-pane .upload-button-icon {
    padding-right: 10px;
}

.tab-pane .cannot-upload-message span:last-child {
    padding-left: 20px;
    cursor: pointer;
}

.tab-pane .file-block {
    background-color: #faba2529;
    color: black;
    transition: all 1s;
    width: 323px;
    position: relative;
    display: none;
    flex-direction: row;
    justify-content: space-between;
    margin: 4px 0 0px;
    padding: 3px 14px;
    border-radius: 5px;
    cursor: pointer;
    border: 1px solid #faba2561;
    font-weight: 300;
    align-self: start !important;
}

.tab-pane .file-info {
    display: flex;
    align-items: center;
    font-size: 11px;
}

.tab-pane .file-icon {
    margin-right: 3px;
    font-size: 13px;
}

.tab-pane .file-name,
.tab-pane .file-size {
    padding: 0 3px;
}

.tab-pane .remove-file-icon {
    cursor: pointer;
}

.tab-pane .progress-bar {
    display: flex;
    position: absolute;
    bottom: 0;
    left: 0%;
    height: 5px;
    border-radius: 25px;
    background-color: #4BB543;
}

.tab-pane .upload-button {
    margin-top: 1px;
}

.tab-pane .material-icons-outlined img {
    width: 28px;
}

.tab-pane .span-upload {
    font-size: 11px;
    color: #80828D;
}

.tab-pane .remove-file-icon {
    color: #FABA25;
    font-size: 19px;
}

.tab-pane .upload-comment {
    color: #80828D;
    font-size: 11px;
}

.tab-pane .example-upload {
    border: 1px solid #E7E8EC;
    border-radius: 5px;
    padding: 15px 10px 15px 10px;
    margin-top: 6%;
}

.tab-pane .example-upload-part1 {
    border-bottom: 1px solid #E7E8EC;
    margin-bottom: 11px;
    text-align: center;
}

.example-upload-title {
    font-size: 13px;
    font-weight: 600;
    margin-bottom: 9px;
}

.file-icon {
    margin-right: 10px;
}

.download-icon {
    margin-left: 21px;
    width: 13px;
    margin-top: -3px;
}

.upload-file-example {
    border: 1px solid #E7E8EC;
    border-radius: 5px;
    height: fit-content;
    padding: 10px 15px 10px 15px;
    text-align: center;
}

.upload-file-example p {
    font-size: 11px;
    margin-bottom: 0px;
    color: #80828D;
}

.example-r {
    margin-right: 10px;
}

.upload-signed {
    align-content: center;
    margin-left: 10px;
}

.upload-signed-part1 {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 4px;
}

.upload-signed-part2 {
    font-size: 14px;
    color: #80828D;
    margin-bottom: 0px;
}

.export-cart {
    border: 1px solid gainsboro;
    padding: 10px 10px 10px 10px;
    border-radius: 5px;
    align-content: center;
    margin-top: 3%;
}

.export-cart-file-img {
    background-color: #FFFAE9;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    align-content: center;
    text-align: center;
    margin-right: 10px;
}

.export-cart-file-img img {
    width: 16px;
}

.export-cart-text {
    font-size: 12px;
    color: #80828D;
    margin-right: 23px;
    margin-bottom: 0px;
    align-self: center;
}

.export-cart-down-img {
    width: 15px;
    height: 16px;
    align-self: center;
}

.export-cart-upload .form-container {
    /* width: 100vw; */
    /* height: 100vh; */
    /* background-color: #7b2cbf; */
    display: flex;
    justify-content: center;
    align-items: center;
}

.export-cart-upload .upload-files-container {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: -webkit-fill-available;
}

.export-cart-upload .drag-file-area {
    border: 2px dashed #E7E8EC;
    border-radius: 6px;
    margin: 0.5% 13% 14px 13%;
    padding: 25px 21px;
    width: 100%;
    text-align: center;
}

.export-cart-upload .drag-file-area .upload-icon {
    font-size: 50px;
}

.export-cart-upload .drag-file-area h3 {
    font-size: 15px;
    margin: 12px 0;
    font-weight: 500;
}

.export-cart-upload .drag-file-area label {
    font-size: 14px;
    width: min-content;
}

.export-cart-upload .drag-file-area label .browse-files-text {
    color: #80828D;
    cursor: pointer;
    font-weight: 300;
    border: 1px solid #b7b8bd;
    padding: 7px 12px 7px 12px;
    border-radius: 6px;
}

.export-cart-upload .browse-files span {
    position: relative;
    top: -12px;
}

.export-cart-upload .default-file-input {
    opacity: 0;
}

.export-cart-upload .cannot-upload-message {
    background-color: #ffc6c4;
    font-size: 17px;
    display: flex;
    align-items: center;
    margin: 5px 0;
    padding: 5px 10px 5px 30px;
    border-radius: 5px;
    color: #BB0000;
    display: none;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.export-cart-upload .cannot-upload-message span,
.export-cart-upload .upload-button-icon {
    padding-right: 10px;
}

.export-cart-upload .cannot-upload-message span:last-child {
    padding-left: 20px;
    cursor: pointer;
}

.export-cart-upload .file-block {
    background-color: #f3f3f569;
    color: #a1a1a1;
    transition: all 1s;
    width: 390px;
    position: relative;
    display: none;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 0px 0 9px;
    padding: 5px 29px;
    border-radius: 10px;
    cursor: pointer;
    border: 1px solid #E7E8EC;
    font-weight: 300;
}

.export-cart-upload .file-info {
    display: flex;
    align-items: center;
    font-size: 15px;
}

.export-cart-upload .file-icon {
    margin-right: 10px;
}

.export-cart-upload .file-name,
.export-cart-upload .file-size {
    padding: 0 3px;
}

.export-cart-upload .remove-file-icon {
    cursor: pointer;
}

.export-cart-upload .upload-button {
    margin-top: 1px;
}

.export-cart-upload .material-icons-outlined img {
    width: 40px;
}

.export-cart-upload .span-upload {
    font-size: 11px;
    color: #80828D;
}

.export-cart-upload .remove-file-icon {
    color: #FABA25;
}

.btn-upload-file {
    background-color: #a9a9a9;
    color: #FFFFFF;
    border: 1px solid #a9a9a9;
    width: fit-content;
    height: auto;
    border-radius: 3px;
    font-size: 10px;
    padding: 4px 10px 4px 10px;
    float: inline-end;
    margin: 4px 10px 0px 13px !important;
    align-self: end;
}

.btn-upload-file:hover {
    background-color: #E7E8EC;
    color: black;
}

.forgot-password {
    text-align: center;
    margin: 1% 35% 4% 34%;
}

.forgot-password p {
    color: black;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 20px;
}

.forgot-password-btn {
    background-color: #FABA25;
    border: 1px solid #FABA25;
    border-radius: 4px;
    color: white;
    font-size: 16px;
    width: -webkit-fill-available;
    padding: 10px 10px 10px 10px;
}

.forgot-password-btn:hover {
    background-color: #FABA25;
    border: 1px solid #FABA25;
}

.new-password {
    text-align: center;
    margin: 1% 35% 4% 34%;
}

.new-password p {
    color: black;
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 20px;
}

.new-password-btn {
    background-color: #FABA25;
    border: 1px solid #FABA25;
    border-radius: 4px;
    color: white;
    font-size: 16px;
    width: -webkit-fill-available;
    padding: 10px 10px 10px 10px;
}

.new-password-btn:hover {
    background-color: #FABA25;
    border: 1px solid #FABA25;
}

.btn-file-upload-select {
    width: 100%;
}

.forgot-logo-img {
    margin-bottom: 4%;
    width: 157px;
}

.search-spare-parts-btns .product-btn-search {
    background-color: #FABA25;
    color: white;
    font-size: 10.5px;
    border-radius: 4px;
    padding: 5px 10px 5px 10px;
    margin-right: 7px;
}

.search-results-items .product-title-search {
    font-size: 13px;
    font-weight: 600;
    margin-top: 3px;
    margin-bottom: 1px;
}

.search-results-items .product-price-search {
    color: #FABA25;
    font-size: 13.5px;
    font-weight: 500;
    margin-bottom: 1px;
    float: none;
    margin-top: 0px;
}

.card-hight {
    height: 398px;
}

.search-results-items .count-btn {
    margin-left: 0px;
}

.count-btn {
    margin-left: 13px;
}

.count-btn-fav {
    margin-left: 5px;
}

.search-results-items .card-btn-group {
    margin-left: -4px;
}

/* .pad15 .card-btn-group {
    margin-right: 30px;
} */
.pad15 .card-footer{
    text-align: left;
    /* margin-left: 9px; */
}
.pad15 .count-btn {
    margin-left: 4px;
}

.count-btn-grid {
    margin-left: 0px !important;
}

.useful-link-last {
    margin-top: 3%;
    margin-left: 0%;
}

.count-btn-latest {
    margin-left: 13px;
    padding: 2px 4px 2px 4px;
    flex-basis: max-content;
}

.quote-cart-num {
    margin-top: -29.5px !important;
}

.card-new-search .card-quots {
    border: 1px solid #e7e6e6;
    border-radius: 10px;
    width: 100%;
    padding: 0px;
    margin: 0px;
}

.card-new-search .card-quots {
    border: 1px solid #e7e6e6;
    border-radius: 10px;
    width: 100%;
    padding: 0px;
    margin: 0px;
}

.card-new-search .row {
    margin: 0px;
    padding: 0px;
}

.card-new-search .card-quots img {
    border-top-left-radius: 9px;
    border-bottom-left-radius: 9px;
    width: 100%;
    object-fit: cover;
    height: 100%;
}


.card-new-search .quote-part1 {
    padding-top: 2px;
    padding-right: 13px;
    display: flow-root;
    margin-bottom: 3px;
}

.card-new-search {
    margin-top: -2px;
    /* margin-right: -7px; */
    /* margin-left: -5px; */
    margin-bottom: 12px;
    border: none !important;
}

.card-new-search .favorite-icon {
    margin-top: -2px;
    margin-right: -19px;
}

.card-new-search .quote-title {
    font-size: 14px;
    font-weight: 700;
    color: initial;
    margin-bottom: -6px;
    margin-top: -63px;
}

.card-new-search .quote-card-details {
    margin-right: 0px;
    border-bottom: 1px solid gainsboro;
    padding-bottom: 1px;
}

.card-new-search .quote-details {
    font-size: 9px;
    margin-bottom: 0px;
    font-weight: 500;
    color: initial;
}

.quote-part1-favorite-icon {
    padding-left: 0px;
    padding-right: 0px;
}

.card-new-search .quote-details span {
    color: #808080f7;
    font-size: 9.5px !important;
    font-weight: normal;
}

.card-new-search .request-quote {
    background-color: #FFFAE9 !important;
    border: 1px solid #FABA25 !important;
    color: #FABA25 !important;
    font-size: 9px !important;
    float: inline-end;
    font-weight: 400 !important;
    padding: 3px 6px 4px 6px;
    margin-top: 4px;
    margin-bottom: 4px;
}

.card-new-search .quote-part1 button {
    background-color: #8989891a;
    float: inline-end;
    border: 1px solid #d7d7d700;
    border-radius: 5px;
    font-size: 9px;
    font-weight: 600;
    color: gray;
    padding: 5px 10px 5px 10px;
    margin-left: 2%;
    margin-top: 4px;
}

.book-services-home:first-child .book-services-num-icon {
    margin-bottom: 22px
}

.spare-parts-rows-item {
    position: relative
}

.ribbon-wrap-rows-item::before,
.ribbon-wrap-rows-item::after {
    position: absolute;
    z-index: -1;
    content: '';
    display: block;
    border: 5px solid #FF6B6B;
}

.ribbon-wrap-rows-item::before {
    top: -1px;
    right: 19px;
}

.ribbon-wrap-rows-item::after {
    bottom: 18px;
    left: -3px;
}

.ribbon-wrap-rows-item::before,
.ribbon-wrap-rows-item::after {
    border-top-color: transparent;
    border-left-color: transparent;
}

.ribbon-wrap-rows-item {
    width: 108px;
    height: 108px;
    top: -9px;
    left: -7px;
    pointer-events: none;
    overflow: hidden;
    position: absolute;
}

.ribbon-rows-item {
    width: 138px;
    background: #FF6B6B;
    color: #fff;
    position: absolute;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    font: 700 13.5px/1 'Lato', sans-serif;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    text-transform: uppercase;
    text-align: center;
    right: 4px;
    top: 22px;
    transform: rotate(-45deg);
    overflow: hidden;
    padding: 6px 6px 6px 6px;
}

.ribbon-wrap-boxes-item::before,
.ribbon-wrap-boxes-item::after {
    position: absolute;
    z-index: -1;
    content: '';
    display: block;
    border: 5px solid #FF6B6B;
}

.ribbon-wrap-boxes-item::before {
    top: -1px;
    right: 16px;
    z-index: 999999;
}

.ribbon-wrap-boxes-item::after {
    bottom: 16px;
    left: -3px;
}

.ribbon-wrap-boxes-item::before,
.ribbon-wrap-boxes-item::after {
    border-top-color: transparent;
    border-left-color: transparent;
}

.ribbon-wrap-boxes-item {
    width: 100px;
    height: 100px;
    top: -9px;
    left: -7px;
    pointer-events: none;
    overflow: hidden;
    position: absolute;
}

.ribbon-boxes-item {
    width: 117px;
    background: #FF6B6B;
    color: #fff;
    position: absolute;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    font: 700 13.5px/1 'Lato', sans-serif;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    text-transform: uppercase;
    text-align: center;
    right: 8px;
    top: 20px;
    transform: rotate(-45deg);
    /* overflow: overlay; */
    padding: 6px 6px 6px 6px;
}

.choose-service-item svg {
}

.select-fleet-title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: -7px;
}

.my-fleet-title {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px;
    margin-top: 3%;
}

.summary-equipments-details-section {
    margin: 0% 7.8% 0% 9.8%;
}

/* Absolute Center Spinner */
#full-page-loading {
    display: none !important;
    position: fixed;
    z-index: 999;
    height: 2em;
    width: 2em;
    overflow: show;
    margin: auto;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

/* Transparent Overlay */
#full-page-loading:before {
    content: '';
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(rgba(20, 20, 20, .8), rgba(0, 0, 0, .8));

    background: -webkit-radial-gradient(rgba(20, 20, 20, .8), rgba(0, 0, 0, .8));
}

/* :not(:required) hides these rules from IE9 and below */
#full-page-loading:not(:required) {
    /* hide "loading..." text */
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

#full-page-loading:not(:required):after {
    content: '';
    display: block;
    font-size: 10px;
    width: 1em;
    height: 1em;
    margin-top: -0.5em;
    -webkit-animation: spinner 150ms infinite linear;
    -moz-animation: spinner 150ms infinite linear;
    -ms-animation: spinner 150ms infinite linear;
    -o-animation: spinner 150ms infinite linear;
    animation: spinner 150ms infinite linear;
    border-radius: 0.5em;
    -webkit-box-shadow: rgba(255, 255, 255, 0.75) 1.5em 0 0 0, rgba(255, 255, 255, 0.75) 1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) 0 1.5em 0 0, rgba(255, 255, 255, 0.75) -1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) -1.5em 0 0 0, rgba(255, 255, 255, 0.75) -1.1em -1.1em 0 0, rgba(255, 255, 255, 0.75) 0 -1.5em 0 0, rgba(255, 255, 255, 0.75) 1.1em -1.1em 0 0;
    box-shadow: rgba(255, 255, 255, 0.75) 1.5em 0 0 0, rgba(255, 255, 255, 0.75) 1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) 0 1.5em 0 0, rgba(255, 255, 255, 0.75) -1.1em 1.1em 0 0, rgba(255, 255, 255, 0.75) -1.5em 0 0 0, rgba(255, 255, 255, 0.75) -1.1em -1.1em 0 0, rgba(255, 255, 255, 0.75) 0 -1.5em 0 0, rgba(255, 255, 255, 0.75) 1.1em -1.1em 0 0;
}

/* Animation */

@-webkit-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-moz-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-o-keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spinner {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.cancel_truck_quotation_btn i {
    color: #FABA25;
}

.quote-cart-menu {
    min-height: 76px;
    max-height: 300px;
    overflow-y: auto;
    overflow-x: hidden;
}

.account-back-btn {
    background-color: transparent;
    border: none;
    font-weight: 600;
    color: black;
}

.avatar-upload {
    position: relative;
    max-width: 205px;
    margin-right: 26px;
}

.avatar-upload .avatar-edit {
    position: absolute;
    right: -10px;
    z-index: 1;
    top: 60px;
}

.avatar-upload .avatar-edit input {
    display: none;
}

.avatar-upload .avatar-edit input + label {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-bottom: 0;
    border-radius: 100%;
    background: #FABA25;
    border: 1px solid transparent;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
    cursor: pointer;
    font-weight: normal;
    transition: all 0.2s ease-in-out;
}

.avatar-upload .avatar-edit input + label:hover {
    background: #c5c5c5;
    border-color: transparent;
}

.avatar-upload .avatar-edit input + label:after {
    content: "\f030";
    font-family: 'FontAwesome';
    color: white;
    position: absolute;
    top: 3px;
    left: 0;
    right: 0;
    text-align: center;
    margin: auto;
}

.avatar-upload .avatar-preview {
    width: 105px;
    height: 105px;
    position: relative;
    border-radius: 100%;
    border: 1px solid #d5d5d5;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}

.avatar-upload .avatar-preview > div {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}

.count-input {
    background-color: transparent;
    border: none;
    width: 27px;
    font-size: 11.5px;
    outline: none;
    text-align: center;
}

.card-parts-before-dis {
    font-size: 11px;
    color: #808080cf;
    font-weight: 500;
    text-decoration-line: line-through;
}

.item-price-before-dis {
    font-size: 15px;
    color: #808080cf;
    font-weight: 500;
    text-decoration-line: line-through;
}

.min-w-50px {
    min-width: 50px !important
}

.min-w-55px {
    min-width: 55px !important
}

.min-w-60px {
    min-width: 60px !important
}

.min-w-65px {
    min-width: 65px !important
}

.min-w-70px {
    min-width: 70px !important
}

.min-w-75px {
    min-width: 75px !important
}

.min-w-80px {
    min-width: 80px !important
}

.min-w-85px {
    min-width: 85px !important
}

.min-w-90px {
    min-width: 90px !important
}

.min-w-95px {
    min-width: 95px !important
}

.min-w-100px {
    min-width: 100px !important
}

.min-w-125px {
    min-width: 125px !important
}

.min-w-150px {
    min-width: 150px !important
}

.min-w-175px {
    min-width: 175px !important
}

.min-w-200px {
    min-width: 200px !important
}

.min-w-225px {
    min-width: 225px !important
}

.min-w-250px {
    min-width: 250px !important
}

.min-w-275px {
    min-width: 275px !important
}

.min-w-300px {
    min-width: 300px !important
}
.mt-1em{
    margin-top: 1em;
}
.mt-halfem{
    margin-top:7px;
}
.partsCardButtons {
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
}
.partsCardButtons1 {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}
.book-service .book-service-part1 img {
    border-start-start-radius: 7px;
    border-start-end-radius: 7px;
    height: 302px;
}
.page-text-header-desc {
    text-align: center;
    color: white;
}

.table-responsive-lg::-webkit-scrollbar,.table-responsive-md::-webkit-scrollbar,.table-responsive-xl::-webkit-scrollbar {
    height: 3px
}

.table-responsive-lg::-webkit-scrollbar-track,.table-responsive-md::-webkit-scrollbar-track,.table-responsive-xl::-webkit-scrollbar-track {
    background: var(--bs-gray-200);
    border-radius: .75rem
}

.table-responsive-lg::-webkit-scrollbar-thumb,.table-responsive-md::-webkit-scrollbar-thumb,.table-responsive-xl::-webkit-scrollbar-thumb {
    background: #FABA25;
    border-radius: .75rem
}

.table-responsive-lg::-webkit-scrollbar-thumb:hover,.table-responsive-md::-webkit-scrollbar-thumb:hover,.table-responsive-xl::-webkit-scrollbar-thumb:hover {
    background: var(--bs-gray-500)
}
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
    width: 100%;
    padding-right: var(--bs-gutter-x, 1.5rem);
    padding-left: var(--bs-gutter-x, 1.5rem);
    margin-right: auto;
    margin-left: auto
}
.container-xxl {
    flex-grow: 1;
}

@media (min-width:576px) {

    .container,
    .container-sm {
        max-width: 540px
    }
}

@media (min-width:768px) {

    .container,
    .container-md,
    .container-sm {
        max-width: 720px
    }
}

@media (min-width:992px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm {
        max-width: 960px
    }
}

@media (min-width:1200px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl {
        max-width: 1140px
    }
}

@media (min-width:1400px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1320px
    }
}
.book-services2 .card {
    height: 560px !important;
    min-height: 560px !important;
    max-height: 560px !important;
}
.txtarea{
    height: 39.5px;
}
.bg-body-secondary {
    --bs-bg-opacity: 1;
    background-color: rgb(248 248 248) !important;
    border: 1px solid #e1dcdc;
    font-size: 13px;
    height: 34px;
    margin-bottom: -1px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}
.btn-yellow:hover {
    color: black;
    background-color: #E7E8EC;
}
.btn-yellow{
    color: white;
    font-weight: 500;
    font-size: 13px;
    background-color: #ffb50a;
    text-wrap: nowrap;
    height: 30px;
    width:100px;
}
/* .book-service-quotation-details-buttons:hover {
    color: #FABA25;
    background-color: #FFFAE9;
    border: 1px solid #FABA25
} */
.book-service-quotation-details {
    border: 1px solid #E7E8EC;
    padding: 2px 1px 2px 1px;
    font-size: 11px !important;
    width: 157px !important;
    white-space: nowrap;
}
.book-service-details {
    border: 1px solid #E7E8EC;
    padding: 2px 1px 2px 1px;
    font-size: 11px;
    width: 157px;
    white-space: nowrap;
}
.margin-start-2{
    margin-left: 1.5rem !important;
}
.row .col-6 {
    padding-right: 3px;
    padding-left: 0px;
}
.counterquick{
    background-color: #f9f9fb;
    text-align: center;
}

@media (min-width: 320px) and (max-width: 768px){
        /* home */

    .latest-collection .card-image img{
        height: 86% !important;
    }
    .book-services2 .card {
        height: 560px !important;
        min-height: 321px !important;
        max-height: 440px !important;
    }
    .subscribe-section input {
        width: 100% ;
    }
    .subscribe-section img {
        margin-top: 10px;
    }
            /* Trucks & Busses */

    #new-trucks-data .quote-details {
        padding: 0px 12px;
    }
    #new-trucks-data .spareParts .quote-part1  {
        display: flex;
        justify-content: space-between;
        
    }
    #new-trucks-data .spareParts .request-quote{
        margin-left: 0 !important;
    }
    #new-trucks-data .spareParts label {
        position: relative;
        left: 600%;
    }

            /* Used Trucks */
    #used-trucks-data .quote-details {
        padding: 0px 12px;
    }
    #used-trucks-data .spareParts .quote-part1  {
        display: flex;
        justify-content: space-between;
        
    }
    #used-trucks-data .spareParts .request-quote{
        margin-left: 0 !important;
    }
    #used-trucks-data .spareParts label {
        position: relative;
        left: 600%;
    }

        /* spare parts ==>  Explore Parts*/
    .ribbon-wrap-boxes-item {
        z-index: 999;
    }
    #spare-parts-rows-tab .spare-grid-img{
        width: 24%;
    }

        /* part 2  */
    #spare-parts-boxes-tab .card-image img {
        height: 19vw;
    }
    #spare-parts-boxes-tab  .count-btn-fav {
        margin-top: -31px;
        left: 7px;
    }
    .filter-group .sort-by {
        margin-right: 242px !important;
    }

    /* menu search  */
    .quick-order-page .menu {
        left: 40px;
    }


    /*admin*/
    .page-text-header-title {
        margin-left: 33%;
    }
    .page-text-header-desc {
        margin-left: 33%;
    }

    /*Orders*/
    #orders-table{
        overflow-x: auto;
    }
    #orders-table .sort-by {
        margin-top: 20px;
        margin-left: -80px;
    } 
    #orders-table .order-sort-by select {
        margin-left: -178px;
    }
    #orders-table .table {
        margin: 10px 0px;
    }

    /*ervices Booking*/
    #services-table{
        overflow-x: auto;
    }
    #services-table .table {
        margin: 10px 0px;
    }
    #services-table .sort-by {
        margin-top: 20px;
        margin-left: -80px;
    } 
    #services-table .order-sort-by select {
        margin-left: -178px;
    }

    /*Service Campaigns*/
    #recall-campaigns-table {
        overflow-x: auto;
    }
    #recall-campaigns-table .table{
        margin: 10px 0px;
    }
    #recall-campaigns-table .sort-by {
        margin-top: 20px;
        margin-left: -80px;
    } 
    #recall-campaigns-table .order-sort-by select {
        margin-left: -178px;
    }

    /*Quotations*/
    #requests-table {
        overflow-x: auto;
    }
    #requests-table .sort-by {
        margin-top: 20px;
        margin-left: -80px;
    } 
    #requests-table .order-sort-by select {
        margin-left: -178px;
    }
    #requests-table .table{
        margin: 10px -5px;
    }

    /*Trucks & Busses Quotations*/
    #truck-quotation-table .sort-by {
        margin-top: 20px;
        margin-left: -80px;
    } 
    #truck-quotation-table .order-sort-by select {
        margin-left: -178px;
    }
    #truck-quotation-table .table{
        margin: 10px 0px;
    }

    /*Service Quotations*/
    #services-quotation-table .sort-by {
        margin-top: 20px;
        margin-left: -80px;
    } 
    #services-quotation-table .order-sort-by select {
        margin-left: -178px;
    }
    #services-quotation-table .table{
        margin: 10px 0px;
    }

    /* Addresses*/

    #addresses-profile   {
        overflow-x: auto;
    }
    #addresses-profile .table {
        margin: 10px 0px;
    }
    #addresses-profile .sort-by {
        margin-top: 20px;
        margin-left: 7px;
    } 
    #addresses-profile .order-sort-by select {
        margin-right: 5px;
    }

    .navbar-collapse {
        margin-top: -16px;
    }

    #area-search-result .card-image img {
        width: 100%;
        margin: 20px auto;
        height: 21vw;
        object-fit: contain;
    }
    .modal-backdrop.show {
        display: none;
       }
}

@media (min-width:769px) and (max-width: 1000px){
    .latest-collection .card-image img {
        height: 87%;
    }
    .book-services2 .card {
        height: 560px !important;
        min-height: 430px !important;
        max-height: 430px !important;
    }
    .subscribe-section input {
        width: 100%;
    }

    /* Trucks & Busses */

    #new-trucks-data .spareParts .quote-part1  {
        display: flex;
        justify-content: space-between;
        
    }
    #new-trucks-data .spareParts .request-quote{
        margin-left: 0 !important;
    }
    #new-trucks-data .spareParts label {
        position: relative;
        left: 370%;
    }
                /* Used Trucks */

    #used-trucks-data .spareParts .quote-part1  {
        display: flex;
        justify-content: space-between;
        
    }
    #used-trucks-data .spareParts .request-quote{
        margin-left: 0 !important;
    }
    #used-trucks-data .spareParts label {
        position: relative;
        left: 370%;
    }

    /* spare parts ==>  Explore Parts*/
    .ribbon-wrap-boxes-item {
        z-index: 999;
    }
    #spare-parts-rows-tab .spare-grid-img{
        width: 33%;
    }
    /* part 2  */
    #spare-parts-boxes-tab .card-image img {
        height: 16vw;
    }
    #spare-parts-boxes-tab  .count-btn-fav {
        margin-top: -31px;
        left: 7px;
    }
    .filter-group .sort-by {
        margin-right: 242px !important;
    }

        /* menu search  */
    .quick-order-page .menu {
        left: 18%;
    }
    .quick-order-page .menu .card-image img {
        height: 10vw;
    }

    .quick-order-page .Shopping-Cart-sub-add-section {
        width: 100px;
    }

    .quick-order-page .bi-arrow-bar-up .browse-files span {
        left: -19%;
    }

    .quick-order-page .bi-arrow-bar-up .span-upload {
        margin-left: -38%;
    }
    /*Orders*/
    #orders-table .sort-by {
        margin-top: 17px;
        margin-right: 0;
        margin-left: -54px;
    }
    #orders-table .table {
        margin: 10px 0px;
    }

    /*Services Booking*/
    #services-table{
        overflow-x: auto;
    }

    #services-table .sort-by {
        margin-top: 17px;
        margin-right: 0;
        margin-left: -54px;
    }

    #services-table .table {
        margin: 10px 0px;
    }

    /*Service Campaigns*/
    #recall-campaigns-table {
        overflow-x: auto;
    }

    #recall-campaigns-table .sort-by {
        margin-top: 17px;
        margin-right: 0;
        margin-left: -54px;
    }

    #recall-campaigns-table .table {
        margin: 10px 0px;
    }

    /* Quotations*/
    #requests-table .sort-by {
        margin-top: 17px;
        margin-right: 0;
        margin-left: -54px;
    }
    #requests-table .table {
        margin: 10px 0px;
    }

    /*Trucks & Busses Quotations*/
    #truck-quotation-table .sort-by {
        margin-top: 17px;
        margin-right: 0;
        margin-left: -54px;
    }

    #truck-quotation-table .table {
        margin: 10px 0px;
    }

    /*Service Quotations*/
    #services-quotation-table .sort-by {
        margin-top: 17px;
        margin-right: 0;
        margin-left: -54px;
    }
    #services-quotation-table .table {
        margin: 10px 0px;
    }

    /*addres*/
    #addresses-profile .sort-by {
        margin-top: 18px;
        margin-right: 0;
    }
    #addresses-profile .table{
        margin: 10px 0px;
    }

    /*Favorites*/
    #my-account-favorites-spare-parts  .sort-by {
        margin-right: 0 !important;
        margin-top: 8px;
    }
    
    /* Assistances*/
    #assistance-profile {
        overflow-x: auto;
    }
    #assistance-profile .table {
        margin: 10px 0;
    }
    .navbar-collapse {
        margin-top: -16px;
    }
    .modal-backdrop.show {
        display: none;
       }
}
@media (min-width:1001px) and (max-width: 1199px){
    .book-services2 .card {
        height: 560px !important;
        min-height: 471px !important;
        max-height: 472px !important;
    }
    .btn-see-all {
        margin-bottom: -41px;
    }
}

@media(max-width:577px){
    /* spare parts ==>  Explore Parts*/
    #spare-parts-rows-tab .spare-grid-img{
        width: 36%;
    }
    #spare-parts-rows-tab .card-parts-num {
        margin-left: 154px !important;
    }
    #spare-parts-rows-tab .card-parts-price  {
        margin-left: 154px !important;
    }
    #spare-parts-rows-tab .card-parts-title  {
        margin-left: 154px !important;
    }
    #spare-parts-rows-tab .card-parts-desc  {
        margin-left: 154px !important;
    }
    #spare-parts-rows-tab .card-discontinued  {
        margin-left: 154px !important;
    }
    #spare-parts-rows-tab .card-stock-out  {
        left: 36% !important;
    }
    #spare-parts-rows-tab .card-sub-add-section  {
        left: 27% !important;
    }
    .ribbon-wrap-boxes-item {
        z-index: 999 !important;
    }

    /*acounts */


    /*Parts Orders */

      .orders-tab li {
        margin-right: 0px !important;
    }

    #orders-table{
        overflow-x: auto !important;
    }
    #order-sort .sort-by {
        margin-top: 20px !important;
        margin-right: 100px !important;
        margin-left: 10px !important;
    }
    #order-sort .order-sort-by select {
        height: fit-content;
        margin-left: -88px !important;
    }
    #orders-table .table {
        margin: 10px 3px !important;
    }

    /*Services Booking*/
    #services-table{
        overflow-x: auto !important;
    }
    
    #services-table .sort-by {
        margin-top: 20px !important;
        margin-right: 100px !important;
        margin-left: 10px !important;
    }

    #services-table .order-sort-by select {
        height: fit-content;
        margin-left: -88px !important;
    }

    #services-table .table {
        margin: 10px 3px !important;
    }

    /* Service Campaigns*/
    #recall-campaigns-table .sort-by {
        margin-top: 20px !important;
        margin-right: 100px !important;
        margin-left: 10px !important;
    } 
    #recall-campaigns-table .order-sort-by select {
        height: fit-content;
        margin-left: -88px !important;
    }
    #recall-campaigns-table .table {
        margin: 10px 3px !important;
    }

    /*Quotations*/
    #quotations-tab .orders-tab li {
        margin-right: 0px !important;
    }
    #requests-table .order-sort-by select {
        height: fit-content;
        margin-left: -88px !important;
    }

    #requests-table .sort-by{
        margin-top: 20px !important;
        margin-right: 100px !important;
        margin-left: 10px !important;
    }

    #requests-table .table {
        margin: 10px 3px !important;
    }

    /*Trucks & Busses Quotations*/
    #truck-quotation-table .sort-by{
        margin-top: 20px !important;
        margin-right: 100px !important;
        margin-left: 10px !important;
    }

    #truck-quotation-table .order-sort-by select {
        height: fit-content;
        margin-left: -88px !important;
    }

    #truck-quotation-table .table {
        margin: 10px 3px !important;
    }

    /* Service Quotations */

    #services-quotation-table .sort-by{
        margin-top: 20px !important;
        margin-right: 100px !important;
        margin-left: 10px !important;
    }

    #services-quotation-table .order-sort-by select {
        height: fit-content;
        margin-left: -88px !important;;
    }

    #services-quotation-table .table {
        margin: 10px 3px !important;
    }

    /*Addresses*/
    #addresses-profile {
        overflow-x: auto !important;
    }

    #addresses-profile .sort-by{
        margin-top: 20px !important;
        margin-right: 100px !important;
        margin-left: 10px !important;
    }

    #addresses-profile .order-sort-by select {
        height: fit-content;
        margin-left: -88px !important;
    }

    #addresses-profile .table {
        margin: 10px 3px !important;
    }

    /*Favorites*/

    #my-account-favorites-used-trucks .title-two{
        margin-left: 15px !important;
    }

    #my-account-favorites-spare-parts #spare-parts-boxes-tab .card-image img {
        height: 26vw;
    }


    .navbar-collapse {
        margin-top: -16px;
    }

    .modal-backdrop.show {
     display: none;
    }

}