/*************************************************************
Main CSS
**************************************************************
Author Name: Nouman Javaid
Author URL: https://noumanjavaid.com/
Legal Rights: Goast Technologies LLC
Developer Rights: Goast Technologies LLC
Project: Project & Tasks Managements System
Published Marketplace: Envato - Codecanyon
Demo URL: https://goastapp.noumanjavaid.com/
Documentation: https://goastapp.noumanjavaid.com/docs
Help & Support: https://tickets.noumanjavaid.com/
**************************************************************/

/* Import Google Font */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');

/*Reset CSS*/
@import url('global/reset.css');

/*Left Side Menu CSS*/
@import url('global/menu.css');

/*Layout CSS*/
@import url('global/layout.css');

/*Typography CSS*/
@import url('global/typography.css');

/*Components CSS*/
@import url('global/components.css');

/*Responsive CSS*/
@import url('responsive/responsive.css');

/*Icon Library CSS*/
@import url('icons/uicons.css');

/*Bootstrap Minified CSS*/
@import url('bootstrap/bootstrap.min.css');

/*Bootstrap CSS*/
@import url('bootstrap/bootstrap.css');

.carousel-control-prev-icon,
.carousel-control-next-icon { 
  background-size: 100% 100%;
  filter: invert(1) grayscale(100); /* White bg par black dikhane ke liye */
}

.carousel-buttons .custom-btn {
  width: 40px;
  height: 40px;
  position: relative;
  border-radius: 50%;
  background: #fff;
  border: 1px solid #ccc;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: 0.3s;
}

.carousel-buttons .custom-btn:hover {
  background: #00b67a; /* green hover like Trustpilot */
  border-color: #00b67a;
}

.carousel-buttons .carousel-control-prev-icon,
.carousel-buttons .carousel-control-next-icon { 
  background-size: 16px 16px; /* smaller icon size */
}
.input-group .form-control:focus {
  box-shadow: none;
}

.card {
  border-radius: 20px;
}
.search-bar {
  display: flex;
  align-items: center;
  gap: 8px;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 999px; /* full pill */
  padding: 10px 16px;
  width: 100%;
  max-width: 600px; /* optional */
}

.search-bar i {
  color: #555;
  font-size: 16px;
}

.search-bar input {
  border: none;
  outline: none;
  flex: 1;
  font-size: 15px;
  color: #333;
  background: transparent;
}

.search-bar input::placeholder {
  color: #888;
}
.scrollist {
  max-height: 400px;
  overflow-y: auto;
  scroll-behavior: smooth;
}

.scrollist::-webkit-scrollbar {
  width: 6px;
}

.scrollist::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
}

.scrollist::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 10px;
}

.scrollist::-webkit-scrollbar-thumb:hover {
  background: #a8a8a8;
}