@import url(https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap);
.grid_3_s,
.grid_5 {
  row-gap: 0;
  display: grid;
}
: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;
}
.clr-white-900,
select.form-select option:hover {
  color: var(--color-white-900) !important;
}
@font-face {
  font-family: "Sofia Pro";
  src: url("../styles/fonts/sofia_pro/SofiaProRegularAz.otf") format("opentype");
  font-display: swap;
  font-weight: 400;
  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: 0.7s linear infinite shimmer;
}
@keyframes shimmer {
  to {
    background-position-x: 0%;
  }
}
body {
  text-rendering: optimizeSpeed;
  font-family: var(--font-family-Lato), Arial, sans-serif;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
h2 {
  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;
}
.ff-FontAwesome {
  font-family: var(--font-family-FontAwesome);
}
.ff-Lato {
  font-family: var(--font-family-Lato);
}
.ff-SofiaPro {
  font-family: var(--font-family-SofiaPro);
}
.car-price-crd,
.discount-price-tag-m,
.heading-styles-secondary,
.view-reconmended,
.view-top-seling,
h3.comparison-title {
  font-family: var(--font-family-Lato);
}
.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);
}
.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;
}
.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,
.btn[target="hovbtn"]:hover {
  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-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,
.slick-common:hover .slick-arrow {
  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,
.hov-menu-form li:hover {
  background-color: var(--color-grey-100);
}
.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);
}
.clr-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);
}
.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,
a.anchor-clr {
  color: var(--color-blue-60) !important;
}
.clr-blue-50,
.hov_sub_item_dd:hover,
.view-reconmended:hover {
  color: var(--color-blue-50);
}
.clr-grey-300 {
  color: var(--color-grey-300);
}
.clr-purple-500 {
  color: var(--color-purple-500);
}
.heart-icon {
  font-size: 26px;
  height: 25px;
  width: 26px;
  cursor: pointer;
  color: #ced0d4;
}
.active_heart,
.clr-red,
.heart-icon.active {
  color: red !important;
}
.clr-grey-200 {
  color: var(--color-grey-200);
}
.clr-grey-100 {
  color: var(--color-grey-100);
}
a {
  outline: 0 !important;
  text-decoration: none;
}
.top-seler-header {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 32px !important;
  color: #020408 !important;
}
.view-reconmended,
.view-top-seling {
  color: #5d6370;
  text-decoration: none;
  margin-top: 32px;
  margin-bottom: 10px;
  font-weight: 600;
  cursor: pointer;
}
.view-reconmended {
  font-size: 14px;
}
.view-top-seling {
  font-size: 16px;
}
.view-top-seling:hover {
  color: #2a9fe8;
}
.select2-results__option {
  padding: 12px !important;
}
.slick-common .slick-arrow {
  background-color: rgba(255, 255, 255, 0.663) !important;
}
.slick-common .slick-next:hover,
.slick-common .slick-prev:hover {
  background-color: var(--color-blue-50) !important;
  color: #fff !important;
}
.slick-common .slick-next:hover::before,
.slick-common .slick-prev:hover::before {
  color: #fff !important;
}
.slick-common .slick-next:before,
.slick-common .slick-prev:before {
  font-size: 16px !important;
}
h3.comparison-title {
  font-size: 20px;
  font-weight: 600;
  color: #353c4d;
  margin-top: 10px;
  text-align: center;
  margin-bottom: 0;
  line-height: 28px;
  letter-spacing: -0.014em;
}
.thumbnails {
  -ms-overflow-style: none;
  scrollbar-width: none;
  overflow: scroll;
  margin: 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;
}
.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 {
  transform: rotate(90deg);
}
.car-price-crd {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: -0.01em;
  color: #858a94;
}
select.form-select option:hover {
  background-color: var(--color-blue-50) !important;
}
.breadcrumb-item + .breadcrumb-item::before,
.fw-700ws {
  font-weight: 700 !important;
}
.modelloginregister .btn-close {
  background: 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;
}
.drop_hov_notific:focus,
.drop_hov_notific:hover {
  background-color: unset;
  color: unset;
}
.btn[target="hovbtn"]:hover,
.hov-footer:hover,
.hov-item-dd:hover a,
.hov-nav-items:hover p,
.view_details_common:hover {
  color: var(--color-blue-50) !important;
}
.drp_active.dropdown-item:active {
  background-color: var(--bs-dropdown-link-hover-bg) !important;
}
.badge:empty {
  display: unset;
}
.cursor-pointer {
  cursor: pointer;
}
.brr-none,
.btn-border-none:first-child:active,
.btn-custom.show {
  border: none !important;
}
.w-251,
.w-336 {
  border-top: 2px solid var(--color-blue-50);
}
.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;
}
.hov-menu-form .type.active,
.list-group-item {
  background-color: unset;
}
.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: #fff;
  background-color: #154f74;
}
.btn[target="formslider"]:hover {
  border: 1px solid #2f2b4333 !important;
}
.w-100-s,
.w-71 {
  border-radius: 0;
}
.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-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);
}
.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;
}
.heading-styles-secondary {
  font-size: 2.25rem;
  font-weight: 600;
  line-height: 42px;
  letter-spacing: -0.018em;
  color: #1f62ae;
}
.discount-price-tag-m,
.hov-menu-form li,
.search-filter-field-desk input {
  font-weight: 500;
  letter-spacing: -0.01em;
}
.fill-blck-40 {
  fill: #5d6370;
}
.view-top-seling:hover .fill-blck-40 {
  fill: var(--color-blue-50);
}
.px-10 {
  padding-inline: 10px;
}
.px-8 {
  padding-inline: 8px;
}
.pr-8 {
  padding-right: 8px;
}
.pl-8 {
  padding-left: 8px !important;
}
.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;
}
.slide_margin {
  height: 424px;
}
#mobile_slider_section .slick-slide {
  margin-right: 0 !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,
.mt-9 {
  margin-top: 9px;
}
.mb-18 {
  margin-bottom: 18px;
}
.mb-8 {
  margin-bottom: 8px;
}
.w-140h {
  width: 141px;
}
.w-105h {
  width: 105px;
}
.w-100h {
  width: 100px;
}
.w-70h {
  width: 70px;
}
.w-50h {
  width: 50px;
}
.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;
}
.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;
}
.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 {
  min-width: 71px !important;
}
.w-100-s {
  min-width: 100px !important;
}
.w-167 {
  width: 175px;
}
.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;
}
.object_fit_cover {
  object-fit: cover;
}
.recent-car-img {
  width: 100%;
  max-height: 213px;
}
.br-top-blue-1 {
  border-top: 1px solid var(--color-blue-50);
}
.br-alpha {
  border: 1px solid #2f2b4333;
}
.br-none {
  border-radius: 0 !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;
}
.br-24 {
  border-radius: 24px;
}
.brb-none {
  border-bottom: none !important;
}
.plc::placeholder {
  color: var(--color-grey-200);
  font-size: var(--font-size-14) !important;
  font-weight: var(--font-weight-500);
}
.plc.form-control:focus {
  box-shadow: unset !important;
}
.line-h-40 {
  line-height: 40px;
}
.line-h-20,
.line-h-24 {
  line-height: 24px;
}
.bottom-ve13 {
  bottom: -13%;
}
.left-80 {
  left: 80%;
}
.grid_3 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
.grid_5 {
  grid-template-columns: repeat(5, 1fr);
  column-gap: 10px;
}
.grid_3_s {
  grid-template-columns: repeat(4, 1fr);
  column-gap: 206px;
}
.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;
}
.hov-login-img:hover {
  border: 1px solid var(--color-black-100);
}
.hov-nav-items p {
  transition: 0.1s ease-in;
}
.hov-nav-items:hover .dropdown_content_header {
  /* opacity: 1 !important;
  visibility: visible !important; */
  transform: scaleY(1);
  opacity: 1;
  pointer-events: auto;
}
.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,
.hov_sub_item_dd:hover .sub-dropdown-item {
  fill: var(--color-blue-50) !important;
}
.dashborad_bell_icons:hover {
  fill: var(--color-black-20) !important;
}
.hov-menu-form {
  padding: 21px 10px;
  width: 16.9rem;
}
.hov-menu-form .type {
  font-family: Lato;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: -0.01em;
  color: #5d6370;
}
.hov-menu-form .type:focus,
.hov-menu-form .type:hover {
  background-color: #fff;
  cursor: auto;
}
.dropdown-item:first-child:active,
.hov-menu-form span.dropdown-item:first-child.active {
  background-color: unset;
}
.hov-menu-form span.dropdown-item:first-child {
  padding: 0 0 10px;
}
.dropdown-item:first-child:hover,
.hov-menu-form span.dropdown-item:first-child:focus {
  background-color: #fff;
}
.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: 0;
  font-size: var(--font-size-12);
  line-height: 16px;
  color: #2f2b43b2;
}
.search-filter-field-desk input:focus-visible {
  outline: 0;
}
.hov-menu-form li:hover {
  color: var(--color-black-40) !important;
}
.hov-menu-form li {
  cursor: pointer;
  font-size: var(--font-size-12);
  line-height: 16px;
  color: var(--color-black-40);
  padding: 14px 10px;
}
.drop_hov_notific:hover {
  background-color: #80808017;
}
.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;
}
.slick-next::before,
.slider_form .slick-next::before,
.slider_form .slick-prev::before {
  font-size: 14px !important;
}
.slider_form .slick-dots {
  bottom: -38px !important;
}
.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;
}
.discount-price-search {
  background-color: #b8dff7;
  color: var(--color-blue-70);
}
.discount-price-tag,
.discount-price-tag-m {
  background-color: var(--color-blue-50);
  color: #fff;
}
.discount-price-tag-m {
  padding: 2px 6px;
  border-radius: 10px;
  font-size: var(--font-size-10s);
  line-height: 8.99px;
  margin-left: 2px;
}

.slider_form_mobile {
  visibility: hidden;
}
.slider_form_mobile.slick-initialized {
  visibility: visible;
}
/* button */
.sat-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 13px;
  padding: 9px;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: white;
  border: 1px solid transparent;
  border-radius: 100px !important;
  background-color: transparent;
  text-decoration: none;
  cursor: pointer;
}
.sat-btn.btn--sm{
  font-size: 14px !important;
  line-height: 16px !important;
  padding-block: 8px !important;
}
.sat-btn.primary {
  background-color: #1c6a9b !important;
  border-color: #1c6a9b !important;
}
.sat-btn.secondary {
  background-color: #2384c1 !important;
  border-color: #2384c1 !important;
}
.sat-btn.secondary-light {
  background-color: #2a9fe8 !important;
  border-color: #2a9fe8 !important;
}
.sat-btn.primary-outline {
  background-color: white !important;
  border-color: #1c6a9b !important;
  color: #1c6a9b !important;;
}
.danger-outline{
  background-color:#FFE3E3 !important;
  border-color: #B42318 !important;
  color: #B42318 !important;
}
.success-outline{
  background-color:#E3FFE5 !important;
  border-color: #36844F !important;
  color: #36844F !important;
}
.sat-btn[disabled] {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.6;
  background-color: #c1c1c1 !important;
  border-color: #c1c1c1 !important;
  user-select: none;
}