@charset "UTF-8";


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

:root {
  --black: #171C25;
  --black-10: rgba(0, 0, 0, .1);
  --black-30: rgba(0, 0, 0, .3);
  --black-60: rgba(0, 0, 0, .6);
  --white: #fff;
  --gray: #4f4e4c;
  --gray-dark: #232323;
  --gray-dark-1: #292d32;
  --gray-medium: #828282;
  --gray-medium-2: #95938e;
  --gray-medium-3: #6e6d6b;
  --gray-medium-4: #677083;
  --gray-light: #e8e8e8;
  --gray-light-1: #fcfcf9;
  --gray-lighter: #ecebe9;
  --gray-lighter-2: #f6f4f3;
  --gray-lighter-3: #f3f3f4;
  --gray-lighter-4: #c0bebc;
  --gray-lighter-5: #e4e7eb;
  --gray-lighter-6: #f9fafb;
  --gray-lighter-7: #eeecff;
  --yellow: #f5b200;
  --yellow-hover: #e9ab00;
  --golden: #FFD700;
  --green: #12a74e;
  --green-1: #52bb73;
  --blue: #4e84f6;
  --blue-1: #299cee;
  --blue-2: #6a57e3;
  --blue-50: rgba(78, 132, 246, .5);
  --checked: #88EBB0;
  --purple: #6b57e3;
  --purple-1: #e0d4ff;
  --purple-2: #724beb;
  --pink: #d68de4;
  --pink-1: #f4b6d7;
  --red: #fe5a5e;
  --red-1: #ff9ca6;
  --red-invalid: #dc3545;
  --cyan: #abf0f0;
  --teal: #c3f2b7;
  --lime: #e0f1ac;
  --deep-orange-1: #faceb5;
  --verified: #55b938;
  --font-family-base: 'Poppins', sans-serif;
  --x: 339px;
  --y: 190.421875px; 
  --animate-duration: 1s;
  --animate-delay: 1s;
  --animate-repeat: 1; 
}

body { font-family: var(--font-family-base); font-size: 14px; background-color: var(--white); color: var(--black); line-height: 1.43; }
hr { background-color: var(--gray-lighter-5); border: none; height: 1px; opacity: 1; margin: 12px 0; flex-shrink: 0; }
h1, h2, h3, h4, h5, h6 { margin: 0; color: var(--black); line-height: 1.4; }
button { background: transparent; border: none; box-shadow: none; }
a { text-decoration: none; }
a, .btn { transition: all .3s ease-in-out; }
.btn { font-family: var(--font-family-base); line-height: 1.43; color: var(--black); font-size: 14px; }
.btn:active { border-color: transparent !important; }
.btn:focus-visible { box-shadow: none; }
.btn-gradient-purple-pink {
  background: linear-gradient(to right, var(--purple), var(--pink), var(--purple));
  color: #fff;
  background-size: 200% auto;
  transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}
:not(.btn-check)+.kf-btn-primary:active { background-color: var(--black); }
[class*=' btn-gradient-']:hover {
  background-position: right center;
  color: #fff;
}
[class*=' btn-gradient-']:active {
    color: #fff;
    border-color: transparent;
}
a:hover { color: var(--black-60); }
ul { padding: 0; margin: 0; list-style: none; }
ul.ls-disc { list-style: disc; }
.container-fluid { max-width: 1728px; padding-left: 20px; padding-right: 20px; }
.min-h-24px { min-height: 1.5rem; }
.fs-18px { font-size: 18px; }
.mt-20px { margin-top: 20px; }
.mt-30px { margin-top: 30px; }
.mt-40px { margin-top: 40px; }
.mt-50px { margin-top: 50px; }
.mt-60px { margin-top: 60px; }
.mt-70px { margin-top: 70px; }
.mt-80px { margin-top: 80px; }
.mb-10px { margin-bottom: 10px; }
.mb-20px { margin-bottom: 20px; }
.mb-30px { margin-bottom: 30px; }
.mb-40px { margin-bottom: 40px; }
.mb-60px { margin-bottom: 60px; }
.mr-5px { margin-right: 5px; }
.mr-10px { margin-right: 10px; }
.mr-30px { margin-right: 30px; }
.ml-10px { margin-left: 10px; }
.my-40px { margin-top: 40px; margin-bottom: 40px; }
.pb-40px { padding-bottom: 40px; }
.pb-60px { padding-bottom: 60px; }
.pt-80px { padding-top: 80px; }
.px-30px { padding-left: 30px; padding-right: 30px; }
.py-80px { padding-top: 80px; padding-bottom: 80px; }
.p-40px { padding: 40px; }
.rotate-90 { transform: rotate(90deg); }
.column-gap-80px { column-gap: 80px; }
.row-gap-20px { row-gap: 20px; }
.text-black { color: var(--black); }
.max-w-100 { max-width: 100% !important; }

::-webkit-scrollbar { width: 8px; height: 8px; }
::-webkit-scrollbar-track { box-shadow: inset 0 0 1px var(--gray); background: var(--white); border-radius: 5px; }
::-webkit-scrollbar-thumb { background: var(--black); border-radius: 10px; }

.no-scroll { overflow: hidden; height: 100dvh; }

.kf-toast { z-index: 999999999; }
.toast { z-index: 999999999; transform: translate(-50%, 0%); transition: transform .3s, backdrop-filter 0s; position: relative; left: 50%; }
.toast:not(.show) { display: block; transform: translate(-50%, -150%); }

.kf-form-control.is-invalid, .was-validated .kf-form-control:invalid { background: none; }
/* .kf-form-control.is-invalid + .input-group-append .input-group-text { border-color: var(--red); } */
.datepicker .kf-form-control { border-radius: 8px !important; padding-right: 45px; border-right-width: 1px !important; }
.datepicker .input-group-append { position: absolute; right: 1px; top: 1px; z-index: 9; height: calc(100% - 2px); }
.datepicker .input-group-append .input-group-text { border: none; }

input[x-name="social_share_type_count"].is-invalid { background-color: #fff; }
.kf-select .kf-form-select.is-invalid + .select2-container--bootstrap-5 .select2--large.select2-selection { border-color: var(--red); }

.kf-content-in { padding-top: 80px; }
.kf-hero { 
  background-image: url('../img/hero-bg.png'); 
  background-repeat: no-repeat; 
  background-position: left top; 
  background-size: cover; 
  padding: 137px 0 87px; 
  margin-bottom: 44px; 
}
.navbar { transition: all .5s ease-in-out; }

header .navbar { border-bottom: solid 1px var(--gray-lighter-5); width: 100%; z-index: 99; position: fixed; top: 0; left: 0; }
header .navbar.pre-fixed { transform: translateY( -100% ); }
/* header .offcanvas.offcanvas-end .flex-fill { margin-right: 35px; } */
body[data-scrolled='true'] header .navbar { position: fixed; transform: translateY(0); }
/* body[data-scrolled='true'] .kf-hero { padding-top: 137px; } */
header .kf-search { display: none; margin-right: 35px; }
body[data-scrolled='true'] header .kf-search-container { margin: 0; width: 100%; padding: 0; }
body[data-scrolled='true'] header .kf-search { display: block; }

/* Chrome, Safari, Edge, Opera üçün */
input[x-name="inf-whatsapp"]::-webkit-inner-spin-button,
input[x-name="inf-whatsapp"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox üçün */
input[x-name="inf-whatsapp"] {
  -moz-appearance: textfield;
}

.opacity-0 { opacity: 0; }
.flex-1 { flex: 1; }

.kf-nav-act { gap: 12px; }
.kf-vr { min-height: 2rem; align-self: center; }
.kf-search-container { padding: 18px 0; margin: 30px 0; position: relative; }
.kf-search-bg::after { 
  content: ""; 
  position: absolute; 
  left: 0; 
  top: 0; 
  z-index: -1;
  width: 100%; 
  height: 100%;  
  -webkit-filter: blur(100px);
  filter: blur(100px); 
  background-image: linear-gradient(100deg, #6b57e3 1%, #d68de4 99%); 
  opacity: .7;
}
.kf-search-border {
  position: relative;
  padding: 4px;
  border-radius: 40px;
  box-shadow: 0 4px 16px 0 rgba(34, 40, 52, 0.08);
  background-color: rgba(255, 255, 255, .64);
}
.kf-search form { 
  display: flex;
  align-items: center;
  border-radius: 40px;
  padding: 4px;
  margin-bottom: 0;
  border: solid 1px var(--gray-lighter-5);
  background-color: var(--gray-lighter-6);
}
.kf-search .nav-link { font-size: 16px; font-weight: 500; color: var(--gray); }
.kf-search .dropdown > img { margin-top: -3px; }
.kf-search .kf-dropdown-menu.dropdown-menu { 
  right: 0 !important; 
  left: auto !important; 
  top: 100% !important;
  transform: translate(0px, 8px) !important;
  overflow: hidden;
  padding: 8px;
  display: block;
  height: 0;
  visibility: hidden;
  transition: all .5s ease-in-out;
}
.kf-search .kf-dropdown-menu.dropdown-menu.show {
  height: 100%;
  visibility: visible;
  min-height: max-content;
}
.kf-search .kf-dropdown-menu .dropdown-item { font-size: 14px; padding: 10px 8px; }
.kf-navbar-nav .nav-link {
  font-size: 16px;
  padding: 0 !important;
  color: var(--black);
  font-family: var(--font-family-base);
}
.kf-dropdown-menu.dropdown-menu {
  padding: 8px;
  box-shadow: 0 0 35px var(--black-10);
  border-radius: 10px;
  border: 0;
  margin: 0;
  min-width: fit-content;
}
.kf-dropdown-menu.dropdown-menu li + li { margin-top: 5px; }
.dropdown:hover .kf-dropdown-menu.dropdown-menu { margin-top: 5px; }
.kf-navbar-nav .nav-link:hover { color: var(--black-60); }
.kf-navbar-nav .dropdown-menu {
  display: block;
  opacity: 0;
  visibility: hidden;
  margin-top: 10px;
  transition: .3s all ease-in-out;
}
.kf-navbar-nav .dropdown:hover .dropdown-menu { opacity: 1; visibility: visible; }
.kf-dropdown-menu .dropdown-item {
  font-size: 16px;
  padding: 10px 8px;
  color: var(--gray-medium);
  cursor: pointer;
  line-height: normal;
  display: flex;
  align-items: center;
  border-radius: 10px;
}
.kf-dropdown-menu .dropdown-item:hover { color: var(--gray-dark); background: var(--gray-lighter-2); }
.kf-dropdown .dropdown-toggle::after {
  content: "\e842";
  font-family: 'feather';
  border: none;
  vertical-align: unset;
  margin: 0;
}
.kf-search-parent > .select2-container--bootstrap-5 {
  top: 50px !important;
  left: auto !important;
  right: 0;
}
.kf-search-parent .select2-container--bootstrap-5 .select2--large.select2-dropdown { border-radius: 16px !important; }
.kf-navbar-brand { padding: 0; margin-right: 35px; }
.kf-btn-light {
  padding: 14px 24px;
  background-color: var(--white);
  color: var(--black);
}
.kf-btn-pro {
  padding: 12px 24px;
  font-size: 14px;
  font-weight: 500;
  border: none;
}
.kf-btn-pro:active { color: var(--white) !important; border-color: transparent !important; }
.kf-btn-pro span { padding: 2px 8px; font-weight: 500; line-height: 1.43; margin-left: 6px; }
.kf-btn-outline-white {
  border-color: var(--white);
  color: var(--white);
  font-weight: 500;
  padding: 12px 24px;
}
.kf-btn-outline-white:active,
.kf-btn-outline-white:focus {
  background-color: transparent !important;
  border-color: var(--white) !important; 
  color: var(--white) !important;
}
.kf-btn-outline-white:hover {
  background-color: var(--white);
  border: 1px solid var(--white);
  color: var(--black);
}
.kf-btn-outline-white img {
  filter: brightness(0) invert(1);
}
.kf-btn-outline-white:hover img {
  filter: brightness(1) invert(0);
}
.kf-btn-outline-primary {
  font-weight: 500;
  border-color: var(--black);
  color: var(--black);
  padding: 12px 24px;
}
.kf-btn-outline-primary:active,
.kf-btn-outline-primary:focus,
.kf-btn-outline-primary:focus-visible {
  background-color: var(--white) !important;
  border-color: var(--black) !important; 
  color: var(--black) !important;
}
.kf-btn-outline-primary:hover {
  background-color: var(--black);
  border: 1px solid var(--black);
  color: var(--white);
}
.kf-btn-outline-primary:hover img {
  filter: brightness(0) invert(1);
}
.kf-btn-outline-primary:focus img {
  filter: none;
}
.kf-btn-primary {
  font-weight: 500;
  border-color: transparent;
  background-color: var(--black);
  color: var(--white);
  padding: 12px 24px;
}
.kf-btn-primary-2 { width: 336px; }
.kf-btn-primary:active,
.kf-btn-primary:focus,
.kf-btn-primary:focus-visible {
  border-color: transparent !important; 
  color: var(--white) !important;
  background-color: var(--black) !important;
}
.kf-btn-primary:hover {
  background-color: var(--gray);
  border: 1px solid var(--gray);
  color: var(--white);
}
.kf-btn-outline {
  font-size: 16px;
  color: var(--gray);
  border-radius: 20px;
  background-color: var(--white);
  border: 1px solid var(--gray-medium-2);
}
.kf-btn-outline:hover {
  background-color: var(--white);
  color: var(--gray);
}
.kf-btn-outline:focus,
.kf-btn-outline:active {
  color: var(--gray) !important;
  background-color: var(--white) !important;
  border: 1px solid var(--gray-medium-2);
}
.kf-btn-outline:focus img,
.kf-btn-outline:active img {
  filter: brightness(1) invert(0);
}
.kf-ttl { font-size: 48px; line-height: 1.4; }
.kf-ttl-style-1 { font-size: 40px; line-height: 1.4; }
.kf-subttl { font-size: 20px; color: var(--gray-medium-4); line-height: 1.4; }
.kf-list-stats > .row { margin-left: -20px; margin-right: -20px; }
.kf-list-stats > .row > div { padding-left: 20px; padding-right: 20px; }
.kf-list-card {
  position: relative;
  border-radius: 15px;
  background-color: var(--white);
  margin-bottom: 24px;
  transition: .7s;
}
.kf-list-cover { height: 200px; overflow: hidden; }
.kf-list-cover img { object-fit: cover; border-radius: 12px; }
.discount-label { 
  width: 56px; 
  height: 56px; 
  background-image: url('../img/discount-label.png');
  background-repeat: no-repeat;
  background-position: center center;
  color: var(--white); 
}
.kf-card-thumb { position: relative; margin-bottom: -10px; }
.kf-card-thumb .discount-label {
  position: absolute;
  left: 0;
  top: 0;
  margin-top: 1rem;
  margin-left: 1rem;
}
.kf-card-thumb .btn-fav {
  position: absolute;
  right: 0;
  top: 0;
  margin-top: 1rem;
  margin-right: 1rem;
}

.btn-fav-active { filter: brightness(0) saturate(100%) invert(18%) sepia(100%) saturate(7000%) hue-rotate(-10deg);}

.kf-list-buy {
  padding: 12px;
  border: solid 1px var(--white);
  background-color: rgba(255, 255, 255, 0.9);  
}
.kf-card-thumb .kf-list-buy {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(.5);
  opacity: 0;
  transition: transform 0.3s ease, opacity 0.3s ease;
  pointer-events: none;
}
.kf-list-card:hover .kf-card-thumb .kf-list-buy {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
  transition: transform 0.3s ease, opacity 0.3s ease;
  pointer-events: auto;  
}
.kf-list-inf {
  gap: 2px;
}
.kf-card-thumb .kf-list-inf {
  position: absolute;
  right: 0;
  bottom: 0;
  margin-right: 8px;
  margin-bottom: 8px;
}
.kf-avatar-lock {
  padding: 4px 8px;
  border: solid 1px var(--white);
  background-color: rgba(255, 255, 255, 0.8);
  width: 40px;
  height: 40px;
  min-width: 40px;
}
.kf-list-card-link {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 12px;
}
.kf-card-content { border: solid 1px var(--gray-lighter-5); padding: 30px 16px 24px; border-radius: 0 0 12px 12px; }
.kf-list__name { 
  font-size: 16px; 
  color: var(--black);  
  line-height: 1.5;
  margin-bottom: 12px;  
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* number of lines to show */
  -webkit-box-orient: vertical; 
  min-height: 48px;
}
.kf-stars { position: relative; width: fit-content; background-color: var(--gray-lighter-4); }
.kf-stars img { position: relative; z-index: 1; }
.kf-stars-bar {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-color: var(--golden);
}
.kf-rating__num {
  font-size: 12px;
  color: var(--black);
  margin-top: 2px;
  margin-right: 6px;
  line-height: 1.33;
}
.kf-review__num {
  font-size: 10px;
  color: var(--gray-medium-4);
  margin-top: 2px;
  line-height: 1.4;
}
.kf-avatar img {
  width: 40px;
  height: 40px;
  min-width: 40px;
  border: 1px solid var(--white);
}
.kf-avatar img + img { margin-left: -16px; } 
.kf-inf-num { color: var(--gray-medium-4); font-size: 13px; }
.kf-inf-num span { color: var(--gray-dark-1); }
.kf-discount {
  border-radius: 2px;
  background-color: var(--green);
  color: var(--white);
  font-size: 9px;
  padding: 3px 3px 1px;
  line-height: normal;
  margin-right: 5px;
}
.kf-sale__price { font-size: 16px; line-height: 1.5; color: var(--red); }
.kf-old__price { text-decoration-line: line-through; color: var(--gray-medium-4); }
.kf-stats { gap: 10px; }
.stats-icon { margin-right: 3px; height: 14px; }
.stats-num { color: var(--gray-medium-4); font-size: 13px; }
.kf-trend-label { color: var(--gray-medium-4); line-height: 1.43; }
.kf-filter { width: 100%; margin-bottom: 56px; }
.kf-filter .kf-vr { min-height: 1.5rem; }
.kf-tags-list .owl-stage { display: flex!important; flex: 1; flex-wrap: nowrap; padding-left: 3rem; }
.kf-tags-list { width: calc(100% - 114px); }
.owl-carousel .owl-nav > button { position: absolute; top: 50%; transform: translateY(-50%); background-color: var(--white); }
.owl-carousel .owl-nav img { padding: 8px; border-radius: 40px; border: solid 1px var(--gray-lighter-5); background-color: var(--white); }
.owl-carousel .owl-nav button.owl-prev { left: 0; }
.owl-carousel .owl-nav button.owl-next { right: 0; }
.kf-tags-list .owl-nav button.owl-prev { padding-right: 32px !important; 
  /* background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, #fff 50%, #fff 100%) !important; */
}
.kf-tags-list .owl-nav button.owl-next { padding-left: 32px !important; background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #fff 50%, #fff 100%) !important; }
.kf-tags-link {
  padding: 8px 16px;
  white-space: nowrap;
  color: var(--black);  
  line-height: 1.43;
  border: 1px solid transparent;
  display: inline-block;
}
.kf-tags-link:hover { border: solid 1px var(--black); color: var(--gray-dark); background-color: var(--gray-lighter-6); }
.kf-filter-btn { padding: 12px 16px; border-radius: 12px; border: solid 1px var(--gray-lighter-5); background-color: var(--white); }
.kf-footer { background-color: var(--black); border-radius: 1.5rem; }
.kf-footer hr {
  margin-top: 64px;
  margin-bottom: 64px;
  background-color: var(--gray-medium-4);
}
.kf-footer-content { padding: 64px 64px 40px 64px; }
.kf-footer-box { margin-bottom: 2rem; }
.kf-footer-ttl { color: var(--gray-medium-4); font-size: 14px; }
.kf-footer-menu li + li { margin-top: 14px; }
.kf-footer-menu li a { color: var(--white); }
.kf-footer-menu li a:hover { text-decoration: underline; }
.kf-copyright-l p { color: var(--gray-lighter-5); }
.kf-footer .kf-dropdown { margin-top: 3px; }
.kf-footer .kf-dropdown .nav-link { color: var(--white); font-size: 18px; }
.kf-footer-logo { margin-bottom: 40px; }
.kf-copyright-r { gap: 30px; }
.kf-form-check .form-check-input:active { filter: brightness(100%); }
.kf-form-check .form-check-input[type=checkbox] { width: 20px; height: 20px; border: 1px solid var(--gray-lighter-5); }
.kf-form-check .form-check-input:focus[type=checkbox] { border-color: var(--gray-lighter-5); box-shadow: none; }
.kf-form-check .form-check-input:checked { background: var(--white) url('../img/icons/square.svg') no-repeat center center; border: 1px solid var(--gray); }
.kf-form-check .form-check-input:checked:focus { border-color: var(--gray); }
.kf-form-check .form-check-label { color: var(--gray) !important; font-size: 14px; line-height: 1.33; }
.kf-form-check .form-check-label i,
.info-tooltip { color: var(--gray-medium-3); font-size: 12px; }
.kf-filter-dropdown .form-label { font-size: 16px; color: var(--gray); margin-bottom: 10px; }
.kf-nav-ttl { color: var(--gray-medium-4); font-size: 14px; }

.filter-active .kf-vr { display: none !important; }

/* select2 customize  */
.kf-filter-dropdown .select2-container--bootstrap-5 { width: 100% !important; }
.kf-filter-dropdown .select2-container--bootstrap-5 .select2--large.select2-selection--single {
  min-height: 50px;
  font-size: 18px;
  border-radius: 10px;
  border: solid 2px var(--gray-medium-2);
}
.kf-filter-dropdown .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered {
  color: var(--gray-medium-2);
}
.select2-container--bootstrap-5 .select2--large.select2-selection--single { padding: .5rem 2.25rem .5rem 1rem; }
.select2-container--bootstrap-5 .select2-selection--single {
  background-position: right .75rem center;
  background-image: url('../img/icons/arrow-down.svg');
  background-size: 20px;
  padding: .5rem 2.375rem .5rem 1rem;
}
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option.select2-results__option--selected, 
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option[aria-selected=true]:not(.select2-results__option--highlighted) {
  background-color: var(--black);
} 
.select2-container--bootstrap-5 .filter-select-drop.select2-dropdown .select2-search .select2-search__field { font-size: 18px; }
.select2-container--bootstrap-5 .filter-select-drop.select2-dropdown .select2-results__options .select2-results__option {
  font-size: 14px;
  line-height: 1.14;
  font-weight: 500;
}

.select2-container--bootstrap-5 .standard-select-drop.select2-dropdown .select2-search .select2-search__field { font-size: 18px; }

.select2-container--bootstrap-5 .standard-select-drop.select2-dropdown .select2-results__options .select2-results__option {
  font-size: 14px;
  line-height: 1.14;
  font-weight: 500;
}
.select2-container--bootstrap-5 .select2--large.select2-dropdown .select2-search { padding: 0 0 0.75rem; }
.select2-container--bootstrap-5 .select2--large.select2-dropdown .select2-search__field {     
  border: 1px solid var(--gray-lighter-5); 
  border-radius: 8px; 
} 
.select2-container--bootstrap-5 .select2--large.select2-dropdown .select2-results__options .select2-results__option { border-radius: 10px; padding: 4px 8px; }
.select2-container--bootstrap-5 .select2--large.select2-dropdown .select2-results__options .select2-results__option + li { margin-top: 8px; }
.select2-container--bootstrap-5 .select2-dropdown .select2-search .select2-search__field:focus,
.select2-container--bootstrap-5.select2-container--focus .select2-selection, 
.select2-container--bootstrap-5.select2-container--open .select2-selection {
  box-shadow: none;
  border-color: var(--gray-medium);
}
/* .select2-container--bootstrap-5 .select2-dropdown .select2-results__options:not(.select2-results__options--nested) {
  max-height: 13rem;
} */
.select2-container--bootstrap-5 .select2-dropdown { border-color: var(--gray-medium-2); }
.select2-container--bootstrap-5 .select2--large.select2-dropdown { 
  border: none;
  padding: 16px;
  border-radius: 16px;
  box-shadow: 0 4px 16px 0 rgba(34, 40, 52, 0.08);
  background-color: var(--white);
}
.filter-sugg .select2-container--bootstrap-5 { right: 0; left: auto !important; }

.country-select img { width: 22px; height: 16px; min-width: 22px; margin-right: 4px; border-radius: 2px; }
.country-select-drop img { width: 20px; height: 14px; min-width: 20px; border-radius: 2px; }
.select2-container--bootstrap-5 .country-select .select2-selection__rendered { font-size: 16px; font-weight: 500; color: var(--gray); }
.select2-container--bootstrap-5 .country-select.select2-selection--single { border: none; min-height: 40px; text-transform: uppercase; background-color: transparent; border: 1px solid var(--gray-lighter-5) !important; border-radius: 40px !important; }
.select2-container--bootstrap-5 .country-select-drop.select2-dropdown .select2-results__options .select2-results__option { font-size: 16px; }
.select2-container--bootstrap-5 .country-select-drop.select2-dropdown .select2-results__options .select2-results__option img { margin-right: 4px; }

.phone-select img { width: 20px; height: 14px; min-width: 20px; margin-right: 2px; border-radius: 2px; }
.phone-select-drop img { width: 20px; height: 14px; min-width: 20px; border-radius: 2px; }
.select2-container--bootstrap-5 .phone-select .select2-selection__rendered { font-size: 14px; font-weight: 500; color: var(--gray); }
.select2-container--bootstrap-5 .phone-select .select2-selection__rendered > * { display: flex; align-items: center; gap: 2px; }
.select2-container--bootstrap-5 .phone-select.select2-selection--single { border: none; min-height: 36px; text-transform: uppercase; background-color: transparent; border: none !important; border-radius: 40px !important; background-position: right .2rem center; background-size: 16px; padding-right: 1.4rem; }
.select2-container--bootstrap-5 .phone-select-drop.select2-dropdown .select2-results__options .select2-results__option { font-size: 16px; }
.select2-container--bootstrap-5 .phone-select-drop.select2-dropdown .select2-results__options .select2-results__option img { margin-right: 4px; }

.lang-select img { width: 24px; height: 16px; min-width: 24px; margin-right: 4px; margin-top: -2px; border-radius: 2px; }
.lang-select-drop img { width: 20px; height: 14px; min-width: 20px; border-radius: 2px; }
.select2-container--bootstrap-5 .lang-select .select2-selection__rendered { font-size: 16px; font-weight: normal; color: var(--gray-lighter-5); line-height: 1.5; }
.select2-container--bootstrap-5 .lang-select.select2-selection--single { border: none; min-height: 40px; background-color: transparent; }
.select2-container--bootstrap-5 .lang-select.select2-selection--single { border: 1px solid var(--gray-lighter-5) !important; border-radius: 40px !important; }
.select2-container--bootstrap-5 .lang-select-drop.select2-dropdown .select2-results__options .select2-results__option { font-size: 16px; }
.select2-container--bootstrap-5 .lang-select-drop.select2-dropdown .select2-results__options .select2-results__option img { margin-right: 4px; }
.select2-container--bootstrap-5 .lang-select-drop.select2--large.select2-dropdown.select2-dropdown--below { margin-top: 8px; border-top-right-radius: 16px; border-top-left-radius: 16px; }
.select2-container--bootstrap-5 .lang-select-drop.select2--large.select2-dropdown.select2-dropdown--above { border-bottom-left-radius: 16px; border-bottom-right-radius: 16px; }
.select2-container--bootstrap-5 .lang-select.select2-selection--single { background-image: url('../img/icons/arrow-down-light.svg'); }

.offcanvas .select2-container--bootstrap-5 .lang-select.select2-selection--single { background-image: url('../img/icons/arrow-down.svg'); }
.offcanvas .select2-container--bootstrap-5 .lang-select .select2-selection__rendered { color: var(--black); }
.offcanvas .select2-container--bootstrap-5 .lang-select.select2-selection--single { border: 1px solid var(--black) !important; }

.currency-select img { width: 24px; height: 16px; min-width: 24px; margin-right: 4px; margin-top: -2px; border-radius: 2px; }
.currency-select-drop img { width: 20px; height: 14px; min-width: 20px; border-radius: 2px; }
.select2-container--bootstrap-5 .currency-select .select2-selection__rendered { font-size: 16px; font-weight: normal; color: var(--gray-lighter-5); line-height: 1.5; }
.select2-container--bootstrap-5 .currency-select.select2-selection--single { border: none; min-height: 40px; background-color: transparent; }
.select2-container--bootstrap-5 .currency-select.select2-selection--single { border: 1px solid var(--gray-lighter-5) !important; border-radius: 40px !important; }
.select2-container--bootstrap-5 .currency-select-drop.select2-dropdown .select2-results__options .select2-results__option { font-size: 16px; }
.select2-container--bootstrap-5 .currency-select-drop.select2-dropdown .select2-results__options .select2-results__option img { margin-right: 4px; }
.select2-container--bootstrap-5 .currency-select-drop.select2--large.select2-dropdown.select2-dropdown--below { margin-top: 8px; border-top-right-radius: 14px; border-top-left-radius: 14px; }
.select2-container--bootstrap-5 .currency-select-drop.select2--large.select2-dropdown.select2-dropdown--above { border-bottom-left-radius: 14px; border-bottom-right-radius: 14px; }
.select2-container--bootstrap-5 .currency-select.select2-selection--single { background-image: url('../img/icons/arrow-down-light.svg'); }

.offcanvas .select2-container--bootstrap-5 .currency-select.select2-selection--single { background-image: url('../img/icons/arrow-down.svg'); }
.offcanvas .select2-container--bootstrap-5 .currency-select .select2-selection__rendered { color: var(--black); }
.offcanvas .select2-container--bootstrap-5 .currency-select.select2-selection--single { border: 1px solid var(--black) !important; }

.sort-by img { width: 24px; height: 16px; min-width: 24px; margin-right: 4px; margin-top: -2px; border-radius: 2px; }
.sort-by-drop img { width: 20px; height: 14px; min-width: 20px; border-radius: 2px; }
.select2-container--bootstrap-5 .sort-by .select2-selection__rendered { font-size: 14px; font-weight: 500; color: var(--black); line-height: 1.43; }
.select2-container--bootstrap-5 .sort-by.select2-selection--single { border: none; min-height: 40px; background-color: transparent; }
.select2-container--bootstrap-5 .sort-by.select2-selection--single { border: 1px solid var(--gray-lighter-5) !important; border-radius: 12px !important; }
.select2-container--bootstrap-5 .sort-by-drop.select2-dropdown .select2-results__options .select2-results__option { font-size: 16px; }
.select2-container--bootstrap-5 .sort-by-drop.select2-dropdown .select2-results__options .select2-results__option img { margin-right: 4px; }
.select2-container--bootstrap-5 .sort-by-drop.select2--large.select2-dropdown.select2-dropdown--below { margin-top: 8px; border-top-right-radius: 14px; border-top-left-radius: 14px; }
.select2-container--bootstrap-5 .sort-by-drop.select2--large.select2-dropdown.select2-dropdown--above { border-bottom-left-radius: 14px; border-bottom-right-radius: 14px; }
.select2-container--bootstrap-5 .sort-by.select2-selection--single { background-image: url('../img/icons/sort.svg'); padding-right: 1rem; padding-left: 2.25rem; background-position: left .75rem center; }

.currency-parent .select2-container--bootstrap-5 .currency-select-drop.select2-dropdown .select2-results__options .select2-results__option { font-size: 15px; }
.currency-parent .select2-container--bootstrap-5 .select2--large.select2-dropdown .select2-results__options .select2-results__option { padding: 2px 8px; }

.offcanvas-flex { display: flex; align-items: center; justify-content: space-between; flex: 1; }
.kf-breadcrumb img { width: 22px; min-width: 22px; height: 15px; } 
.kf-breadcrumb .breadcrumb-item + .breadcrumb-item { padding-left: 8px; }
.kf-breadcrumb .breadcrumb-item a { color: var(--gray-medium-4); font-size: 12px; line-height: 1.33; }
.kf-breadcrumb .breadcrumb-item a:hover { color: var(--black); }
.kf-breadcrumb .breadcrumb-item { display: flex; align-items: center; font-size: 12px; }
.kf-breadcrumb .breadcrumb-item+.breadcrumb-item::before { padding-right: 8px; color: var(--gray-medium-4); font-size: 10px; }

.l-in-stats { font-weight: 500; color: var(--gray-medium-4); }
.l-in-stats .btn { padding: 0; font-size: 14px; font-weight: 500; color: var(--gray-medium-4); }
.l-in-stats .btn:hover { color: var(--black-60); }
.l-in-content .kf-ttl { color: var(--black); }
.l-in-unlock { order: solid 2px var(--gray-lighter); background-color: var(--white); padding: 26px 29px 38px; border-radius: 15px; }
.l-in-author { font-size: 12px; color: var(--black); font-family: var(--font-family-base); }
.l-in-subj .kf-rating__num, 
.l-in-subj .kf-review__num { font-size: 12px; }
.l-in-desc { color: var(--gray-medium-4); }
.l-in-avatar { width: 48px; height: 48px; min-width: 48px; }
.member-avatar { width: 64px; height: 64px; min-width: 64px; }
.member-name { font-size: 14px; font-weight: normal; color: var(--black); }
.member-username, .member-note { font-size: 10px; color: var(--gray); }
.member-username img { width: 8px; }
.member-note strong { color: var(--black); }
.card-member { padding: 18px 12px; border: solid 2px var(--gray-lighter); background-color: var(--white); border-radius: 15px; }
.member-stats-num { font-size: 12px; font-family: var(--font-family-base); }
.member-stats-ttl { color: var(--gray-medium-2); font-size: 10px; }
.l-in-unlock .kf-discount { border-radius: 3px; font-size: 14px; padding-left: 4px;padding-right: 4px; margin-right: 10px; }
.l-in-unlock .kf-sale__price { font-size: 24px; margin-right: 20px; }
.l-in-unlock .kf-old__price { font-size: 24px; color: var(--gray-medium-2); }
.l-in-unlock .kf-price { margin-bottom: 16px; }
.l-in-unlock-note { font-size: 16px; color: var(--black); }
.l-in-unlock-note a { font-weight: bold; color: var(--blue-1); margin-right: 5px; }
.l-in-unlock-ttl { font-size: 16px; color: var(--black); line-height: 1.5; }
.l-in-unlock-subttl { font-size: 12px; color: var(--gray-medium-4); line-height: 1.33; }
.l-in-opt i { font-size: 20px; color: var(--green-1); margin-top: 2px; margin-right: 18px; }
.l-in-opt .l-in-unlock-subttl { font-size: 12px; }
.l-in-opt li { margin-bottom: 26px; }
.l-in-opt-btn { padding-top: 14px; }
.l-in-unlock .kf-btn-primary { min-width: 207px; max-width: 100%; font-size: 16px; font-weight: 500; font-family: var(--font-family-base); }
.l-in-unlock-result { font-family: var(--font-family-base); color: var(--gray); }
.l-in-unlock-result strong { color: var(--black); }

.section-header { margin-bottom: 2rem; }
.section-ttl { font-size: 24px; color: var(--black); line-height: 1.4; margin-bottom: 4px; }
.section-subttl { color: var(--gray-medium-4); }
.view-more { padding: 10px 24px; background-color: var(--gray-lighter-6); color: var(--black); }
.section-header-2 .section-ttl { font-size: 48px; line-height: 1.4; font-weight: 500; }
.section-header-2 .section-subttl { font-size: 20px; line-height: 1.4; color: var(--gray-medium-4); }

.stats-row { margin-left: -1rem; margin-right: -1rem; }
.stats-card { border-radius: 20px; background-color: var(--white); padding: 32px 32px 48px; }
.stats-card-ttl { font-size: 20px; font-weight: normal; line-height: 1.4; margin-bottom: 24px; }
.stats-card-num { font-size: 40px; margin-bottom: 24px; }
.stats-list { margin-left: -8px; margin-right: -8px; }
.stats-card-icon { padding: 12px; margin-bottom: 24px; }
.stats-card-icon-bg1 { background-color: #f4c1df; }
.stats-card-icon-bg2 { background-color: #c1e8f3; }
.stats-card-icon-bg3 { background-color: #daecb0; }
.stats-card-icon-bg4 { background-color: #d2b8fa; }

.catg-p-name { color: var(--black); width: 120px; line-height: 1.14; font-size: 14px; }

.search-list .autocomplete .input-group { flex-wrap: unset; position: unset; }
.search-list .autocomplete-items {
  position: absolute;
  z-index: 8;
  top: 100%;
  left: 0;
  right: 0;
  width: 100%;
  max-height: 340px;
  overflow-y: auto;
  margin: 8px 0 0;
  padding: 8px;
  color: #000;
  background-color: #fff;
  border-radius: 16px;
  outline: none;
  box-shadow: 0 4px 16px 0 rgba(34, 40, 52, 0.08);
  border: solid 1px var(--gray-lighter-5);
  display: none;
}
.kf-search-drop .autocomplete-items { display: block; }
.kf-search-drop-mob .autocomplete-items { display: block; }
.kf-search-drop-scroll .autocomplete-items { display: block; }
.kf-search-drop form { border-color: var(--gray-medium-4); }
.search-list .autocomplete-items > div { border-radius: 8px; }
.search-lres-label { color: var(--gray-medium-4); font-size: 10px; line-height: 1.4; }
.search-lres-tag { padding: 6px 12px; font-size: 12px; background-color: var(--gray-lighter-6); color: var(--gray-dark-1); line-height: 1.33; cursor: pointer; }
.search-list .kf-vr { min-height: 1.5rem; }
.search-list-img { width: 32px; height: 32px; overflow: clip; }
.search-lres-text { font-size: 12px; line-height: 1.33; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; width: calc(100% - 24px); }
.search-lres-text-input { font-size: 16px; line-height: 1.33; font-weight: normal; padding-right: 4px; }
.search-list-icon { width: 24px; height: 24px; }
.search-lres-item > div { width: calc( 100% - 24px ); }

.brand-card { border-radius: 12px; }
.brand-card-link { 
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 12px;  
}
.brand-rate {
  padding: 4px 6px;
  border-radius: 8px;
  border: solid 1px var(--white);
  background-color: rgba(255, 255, 255, 0.8);
  font-size: 10px;
  line-height: 1.4;
  color: var(--black);
}
.brand-card .brand-rate { position: absolute; top: 0; right: 0; margin-top: 8px; margin-right: 8px; }
.brand-rate img { width: 8px; height: 8px; }
.brand-logo { background-color: var(--white); margin-bottom: 20px; }
.brand-logo img { width: 80px; min-width: 80px; height: 80px; object-fit: cover; }
.brand-name { color: var(--black); font-size: 1rem; line-height: 1.5; }
.brand-catg {   
  padding: 2px 8px;
  border-radius: 6px;
  border: solid 1px var(--white);
  font-size: 10px;
  color: var(--black);
  line-height: 1.4;
  background-color: rgba(255, 255, 255, 0.5); 
}
.brand-campaign { font-size: 12px; color: var(--black); }
.brand-campaign img { width: 12px; height: 12px; }
.brand-status { color: var(--black); font-size: 12px; line-height: 1.33; }
.brand-loc { color: var(--black); }
.kf-owl { position: relative; }
.kf-owl .owl-dots { display: flex; align-items: center; justify-content: center; gap: 10px; }
.kf-owl .owl-dots button { width: 8px; height: 8px; background-color: var(--white); border: 1px solid var(--black); border-radius: 40px; }
.kf-owl .owl-dots button.active { background-color: var(--black); border-color: transparent; }
.kf-owl .owl-nav img { width: 40px; min-width: 40px; height: 40px; }
.kf-owl .owl-nav button.owl-prev { margin-left: 8px; }
.kf-owl .owl-nav button.owl-next { margin-right: 8px; }
.kf-owl .owl-nav { opacity: 0; transition: all .3s ease-in-out; }
.kf-owl:hover .owl-nav { opacity: 1; }
.partners-carousel.kf-owl .owl-nav button.owl-prev { margin-left: -50px; }
.partners-carousel.kf-owl .owl-nav button.owl-next { margin-right: -50px; }

.kf-owl-style-1 { margin-left: 0; margin-right: 0; }
.kf-owl-style-1 .owl-stage-outer { padding: 0 0 30px; }
.kf-owl-style-1 .owl-nav { opacity: 1 !important; margin: 0; }
.kf-owl-style-1 .owl-nav > button { top: auto; bottom: 0; transform: none; }

.inf-card { padding: 12px 12px 16px 12px; background-color: var(--gray-lighter-6); border-radius: 108px 108px 12px 12px; }
.inf-card-photo { width: 177px; min-width: 177px; height: 177px; }
.inf-card-photo img { object-fit: cover; }
.inf-level {
  padding: 4px 8px;
  border-radius: 6px;
  border: solid 1px var(--white);
  background-color: var(--purple-2); 
  color: var(--white);
  font-size: 12px;
  line-height: 1.33;
}
.inf-lists .section-header-content { width: 60%; }
.inf-card .inf-level { position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); }
.inf-name { font-size: 16px; line-height: 1.5; margin-bottom: 2px; color: var(--black); }
.inf-social-name {     
  background: linear-gradient(102deg, var(--purple) 1%, var(--pink) 99%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; 
}
.inf-social-icon { margin-right: 1px; }
.inf-details { margin-bottom: 12px; }
.inf-details .kf-vr { margin-left: 12px; margin-right: 12px; min-height: 12px; }
.inf-campaign { color: var(--black); }
.inf-campaign img { width: 16px; height: 16px; }
.inf-status { color: var(--gray-medium-4); font-size: 12px; line-height: 1.33; }
.inf-rate { gap: 6px; }
.inf-rate__num { color: var(--black); font-size: 12px; line-height: 1.33; margin-top: 2px; }
.ver-code-success { color: var(--verified); }
.extra-stats-box { flex-grow: 1; background-color: var(--white); padding: 6px; border-radius: 8px; }
.extra-stats-num { color: var(--black); }
.extra-stats-label { color: var(--gray-medium-4); font-size: 10px; line-height: 1.4; }

.get-started { padding-bottom: 5rem; }
.get-started-content { padding: 92px 16px; }
.get-started .kf-subttl { color: var(--gray-lighter-5); }

.get-started-unlock .kf-ttl { font-size: 40px; }

.kf-bg-gradient { background-position: left top; background-repeat: no-repeat; background-size: cover; }
.kf-bg-gradient-center { background-position: top center; background-repeat: no-repeat; background-size: cover; }
.bg-gradient-style-1 { background-image: url('../img/bg-gradient.jpg');  }
.bg-gradient-style-2 { background-image: url('../img/bg-gradient-2.jpg');  }
.bg-gradient-style-3 { background-image: url('../img/bg-gradient-3.jpg');  }
.bg-gradient-style-4 { background-image: linear-gradient(to top, #fff 0%, #eeecff 100%);  }

.modal.fade.zoom:not(.show) .modal-dialog { transform: scale(0.8); }
.modal-backdrop { background-color: var(--black); opacity: .3; }
.kf-modal .modal-content { padding: 32px; border-radius: 16px; box-shadow: 0 4px 16px 0 rgba(34, 40, 52, 0.08); background-color: var(--white); }
.kf-modal-sty1 .modal-content { padding: 64px 32px; }
.kf-modal-sty2 .modal-content { padding: 24px 24px 64px; }
.kf-modal .modal-header { padding: 0; border-bottom: none; margin-bottom: 2rem; }
.kf-modal .btn-close { position: absolute; top: 0; right: 0; margin: 2rem 2rem 0 0; }
.btn-close:focus { box-shadow: none; }
.kf-modal .modal-body{ padding: 0; }
.kf-modal .modal-footer  { padding: 0; border-top: none; }
.kf-modal .modal-footer::after, .kf-modal .modal-footer::before  { content: none; }
.kf-modal hr { margin-top: 2rem; margin-bottom: 2rem; }

.form-label { font-size: 12px; line-height: 1.33; color: var(--black); }
.kf-modal .select2-container--bootstrap-5 .select2-selection { border: 1px solid var(--gray-lighter-5); font-size: 14px; }
.kf-modal .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered { color: var(--gray-medium-4); line-height: 1.43; }
.kf-modal .select2-container--bootstrap-5 .select2--large.select2-selection--single { padding-top: 14px; padding-bottom: 14px; }
.kf-modal .select2-container--bootstrap-5 .select2--large.select2-selection { border-radius: 8px; min-height: 48px; }
.kf-modal-sty1 .kf-modal-act { width: 320px; }
.kf-modal-act .kf-btn-primary, .kf-modal-act .kf-btn-outline-primary { padding: 13px 23px; }


.noUi-target { height: 5px; background: #171C25; border-radius: 5px; box-shadow: none; border: none; display: none; }
.noUi-horizontal .noUi-handle { width: 16px; height: 16px; border-radius: 40px; right: -8px; }
.noUi-handle:after, .noUi-handle:before { content: none; }
.noUi-connect { background-color: var(--gray-lighter-5); }


/* Tom select search input */
.kf-list-select .ts-control { border: none; background-color: transparent !important; padding-right: 28px !important; }
.kf-list-select .ts-dropdown { 
  margin: 8px 0 0;
  padding: 8px;
  color: #000;
  background-color: var(--white);
  border-radius: 16px;
  outline: none;
  box-shadow: 0 4px 16px 0 rgba(34, 40, 52, 0.08);
  border: solid 1px var(--gray-lighter-5);  
}
.kf-list-select .ts-dropdown .option { padding: 4px; border-radius: 8px; }
.kf-list-select .ts-dropdown .active { background-color: var(--gray-lighter-5); color: var(--black); }
.kf-list-select .ts-control, .ts-wrapper.single.input-active .ts-control { background-color: transparent; }
.kf-list-select.plugin-clear_button .clear-button { text-indent: -9999px; width: 20px; height: 20px; background: url('../img/icons/close.svg') no-repeat center center !important; margin: 0 !important; }
.kf-list-select.has-items .ts-control > input { margin-right: 20px !important; margin-left: 0 !important; }


.price-input {
  width: 100%;
  display: flex;
}
.price-input .field {
  display: flex;
  width: 100%;
  align-items: center;
  gap: 16px;
}
.field input {
  width: 100%;
  height: 100%;
  outline: none;
  text-align: left;
  -moz-appearance: textfield;  
  font-size: 14px;
  padding: 14px 16px;
  border-radius: 8px;
  border: solid 1px var(--gray-lighter-5);
  border-left-width: 0;
  padding-left: 2px;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
.price-input .separator {
  width: 130px;
  display: flex;
  font-size: 19px;
  align-items: center;
  justify-content: center;
}
.price-input .input-group {
  flex-wrap: nowrap;
  height: 48px;
}
.price-input .input-group-text { background-color: transparent; border-right-width: 0; padding-right: 0; line-height: 1.43; font-size: 14px; }
.slider {
  height: 5px;
  position: relative;
  background: var(--black);
  border-radius: 5px;
}
.slider .progress {
  height: 100%;
  left: 25%;
  right: 25%;
  position: absolute;
  border-radius: 5px;
  background: var(--gray-lighter-5);
  transition: left 0.3s, right 0.3s;
}
.range-input {
  position: relative;
}
.range-input input {
  position: absolute;
  width: 100%;
  height: 5px;
  top: -5px;
  background: none;
  pointer-events: none;
  -webkit-appearance: none;
  -moz-appearance: none;
}
input[type="range"]::-webkit-slider-thumb {
  height: 17px;
  width: 17px;
  border-radius: 50%;
  background: var(--black);
  pointer-events: auto;
  -webkit-appearance: none;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
}
input[type="range"]::-moz-range-thumb {
  height: 17px;
  width: 17px;
  border: none;
  border-radius: 50%;
  background: var(--black);
  pointer-events: auto;
  -moz-appearance: none;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
} 
.header-search-icon { display: none; cursor: pointer; }


/* SEARCH PAGE */
.search-page-top .kf-search-container { padding: 1rem 0; margin: 0; }
.kf-sugg-tags { background-color: var(--gray-lighter-6); padding: 6px 12px; font-size: 12px; color: var(--gray-dark-1); line-height: 1.33; }
.kf-list-search { padding: 2rem 0; }
.kf-filter-count { padding: 2px 6px; background-color: var(--black); line-height: 1.33; font-size: 12px; color: var(--white); min-width: 20px; height: 20px; }
.kf-tags-remove { width: 12px; height: 12px; cursor: pointer; }
.kf-filter-clear { color: var(--gray-medium-4); cursor: pointer; }
.kf-acc-avatar { width: 3rem; min-width: 3rem; height: 3rem; }
.kf-acc-avatar img { object-fit: cover; }
.kf-acc-avatar .dropdown-toggle::after { content: none; }
.kf-acc-avatar .dropdown-toggle { width: 100%; height: 100%; padding: 0; border: none; }
.kf-acc-avatar .dropdown-toggle.show { border: none; }
.kf-acc-avatar .dropdown-menu { border: none; padding: 16px; border-radius: 16px; box-shadow: 0 4px 16px 0 rgba(34, 40, 52, 0.08); }
.kf-acc-avatar .dropdown-item { border-radius: 10px; padding: 4px 8px; cursor: pointer; }
.kf-acc-avatar .dropdown-item:active { background-color: var(--bs-dropdown-link-hover-bg); }
.kf-avatar-status { width: 12px; min-width: 12px; height: 12px; border: 1px solid var(--white); position: absolute; bottom: 0; right: 0; }
.kf-avatar-status-on {  background-color: var(--green-1); }

.list-in-cover { width: 100%; height: auto; }
.list-in-cover > img { object-fit: cover; }
.list-in-cover .btn-fav { position: absolute; top: 0; right: 0; }
.list-in-content { gap: 40px; }
.list-in-content-r .kf-ttl { font-size: 40px; }
.list-in-content-r .kf-stars img { width: 16px; height: 16px; }
.list-in-content-r .kf-rating__num { font-size: 14px; }
.list-in-content-r .kf-vr { min-height: 1rem; }
.list-in-avatars .kf-avatar img + img { margin-left: -8px; }
.list-unlock-note { color: var(--black); font-size: 12px; line-height: 1.33; }

.btn-buy { padding: 16px 30px; font-size: 16px; }
.btn-buy img { width: 20px; height: 20px; }

.kf-text-success { color: var(--green-1); line-height: 1.14; }

.kf-nav-tabs, .kf-nav-tabs .nav-link { border: none; }
.kf-nav-tabs .nav-link { padding: 8px 16px; font-size: 14px; font-family: var(--font-family-base); color: var(--black); line-height: 1.43; font-weight: 500; border: 1px solid transparent; border-radius: 40px; }
.kf-nav-tabs .nav-item { margin-right: 8px; }
.kf-nav-tabs .nav-item.show .nav-link, .kf-nav-tabs .nav-link.active, .kf-nav-tabs .nav-link:hover { border: 1px solid var(--black); }

.catg-tag { padding: 6px 12px; font-size: 12px; background-color: var(--gray-lighter-6); color: var(--gray-dark-1); line-height: 1.33; cursor: pointer; }

.kf-table-no-border thead th { padding: 0; padding-bottom: 28px; }
.kf-table-no-border tbody tr > * { padding: 12px 0; }
.kf-tab-content { padding-top: 40px; padding-bottom: 80px; }
.kf-tab-content .kf-table { margin-bottom: 68px; }
.kf-tab-content .section-header-content { margin-bottom: 40px; }
.kf-table th { color: var(--gray-medium-4); font-weight: normal; }
.kf-table tbody tr > * { vertical-align: middle; font-weight: 500; }
.kf-table-no-border>:not(caption)>*>* { border: none; }
.kf-table>:not(caption)>*>* { color: var(--black); }

.kf-avatar-pro { font-size: 10px; line-height: 1.4; padding: 2px 6px; background-color: var(--black); color: var(--white); }

.table-responsive-container .blur-overlay { height: 280px; width: 100%; position: absolute; bottom: 10px; left: 0; z-index: 2; 
    backdrop-filter: blur(10px); 
  background: rgba(255, 255, 255, 0.3);  }
.table-responsive-container .blur-overlay-actions { height: 280px; width: 100%; position: absolute; bottom: 0; left: 0; z-index: 3; }

.icon-light { filter: brightness(0) invert(1); }
.kf-card { padding: 2rem; border: solid 1px var(--gray-lighter-5); }
.kf-card:after { content: none; }
.kf-card-style-1 { background-color: var(--gray-lighter-6); }
.kf-card-style-2 { border: none; padding: 64px 32px;
  border-radius: 16px; }

.overview-stats { border-radius: 2rem; }
.overview-stats-content { padding: 80px 40px; }

.faq-card { padding: 30px 24px; background-color: var(--white); border-radius: 20px; }
.faq-ttl { font-size: 20px; }
.border-gradient { position: relative; background-clip: padding-box; border: 1px solid transparent; }
.border-gradient::after {  
  content: "";
  position: absolute;
  top: 0;
  left: 0; 
  right: 0;
  bottom: 0;
  z-index: -1;
  margin: -1px;
  border-radius: inherit;
  background: linear-gradient(98deg, #f4c850 0%, #ccabfc 100%); 
}

.card-reviews { border-radius: 12px; border: 1px solid var(--gray-lighter-5); }

.reviews-row { margin-left: -1rem; margin-right: -1rem; }
.review-txt { color: var(--gray-medium-4); margin-bottom: 20px; }
.user-flex { gap: 10px; }
.user-avatar-img { width: 56px; min-width: 56px; height: 56px; border-radius: 2rem; }
.user-ttl { font-size: 1rem; line-height: 1.5; }
.user-sub { font-size: 10px; color: var(--gray-medium-4); }

.kf-popover { border-color: var(--gray-lighter-5); font-family: var(--font-family-base); width: auto; max-width: 340px; border-radius: 1rem; }
.kf-popover .popover-arrow::before { border-bottom-color: var(--gray-lighter-5) !important; }
.kf-popover .popover-header { background-color: var(--white); border: none; padding: 0; }
.kf-popover .popover-header::before { content: none !important; } 
.kf-popover .popover-ttl { font-size: 20px; color: var(--black); line-height: 1.4; margin-bottom: 20px; }
.kf-popover .popover-subttl { color: var(--gray-medium-4); font-size: 12px; line-height: 1.33; }
.kf-popover .popover-body { padding: 24px; }
.kf-popover .popover-form-act { gap: 20px; }
.kf-popover .popover-send-btn {
  background-color: var(--gray-medium-4);
}
.kf-popover .popover-send-btn
.kf-popover .popover-send-btn:focus {
  background-color: var(--gray-medium-4);
}
.kf-popover .popover-send-btn:hover {
  background-color: var(--gray-medium-4);
}
.share-icons { gap: 20px; }
.share-lbl { margin-bottom: 12px; font-size: 14px; color: var(--gray-medium-4); }
.copy-lbl { margin-bottom: 6px; font-size: 12px; color: var(--gray-medium-4); }
.copy-input { border: 1px solid var(--gray-lighter-5); background-color: var(--gray-lighter-6); border-radius: 6px; }
.copy-input .kf-vr { min-height: 20px; }
.copy-input > input.form-control { border: none; background-color: transparent; }
.copy-btn { min-width: 70px; }
.copy-btn,
.copy-btn:hover,
.copy-btn:focus-visible { color: var(--blue-1); }
.text-gradient { background: linear-gradient(102deg, var(--purple) 1%, var(--pink) 99%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.text-gradient-underline::before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: linear-gradient(102deg, var(--purple) 1%, var(--pink) 99%); transition: .3s all ease-in-out; }
.text-gradient-underline:hover::before { width: 0; }
.text-gray { color: var(--gray-medium-4); }

.report-popover .popover-ttl { margin-bottom: 12px; }
.report-popover .form-check { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; }
.report-modal .popover-ttl { margin-bottom: 12px; }
.report-modal .form-check { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; }
.report-modal .kf-modal-body { padding-right: 1rem; }
.kf-form .form-check-input { width: 20px; height: 20px; border-color: var(--gray-lighter-5); }
.kf-form .form-check-input:checked[type=radio] { --bs-form-check-bg-image: url('../img/icons/circle.svg'); background-size: 53%; }
.kf-form .form-check-input:checked { background-color: var(--white); border-color: var(--black); }
.kf-form .form-check-label { margin-top: 3px; }
.kf-form .form-check-input:focus, .kf-form textarea:focus { box-shadow: none; border-color: var(--gray-lighter-5); }
.kf-form textarea { resize: none; font-size: 14px; }
.kf-form-control { padding: 14px 8px 14px 16px; border-radius: 8px; border: solid 1px var(--gray-lighter-5); font-size: 14px; line-height: 1.43; /* color: var(--gray-medium-4);  */ }
.kf-form-control:focus { box-shadow: none; border: 1px solid var(--gray-lighter-5); }
textarea.kf-form-control { resize: none; }
.kf-form-control::placeholder { font-size: 14px; line-height: 1.43; color: var(--gray-medium-4); }
.kf-form-control::-moz-placeholder { font-size: 14px; line-height: 1.43; color: var(--gray-medium-4); }
input::placeholder { font-family: var(--font-family-base); }
::-webkit-input-placeholder { font-family: var(--font-family-base); }
:-moz-placeholder { font-family: var(--font-family-base); }
::-moz-placeholder { font-family: var(--font-family-base); }
:-ms-input-placeholder { font-family: var(--font-family-base); }

.kf-form-control-sm { padding: 8px 16px; }

.kf-modal-header { margin-bottom: 2rem; }
.kf-modal-body { max-width: 385px; }
.kf-modal-ttl { font-size: 20px; }
.kf-modal-ttl-style1 { font-size: 24px; }



/* Auth ( login, register ) */
.auth { padding: 104px 0; background-color: var(--gray-lighter-7); }
.auth-container { max-width: 2160px; border: 8px solid rgba(255, 255, 255, .6); border-radius: 24px; }
.auth-logo img { width: 264px; }
.auth-title { font-size: 1.5rem; }
.auth-subtitle { font-size: 12px; color: var(--gray-medium-4); line-height: 1.33; }
.auth-logo { width: 538px; background-image: linear-gradient(124deg, #6b57e3 7%, #d68de4 93%); border-radius: 1rem 0 0 1rem; }
.auth-content { padding: 80px; background-color: var(--white); border-radius: 0 1rem 1rem 0; width: calc(100% - 538px); }
.auth-content-style-2 { padding-left: 40px; padding-right: 40px; }
.auth-form { width: 336px; }
.auth-form .form-check { padding: 16px 20px 16px 16px; border: 1px solid var(--gray-lighter-5); }
.auth-form .form-check-label { font-size: 16px; line-height: 1.5; }
.auth-form .form-check .form-check-input { float: none; margin-left: 0; margin-top: 0; width: 1.5rem; height: 1.5rem; }
.auth-form .form-check .form-check-input:focus { border-color: var(--black); }
.auth-inf-icon { background-color: var(--green-1); }
.auth-brand-icon { background-color: var(--blue-2); }
.auth-icon { width: 44px; height: 44px; min-width: 44px; padding: 12px; }
.auth .kf-btn-outline-primary:hover img { filter: none; } 
.form-val-error { font-size: 12px; line-height: 1.33; color: var(--red); }

/* new campaign */
.start-campaign-ttl { font-size: 1.5rem; line-height: 1.4; }
.start-campaign .form-label { font-size: 14px; }
.start-campaign-form.kf-card { padding: 40px; }
.start-campaign-form input.has-value { color: var(--black); }
.start-campaign .kf-btn-pro { padding: 16px 32px; font-size: 16px; font-weight: 500; line-height: 1.5; }
.start-campaign .stats-card-num { font-size: 20px; }
.start-campaign .stats-card-link { color: var(--blue-2); font-size: 1rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.row-deliver { padding: 16px; border-radius: 12px; background-color: var(--gray-lighter-6); }

.form-group-half { flex: 2 1 auto; }
.form-group-append .kf-form-control { border-right-width: 0; }
.form-group-append .input-group-text { border-left-width: 0; background-color: transparent; border-radius: 8px; border-top-left-radius: 0; border-bottom-left-radius: 0; }

.datepicker { padding: 6px; }
.datepicker table tr td.active { background: var(--black) !important; }
.datepicker td, .datepicker th { padding: 8px !important; position: relative; }
.datepicker table tr td.today:after { content: "Today"; font-size: 7px; display: block; position: absolute; bottom: 0; left: 0; width: 100%; }


.kf-select .select2-container--bootstrap-5 .select2-selection { border: 1px solid var(--gray-lighter-5); font-size: 14px; }
.kf-select .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered { color: var(--gray-medium-4); line-height: 1.43; }
.kf-select .select2-container--bootstrap-5 .select2--large.select2-selection--single { padding-top: 14px; padding-bottom: 14px; }
.kf-select .select2-container--bootstrap-5 .select2--large.select2-selection { border-radius: 8px; min-height: 48px; }

.btn-add { border-color: var(--gray-lighter-5); background-color: var(--gray-lighter-6); color: var(--gray-dark-1); font-size: 12px; padding: 8px 12px; }
.btn-back { padding: 0; width: 40px; height: 40px; min-width: 40px; }

.kf-img-uploader .upload-text i:before {
  content: "";
  width: 48px;
  height: 48px;
  display: block;
  background: url('../img/icons/img-upload.svg') no-repeat center;
}
.kf-img-uploader .upload-text i { margin-bottom: 1rem; }
.kf-img-uploader .image-uploader { padding: 40px 16px; border-radius: 8px; border-color: var(--gray-lighter-5); padding: 0; }
.kf-img-uploader .uploaded { padding: 0; border-radius: 1rem; margin: 0; position: relative; z-index: 1; }
.kf-img-uploader .uploaded img { border-radius: 1rem; }
.kf-img-uploader .image-uploader.has-files { padding: 0; border: none; width: fit-content; max-width: 100%; }
.kf-img-uploader .uploaded .delete-image { width: 40px; height: 40px; top: 1rem; right: 1rem; padding: 0; background-color: var(--white); position: absolute; border-radius: 50%; display: flex; align-items: center; justify-content: center; }
/*.kf-img-uploader .uploaded:hover .delete-image { display: flex; align-items: center; justify-content: center; }*/
.kf-img-uploader .uploaded .delete-image i { width: 24px; height: 24px; }
.kf-img-uploader .uploaded .delete-image i:before { 
  content: "";
  width: 24px;
  height: 24px;
  display: block;
  background: url('../img/icons/trash-red.svg') no-repeat center / cover;
}
.kf-img-uploader > img { width: 100%;height: 100%; object-fit: cover; }

.start-campaign .kf-img-uploader .image-uploader.has-files,
.start-campaign .kf-img-uploader .uploaded .uploaded-image { width: 100%; }

.kf-form-select { height: 50px; border: solid 1px var(--gray-lighter-5); font-size: 14px; color: var(--gray-medium-4); line-height: 1.43; border-radius: 8px; cursor: pointer;
}
.kf-form-select:focus { box-shadow: none; border-color: var(--gray-lighter-5); }
.camp-btn-edit { padding: 7px; width: 40px; min-width: 40px; height: 40px; border-color: var(--gray-lighter-5); }
.camp-btn-edit:hover { border: 1px solid var(--gray-medium-2); }
.camp-brand { font-size: 1rem; line-height: 1.5; color: var(--gray-medium-4); }
.camp-ttl { font-size: 2rem; }
.camp-ttl-style1 { font-size: 20px; }
.camp-ttl-style2 { font-size: 1rem; }
.camp-txt { color: var(--gray-medium-4); }

.camp-tags-item { background-color: var(--gray-lighter-6); padding: 6px 12px; font-size: 12px; color: var(--gray-dark-1); line-height: 1.33; }
.kf-btn-mini .btn { padding: 8px 16px; }

.modal-content-signup-form .kf-modal-header .btn-outline-primary { font-size: 14px; }
.btn-pass-style { position: absolute; top: 50%; right: 0; transform: translateY(-50%); height: 100%; }
.btn-pass-style img { width: 20px; min-width: 20px; height: 20px; }

.kf-form-range { border-radius: 8px; border: solid 1px var(--gray-lighter-5); }
.kf-form-range-col { width: calc(50% - 24px); padding-left: 16px; padding-right: 16px; gap: 16px; }
.kf-form-range-col input { border: none; padding-right: 0; padding-left: 0; }
.kf-form-range-col input:focus { border: none; }
/* .kf-form-range-col:first-child input { min-width: 45px; width: inherit; }
.kf-form-range-col:last-child input { min-width: 45px; width: inherit; } */
.kf-range-input.is-invalid .kf-form-range { border-color: var(--red); }
.kf-range-input.is-invalid input[x-name="barter_link"] { border-color: var(--red); }


/* modal content slide */
.slide-enter { animation: slideIn 0.2s ease forwards; }
.slide-leave { animation: slideOut 0.2s ease forwards; }

/* influencer profile */
.inf-p-on { font-size: 12px; line-height: 1.33; padding: 4px 8px; background-color: var(--gray-lighter-6); color: var(--green-1); }
.inf-p-pro { font-size: 12px; line-height: 1.33; padding: 4px 8px; background-color: var(--black); color: var(--white); }
.inf-p-avatar { width: 4.5rem; min-width: 4.5rem; height: 4.5rem; }
.inf-p-avatar img { object-fit: cover; }
.inf-p-ttl { font-size: 3rem; }
.inf-p-bio { font-size: 1rem; line-height: 1.5; margin-bottom: 20px; }
.inf-p-badge-btn { border-radius: 6px; border: solid 1px var(--gray-lighter-5); background-color: var(--gray-lighter-6); }
.inf-p-stats { padding: 0 24px; border-radius: 8px; background-color: var(--gray-lighter-6); }
.inf-p-status { color: var(--gray-medium-4); font-size: 12px; line-height: 1.33; }
.inf-p-stats-num { margin-bottom: 2px; }
.inf-p-stats-label { font-size: 10px; color: var(--gray-medium-4); }
.inf-p-opt {  gap: 40px; border-radius: 8px; border: solid 1px var(--gray-lighter-5); }
.inf-p-opt-item { font-size: 14px; }
.inf-p-catg { background-color: var(--gray-lighter-7); padding: 32px 40px; }
.inf-p-catg-ttl { font-size: 24px; }
.inf-p-catg-name { font-size: 1rem; line-height: 1.5; }
.inf-p-tag { padding: 8px 12px; background-color: var(--gray-lighter-6); }
.inf-portfolio-card {
  position: relative;
  border-radius: 15px;
  background-color: var(--white);
  margin-bottom: 24px;
  transition: .7s;
}
.inf-portfolio-card-link {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 12px;
}
.inf-portfolio-thumb { position: relative; margin-bottom: -10px; }
.inf-portfolio-cover { height: 200px; overflow: hidden; position: relative; }
.inf-portfolio-post-cover { object-fit: cover; border-radius: 12px; object-position: left 30%; }
.inf-portfolio__name { 
  font-size: 16px; 
  color: var(--black);  
  line-height: 1.5;  
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* number of lines to show */
  -webkit-box-orient: vertical; 
  min-height: 48px;
}
.inf-portfolio-company-name { color: var(--gray-medium-4); font-size: 1rem; line-height: 1.5; }
.inf-portfolio-company-icon { margin-right: 3px; }


.kf-dropdown-toggle { 
  border-radius: 8px; 
  min-height: 48px;    
  border: 1px solid var(--gray-lighter-5);
  font-size: 14px;
  padding: 16px 14px;
  position: relative;
  color: var(--gray-medium-4);
  cursor: pointer;
}

.kf-dropdown-toggle:after { 
  content: ""; 
  background-position: center center;
  background-image: url(../img/icons/arrow-down.svg);
  background-size: 20px; 
  border: none; 
  width: 20px; 
  height: 20px; 
  position: absolute; 
  right: 0;
  margin-right: 14px;
}

.kf-dropdown-search {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  padding-right: 2.5rem;
  border-color: transparent;
}

.kf-dropdown-search:focus {
  box-shadow: none;
  border: none;
}

.filter-drop.dropdown-menu {
  border-radius: 8px;
  box-shadow: 0 4px 16px 0 rgba(34, 40, 52, 0.08);
  border: solid 1px var(--gray-lighter-5);  
}

.filter-drop.dropdown-menu .accordion {
  max-height: 300px;
  overflow-y: auto;  
}

.filter-drop .accordion-item {
  border: 0;
  border-radius: 0;
  border-bottom: 1px solid var(--gray-lighter-6);
}

.filter-drop .form-check-input { margin: 0; border-radius: 4px; }
.filter-drop .accordion-button { background: none; box-shadow: none; padding: 0; }
.filter-drop .accordion-header { padding: 18px 8px; border-radius: 0; }
.accordion-button:focus { box-shadow: none; }
.filter-drop .accordion-body { padding: 0 0 18px 0; }
.filter-drop .accordion-body .btn { padding: 8px 12px; border-radius: 40px; background-color: var(--gray-lighter-6); border: none; }
.filter-drop .accordion-body .btn-check:checked+.btn { padding: 8px 12px; border-radius: 40px; background-color: var(--gray-lighter-6); border: none; }
.filter-drop .accordion-body .btn-check+.btn.checked { background-color: var(--black); color: var(--white); }

.btn-forgot-pass { font-size: 12px; line-height: 1.33; color: var(--gray-medium-4); }

.fav-btn-count { font-size: 10px;color: #fff; background-color: var(--red); min-width: 20px; height: 20px; padding: 0 4px; position: absolute; top: 0; right: 0; margin-top: 2px; margin-right: -6px; line-height: 1.4; opacity: 1; transform: scale(1); transition: all .3s ease-in-out; }
.fav-btn-count.hide { transform: scale(0); opacity: 0; }

.ct-note-list { font-size: 12px; color: var(--red); }
.ct-badge { background-color: var(--black); color: var(--white); font-size: 11px; padding: 6px 8px; }
.ct-selected-tags-lbl { margin-bottom: 6px; font-size: 12px; color: var(--gray-medium-4); }
.ct-badge-remove { width: 16px; height: 16px; background: url('../img/icons/close.svg') no-repeat center center / cover; filter: brightness(0) invert(1); }


/* Post page */
.pp-header { padding: 80px; background: url('../img/content-bg.jpg') left top; }
.pp-ttl { font-size: 3rem; }
.pp-subttl { font-size: 20px; color: var(--gray-medium-4); }
.pp-content-maxw { max-width: 800px; }
.pp-article-ttl { font-size: 20px; }
.pp-article-text { font-size: 16px; color: var(--gray-dark-1); line-height: 1.5; }

/* Static pages */
.ls-post { list-style: disc; padding-left: 2rem; margin: 3rem 0; }
.ls-post ul { list-style: disc; padding-left: 2rem; }
.ls-post li ul { margin-top: .75rem; }
.ls-post li { margin-bottom: .75rem; }


/* contact page */
.cnt-page .row > div { padding-left: 20px; padding-right: 20px; }
.cnt-page-ttl { font-size: 48px; line-height: 1.4; }
.cnt-page-form-ttl { font-size: 24px; }
.cnt-page-form { width: 73%; }
.cnt-page-subttl { font-size: 20px; line-height: 1.4; }
.cnt-page-block { margin-bottom: 32px; }
.cnt-page-block_details { gap: 12px; }
.cnt-page-block_icon { width: 24px; }
.cnt-page-block_lbl { font-size: 20px; line-height: 1.4; }
.cnt-page-block_office { font-size: 24px; }
.cnt-page-block_office img { width: 24px; border-radius: 4px; }


/* no found results */
.no-found-res { width: 400px; }
.no-found-res-ttl { font-size: 20px; line-height: 1.4; }


/* no favorite */
.no-fav { width: 400px; }
.no-fav-ttl { font-size: 32px; line-height: 1.4; }
.no-fav-txt { font-size: 16px; line-height: 1.5; color: var(--gray-medium-4); }


/* deliver selected */
.deliver-selected.kf-select .select2-container--bootstrap-5 .select2-selection--single .select2-selection__rendered,
.deliver-selected .kf-form-control { color: var(--black); }
.deliver-added .deliver-delete img { filter: brightness(0) saturate(100%); }


/* brand sigup */
.phone-select { border: solid 1px var(--gray-lighter-5); border-radius: 8px; }
.phone-select .kf-form-control { border: none; padding-left: .5rem; }
.accept-label { line-height: 1.43; color: var(--black); }
.accept-label a { line-height: 1.14; font-weight: 500; text-decoration: underline; color: var(--black); }
.phone-select.is-invalid { border-color: var(--red-invalid); }
.kf-select.is-invalid .select2 { border: 1px solid var(--red-invalid); border-radius: 8px; }
.kf-form-check .form-check-input.is-invalid { border-color: var(--red-invalid); }
.kf-form-check .form-check-input.is-invalid:focus[type=checkbox] { border-color: var(--red-invalid); }


/* influencer sign up */
.ver-code .form-group { background-color: var(--gray-lighter-6); }
.btn-send-again { color: var(--blue-2); }
.wp-input-group, .tg-input-group { border: solid 1px var(--gray-lighter-5); }
.ver-code-icon { background-color: var(--gray-lighter-6); border-radius: 8px 0 0 8px; border-right: 1px solid #e4e7eb; padding: 12px; }
.ver-code-group > .kf-form-control { border: none; }
.ver-code-group > .kf-btn-primary { padding: 10px 16px; }
.send-again-note { font-size: 12px; }
 

/* about page */
.partners-logo img { width: 100%; }
.about-avatar { width: 200px; min-width: 200px; height: 200px; object-fit: cover; background: linear-gradient(123deg, #6b57e3 7%, #d68de4 93%); }
.kf-card-border { padding: 32px; border: solid 1px var(--gray-lighter-5); transition: all .3s ease-in-out; }
.about-row > div { padding-left: 40px; padding-right: 40px; padding-bottom: 80px; }
.about-page-ttl { font-size: 48px; line-height: 1.4; }
.about-page-subttl { font-size: 20px; line-height: 1.4; }
.about-icon-gr { position: relative; width: 56px; height: 56px; border: 1px solid transparent; display: inline-block; background: linear-gradient(123deg, #6b57e3 7%, #d68de4 93%); margin-bottom: 32px; transition: all .3s ease-in-out; }
.about-icon-gr:before { content: ""; width: 100%; height: 100%; background-color: #fff; position: absolute; left: 0; top: 0; border-radius: 50%; transition: all .3s ease-in-out; }
.about-icon-gr > img { position: relative; z-index: 1; } 
.kf-card-border:hover { border-color: #fff; background-color: #fff; box-shadow: 0 0 20px rgba(0, 0, 0, .05); transform: translateY(-2px); }
.kf-card-border:hover .about-icon-gr { border-color: #fff; }
.kf-card-border:hover .about-icon-gr:before { background-color: transparent; }
.kf-card-border:hover .about-icon-gr > img { filter: brightness(0) invert(1); }
.social-card { padding: 24px 20px; border-radius: 18px; }
.social-card-icon { display: inline-block; background-color: #fff; }
.social-card-ttl { font-size: 20px; font-weight: 600; }
.social-card-txt { line-height: 1.5; font-size: 15px; }
.about-page .pp-subttl { max-width: 65%; margin: 0 auto; }
.kfonhover { position: relative; overflow: hidden; }
.kfonhover > * { position: relative; z-index: 2; }
.kfonhover:after { content:""; position: absolute; inset: 2px; background: var(--gray-lighter-6); border-radius: 16px; }
.kfonhover:before {content: ""; position: absolute; top: var(--y); left: var(--x); transform: translate(-50%, -50%); background: radial-gradient(#6b57e3, transparent, transparent);  width: 200%; height: 200%; opacity: 0; transition: 0.5s, top 0s, left 0s; border-radius: 20px; }
.kfonhover:hover:before { opacity: 1; }
.country-select-parent .kf-dropdown .select2 + .select2-container--bootstrap-5 {  left: auto !important; right: 16px; }
.country-select-parent .kf-dropdown { position: unset; }



/* influencer public portfolio */
.inf-portfolio-post-date { color: var(--gray-medium-4); }
.inf-portfolio-post-like { color: var(--gray-medium-4); }
.inf-portfolio-post-like > img { opacity: .6; width: 1rem; }
.inf-portfolio-type-icon { position: absolute; top: 0; right: 0; z-index: 1; margin: 10px; filter: grayscale(1) invert(1); }



/* animations */
.animate__animated{ 
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-duration: var(--animate-duration);
  animation-duration: var(--animate-duration);
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animate__pulse{
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05)
  }

  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05)
  }

  to {
    -webkit-transform: scaleX(1);
    transform: scaleX(1)
  }
}


@keyframes slideIn {
  from {
    transform: translateX(50px);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes slideOut {
  from {
    transform: translateX(0);
    opacity: 1;
  }
  to {
    transform: translateX(-50px);
    opacity: 0;
  }
}


@keyframes bgAnimated1 {
  0% {
    background-position: 0 85%;
  }
  50% {
    background-position: 100% 20%;
  }
  100% {
    background-position: 0 85%;
  }
}


/* RETINA */
@media (-webkit-min-device-pixel-ratio: 2),(-moz-device-pixel-ratio: 2), (min-resolution: 192dppx) { 
  .kf-hero {
    background-image: url('../img/hero-bg@2x.png');
  }
}

@media screen and (min-width: 580px) {
  .inf-card { width: 224px; }
  .inf-card-photo { width: 200px; min-width: 200px; height: 200px; }
  /* .brand-card { width: 200px; } */
}

@media screen and (min-width: 768px) {
  .kf-modal .modal-dialog { max-width: 660px; } 
  .list-in-cover { max-width: 45.3%; max-height: 489px; overflow: clip;} 
  .list-in-content-r { max-width: calc(54.7% - 40px); }
  .list-in-content-r .kf-ttl { font-size: 30px; }
  .kf-modal-sty1 .modal-dialog { max-width: 678px; }
  .share-modal .modal-dialog { max-width: 500px; }
}

@media screen and (min-width: 992px) {
  .kf-search-container { width: 46.5%; }
  .kf-content { padding-left: 4rem; padding-right: 4rem; }
  .kf-hero-container { width: 56.5%; }
  .get-started-content { padding: 104px; }
  .get-started-unlock .get-started-content { padding-top: 147px; padding-bottom: 147px; }
  .get-started-container { width: 67%; }
  .kf-footer-content > .row { margin-left: -4rem; margin-right: -4rem; }
  .kf-footer-content > .row > div { padding-left: 4rem; padding-right: 4rem; }
  .table-responsive { overflow: hidden; }
  .start-campaign-form { width: 856px; margin: 0 auto; }
}

@media screen and (min-width: 1200px) {
  .container-fluid { padding-left: 80px; padding-right: 80px; }
}


@media screen and (max-width: 1699.98px) { 
  /* body[data-scrolled='true'] header .navbar-expand-lg .navbar-nav { display: none; }  */
  .kf-search-container { width: 50.9%; }      
  .get-started-container { width: 80%; }
  /* header .kf-search { margin-right: 0; } */
}
@media screen and (max-width: 1499.98px) { 
  /* body[data-scrolled='true'] header .navbar-expand-lg .navbar-nav { display: none; }  */
  .kf-hero-container { width: 64%; }
  .kf-search-container { width: 59.2%; } 
  .get-started-container { width: 89%; } 
}
@media screen and (max-width: 1399.98px) {
  .kf-hero-container { width: 70%; }
  .kf-search-container { width: 64.4%; } 
  .get-started-container { width: 100%; }  
  .kf-list-stats .kf-ttl-style-1 { font-size: 34px; }
  .stats-card-num { margin-bottom: 14px; }
  .stats-card-ttl { margin-bottom: 0; font-size: 15px; }
  .inf-p-opt { gap: 20px; }
  .cnt-page-ttl { font-size: 36px; }
  .cnt-page-subttl, .cnt-page-block_lbl { font-size: 15px; }
  .cnt-page-block_icon { width: 20px; }
}
@media screen and (max-width: 1299.98px) {
  .kf-hero-container { width: 76%; }
  .kf-search-container { width: 70.7%; }  
  .get-started-content { padding: 90px; }
  .get-started-content .kf-ttl { font-size: 42px; }
  .get-started-content .kf-subttl { font-size: 18px; }
}
@media screen and (max-width: 1199.98px) { 
  .kf-search-container { width: 70.7%; } 
  .kf-hero-container { width: 83%; }
  .kf-list-stats .kf-ttl-style-1 { font-size: 30px; }
  .stats-card-num { font-size: 24px; }
  .auth-logo { width: 438px; }
  .auth-content { width: calc(100% - 438px); }
}
@media screen and (max-width: 1099.98px) { 
  .kf-search-container { width: 77.2%; } 
  .get-started-content { padding: 92px 72px; }
  .get-started-content .kf-ttl { font-size: 40px; }
  body[data-scrolled='true'] header .kf-search { display: none; }
  .stats-card-ttl { font-size: 13px; }
}
@media screen and (max-width: 991.98px) {
  .partners-carousel.kf-owl .owl-nav { display: flex; gap: 16px; justify-content: center; margin-top: 48px; }
  .partners-carousel.kf-owl .owl-nav button { position: relative; }
  .partners-carousel.kf-owl .owl-nav button.owl-prev { margin-left: 0; }
  .partners-carousel.kf-owl .owl-nav button.owl-next { margin-right: 0; }
  .auth-logo { width: 338px; }
  .auth-content { width: calc(100% - 338px); }
  .cnt-page-form { width: 100%; }
  .stats-card-num { font-size: 40px; }
  .stats-card-ttl { font-size: 20px; }
  body[data-scrolled='true'] .collapse-search { 
    position: fixed;
    width: 95%;
    top: 0;
    left: 20px;
    transform: translateY(-130%);    
    z-index: 2;
    display: none;
  }
  body[data-scrolled='true'] .collapse-search.active { display: block !important; transform: translateY(80px); }
  body[data-scrolled='true'] .collapse-search .kf-search-container { margin: 0; padding: 0; width: 100%; }
  header .offcanvas.offcanvas-end > .flex-fill { flex: unset !important; width: 100%; }
  .offcanvas { 
    padding: 30px !important;
    background: var(--white) none repeat scroll 0 0;
    padding: 10px; 
    overflow-y: scroll;
    overscroll-behavior-y: contain;
    scrollbar-width: none;
  }
  .offcanvas.offcanvas-end,
  .offcanvas-backdrop {
    width: 100vw !important;
    height: calc(100dvh - 80px);
    top: 80px;
  }
  .offcanvas-flex { flex-direction: column; flex: none !important; width: 100%; }
  .kf-nav-r { width: 100%; gap: 16px; }
  .kf-btn-pro, .kf-nav-act { flex-grow: 1; width: 50%; }
  .kf-nav-act { gap: 24px; }
  .kf-search-container { width: 78%; }
  .kf-navbar-nav { width: 100%; }
  .kf-navbar-nav .dropdown-menu { display: none; opacity: 1; margin-top: 5px; }
  .kf-navbar-nav .dropdown-menu.show { display: block; }
  .kf-nav-act a { text-align: center; width: 100%; display: block !important; }
  .offcanvas hr { margin-top: 2rem; margin-bottom: 2rem; }
  .kf-navbar-toggler { border: 1px solid var(--gray-lighter-5); cursor: pointer; }
  .kf-navbar-toggler.active { border: 1px solid var(--gray-lighter-5); }
  .kf-navbar-toggler:focus, .kf-navbar-toggler:active { box-shadow: none; }
  .kf-navbar-toggler .navbar-toggler-icon { background-image: url('../img/icons/menu.svg'); width: 24px; height: 24px; }
  .kf-navbar-toggler.active .navbar-toggler-icon { background-image: url('../img/icons/close-black.svg'); }
  body[data-scrolled='true'] .header-search-icon { display: flex; }
  body[data-scrolled='true'] header .kf-search { display: none; }
  body[data-scrolled='true'] header .navbar-expand-lg .offcanvas.offcanvas-end.show .navbar-nav { display: flex; }
  .kf-search-container, .kf-hero-container { width: 100%; }
  .offcanvas.show .kf-nav-r > a.rounded-circle, .offcanvas.show .kf-nav-r > .kf-vr { display: none; }
  .kf-nav-box { flex-grow: 1; width: 50%; }
  .kf-nav-box .select2-container--bootstrap-5 { width: 100% !important; }
  .get-started-content .kf-ttl { font-size: 34px; }
  body[data-scrolled='true'] header .kf-search-container { width: 100%; }
  .list-in-avatars .kf-avatar img { width: 2rem; min-width: 2rem; height: 2rem; }
  .btn-buy { font-size: 14px; padding: 16px 28px; }
  .list-in-content-r .kf-ttl { font-size: 30px; }
  .table-responsive { margin-bottom: 68px; }
  /* .table-responsive-container .blur-overlay, */
  /* .table-responsive-container .blur-overlay-actions, */
  .kf-tab-content .kf-table { width: 992px; }
  /* .table-responsive .list-in-actions,  */
  .list-in-actions > *, 
  .table-responsive .l-in-opt-btn > a.btn { width: 400px; }
  .auth-content { padding: 40px; }
  .auth-logo img { width: 200px; }
}
@media screen and (max-width: 767.98px) {
  .flex-sm-1 { flex: 1 !important; }
  .cnt-page-form { width: 70%; }
  .kf-owl .owl-nav{ opacity: 1; }
  .kf-filter-btn { padding: 9px 14px; column-gap: 8px; }
  .kf-search .select2-container--bootstrap-5 .select2--large.select2-selection--single { min-height: 36px; padding: 6px 32px 6px 12px; }
  .start-campaign .kf-btn-pro { width: 100%; }
  .search-btn-icon { filter: brightness(0) invert(1); width: 20px; height: 20px; }
  .kf-search .kf-btn-primary { padding: 8px 14px; }
  .kf-list-stats .kf-ttl-style-1 { font-size: 28px; }
  .kf-search-container { width: 100%; }
  .get-started-content .kf-ttl { font-size: 1.5rem;  }
  .kf-hero .kf-ttl { font-size: 2rem;  }
  .kf-footer-content { padding-left: 24px; padding-right: 24px; }
  .kf-filter { flex-wrap: wrap; }
  .kf-tags-list { order: 2; width: 100%; margin-top: 1rem; }
  .kf-trend-label { flex: 1; }
  .kf-hero { padding: 119px 0 3px; }
  .get-started-content { padding: 92px 52px; }
  .view-more-mob { margin-bottom: 56px; }
  .stats-card { display: flex; align-items: center; padding: 20px 24px; }
  .stats-card-icon { margin-bottom: 0; margin-right: 1rem; }
  .stats-card-num { font-size: 24px; font-weight: 600; margin-bottom: 4px; }
  .stats-card-ttl { font-size: 1rem; margin-bottom: 0; }
  .section-header-2 .section-ttl { font-size: 24px; font-weight: 600; }
  .faq-ttl { font-size: 1rem; }
  /* .table-responsive-container .blur-overlay, .table-responsive-container .blur-overlay-actions { height: 196px; } */
  .auth-content { border-radius: 1rem; }
  .modal-fullscreen-md-down .modal-body { max-width: 100%; }
  .kf-range-slider .noUi-target { padding: 0 8px; }
  .inf-lists .section-header-content { width: 100%; }
  .kf-modal .modal-dialog { height: auto; width: 90%; margin: 40px auto; }
}
@media screen and (max-width: 629.98px) {
  .col-sm-6 { width: 100%; }
  body[data-scrolled='true'] .collapse-search { width: 93%; }
  .btn-buy { padding: 16px 26px; }
  .get-started-content { padding: 92px 46px; }
}

@media screen and (max-width: 575.98px) {
  .cnt-page-form { width: 100%; }
  .catg-p-name, .cssProgress > div { width: 100%; }
  .fav-btn-count { min-width: 16px; height: 16px; }
  .list-in-actions, .list-in-actions > *, .l-in-opt-btn > a.btn { width: 100%; }
  .kf-tab-content { padding-bottom: 3rem; }
  .same-lists .view-more-mob { margin-bottom: 0; }
  .filter-sugg .kf-filter-btn { width: calc(50% - .5rem); }
  .filter-sugg .kf-dropdown { order: 2; width: calc(50% - .5rem); }
  .filter-sugg .kf-filtered { order: 3; }
  .filter-sugg .kf-sugg-list { width: 100%; }
  .filter-sugg .kf-filtered .kf-vr { display: none; }
  .filter-sugg .select2-container--bootstrap-5 { width: 100% !important; text-align: center; }
  .filter-sugg .select2-container--bootstrap-5 .sort-by.select2-selection--single { background-position: 3rem center; }
}
@media screen and (max-width: 539.98px) { 
  .auth-logo { width: 100%; } 
  .auth-content { padding: 48px 20px; }
  .auth-form { width: 100%; }
  .kf-modal-body { max-width: 100%; }
  .kf-modal .modal-footer > button { width: 100%; } 
  .no-found-res, .no-fav { width: 100%; }
  .filter-sugg .select2-container--bootstrap-5 .sort-by.select2-selection--single { background-position: 1rem center; }
}
@media screen and (max-width: 419.98px) { 
  .inf-card-photo { width: 173px; min-width: 173px; height: 173px; } 
}
@media screen and (max-width: 410.98px) { 
  .inf-card-photo { width: 151px; min-width: 151px; height: 151px; }
}
@media screen and (max-width: 374.98px) {
  .navbar .rounded-circle { width: 30px; height: 30px; min-width: 30px; }
  .kf-navbar-brand { margin-right: 10px; }
  .navbar .rounded-circle img, .kf-navbar-toggler .navbar-toggler-icon { width: 20px; height: 18px; }
  .offcanvas.show > .row.d-lg-none > div,
  .kf-modal-sty1 .kf-modal-act { width: 100%; }
  .kf-search .kf-btn-primary { padding: 8px 10px; }
  .kf-search .select2-container--bootstrap-5 .select2--large.select2-selection--single { padding: 6px 28px 6px 12px; background-position: right .5rem center; }
  .kf-social a img { width: 20px; height: 20px; }
}