@import url("/assets/v8/fonts-22a9fdb8.css");
@import url("/assets/v8/style-94579fba.css");

abbr {
  font-weight: bold;
  color: red;
}

form#new_quote_request .hidden {
  margin-bottom: 0 !important;
}

.small-profile a.bookmark span.legend {
  display: none;
}

.pagination .page-item {
  margin-left: 5px !important;
}

.location input {
  height: 28px;
}

.location .ts-control {
  height: 40px;
}

#home-search .location input,
#home-search .item {
  padding-left: 30px !important;
}

#home-search .ts-control {
  height: 50px !important;
}

#navbarCollapse #new-qr {
  font-weight: bold !important;
  color: #0cbc87 !important;
  text-decoration: underline !important;
}

.flag {
  margin-bottom: 3px;
}

.flag img {
  width: 20px;
}

#blog-entry {
  font-size: 1.2rem;
}

#blog-entry h2 {
  font-size: 2.5rem;
}

#blog-nav li:last-child:before {
  content: "";
}

.ts-wrapper .option.country-selector img {
  width: 25px;
}

.ts-wrapper .option.country-selector .name {
  margin-left: 5px;
}

.ts-control .item.country-selector img {
  width: 20px;
}

.ts-control .item.country-selector .name {
  margin-left: 5px;
}

.home-country .ts-control {
  position: relative;
  padding-left: 40px;
}

.home-country .ts-control::before {
  content: "\f0ac"; /* Globe */
  font-family: "Font Awesome 6 Free";
  font-display: "swap";
  font-weight: 900;
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #999;
  font-size: 16px;
}

.home-country .ts-control::after {
  /* content: " Choisissez un pays";  */
  position: absolute;
  left: 30px; /* Position text after the icon */
  top: 50%;
  transform: translateY(-50%);
  color: #999;
  font-size: 16px;
  pointer-events: none; /* Prevent interaction */
}

.dropdown-text {
  display: none;
}

.navbar-collapse.show .dropdown-text {
  display: inline;
}

.video-thumbnail {
  position: relative;
  display: inline-block;
  width: 320px; /* Adjust size as needed */
  height: 180px;
  overflow: hidden;
  border-radius: 8px;
  cursor: pointer;
}

.video-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.play-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #452ecf;
  font-size: 60px;
  /* background: rgba(0, 0, 0, 0.5); */
  padding: 20px;
  border-radius: 50%;
  transition: background 0.2s ease;
}

.play-button:hover {
  background: rgba(0, 0, 0, 0.7);
}

.fill-af {
  fill: #4131cf !important;
}

textarea#quote_feedback_details {
  min-height: 150px;
}