/* @import url("https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap"); */

/* latin-ext */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v24/S6uyw4BMUTPHjxAwXjeu.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v24/S6uyw4BMUTPHjx4wXg.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* latin-ext */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh6UVSwaPGR_p.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

/* latin */
@font-face {
    font-family: 'Lato';
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url(https://fonts.gstatic.com/s/lato/v24/S6u9w4BMUTPHh6UVSwiPGQ.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
    --font-family-FontAwesome: FontAwesome !important;
    --font-family-Lato: "Lato", sans-serif !important;
    --font-family-SofiaPro: "Sofia Pro" !important;
    --font-style-Italic: italic;
    --color-white-900: #ffffff;
    --color-white-600: #f7fbfb;
    --color-white-500: #e5e7eb;
    --color-white-50: #f6f6f8;
    --color-black-pure: #000000;
    --color-black-100: #020408;
    --color-black-80: #0c1529;
    --color-black-70: #080e1b;
    --color-black-50: #353c4d;
    --color-black-40: #5d6370;
    --color-black-30: #858a94;
    --color-black-20: #dcdae2;
    --color-black-20s: #aeb1b8;
    --color-black-10: #ced0d4;
    --color-blue-100: #08202e;
    --color-blue-70: #1c6a9b;
    --color-blue-60: #2384c1;
    --color-blue-50: #2a9fe8;
    --color-blue-200: #014e78;
    --color-blue-300: #01334e;
    --color-light-blue: #ecf5ff;
    --color-grey-300: #cac8d4;
    --color-grey-200: #2f2b434d;
    --color-grey-100: #ededf1;
    --color-purple-500: #7a7493;
    --font-size-30: 1.875rem;
    --font-size-26: 1.625rem;
    --font-size-24: 1.5rem;
    --font-size-20: 1.25rem;
    --font-size-18: 1.125rem;
    --font-size-16: 1rem;
    --font-size-14: 0.875rem;
    --font-size-12: 0.75rem;
    --font-size-10: 0.625rem;
    --font-size-8: 0.5rem;
    --font-size-30s: 1.875rem;
    --font-size-24s: 1.5rem;
    --font-size-20s: 1.25rem;
    --font-size-18s: 1.125rem;
    --font-size-16s: 1rem;
    --font-size-14s: 0.875rem;
    --font-size-12s: 0.75rem;
    --font-size-10s: 0.625rem;
    --font-size-8s: 0.5rem;
    --font-weight-900: 900;
    --font-weight-700: 700;
    --font-weight-600: 600;
    --font-weight-500: 500;
    --font-weight-400: 400;
}

@font-face {
    font-family: "Sofia Pro";
    src: url("../styles/fonts/sofia_pro/SofiaProSemiBoldAz.otf") format("opentype");
    font-display: swap;
    font-weight: normal;
    font-style: normal;
}

* {
    font: inherit;
    margin: 0%;
    padding: 0%;
    box-sizing: border-box;
}

.shimmer {
    background: linear-gradient(-45deg, #eee 40%, #fafafa 50%, #eee 60%);
    background-size: 300%;
    background-position-x: 100%;
    animation: shimmer 0.7s infinite linear;
}

@keyframes shimmer {
    to {
        background-position-x: 0%;
    }
}

body {
    text-rendering: optimizeSpeed;
    font-family: var(--font-family-Lato), Arial, sans-serif;
}

h2 {
    /* Heading */
    font-family: var(--font-family-SofiaPro), Arial, sans-serif;
}

h4 {
    font-family: var(--font-family-Lato), Arial, sans-serif;
}

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

/* font family */
.ff-FontAwesome {
    font-family: var(--font-family-FontAwesome);
}

.ff-Lato {
    font-family: var(--font-family-Lato);
}

.ff-SofiaPro {
    font-family: var(--font-family-SofiaPro);
}

/* font sizes */
.fs-30 {
    font-size: var(--font-size-30);
}

.fs-24 {
    font-size: var(--font-size-24);
}

.fs-20 {
    font-size: var(--font-size-20);
}

.fs-18 {
    font-size: var(--font-size-18);
}

.fs-16 {
    font-size: var(--font-size-16);
}

.fs-14 {
    font-size: var(--font-size-14);
}

.fs-12 {
    font-size: var(--font-size-12);
}

.fs-10 {
    font-size: var(--font-size-10);
}

.fs-8 {
    font-size: var(--font-size-8);
}

/* font weight  */
.fw-900 {
    font-weight: 900;
}

.fw-700 {
    font-weight: 700;
}

.fw-600 {
    font-weight: 600;
}

.fw-500 {
    font-weight: 500;
}

.fw-400 {
    font-weight: 400;
}

/* borders */
.border-dark-40 {
    border: 1px solid var(--color-black-40);
}

.border-dark-20 {
    border: 1px solid var(--color-black-20);
}

.border-dark-10 {
    border: 1px solid var(--color-black-10);
}

.border-black-50 {
    border: 1px solid var(--color-black-50);
}

.border-blue-50 {
    border: 1px solid var(--color-blue-50);
}

.border-grey-300 {
    border: 1px solid var(--color-grey-300);
}

.border-right-0 {
    border-right: none !important;
}

/* bg colors */
.bg-white-900 {
    background-color: var(--color-white-900);
}

.bg-white-600 {
    background-color: var(--color-white-600);
}

.bg-white-400 {
    background-color: var(--color-white-50);
}

.bg-white-50 {
    background-color: var(--color-white-50) !important;
}

.bg-black-900 {
    background-color: var(--color-black-80);
}

.bg-blue-50 {
    background-color: var(--color-blue-50);
}

.bg-blue-60 {
    background-color: var(--color-blue-60);
}

.bg-light-blue {
    background-color: var(--color-light-blue);
}

.bg-grey-100 {
    background-color: var(--color-grey-100);
}

/* text colors */
/* white */
.clr-white-900 {
    color: var(--color-white-900) !important;
}

.clr-white-600 {
    color: var(--color-white-600) !important;
}

.clr-white-500 {
    color: var(--color-white-500);
}

.clr-white-50 {
    color: var(--color-white-50);
}

/* black */
.clr-black-pure {
    color: var(--color-black-pure);
}

.clr-black-pures {
    color: var(--color-black-pure);
}

.clr-black-100 {
    color: var(--color-black-100);
}

.clr-black-80 {
    color: var(--color-black-80);
}

.clr-black-70 {
    color: var(--color-black-70);
}

.clr-black-50 {
    color: var(--color-black-50);
}

.clr-black-40 {
    color: var(--color-black-40);
}

.clr-black-30 {
    color: var(--color-black-30);
}

.clr-black-20 {
    color: var(--color-black-20);
}

.clr-black-20s {
    color: var(--color-black-20s);
}

.clr-black-10 {
    color: var(--color-black-10);
}

/* blue */
.clr-blue-100 {
    color: var(--color-blue-100);
}

.clr-blue-70 {
    color: var(--color-blue-70);
}

.clr-blue-70s {
    color: var(--color-blue-70) !important;
}

.clr-blue-60 {
    color: var(--color-blue-60);
}

.clr-blue-60s {
    color: var(--color-blue-60) !important;
}

.clr-blue-50 {
    color: var(--color-blue-50);
}

/* grey */
.clr-grey-300 {
    color: var(--color-grey-300);
}

/* purple */
.clr-purple-500 {
    color: var(--color-purple-500);
}

/* ---active-deactivate-heart-butoon---- { */
.heart-icon {
    font-size: 26px;
    height: 25px;
    width: 26px;
    cursor: pointer;
    color: #ced0d4;
}

.heart-icon.active {
    color: #ff0000 !important;
}

.clr-grey-200 {
    color: var(--color-grey-200);
}

.clr-grey-100 {
    color: var(--color-grey-100);
}

a {
    outline: none !important;
    /* Remove outline */
    text-decoration: none;
}

/* common */
/* waqas section slider */
.top-seler-header {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 32px !important;
    color: #020408 !important;
}

.view-reconmended {
    font-family: var(--font-family-Lato);
    font-size: 14px;
    font-weight: 600;
    color: #5d6370;
    text-decoration: none;
    cursor: pointer;
    margin-bottom: 10px;
    margin-top: 32px;
}

.view-top-seling {
    font-family: var(--font-family-Lato);
    font-size: 16px;
    font-weight: 600;
    color: #5d6370;
    cursor: pointer;
    text-decoration: none;
    margin-top: 32px;
    margin-bottom: 10px;
}

.view-top-seling:hover {
    color: var(--color-blue-60);
}

.select2-results__option {
    padding: 2px !important;
}

.slick-common .slick-arrow {
    background-color: rgba(255, 255, 255, 0.663) !important;
}

.slick-common:hover .slick-arrow {
    background-color: var(--color-blue-50);
}

.slick-common .slick-prev:hover,
.slick-common .slick-next:hover {
    background-color: var(--color-blue-50) !important;
    color: white !important;
}

.slick-common .slick-prev:hover::before,
.slick-common .slick-next:hover::before {
    color: white !important;
}

.slick-common .slick-prev:before,
.slick-common .slick-next:before {
    font-size: 16px !important;
}

h3.comparison-title {
    font-family: var(--font-family-Lato);
    font-size: 20px;
    font-weight: 600;
    color: #353c4d;
    margin-top: 10px;
    text-align: center;
    margin-bottom: 0;
    line-height: 28px;
    letter-spacing: -0.014em;
}

/***** end ********/
.thumbnails {
    -ms-overflow-style: none;
    scrollbar-width: none;
    overflow: scroll;
    margin: 0 0;
}

.no-scroll {
    overflow: hidden;
}

.selectedtag {
    background-color: #ecf5ff !important;
    color: var(--color-black-pure) !important;
}

.bg-notification {
    background-color: #6ad09d;
}

.footer-section .list-group-flush>.list-group-item:last-child {
    border-bottom-width: 1px;
}

.header-section-h .dropdown-toggle::after {
    display: none;
}

.form-check-input:checked[type="radio"] {
    --bs-form-check-bg-image: url("data:image/svg+xml,%3Csvg%20width%3D%22150%22%20height%3D%22150%22%20viewBox%3D%220%200%20150%20150%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url(%23clip0_4025_26526)%22%3E%3Crect%20width%3D%22150%22%20height%3D%22150%22%20rx%3D%2275%22%20fill%3D%22%232A9FE8%22%2F%3E%3Cpath%20d%3D%22M62.4999%2094.822L119.95%2037.3657L128.794%2046.2032L62.4999%20112.497L22.7249%2072.722L31.5624%2063.8845L62.4999%2094.822Z%22%20fill%3D%22white%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_4025_26526%22%3E%3Crect%20width%3D%22150%22%20height%3D%22150%22%20rx%3D%2275%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E");
}

.form-check-input:focus {
    box-shadow: none;
}

/* rotate icon 90 */
.rotate-icon-90 {
    transform: rotate(90deg);
}

.car-price-crd {
    font-family: var(--font-family-Lato);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: -0.01em;
    color: #858a94;
}

/* select option */
select.form-select option:hover {
    background-color: var(--color-blue-50) !important;
}

select.form-select option:hover {
    color: var(--color-white-900) !important;
}

.breadcrumb-item+.breadcrumb-item::before {
    font-weight: bold !important;
}

.modelloginregister .btn-close {
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%232F2B43'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat !important;
    --bs-btn-close-opacity: 1;
}

.active_heart {
    color: red !important;
}

.drop_hov_notific:focus,
.drop_hov_notific:hover {
    background-color: unset;
    color: unset;
}

.drp_active.dropdown-item:active {
    background-color: var(--bs-dropdown-link-hover-bg) !important;
}

.badge:empty {
    display: unset;
}

.cursor-pointer {
    cursor: pointer;
}

.btn-custom.show {
    border: none !important;
}

.btn-border-none:first-child:active {
    border-color: unset !important;
    border: none !important;
}

.btn-border-none::after {
    display: none !important;
}

.btn-border-none:first-child:active:focus-visible {
    box-shadow: none !important;
}

.remove_icon_drop::after {
    display: none;
}

.list-group-item {
    background-color: unset;
}

/* arrow show */
.view-reconmended:hover {
    color: var(--color-blue-50);
}

/* btn visited */
.btn[target="hovbtn"]:hover {
    color: var(--color-blue-50) !important;
    border: 1px solid var(--color-blue-50);
}

.btn[target="hovbtn2"]:hover {
    color: var(--color-white-900) !important;
    border: 1px solid var(--color-blue-50);
    background-color: var(--color-blue-50);
}

.btn[target="hovbtn3"]:hover {
    border: 1px solid var(--color-black-50);
    color: var(--color-black-60);
}

.btn[target="hovbtnquote"]:hover {
    color: white;
    background-color: #154f74;
}

.btn[target="formslider"]:hover {
    border: 1px solid #2f2b4333 !important;
}

.search_header:hover {
    background-color: var(--color-black-80) !important;
}

#sat-slid-srch-drop-btn .filter-btn-srch {
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* heading style */
.heading-styles-common {
    margin-bottom: 14px;
    font-size: var(--font-size-24s);
    font-weight: 600;
    line-height: 32px;
    letter-spacing: -0.016em;
    color: var(--color-black-100);
}

.fw-700ws {
    font-weight: 700 !important;
}

.view_details_common {
    font-size: var(--font-size-16s);
    font-weight: 600;
    line-height: 24px;
    letter-spacing: -0.01em;
    color: var(--color-black-40);
    cursor: pointer;
}

.view_details_common:hover {
    color: var(--color-blue-60) !important;
}

/* highest heading style */
.heading-styles-secondary {
    font-family: var(--font-family-Lato);
    font-size: 2.25rem;
    font-weight: 600;
    line-height: 42px;
    letter-spacing: -0.018em;
    color: #1f62ae;
}

.fill-blck-40 {
    fill: #5d6370;
}

.view-top-seling:hover .fill-blck-40 {
    fill: var(--color-blue-60);
}

/* custom css classes */

/* x-axis */
.px-10 {
    padding-inline: 10px;
}

.px-8 {
    padding-inline: 8px;
}

.pr-8 {
    padding-right: 8px;
}

.pl-8 {
    padding-left: 8px !important;
}

/* y-axis */
.py-32 {
    padding-block: 32px;
}

.pb-32 {
    padding-bottom: 32px;
}

.py-19 {
    padding-block: 19px;
}

.py-12 {
    padding-block: 12px;
}

.py-10 {
    padding-block: 10px;
}

.py-8 {
    padding-block: 8px;
}

.pb-5s {
    padding-bottom: 5px;
}

.pa-27 {
    padding: 27px;
}

.ps-25 {
    padding-left: 35px;
}

/* margin-- */
.slide_margin {
    height: 424px;
}

#mobile_slider_section .slick-slide {
    margin-right: 0px !important;
}

.mx-25 {
    margin-inline: 25px;
}

.ml-36 {
    margin-left: 36px;
}

.mr-4w {
    margin-right: 0.25rem;
}

.mr-27 {
    margin-right: 27px;
}

.mt-33 {
    margin-top: 33px;
}

.mt-24 {
    margin-top: 24px;
}

.mt-23 {
    margin-top: 23px;
}

.mt-18 {
    margin-top: 18px;
}

.mt-15 {
    margin-top: 21px;
}

.mt-10mdl {
    margin-top: 9px;
}

.mt-9 {
    margin-top: 9px;
}

.mb-18 {
    margin-bottom: 18px;
}

.mb-8 {
    margin-bottom: 8px;
}

/* header widths--- */
.w-140h {
    width: 141px;
}

.w-105h {
    width: 105px;
}

.w-100h {
    width: 100px;
}

.w-70h {
    width: 70px;
}

.w-50h {
    width: 50px;
}

/* width-- */
.w-1282 {
    width: 1296px;
}

.w-820 {
    width: 948px;
}

.w-685 {
    min-width: 684px !important;
}

.w-666 {
    min-width: 666px !important;
}

.w-360 {
    width: 360px;
}

.w-361 {
    width: 361px !important;
}

.w-336 {
    min-width: 336px !important;
    border-top: 2px solid var(--color-blue-50);
}

.w-327m {
    min-width: 327px;
}

.w-313 {
    width: 313px;
}

.w-300 {
    min-width: 300px;
}

.w-280s {
    min-width: 140px;
}

.w-253 {
    width: 253px;
}

.w-251 {
    min-width: 251px !important;
    /* transform: translate(55px, 55px) !important; */
    border-top: 2px solid var(--color-blue-50);
}

.w-180 {
    width: 180px;
}

.w-150px {
    width: 150px;
}

.w-140 {
    width: 140px;
}

.w-101 {
    width: 86px;
}

.w-101s {
    min-width: 101px;
}

.w-69 {
    width: 61px;
}

.w-69s {
    min-width: 61px;
}

.w-52 {
    width: 52px !important;
}

.w-8 {
    width: 8px;
}

.w-71 {
    border-radius: 0;
    min-width: 71px !important;
}

.w-100-s {
    border-radius: 0;
    min-width: 100px !important;
}

.w-167 {
    width: 175px;
}

/* height-- */
.h-178 {
    height: 178px;
}

.h-46 {
    height: 46px;
}

.h-35 {
    height: 35px;
}

.h-34 {
    height: 40px;
    max-height: 35px;
}

.h-39 {
    height: 39px;
}

.h-8 {
    height: 8px;
}

/* img-- */
.object_fit_cover {
    object-fit: cover;
}

.recent-car-img {
    object-fit: cover;
    width: 100%;
    object-position: center;
    max-height: 171.04px;
}

/* border-- radius-- */
.br-top-blue-1 {
    border-top: 1px solid var(--color-blue-50);
}

.br-alpha {
    border: 1px solid #2f2b4333;
}

.br-none {
    border-radius: 0px !important;
}

.br-8p {
    border-radius: 8px;
}

.br-6p {
    border-radius: 6px;
}

.br-4p {
    border-radius: 4px;
}

.br-3p {
    border-radius: 3px;
}

.br-top-left-0 {
    border-top-left-radius: 0;
}

.br-bottom-left-0 {
    border-bottom-left-radius: 0;
}

.br-top-left-6 {
    border-top-left-radius: 6px;
}

.br-bottom-left-6 {
    border-bottom-left-radius: 6px;
}

/* border-- */
.br-24 {
    border-radius: 24px;
}

.brr-none {
    border: none !important;
}

.brb-none {
    border-bottom: none !important;
}

/* placeholder-- */
.plc::placeholder {
    color: var(--color-grey-200);
    font-size: var(--font-size-14) !important;
    font-weight: var(--font-weight-500);
}

/* input focus-- */
.plc.form-control:focus {
    box-shadow: unset !important;
}

/* line height */
.line-h-40 {
    line-height: 40px;
}

.line-h-24 {
    line-height: 24px;
}

.line-h-20 {
    line-height: 24px;
}

/* positions-- */
.bottom-ve13 {
    bottom: -13%;
}

.left-80 {
    left: 80%;
}

/* grid */
.grid_3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
}

.grid_5 {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    column-gap: 10px;
    row-gap: 0px;
}

.grid_3_s {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 206px;
    row-gap: 0px;
}

.grid_2_notify {
    display: grid;
    grid-template-columns: 15% 75%;
    gap: 10px;
}

.grid_4_car_price {
    display: grid;
    grid-template-columns: 30% 25% 20% 20%;
    gap: 21px;
}

.grid_3_car_price {
    display: grid;
    grid-template-columns: 40% 32% 21%;
    gap: 28px;
}

.grid_2_car_price {
    display: grid;
    grid-template-columns: 30% 70%;
    gap: 21px;
}

.grid_4_car_price_p {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 15px;
    grid-row-gap: 15px;
}

.car_price_p1 {
    grid-area: 1 / 1 / 2 / 2;
}

.car_price_p2 {
    grid-area: 1 / 2 / 2 / 3;
}

.car_price_p3 {
    grid-area: 1 / 3 / 2 / 4;
}

.car_price_p4 {
    grid-area: 1 / 4 / 2 / 5;
}

.grid-3-search-car-used {
    display: grid;
    grid-template-columns: 31% 45% 19%;
    gap: 30px;
}

.grid-4-main-specs {
    margin-top: 11px;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-column-gap: 4px;
    grid-row-gap: 4px;
}

.grid-3_search_radio {
    margin: auto;
    display: grid;
    grid-template-columns: 40% 10% 24%;
    gap: 32px;
}

.grid_specs-car-detail {
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    grid-template-rows: 1fr;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}

.grid_country_4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 76px;
}

/* hover */
.hov-login-img:hover {
    border: 1px solid var(--color-black-100);
}

.hov-nav-items p {
    transition: all 0.1s ease-in;
}

.hov-nav-items:hover p {
    color: var(--color-blue-50) !important;
    /* border-bottom: 2px solid var(--color-blue-50); */
}

.hov-nav-items:hover .dropdown_content_header {
    opacity: 1 !important;
    visibility: visible !important;
}

.hov-item-dd:hover a {
    color: var(--color-blue-50) !important;
}

.hov-item-dd .dropdown-item:active {
    color: unset;
    background-color: unset;
}

.custom-profile-head .hov-item-dd:hover a {
    background-color: #ededf1;
}

.hov-item-dd:hover .dashborad_icons {
    fill: var(--color-blue-50) !important;
}

.hov_sub_item_dd:hover .sub-dropdown-item {
    fill: var(--color-blue-50) !important;
}

.hov_sub_item_dd:hover {
    color: var(--color-blue-50);
}

.dashborad_bell_icons:hover {
    fill: var(--color-black-20) !important;
}

.hov-footer:hover {
    /* border-left: 1px solid #dee2e6;
    border-top: 1px solid #dee2e6; */
    color: var(--color-blue-50) !important;
}

.hov-menu-form {
    padding: 21px 10px;
    width: 16.9rem;
}

.hov-menu-form span.dropdown-item:nth-child(1).active,
.dropdown-item:nth-child(1):active {
    background-color: unset;
}

.hov-menu-form span.dropdown-item:nth-child(1) {
    padding: 0px 0px 10px 0px;
}

.hov-menu-form span.dropdown-item:nth-child(1):focus,
.dropdown-item:nth-child(1):hover {
    background-color: white;
}

.search-filter-field-desk {
    border: 1px solid #aeb1b8;
    background-color: #f6f6f8;
    max-height: 34px;
    padding: 9px 10px;
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
}

.search-filter-field-desk input {
    background-color: #f6f6f8;
    height: 100%;
    border: 0px;
    font-size: var(--font-size-12);
    font-weight: 500;
    line-height: 16px;
    letter-spacing: -0.01em;
    color: #2f2b43b2;
}

.search-filter-field-desk input:focus-visible {
    outline: 0px;
}

.hov-menu-form li:hover {
    color: var(--color-black-40) !important;
    background-color: var(--color-grey-100);
}

.hov-menu-form li {
    cursor: pointer;
    font-size: var(--font-size-12);
    font-weight: 500;
    line-height: 16px;
    letter-spacing: -0.01em;
    color: var(--color-black-40);
    padding: 14px 10px;
}

.drop_hov_notific:hover {
    background-color: #80808017;
}

/* slider form dots and arrows */
.slider_form .slick-prev {
    left: 43%;
    top: 105%;
    z-index: 1 !important;
}

.slider_form .slick-next {
    top: 105%;
    right: 43%;
    z-index: 1 !important;
}

.slider_form .slick-arrow {
    display: block !important;
    height: 30px !important;
    width: 30px !important;
    border-radius: 50% !important;
    border: 1px solid #5d6370 !important;
}

.slider_form .slick-prev::before,
.slick-next::before {
    font-size: 14px !important;
}

.slider_form .slick-next::before {
    font-size: 14px !important;
}

.slider_form .slick-dots {
    bottom: -38px !important;
}

/* slider */
/* colors-- */
.light-pink-bg {
    background-color: #ffd3d1;
}

.light-warning-bg {
    background-color: #fbf2cb;
}

.light-green-bg {
    background-color: #b2ffc0;
}

.clr-pink-red {
    color: #cd3636;
}

.clr-warning-darl {
    color: #c8811a;
}

.clr-green-darl {
    color: #10ab2b;
}

.plus_icon_clr {
    fill: var(--color-black-40);
}

.active_clr_listing_country {
    color: #1c6a9b !important;
    fill: #1c6a9b !important;
}