/*
Theme Name: Your shailstack
Theme URI: https://shailstack.com/
Author: shailstack
Author URI: https://shailstack.com/
Description: A brief description of your theme.
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: your-theme-name
*/
/* Fallback */
@import url('https://fonts.googleapis.com/css2?family=Material+Icons&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap');

:root {
  --primary-color: #6C63FF;
  --secondary-color: #FAF7FC;
  --aliceblue: #F0F8FF;
  --antiquewhite: #FAEBD7;
  --aqua: #00FFFF;
  --aquamarine: #7FFFD4;
  --azure: #F0FFFF;
  --beige: #F5F5DC;
  --bisque: #FFE4C4;
  --black: #000000;
  --blanchedalmond: #FFEBCD;
  --blue: #0000FF;
  --blueviolet: #8A2BE2;
  --brown: #A52A2A;
  --burlywood: #DEB887;
  --cadetblue: #5F9EA0;
  --chartreuse: #7FFF00;
  --chocolate: #D2691E;
  --coral: #FF7F50;
  --cornflowerblue: #6495ED;
  --cornsilk: #FFF8DC;
  --crimson: #DC143C;
  --cyan: #00FFFF;
  --darkblue: #00008B;
  --darkcyan: #008B8B;
  --darkgoldenrod: #B8860B;
  --darkgray: #A9A9A9;
  --darkgrey: #A9A9A9;
  --darkgreen: #006400;
  --darkkhaki: #BDB76B;
  --darkmagenta: #8B008B;
  --darkolivegreen: #556B2F;
  --darkorange: #FF8C00;
  --darkorchid: #9932CC;
  --darkred: #8B0000;
  --darksalmon: #E9967A;
  --darkseagreen: #8FBC8F;
  --darkslateblue: #483D8B;
  --darkslategray: #2F4F4F;
  --darkslategrey: #2F4F4F;
  --darkturquoise: #00CED1;
  --darkviolet: #9400D3;
  --deeppink: #FF1493;
  --deepskyblue: #00BFFF;
  --dimgray: #696969;
  --dimgrey: #696969;
  --dodgerblue: #1E90FF;
  --firebrick: #B22222;
  --floralwhite: #FFFAF0;
  --forestgreen: #228B22;
  --fuchsia: #FF00FF;
  --gainsboro: #DCDCDC;
  --ghostwhite: #F8F8FF;
  --gold: #FFD700;
  --goldenrod: #DAA520;
  --gray: #808080;
  --grey: #808080;
  --green: #008000;
  --greenyellow: #ADFF2F;
  --honeydew: #F0FFF0;
  --hotpink: #FF69B4;
  --indianred: #CD5C5C;
  --indigo: #4B0082;
  --ivory: #FFFFF0;
  --khaki: #F0E68C;
  --lavender: #E6E6FA;
  --lavenderblush: #FFF0F5;
  --lawngreen: #7CFC00;
  --lemonchiffon: #FFFACD;
  --lightblue: #ADD8E6;
  --lightcoral: #F08080;
  --lightcyan: #E0FFFF;
  --lightgoldenrodyellow: #FAFAD2;
  --lightgray: #D3D3D3;
  --lightgrey: #D3D3D3;
  --lightgreen: #90EE90;
  --lightpink: #FFB6C1;
  --lightsalmon: #FFA07A;
  --lightseagreen: #20B2AA;
  --lightskyblue: #87CEFA;
  --lightslategray: #778899;
  --lightslategrey: #778899;
  --lightsteelblue: #B0C4DE;
  --lightyellow: #FFFFE0;
  --lime: #00FF00;
  --limegreen: #32CD32;
  --linen: #FAF0E6;
  --magenta: #FF00FF;
  --maroon: #800000;
  --mediumaquamarine: #66CDAA;
  --mediumblue: #0000CD;
  --mediumorchid: #BA55D3;
  --mediumpurple: #9370DB;
  --mediumseagreen: #3CB371;
  --mediumslateblue: #7B68EE;
  --mediumspringgreen: #00FA9A;
  --mediumturquoise: #48D1CC;
  --mediumvioletred: #C71585;
  --midnightblue: #191970;
  --mintcream: #F5FFFA;
  --mistyrose: #FFE4E1;
  --moccasin: #FFE4B5;
  --navajowhite: #FFDEAD;
  --navy: #000080;
  --oldlace: #FDF5E6;
  --olive: #808000;
  --olivedrab: #6B8E23;
  --orange: #FFA500;
  --orangered: #FF4500;
  --orchid: #DA70D6;
  --palegoldenrod: #EEE8AA;
  --palegreen: #98FB98;
  --paleturquoise: #AFEEEE;
  --palevioletred: #DB7093;
  --papayawhip: #FFEFD5;
  --peachpuff: #FFDAB9;
  --peru: #CD853F;
  --pink: #FFC0CB;
  --plum: #DDA0DD;
  --powderblue: #B0E0E6;
  --purple: #800080;
  --rebeccapurple: #663399;
  --red: #FF0000;
  --rosybrown: #BC8F8F;
  --royalblue: #4169E1;
  --saddlebrown: #8B4513;
  --salmon: #FA8072;
  --sandybrown: #F4A460;
  --seagreen: #2E8B57;
  --seashell: #FFF5EE;
  --sienna: #A0522D;
  --silver: #C0C0C0;
  --skyblue: #87CEEB;
  --slateblue: #6A5ACD;
  --slategray: #708090;
  --slategrey: #708090;
  --snow: #FFFAFA;
  --springgreen: #00FF7F;
  --steelblue: #4682B4;
  --tan: #D2B48C;
  --teal: #008080;
  --thistle: #D8BFD8;
  --tomato: #FF6347;
  --turquoise: #40E0D0;
  --violet: #EE82EE;
  --wheat: #F5DEB3;
  --white: #FFFFFF;
  --whitesmoke: #F5F5F5;
  --yellow: #FFFF00;
  --yellowgreen: #9ACD32;
  --text-color: #292929;
  --border-radius: 8px;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.15);
}

body {
  font-family: 'Roboto', sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: var(--text-color);
  scroll-behavior: smooth;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html {
  scroll-behavior: smooth;
  overflow-y: scroll;
}
a {
    color: #387cb3;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
}
p {
  font-size: 17px;
  line-height: 24px;
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 900;
  margin-top: 0;
  margin-bottom: 0.5em;
  line-height: 1.2;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1 { font-size: 36px; }
h2 { font-size: 30px; }
h3 { font-size: 26px; }
h4 { font-size: 24px; }
h5 { font-size: 20px; }
h6 { font-size: 16px; }

/* Font Sizes */
.fs-10 { font-size: 10px; }
.fs-12 { font-size: 12px; }
.fs-13 { font-size: 13px; }
.fs-14 { font-size: 14px; }
.fs-15 { font-size: 15px; }
.fs-16 { font-size: 16px; }
.fs-18 { font-size: 18px; }
.fs-20 { font-size: 20px; }
.fs-22 { font-size: 22px; }
.fs-24 { font-size: 24px; }
.fs-26 { font-size: 26px; }
.fs-28 { font-size: 28px; }
.fs-30 { font-size: 30px; }
.fs-31 { font-size: 31px; }
.fs-32 { font-size: 32px; }
.fs-35 { font-size: 35px; }
.fs-39 { font-size: 39px;  }
.fs-42 { font-size: 42px;  }
.fs-48 { font-size: 48px; }
.fs-60 { font-size: 60px; }

/* Font Weights */
.fw-100 { font-weight: 100; }
.fw-200 { font-weight: 200; }
.fw-300 { font-weight: 300; }
.fw-400 { font-weight: 400; }
.fw-500 { font-weight: 500; }
.fw-600 { font-weight: 600; }
.fw-700 { font-weight: 700; }
.fw-800 { font-weight: 800; }
.fw-900 { font-weight: 900; }

/* Line Heights */
.lh-20 { line-height: 20px; }
.lh-24 { line-height: 24px; }
.lh-28 { line-height: 28px; }
.lh-32 { line-height: 32px; }
.lh-36 { line-height: 36px; }
.lh-40 { line-height: 40px; }
.lh-45 { line-height: 45px; }
.lh-50 { line-height: 50px; }
.lh-60 { line-height: 60px; }
/* color use */
.color-aliceblue { color: var(--aliceblue); }
.color-antiquewhite { color: var(--antiquewhite); }
.color-aqua { color: var(--aqua); }
.color-aquamarine { color: var(--aquamarine); }
.color-azure { color: var(--azure); }
.color-beige { color: var(--beige); }
.color-bisque { color: var(--bisque); }
/* Float Utilities */
.float-left { float: left; }
.float-right { float: right; }
.float-none { float: none; }
.float-inline-start { float: inline-start; }
.float-inline-end { float: inline-end; }

/* Ordered List Reset */
ol {
  list-style: none;
  padding-left: 0;
}

/* Position Utilities */
.position-static { position: static; }
.position-relative { position: relative; }
.position-absolute { position: absolute; }
.position-fixed { position: fixed; }
.position-sticky { position: sticky; }

/* Position Offsets */
.left-0 { left: 0px; }
.left-5 { left: 5px; }
.left-10 { left: 10px; }
.left-15 { left: 15px; }
.left-20 { left: 20px; }
.left-25 { left: 25px; }
.left-30 { left: 30px; }
.left-50 { left: 50px; }
.left-auto { left: auto; }

.right-0 { right: 0px; }
.right-5 { right: 5px; }
.right-10 { right: 10px; }
.right-15 { right: 15px; }
.right-20 { right: 20px; }
.right-25 { right: 25px; }
.right-30 { right: 30px; }
.right-50 { right: 50px; }
.right-auto { right: auto; }

.top-0 { top: 0px; }
.top-5 { top: 5px; }
.top-10 { top: 10px; }
.top-15 { top: 15px; }
.top-20 { top: 20px; }
.top-25 { top: 25px; }
.top-30 { top: 30px; }
.top-50 { top: 50px; }
.top-auto { top: auto; }

.bottom-0 { bottom: 0px; }
.bottom-5 { bottom: 5px; }
.bottom-10 { bottom: 10px; }
.bottom-15 { bottom: 15px; }
.bottom-20 { bottom: 20px; }
.bottom-25 { bottom: 25px; }
.bottom-30 { bottom: 30px; }
.bottom-50 { bottom: 50px; }
.bottom-auto { bottom: auto; }

/* Z-Index Utilities */
.z-i-1 { z-index: -1; }
.z-i0 { z-index: 0; }
.z-i1 { z-index: 1; }
.z-i2 { z-index: 2; }
.z-i3 { z-index: 3; }
.z-i4 { z-index: 4; }
.z-i5 { z-index: 5; }
.z-i10 { z-index: 10; }
.z-i100 { z-index: 100; }

/* Border Radius */
.br-0 { border-radius: 0; }
.br-2 { border-radius: 2px; }
.br-4 { border-radius: 4px; }
.br-6 { border-radius: 6px; }
.br-8 { border-radius: var(--border-radius); }
.br-10 { border-radius: 10px; }
.br-12 { border-radius: 12px; }
.br-16 { border-radius: 16px; }
.br-20 { border-radius: 20px; }
.br-25 { border-radius: 25px; }
.br-50 { border-radius: 50%; }
.br-full { border-radius: 9999px; }

/* Padding */
/* Padding All */
.p-0   { padding: 0; }
.p-10  { padding: 10px; }
.p-20  { padding: 20px; }
.p-30  { padding: 30px; }
.p-40  { padding: 40px; }
.p-50  { padding: 50px; }
.p-60  { padding: 60px; }
.p-70  { padding: 70px; }
.p-80  { padding: 80px; }
.p-90  { padding: 90px; }
.p-100 { padding: 100px; }
.pd-20 { padding: 20px; }
/* Padding Top */
.pt-0   { padding-top: 0; }
.pt-10  { padding-top: 10px; }
.pt-20  { padding-top: 20px; }
.pt-30  { padding-top: 30px; }
.pt-40  { padding-top: 40px; }
.pt-50  { padding-top: 50px; }
.pt-60  { padding-top: 60px; }
.pt-70  { padding-top: 70px; }
.pt-80  { padding-top: 80px; }
.pt-90  { padding-top: 90px; }
.pt-100 { padding-top: 100px; }

/* Padding Bottom */
.pb-0   { padding-bottom: 0; }
.pb-10  { padding-bottom: 10px; }
.pb-20  { padding-bottom: 20px; }
.pb-30  { padding-bottom: 30px; }
.pb-40  { padding-bottom: 40px; }
.pb-50  { padding-bottom: 50px; }
.pb-60  { padding-bottom: 60px; }
.pb-70  { padding-bottom: 70px; }
.pb-80  { padding-bottom: 80px; }
.pb-90  { padding-bottom: 90px; }
.pb-100 { padding-bottom: 100px; }

/* Padding Left */
.pl-0   { padding-left: 0; }
.pl-10  { padding-left: 10px; }
.pl-20  { padding-left: 20px; }
.pl-30  { padding-left: 30px; }
.pl-40  { padding-left: 40px; }
.pl-50  { padding-left: 50px; }
.pl-60  { padding-left: 60px; }
.pl-70  { padding-left: 70px; }
.pl-80  { padding-left: 80px; }
.pl-90  { padding-left: 90px; }
.pl-100 { padding-left: 100px; }

/* Padding Right */
.pr-0   { padding-right: 0; }
.pr-10  { padding-right: 10px; }
.pr-20  { padding-right: 20px; }
.pr-30  { padding-right: 30px; }
.pr-40  { padding-right: 40px; }
.pr-50  { padding-right: 50px; }
.pr-60  { padding-right: 60px; }
.pr-70  { padding-right: 70px; }
.pr-80  { padding-right: 80px; }
.pr-90  { padding-right: 90px; }
.pr-100 { padding-right: 100px; }

/* Padding Horizontal (Left + Right) */
.px-0   { padding-left: 0; padding-right: 0; }
.px-10  { padding-left: 10px; padding-right: 10px; }
.px-20  { padding-left: 20px; padding-right: 20px; }
.px-30  { padding-left: 30px; padding-right: 30px; }
.px-40  { padding-left: 40px; padding-right: 40px; }
.px-50  { padding-left: 50px; padding-right: 50px; }
.px-60  { padding-left: 60px; padding-right: 60px; }
.px-70  { padding-left: 70px; padding-right: 70px; }
.px-80  { padding-left: 80px; padding-right: 80px; }
.px-90  { padding-left: 90px; padding-right: 90px; }
.px-100 { padding-left: 100px; padding-right: 100px; }

/* Padding Vertical (Top + Bottom) */
.py-0   { padding-top: 0; padding-bottom: 0; }
.py-10  { padding-top: 10px; padding-bottom: 10px; }
.py-20  { padding-top: 20px; padding-bottom: 20px; }
.py-30  { padding-top: 30px; padding-bottom: 30px; }
.py-40  { padding-top: 40px; padding-bottom: 40px; }
.py-50  { padding-top: 50px; padding-bottom: 50px; }
.py-60  { padding-top: 60px; padding-bottom: 60px; }
.py-70  { padding-top: 70px; padding-bottom: 70px; }
.py-80  { padding-top: 80px; padding-bottom: 80px; }
.py-90  { padding-top: 90px; padding-bottom: 90px; }
.py-100 { padding-top: 100px; padding-bottom: 100px; }

/* Margin */
/* Margin All */
.m-0   { margin: 0; }
.m-10  { margin: 10px; }
.m-20  { margin: 20px; }
.m-30  { margin: 30px; }
.m-40  { margin: 40px; }
.m-50  { margin: 50px; }
.m-60  { margin: 60px; }
.m-70  { margin: 70px; }
.m-80  { margin: 80px; }
.m-90  { margin: 90px; }
.m-100 { margin: 100px; }

/* Margin Top */
.mt-0   { margin-top: 0; }
.mt-10  { margin-top: 10px; }
.mt-20  { margin-top: 20px; }
.mt-30  { margin-top: 30px; }
.mt-40  { margin-top: 40px; }
.mt-50  { margin-top: 50px; }
.mt-60  { margin-top: 60px; }
.mt-70  { margin-top: 70px; }
.mt-80  { margin-top: 80px; }
.mt-90  { margin-top: 90px; }
.mt-100 { margin-top: 100px; }

/* Margin Bottom */
.mb-0   { margin-bottom: 0; }
.mb-10  { margin-bottom: 10px; }
.mb-20  { margin-bottom: 20px; }
.mb-30  { margin-bottom: 30px; }
.mb-40  { margin-bottom: 40px; }
.mb-50  { margin-bottom: 50px; }
.mb-60  { margin-bottom: 60px; }
.mb-70  { margin-bottom: 70px; }
.mb-80  { margin-bottom: 80px; }
.mb-90  { margin-bottom: 90px; }
.mb-100 { margin-bottom: 100px; }

/* Margin Left */
.ml-0   { margin-left: 0; }
.ml-10  { margin-left: 10px; }
.ml-20  { margin-left: 20px; }
.ml-30  { margin-left: 30px; }
.ml-40  { margin-left: 40px; }
.ml-50  { margin-left: 50px; }
.ml-60  { margin-left: 60px; }
.ml-70  { margin-left: 70px; }
.ml-80  { margin-left: 80px; }
.ml-90  { margin-left: 90px; }
.ml-100 { margin-left: 100px; }

/* Margin Right */
.mr-0   { margin-right: 0; }
.mr-10  { margin-right: 10px; }
.mr-20  { margin-right: 20px; }
.mr-30  { margin-right: 30px; }
.mr-40  { margin-right: 40px; }
.mr-50  { margin-right: 50px; }
.mr-60  { margin-right: 60px; }
.mr-70  { margin-right: 70px; }
.mr-80  { margin-right: 80px; }
.mr-90  { margin-right: 90px; }
.mr-100 { margin-right: 100px; }

/* Margin Horizontal (Left + Right) */
.mx-0   { margin-left: 0; margin-right: 0; }
.mx-10  { margin-left: 10px; margin-right: 10px; }
.mx-20  { margin-left: 20px; margin-right: 20px; }
.mx-30  { margin-left: 30px; margin-right: 30px; }
.mx-40  { margin-left: 40px; margin-right: 40px; }
.mx-50  { margin-left: 50px; margin-right: 50px; }
.mx-60  { margin-left: 60px; margin-right: 60px; }
.mx-70  { margin-left: 70px; margin-right: 70px; }
.mx-80  { margin-left: 80px; margin-right: 80px; }
.mx-90  { margin-left: 90px; margin-right: 90px; }
.mx-100 { margin-left: 100px; margin-right: 100px; }

/* Margin Vertical (Top + Bottom) */
.my-0   { margin-top: 0; margin-bottom: 0; }
.my-10  { margin-top: 10px; margin-bottom: 10px; }
.my-20  { margin-top: 20px; margin-bottom: 20px; }
.my-30  { margin-top: 30px; margin-bottom: 30px; }
.my-40  { margin-top: 40px; margin-bottom: 40px; }
.my-50  { margin-top: 50px; margin-bottom: 50px; }
.my-60  { margin-top: 60px; margin-bottom: 60px; }
.my-70  { margin-top: 70px; margin-bottom: 70px; }
.my-80  { margin-top: 80px; margin-bottom: 80px; }
.my-90  { margin-top: 90px; margin-bottom: 90px; }
.my-100 { margin-top: 100px; margin-bottom: 100px; }


/* Width */
.width-25 { width: 25%; }
.width-50 { width: 50%; }
.width-75 { width: 75%; }
.width-100 { width: 100%; }
.width-auto { width: auto; }

/* Overflow */
.overflow-hidden { overflow: hidden; }
.overflow-hidden-x { overflow-x: hidden; }
.overflow-hidden-y { overflow-y: hidden; }
.overflow-auto { overflow: auto; }
.overflow-scroll { overflow: scroll; }
.overflow-visible { overflow: visible; }

/* Background */
.gray-bg { background-color: var(--secondary-color); }
.white-bg { background-color: var(--white); }
/* Display */
.d-none { display: none; }
.d-block { display: block; }
.d-inline { display: inline; }
.d-inline-block { display: inline-block; }
.d-flex { display: flex; }
.d-inline-flex { display: inline-flex; }
.d-grid { display: grid; }
.d-inline-grid { display: inline-grid; }

/* Grid */
.grid-container { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); grid-gap: 15px; }
.grid-container-2 { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 20px; }
.grid-container-3 { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 25px; }
.grid-container-4 { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 30px; }
.grid-item { background-color: var(--secondary-color); padding: 15px; border-radius: var(--border-radius); box-shadow: var(--shadow-sm); }
.grid-center { display: grid; place-items: center; }
.grid-align-start { display: grid; justify-items: start; }
.grid-align-end { display: grid; justify-items: end; }
.grid-align-center { display: grid; justify-items: center; }
.grid-align-stretch { display: grid; justify-items: stretch; }
.grid-row-start { grid-row-start: 1; }
.grid-row-end { grid-row-end: 2; }
.grid-col-start { grid-column-start: 1; }
.grid-col-end { grid-column-end: 2; }
.grid-template-rows-2 { grid-template-rows: repeat(2, 1fr); }
.grid-template-rows-3 { grid-template-rows: repeat(3, 1fr); }
.grid-template-columns-2 { grid-template-columns: repeat(2, 1fr); }
.grid-template-columns-3 { grid-template-columns: repeat(3, 1fr); }
.object-fit-contain {
  object-fit: contain;
}

.object-fit-cover {
  object-fit: cover;
}

.object-fit-fill {
  object-fit: fill;
}

.object-fit-none {
  object-fit: none;
}

.object-fit-scale-down {
  object-fit: scale-down;
}

/* Flex */
.flex { display: flex; }
.inline-flex { display: inline-flex; }
.flex-row { flex-direction: row; }
.flex-row-reverse { flex-direction: row-reverse; }
.flex-column { flex-direction: column; }
.flex-column-reverse { flex-direction: column-reverse; }
.flex-wrap { flex-wrap: wrap; }
.flex-nowrap { flex-wrap: nowrap; }
.flex-wrap-reverse { flex-wrap: wrap-reverse; }
.justify-start { justify-content: flex-start; }
.justify-end { justify-content: flex-end; }
.justify-center { justify-content: center; }
.justify-between { justify-content: space-between; }
.justify-around { justify-content: space-around; }
.justify-evenly { justify-content: space-evenly; }
.items-start { align-items: flex-start; }
.items-end { align-items: flex-end; }
.items-center { align-items: center; }
.items-baseline { align-items: baseline; }
.items-stretch { align-items: stretch; }
.content-start { align-content: flex-start; }
.content-end { align-content: flex-end; }
.content-center { align-content: center; }
.content-between { align-content: space-between; }
.content-around { align-content: space-around; }
.content-stretch { align-content: stretch; }
.self-auto { align-self: auto; }
.self-start { align-self: flex-start; }
.self-end { align-self: flex-end; }
.self-center { align-self: center; }
.self-stretch { align-self: stretch; }
.flex-1 { flex: 1 1 0%; }
.flex-auto { flex: 1 1 auto; }
.flex-initial { flex: 0 1 auto; }
.flex-none { flex: none; }
.order-0 { order: 0; }
.order-1 { order: 1; }
.order-2 { order: 2; }
.order-3 { order: 3; }
.order-4 { order: 4; }
.order-5 { order: 5; }
.gap-0 { gap: 0; }
.gap-5 { gap: 5px; }
.gap-10 { gap: 10px; }
.gap-15 { gap: 15px; }
.gap-20 { gap: 20px; }
.gap-30 { gap: 30px; }

/* Cursor Utilities */
.cursor-pointer { cursor: pointer; }
.cursor-default { cursor: default; }

/* Text Alignment */
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }

/* Visibility */
.visible { visibility: visible; }
.invisible { visibility: hidden; }

/* Shadows */
.shadow-sm { box-shadow: var(--shadow-sm); }
.shadow-md { box-shadow: var(--shadow-md); }
.shadow-lg { box-shadow: var(--shadow-lg); }
.shadow-none { box-shadow: none; }
/* PrismLib Grid System */
/* Table Styling */
.table-utility {
  width: 100%;
  border-collapse: collapse;
  margin: 1em 0;
  font-size: 16px;
  background-color: #fff;
}

.table-utility th,
.table-utility td {
  padding: 12px 15px;
  text-align: left;
  border: 1px solid #ddd;
}

.table-utility th {
  background-color: var(--primary-color);
  color: white;
  font-weight: 600;
}

.table-utility tr:nth-child(even) {
  background-color: #f9f9f9;
}

.table-utility tr:hover {
  background-color: #f1f1f1;
}