<br />
<b>Warning</b>:  session_start(): Session cannot be started after headers have already been sent in <b>/home/tvrreohg/public_html/manga.php</b> on line <b>13</b><br />
﻿@charset "UTF-8";
/*------------------------------------------------------------------
[Main Stylesheet]

Project:        Eronix
Version:        1.1
Last change:    15 jan 2026
Primary use:    Multipurpose 

[Table of contents]

1. Variables and Colors
2. Global Styles
3. Utility Classes
4. Components
5. Layout
    01. Preloader
    02. Hero Section
    03. Footer Section
    04. Breadcrumb Section
    05. Counter Card
    06. Tap To Top
    07. Sidebar Menu
    08. Header
    09. Section Content
    10. How It Works
    11. Portfolio Details
    12. Testimonial
    13. Why Choose Us
    14. Marqee Section
    15. About Section
    16. Newsletter Section
6. Pages
    02. About Page
    03. Service Page
    04. Service Details Page
    05. Portfolio Page
    06. Portfolio Details Page
    07. Faq Page
    08. Pricing Page
    09. Team Details  
    10. Contact Page      
    11. Blog Page
    12. Blog Details Page
    13. Error 404 Page
    14. Home 1        
    15. Home 2        
    16. Home 3        
    17. Home 4
    18. Home 5        

-------------------------------------------------------------------*/


// google font
@import url('https://fonts.googleapis.com/css2?family=Funnel+Display:wght@300..800&family=Phudu:wght@300..900&display=swap');

@font-face {
  font-family: "T1 Korium";
  font-style: normal;
  font-weight: 400;
  src: url("../../assets/fonts/t1-korium/T1Korium.woff2") format("woff2"),
    url("../../assets/fonts/t1-korium/T1Korium.woff") format("woff"),
    url("../../assets/fonts/t1-korium/T1Korium.otf") format("opentype"),
    url("../../assets/fonts/t1-korium/T1Korium.ttf") format("truetype");
}

@font-face {
  font-family: 'Clash Display';
  font-style: normal;
  font-weight: 400;
  src: url("../../assets/fonts/ClashDisplay/ClashDisplay.ttf") format('truetype');
}

@font-face {
  font-family: 'Clash Display';
  src: url('../../assets/fonts/ClashDisplay/ClashDisplay-Variable.woff2') format('woff2'),
    url('../../assets/fonts/ClashDisplay/ClashDisplay-Variable.woff') format('woff'),
    url('../../assets/fonts/ClashDisplay/ClashDisplay-Variable.ttf') format('truetype');
  font-weight: 200 700;
  font-display: swap;
  font-style: normal;
}


:root,
[data-theme="light"] {
  --heading-font: "T1 Korium";
  --heading-font-two: "Phudu", sans-serif;
  --body-font: "Funnel Display", sans-serif;
  --body-font-two: "Clash Display", sans-serif;


  --heading-one: clamp(1.5rem, 2.8vw + 1rem, 3.75rem);
  --heading-two: clamp(1.375rem, 1.7vw + 1rem, 2.5rem);
  --heading-three: clamp(1.25rem, .8vw + 1rem, 1.875rem);
  --heading-four: clamp(1.125rem, .5vw + 1rem, 1.5rem);
  --heading-five: clamp(1.0625rem, .3vw + 1rem, 1.25rem);
  --heading-six: 1.2rem;

  --body-bg-one: #E6E3FF;
  --body-bg-two: #F8F7F3;
  --body-bg-three: #F5F5F5;
  --body-bg-four: #D1CCFF;

  --body-color: #000000;
  --card-bg: #2B3035;
  --card-bg-two: #F2F0E8;
  --card-bg-three: #0D0D0D;
  --card-bg-four: #F9F8F6;
  --hero-bg: #FAF7EF;


  --border-color: #3B4046;
  --button-bg: #3B4046;
  --blackish-color-rgb: 0, 0, 1;

  --primary: #FF582F;
  --secondary: #C4F112;
  --tertiary: #460AF5;


  --white: #FFF;
  --white-l-100: rgba(255, 255, 255, 0.1);
  --white-l-200: rgba(255, 255, 255, 0.2);
  --white-l-300: rgba(255, 255, 255, 0.3);
  --white-l-400: rgba(255, 255, 255, 0.4);
  --white-l-500: rgba(255, 255, 255, 0.5);
  --white-l-600: rgba(255, 255, 255, 0.6);
  --white-l-700: rgba(255, 255, 255, 0.7);
  --white-l-800: rgba(255, 255, 255, 0.8);
  --white-l-900: rgba(255, 255, 255, 0.9);


  --black: #000;
  --black-l-100: rgba(0, 0, 0, 0.1);
  --black-l-200: rgba(0, 0, 0, 0.2);
  --black-l-300: rgba(0, 0, 0, 0.3);
  --black-l-400: rgba(0, 0, 0, 0.4);
  --black-l-500: rgba(0, 0, 0, 0.5);
  --black-l-600: rgba(0, 0, 0, 0.6);
  --black-l-700: rgba(0, 0, 0, 0.7);
  --black-l-800: rgba(0, 0, 0, 0.8);
  --black-l-900: rgba(0, 0, 0, 0.9);

  --dark: #212529;
  --dark-d-100: #1e2125;
  --dark-d-200: #1a1e21;
  --dark-d-300: #171a1d;
  --dark-d-400: #141619;
  --dark-d-500: #111315;

  --dark-l-100: #373b3e;
  --dark-l-200: #4d5154;
  --dark-l-300: #646669;
  --dark-l-400: #7a7c7f;
  --dark-l-500: #909294;
  --dark-l-600: #a6a8a9;
  --dark-l-700: #bcbebf;
  --dark-l-800: #d3d3d4;
  --dark-l-900: #e9e9ea;


  --success: #0ED016;
  --success-d-100: #0dbb14;
  --success-d-200: #0ba612;
  --success-d-300: #0a920f;
  --success-d-400: #087d0d;
  --success-d-500: #07680b;

  --success-l-100: #26d52d;
  --success-l-200: #3ed945;
  --success-l-300: #56de5c;
  --success-l-400: #6ee373;
  --success-l-500: #87e88b;
  --success-l-600: #9feca2;
  --success-l-700: #b7f1b9;
  --success-l-800: #cff6d0;
  --success-l-900: #e7fae8;


  --danger: #f25640;
  --danger-d-100: #da4d3a;
  --danger-d-200: #c24533;
  --danger-d-300: #a93c2d;
  --danger-d-400: #913426;
  --danger-d-500: #792b20;

  --danger-l-100: #f36753;
  --danger-l-200: #f57866;
  --danger-l-300: #f68979;
  --danger-l-400: #f79a8c;
  --danger-l-500: #f9aba0;
  --danger-l-600: #fabbb3;
  --danger-l-700: #fbccc6;
  --danger-l-800: #fcddd9;
  --danger-l-900: #feeeec;


  --warning: #dfa000;
  --warning-d-100: #c99000;
  --warning-d-200: #b28000;
  --warning-d-300: #9c7000;
  --warning-d-400: #866000;
  --warning-d-500: #705000;

  --warning-l-100: #e2aa1a;
  --warning-l-200: #e5b333;
  --warning-l-300: #e9bd4d;
  --warning-l-400: #ecc666;
  --warning-l-500: #efd080;
  --warning-l-600: #f2d999;
  --warning-l-700: #f5e3b3;
  --warning-l-800: #f9eccc;
  --warning-l-900: #fcf6e6;


  --info: #0dcaf0;
  --info-d-100: #0cb6d8;
  --info-d-200: #0aa2c0;
  --info-d-300: #098da8;
  --info-d-400: #087990;
  --info-d-500: #076578;

  --info-l-100: #0dcaf0;
  --info-l-200: #25cff2;
  --info-l-300: #3dd5f3;
  --info-l-400: #56daf5;
  --info-l-500: #6edff6;
}


[data-theme="dark"] {
  --body-bg-one: #101010;
  --body-bg-two: #101010;
  --body-bg-three: #030303;
  --body-bg-four: #0f0f0f;
  --body-color: #ffffff;
  --card-bg: #FFFFFF;
  --card-bg-two: #1F1E1A;
  --card-bg-three: #F2F2F2;
  --card-bg-four: #1B1A18;
  --white: #000;
  --black: #ffffff;
  --hero-bg: #141414;

  --black-l-100: rgba(255, 255, 255, 0.1);
  --black-l-200: rgba(255, 255, 255, 0.2);
  --black-l-300: rgba(255, 255, 255, 0.3);
  --black-l-400: rgba(255, 255, 255, 0.4);
  --black-l-500: rgba(255, 255, 255, 0.5);
  --black-l-600: rgba(255, 255, 255, 0.6);
  --black-l-700: rgba(255, 255, 255, 0.7);
  --black-l-800: rgba(255, 255, 255, 0.8);
  --black-l-900: rgba(255, 255, 255, 0.9);

  --white-l-100: rgba(0, 0, 0, 0.1);
  --white-l-200: rgba(0, 0, 0, 0.2);
  --white-l-300: rgba(0, 0, 0, 0.3);
  --white-l-400: rgba(0, 0, 0, 0.4);
  --white-l-500: rgba(0, 0, 0, 0.5);
  --white-l-600: rgba(0, 0, 0, 0.6);
  --white-l-700: rgba(0, 0, 0, 0.7);
  --white-l-800: rgba(0, 0, 0, 0.8);
  --white-l-900: rgba(0, 0, 0, 0.9);
}


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

::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px var(--primary);
}

::-webkit-scrollbar-thumb {
  background: var(--primary);
}

::-webkit-scrollbar-thumb:hover {
  background: var(--primary);
}