/* *****************************************************

    ** Custom Stylesheet **

    Any custom styling you want to apply should be
    defined here.

***************************************************** */
/* Bootstrap Icons-based Star Rating Override */
.ticket-reply .rating span.star,
.ticket-reply .rating-done span.star {
    font-family: 'bootstrap-icons' !important;
    font-style: normal;
    font-weight: normal;
    font-size: 1.25rem;
    line-height: 1;
    display: inline-block;
    color: #ccc;
    speak: none;
    vertical-align: middle;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Default (empty star) */
.ticket-reply .rating span.star::before,
.ticket-reply .rating-done span.star::before {
    content: "\f586"; /* Bootstrap bi-star */
}

/* Filled (rated) */
.ticket-reply .rating span.star.active::before,
.ticket-reply .rating-done span.star.active::before {
    content: "\f587"; /* Bootstrap bi-star-fill */
    color: #F2DE88;
}
/*
.logo img {
  width: 25%;
}
*/
:root {
  --font-theme: 'Ubuntu', sans-serif;
  --font-theme-two: 'Manrope', sans-serif;
  --color-one: #007BFF;
  --color-one-dark: #0056CC;
  --color-one-rgb: 0, 123, 255;
  --color-two: #0056CC;
  --color-two-dark: #0f3b2b;
  --color-two-rgb: 0, 86, 204;
  --color-three: #1372de;
  --color-three-dark: #1168cb;
  --color-three-rgb: 19, 114, 222;
  --color-black: #000000;
  --color-black-rgb: 0, 0, 0;
  --color-white: #ffffff;
  --color-white-rgb: 255, 255, 255;
  --font-bootstrap: bootstrap-icons;
  --font-remixicon: remixicon;
  --transition: all 0.3s;
  --color-four: #f0f7fd;
}

.hero-banner.bg1 {
  background-color: transparent;
  background-image: linear-gradient(80deg, #007BFF5E 0%, #F0E28F75 100%);
}

.hero-banner.bg3 {
  background-image: linear-gradient(to right, #007BFF, #f2ce05);
  background-attachment: fixed;
  background-repeat: repeat-y;
}