/* Custom scrollbar styles styart */
/* For WebKit browsers (Chrome, Safari) */
::-webkit-scrollbar {
    width: 12px; /* Width of the scrollbar */
}

::-webkit-scrollbar-track {
    background: #232323; /* Background of the scrollbar track */
}

::-webkit-scrollbar-thumb {
    background: #1475E6; /* Color of the scrollbar thumb */
    border-radius: 0px; /* Rounded corners for the thumb */
}

::-webkit-scrollbar-thumb:hover {
    background: #1475E6; /* Color of the thumb on hover */
}

/* For Firefox */
scrollbar-width: thin; /* Makes the scrollbar thinner */
scrollbar-color: #1475E6 #232323; /* thumb color and track color */
/* Custom scrollbar styles end */


/* Hide scrollbar start */
/* Hide scrollbar for Chrome, Safari and Opera */
.hide-scrollbar::-webkit-scrollbar {
    display: none;
}


/* Hide scrollbar for IE, Edge and Firefox */
.hide-scrollbar {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;      /* Firefox */
}
/* Hide scrollbar end */




/* Fonts start */

/* Archivo start */

@font-face {
    font-family: 'Archivo';
    font-weight: 400; /* Regular */
    font-style: normal;
    src: url('./assets/fonts/Archivo/woff2/Archivo-Regular.woff2') format('woff2'),
         url('./assets/fonts/Archivo/woff/Archivo-Regular.woff') format('woff');
}

@font-face {
    font-family: 'Archivo';
    font-weight: 700; /* Bold */
    font-style: normal;
    src: url('./assets/fonts/Archivo/woff2/Archivo-Bold.woff2') format('woff2'),
         url('./assets/fonts/Archivo/woff/Archivo-Bold.woff') format('woff');
}

@font-face {
    font-family: 'Archivo';
    font-weight: 400; /* Italic */
    font-style: italic;
    src: url('./assets/fonts/Archivo/woff2/Archivo-Italic.woff2') format('woff2'),
         url('./assets/fonts/Archivo/woff/Archivo-Italic.woff') format('woff');
}

@font-face {
    font-family: 'Archivo';
    font-weight: 500; /* Medium */
    font-style: normal;
    src: url('./assets/fonts/Archivo/woff2/Archivo-Medium.woff2') format('woff2'),
         url('./assets/fonts/Archivo/woff/Archivo-Medium.woff') format('woff');
}

@font-face {
    font-family: 'Archivo';
    font-weight: 500; /* Medium Italic */
    font-style: italic;
    src: url('./assets/fonts/Archivo/woff2/Archivo-MediumItalic.woff2') format('woff2'),
         url('./assets/fonts/Archivo/woff/Archivo-MediumItalic.woff') format('woff');
}

@font-face {
    font-family: 'Archivo';
    font-weight: 600; /* SemiBold */
    font-style: normal;
    src: url('./assets/fonts/Archivo/woff2/Archivo-SemiBold.woff2') format('woff2'),
         url('./assets/fonts/Archivo/woff/Archivo-SemiBold.woff') format('woff');
}

@font-face {
    font-family: 'Archivo';
    font-weight: 600; /* SemiBold Italic */
    font-style: italic;
    src: url('./assets/fonts/Archivo/woff2/Archivo-SemiBoldItalic.woff2') format('woff2'),
         url('./assets/fonts/Archivo/woff/Archivo-SemiBoldItalic.woff') format('woff');
}

@font-face {
    font-family: 'Archivo';
    font-weight: 400; /* Regular Italic */
    font-style: italic;
    src: url('./assets/fonts/Archivo/woff2/Archivo-Regular.woff2') format('woff2'),
         url('./assets/fonts/Archivo/woff/Archivo-Regular.woff') format('woff');
}

/* Archivo end */

/* Fonts end */


/* line-clamps start */
.line-clamp-1 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}

.line-clamp-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

.line-clamp-3 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
}

.line-clamp-4 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
  text-overflow: ellipsis;
}

.line-clamp-5 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  overflow: hidden;
  text-overflow: ellipsis;
}

.line-clamp-6 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  overflow: hidden;
  text-overflow: ellipsis;
}
/* line-clamps end */