@import url(./fonts.css);

.inter {
    font-family: "Inter", sans-serif;
}

.rubik {
    font-family: "Rubik", sans-serif;
}

.manrope {
    font-family: "Manrope", sans-serif;
}

.lufga {
    font-family: "Lufga", sans-serif;
}

:root {
    --midnight: #0C0D45;
    --parrot: #99F22B;
    --sfs-left: 0;
    --sfs-right: 0;
    --sfs-bg: linear-gradient('to right, #D3D4FD 100%');
    --sfs-line-1: 00px;
    --sfs-line-2: 00px;
    --sfs-line-3: 00px;
    --sfs-line-4: 00px;
    --sfs-line-5: 00px;
    --sfs-line-6: 00px;
    --sfs-line-7: 00px;
    --live-chat-box: 200px;
}

.text-main {
    color: #101044;
}

.text-main-light {
    color: rgba(16, 16, 68, 0.8);
}

.text-parrot {
    color: var(--parrot);
}

body {
    overflow-x: hidden;
    font-family: "Alexandria", sans-serif;
    background-color: var(--midnight);
    font-weight: 300;
}

main {
    min-height: calc(100vh - (91px + 491px));
}

header .navbar {
    background-color: var(--midnight) !important;
    position: relative;
    z-index: 9;
}

.navbar-toggler-icon {
    background-image: url(../img/bars.svg);
}

.navbar-brand {
    padding: 0;
}

.navbar-brand img {
    height: 65px !important;
    width: auto;
}

header .navbar-nav {
    gap: 40px;
}

header .nav-link {
    font-size: 15px;
    color: #ffffff !important;
    font-weight: 500;
    position: relative;
    padding: 0 !important;
}

header .nav-link.dropdown-toggle {
    display: flex;
    align-items: center;
}

header .nav-link.dropdown-toggle::after {
    background-image: url(../img/chevron-down-parrot.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 8px;
    width: 15px;
    margin-left: 7.5px;
    border: 0 !important;
}

.btn-outline-blue {
    border-color: #101044 !important;
    color: #101044 !important;
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 15px;
    font-weight: 500;
    background-color: transparent;
    padding: 7.5px 15px;
}

.light-page header .nav-link.dropdown-toggle::after {
    background-image: url(../img/chevron-down-purple.svg);
}

.nav-right {
    gap: 10px;
}

.nr-chat-link svg,
.nr-profile-link img {
    height: 48px;
    border-radius: 100px;
    width: 48px;
}

header .nr-profile-link.nav-link.dropdown-toggle::after {
    display: none !important;
}

header .dropdown-menu {
    min-width: 174px;
    padding: 15px;
    border-radius: 10px;
    background-color: #040536;
}

.light-page header .dropdown-menu {
    background-color: #ffffff;
}

.light-page header .dropdown-menu .dropdown-item {
    color: #040536;
}

header .dropdown-menu .dropdown-item {
    font-weight: 400;
    font-size: 15px;
    color: #ffffff;
    border-bottom: 1px solid transparent;
    padding: 7px 0 !important;
}

header .dropdown-menu .dropdown-item:hover,
header .dropdown-menu .dropdown-item.active {
    background-color: transparent !important;
    border-bottom: 1px solid #675DF4;

}

.navbar-toggler {
    padding: 0 !important;
    border: 0 !important;
}

footer {
    background-color: #695DFD;
    position: relative;
    border-radius: 40px 40px 0 0;
}

.customer-page footer {
    background-color: #101044;
}

.customer-page .footer-top,
.customer-page .footer-bottom {
    background-color: #695DFD;
}


.footer-top {
    background-color: #101044;
    border-radius: 40px 40px 0 0;
    padding: 75px 0 50px;
}

.pf-content {
    max-width: 580px;
}

.pf-cont {
    padding: 90px 0;
    background-image: url(../img/pre-footer-img.png);
    background-size: 715px auto;
    background-position: bottom right;
    background-repeat: no-repeat;
}

.pf-title {
    color: #FFFFFF;
    line-height: 110%;
    font-size: 62px;
}

.pf-title img {
    height: 62px;
}

.pf-subtitle {
    line-height: 110%;
    font-size: 24px;
    color: #FFFFFF;
    font-weight: 500;
}

.footer-bottom {
    background-color: #101044;
    padding: 20px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.ft-link,
.fb-link,
.footer-bottom p {
    text-decoration: none;
    font-size: 13px;
    color: #ffffff;
    transition: 0.3s ease-in-out;
}

.ft-link {
    line-height: 30px;
}


.ft-link:hover,
.fb-link:hover {
    color: #99F22B;
}

.ft-logo-link img {
    height: 42px;
    width: auto;
}

.ft-flex-1 {
    justify-content: space-between;
    gap: 60px;
}

.ft-title {
    color: #ffffff;
    font-size: 17px;
    font-weight: 500;
}

.ft-download-links {
    gap: 8px;
}

.ft-download-links img {
    height: 49px;
    width: auto;
}

.ft-social-links svg {
    width: 44px;
    border-radius: 100px;
    height: 44px;
    transition: 0.3s ease-in-out;
}

.ft-social-links svg rect {
    transition: 0.3s ease-in-out;
}

.ft-social-links svg:hover rect {
    stroke: #99F22B;
    stroke-opacity: 1;
}

.ftm-links {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.ftm-links a {
    color: #ffffff;
    font-size: 13px;
}

.ft-middle {
    gap: 60px;
}

.ft-right {
    width: 235px;
}

.ftr-title {
    color: #ffffff;
    font-size: 26px;
    margin-bottom: 0;
    font-weight: 400;
}

.btn-main {
    padding: 7px 18px;
    width: fit-content;
    background-color: #99F22B;
    border-color: #99F22B !important;
    font-weight: 600;
    line-height: 33px;
    font-size: 18px;
    color: #101044;
    border-radius: 6px;
    gap: 2px;
}


.btn-main svg {
    height: 24px;
    transition: 0.3s ease-in-out;
}

.btn-main:hover {
    background-color: #101044;
    color: #99F22B;
}

.btn-main svg path {
    transition: 0.3s ease-in-out;
}

.btn-main:hover svg path {
    fill: #99F22B;
}

.sb-notice {
    font-size: 20px;
    font-weight: 300;
}

.sale-banner {
    background-color: #695DFD;
    padding: 18px 0;
}

.sb-time {
    font-weight: 500;
}

.search-filters-cont {
    background-color: #1F204F;
}

.search-filters {
    gap: 20px;
}

.sf-pill {
    border-radius: 100px;
    background-color: rgba(255, 255, 255, 0.2);
    padding: 8px 20px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 400;
}

.sf-pill-close svg {
    height: 24px;
    width: 24px;
}

.product-list-card {
    display: block;
    text-decoration: none !important;
    border-radius: 10px;
    height: 100%;
    overflow: hidden;
    background-color: #1F204F;
    position: relative;
}

.plcb-location {
    font-size: 14px;
    font-weight: 300;
    color: #ffffff;
    display: flex;
    align-items: center;
    gap: 8px;
}

.plc-top {
    position: relative;
}

.plc-pill {
    padding: 8px 20px;
    border-radius: 100px;
    font-size: 12px;
    font-weight: 400;
    width: fit-content;
    object-fit: cover;
    object-position: center;
    position: absolute;
    left: 10px;
    top: 10px;
}

.plc-pill-white {
    background-color: #EEF0FF;
    color: #161543;
}

.plc-pill-black {
    background-color: #13141A;
    color: #EEF0FF;
}

.plc-pill-green {
    background-color: #064E3B;
    color: #ffffff;
}

.plc-pill-golden {
    background-color: #AF800E;
    color: #ffffff;
}

.plc-pill-right {
    right: 10px;
    left: unset;
    top: 10px;
}

.product-list-row>div {
    padding-left: 10px;
    padding-right: 10px;
}

.search-sec {
    padding: 20px 0;
}

.plc-img {
    width: 100%;
    object-fit: cover;
    object-position: center;
    aspect-ratio: 4/3;
}

.like-unlike-icon {
    height: 35px;
    width: 35px;
    border-radius: 100px;
    position: absolute;
    left: 10px;
    bottom: 10px;
    display: none;
}

.plc-top:hover .like-unlike-icon {
    display: block;
}

.grade-badge-cont {
    position: absolute;
    bottom: 1px;
    right: 0;
    text-align: right;
    transform: translateY(50%);
}

.grade-badge-img {
    transform: translateX(3px);
    height: 25px;
    width: 126px;
}


.gb-text {
    font-size: 14px;
    color: #101044;
    font-weight: 400;
    position: absolute;
    z-index: 1;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
}

.plc-bottom {
    padding: 1.2rem;
    display: flex;
    flex-direction: column;
    gap: 13px;
}

.plcb-name {
    font-size: 16px;
    font-weight: 500;
    color: #ffffff;
}

.plcb-details {
    font-size: 14px;
    font-size: 200;
    color: #ffffff;
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    align-items: center;
}

.plcb-circle {
    height: 4px;
    width: 4px;
    display: block;
    border-radius: 100px;
    background-color: #ffffff;
}

.plc-price-title {
    font-size: 16px;
    font-weight: 300;
}

.plc-price-amount {
    margin-left: 5px;
    font-size: 20px;
    font-weight: 500;
}

.plc-bid-price-amount {
    font-size: 16px;
}

.card-sale-notice {
    font-size: 14px;
    padding: 5px;
    text-align: center;
    color: #ffffff;
    line-height: 24px;
}

.quick-sale-card .card-sale-notice {
    background-color: #064E3B;
}

.quick-sale-card {
    background-color: #064E3B;
}

.whole-sale-card .card-sale-notice {
    background-color: #AF800E;
}

.whole-sale-card {
    background-color: #AF800E;
}

.smartconnect-sale-card .card-sale-notice {
    background-color: #695DFD;
}

.make-logo {
    border-radius: 100px;
    height: 24px;
    width: 24px;
}

.plcb-price-cont {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.plcb-price-cont .make-logo {
    height: 30px;
    width: 30px;
}

.plcb-plate-cont {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.plc-plate-number {
    font-size: 14px;
    font-weight: 600;
    color: #000000;
    padding-right: 10px;
}

.plc-num-plate {
    width: fit-content;
    gap: 5px;
    display: flex;
    align-items: center;
    border: 2px solid #FFFFFF;
    background-color: #EEF0FF;
    border-radius: 2px;
}

.plcb-blue {
    height: 22px;
    width: 13px;
    background-color: #3748EA;
}

.search-filters-box {
    padding: 24px 20px;
    background-color: #1F204F;
    border-radius: 10px;
}

.sfb-field {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.text-white-80 {
    color: rgba(255, 255, 255, 0.8);
}

.sfb-label {
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
}

.sfb-bottom {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

/* Customize the slider line */
.sfb-field .rangeslider__fill {
    background-color: #695DFD;
    /* Blue color for filled part */
}

.sfb-field .rangeslider {
    height: 8px;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.2);
}

.sfb-field .rangeslider__handle {
    background-color: #ffffff;
    /* Blue color for the thumb */
    border: 6px solid #99F22B;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    cursor: pointer;
    top: 50%;
    transform: translateY(-50%);
}

.sfb-min-max {
    margin-top: 2px;
    color: rgba(255, 255, 255, 0.6);
    font-size: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sfb-select {
    background-color: rgba(255, 255, 255, 0.2) !important;
    font-size: 14px;
    font-weight: 400;
    color: #ffffff;
    padding: 8px 15px;
    border-radius: 4px;
    border-color: transparent !important;
    background-image: url(../img/white-chev-down.svg);
    background-size: 24px;
}

.sfb-select:focus {
    box-shadow: none !important;
}

.sfb-select option {
    color: #fff;
    background-color: var(--midnight);
}

.sfb-top {
    display: flex;
    gap: 10px;
}

.sfb-saved-select {
    flex-grow: 1;
}

.sfb-saved-select .sfb-select {
    border-radius: 100px;
}

.btn-sfb-save {
    font-size: 14px;
    display: flex;
    align-items: center;
    color: #ffffff !important;
    gap: 10px;
    background-color: rgba(255, 255, 255, 0.2) !important;
    border-radius: 100px;
    padding: 8px 20px;
    border-color: transparent !important;
}

.btn-sfb-save img {
    height: 21px;
    width: 21px;
    object-fit: contain;
}

.sfb-flex-1 {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.sfb-flex-1>div {
    width: 100%;
}

.products-pagination {
    gap: 8px;
}

.products-pagination .page-link {
    height: 32px;
    width: 32px;
    font-weight: 600;
    background-color: #1F204F;
    border-radius: 4px;
    border: 1px solid transparent;
    padding: 0px;
    color: #FFFFFF;
    font-size: 14px;
    display: flex;
    align-items: center;
    flex-direction: column;
    transition: 0.3s ease-in-out;
    justify-content: center;
}

.products-pagination .page-link:hover,
.products-pagination .page-link.active {
    border-color: #fff;
}

/* Forms Pages */

.form-page {
    background-color: #000000;
    background-image: url(../img/Stars-bg.svg), url(../img/form-page-bg.png);
    background-position: top center, center;
    background-size: 70% auto, 100% 100%;
    background-repeat: no-repeat, no-repeat;
    min-height: 100vh;
}

.signin-car-float {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 380px;
}

.form-page main {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.fp-logo {
    height: 58px;
    margin: 35px auto;
}

.fp-form-cont {
    width: 430px;
}

.fp-form-box {
    position: relative;
    padding: 40px;
    background-color: rgba(255, 255, 255, 0.06);
    backdrop-filter: blur(100px);
    border-radius: 32px;
    display: flex;
    flex-direction: column;
    gap: 40px;
    box-shadow:
        inset 2px 4px 16px rgba(248, 248, 248, 0.06),
        /* Inside shadow */
        0 24px 24px -16px rgba(5, 5, 5, 0.09),
        /* Outer shadow 1 */
        0 6px 13px rgba(5, 5, 5, 0.1),
        /* Outer shadow 2 */
        0 6px 4px -4px rgba(5, 5, 5, 0.1),
        /* Outer shadow 2 */
        0 5px 1.5px -4px rgba(5, 5, 5, 0.25);
    /* Outer shadow 3 */
}

.fp-form-box-outer {
    position: relative;
    padding: 1.5px;
    background-image: linear-gradient(150deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 100%);
    border-radius: 32px;
}

.fp-form-box-outer::before {
    content: "";
    position: absolute;
    top: 1.5px;
    left: 1.5px;
    right: 1.5px;
    bottom: 1.5px;
    background: #04042A;
    border-radius: 32px;
    z-index: 0;
}

.fp-form-title {
    font-size: 32px;
    font-weight: 500;
    text-align: center;
    color: #FFFFFF;
}

.fp-form .form-fields {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.fp-form .form-group {
    display: flex;
    flex-direction: column;
    gap: 3px;
}

.fp-form .form-label {
    margin: 0;
    font-size: 14px;
    color: #ffffff;
}

.fpf-inp {
    font-size: 14px;
    border-radius: 6px;
    color: #ffffff !important;
    padding: 10px 12px;
    background-color: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(238, 238, 238, 0.2);
}

.fpf-inp-cont {
    position: relative;
}

.pmm-swap-item {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 12px 18px;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    justify-content: space-between;
    flex-wrap: wrap;
}

.pmm-swap-flex,
.pmm-swap-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* For Chrome, Safari, Edge, and Opera */
.pmm-swap-quantity::-webkit-inner-spin-button,
.pmm-swap-quantity::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* For Firefox */
.pmm-swap-quantity {
    -moz-appearance: textfield;
}

.pmm-swap-quantity {
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    background-color: transparent;
    border: 0 !important;
    box-shadow: none !important;
    outline: 0 !important;
    max-width: 60px;
}

.mcb-link {
    font-size: 18px;
}

.pmm-swap-checkbox {
    border-radius: 100px !important;
}

.pmm-swap-checkbox:checked {
    background-color: #7F56D9 !important;
    border-color: #7F56D9;
}

.pmm-swap-left label {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
}

.pmm-swap-left,
.pmm-swap-right {
    display: flex;
    gap: 10px;
    align-items: center;
}

.pmm-swap-left img {
    height: 60px;
    width: 100px;
    object-fit: cover;
    border-radius: 6px;
}

.pmm-inp-cont .fpf-inp {
    font-size: 16px !important;
    padding: 13px 24px 13px 12px;
}

.pmm-float {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
}

.fpf-alert {
    padding: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    border-radius: 7px;
    background-color: rgba(242, 35, 35, 0.3);
    border: 1px solid rgba(242, 35, 35, 1);
    color: rgba(255, 255, 255, 0.8);
    font-size: 12px;
}

.fpf-alert img {
    height: 24px;
}

.fpf-error .fpf-inp {
    border-color: rgba(242, 35, 35, 0.6);
    background-color: rgba(242, 35, 35, 0.2) !important;
    background-image: url(../img/error-circle.svg);
    background-size: 24px;
    background-position: calc(100% - 12px) center;
    background-repeat: no-repeat;
}

.fpf-valid .fpf-inp {
    background-image: url(../img/valid-check.svg);
    background-size: 24px;
    background-position: calc(100% - 12px) center;
    background-repeat: no-repeat;
}

.fpf-valid .fpf-show-icon,
.fpf-error .fpf-show-icon {
    right: 40px;
}

.fpf-inp::placeholder,
.dropdown-checks .fpf-inp {
    color: rgba(255, 255, 255, 0.3) !important;
}

.fpf-show-icon {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.remember-and-link {
    font-size: 12px;
    font-weight: 500;
    color: #ffffff;
}

.remember-and-link a {
    color: #ffffff;
}

.remember-and-link .form-check {
    margin: 0 !important;
    padding: 0 !important;
    display: flex;
    align-items: center;
    gap: 10px;
}

.remember-and-link .form-check-input {
    height: 20px;
    width: 20px;
    float: unset !important;
    margin: 0 !important;
    border-radius: 100px;
    border: 1.5px solid #ffffff;
    background-color: transparent !important;
}

.fpf-bottom {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.fpf-bottom-text {
    text-align: center;
    margin: 0;
    color: #ffffff;
    font-size: 12px;
}

.fpf-bottom-text a {
    color: #ffffff;
    font-weight: 500;
    text-decoration: none;
}

.fp-footer p {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.5);
}

.fp-footer p span {
    color: rgba(255, 255, 255, 0.95);
}

.fp-flex-1 {
    gap: 16px;
}

.form-lines {
    margin-top: 40px;
    flex-shrink: 1;
    width: calc((100% - 410px)/2);
}

.form-lines img {
    height: 256px;
    width: auto;
    max-width: 100% !important;
}

.form-lines:first-child {
    text-align: right;
}

.form-lines:last-child {
    text-align: left;
}

.fpf-show-icon.shown::after {
    content: "";
    height: 100%;
    width: 2px;
    position: absolute;
    top: 50%;
    left: 11%;
    transform: rotate(45deg) translate(-100%, -58%);
    transform-origin: center;
    background-color: #ffffff;
}

.signin-3-page main {
    position: relative;
}

.signin-3-page .fp-flex-1 {
    position: relative;
}

.signin-3-page main::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: calc(50%);
    background-position: center;
    background-color: red;
    background-image: url(../img/signin-3-bg.png);
    background-size: cover;
    z-index: 0;
    border-radius: 0 0 40px 40px;
}

/* Forms Pages End */

/* Signup Page */
.signup-header {
    display: flex;
    flex-direction: column;
    background-color: #101044;
    background-image: url(../img/signun-hero-laptop.png), url(../img/signup-pattern.svg);
    background-size: auto 540px, cover;
    background-position: bottom right, center;
    background-repeat: no-repeat, no-repeat;
    height: 650px;
}

.sp-landing {
    height: 650px;
}

.signup-header .navbar {
    background-color: transparent !important;
}

.signup-cta {
    border-radius: 40px 40px 0 0;
    padding: 150px 0;
    background-color: #04042A;
    background-size: cover;
    background-position: center;
}

.signup-cta-title {
    font-size: 48px;
    font-weight: 500;
}

.shc-title img {
    height: 80px;
}

.shc-title .purple-underline::after {
    top: 86%;
}

.shc-title h2 {
    line-height: 110%;
    font-size: 80px;
    color: #fff;
}

.purple-underline {
    position: relative;
    width: fit-content !important;
}

.purple-underline::after {
    position: absolute;
    content: '';
    background-image: url(../img/purple-underline.png);
    background-size: 100%;
    background-repeat: no-repeat;
    top: 100%;
    left: 0;
    width: 100% !important;
    max-width: 100% !important;
    height: 13px;
}

.parrot-underline {
    position: relative;
    width: fit-content !important;
}

.parrot-underline::after {
    position: absolute;
    content: '';
    background-image: url(../img/parrot-underline.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    top: 100%;
    left: 0;
    width: 100% !important;
    max-width: 100% !important;
    height: 13px;
}

.signup-help-box {
    display: flex;
    gap: 30px;
    border-radius: 40px;
    background-color: #1F204F;
    padding-right: 40px;
    overflow: hidden;
}

.hp-help-box {
    width: 790px;
    max-width: 100%;
    margin: 0 auto;
}

.shb-img-cont {
    background-color: #D6DFFF;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
}
.shb-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 15px 0;
}

.shb-img-cont img {
    margin-bottom: -1px;
    display: block;
    object-fit: contain;
    object-position: bottom;
    height: 214px;
}

.signup-page-cont {
    max-width: 1200px;
    margin: 0 auto;
}

.signup-flex-main {
    padding: 100px 0;
    display: flex;
    flex-direction: column;
    gap: 100px;
}

.shb-content img {
    height: 60px;
}

.shb-title {
    font-size: 30px;
}

.shb-link {
    font-size: 20px;
    font-weight: 500;
    color: #695DFD;
    text-decoration: underline;
}

.signup-form-box {
    background-color: #1F204F;
    padding: 40px;
    display: flex;
    flex-direction: column;
    gap: 40px;
    border-radius: 40px;
}

.sfb-btn {
    margin-top: 40px;
}

.sfb-submit .btn-main {
    width: 100% !important;
}

.signup-form-steps {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.sfb-border {
    border-top: 1px solid #D3D4FD;
}

.sfs-nav {
    gap: 30px;
    justify-content: center;
}

.sfs-nav .nav-item {
    gap: 10px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    flex-direction: column;
}


.sfs-nav-text {
    font-size: 13px;
    font-weight: 500;
    white-space: nowrap;
    color: #fff;
}

.sfs-nav .nav-link .sfs-number {
    display: none;
}

.sfs-nav .nav-item.active-tab~.nav-item .nav-link .sfs-number {
    display: block;
}

.sfs-nav .nav-item.active-tab~.nav-item .nav-link .sfs-check {
    display: none;
}

.sfs-nav .nav-item.active-tab~.nav-item .nav-link .sfs-number {
    border: 2px solid rgba(211, 212, 253, 0.2);
    line-height: 32px;
}

.sfs-nav .nav-link .sfs-check {
    height: 32px;
    width: 32px;
}

.sfs-number {
    height: 36px;
    width: 36px;
    color: #ffffff;
    border-radius: 100px;
}

.sfs-nav .nav-link {
    padding: 0 !important;
    font-weight: 500;
    font-size: 13px !important;
    line-height: 100%;
    font-family: "Inter", sans-serif;
    height: 35px !important;
    width: 35px !important;
    border: 0;
    border-radius: 100px;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    padding: 0 13px;
    background-color: #1F204F;
}

.sfs-nav .nav-link {
    position: relative;
}

.sfs-nav {
    position: relative;
    width: fit-content;
    margin: 0 auto;
}

/* .sfs-nav::before{
    content: "";
    position: absolute;
    top: 23px;
    left: var(--sfs-left);
    right: var(--sfs-right);
    height: 2px;
    background-image: var(--sfs-bg);
    width: auto;
    transform: translateX(0);
    z-index: 0;
} */

.sfs-nav .nav-item {
    position: relative;
    z-index: 1;
}

.sfs-nav .nav-item .nav-link::after {
    content: "";
    position: absolute;
    top: 16px;
    right: -4px;
    height: 2px;
    background-color: #99F22B;
    transform: translateX(calc(100% - 0.5px));
}

.sfs-nav .nav-item:nth-child(1).sfs-done .nav-link::after {
    width: var(--sfs-line-1);
}

.sfs-nav .nav-item:nth-child(2).sfs-done .nav-link::after {
    width: var(--sfs-line-2);
}

.sfs-nav .nav-item:nth-child(3).sfs-done .nav-link::after {
    width: var(--sfs-line-3);
}

.sfs-nav .nav-item:nth-child(4).sfs-done .nav-link::after {
    width: var(--sfs-line-4);
}

.sfs-nav .nav-item:nth-child(5).sfs-done .nav-link::after {
    width: var(--sfs-line-5);
}

.sfs-nav .nav-item:nth-child(6).sfs-done .nav-link::after {
    width: var(--sfs-line-6);
}

.signup-form-content {
    display: flex;
    flex-direction: column;
    gap: 35px;
}

.sfc-row {
    margin: 0 -0.25rem !important;
}

.sfc-form-group {
    flex-direction: column;
    display: flex;
    gap: 0.5rem;
}

.sfc-label {
    font-size: 14px;
    font-weight: 500;
    color: #FFFFFF;
}

.sfc-row>div {
    padding: 0 0.25rem;
}

.sfc-inp {
    background-color: rgba(255, 255, 255, 0.2) !important;
}

.sfc-info {
    height: 20px;
    cursor: pointer;
    width: 20px;
}

.sfc-help-text {
    margin-bottom: -2px !important;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.6);
}

.sfc-checks {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.sfc-checks .form-check {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    margin-bottom: 0 !important;
    padding: 0 !important;
}

.check-type-1 .form-check-input {
    float: unset;
    margin: 0 !important;
    height: 18px;
    border-radius: 2px !important;
    width: 18px;
    background-color: transparent;
    border: 2px solid #675DF4;
}

.acfb-subtitle {
    font-size: 18px;
}

.check-type-1 .form-check-input:checked {
    background-image: url(../img/check-type-1.svg) !important;
    background-size: 18px 18px;
}

.dropdown-checks .dropdown-menu {
    width: 100%;
    background-color: transparent;
    padding: 0 !important;
    border-radius: 6px;
    overflow: hidden;
    position: static !important;
    inset: unset !important;
    margin: 3px 0 0 !important;
    transform: unset !important;
}

.dropdown-checks .form-check {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 0 !important;
    padding: 12px !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    background-color: rgba(119, 119, 147, 1);
}

.dropdown-checks .form-check-label {
    flex-grow: 1;
}

.dropdown-checks .form-check-input {
    float: unset;
    margin: 0 !important;
    height: 18px;
    border-radius: 4px !important;
    width: 18px;
    background-color: transparent;
    border: 2px solid #ffffff;
}

.dropdown-checks ul li:last-child .form-check {
    border-bottom: 0 !important;
}

.dropdown-checks .form-check-input:checked {
    background-image: url(../img/dropdown-checks.svg) !important;
    background-size: 18px 18px;
}

.dropdown-checks .sfc-inp {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.dropdown-checks .sfc-inp svg {
    height: 10px;
}

.signup-confirm-box {
    background-color: #1F204F;
    border-radius: 40px;
    gap: 30px;
}

.signup-confirm-cont {
    background-image: url(../img/poppers.svg);
    background-position: top center;
    background-size: auto 250px;
    background-repeat: no-repeat;
}

.scb-flex {
    gap: 10px;
}

.signup-confirm-box {
    max-width: 860px;
    margin: 0 auto;
}

.scb-box {
    font-size: 20px;
    font-weight: 200;
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 20px;
    padding: 30px;
}

.scb-title {
    font-size: 40px;
    color: #695DFD;
    font-weight: 500;
}

.scb-desc {
    font-size: 24px;
    font-weight: 400;
}

.primary-modal {
    background-color: rgba(0, 0, 0, 0.0);
}

.primary-modal .modal-dialog {
    max-width: 773px !important;
}

.primary-modal .modal-content {
    background-color: #1F204F;
    border-radius: 40px;
    border-color: #1F204F;
    padding: 40px;
}

.primary-modal .modal-header {
    padding-bottom: 20px !important;
}

.primary-modal .modal-title {
    font-size: 24px;
    font-weight: 500;
    color: #FFFFFF;
}

.primary-modal .btn-close {
    box-shadow: none !important;
    padding: 0 !important;
    height: auto;
    width: auto;
    background-image: unset;
}

.primary-modal .sim-desc {
    font-size: 13px;
    font-weight: 200;
    color: #fff;
}

.primary-modal .sim-desc-1 {
    margin-bottom: 10px !important;
}

.sim-content {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.sim-title {
    font-size: 14px;
    font-weight: 500;
    color: #fff;
}

.sim-desc a {
    margin-left: 4px;
    color: #675DF4;
}

/* Signup Page End */
/* Homepage */
.navbar .btn {
    padding: 7.5px 15px;
    font-size: 15px;
    font-weight: 500;
    line-height: 28px;
}

.btn-outline-main {
    border-color: #99F22B !important;
    color: #99F22B;
    background-color: transparent;
}

.btn-outline-main:hover {
    border-color: #99F22B !important;
    color: #101044;
    background-color: #99F22B;
}

.homepage {
    background-color: #101044;
}

.homepage .navbar {
    background-color: transparent !important;
}

.home-header {
    display: flex;
    flex-direction: column;
    background-size: contain, cover;
    background-position: bottom right, center;
    background-repeat: no-repeat, no-repeat;
    height: 650px;
    position: relative;
    margin-bottom: 160px;
}

.home-hero-content {
    max-width: 600px;
}

.hhc-title img {
    height: 80px;
}

.hhc-title h2 {
    line-height: 110%;
    font-size: 80px;
    color: #fff;
}

.smc-text {
    font-size: 24px;
}

.smc-title img {
    height: 72px;
}

.smc-title h2 {
    line-height: 110%;
    font-size: 72px;
    color: #101044;
}

.home-hero-content .btn-main,
.signup-hero-content .btn-main {
    padding: 10px 28px;
    line-height: 33px;
}

.home-hero-car-cont {
    text-align: center;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 65%;
    height: 100%;
}

.hhv-img {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: auto;
    right: 0;
    z-index: 0;
    transform: translateY(50%);
}

.hhc-img {
    height: auto;
    width: 80%;
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: 0;
}

.hh-tooltip {
    position: absolute;
    z-index: 2;
}

.hh-tooltip img {
    height: 82px;
}

.hht-1 {
    bottom: 75%;
    left: 10%;
}

.hht-2 {
    top: 0;
    left: 50%;
    transform: translate(0%, -100%);
}

.hs-1-img {
    width: 411px;
    max-width: 100%;
}

.home-sec-content {
    display: flex;
    flex-direction: column;
    gap: 28px;
    color: #ffffff;
}

.hs-title {
    font-size: 60px;
    font-weight: 500;
}

.hs-desc {
    font-size: 18px;
    font-weight: 400;
    line-height: 150%;
}

.rtp-img {
    height: 340px;
    width: 388px;
    object-fit: cover;
    object-position: center;
    border-radius: 27px;
}

.rtp-title {
    font-size: 30px;
}

.page-desc {
    font-size: 18px;
}

.home-sec-2-imgs {
    transform: translateX(-25%);
}

.hs-2-img {
    width: 385px;
    max-width: 100%;
}

.hs-2-img img {
    width: 100%;
}

.hs-2-img-2 {
    position: absolute;
    bottom: 25px;
    left: 150px;
}

.hs-2-img-1 {
    position: relative;
}

.hht-3 {
    top: 0;
    left: 30%;
    transform: translate(-50%, -90%);
}

.hs-3-imgs {
    position: absolute;
    width: 50%;
    left: 0;
}

.hs-3-img-1 {
    width: 100%;
    position: relative;
    z-index: 1;
}

.hs-3-img-2 {
    width: 60%;
    position: absolute;
    z-index: 0;
    left: 0;
    top: 0;
    transform: translateY(-50%);
}

.hs-3-img-1 img {
    width: 100%;
}

.hs-3-img-2 img {
    width: 100%;
}

.hht-4 {
    top: 0;
    right: 7%;
    transform: translateY(-50%);
}

.hht-5 {
    top: 0;
    right: 7%;
    transform: translateY(-80%);
}

.hs-4-mobile {
    height: 512px;
    width: 249px;
    margin: 0 auto;
    position: relative;
}

.sma-brand-icon {
    height: 84px;
    width: 84px;
    border-radius: 100px;
}

.hs-3-mobile {
    width: 410px;
    max-width: 100%;
}

.hs-3-mobile .hs-4-frame {
    position: relative;
    z-index: 0;
    height: auto;
    width: 410px;
    max-width: 100%;
}

.hs-3-mobile .hs-4-iframe {
    width: calc(100% - 23px);
    padding: 0;
    transform: scale(1) translateX(12px) translateY(10px);
}

.hs-4-frame {
    position: relative;
    height: 100%;
    z-index: 0;
}

.hs-3-mobile .hs-4-iframe {
    height: 100% !important;
    border-radius: 50px 50px 0 0;
}

.hs-4-iframe {
    padding: 10px 9px;
    border-radius: 50px;
    position: absolute;
    width: 100%;
    left: 0;
    z-index: 1;
    top: 0;
    width: 390px;
    transform: scale(0.6) translateX(12px) translateY(10px);
    bottom: 0 !important;
    height: 163%;
    transform-origin: left top;
    scrollbar-width: none;
}

.hht-6 {
    top: 50%;
    right: 0;
    width: 280px;
    height: auto;
    transform: translate(60%, -50%);
}

.hh-tooltip img {
    height: auto;
    width: 100%;
}

.home-sec-4-imgs {
    width: fit-content;
    margin: 0 auto;
}

.hs-5-img {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50%;
    max-width: 770px;
    transform: translateY(-35px);
}

.hs-6-img {
    position: absolute;
    right: 0;
    top: 50%;
    width: 50%;
    transform: translateY(-50%);
}

.hs-6-rays {
    position: absolute;
    left: 45%;
    transform: translate(-50%, -50%) rotate(70deg);
    width: calc(100% / 10);
    z-index: 1;
}

.hs-6-rays img {
    width: 100%;
}

.sec-title {
    font-size: 44px;
}

.sec-desc {
    font-size: 20px;
}

.recently-added .container {
    padding: 0 20px;
}

.recently-added .row {
    margin: -20px;
}

.recently-added .row>div {
    padding: 0 10px;
}

.recently-list-card {
    background-color: #FFFFFF;
}

.recently-list-card .plc-img {
    aspect-ratio: 16/10;
}

.plcb-line-grey {
    height: 23px;
    width: 1px;
    background-color: rgba(185, 185, 187, 1);
}

.recently-list-card {
    padding-bottom: 0 !important;
}

.recently-list-card * {
    color: #101044;
}

.recently-list-card .plc-num-plate {
    border-color: #101044;
}

.recently-list-card .plcb-circle {
    background-color: #101044;
}

.ac2h-rays {
    height: 100%;
}

.line-eeeeee {
    height: 1px;
    width: 100%;
    background-color: #EEEEEE;
}

.slick-arrow::before {
    content: unset;
}

.btn-sold {
    padding: 9px 16px;
    font-size: 16px;
    color: #ffffff;
    background-color: #F22B2B;
    border-radius: 6px;
    font-weight: 400;
    border-color: #F22B2B !important;
}

.btn-sold:hover {
    color: #F22B2B;
}

.home-cta-box {
    max-width: 988px;
    margin: 0 auto;
    border-radius: 30px;
    background-color: #ffffff;
    padding: 38px 62px;
    display: flex;
    align-items: center;
    gap: 24px;
    justify-content: space-between;
}

.hcb-title {
    display: flex;
    align-items: center;
    gap: 24px;
    font-size: 32px;
    color: #695DFD;
    line-height: 110%;
    font-weight: 500;
}

.hcb-btn {
    line-height: 45px;
    padding: 12px 60px;
    font-size: 24px;
    white-space: nowrap;
}

.hcb-btn img {
    height: 25px;
}

.testimonials-sec {
    background-color: #EEF0FF;
    border-radius: 40px 40px 0 0;
    position: relative;
    bottom: -38px;
    z-index: 0;
}

.testimonials-sec .sec-title {
    color: #101044;
}

.ts-slide-cont {
    padding: 0 10px;
}

.ts-box {
    padding: 50px;
    border-radius: 10px;
    background-color: #FFFFFF;
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.ts-stars {
    display: flex;
    gap: 6.5px;
}

.ts-star {
    width: 29px;
}

.ts-text {
    font-size: 24px;
    margin-bottom: 0;
    color: #101044;
}

.ts-user-cont {
    display: flex;
    align-items: center;
    gap: 10px;
}

.ts-user-img {
    height: 56px;
    width: 56px;
    border-radius: 100px;
    aspect-ratio: 1/1;
    object-fit: cover;
}

.ts-user-name {
    color: #101044;
    font-size: 20px;
    line-height: 100%;
    font-weight: 600;
    margin-bottom: 0px;
}

.ts-user-details {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.ts-user-location {
    font-size: 16px;
    font-weight: 400;
    color: #595959;
    line-height: 100%;
}

.ts-flex-1 {
    gap: 60px;
    display: flex;
    flex-direction: column;
}

.circle-arrow.slick-arrows {
    position: static;
    transform: unset;
    height: unset;
    width: unset;
}

.ts-slider-arrows {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 15px;
}

.circle-arrow.slick-arrow rect {
    transition: 0.3s ease-in-out;
}

.rlcs-cont {
    padding: 0 10px;
}

.circle-arrow.slick-arrow:hover rect {
    fill: var(--parrot);
    stroke: var(--parrot);
}

.hover-green-border {
    transition: 0.3s ease-in-out;
    border: 2px solid transparent;
    cursor: pointer;
}

.light-page .hs-title {
    color: #101044;
}

.hover-green-border:hover {
    border-color: var(--parrot);
}

.hwd-flex {
    display: flex;
    flex-wrap: wrap;
    gap: 32px;
}

.hwd-card {
    width: calc((100% / 3) - (32px*2)/3);
    display: flex;
    flex-direction: column;
    gap: 28px;
    padding: 24px;
    border-radius: 10px;
    color: #101044;
    background-color: #fff;
}

.hover-purple-border {
    border: 2px solid transparent;
    cursor: pointer;
    transition: 0.3s ease-in-out;
}

.hover-purple-border:hover {
    border-color: #695DFD;
}

.hwdc-content {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.hwdc-title {
    font-weight: 500;
    font-size: 32px;
}

.hwdc-desc {
    font-size: 18px;
}

.container-relative {
    position: relative;
}

.hwdc-2,
.hwdc-5 {
    transform: translateY(120px);
}

.hwdc-3,
.hwdc-6 {
    transform: translateY(240px);
}

.how-we-do {
    padding-bottom: 290px !important;
}

.sma-row>div {
    padding: 11px !important;
}

.sma-flex {
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.sma-card {
    display: flex;
    flex-direction: column;
    gap: 30px;
    padding: 40px;
    border-radius: 20px;
    background-color: #FFFFFF;
    color: #000000;
}

.sma-title {
    font-size: 32px;
    font-weight: 500;
}

.sma-content {

    display: flex;
    flex-direction: column;
    gap: 20px;
    font-size: 18px;
}

.sma-cars-flex {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.sma-content svg {
    height: 10px;
    width: 18px;
}

.border-ececec {
    border-bottom: 1px solid #ececec;
}

.smac-purple {
    background-color: #695DFD;
}

.smac-crf .crf-btn,
.smac-crf .crf-inp {
    width: 100%;
}

.smac-crf {
    border-radius: 10px;
    padding: 10px;
    background-color: #FFFFFF;
}

.smac-crf .car-reg-form {
    flex-direction: column;
}

.sma-ai,
.sma-ai .accordion-button,
.sma-ai .accordion-body {
    background-color: transparent !important;
    box-shadow: none !important;
    color: #101044;
    border: 0;
}

.sma-ai {
    border-bottom: 1px solid rgba(225, 220, 212, 1);
}

.sma-ai .accordion-button {
    padding: 24px 0 !important;
    font-size: 24px;
    border-bottom: 0 !important;
    font-weight: 500;
}

.sma-accordion {
    max-width: 810px;
    margin: 0 auto;
}

.sma-ai .accordion-body {
    padding: 0 0 24px !important;
    font-size: 18px;
}

.sma-ai .accordion-button::after,
.sma-ai .accordion-button:not(.collapsed)::after {
    height: 32px;
    width: 32px;
    background-image: url(../img/sma-ai-chev-down.svg);
    background-size: contain;
}

.kyc-acc .accordion-item,
.kyc-acc .accordion-button,
.kyc-acc .accordion-body {
    background-color: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
}

.kyc-acc .accordion-button {
    font-size: 18px;
    padding: 10px 0;
    color: #ffffff !important;
    font-weight: 600;
}

.kyc-acc {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.kyc-acc .accordion-body {
    padding: 0 0 10px;
    color: rgba(255, 255, 255, 0.8) !important;
}

.kyc-acc .accordion-button::after,
.kyc-acc .accordion-button:not(.collapsed)::after {
    height: 18px;
    width: 18px;
    background-image: url(../img/chevron-white-down.svg);
    background-size: contain;
    background-position: center;
}

.box-crf {
    border-radius: 30px;
    width: 986px;
    max-width: 100%;
    margin: 0 auto;
    background-color: #695DFD;
    padding: 40px;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.b-crf-rays {
    width: 56px;
}

.box-crf .smac-crf {
    width: 740px;
    max-width: calc(100% - 144px);
    margin: 0;
    padding: 20px;
}

.box-crf .crf-btn,
.box-crf .crf-inp {
    width: 100%;
}

.box-crf .car-reg-form {
    flex-direction: column !important;
    gap: 20px !important;
}

.box-crf .smac-crf .car-reg-form {
    gap: 20px !important;
    flex-wrap: nowrap !important;
    flex-direction: row !important;
}

/* Homepage End */

/* Profile Page */

.ps-info {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.psi-title {
    font-size: 30px;
    font-weight: 600;
}

.psi-desc {
    font-size: 18px;
}

.ps-card {
    background-color: #1F204F;
    padding: 40px;
    border-radius: 40px;
}

.ps-title {
    font-size: 24px;
}

.psp-desc {
    font-size: 18px;
    color: rgba(255, 255, 255, 0.8);
}

.psp-desc-2 {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.8);
}

.psp-desc {
    font-size: 18px;
    color: rgba(255, 255, 255, 0.8);
}

.pscp-desc {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.8);
}

.psc-preferences {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.psc-payment {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.psp-table td,
.psp-table th {
    color: #ffffff;
    background-color: transparent !important;
    text-align: right;
}

.psp-table th {
    font-weight: 500;
    padding-bottom: 15px;
}

.psp-table td {
    font-weight: 400;
    padding: 10px 0 !important;
}

.psp-table thead {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.psp-table tbody tr:first-child td {
    padding-top: 15px !important;
}

.psp-table .form-check-input {
    height: 18px;
    margin: 0 !important;
    box-shadow: none !important;
}

.psp-table tr th:first-child {
    text-align: left;
}

.psp-table tr td:first-child {
    text-align: left;
}

.psp-table .form-switch {
    display: flex;
    align-items: center;
    margin-bottom: 0 !important;
    padding: 0 !important;
    justify-content: flex-end;
}

.psp-table .form-check-input:checked {
    background-color: #675DF4;
    border-color: #675DF4;
}

.ps-payment-method {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
}

.ps-pm-info {
    display: flex;
    flex-direction: column;
    gap: 0px;
    color: #ffffff;
}

.ps-pm-title {
    font-size: 14px;
    font-weight: 500;
}

.ps-pm-desc {
    font-weight: 300;
    font-size: 12px;
}

.ps-pm-action {
    display: flex;
    gap: 20px;
}

.ps-payment-method {
    padding: 12px 18px;
    background-color: #4B4D73;
    border-radius: 7.5px;
}

.ps-pm-action a {
    text-decoration: none;
}

.ps-pm-action svg {
    height: 24px;
}

.pscp-flex-1 {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.ps-pm-add {
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    padding: 10px 0 0;
    font-weight: 500;
}

.ps-pm-add svg {
    height: 16px;
}

.psc-profile-info,
.psc-notifications,
.psc-products {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.ps-profile-form .form-fields {
    gap: 40px;
    flex-direction: column;
    display: flex;
}

.add-payment-form .form-fields {
    gap: 20px;
    flex-direction: column;
    display: flex;
}

.ps-profile-form .form-group,
.add-payment-form .form-group {
    gap: 6px;
    flex-direction: column;
    display: flex;
}

.ps-profile-form .form-label,
.add-payment-form .form-label {
    font-size: 16px;
    margin-bottom: 0;
    color: #ffffff;
    font-weight: 600;
}

.add-payment-form .form-label {
    font-weight: 500;
}

.ps-profile-form .fpf-inp,
.add-payment-form .fpf-inp {
    font-size: 16px;
    padding: 12px;
    background-color: rgba(255, 255, 255, 0.2) !important;
    border-color: rgba(255, 255, 255, 0.2) !important;
}

.ps-profile-form .btn-main {
    padding: 10px 18px !important;
}

.ps-noti {
    justify-content: space-between;
    display: flex;
    align-items: center;
    gap: 10px;
}

.psn-info {
    display: flex;
    flex-direction: column;
    gap: 3px;
    color: #ffffff;
}

.psn-action {
    display: flex;
    gap: 10px;
    align-items: center;
}

.ps-noti-flex-1 {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.psn-check {
    font-size: 12px;
    color: #99F22B;
    text-decoration: underline;
    font-weight: 300;
    padding: 5px 14px;
    border-radius: 100px;
    background-color: rgba(255, 255, 255, 0.1);
}

.psn-action svg {
    height: 24px;
}

.psn-title {
    font-size: 14px;
    font-weight: 400;
}

.psn-desc {
    font-size: 10px;
    font-weight: 300;
    color: rgba(255, 255, 255, 0.5);
}

.psn-read-more {
    font-size: 12px;
    font-weight: 300;
    color: #99F22B;
    display: flex;
    align-items: center;
}

.ps-products-flex {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.ps-product {
    display: flex;
    gap: 5px;
    padding: 15px;
    border-radius: 8px;
    background-color: #4B4D73;
    flex-direction: column;
    flex-grow: 1;
    flex-basis: 140px;
    flex-shrink: 1;
}

.ps-product-title {
    font-size: 12px;
    margin-bottom: 0;
    color: #ffffff;
}

.ps-product .psn-read-more {
    text-decoration: none;
}

.cursor-pointer {
    cursor: pointer;
}

.card-type-icon {
    height: 15.5px;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
}

.apf-row {
    margin: 0 -10px;
}

.apf-row>div {
    padding: 0 10px;
}

.fpf-inp.form-select {
    background-image: url(../img/white-chev-down.svg);
    background-size: 24px;
}

.fpf-inp.form-select option {
    background-color: rgba(171, 171, 188, 1);
    color: #ffffff;
}

.add-payment-form .fpf-inp {
    font-weight: 300 !important;
}

/* Profile Page End */

/* Dashboard Starts */
.dashboard-notification-pill {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 20px;
    border-radius: 24px;
    background-color: #675DF4;
}

.dnp-desc {
    color: #fff;
    font-size: 14px;
}

.dnp-link {
    font-size: 16px;
    color: #99F22B;
}

.dashboard-card {
    background-color: #1F204F;
    border-radius: 10px;
}

.dc-sidebar {
    padding: 15px;
}

.dc-sidebar .accordion-item {
    background-color: transparent;
    border-radius: 0px;
    padding: 0 15px 15px;
    display: flex;
    flex-direction: column;
    border: 0 !important;
    box-shadow: none !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
}

.dc-sidebar .accordion-item:last-child,
.dc-sidebar .before-active {
    border-bottom-color: transparent !important;
}


.dc-sidebar .accordion-item.active {
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    border-bottom: 0 !important;
}

.dc-sidebar .accordion-button,
.dc-sidebar .accordion-body {
    background-color: transparent !important;
    padding: 0 !important;
    box-shadow: none !important;
    border-bottom: 0 !important;
}

.dc-sidebar .accordion-body {
    padding-top: 10px !important;
}

.dc-sidebar .accordion-button {
    color: #FFFFFF !important;
    font-size: 18px;
    font-weight: 500;
    padding: 15px 0 0 !important;
}

.dc-sidebar .accordion-button::after {
    background-position: center;
    background-size: 15px;
    background-image: url(../img/chevron-white-down.svg);
}

.dcs-link {
    font-size: 14px;
    line-height: 24px;
    padding: 6px 0;
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
    text-decoration: none;
}

.dcs-name {
    color: rgba(255, 255, 255, 0.6);
    font-weight: 300;
}

.dcs-number {
    color: #FFFFFF;
}

.dc-main {
    background-color: #1F204F;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.dcm-subtitle {
    font-size: 12px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.6);
}

.dcm-title {
    font-size: 20px;
    font-weight: 500;
    color: #ffffff;
}

.dcm-flex-1,
.dcm-flex-2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.dcm-flex-2 {
    padding: 12px;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 4px;
}

.dcm-btns {
    display: flex;
    gap: 12px;
    align-items: center;
}

.dcm-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    gap: 10px;
    padding: 8px 16px;
    font-size: 16px;
    border: 1px solid transparent;
}

.dcm-btn-green {
    background-color: var(--parrot);
    color: #0C0D45;
    border-color: var(--parrot);
}

.dcm-btn-green:hover {
    background-color: #0C0D45;
    color: var(--parrot);
    border-color: var(--parrot);
}

.dcm-btn-green:hover path {
    stroke: var(--parrot);
}

.dcm-btn-outline {
    background-color: var(--midnight);
    color: #ffffff;
    border-color: #ffffff;
}

.dcm-btn-outline:hover {
    background-color: #ffffff;
    color: var(--midnight);
}

.dcm-btn-outline:hover path {
    stroke: var(--midnight);
}

.dcm-search-inp {
    width: 425px;
    max-width: 100%;
    border-radius: 4px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background-color: rgba(255, 255, 255, 0.2);
    padding: 8px 8px 8px 32px;
    font-size: 15px;
    box-shadow: none !important;
    background-image: url(../img/search-icon-white.svg);
    background-position: 8px center;
    background-size: 16px;
    color: #ffffff;
    font-weight: 300;
    background-repeat: no-repeat;
}

.dcm-search-inp:focus {
    outline: 0 !important;
}

.dcm-search-inp::placeholder {
    color: rgba(255, 255, 255, 0.6);
}

.dcm-flex-3 {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.dcm-filter-btn {
    font-size: 14px;
    color: #fff !important;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    border-radius: 100px;
    padding: 6.5px 32px;
}

.dcm-filter-btn:hover,
.dcm-filter-btn.active {
    background-color: rgba(255, 255, 255, 0.3);
}

.dcm-table-card {
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    max-height: 650px;
    scrollbar-width: thin;
}

.dcm-table {
    margin-bottom: 0;
}

.dcm-table th,
.dcm-table td {
    padding: 21px 8px !important;
    vertical-align: middle;
    background-color: rgba(53, 54, 96, 1);
}

.dcm-table thead {
    position: sticky;
    z-index: 3;
    top: 0;
}

.dcm-table tbody {
    overflow-y: auto;
    max-height: 540px;
}

.dcm-table th {
    font-weight: 700;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.8);
    border-bottom: 1px solid rgba(231, 234, 238, 1);
}

.dcm-table tbody td {
    min-height: 74px;
    font-weight: 600;
    font-size: 16px;
    color: rgba(255, 255, 255, 1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.dcm-table thead tr th:first-child,
.dcm-table tbody tr td:first-child {
    padding-left: 14px !important;
}

.dcm-table tbody tr td:first-child {
    width: 30%;
}

.dcm-table tbody tr:last-child td {
    border-bottom: 0 !important;
}

.dcmt-check {
    border-radius: 3.3px !important;
    margin-top: 0 !important;
    border: 1.5px solid #7F56D9 !important;
    box-shadow: none !important;
    cursor: pointer;
    height: 14px;
    width: 14px;
    overflow: hidden;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #ffffff !important;
}

.dcmt-check:checked {
    background-image: url(../img/check-purple.svg);
}

.partial-checked.dcmt-check {
    background-image: url(../img/minus-purple.svg);
}

.dcmt-car-img {
    height: 58px;
    width: 87px;
    object-fit: cover;
    object-position: center;
    border-radius: 4px;
}

.dcmt-dropdown .dropdown-menu {
    font-family: "Alexandria", sans-serif;
    background-color: rgba(31, 32, 79, 1);
    display: none;
    flex-direction: column;
    padding: 10px !important;
    border-radius: 10px;
    z-index: 2;
}

.dcmt-dropdown .dropdown-menu.show {
    display: flex;
}

.dcmt-dropdown .dropdown-item {
    color: #ffffff;
    font-size: 14px;
    border-radius: 0;
    background-color: transparent;
    padding: 10px !important;
}

.dcmt-dropdown .dropdown-item:hover {
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 4px;
}

.dcmt-dropdown-border {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.dcm-table-2 th,
.dcm-table-2 td {
    text-align: center;
}

.dcmt-pill {
    display: inline-block;
    padding: 2px 10px;
    border-radius: 4px;
    font-weight: 600;
    font-size: 13px;
    max-width: 105px;
    text-align: center;
    line-height: 140%;
}

.dcmt-pill-orange {
    background-color: #F0BC2C;
    color: #4E3806;
}

.dcmt-pill-green {
    background-color: #2CF094;
    color: #064E3B;
}

.dcmt-pill-lightred {
    background-color: #EF9090;
    color: #991B1B;
}

.dcmt-pill-purple {
    background-color: #675DF4;
    color: #064E3B;
}

.dcmt-pill-pink {
    background-color: #D32CF0;
    color: #4E0636;
}

.dcmt-pill-sky {
    background-color: #2CCCF0;
    color: #06104E;
}

.dcmt-pill-red {
    background-color: #E83427;
    color: #064E3B;
}

.dcm-table-2 tbody tr td:first-child {
    width: auto;
}

.dcm-btn-wallet {
    gap: 2px;
    padding: 10px 30px;
    font-weight: 600;
}

.dcmw-card {
    border: 1px solid rgba(255, 255, 255, 0.3);
    background-color: rgba(255, 255, 255, 0.1);
    padding: 20px;
    border-radius: 10px;
    display: flex;
    gap: 10px;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 100%;
}

.dcmw-title {
    font-size: 26px;
}

.dcmw-desc {
    font-size: 16px;
}

.dcmw-small {
    font-weight: 300;
    margin-bottom: 0;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.8);
}

.text-white-70 {
    color: rgba(255, 255, 255, 0.7);
}

.dcmw-flex {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.page-title {
    font-weight: 500;
    line-height: 110%;
    font-size: 90px;
}

.page-subtitle {
    font-size: 24px;
}

.page-border {
    border-bottom: 1px solid rgba(211, 212, 253, 0.2);
    margin: 30px 0;
}

.policy-desc {
    font-size: 18px;
}

.policy-title {
    font-size: 20px;
}

ol.policy-desc {
    padding-left: 20px;
}

.site-box {
    padding: 40px;
    background-color: #1F204F;
    border-radius: 40px;
}

.shfb-flex {
    gap: 30px;
}

.shfb-title {
    font-size: 30px;
}


.shfb-desc {
    font-size: 18px;
}

.light-text {
    color: rgba(255, 255, 255, 0.8);
}

.shfb-ins-flex {
    gap: 10px;
}

.shfb-circle {
    height: 6px !important;
    width: 6px !important;
    min-width: 6px !important;
    display: inline-block;
    background-color: #fff;
    border-radius: 100px;
}

.drop-flex {
    flex-direction: column;
    border-radius: 10px;
    padding: 20px;
    border: 2px dashed rgba(255, 255, 255, 0.2);
    align-items: center;
    text-align: center;
    gap: 10px;
    background-color: rgba(255, 255, 255, 0.2);
}

.attachment-title {
    color: #fff !important;
    font-size: 18px !important;
    font-weight: 500 !important;
}

.attachment-desc {
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 300 !important;
}

.attachment-icon {
    height: 48px !important;
    margin-bottom: 10px !important;
}

.shfb-subtitle {
    font-size: 24px;
    font-weight: 600;
}

/* Dashboard Ends */

/* Car Details Start */
.details-flex-1 {
    display: flex;
    gap: 30px;
    flex-direction: column;
}

.dsf {
    position: relative;
    margin-bottom: 10px;
}

.dsf .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 100px;
    z-index: 2;
    height: unset;
    width: unset;
}

.dsf .slick-next {
    right: 10px;
}

.dsf .slick-slide>div {
    height: 100%;
    display: flex;
    align-items: center;
}

.dsf .slick-prev {
    left: 10px;
}

.dsf img,
.dsf video {
    width: 100%;
    display: block;
    object-fit: cover;
    object-position: center;
    height: auto;
    aspect-ratio: 16/9;
    border-radius: 10px;
}

.details-slider-for-2.dsf img,
.details-slider-for-2.dsf video {
    border-radius: 7.5px !important;
    aspect-ratio: 16/8 !important;
}

/* .gallery-arrows .slick-arrow {
    height: auto;
    width: auto;
    transform: unset;
    position: unset !important;
} */

.modal .dsf-img-cont {
    margin-bottom: 44px !important;
    position: relative;
}

.modal .dsf-content {
    bottom: 0;
    transform: translateY(calc(100% + 20px));
    left: 0;
    width: 100%;
    position: absolute;
}

.modal .tab-pane .slick-arrow {
    top: 50%;
    transform: translateY(calc(-50% - 33px));
}

.modal .gallery-arrows {
    padding: 10px 20px;
    border-radius: 100px;
    background-color: rgba(16, 16, 68, 0.4);
    border: 1px solid rgba(255, 255, 255, 0.3);
    font-size: 16px !important;
    color: #fff !important;
    width: fit-content;
    font-weight: 600;
    line-height: 115%;
    position: absolute;
    top: 78px;
    right: 10px;
}

.dsf-title {
    font-size: 30px;
    display: none;
}

.dsn img {
    cursor: pointer;
    height: auto;
    object-fit: cover;
    object-position: center;
    aspect-ratio: 16/9;
    border-radius: 6px;
    height: 90px;
}

.gallery-modal {
    background-color: rgba(0, 0, 0, 0);
}

.gm-nav-tabs {
    padding: 10px 20px;
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: center;
    background-color: #0C0D45;
    border-radius: 40px;
    border: 0 !important;
    width: fit-content;
    margin: 0 auto 20px;
}

.cd-sliders .gm-nav-tabs .nav-link {
    color: #fff !important;
    background-color: transparent !important;
    font-size: 18px;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    font-weight: 400;
}

.cd-sliders .gm-nav-tabs .nav-link.active {
    border-bottom: 2px solid #695DFD !important;
    color: #695DFD !important;
}

.gallery-modal .modal-dialog {
    max-width: 900px;
}

.gallery-modal .modal-content {
    background-color: transparent !important;
}

.dsn .slick-list {
    padding: 0 !important;
    margin: 0 -5px !important
}

.dsn .slick-track {
    margin: 0 !important;
}

.dsn-img-cont {
    padding: 0 5px;
}

.details-flex-2 {
    display: flex;
    gap: 40px;
    flex-direction: column;
}

.details-slider-for-2 {
    margin-bottom: 20px !important;
}

.dsf-content {
    margin-top: 20px;
}

.cd-flex-3 {
    display: flex;
    gap: 20px;
    flex-direction: column;
}

.cd-title {
    margin-bottom: 0;
    font-size: 24px;
    font-weight: 500;
    color: #ffffff;
}

.cd-location-iframe {
    width: 100%;
    height: 250px;
    border-radius: 10px;
}

.cdf-flex {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.cdf-feature {
    flex-basis: 300px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #FFFFFF;
    font-weight: 400;
    font-size: 20px;
    flex-grow: 1;
    flex-shrink: 1;
}

.cdf-feature img {
    height: 47px;
}

.cd-cards {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.cd-card {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 7px;
    align-items: center;
    text-align: center;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.2);
    font-size: 20px;
    width: calc(100% / 3 - ((20px * 2)/3));
}

.cdc-label {
    color: rgba(255, 255, 255, 0.7);
    line-height: 120%;
}

.cdr-img-outline {
    mix-blend-mode: exclusion;
}

.cdc-info {
    cursor: pointer;
    height: 30px;
    border-radius: 100px;
}

.cdc-value {
    color: rgba(255, 255, 255, 1);
    display: flex;
    align-items: center;
    font-weight: 500;
    gap: 5px;
    justify-content: center;
}

.cd-rows {
    display: flex;
    flex-direction: column;
}

.cd-border {
    margin: 20px 0;
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.cd-row {
    padding: 6px 0;
    display: flex;
    justify-content: space-between;
    gap: 16px;
}

.cdr-img {
    height: 130px;
    max-width: 100%;
}

.cd-col {
    width: calc(50% - 8px);
    font-size: 18px;
}

.cdr-label {
    color: rgba(255, 255, 255, 0.7);
}

.cd-row .cd-col:last-child {
    display: flex;
    justify-content: flex-end;
}

.cdr-value {
    color: rgba(255, 255, 255, 1);
    font-weight: 500;
}

.cd-right-card {
    border-radius: 16px;
    background-color: rgba(31, 32, 79, 1);
    overflow: hidden;
}

.cd-rc-flex {
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding: 20px 0;
}

.cd-rf-div {
    padding: 0 20px;
    position: relative;
}

.cd-rf-div .fpf-inp:hover {
    border-color: rgb(200, 255, 133) !important;
    outline: 0 !important;
    box-shadow: 0 0 0 .25rem rgba(152, 242, 43, 0.25) !important;
}

.cd-rc-top-banner {
    border-radius: 16px 16px 0 0;
    border: 1px inset rgba(255, 255, 255, 0.1);
    padding: 18px 30px;
    text-align: center;
}

.cdr-info {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.cd-rc-top-banner .sb-notice {
    font-weight: 300;
    font-size: 20px;
    line-height: 100%;
    color: rgba(238, 240, 255, 1);
}


.cdr-info-top {
    position: relative;
}

.cdr-info-top .grade-badge-cont {
    position: absolute;
    cursor: pointer;
    z-index: 1;
    right: 0px;
    width: fit-content;
    top: 50%;
    bottom: unset;
    transform: translateY(-50%) translateX(18px);
}

.cdr-info-bottom {
    color: #FFFFFF;
}

.cdr-info .plc-plate-number {
    font-size: 20px;
}

.cdr-info-bottom {
    display: flex;
    align-items: center;
    gap: 20px;
}

.crdi-make {
    height: 60px;
    width: 60px;
    border-radius: 100px;
    object-fit: cover;
    object-position: center;
}

.cdr-info .plcb-blue {
    height: 33px;
    width: 20px;
}

.cdr-mini-border {
    width: 1px;
    height: 16px;
    background-color: rgba(196, 197, 252, 1);
}

.cdri-content {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.cdri-title {
    margin-bottom: 0;
    font-size: 24px;
    font-weight: 500;
    line-height: 110%;
}

.cdr-mini-info {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    font-size: 14px;
    font-weight: 300;
}

.cdri-price {
    padding: 12px 20px 20px;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.3);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
    text-align: center;
}

.cdri-price-desc {
    color: rgba(255, 255, 255, 0.8);
    font-size: 18px;
    line-height: 110%;
}

.cdri-price-title {
    font-size: 44px;
    margin-bottom: 0;
    font-weight: 500;
    position: relative;
    color: rgba(255, 255, 255, 1);
    line-height: 110%;
}

.cdri-price-title::after {
    position: absolute;
    content: '';
    background-image: url(../img/green-underline.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    top: 100%;
    left: 0;
    width: 100% !important;
    max-width: 100% !important;
    height: 6px;
}

.cdrc-label-value {
    padding: 6px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 18px;
    color: #ffffff;
}

.cdrc-label {
    font-weight: 300;
    color: rgba(255, 255, 255, 0.7);
}

.cdrc-value {
    text-align: right;
    font-weight: 500;
}

.cdr-accordion .accordion-item {
    background-color: rgba(255, 255, 255, 0.2);
    color: rgba(255, 255, 255, 0.3);
    border-radius: 10px;
    padding: 0 20px;
    border: 1px solid rgba(255, 255, 255, 0.3);
}

.cdr-accordion .accordion-button,
.cdr-accordion .accordion-body {
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

.cdr-accordion .accordion-button {
    padding: 15px 0 15px !important;
    font-size: 18px;
    font-weight: 400;
    position: relative;
    color: #ffffff !important;
}


.cdr-accordion .accordion-button:not(.collapsed)::before {
    content: "";
    position: absolute;
    bottom: 5px;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.2);
    width: 100%;
    left: 0;
}

.cdr-accordion .accordion-button::after {
    background-image: url(../img/chevron-white-down.svg);
    background-position: center;
    background-size: 18px;
}

.cdr-accordion .accordion-body {
    display: flex;
    flex-direction: column;
    gap: 5px;
    padding: 0 0 20px;
}

.cd-rf-div .fpf-inp {
    font-size: 16px;
}

.cd-rf-div .cdc-info {
    height: 24px;
    border-radius: 100px;
    width: 24px;
}

.cdc-info:hover {
    box-shadow: 0 0 0 0.25rem rgba(152, 242, 43, 0.25);
}

.tooltip-inner {
    color: rgba(255, 255, 255, 0.8);
    font-size: 14px;
    font-weight: 300;
    padding: 20px;
    background-color: transparent;
    min-width: 300px;
}

.tooltip-arrow::before {
    border: 0 !important;
    content: 0 !important;
}

.tooltip.show {
    border: 1px solid rgba(255, 255, 255, 0.3);
    background-color: rgba(16, 16, 68, 1);
    opacity: 1;
    border-radius: 10px;
}

.cd-right {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.cdr-card-bottom {
    background-color: rgba(31, 32, 79, 1);
    padding: 30px 20px;
    display: flex;
    flex-direction: column;
    border-radius: 16px;
    gap: 30px;
}

.cdrb-rows {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.cdrb-rows .cdrc-label {
    line-height: 120%;
    max-width: 55%;
    font-weight: 300;
    color: rgba(255, 255, 255, 0.7);
}

.cdf-form {
    display: flex;
    flex-direction: column;
    gap: 35px;
}

.cdf-form .fpf-inp {
    box-shadow: none !important;
}

.cdf-form .fpf-inp:focus {
    border-color: rgb(255 255 255 / 20%) !important;
}


.border-white {
    border-color: #fff !important;
}

.cd-rc-top-quick {
    background-color: #064E3B;
}

.cd-rc-top-smartconnect {
    background-color: rgba(105, 93, 253, 1);
}

.cd-rc-top-wholesale {
    background-color: rgba(175, 128, 14, 1);
}

.cd-rc-top-sold {
    background-color: #DF2323;
}

.cd-rc-top-sold .sb-notice {
    font-weight: 500;
    text-transform: capitalize;
}

.cd-rc-top-smartexchange {
    padding: 13px 30px;
    background-color: #000000;
}

.cd-rc-top-smartexchange .sb-notice {
    font-size: 32px;
    font-weight: 300;
}

.btn-decline {
    background-color: #E83427;
    border-color: #E83427 !important;
}

.cd-right-card .btn-main {
    padding: 10px 20px !important;
}

.cd-right-card-bottom {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.cd-right-bottom {
    margin-top: -10px;
    position: sticky;
    top: 0;
}

.cd-right-card-top {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.cd-right-top {
    height: 100%;
}

.dsf-img-cont {
    position: relative;
}

.cd-right-card-top .cd-rc-flex {
    padding-bottom: 0 !important;
}

/* Popups */
.pm-flex {
    gap: 20px;
}

.pm-alert {
    color: #DBDBE3;
    line-height: 115%;
    text-align: center;
    padding: 20px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 10px;
    font-size: 18px;
    gap: 10px;
}

.pm-table {
    padding: 20px;
    border-radius: 10px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    background-color: rgba(255, 255, 255, 0.2);
}

.pm-table .table td,
.shfb-table .table td,
.shfb-table .table th,
.pm-table .table th {
    background-color: transparent !important;
    font-size: 18px !important;
}

.shfb-table .table th,
.shfb-table .table th,
.pm-table .table th {
    color: #fff;
    font-weight: 600;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding: 0 0 10px !important;
}

.shfb-table .table td,
.pm-table .table td {
    color: rgba(255, 255, 255, 0.8);
    padding: 5px 0 !important;
}

.shfb-table .table td {
    color: #fff !important;
}

.pm-table .table tbody tr td:last-child,
.pm-table .table thead tr th:last-child,
.shfb-table .table tbody tr td:last-child,
.shfb-table .table thead tr th:last-child {
    text-align: right;
}

.pm-eg-table .table tbody tr td:last-child,
.pm-eg-table .table thead tr th:last-child {
    text-align: left;
}

.pm-table .table tbody tr:first-child td,
.shfb-table .table tbody tr:first-child td {
    padding-top: 10px !important;
}

.pma-flex {
    display: flex;
    gap: 20px;
    align-items: center;
}

.cdrit-text {
    font-size: 18px;
    font-weight: 500;
    color: #ffffff;
}

.cdrit-text-place {
    font-size: 18px;
    font-weight: 300;
    color: rgba(255, 255, 255, 0.8);
}

.pm-text-small {
    font-size: 10px;
    text-align: center;
    line-height: 24px;
    color: #fff;
}

.pm-text {
    color: rgba(255, 255, 255, 0.8);
}

.modal-confirm-box {
    display: flex;
    flex-direction: column;
    gap: 8px;
    border: 2px solid transparent;
    border-image: url(../img/border-dashed.svg) 1 round;
    border-radius: 10px;
    text-align: center;
    padding: 20px;
}

.modal-confirm-box .cdc-info {
    height: 24px;
    width: 24px;
}

.mcb-desc {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.8);
}

.mcb-price {
    line-height: 100%;
    color: #ffffff;
    font-size: 36px;
    font-weight: 600;
}

.mcb-buy-now .mcb-price {
    font-size: 22px;
    color: rgba(255, 255, 255, 0.8);
}

.live-sale-box {
    padding: 100px 50px;
    border-radius: 10px;
    min-height: 540px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    justify-content: center;

    background-image: url(../img/live-sale-bg.svg);
    background-size: cover;
    background-position: center bottom;
}

.lsb-content {
    max-width: 935px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 30px;
}

.lsb-title {
    font-size: 32px;
}

.lsb-content .btn-main {
    width: 420px;
    max-width: 100% !important;
}

.cd-right-2 {
    position: sticky;
    top: 10px;
}

/* Car Details End */

/* Sell My Car */
.light-page {
    background-color: #EEF1FF !important;
}

.light-page .navbar {
    background-color: transparent !important;
}

.light-page .nav-link {
    color: #101044 !important;
}

.smch-cont {
    text-align: center;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 600px;
    height: 100%;
}

.smchv-img {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: auto;
    right: 0;
    z-index: 0;
}

.smc-hero-content {
    position: relative;
    z-index: 2;
}

.smch-img {
    height: auto;
    width: 100%;
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: 0;
}

.smch-header {
    position: relative;
}

.smch-rays {
    position: absolute;
    top: 0;
    width: 50%;
    left: 50%;
    z-index: 2;
    transform: translate(-50%, -35%);
}

.car-reg-form {
    display: flex;
    gap: 14px;
}

.crf-inp {
    padding: 16px 4px;
    border-radius: 5.5px;
    background-color: rgba(238, 240, 255, 1);
    border: 1px solid rgba(103, 93, 244, 0.2);
    text-align: center;
    font-weight: 700;
    line-height: 100%;
    color: #101044;
    font-size: 22px;
}

.crf-btn {
    padding: 10px 18px !important;
    white-space: nowrap;
}

.crf-btn,
.crf-inp {
    width: calc(50% - 7px);
}

.crf-inp::placeholder {
    color: rgba(16, 16, 68, 0.5);
}

.smch-crf {
    width: 550px;
    max-width: 100%;
    background-color: #fff;
    border-radius: 10px;
    padding: 15px;
}

.smc-hero-content {
    max-width: 680px;
}

.smc-flex {
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: center;
    color: #101044;
    text-align: center;
}

.smc-step {
    position: relative;
    padding: 26px;
    border-radius: 20px;
    background-color: #ffffff;
    z-index: 2;
    flex-grow: 1;
}

.smc-step-cont {
    background-color: #695DFD;
    border-radius: 20px 20px 40px 40px;
    padding-top: 30px;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.smc-title {
    font-size: 20px;
    font-weight: 500;
}

.smc-desc {
    font-size: 19px;
    font-weight: 300;
}

.smcs-d2 {
    padding-top: 24px;
}

.smcs-d3 {
    padding-top: 48px;
}

.smcs-d4 {
    padding-top: 72px;
}

.smc-mm {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 24px;
    max-width: 870px;
    text-align: center;
    margin: 0 auto;
    color: #101044;
}

.smc-mm-title {
    font-size: 44px;
}

.smc-mm-desc {
    font-size: 18px;
}

.smc-testimonials .sec-title {
    color: #101044;
}

.refer-flex {
    display: flex;
    flex-direction: column;
    gap: 22px;
    align-items: center;
    text-align: center;
}

.text-purple {
    color: #695DFD;
}

.refer-desc {
    font-size: 20px;
    max-width: 675px;
    font-weight: 500;
}

.refer-img {
    width: 100%;
    max-width: 1090px;
}

/* Sell My Car Ends */
/* KYC */

.kyc-ms {
    gap: 20px;
}

.kyc-ms .d-flex {
    gap: 10px;
}

.kms-label {
    font-size: 14px;
    color: #fff;
    font-weight: 500;
}

.kms-row {
    cursor: pointer;
}

.kyc-info {
    gap: 10px;
}

.kyci-title {
    font-size: 24px;
}

.kyc-form-box .sfs-nav .nav-item .nav-link::before,
.kyc-form-box .sfs-nav .nav-item .nav-link::after {
    content: unset;
}

.kyc-label {
    font-size: 16px !important;
    color: #fff !important;
}

.kyc-border {
    border-bottom: 1px solid rgba(211, 212, 253, 1);
}

.btn-pill-outline {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    gap: 6px;
    background-color: transparent;
    border: 1px solid rgba(255, 255, 255, 0.3) !important;
    border-radius: 100px;
    color: #ffffff !important;
}

.kyc-acc-sub .accordion-button {
    font-size: 16px !important;
}

.kyc-acc-sub .accordion-button::after {
    background-image: url(../img/chevron-down-parrot.svg);
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
}

.kyc-summary-flex {
    display: flex;
    flex-direction: column;
    gap: 50px;
}

.kyc-rows {
    gap: 10px;
    display: flex;
    flex-direction: column;
}

.kyc-label-value {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding: 6px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    font-size: 18px;
}

.acc-rep-flex {
    gap: 30px;
}

.acc-rep-box {
    height: 180px;
    background-color: rgba(255, 255, 255, 0.1);
}

.acc-rep-title {
    font-size: 24px;
}

.kyc-rows .kyc-label-value:last-child {
    border-bottom: 0 !important;
}

.kyc-label {
    color: rgba(255, 255, 255, 0.7);
}

.kyc-row-label {
    font-size: 20px;
    font-weight: 500;
    color: #ffffff;
}

.kyc-value {
    color: rgba(255, 255, 255);
    font-weight: 500;
}

/* KYC Ends */
.smch-header>.container {
    position: relative;
}

.gm-close {
    position: absolute;
    top: 9px;
    right: 10px;
    cursor: pointer;
    z-index: 1;
}

/* Payment Fee Page */
.payment-fee-card {
    background-color: #1F204F;
    border-radius: 10px;
}

.pfcr-add {
    cursor: pointer;
    font-size: 12px;
    font-weight: 500;
    color: #695DFD;
    text-decoration: none;
}

.pfrc-box {
    position: relative;
    border: 1px solid rgba(255, 255, 255, 0.3);
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    gap: 10px;
    padding: 15px;
}

.pfrcb-line {
    width: 1px;
    background-color: rgba(255, 255, 255, 0.2);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 50%;
}

.pfrcb-flex {
    display: flex;
    flex-direction: column;
}

.pfrcb-label {
    font-size: 14px;
}

.pfrcr-total {
    font-size: 17px;
}

.pfrc-label-value {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
}

.pfrc-row {
    gap: 6px;
}

.pfrc-value {
    font-weight: 600;
}

.pfc-payment-flex {
    gap: 30px;
}

.pfcp-title {
    font-size: 16px;
}

.pcfp-inp-box {
    cursor: pointer;
    text-decoration: none;
}

.pcfp-inp-box .form-check-input {
    background-color: transparent;
}

.pfcp-text {
    font-size: 14px;
}

.pfcp-border {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.pfcp-sub-flex {
    gap: 15px;
}

.pfcp-card {
    height: 38px;
    margin-left: auto;
}

.pfcp-max-div {
    max-width: 600px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.pfcp-desc {
    font-size: 12px;
}

.pfcp-icon {
    height: 26px;
}

.pfcp-sm-flex {
    gap: 2px;
}

.pfcp-link {
    text-decoration: none;
    display: flex;
    align-items: center;
    gap: 10px;
}

.pcfp-inp-box {
    padding: 12px 18px;
    background-color: rgba(53, 54, 96, 1);
    gap: 10px;
    border-radius: 7.5px;
    display: flex;
    align-items: center;
}

.all-cars-popup .modal-dialog {
    max-width: 1250px !important;
}

.modal-backdrop.show {
    background-color: rgba(0, 0, 0, 0.8) !important;
    opacity: 1 !important;
}

.pfpm-subtitle {
    font-size: 18px;
}

.pfpm-desc {
    font-size: 14px;
}

.sw-title {
    gap: 20px;
    font-size: 30px;
    text-decoration: none;
}

.smart-wallet-balance-max {
    max-width: 640px;
}

.swb-flex {
    gap: 10px;
}

.swb-box {
    border-radius: 16px;
    background-color: #1F204F;
}

.swb-text {
    font-size: 18px;
}

.swbt-header {
    border-bottom: 1px dashed rgba(255, 255, 255, 0.4);
}

.swbt-content {
    gap: 14px;
}

.swbt-text {
    color: rgba(255, 255, 255, 0.4);
}

.cdc-info-sm {
    height: 20px !important;
    width: 20px !important;
}

.swbb-inp-cont {
    padding: 10px 12px;
    border-radius: 6px;
    border: 1px solid rgba(238, 238, 238, 0.2);
    background-color: #353660;
}

.swbb-label {
    font-size: 14px;
    color: rgba(255, 255, 255, 0.5);
}

.swbb-inp {
    padding: 0 !important;
    padding-left: 30px !important;
    font-size: 24px;
    font-weight: 500;
    color: #fff !important;
    box-shadow: none !important;
}

.swbb-currency {
    color: #fff;
    font-weight: 500 !important;
    font-size: 24px !important;
    position: absolute;
    top: 50%;
    left: 10px;
    transform: translateY(-50%);
}

.swbb-increment-flex {
    gap: 10px;
}

.pfpm-flex-sm {
    gap: 20px;
}

.swbb-inc-btn {
    padding: 9px 15px;
    background-color: #353660;
    border-radius: 6px;
    font-size: 18px;
    color: #fff;
    font-weight: 400;
    cursor: pointer;
}

.swbb-inp::-webkit-inner-spin-button,
.swbb-inp::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* For Firefox */
.swbb-inp {
    -moz-appearance: textfield;
}

.cd-rf-div .btn-main {
    white-space: nowrap;
}

.gap-10p {
    gap: 10px;
}

.gap-2p {
    gap: 2px;
}

.cpf-line {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.cpf-row {
    padding: 6px 0;
}

.dashed-box {
    border-radius: 10px;
    border: 1px dashed rgba(255, 255, 255, 0.3);
}

.btn-book-drop {
    border-color: #101044 !important;
    background-color: transparent;
    color: #ffffff;
}

.receipt-cont {
    padding: 25px 0;
}

.receipt-box {
    width: 575px;
    max-width: 100%;
    box-shadow: 0 13px 53px rgba(0, 0, 0, 0.16);
    margin: 0 auto;
    background-image: url(../img/recept-bg.svg), linear-gradient(#1F204F 50%, transparent 50%);
    border-radius: 20px 20px 0 0;
    background-position: center bottom;
    padding: 80px 27px 53px;
    position: relative;
}

.prb-flex {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.receipt-success-icon {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 94px;
    width: 94px;
    box-shadow: 0 9px 26px rgba(0, 0, 0, 0.16);
    border-radius: 1000px;
}

.prb-line {
    border-bottom: 1.6px solid rgba(255, 255, 255, 0.16);
}

.receipt-download-btn {
    padding: 13px;
    text-decoration: none;
    color: rgba(255, 255, 255, 0.72);
    font-size: 23px;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 13px;
    justify-content: center;
}

.prb-desc {
    font-size: 23px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.72);
}

.prb-title {
    font-size: 33px;
    color: #fff;
}

.prb-boxes {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
}

.prbb-label {
    color: rgba(255, 255, 255, 0.72);
    font-weight: 400;
    font-size: 20px;
}

.prbb-value {
    font-weight: 500;
    color: #fff;
    font-size: 22px;
}

.prb-box {
    padding: 20px;
    flex-grow: 1;
    flex-basis: 240px;
    border: 1px solid rgba(255, 255, 255, 0.16);
    border-radius: 10px;
}

.prb-price {
    color: #fff;
    font-size: 40px;
}

/* Payment Fee Page Ends */
/* Smart Drop */
.sold-for-pill {
    line-height: 115%;
    padding: 18px 25px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    flex-wrap: wrap;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 100px;
}

.cd-rf-image-banner .cd-rc-top-banner {
    border-radius: 5px 5px 0 0 !important;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.cd-rf-image-banner img {
    aspect-ratio: 5/4;
    object-fit: cover;
    object-position: center top;
}

.details-box-2 {
    border-radius: 40px;
    padding: 40px;
    background-color: rgba(31, 32, 79, 1);
}

.db2-flex-1 {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.db2-flex-2 {
    gap: 20px;
}

.cd-subtitle {
    font-size: 20px;
    font-weight: 400;
    color: #ffffff;
    margin-bottom: 0;
}

.db2-flex-2 .cd-rows {
    gap: 10px;
}

.db2-flex-2 .cd-border {
    margin: 0;
}

.db2-ib-flex {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.db2-ib-image {
    flex-basis: 300px;
    flex-grow: 1;
}

.db2-box {
    padding: 20px;
    border-radius: 20px;
    background-color: rgba(255, 255, 255, 0.1);
}

.db2-ib-image img {
    width: 100%;
    aspect-ratio: 16/9;
    object-fit: cover;
    object-position: center;
    border-radius: 10px;
}

.db2-ib-title {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #FFFFFF;
    font-size: 18px;
}

.db2-live-chat-box {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.db-text {
    font-size: 18px;
}

.db2-ib-text {
    font-weight: 300;
}

.drop-address {
    border-radius: 10px;
    padding: 20px;
    background-color: rgba(255, 255, 255, 0.1);
}

.radio-box-table th,
.radio-box-table td {
    background-color: rgba(255, 255, 255, 0.1) !important;
    font-size: 14px !important;
}

.radio-box-table th {
    font-weight: 500 !important;
    padding: 8px 8px !important;
    min-height: 35px !important;
    color: rgba(255, 255, 255, 0.7) !important;
}

.radio-box-table td {
    padding: 14px 8px !important;
    font-weight: 600 !important;
    min-height: 50px !important;
    border-bottom: 1px solid rgba(231, 234, 238, 0.2) !important;
}

.radio-box-table tbody tr:last-child td {
    border-bottom: 0 !important;
}

.hidden-table {
    display: none;
}

.transport-status-circle {
    height: 7px;
    width: 7px;
    border-radius: 100px;
    box-shadow: 0 0 26px rgba(153, 242, 43, 1),
        0 0 15px rgba(153, 242, 43, 1),
        0 0 9px rgba(153, 242, 43, 1),
        0 0 5px rgba(153, 242, 43, 1),
        0 0 1.25px rgba(153, 242, 43, 1),
        0 0 0.5px rgba(153, 242, 43, 1);
}

/* Smart Drop Ends */
/* Live Chat */
.live-chat-page main {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.chat-sec {
    flex-grow: 1;
}


.live-chat-page main {
    /* height: calc(100vh - 81px); */
}

.live-chat-box {
    border-radius: 10px;
    background-color: #161637;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    height: 100%;
    /* max-height: var(--live-chat-box); */
    max-height: calc(100vh - 48px);
}

.lcbl-owners {
    font-size: 12px;
    color: #ffffff;
    font-weight: 500;
}

.lcbl-info .cdr-info-top {
    gap: 10px;
    align-items: center;
    display: flex;
}

.lcbl-info .cdri-title {
    font-size: 14.5px;
}

.lcbl-info .cdr-mini-info {
    font-size: 11.25px;
    color: #ffffff;
    font-weight: 500;
    gap: 8px;
}

.lcbl-info .cdri-content {
    gap: 6px;
}

.lcbl-info .crdi-make {
    height: 55px;
    width: 55px;
}

.lcbl-info {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.lcbl-info .cdr-info-bottom {
    gap: 8px;
}

.lcb-top {
    padding: 24px;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 5px;
}

.lcb-bottom {
    padding: 24px;
    background-color: rgba(255, 255, 255, 0.1);
}

.lcb-middle {
    flex-grow: 1;
}

.lcbt-user {
    line-height: 125%;
}

.lcbt-user-img,
.lcb-msg-user-img {
    height: 40px;
    width: 40px;
    border-radius: 10px;
    object-fit: cover;
    object-position: center;
}

.lcbt-user-status {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.6);
}

.lcbt-user-name {
    color: rgba(255, 255, 255, 1);
    font-size: 20px;
}

.lcbt-user-status img {
    height: 10px;
    width: 10px;
}

.lcbb-inp-cont {
    position: relative;
}

.lcbb-inp {
    box-shadow: none !important;
    background-color: #161637 !important;
    border-radius: 10px !important;
    padding: 10px 20px !important;
    border: 1px solid rgba(226, 232, 240, 0.3) !important;
    font-size: 14px !important;
    color: rgba(255, 255, 255, 1) !important;
}

.btn-lcbb {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}

.lcbt-right {
    gap: 20px;
}

.lcbb-inp::placeholder {
    color: rgba(255, 255, 255, 0.4);
}

.lcb-middle {
    overflow-y: auto;
    scrollbar-width: thin;
    padding: 24px;
}

.lcb-chat-messages {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.lcb-message-cont {
    display: flex;
    gap: 16px;
}

.lcb-msgs {
    display: flex;
    flex-direction: column;
    gap: 10px;
    flex-grow: 1;
}

.lcb-message-sent .lcb-msgs {
    align-items: flex-end;
}

.lcb-msg-pill {
    padding: 8px 16px;
    border-radius: 12px;
    background-color: #F1F1F1;
    color: #000000;
    font-weight: 400;
    font-size: 14px;
    width: fit-content;
}

.lcb-message-sent {
    flex-direction: row-reverse;
}

.lcb-message-sent .lcb-msg-pill {
    color: #ffffff;
    background-color: #615EF0;
}

.lcbm-others {
    display: flex;
    flex-direction: column;
    gap: 9px;
    padding: 9px;
}

.lcbmo-images {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
}

.lcbmo-images img {
    height: 86px;
    aspect-ratio: 16/9;
    object-fit: cover;
    object-position: center;
}

.lcbmo-title {
    font-size: 14px;
    color: #fff;
    font-weight: 400;
}

.lbb-btns {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.btn-main-white {
    background-color: transparent;
    border-color: #ffffff !important;
    color: #ffffff;
}

.btn-main-white svg path {
    fill: #ffffff;
}

.btn-main-white:hover {
    border-color: #E83427 !important;
    color: #ffffff !important;
    background-color: #E83427 !important;
}

.btn-main-white:hover svg path {
    fill: #ffffff !important;
}

.lcbmo-btns {
    display: flex;
    align-items: center;
    gap: 9px;
    flex-wrap: wrap;
}

.lcb-msg-pill {
    max-width: 90%;
}

.lcbmo-btns .btn-main {
    padding: 5px 18px !important;
    font-size: 16px !important;
}


.lbb-btns .btn-main {
    padding: 5px 18px !important;
    font-size: 14px !important;
}

.lcbl-box {
    border-radius: 10px;
    background-color: #161637;
    display: flex;
    flex-direction: column;
}

.lcbl-nav {
    padding: 10px;
}

.lcbl-nav .nav-pills {
    gap: 10px;
    padding: 6px;
    background-color: #1F204F;
    border-radius: 100px;
}

.lcbl-nav .nav-item {
    width: calc(50% - 5px);
}

.lcbl-nav .nav-link {
    padding: 10px 20px;
    font-size: 14.5px;
    color: #ffffff !important;
    width: 100%;
    font-weight: 400;
    border-radius: 100px;
}

.lcbtr-video-call:hover svg>rect {
    fill: #2CCCF0;
    fill-opacity: 1;
}

.lcbtr-call:hover svg>rect {
    fill: #695DFD;
    fill-opacity: 1;
}

.lcbtr-video-call svg>rect,
.lcbtr-call svg>rect {
    transition: 0.3s ease-in-out;
}

.lcbl-nav .nav-link.active {
    background-color: rgba(255, 255, 255, 0.1);
    color: #ffffff !important;
    font-weight: 600 !important;
}

.lcbl-chat-user {
    text-decoration: none;
    padding: 10px;
    display: flex;
    align-items: center;
    gap: 16px;
    border-radius: 6px;
}

.lcbl-chat-user.active,
.lcbl-chat-user:hover {
    background-color: rgba(255, 255, 255, 0.1);
}

.lcbl-cu-img {
    height: 50px;
    width: 50px;
    border-radius: 12px;
    object-fit: cover;
    object-position: center;
}

.lcbl-cu-msg {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.4);
    font-weight: 400;
}

.lcbl-cu-time {
    font-size: 11px;
    color: rgba(255, 255, 255, 0.5);
    font-weight: 400;
}

.lcbl-cu-name,
.lcbl-noti-title {
    font-size: 14.5px;
    color: #ffffff;
    font-weight: 600;
}

.lcbl-content {
    display: flex;
    gap: 2px;
    flex-direction: column;
    padding: 0 10px 15px;
}

.lcbl-noti {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: space-between;
}

.lcbl-noti-links svg>rect {
    transition: 0.3s ease-in-out;
}

.lcbl-nl-delete:hover svg>rect {
    fill: #F22B2B;
    fill-opacity: 1;
}

.lcbl-nl-arrow:hover svg>rect {
    fill: #695DFD;
    fill-opacity: 1;
}

.lcbl-noti-datetime {
    font-size: 10px;
    color: rgba(255, 255, 255, 0.5);
}

.lcbl-noti {
    padding: 10px;
    border-radius: 6px;
}

.lcbl-noti-title {
    font-weight: 400;
}

.lcb-left {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

.lcbl-box-bottom {
    padding: 28px;
    border-radius: 28px;
    background-color: #161637;
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.lcbl-content {
    max-height: 350px !important;
    overflow-y: auto;
    scrollbar-width: thin;
}

.lbb-ad-label {
    font-size: 13px;
    font-weight: 400;
    color: #ffffff;
}

.lbb-dates .pcfp-inp-box {
    padding: 8.5px 13px;
    border-radius: 5.5px;
    gap: 7px;
}

.lbb-dates .pfcp-desc {
    font-size: 10px;
    font-weight: 600 !important;
}

.lbb-dates .pmm-swap-checkbox {
    height: 10px;
    width: 10px;
}

.lbb-text {
    font-size: 12.5px;
}

.lbb-2 {
    display: none;
}

/* Live Chat Ends */

/* Landing Pages */
.add-car-landing .smc-hero-content {
    max-width: 780px;
}

.add-car-landing .car-reg-form .crf-inp {
    font-size: 16px;
    background-color: rgba(238, 241, 255, 0.4) !important;
    color: #FFFFFF;
}

.add-car-landing .car-reg-form .crf-inp::placeholder {
    color: rgba(255, 255, 255, 0.7);
}

.add-car-landing .crf-btn,
.add-car-landing .crf-inp {
    width: calc(100%/3 - (14px * 2/3));
}

.add-car-landing .smch-crf {
    padding: 13px !important;
    background-color: rgba(255, 255, 255, 0.2) !important;
}

.add-car-landing header {
    height: 640px;
}

.ac2h-cont {
    text-align: center;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 900px;
    height: 100%;
    max-width: 100%;
}

.ac2hv-img {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: auto;
    right: 0;
    z-index: 0;
}

.ac2h-img {
    height: auto;
    width: 60%;
    position: absolute;
    z-index: 1;
    bottom: 0;
    right: 0;
}

.landing-page {
    background-color: #0C0D45;
}

.landing-page .navbar {
    background-color: transparent !important;
}

.landing-page header {
    background-color: #101044;
    background-image: url(../img/signup-pattern.svg);
    background-position: center;
    background-size: cover;
}

.ac2-refer-cont {
    max-width: 865px;
    margin: 0 auto;
}

.ac2r-img {
    width: 1090px;
}

.add-car-landing .recently-added {
    background-color: #101044;
}

.acfb-title {
    font-size: 24px;
}

.acfb-flex-1 {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.acfb-flex-2,
.acfb-info {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.acfb-flex-3 {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.acfb-text {
    font-size: 14px;
}

.ac3f-inp-box {
    color: #ffffff;
    border: 1px solid rgba(103, 93, 244, 1);
    border-radius: 6px 0 6px 6px;
    padding: 8px;
}

.ac3f-ib-label {
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
}

.ac3f-inp-box .form-check-input {
    box-shadow: none !important;
    border: 2px solid #675DF4;
    height: 18px;
    background-color: transparent;
    width: 18px;
}

.ac3f-inp-box .form-check-input:checked {
    border-color: #ffffff;
}

.ac3f-inp-box.active {
    background-color: #675DF4;
}

.ac3f-ib-day.active {
    background-color: #99F22B;
    color: #0C0D45;
}

.ac3f-ib-day {
    cursor: pointer;
    font-weight: 500;
    display: flex;
    color: #ffffff;
    align-items: center;
    gap: 10px;
    padding: 6px 10px;
    border-radius: 100px;
    border: 1px solid #ffffff;
    background-color: transparent;
}

.ac3f-ib-day .form-check-input {
    box-shadow: none !important;
    border: 2px solid #ffffff;
    height: 18px;
    background-color: transparent;
    width: 18px;
}

.ac3f-ib-day .form-check-input:checked {
    border: 2px solid #0C0D45 !important;
    background-image: url(../img/form-checked-circle-blue.svg);
}

.ac3f-ib-hidden {
    display: none;
}

.ac3f-inp-box.active .ac3f-ib-hidden {
    display: block;
}

.ac3f-inp-box .check-type-1 .form-check-input:checked {
    border-color: #695DFD !important;
}

.acf .cd-rf-div {
    padding: 0 30px;
}

.acf .cd-rf-div {
    padding: 0;
}

.acf .cd-rc-flex {
    padding: 30px;
    gap: 30px;
}

.acf .cd-right-card {
    font-size: 20px;
}

.car-pagination svg {
    height: 48px;
    width: 48px;
}

/* Landing Pages Done */

/* Add Car Pages */
.acp-3a header {
    height: unset !important;
    background-color: #090A34;
}

.acp-3a header {
    background-image: url(../img/wholesale-pattern.svg);
}

.acp-3a .smch-header {
    padding-bottom: unset !important;
}

.acp-3a .smch-crf {
    width: 705px;
    max-width: 100%;
}

.acp-3a .smc-hero-content {
    max-width: 100%;
}

.acw-notice {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
    background-color: rgba(31, 32, 79, 1);
    padding: 10px 10px 10px 30px;
    border-radius: 10px;
}

.acw-title {
    font-size: 18px;
}

.acw-text {
    color: rgba(255, 255, 255, 0.6);
}

.btn-notice {
    padding: 14px 20px;
    border-color: #ffffff;
    line-height: 120%;
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.1);
}

.add-wholesale-cars .cd-rc-flex {
    padding: 30px 24px !important;
}

.car-condition-cont {
    padding: 20px;
    background-color: #060434;
}

.ccc-min-max {
    font-size: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #ffffff;
    margin-top: 5px;
}

.ccc-custom-slider~.rangeslider--horizontal {
    height: 8px;
}

.ccc-custom-slider~.rangeslider .rangeslider__handle {
    height: 18px !important;
    width: 18px !important;
    top: -5px !important;
    background-color: transparent !important;
    background-image: url(../img/condition-range-handle.svg);
    background-color: #0C0D45 !important;
    border-color: transparent !important;
    background-size: 14px;
    background-position: center;
    background-repeat: no-repeat;
    box-shadow: none !important;
}

.ccc-custom-slider~.rangeslider .rangeslider__handle:after {
    content: unset !important;
}

.ac-info-tab {
    background-color: #1F204F;
    padding: 20px 30px;
    border-radius: 10px;
}

.acfb-flex-4 {
    gap: 35px;
}

.info-steps {
    gap: 20px;
}

.is-title {
    font-size: 14px;
}

.is-desc {
    font-size: 13px;
}

.is-flex {
    position: relative;
    z-index: 1;
}

.is-flex img {
    position: relative;
    z-index: 1;
}

.is-flex::before {
    content: "";
    position: absolute;
    width: 2px;
    height: calc(100% + 24px);
    transform: translate(-50%, 12px);
    left: 12px;
    background-color: #99F22B;
    z-index: 0;
}

.is-flex:last-child::before {
    display: none;
}

.isb-flex {
    gap: 10px;
}

.text-14 {
    font-size: 14px;
}

.text-18 {
    font-size: 18px;
}

.valuations-box {
    background-color: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 10px;
    padding: 20px;
}

.acf .cdri-price {
    border: 0 !important;
    background-color: transparent !important;
    padding: 0 !important;
}

.recap-progress-flex {
    gap: 15px;
}

.rpfa .accordion-item {
    border: 0 !important;
    background-color: transparent !important;
}

.rpfa .accordion-button::after {
    background-image: url(../img/chevron-down-purple.svg);
    background-position: center;
    background-size: 16px !important;
}

.rpfa-recap-status {
    font-size: 12px;
}

.rpfa-recap-status>span {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 4px 10px;
}

.rpfa-status-locked {
    color: rgba(255, 255, 255, 0.6);
}

.rpfa-status-completed {
    color: #99F22B;
}

.rpfa-pill:not(.accordion-buttton) {
    gap: 20px;
    padding: 8px 10px;
    border-radius: 6px;
    background-color: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(211, 212, 253, 0.2);
}

.rpfa-pill {
    background-image: url(../img/rpfa-pill-bg.svg);
    background-size: 8px;
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) 10px;
}

.rpfa-progress {
    height: 48px;
    width: 48px;
    border-radius: 100px;
    border: 1px dashed white;
    background-color: rgba(0, 0, 0, 0.1);
    font-size: 14px;
    font-weight: 500;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #ffffff;
}

.rpfa-pill .sfc-checks,
.rpfa-pill .rpfa-status-locked,
.rpfa-pill .rpfa-status-completed {
    display: none !important;
}

.rpfa-locked .rpfa-status-locked {
    display: flex !important;
}

.rpfa-inprogress .sfc-checks {
    display: flex !important;
}

.rpfa-completed .rpfa-status-completed {
    display: flex !important;
}

.rpfa .accordion-button {
    box-shadow: none !important;
    background-color: transparent !important;
}

.rpfa-flex {
    border-top: 1px solid rgba(211, 212, 253, 1);
    padding: 10px 0 0;
    gap: 30px;
}

.rpfa .accordion-body {
    padding: 0 20px 20px !important;
}

.rpfa .accordion-body,
.rpfa .accordion-button {

    transition: 0.3s ease-in-out;
}

.rpfa .accordion-button:not(.collapsed) {
    border-color: transparent !important;
    background-color: transparent !important;
}

.rpfa .accordion-item {
    border-radius: 6px;
    background-color: rgba(255, 255, 255, 0.1) !important;
}

.rpfa .accordion-item.rpfa-active {
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
}

.rpfa .accordion-item .accordion-button:not(.collapsed) {
    padding: 20px 20px 10px !important;
}

.rpfa .accordion-item .accordion-collapse.show .accordion-body {
    padding: 0 20px 20px !important;
}

.acfb-flex-5 {
    gap: 15px;
}

.check-pill {
    padding: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
    background-color: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 6px;
}

.car-notice {
    background-color: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 20px;
    display: flex;
    align-items: center;
    gap: 20px;
    border-radius: 10px;
}

.cn-title {
    font-size: 20px;
}

.sna .accordion-item,
.sna .accordion-button,
.sna .accordion-body {
    background-color: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    color: #fff;
    border-radius: 0;
}

.sna .accordion-button::after {
    background-image: url(../img/chevron-down-purple.svg) !important;
    background-position: center;
    background-size: 16px;

}

.sna .accordion-item {
    border-bottom: 1px solid rgba(255, 255, 255, 0.4) !important;
}

.sna .accordion-button {
    font-size: 16px;
    padding: 20px 0;
}

.sna .accordion-body {
    padding: 0 0 20px !important;
}

.nh-line {
    height: 25px;
    width: 1px;
    background-color: #D3D4FD;
}

.add-car-page .cd-right-card .plc-pill {
    position: unset !important;
    margin-left: auto;
}

.rpfa-completed .rpfa-progress {
    background-color: #695DFD;
    border: 2px solid #fff;
    color: #0C0D45;
}

.rpfa-pills {
    padding: 10px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.rpfa-pills:hover {
    background-color: rgba(236, 241, 253, 0.3);
}

.edit-pencil {
    display: none;
}

.rpfa-pills:hover .edit-pencil {
    display: block;
}

.edit-pencil img {
    height: 18px;
}

.btn-main.text-white:hover svg path {
    fill: #FFFFFF !important;
}

/* Add Car Pages End */

/* Static Pages */
.sp-landing .smc-hero-content {
    max-width: 720px;
}

.sml-header {
    height: 700px;
}

.smlh-cont {
    position: absolute;
    height: 100%;
    bottom: 0;
    right: 0;
    width: 1000px;
    padding-top: 200px;
    max-width: calc(100% - 50px);
}

.smlh-img {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: 1;
}

.smlhv-img {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: 0;
}

.smlh-pin {
    position: absolute;
    width: 100%;
    height: 82px;
    width: fit-content;
    z-index: 2;
}

.smlh-pin-1 {
    bottom: 50%;
    left: 38%;
    transform: translateX(-50%) translateY(-25%);
}

.smlh-pin-2 {
    bottom: 72%;
    left: 70%;
    transform: translateX(-50%) translateY(-50%);
}

.smlh-pin img {
    height: 100%;
}

.sml-cards-cont {
    display: flex;
    flex-direction: column;
    row-gap: 65px;
    column-gap: 24px;
}

.sml-cards {
    justify-content: center;
    display: flex;
    row-gap: 65px;
    flex-wrap: wrap;
}

.sml-card {
    min-height: 160px;
    width: 100%;
    padding: 24px;
    position: relative;
    border-radius: 10px;
    background-color: rgba(30, 30, 79, 1);
    height: 100%;
}

.sml-card-bg {
    height: 100%;
    position: relative;
    padding: 1px;
    border-radius: 10px;
    background-image: linear-gradient(175deg, #fff 0%, transparent 50%);
}

.smlc-title {
    font-weight: 700;
    font-size: 20px;
}

.smlc-1-ray {
    position: absolute;
    height: 64px;
    width: 25px;
    z-index: 1;
    left: 0;
    top: 0;
    transform: rotate(45deg) translate(-38px, -14px);
}

.smlc-desc {
    font-weight: 300;
    font-size: 16px;
}

.sml-banner-text {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    transform: translate(-50%, -50%);
}

.sml-banner-img {
    min-height: 400px;
    object-fit: cover;
    object-position: center;
}

.sml-card-bg {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.smlcl-title {
    font-size: 20px;
}

.sml-card-lg {
    display: flex;
    flex-direction: column;
    min-height: unset;
    gap: 10px;
}

.spl-accordion .accordion-button::after {
    background-size: contain;
    background-image: url(../img/circle-plus-icon.svg);
}

.spl-accordion .accordion-button:not(.collapsed)::after {
    background-image: url(../img/circle-minus-icon.svg);
}

.spl-accordion .accordion {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.spl-border {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.spl-accordion {
    max-width: 768px;
    margin: 0 auto;
}

.spl-accordion .accordion-item {
    display: flex;
    flex-direction: column;
    gap: 0px;
    background-color: transparent;
    box-shadow: none;
    border: 0;
}

.spl-accordion .accordion-button {
    background-color: transparent;
    box-shadow: none;
    border: 0;
    padding: 8px 0;
    font-size: 18px;
    color: #ffffff;
    font-weight: 500;
}

.spl-accordion .accordion-body {
    background-color: transparent;
    box-shadow: none;
    border: 0;
    padding: 0 0 8px;
    color: rgba(255, 255, 255, 0.7);
}

.footer-cta {
    transform: translateY(26px);
    border-radius: 40px 40px 0 0;
    background-color: #04042A;
}

.pre-footer {
    border-radius: 40px 40px 0 0;
}

.wsc-flex-1 {
    gap: 40px;
}

.wsc-flex-2 {
    gap: 10px;
}

.why-sc-img {
    border-radius: 30px;
    object-fit: cover;
    object-position: center;
    height: 100%;
}

.wsc-flex-3 {
    gap: 24px;
}

.wsc-title {
    font-size: 34px;
}

.wsc-subtitle {
    font-size: 24px;
}

.wsc-card {
    flex-grow: 1;
    justify-content: center;
    flex-shrink: 1;
    flex-basis: 300px;
    background-color: rgba(31, 32, 79, 1);
    border-radius: 7px;
    border: 1px solid rgba(214, 214, 214, 0.4);
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 20px;
}

.wsc-box {
    background-color: rgba(31, 32, 79, 1);
    border-radius: 30px;
    padding: 50px;
}

.wscb-img {
    height: 275px;
    width: 315px;
    object-fit: cover;
    object-position: center;
    border-radius: 30px;
}

.sc-img-4 {
    border-radius: 10px;
    width: 100%;
    aspect-ratio: 16/9;
}

.scl .smlh-cont {
    width: 850px;
}

.swl .smlh-cont {
    width: 775px;
}

.sdl .smlh-cont {
    width: 800px;
}

.sdl .smlh-img {
    width: 75%
}

.swl .smlh-img {
    width: 80%;
}

.swl .smlhv-img {
    width: 100%;
}

.spl .smc-hero-content {
    max-width: 820px;
}

.swl .smlh-pin-1 {
    top: 15%;
    left: 50%;
    transform: translateX(-100%) translateY(-70%);
}

.swl .smlh-pin-2 {
    bottom: 50%;
    left: 30%;
    transform: translateX(-100%) translateY(10%);
}

.st-title {
    font-size: 30px;
}

.st-subtitle {
    font-size: 20px;
}

.st-title {
    font-size: 20px;
}

.cc-title {
    font-size: 24px;
}

.cc-check {
    box-shadow: 0 1px 1.6px rgba(16, 24, 40, 0.05);
}

.cc-img {
    border-radius: 30px 30px 0 0;
    width: 100%;
}

.fsc-img {
    aspect-ratio: 16/9;
    object-fit: contain;
    object-position: center;
}

.ces-img {
    aspect-ratio: 4/3;
    object-fit: contain;
    object-position: center;
}

.fsc-row .col-xl-5 {
    width: 47.5%;
}

.fsc-row .col-xl-7 {
    width: 52.5%;
}

.ko-sec {
    background-color: rgba(31, 32, 79, 1);
}

.title-badge {
    color: #ffffff;
    padding: 6px 12px;
    border-radius: 100px;
    border: 1px solid #ffffff;
    font-size: 14px;
    font-weight: 500;
    line-height: 100%;
}

.ko-title {
    font-size: 22px;
}

.wsd-row {
    padding: 30px 40px;
    border-bottom: 1px solid rgba(214, 214, 214, 0.4);
}

.wsd-row:nth-child(2) {
    background-color: rgba(31, 32, 79, 1);
}

.wsd-title {
    font-size: 30px;
}

.wsd-desc {
    color: #DADADA;
}

.rfl .smlh-cont {
    width: 800px;
}

.rfl .smlhv-img {
    width: calc(100% - 30px);
}

.wrt-box {
    border-radius: 30px;
    background-color: rgba(31, 32, 79, 1);
    flex-basis: 350px;
    flex-grow: 1;
    flex-shrink: 1;
}

.wrt-title {
    font-size: 30px;
}

.rtp-box {
    border-radius: 7px;
    background-color: rgba(31, 32, 79, 1);
    border: 1px solid rgba(214, 214, 214, 0.4);
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 10px 20px;
    flex-grow: 1;
}

.rtp-boxes {
    gap: 20px;
}

.sdl .smc-hero-content {
    max-width: 800px;
}

.sdl .smch-crf {
    max-width: 100%;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(34px);
}

.sdl .crf-inp {
    background-color: rgba(238, 241, 255, 0.4);
    font-size: 16px;
    font-weight: 400;
    padding: 16px 22px;
    line-height: 100%;
    text-align: left;
    color: #fff;
} 

.sdl .crf-inp option {
    color: #101044;
}

.sdl .crf-inp.form-select {
    background-image: url(../img/chevron-white-down.svg);
}

.sdl .smlh-cont {
    width: 900px;
}

.sdl1 .smlh-cont {
    width: 780px !important;
}

.sdl .smlh-img {
    width: 85%;
}

.sdl .smlh-pin-2 {
    top: 0;
    left: 100%;
    transform: translateX(-101%) translateY(-90%);
}

.sdl .smlh-pin-1 {
    top: 0;
    right: 10%;
    transform: translateX(-50%) translateY(30%);
}

.sdl-title {
    font-size: 24px;
}

.sdl-brand-logo {
    height: 70px;
    width: 70px;
    object-fit: contain;
    object-position: center;
}

.brands-flex {
    gap: 10px;
}

.brand-box {
    width: calc((100% / 4) - ((10px * 3) / 4));
    padding: 24px 16px;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 10px;
}

.sdl-brand-name {
    font-size: 14px;
}

.sdl-2 header {
    height: unset;
}

.sdl2-select,
.sdl2-btn {
    width: fit-content;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    border: 0;
    padding: 8px 20px;
    border-radius: 100px;
    background-color: rgba(255, 255, 255, 0.2);
}

.sdl2-select {
    padding-right: 40px;
    background-image: url(../img/chevron-white-down.svg);
}

.sdl2-select option {
    color: #101044;
}

.sdl2-title {
    font-size: 22px;
}

.sdl2-date {
    font-size: 16px;
    font-weight: 300;
    color: rgba(255, 255, 255, 1);
}

.sdl2-flex-1 {
    display: flex;
    flex-direction: column;
    gap: 40px;
}

.sdl2-box {
    display: flex;
    flex-direction: column;
    gap: 7px;
    align-items: center;
    padding: 20px;
    text-align: center;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 10px;
}

.sdl2-subtitle {
    font-size: 20px;
    font-weight: 500;
    color: #fff;
}

.sdl2-box-label {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.7);
    font-weight: 300;
}

.sdl2-box-value {
    font-size: 20px;
    color: rgba(255, 255, 255, 1);
    font-weight: 500;
}

.sdl2-row {
    row-gap: 24px;
}

.sdl2-table {
    border-radius: 4px;
}

.sdl2-table th,
.sdl2-table td {
    background-color: rgba(255, 255, 255, 0.1);
    padding: 16px 14px;
    font-weight: 600;
    color: #ffffff;
}

.sdl2-table th {
    border-bottom: 1px solid rgba(231, 234, 238, 1);
    font-size: 14px;
}

.sdl2-table td {
    font-size: 16px;
    border-bottom: 1px solid rgba(231, 234, 238, 0.2);
}

.sdl2-table tr:last-child td {
    border-bottom: 0;
}

.sdl2-read-more {
    font-size: 14px;
}

.sdl2-products-row {
    row-gap: 24px;
}

.sdr .smlh-cont {
    width: 775px;
}

.sdr .smlh-img {
    width: 80%;
}

.sdr-rays {
    width: 40%;
    position: absolute;
    left: 0;
    top: 0;
    transform: translate(30px, -90px) rotate(0deg);
}

.sdr-rays-img {
    width: 100%;
    height: auto;
}

.sdr-main-flex {
    gap: 30px;
}

.cs-title {
    font-size: 40px;
}

.cs-box {
    display: flex;
    align-items: center;
    border-radius: 30px;
    background-color: #ffffff;
}

.cs-img {
    width: 400px;
    height: 350px;
    object-fit: cover;
    object-position: center;
    border-radius: 30px;
}

.help-box {
    background-color: rgba(236, 241, 253, 0.1);
    border: 1px dashed rgba(255, 255, 255, 0.3);
    padding: 30px 20px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 20px;
}

.hb-link {
    display: flex;
    font-size: 20px;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.hb-line {
    height: 26px;
    width: 1px;
    background-color: #ffffff;
}

.hb-title {
    font-size: 28px;
}

.sdsb {
    gap: 30px;
}

.sdsb-info {
    gap: 10px;
}

.sdsb-title {
    font-size: 24px;
}

.sdsb-desc {
    font-size: 18px;
}

.sdsb-form-group {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.sdsb-check-box {
    background-color: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 15px;
    border-radius: 6px;
}

.sdsb-check-box .form-check-input {
    border-color: #ffffff;
}

.sdsb-check-box .form-check-input:checked {
    background-color: transparent !important;
    background-image: url(../img/sdsb-check.svg) !important;
}

.socials-inp-box {
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    background-color: rgba(255, 255, 255, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 6px;
    padding: 10px 12px;
}

.sib-inps {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.sib-inps .fpf-inp {
    font-size: 14px !important;
    font-weight: 300 !important;
}

.sib-add-btn {
    font-size: 14px;
    font-weight: 300;
    color: #fff !important;
    border-radius: 6px !important;
    background-color: rgba(255, 255, 255, 0.1) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    padding: 6px 15px !important;
}

.sib-pn {
    width: 40%;
}

.sib-pl {
    width: 60%;
}

.sib-inps .fpf-inp::placeholder {
    color: rgba(255, 255, 255, 0.8) !important;
}

.sdsb-content {
    display: flex;
    flex-direction: column;
    gap: 44px;
}

.sdsb-border {
    border-bottom: 1px solid rgba(214, 214, 214, 0.4);
}

.sdsb-form-group {
    height: 100%;
}

.socials-inp-box {
    display: none;
}

.sdsb-form-group textarea {
    padding: 16px;
    flex-grow: 1;
    min-height: 80px;
}

.sdsb-help {
    gap: 10px;
    font-size: 14px;
    text-decoration: underline;
}

.smart-drop-modal .modal-dialog {
    max-width: 1100px !important;
}

.smart-drop-modal .modal-header {
    padding-bottom: 30px !important;
}

.sdsbm-title {
    font-size: 24px;
}

.sdsbm-subtitle {
    font-size: 20px;
}

.sdsbm-flex-1 {
    gap: 30px;
}

.es-slide-img {
    height: 1000px;
    width: 100%;
    object-fit: cover;
    object-position: bottom right;
}

.elp .navbar {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
}

.editions-slider .slick-slide>div {
    height: 100%;
    display: flex;
}

.editions-slider .slick-dots {
    bottom: 24px;
    display: flex;
    align-items: center;
    gap: 10px;
    left: 50%;
    transform: translateX(-50%);
    justify-content: center;
}

.editions-slider .slick-dots li {
    margin: 0;
}

.editions-slider .slick-dots li button:before {
    background-color: #ffffff;
    border-radius: 100px;
    opacity: 1;
    color: transparent;
    border: 4px solid transparent;
}

.editions-slider .slick-dots li.slick-active button:before {
    border-color: rgba(16, 16, 68, 1);
    background-color: rgba(153, 242, 43, 1);
}

.editions-slider-cont {
    position: relative;
}

.elp-smch-crf .crf-inp {
    padding: 16px 10px;
    font-size: 16px;
    flex-grow: 1;
}
.elp-smch-crf .crf-inp ::placeholder{
    text-transform: uppercase !important;
}
.elp-smch-crf {
    width: 590px;
}

.elp-smch-crf .crf-btn {
    width: fit-content;
}

.elp-hero-cont {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.elp-filters {
    display: flex;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
    padding: 30px 0;
}

.elpf-select {
    border-color: transparent;
    padding: 12px 50px 12px 25px;
    width: fit-content;
    background-color: #ffffff;
    border-radius: 100px;
    color: #101044;
    box-shadow: none !important;
    background-image: url(../img/elps-chevron-down.svg);
    background-size: 13px;
    background-repeat: no-repeat;
    background-position: calc(100% - 25px) center;
    line-height: 130%;
    font-size: 20px;
    font-weight: 500;
}

.elp-view-all {
    gap: 6px;
    font-size: 14px;
    font-weight: 500;
    color: #333D4C;
}

.elp-card {
    background-color: #FFFFFF;
    border-radius: 8px;
    overflow: hidden;
}

.ecb-top {
    position: relative;
}

.ec-banner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 4px 24px;
    background-color: #695DFD;
    color: #ffffff;
    font-size: 14px;
    text-align: center;
}

.ecbt-img {
    aspect-ratio: 12/7;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.ec-border {
    border-top: 1px solid rgba(224, 229, 235, 1);
    width: 100%;
}

.ec-detail,
.ec-year {
    font-weight: 400;
    font-size: 14px;
    color: #4E5562;
}

.ec-title {
    font-size: 20px;
    font-weight: 600;
    color: #111827;
}

.ecb-bottom {
    padding: 46px 24px 24px;
}

.gap-6px {
    gap: 6px;
}

.gap-10px {
    gap: 10px;
}

.ec-middle {
    padding: 10px;
    background-color: #ffffff;
    border-radius: 5px;
    border: 1px solid rgba(16, 16, 68, 0.1);
    box-shadow: 0 7px 14px rgba(0, 0, 0, 0.05);
    width: calc(100% - 48px);
    margin: 0 auto;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 50%);
}

.ecm-value {
    font-size: 15px;
    font-weight: 500;
    color: #101044;
}

.ecm-label {
    font-size: 10px;
    font-weight: 400;
    color: #6C727F;
}

.ecm-line {
    width: 1px;
    background-color: #E0E5EB;
}

.ec-badges {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
    position: absolute;
    left: 16px;
    top: 36px;
}

.ec-badge {
    height: 20px;
}

.elp-card {
    display: flex;
    flex-direction: column;
}

.echt-img {
    height: 100%;
    object-fit: cover;
    object-position: center;
    width: 312px;
    aspect-ratio: 3/2;
}

.ech-flex-1 {
    flex-direction: column;
    gap: 18px;
}

.ech .ecb-bottom {
    flex-grow: 1;
    padding: 22px 24px;
}

.ech .ecm-value,
.ecs .ecm-value {
    font-size: 12px;
}

.ech-middle {
    width: 260px;
    margin: 0;
    transform: unset;
    position: static;
}

.elp-card-horizontal {
    flex-direction: row;
}

.ecs .ecbt-img {
    aspect-ratio: 3/2;
}

.ecs .ec-title {
    font-size: 16px;
}

.ecs .ec-year {
    font-size: 12px;
}

.ecs .ecb-bottom {
    padding: 40px 24px 24px;
}

.ecs .ec-detail {
    width: calc(100%/2 - ((8px * 1)/2));
}

.ec-filter-btns {
    gap: 12px;
}

.ecf-btn {
    padding: 10px 20px;
    border-radius: 100px;
    border: 1px solid rgba(224, 229, 235, 1) !important;
    background-color: rgba(245, 247, 250, 1) !important;
    color: rgba(51, 61, 76, 1);
    font-size: 14px;
    font-weight: 500;
}

.ecf-btn.active,
.ecf-btn:hover {
    color: #111827 !important;
    border: 1px solid #111827 !important;
}


.specs-title {
    font-size: 28px;
}

.specs-column {
    gap: 12px;
}

.es2-img {
    aspect-ratio: 6/4;
    object-fit: cover;
    border-radius: 20px;
    object-position: center;
    max-width: 100%;
}

.experience-classic-sec {
    padding: 125px 0 490px;
    background-image: url(../img/experience-classic-bg.png);
    background-size: cover;
    background-position: center;
}

.ecs-title {
    line-height: 110%;
}

.editions-slider-2 .slick-slide>div {
    padding: 0 7px;
}

.newly-listed {
    margin-top: -430px;
}

.elp-title {
    font-weight: 600;
    font-size: 28px;
}

.nl-box {
    border-radius: 10px;
    background-color: #ffffff;
}

.collection-sec {
    padding: 300px 0;
    background-image: url(../img/collection-bg.png);
    background-size: cover;
    background-position: center;
}

.csec-cont {
    width: 530px;
    max-width: 100%;
}

.csec-desc {
    font-size: 20px;
}

.edition-sec {
    padding: 75px 0;
}

.bas-flex-1 {
    gap: 70px;
}

.bas-card {
    padding: 40px;
    border-radius: 40px;
    background-color: #ffffff;
    display: flex;
    gap: 20px;
    justify-content: space-between;
    flex-grow: 1;
    flex-basis: 450px;
}

.bas-flex-2 {
    gap: 32px;
}

.bas-flex-3 {
    width: 545px;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    gap: 22px;
}

.basc-lg {
    padding-bottom: 0;
    flex-wrap: wrap;
}

.basc-car {
    width: 325px;
    max-width: 100%;
}

.basf-title {
    font-size: 20px;
}

.basf-flex-1 {
    gap: 12px;
}

.basf-row {
    margin: 0 -10px;
}

.basf-row>div {
    padding: 0 10px;
}

.basf-card {
    border-radius: 10px;
}

.bas-review-img {
    height: 76px;
    border-radius: 8px;
}

.nas-flex-1 {
    gap: 40px;
}

.nas-subtitle {
    font-size: 40px;
}

.nas-border {
    border-top: 1px solid rgba(238, 238, 238, 1);
    width: 100%;
}

.nas-card {
    padding: 20px 20px 30px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    background-color: #ffffff;
    border-radius: 10px;
    border: 1px solid transparent;
    transition: 0.3s ease-in-out;
}

.nas-card:hover {
    border-color: #99F22B;
}

.nasc-img {
    aspect-ratio: 16/9;
    object-fit: cover;
    object-position: center;
    border-radius: 10px;
}

.nasc-bottom {
    display: flex;
    flex-direction: column;
    gap: 20px;
    flex-grow: 1;
}

.edp-top-box {
    background-color: #fff;
    padding: 20px;
    border-radius: 9px;
}

.edpb-title {
    font-size: 22px;
}

.edpb-details {
    gap: 15px;
}

.edpb-detail {
    font-weight: 400;
    font-size: 15px;
    color: rgba(19, 20, 26, 0.6);
}

.edpb-line {
    height: 24px;
    background-color: rgba(196, 197, 252, 1);
    width: 1px;
}

.edp-auction-flex {
    gap: 40px;
}

.edpa-title {
    font-size: 24px;
}

.edpa-desc {
    color: rgba(19, 20, 26, 0.6);
    font-weight: 400;
}

.edpa-line {
    width: 1px;
    background-color: rgba(196, 197, 252, 1);
}

.edg-row {
    margin: 0 -10px;
}

.edg-row>div {
    padding: 0 5px;
    gap: 10px;
}

.ed-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.ed-img-cont {
    width: calc(50% - 5px);
}

.ed-img-sm {
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.edg-see-all {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: rgba(30, 30, 30, 0.8);

}

.edg-main-cont,
.ed-img-cont {
    cursor: pointer;
}

.overview-box {
    padding: 20px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    border: 1px solid rgba(211, 212, 253, 1);
    border-radius: 10px;
}

.edition-details-flex-2 {
    gap: 14px;
    display: flex;
    flex-direction: column;
}

.edf-title {
    font-size: 18px;
}

.edp-ob-desc {
    font-size: 20px;
    color: rgba(19, 20, 26, 1);
}

.edp-accordions {
    display: flex;
    flex-direction: column;
    gap: 14px;
}

.edp-accordions .accordion-item {
    background-color: #ffffff;
    border-radius: 9px;
    border: 0 !important;
    padding: 0 20px;
}

.edp-accordions .accordion-button,
.edp-accordions .accordion-body {
    background-color: transparent;
    border: 0 !important;
    box-shadow: none !important;
}

.edp-accordions .accordion-button {
    padding: 20px 0 !important;
}

.edp-accordions .accordion-body {
    padding: 4px 0 20px !important;
}

.edp-accordions .accordion-button::after {
    background-image: url(../img/chevron-down-purple.svg);
    background-size: 14px;
    background-position: center;
}

.edp-acc-desc {
    font-size: 20px;
    color: rgba(19, 20, 26, 0.7);
}

.edp-cd-cards .cd-card {
    gap: 2px;
    background-color: rgba(236, 241, 253, 0.5);
    border: 1px solid rgba(211, 212, 253, 1);
}

.edp-cd-cards .cdc-label {
    color: rgba(19, 20, 26, 0.7);
}

.edp-cd-cards .cdc-value {
    color: rgba(19, 20, 26, 1);
}

.edp-accordions .cdr-label {
    color: rgba(19, 20, 26, 1);
}

.edp-accordions .cdr-value {
    color: rgba(19, 20, 26, 1);
}

.edp-right {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.edpr-card {
    display: flex;
    flex-direction: column;
    border-radius: 9px;
    background-color: #ffffff;
    border: 1px solid rgba(211, 212, 253, 1);
}

.eui-user-img {
    height: 72px;
    width: 72px;
    object-fit: cover;
    object-position: center;
    border-radius: 100px;
}

.eui-name {
    color: #111827;
    font-weight: 600;
    font-size: 14px;
}

.eui-rating {
    color: #111827;
    font-weight: 600;
    font-size: 14px;
}

.eui-type {
    color: #111827;
    padding: 2px 8px;
    font-size: 12px;
    font-weight: 500;
    color: #111827;
    border-radius: 4px;
    display: inline-block;
    background-color: #ECF1FD;
}

.eui-total-reviews {
    color: #6C727F;
    font-weight: 400;
    font-size: 12px;
}

.edcb-title {
    font-size: 22px;
}

.edcb-btn {
    background-color: transparent;
    border: 1px solid rgba(16, 16, 68, 1) !important;
    border-radius: 5.5px;
    font-size: 18px;
    line-height: 200%;
    color: rgba(16, 16, 68, 1) !important;
    padding: 8px 19px;
}

.edcb-textarea {
    padding: 20px;
    background-color: rgba(236, 241, 253, 0.5);
    border-radius: 10px;
    font-size: 12px;
    font-weight: 300;
    color: #111827;
    height: 130px;
    border: 1px solid rgba(211, 212, 253, 1);
}

.edf-desc {
    font-size: 14px;
    color: #13141A;
}

.ebh-table {
    border-radius: 8px;
    border: 1px solid rgba(234, 236, 240, 1);
    background-color: rgba(255, 255, 255, 1);
    box-shadow: 0 1px 3px rgba(16, 24, 40, 0.1), 0 1px 2px rgba(16, 24, 40, 0.06);
}

.ebh-table th {
    padding: 12px 24px;
    font-weight: 500;
    background-color: rgba(236, 241, 253, 1);
    font-size: 12px;
    color: #101044;
}

.ebh-table td {
    padding: 16px 24px;
    font-weight: 400;
    background-color: transparent;
    font-size: 12px;
    border-bottom: 1px solid rgba(234, 236, 240, 1);
    color: #13141A;
}

.ebh-table tbody tr:last-child td {
    border-bottom: 0;
}

.esb-title {
    color: #111827;
    font-size: 14px;
}

.edps-box {
    text-align: center;
    background-color: rgba(250, 252, 255, 0.9);
    border-radius: 8px;
}

.edp-specs {
    display: flex;
    gap: 9px;
}

.edps-box {
    width: calc(100% / 4 - ((9px * 3) / 4));
}

.primary-modal.pm-light .modal-content {
    background-color: #FFFFFF;
    border-color: #FFFFFF;
}

.primary-modal.pm-light .modal-title {
    color: #101044;
}

.btn-white {
    border-color: #101044 !important;
    background-color: #ffffff !important;
    color: #101044 !important;
}

.btn-white svg path {
    fill: #101044 !important;
}

.pbm-card {
    border: 1px solid rgba(224, 229, 235, 1);
}

.pbm-card .ech-flex-1 {
    gap: 16px !important;
}

.pbm-card .ecb-bottom {
    gap: 16px !important;
    padding: 16px !important;
}

.pbm-flex {
    padding-top: 10px;
    gap: 30px;
}

.pbm-label {
    font-size: 14px;
    color: #13141A;
    font-weight: 500;
}

.pbm-form-group {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.pbm-inp {
    box-shadow: none !important;
    padding: 10px 12px;
    background-color: rgba(238, 241, 255, 1) !important;
    border: 1px solid rgba(238, 238, 238, 1);
    font-size: 14px;
    color: #13141A;
    border-radius: 6px;
}

.edp-comments-acc .accordion-item {
    padding: 0;
}

.edp-comments-acc .accordion-button {
    border: 1px solid rgba(234, 236, 240, 1);
    background-color: rgba(236, 241, 253, 0.5);
    box-shadow: none !important;
    padding: 10px 20px;
}

.edp-comments-acc .accordion-button::after {
    background-image: url(../img/chevron-down-purple.svg);
    background-size: 15px;
    background-position: center;
    background-repeat: no-repeat;
}

.edp-comments-acc .accordion-body {
    padding: 15px !important;
}

.eac-flex-1 {
    gap: 15px;
}

.eac-flex-2 {
    gap: 2px;
}

.eacf-comment {
    gap: 10px;
}

.eacf-comment .eui-user-img {
    height: 40px;
    width: 40px;
}

.eac-name,
.eac-reply-btn,
.eac-text {
    font-size: 14px;
}

.eac-name {
    color: #111827;
}

.eac-text {
    color: rgba(19, 20, 26, 0.8);
}

.eac-reply .edcb-textarea {
    padding: 10px;
    height: 56px;
}

.eac-reply .edcb-btn {
    padding: 10px 16px;
    font-size: 12px;
    font-weight: 400;
    line-height: 110%;
}

.eac-reply {
    display: none;
}

.esp-flex-1 {
    display: flex;
    flex-direction: column;
    gap: 120px;
    padding-bottom: 120px;
}

.signin-form-box {
    padding: 40px;
    gap: 30px;
    display: flex;
    flex-direction: column;
    border-radius: 40px;
    background-color: #ffffff;
    width: 773px;
    max-width: 100%;
}

.espb-title {
    font-size: 32px;
}

.espb-desc {
    font-size: 20px;
}

.esp-form-group {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.esp-label {
    font-size: #13141A;
    font-weight: 500;
}

.esp-border {
    width: 100%;
    border-top: 1px solid rgba(211, 212, 253, 1);
}

.esp-inp {
    color: #101044;
    padding: 13px 12px;
    border-radius: 6px;
    background-color: rgba(251, 251, 251, 1) !important;
    border-color: rgba(238, 238, 238, 1) !important;
    box-shadow: none !important;
}

.csd-pills {
    padding: 10px;
    border-radius: 50px;
    background-color: rgba(255, 255, 255, 1);
    flex-wrap: wrap;
    width: fit-content;
}

.csd-pills .nav-link {
    border-radius: 40px;
    padding: 15px 25px;
    line-height: 110%;
    font-size: 16px;
    font-weight: 500;
    color: #101044;
}

.csd-pills .nav-link.active {
    background-color: #695DFD;
    color: #ffffff !important;
}

.csd-title {
    font-size: 30px;
}

.csd-accordion {
    gap: 6px;
}

.ec-banners {
    position: absolute;
    left: 0px;
    top: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.ec-banners .ec-banner {
    position: static;
}

.csd-accordion .accordion-item,
.csd-accordion .accordion-button,
.csd-accordion .accordion-body {
    background-color: transparent;
    border: 0 !important;
}

.csd-accordion .accordion-button {
    padding: 0 40px 20px;
    font-size: 24px;
    font-weight: 500;
    color: #101044;
    box-shadow: none !important;
    border-bottom: 1px solid rgba(212, 212, 212, 1) !important;
}

.csd-accordion .accordion-body {
    padding: 20px 40px 0;
}

.csd-flex-1 {
    gap: 30px;
}

.ecbo-price {
    font-size: 20px;
    font-weight: 500;
    line-height: 100%;
    color: #ffffff;
}

.ec-banner-orange {
    background-color: #E75E23;
}

.ec-banner-purple {
    background-color: #9923E7;
}

.csd-accordion .accordion-button::after {
    background-image: url(../img/chevron-down-purple.svg);
    background-position: center;
    background-size: 18px;
}

.csdd .ps-card {
    background-color: #FFFFFF;
}

.csdd .form-label,
.csdd .ps-title,
.csdd .psi-desc,
.csdd .psp-desc,
.csdd .psp-desc-2,
.csdd .psp-table th,
.csdd .psp-table td {
    color: #13141A !important;
}

.csdd .psp-table th {
    border-bottom: 1px solid rgba(211, 212, 253, 1);
}

.csdd .fpf-inp::placeholder {
    color: #787879 !important;
}

.csdd .fpf-inp {
    background-color: rgba(251, 251, 251, 1) !important;
    border: 1px solid rgba(238, 238, 238, 1) !important;
    color: #101044 !important;
}

.csdb {
    background-color: #ffffff;
}

.csdb .pfcp-title,
.csdb .text-white {
    color: #13141A !important;
}

.csdb .pfcp-border {
    border-color: rgba(0, 0, 0, 0.2);
}

.csdb .pcfp-inp-box {
    background-color: rgba(238, 241, 255, 1);
}

.cswb .text-white,
.cswb .swbb-label,
.cswb .swbb-currency,
.cswb .swbb-inp,
.cswb .swbt-text {
    color: #13141A !important;
}

.cswb .swb-box {
    background-color: #FFFFFF;
}

.cswb .swbb-inc-btn {
    background-color: rgba(238, 241, 255, 1) !important;
    color: #13141A !important;
}

.swb-inp {
    font-size: 14px;
    color: #ffffff !important;
    font-weight: 400;
    border-radius: 6px;
    padding: 10px 12px;
    box-shadow: none !important;
    background-color: rgba(76, 77, 114, 1) !important;
    border: 1px solid rgba(238, 238, 238, 0.3) !important;
}

.swb-inp::placeholder {
    color: rgba(255, 255, 255, 0.3);
}

.cswb .swbb-inp-cont {
    background-color: rgba(238, 241, 255, 1) !important;
    border-color: rgba(238, 238, 238, 0.2) !important;
}

.swb-inp:focus {
    border-color: rgba(172, 239, 86, 1) !important;
}

.swbb-flex-1 {
    gap: 20px;
}

.form-select.swb-inp {
    background-image: url(../img/chevron-down-purple.svg);
}

.swb-inp~.select2 .select2-selection__rendered {
    padding: 10px 12px;
    font-size: 14px;
    font-weight: 400;
    color: #ffffff;
    line-height: 120%;
}

.swb-inp~.select2-container .select2-selection--single {
    height: 44px;
    background-color: rgba(255, 255, 255, 0.2);
    display: flex;
    flex-direction: column;
    justify-content: center;
    border: 1px solid rgba(238, 238, 238, 0.3) !important;
    border-radius: 6px;
}

.swb-inp~.select2-container--open .select2-selection--single {
    border-color: rgba(172, 239, 86, 1) !important;
}

.swb-inp~.select2-container .select2-selection__arrow {
    height: 18px;
    width: 18px;
    background-image: url(../img/swb-inp-loader.svg);
    top: 50%;
    right: 12px;
    transform: translate(0, -50%);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.swb-inp~.select2-container .select2-selection__arrow b {
    display: none;
}

.swbc-dropdown .select2-search {
    padding: 0;
}

.swbc-dropdown .select2-search__field {
    border: 0 !important;
    outline: 0 !important;
    background-color: rgba(76, 77, 114, 1);
    background-image: url(../img/search-icon-white.svg);
    background-repeat: no-repeat;
    background-size: 24px;
    background-position: 12px center;
    color: #ffffff;
    font-size: 14px;
    padding: 10px 12px;
    padding-left: 48px;
}

.swbc-dropdown {
    background-color: #616182;
    border-radius: 6px !important;
    border-color: #99F22B;
    overflow-y: hidden;
}

.swbc-dropdown .select2-results__option {
    padding: 10px 12px;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 400 !important;
    background-color: transparent !important;
}

.swbc-dropdown .select2-results__option:hover {
    background-color: rgba(255, 255, 255, 0.2) !important;
}

.cswb .swb-inp {
    background-color: rgba(238, 241, 255, 1) !important;
    border-color: rgba(238, 238, 238, 1) !important;
    color: #13141A !important;
}

.cswb .swb-inp::placeholder {
    color: #787879 !important;
}

.cswb .swb-inp~.select2-container .select2-selection--single {
    color: #13141A !important;
    background-color: rgba(238, 241, 255, 1) !important;
    border: 1px solid rgba(238, 238, 238, 0.3) !important;
}

.cswb .swb-inp~.select2 .select2-selection__rendered {
    color: #13141A !important;
}

.swbc-dropdown-dark .select2-search__field {
    color: #13141A !important;
    background-color: #ffffff !important;
    background-image: url(../img/search-icon-dark.svg) !important;
}

.swbc-dropdown-dark {
    background-color: #ffffff;
}

.swbc-dropdown-dark .select2-results__option {
    color: #13141A !important;
    background-color: transparent !important;
}

.swbc-dropdown-dark .select2-results__option:hover {
    background-color: rgba(255, 255, 255, 0.2) !important;
}

.cswb .form-check-input[type="radio"] {
    border-radius: 100px !important;
}


.cswb .form-check-input[type="radio"]:checked {
    border: 0 !important;
    background-image: url(../img/radio-circle-purple.svg) !important;
    background-size: cover !important;
    background-position: center !important;
}

.cswb .swb-inp~.select2-container--open .select2-selection--single {
    border-color: rgba(172, 239, 86, 1) !important;
}

.big-title {
    font-size: 90px;
}

.gap-20px {
    gap: 20px;
}

.container-small {
    max-width: 948px !important;
    margin: 0 auto;
}

.pc-box {
    border-radius: 20px;
    background-color: rgba(255, 255, 255, 0.2);
    width: 322px;
}

.pcb-title {
    font-size: 24px;
}

.sub-list-1 {
    counter-reset: subsection 20;
    /* Start from 2.0 */
}

.sub-list-1>li {
    counter-increment: subsection;
    list-style: none;
}

.sub-list-1>li::before {
    content: counter(subsection) ". ";
    font-weight: bold;
    color: white;
}


.main-list {
    counter-reset: section 0;
    /* Start from 2 */
}

/* General numbering for the main list */
.main-list>li {
    counter-increment: section;
    list-style: none;
}

.main-list>li::before {
    content: counter(section) ". ";
    font-weight: bold;
    color: white;
    font-size: 18px;
}

.sl-title {
    font-size: 18px;
    color: #fff;
    font-weight: 600;
}

.main-list {
    font-size: 18px;
    color: rgba(255, 255, 255, 0.8);
}

/* Hierarchical numbering for sub-lists */
.sub-list-1 {
    margin-top: 20px !important;
    padding-left: 38px;
    counter-reset: subsection;
}

.sub-list-1>li {
    counter-increment: subsection;
    list-style: none;
}

.sub-list-1>li::before {
    content: counter(section) "." counter(subsection) " ";
    font-weight: 400;
    color: rgba(255, 255, 255, 0.8);
    margin-left: -38px;
    font-size: 18px;
    padding-right: 5px;
    width: 32px;
}

.text-break {
    word-break: break-all;
}

/* Alphabetic list style for sub-list */
.sub-list-2 {
    padding-left: 38px;
    list-style: none;
    /* Remove default list styling */
    counter-reset: alpha;
    /* Initialize alphabetic counter */
}

.sub-list-2>li {
    counter-increment: alpha;
    /* Increment alphabetic counter */
    list-style: none;
    /* Ensure no default styling */
}

.sub-list-2>li::before {
    display: inline-block;
    content: "(" counter(alpha, lower-alpha) ") ";
    font-weight: normal;
    color: rgba(255, 255, 255, 0.8);
    margin-left: -38px;
    padding-right: 5px;
    width: 32px;
}

.sub-list-3 {
    padding-left: 38px;
    list-style: none;
    /* Remove default list styling */
    counter-reset: roman;
    /* Initialize romanbetic counter */
}

.sub-list-3>li {
    counter-increment: roman;
    /* Increment romanbetic counter */
    list-style: none;
    /* Ensure no default styling */
}

.sub-list-3>li::before {
    width: 32px;
    display: inline-block;
    content: "(" counter(roman, lower-roman) ") ";
    /* Lowercase romanbet with parentheses */
    font-weight: normal;
    color: rgba(255, 255, 255, 0.8);
    margin-left: -38px;
    padding-right: 5px;
}

.sub-list-4 {
    padding-left: 38px;
    list-style: none;
    /* Remove default list styling */
    counter-reset: alpha;
    /* Initialize alphabetic counter */
}

.sub-list-4>li {
    counter-increment: alpha;
    /* Increment alphabetic counter */
    list-style: none;
    /* Ensure no default styling */
}

.sub-list-4>li::before {
    width: 32px;
    display: inline-block;
    content: "(" counter(alpha, upper-alpha) ") ";
    /* Lowercase romanbet with parentheses */
    font-weight: normal;
    color: rgba(255, 255, 255, 0.8);
    margin-left: -38px;
    padding-right: 5px;
}

.sub-list {
    display: flex;
    flex-direction: column;
    gap: 4px;
    margin-top: 1px;
    margin-bottom: 0;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.8);
    font-size: 18px;
}

.pc-form-box {
    padding: 15px;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.2);
    width: 735px;
    max-width: 100%;
    display: flex;
    gap: 14px;
}

.pcf-inp {
    color: #ffffff;
    font-size: 16px;
    line-height: 115%;
    padding: 16px 22px;
    background-color: rgba(238, 241, 255, 0.2);
    border: 1px solid rgba(103, 93, 244, 0.2);
    border-radius: 5.5px;
}

.pcf-inp::placeholder {
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.5);
}

.help-page-box {
    background-color: rgba(31, 32, 79, 1);
    padding: 40px 40px 30px;
    border-radius: 40px;
}

.hpb-row {
    margin: 0 -5px;
    justify-content: center;
}

.hpb-row-2 {
    margin: 0 -17px;
}

.hpb-row-2>div {
    padding: 0 17px;
    margin-bottom: 34px;
}

.hpb-row>div {
    padding: 0 5px;
    margin-bottom: 10px;
}

.hpb-title {
    font-size: 20px;
}

.hpb-title-2 {
    font-size: 26px;
}

.hpb-desc {
    font-size: 14px;
}

.hpb-box {
    transition: 0.3s ease-in-out;
    padding: 25px;
    background-color: rgba(238, 240, 255, 0.2);
    border-radius: 10px;
    border: 1px solid transparent;
    cursor: pointer;
    height: 100%;
    justify-content: center;
}

.hpb-box-2 {
    background-color: rgba(31, 32, 79, 1);
    border-radius: 20px;
    padding: 24px;
}

.hpb-box:hover {
    background-color: rgba(153, 242, 43, 1);
}

.hpb-box:hover{
    color: #101044 !important;
}


.hpb-box:hover .text-purple{
    color: #101044 !important;
}

.hpb-box:hover path {
    fill: #101044;
}

.hpb-box-2:hover path {
    stroke: #101044;
    fill: transparent !important;
}

.pcfi-light{
    background-color: rgba(238, 241, 255, 1);
    background-image: url(../img/search-icon-dark.svg);
    background-size: 20px;
    background-position: calc(100% - 22px) center;
    font-size: 16px;
    background-repeat: no-repeat;
    font-weight: 500;
    color: rgba(16, 16, 68, 1);
    margin-left: auto;
    padding: 12px 22px !important;
}

.pcfi-light::placeholder{
    text-transform: capitalize;
    color: rgba(16, 16, 68, 0.5);
}

.hpb-3{
    width: 773px;
    max-width: 100%;
    margin: 0 auto;
}

.hpb3-border{
    border-top: 1px solid rgba(211, 212, 253, 1);
    width: 100%;
}
.hpb3-flex{
    gap: 30px;
}

.hpb3-title{
    font-size: 24px;
}

.sm-box{
    padding: 24px 30px;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 10px;
    width: 100%;
    display: block;
    text-align: center;
}
.pc-content .table-responsive {
    border-radius: 9px;
    overflow-y: hidden;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
}
.pc-table{
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 9px;
    border: 0 !important;
    margin-bottom: 0;
}

.pc-table th, .pc-table td{
    color: #fff !important;
    padding: 22px !important;
    border-color:  rgba(255, 255, 255, 0.1) !important;
    vertical-align: text-top;
}

.pc-table th{
    background-color: rgba(255, 255, 255, 0.05);
    font-size: 18px;
    font-weight: 600;
}
.pc-table td{
    width: 33.33%;
    font-size: 16px;
    font-weight: 400;
    background-color: rgba(255, 255, 255, 0.002);
}
.esp-label{
    font-size: 16px;
    font-weight: 500;
    color: #919191;
}
.esp-select{
    padding: 12px;
    border: 1px solid #101044 !important;
    border-radius: 5.5px;
    color: #101044;
    background-color: #EEF1FF;
    line-height: 100%;
}

.esp-select.form-select{
    
    background-image: url(../img/chevron-down-purple.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 12px) center;
}

.espp-btn{
    padding: 0 !important;
    height: 30px;
    min-width: 30px;
    border: 1px solid #ffffff;
    border-radius: 4px;
    background-color: #ffffff;
    color: #101044;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    flex-direction: column;
}

.espp-btn:hover{
    background-color: rgba(103, 93, 244, 0.2);
}

.espp-btn.active{
    color: #675DF4;
    background-color: #ffffff;
    border-color: #675DF4;
}

.ecsp-middle{
    position: absolute;
    bottom: 0;
    font-size: 12px;
    left: 15px;
    right: 15px;
    transform: translate(0, 50%);
}

.ecm-bottom{
    position: static;
    transform: unset;
    width: 100%;
    border: 0;
    box-shadow: none;
    padding: 0 !important;
}

.ecvm-danger{
    color: #FD0E0E;
}

.ecsm-price{
    width: fit-content;
    padding: 9px 10px;
    border-radius: 4px;
    background-color: #695DFD;
    font-size: 18px;
    font-weight: 500;
    color: #ffffff;
    line-height: 100%;
}

.ecsb-sm .ecb-bottom{
    padding: 24px 15px 15px;
}
.ecsm-duration{
    line-height: 200%;
    text-align: center;
    width: 100%;
    padding: 1px 25px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 100px;
    background-color: rgba(236, 241, 253, 1);
}

.sfb-light{
    background-color: rgba(255, 255, 255, 1);
}

.sfbl .sfb-label{
    color: #101044;
}

.sfbl .sfb-select{
    background-image: url(../img/chevron-down-dark.svg);
    color: #111827 !important;
    background-color: rgba(236, 241, 253, 1) !important;
}

.sfbl .sfb-field .rangeslider{
    background-color: rgba(236, 241, 253, 1) !important;
    border: 0 !important;
    box-shadow: none;
}

.rangeslider__handle:after{
    content: unset ;
}

.sfbl .sfb-field .rangeslider__handle{
    background-color: #101044;
}

.navbar-brand 
.editions-logo{
    margin: 15px 0;
    height: 42px !important;
}

.sfbl .sfb-select option{
    color: #111827 !important;
    background-color: rgba(236, 241, 253, 1) !important;
}

.filters-shown #editionFilters{
    display: block !important;
}

.elp-profile-img{
    height: 40px;
    width: 40px;
    border: 1px solid rgba(103, 93, 244, 1);
    border-radius: 100px;
    object-fit: cover;
    object-position: center;
}
.csdb .pfcp-max-div{
    width: 100% !important;
    max-width: 100%;
}

.csdd .payment-fee-card{
    padding: 40px !important;
    border-radius: 40px !important;
    background-color: #ffffff !important;
}

.csdd .payment-fee-card .text-white,
.csdd .payment-fee-card .light-text{
    color: #101044 !important;
}

.csdd .payment-fee-card .text-parrot{
    color: #695DFD !important; 
}

.csdd .payment-fee-card .pfrcb-value{
    color: #695DFD !important;
}
.csdd .pfrcb-line{
    background-color: rgba(211, 212, 253, 1) !important;
}

.csdd .pfrc-box{
    background-color: rgba(236, 241, 253, 1) !important;
    border-color: rgba(211, 212, 253, 1) !important;
}

.csdd .ech{
    border: 1px solid rgba(224, 229, 235, 1) !important;
}
.ech-bill .ech-middle{
    width: 100% !important;
    box-shadow: none !important;
    background-color: rgba(246, 248, 254, 1) !important;
    border-color: rgba(16, 16, 68, 0.1) !important;
}
.echb-excerpt{
    font-size: 14px;
    line-height: 135%;
}

.light-modal.primary-modal .modal-content{
    background-color: #FFFFFF;
    border-color: #FFFFFF;
}

.light-modal.primary-modal .modal-content .text-white,
.light-modal.primary-modal .modal-content .modal-title{
    color: #101044 !important;
}

.light-gallery .gm-nav-tabs{
    background-color: rgba(238, 240, 255, 1) !important;
}
.light-gallery .cd-sliders .gm-nav-tabs .nav-link{
    color: #675DF4 !important;
}
.ect-logo{
    position: static;
    right: 6px;
    height: 13px;
    z-index: 1;
}

.ecbt-top{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.ecbtt-flex{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 6px;
}

.ecsb-sm .ec-banners,
.ecsb-sm .ec-badges{
    position: static;
}
.elp-card-small{
    border: 1px solid rgba(224, 229, 235, 1);
}
@media (max-width:2000px) {
    .homepage section {
        position: relative;
    }

    .container-relative {
        position: unset;
    }

    .smch-header>.container {
        position: unset;
    }
}

@media (min-width: 1200px) {
    .ecs-title {
        font-size: 90px;
    }
}

@media (min-width: 1400px) {
    .ecs-title {
        font-size: 90px;
    }

    .smart-drop-modal .modal-title {
        font-size: 38px;
    }

    .landing-page header {
        display: flex;
        flex-direction: column;
    }

    .page-content .container {
        max-width: 1200px;
    }

    .hs-5-img {
        width: 40%;
    }

    .editions-container:not(.filters-shown) .editions-side .col-xl-4{
        width: 25%;
    }

    /* .container-relative {
        position: relative;
    } */

    .footer-cont {
        max-width: 1220px;
        margin: 0 auto;
    }

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1384px;
    }

    .why-sc-img {
        height: 550px;
    }

    .cst-img {
        height: 470px;
    }
}

@media (max-width: 1400px) {

    .swl header {
        height: 900px;
    }

    .pf-content {
        max-width: 550px;
    }

    .pf-cont {
        background-size: 600px auto;
    }

    .signup-header {
        background-size: 60%, cover;
        height: 650px;
    }

    .sdr header {
        height: 800px;
    }
}

@media (max-width: 1200px) {

    .bas-flex-3 {
        width: 100%;
    }

    .fsc-row .col-xl-5 {
        width: 100%;
    }

    .fsc-row .col-xl-7 {
        width: 100%;
    }

    .smcs-d4 {
        padding-top: 24px;
    }

    .smch-cont {
        max-width: 100%;
    }

    .smch-header {
        padding-bottom: 600px;
    }

    /* .smchv-img{
        position: relative;
        width: 100%;
        height: auto;
    } */
    .cd-right-2 {
        position: unset;
    }

    .navbar-collapse {
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        background-color: var(--midnight);
        padding: 20px;
        border-radius: 0 0 20px 20px;
    }

    .light-page .navbar-collapse {
        background-color: #ffffff;
    }

    .ft-flex-1 {
        flex-wrap: wrap;
    }

    .hht-6 {
        transform: translate(40%, -50%);
    }

    .hs-5-img {
        transform: unset;
    }

    .hs-title {
        font-size: 45px;
    }

    .hs-2-img {
        width: 315px;
    }

    .cd-card {
        width: calc(100% / 2 - ((20px * 1)/2));
    }

    .cdf-feature {
        flex-basis: 240px;
        flex-shrink: 1;
    }

    .ac2h-rays {
        height: 50px;
    }

    .why-sc-img {
        width: 400px;
        max-width: 100%;
    }

    .smart-drop-modal .modal-title {
        font-size: 26px;
    }

    .sdsbm-title {
        font-size: 22px;
    }

    .sdsbm-subtitle {
        font-size: 18px;
    }

    .es-slide-img {
        height: 800px;
    }

    .ecs-title {
        font-size: 60px;
    }

    .edition-sec {
        padding: 55px 0;
    }

    .bas-flex-1 {
        gap: 45px;
    }
}

@media (max-width: 992px) {
    .page-title {
        font-size: 60px;
    }

    .esp-flex-1 {
        gap: 80px;
    }

    .elp-hero-cont .smc-title h2 {
        font-size: 58px;
    }

    .elp-hero-cont .crf-btn {
        width: 100%;
    }

    .cs-img {
        width: 100%;
    }

    .brand-box {
        width: calc((100% / 3) - ((10px * 2) / 3));
    }

    .sdl header {
        height: 900px;
    }

    .live-chat-box {
        max-height: 600px !important;
    }

    .live-chat-page main {
        height: unset !important;
    }

    .live-chat-page main .h-100 {
        height: unset !important;
    }

    .sfs-nav {
        align-items: flex-start;
        flex-direction: column;
        width: fit-content;
        margin: 0 auto;
    }

    .sfs-nav .nav-item {
        flex-direction: row;
    }

    .sfs-nav .nav-item.sfs-done .nav-link::after {
        width: 2px !important;
        height: 25px;
        left: 50%;
        bottom: 0;
        transform: translate(0, 82%);
    }

    .sfs-nav .nav-item:last-child .nav-link::after {
        content: unset !important;
    }

    .smcs-d2 {
        padding-top: 24px;
    }

    .smcs-d3 {
        padding-top: 24px;
    }

    .car-reg-form {
        flex-wrap: wrap;
    }

    .crf-btn,
    .crf-inp {
        width: 100%;
    }

    .sec-title {
        font-size: 32px;
    }

    .sec-desc {
        font-size: 16px;
    }


    .ft-middle {
        flex-grow: 1;
        justify-content: space-between;
        order: 3;
    }

    .ft-right {
        order: 2;
    }

    .form-lines {
        display: none;
    }

    .pf-content {
        max-width: 100%;
    }

    .pf-cont {
        padding: 70px 12px 0;
        background-image: unset;
    }

    .pf-title {
        font-size: 36px;
    }

    .pf-title img {
        height: 36px;
    }

    .pf-subtitle {
        font-size: 18px;
    }

    .signup-header,
    .home-header {
        background-size: 60%, cover;
        height: 500px;
    }

    .home-hero-content {
        margin-bottom: 200px !important;
    }

    .shc-title h2,
    .hhc-title h2,
    .smc-title h2 {
        font-size: 48px;
    }

    .shc-title img,
    .hhc-title img {
        height: 48px;
    }

    .shb-content img {
        height: 40px;
    }

    .shb-img-cont img {
        height: 150px;
    }

    .shb-title {
        font-size: 20px;
    }

    .shb-link {
        font-size: 16px;
        font-weight: 500;
        color: #695DFD;
        text-decoration: underline;
    }

    .signup-help-box {
        padding-right: 20px;
        gap: 20px;
    }

    .hh-tooltip img {
        height: 50px;
    }

    .hht-6 img {
        width: 200px;
        height: auto;
    }

    .hs-3-imgs {
        position: relative;
        width: 100%;
        left: -12px;
    }

    .hs-5-img {
        position: relative;
        left: -12px;
        bottom: unset;
        width: 100%;
        transform: translateY(0);
    }

    .hs-6-img {
        position: relative;
        right: unset;
        top: unset;
        width: 100%;
        transform: translateX(12px);
    }

    .home-cta-box {
        flex-direction: column;
        align-items: center;
    }

    .home-cta-box>* {
        width: 100%;
    }

    .hcb-title {
        justify-content: center;
    }

    .home-sec-2-imgs {
        transform: translateX(-25%) translateY(15%);
    }

    .ps-card,
    .psc-payment,
    .psc-preferences {
        padding: 30px;
    }

    .psc-profile-info,
    .psc-notifications,
    .psc-products {
        gap: 24px;
    }

    .ps-profile-form .form-fields {
        gap: 24px;
    }

    .hwd-flex {
        gap: 24px;
    }

    .how-we-do {
        padding-bottom: 170px !important;
    }

    .hwd-card {
        width: calc((100% / 2) - (24px * 1)/2);
        transform: unset;
    }

    .hwdc-2,
    .hwdc-4,
    .hwdc-6 {
        transform: translateY(120px);
    }

    .ts-text {
        font-size: 18px;
    }

    .ts-box {
        padding: 30px;
        gap: 20px;
    }

    .box-crf .smac-crf .car-reg-form {
        flex-direction: column !important;
    }

    .sma-brand-icon {
        height: 40px;
        width: 40px;
    }

    .wsc-box {
        padding: 30px;
    }

    .wsd-row {
        padding: 20px 12px;
    }

    .rfl header {
        height: 800px;
    }

    .edg-row {
        gap: 10px;
    }


    .csd-accordion .accordion-button {
        padding: 0 0px 20px;
    }

    .csd-accordion .accordion-body {
        padding: 20px 0px 0;
    }
}

@media (max-width: 768px) {

    .ecs-title {
        font-size: 45px;
    }

    .rfl header {
        height: 625px;
    }

    .lcb-msg-pill {
        max-width: 100%;
    }

    .lcb-top,
    .lcb-middle,
    .lcb-bottom {
        padding: 16px;
    }

    .site-box {
        padding: 24px;
    }

    .home-hero-content .btn-main,
    .signup-hero-content .btn-main {
        padding: 6px 28px;
        line-height: 100%;
        font-size: 16px;
    }

    .navbar-brand img {
        height: 40px !important;
    }

    .nr-chat-link svg,
    .nr-profile-link img {
        height: 36px;
        width: 36px;
    }

    .ft-logo-link img {
        height: 36px;
    }

    .ft-middle {
        gap: 30px;
    }

    .ft-right {
        width: 100%;
    }

    .form-page {
        background-size: 100% auto, 100% 100%;
    }

    .signin-car-float {
        height: 180px;
    }

    .signup-flex-main {
        padding: 75px 0;
        gap: 50px;
    }

    .signup-form-box {
        padding: 30px 20px;
        gap: 20px;
    }

    .signup-cta {
        padding: 75px 0;
    }

    .signup-cta-title {
        font-size: 36px;
    }

    .signup-form-content {
        gap: 24px;
    }

    .sfb-btn {
        margin-top: 24px;
    }

    .scb-box {
        font-size: 14px;
        font-weight: 300;
        padding: 16px;
    }

    .scb-title {
        font-size: 30px;
        color: #695DFD;
        font-weight: 500;
    }

    .scb-desc {
        font-size: 16px;
    }

    .signup-confirm-cont {
        background-size: 120% auto;
    }

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

    .primary-modal .btn-close svg {
        height: 30px;
    }

    .primary-modal .modal-header {
        padding-bottom: 10px !important;
    }

    .home-hero-car-cont {
        width: 90%;
    }

    .home-header {
        margin-bottom: 100px;
    }

    .home-sec-content {
        gap: 16px;
    }

    .hs-counter {
        height: 36px;
        width: 36px;
    }

    .hs-title {
        font-size: 36px;
    }

    .hs-desc {
        font-size: 16px;
    }

    .dcm-table th,
    .dcm-table td {
        font-size: 12px !important;
        padding: 18px 8px !important;
    }

    .dcm-table tbody tr td:first-child {
        width: auto;
    }

    .dcmt-dropdown .dropdown-item {
        font-size: 12px !important;
        padding: 8px !important;
    }

    .dsf .slick-arrow svg,
    .gallery-arrows .slick-arrow svg {
        height: 30px;
        width: 30px;
    }

    .smc-mm-title {
        font-size: 36px;
    }

    .hwd-card {
        width: 100%;
        transform: unset;
        gap: 20px;
    }

    .hwd-card svg {
        height: 40px;
        width: 40px;
    }

    .hwdc-content {
        gap: 8px;
    }

    .hwdc-title {
        font-size: 24px;
    }

    .hwdc-desc {
        font-size: 16px;
    }

    .how-we-do {
        padding-bottom: 48px !important;
    }

    .sma-ai .accordion-button {
        font-size: 18px;
    }

    .sma-ai .accordion-button:after {
        background-size: 24px;
        height: 24px;
        width: 24px;
    }

    .details-box-2 {
        padding: 20px;
        border-radius: 20px;
    }

    .acfb-flex-4 {
        gap: 24px;
    }

    .brand-box {
        width: calc((100% / 2) - ((10px * 1) / 2));
    }

    .sib-pn {
        width: 50%;
    }

    .sib-pl {
        width: 50%;
    }

    .es-slide-img {
        height: 600px;
    }

    .elp-card-horizontal {
        flex-direction: column;
    }

    .echt-img {
        width: 100%;
    }

    .edp-specs {
        flex-wrap: wrap;
    }

    .edps-box {
        width: calc(100% / 2 - ((9px * 1) / 2));
    }

    .pc-box {
        width: 100%;
    }
}


@media (max-width: 576px) {

    .pc-table th, .pc-table td{
        padding: 10px 8px !important;
        font-size: 14px !important;
    }
    .page-title {
        font-size: 40px;
    }

    .page-rays {
        width: 24px !important;
    }

    .ed-img-cont {
        width: 100%;
    }

    .ed-img {
        aspect-ratio: 16/9;
    }

    .swl header {
        height: 700px;
    }

    .ft-middle {
        gap: 30px;
        flex-wrap: wrap;
    }

    .ft-flex-1 {
        gap: 40px;
    }

    .search-filters {
        gap: 12px;
    }

    .signup-header {
        background-size: 70%, cover;
        height: 300px;
    }

    .shc-title h2 {
        font-size: 36px;
    }

    .shc-title img {
        height: 36px;
    }

    .signup-help-box {
        padding-right: 0;
        padding-bottom: 15px;
        gap: 20px;
        flex-direction: column;
    }

    .shb-content {
        padding: 0 15px;
    }

    .shb-img-cont {
        width: 100%;
    }

    .home-hero-car-cont {
        width: 98%;
    }

    .hht-1 {
        left: 0%;
    }

    .hs-2-img {
        width: 250px;
    }

    .hs-2-img img {
        width: 100%;
    }

    .hs-2-img-2 {
        left: 100px;
    }

    .hs-2-img-1 {
        position: relative;
    }

    .hht-3 {
        top: 0;
        left: 30%;
        transform: translate(-50%, -90%);
    }

    .home-sec-4-imgs {
        margin: unset;
    }

    .home-cta-box {
        padding: 30px;
    }

    .hcb-title {
        font-size: 24px;
        gap: 12px;
    }

    .hcb-title img {
        height: 44px;
    }

    .cd-card {
        width: 100%;
    }

    .cd-row {
        flex-direction: column;
    }

    .cd-col {
        width: 100%;
        justify-content: flex-start !important;
    }

    .cdf-feature {
        flex-basis: 200px;
    }

    .lsb-content .btn-main {
        width: 320px;
    }

    .live-sale-box {
        padding: 30px;
    }

    .lsb-title {
        font-size: 24px;
    }

    .lsb-icon {
        height: 40px;
    }

    .dsn img {
        height: 60px;
    }

    .smch-cont {
        max-width: 100%;
        width: 600px;
        position: relative;
        margin-top: 100px;
        margin-left: auto;
        transform: translateX(12px);
    }

    .smch-header {
        position: relative;
        padding-bottom: 0;
    }

    .smchv-img {
        position: relative;
        width: 100%;
        height: auto;
    }

    .box-crf {
        padding: 30px 16px;
    }

    .b-crf-rays {
        width: 40px;
    }

    .box-crf .smac-crf .car-reg-form {
        gap: 12px !important;
        flex-direction: column !important;
    }

    .box-crf .smac-crf {
        padding: 12px;
    }

    .box-crf .smac-crf {
        max-width: calc(100% - 56px);

    }

    .sma-card {
        gap: 24px;
        padding: 24px;
    }

    .sma-content {
        gap: 16px;
    }

    .add-car-landing .car-reg-form {
        flex-direction: column;
    }

    .add-car-landing .crf-inp,
    .add-car-landing .crf-btn {
        width: 100%;
    }

    .add-car-landing header {
        height: 800px;
    }

    .smc-text {
        font-size: 18px;
    }

    .smlh-cont {
        max-width: calc(100%);
    }

    .sml-header {
        height: 600px;
    }

    .smlh-pin {
        height: 50px;
    }

    .rfl header {
        height: 525px;
    }

    .brand-box {
        width: 100%;
    }

    .sdr header {
        height: 650px;
    }

    .bas-card {
        padding: 30px;
    }

    .edp-auction-flex {
        gap: 20px;
    }

    .box-crf {
        max-width: 100%;
        width: 100%;
    }

    .esp-flex-1 {
        gap: 48px;
    }

    .hpb-row-2 {
        margin: 0 -12px;
    }


    .hpb-row-2>div {
        padding: 0 12px !important;
        margin-bottom: 24px;
    }
}

@media (max-width: 440px) {


    .hht-6 {
        transform: translate(40%, -50%);
    }
}