/*!
Theme Name: Vishwas Thakkar
Theme URI: http://underscores.me/
Author: Deepak Raj giri
Author URI: https://deepakgiri.com.np
Description: Theme for Vishwas Thakkar Personal Website
Version: 2.0.0
/*--------------------------------------------------------------


@tailwind base;

@tailwind components;

@tailwind utilities;

/* home page style */

.shadow-class {
	box-shadow: 0 0 7px 1px #23564a;
  }
  
  .slick-dots li.slick-active button:before {
	color: #4f46e5;
	/* Tailwind Indigo-500 */
  }
  
  /* Custom scrollbar styles */
  
  ::-webkit-scrollbar {
	width: 1px;
	/* Thin scrollbar */
  }
  
  ::-webkit-scrollbar-track {
	background: #f3f4f6;
	/* Light gray background for the scrollbar track */
  }
  
  ::-webkit-scrollbar-thumb {
	/* Green scrollbar thumb */
	border-radius: 10px;
	/* Rounded corners for the scrollbar */
  }
  
  html {
	scrollbar-width: thin;
	/* Makes the scrollbar thin */
	scrollbar-color: white #f3f4f6;
	/* Thumb color and track color */
  }
  
  /* insight detail page  styles starting */
  
  .content > :not([hidden]) ~ :not([hidden]){
	--tw-space-y-reverse: 0;
	margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
	margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
  }
  
  .blog-container > :not([hidden]) ~ :not([hidden]){
	--tw-space-y-reverse: 0;
	margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
	margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
  }
  
  .blog-container{
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	padding-top: 2.5rem;
	padding-bottom: 2.5rem;
	font-family: Poppins, sans-serif;
	font-size: 1.25rem;
	line-height: 1.75rem;
	font-weight: 500;
	line-height: 24px;
	--tw-text-opacity: 1;
	color: rgb(246 245 243 / var(--tw-text-opacity, 1));
  }
  
  @media (min-width: 768px){
	.blog-container{
	  /*padding-left: 4rem;*/
	  /*padding-right: 4rem;*/
	}
  }
  
  @media (min-width: 1024px){
	.blog-container > :not([hidden]) ~ :not([hidden]){
	  --tw-space-y-reverse: 0;
	  margin-top: calc(4rem * calc(1 - var(--tw-space-y-reverse)));
	  margin-bottom: calc(4rem * var(--tw-space-y-reverse));
	}
  }
  
  .blog-container h1{
	margin-bottom: 1rem;
	font-family: Unbounded, sans-serif;
	font-size: 1.875rem;
	line-height: 2.25rem;
	line-height: 1.25;
	--tw-text-opacity: 1;
	color: rgb(246 245 243 / var(--tw-text-opacity, 1));
  }
  
  @media (min-width: 768px){
	.blog-container h1{
	  font-size: 3rem;
	  line-height: 1;
	}
  }
  
  @media (min-width: 1820px){
	.blog-container h1{
	  font-size: 3.75rem;
	  line-height: 1;
	}
  }
  
  .blog-container h2,
  .blog-container h3{
	margin-top: 2rem;
	font-size: 1.875rem;
	line-height: 2.25rem;
	font-weight: 700;
	--tw-text-opacity: 1;
	color: rgb(246 245 243 / var(--tw-text-opacity, 1));
  }
  
  .blog-container p{
	margin-bottom: 1rem;
	font-weight: 500;
	line-height: 24px;
	--tw-text-opacity: 1;
	color: rgb(246 245 243 / var(--tw-text-opacity, 1));
  }
  
  .blog-container ul{
	margin-left: 1.25rem;
	margin-top: 1rem;
	list-style-type: disc;
  }
  
  .blog-container ul > :not([hidden]) ~ :not([hidden]){
	--tw-space-y-reverse: 0;
	margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
	margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
  }
  
  .blog-container ul.list-inside{
	margin-left: 0px;
  }
  
  .breadcrumb{
	margin-bottom: 1rem !important;
	--tw-text-opacity: 1 !important;
	color: rgb(145 148 147 / var(--tw-text-opacity, 1)) !important;
  }
  
  @media (min-width: 1024px){
	.breadcrumb{
	  font-size: 1.5rem !important;
	  line-height: 2rem !important;
	}
  }
  
  .author-info .name{
	margin-bottom: 0.5rem;
	font-size: 1.25rem;
	line-height: 1.75rem;
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
  
  @media (min-width: 1024px){
	.author-info .name{
	  font-size: 1.875rem;
	  line-height: 2.25rem;
	}
  }
  
  .author-info .details{
	padding-top: 1rem;
	--tw-text-opacity: 1;
	color: rgb(76 80 77 / var(--tw-text-opacity, 1));
  }
  
  @media (min-width: 1024px){
	.author-info .details{
	  font-size: 1.25rem;
	  line-height: 1.75rem;
	}
  }
  
  .main-image{
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5rem;
	width: 100%;
	overflow: hidden;
	border-radius: 0.5rem;
  }
  
  @media (min-width: 1024px){
	.main-image{
	  max-height: 60vh;
	}
  }
  
  .secondary-image{
	margin-bottom: 1.5rem;
	display: flex;
	justify-content: center;
	overflow: hidden;
	border-radius: 0.5rem;
  }
  
  @media (min-width: 1024px){
	.secondary-image{
	  max-height: 60vh;
	}
  }
  
  /* insight detail page  styles ending */
  
  /* contact page style starting */
  
  *, ::before, ::after{
	--tw-border-spacing-x: 0;
	--tw-border-spacing-y: 0;
	--tw-translate-x: 0;
	--tw-translate-y: 0;
	--tw-rotate: 0;
	--tw-skew-x: 0;
	--tw-skew-y: 0;
	--tw-scale-x: 1;
	--tw-scale-y: 1;
	--tw-pan-x:  ;
	--tw-pan-y:  ;
	--tw-pinch-zoom:  ;
	--tw-scroll-snap-strictness: proximity;
	--tw-gradient-from-position:  ;
	--tw-gradient-via-position:  ;
	--tw-gradient-to-position:  ;
	--tw-ordinal:  ;
	--tw-slashed-zero:  ;
	--tw-numeric-figure:  ;
	--tw-numeric-spacing:  ;
	--tw-numeric-fraction:  ;
	--tw-ring-inset:  ;
	--tw-ring-offset-width: 0px;
	--tw-ring-offset-color: #fff;
	--tw-ring-color: rgb(59 130 246 / 0.5);
	--tw-ring-offset-shadow: 0 0 #0000;
	--tw-ring-shadow: 0 0 #0000;
	--tw-shadow: 0 0 #0000;
	--tw-shadow-colored: 0 0 #0000;
	--tw-blur:  ;
	--tw-brightness:  ;
	--tw-contrast:  ;
	--tw-grayscale:  ;
	--tw-hue-rotate:  ;
	--tw-invert:  ;
	--tw-saturate:  ;
	--tw-sepia:  ;
	--tw-drop-shadow:  ;
	--tw-backdrop-blur:  ;
	--tw-backdrop-brightness:  ;
	--tw-backdrop-contrast:  ;
	--tw-backdrop-grayscale:  ;
	--tw-backdrop-hue-rotate:  ;
	--tw-backdrop-invert:  ;
	--tw-backdrop-opacity:  ;
	--tw-backdrop-saturate:  ;
	--tw-backdrop-sepia:  ;
	--tw-contain-size:  ;
	--tw-contain-layout:  ;
	--tw-contain-paint:  ;
	--tw-contain-style:  ;
  }
  
  ::backdrop{
	--tw-border-spacing-x: 0;
	--tw-border-spacing-y: 0;
	--tw-translate-x: 0;
	--tw-translate-y: 0;
	--tw-rotate: 0;
	--tw-skew-x: 0;
	--tw-skew-y: 0;
	--tw-scale-x: 1;
	--tw-scale-y: 1;
	--tw-pan-x:  ;
	--tw-pan-y:  ;
	--tw-pinch-zoom:  ;
	--tw-scroll-snap-strictness: proximity;
	--tw-gradient-from-position:  ;
	--tw-gradient-via-position:  ;
	--tw-gradient-to-position:  ;
	--tw-ordinal:  ;
	--tw-slashed-zero:  ;
	--tw-numeric-figure:  ;
	--tw-numeric-spacing:  ;
	--tw-numeric-fraction:  ;
	--tw-ring-inset:  ;
	--tw-ring-offset-width: 0px;
	--tw-ring-offset-color: #fff;
	--tw-ring-color: rgb(59 130 246 / 0.5);
	--tw-ring-offset-shadow: 0 0 #0000;
	--tw-ring-shadow: 0 0 #0000;
	--tw-shadow: 0 0 #0000;
	--tw-shadow-colored: 0 0 #0000;
	--tw-blur:  ;
	--tw-brightness:  ;
	--tw-contrast:  ;
	--tw-grayscale:  ;
	--tw-hue-rotate:  ;
	--tw-invert:  ;
	--tw-saturate:  ;
	--tw-sepia:  ;
	--tw-drop-shadow:  ;
	--tw-backdrop-blur:  ;
	--tw-backdrop-brightness:  ;
	--tw-backdrop-contrast:  ;
	--tw-backdrop-grayscale:  ;
	--tw-backdrop-hue-rotate:  ;
	--tw-backdrop-invert:  ;
	--tw-backdrop-opacity:  ;
	--tw-backdrop-saturate:  ;
	--tw-backdrop-sepia:  ;
	--tw-contain-size:  ;
	--tw-contain-layout:  ;
	--tw-contain-paint:  ;
	--tw-contain-style:  ;
  }
  
  /* ! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com */
  
  /*
  1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
  2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
  */
  
  *,
  ::before,
  ::after {
	box-sizing: border-box;
	/* 1 */
	border-width: 0;
	/* 2 */
	border-style: solid;
	/* 2 */
	border-color: #e5e7eb;
	/* 2 */
  }
  
  ::before,
  ::after {
	--tw-content: '';
  }
  
  /*
  1. Use a consistent sensible line-height in all browsers.
  2. Prevent adjustments of font size after orientation changes in iOS.
  3. Use a more readable tab size.
  4. Use the user's configured `sans` font-family by default.
  5. Use the user's configured `sans` font-feature-settings by default.
  6. Use the user's configured `sans` font-variation-settings by default.
  7. Disable tap highlights on iOS
  */
  
  html,
  :host {
	line-height: 1.5;
	/* 1 */
	-webkit-text-size-adjust: 100%;
	/* 2 */
	-moz-tab-size: 4;
	/* 3 */
	-o-tab-size: 4;
	   tab-size: 4;
	/* 3 */
	font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	/* 4 */
	font-feature-settings: normal;
	/* 5 */
	font-variation-settings: normal;
	/* 6 */
	-webkit-tap-highlight-color: transparent;
	/* 7 */
  }
  
  /*
  1. Remove the margin in all browsers.
  2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
  */
  
  body {
	margin: 0;
	/* 1 */
	line-height: inherit;
	/* 2 */
  }
  
  /*
  1. Add the correct height in Firefox.
  2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
  3. Ensure horizontal rules are visible by default.
  */
  
  hr {
	height: 0;
	/* 1 */
	color: inherit;
	/* 2 */
	border-top-width: 1px;
	/* 3 */
  }
  
  /*
  Add the correct text decoration in Chrome, Edge, and Safari.
  */
  
  abbr:where([title]) {
	-webkit-text-decoration: underline dotted;
			text-decoration: underline dotted;
  }
  
  /*
  Remove the default font size and weight for headings.
  */
  
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
	font-size: inherit;
	font-weight: inherit;
  }
  
  /*
  Reset links to optimize for opt-in styling instead of opt-out.
  */
  
  a {
	color: inherit;
	text-decoration: inherit;
  }
  
  /*
  Add the correct font weight in Edge and Safari.
  */
  
  b,
  strong {
	font-weight: bolder;
  }
  
  /*
  1. Use the user's configured `mono` font-family by default.
  2. Use the user's configured `mono` font-feature-settings by default.
  3. Use the user's configured `mono` font-variation-settings by default.
  4. Correct the odd `em` font sizing in all browsers.
  */
  
  code,
  kbd,
  samp,
  pre {
	font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	/* 1 */
	font-feature-settings: normal;
	/* 2 */
	font-variation-settings: normal;
	/* 3 */
	font-size: 1em;
	/* 4 */
  }
  
  /*
  Add the correct font size in all browsers.
  */
  
  small {
	font-size: 80%;
  }
  
  /*
  Prevent `sub` and `sup` elements from affecting the line height in all browsers.
  */
  
  sub,
  sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
  }
  
  sub {
	bottom: -0.25em;
  }
  
  sup {
	top: -0.5em;
  }
  
  /*
  1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
  2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
  3. Remove gaps between table borders by default.
  */
  
  table {
	text-indent: 0;
	/* 1 */
	border-color: inherit;
	/* 2 */
	border-collapse: collapse;
	/* 3 */
  }
  
  /*
  1. Change the font styles in all browsers.
  2. Remove the margin in Firefox and Safari.
  3. Remove default padding in all browsers.
  */
  
  button,
  input,
  optgroup,
  select,
  textarea {
	font-family: inherit;
	/* 1 */
	font-feature-settings: inherit;
	/* 1 */
	font-variation-settings: inherit;
	/* 1 */
	font-size: 100%;
	/* 1 */
	font-weight: inherit;
	/* 1 */
	line-height: inherit;
	/* 1 */
	letter-spacing: inherit;
	/* 1 */
	color: inherit;
	/* 1 */
	margin: 0;
	/* 2 */
	padding: 0;
	/* 3 */
  }
  
  /*
  Remove the inheritance of text transform in Edge and Firefox.
  */
  
  button,
  select {
	text-transform: none;
  }
  
  /*
  1. Correct the inability to style clickable types in iOS and Safari.
  2. Remove default button styles.
  */
  
  button,
  input:where([type='button']),
  input:where([type='reset']),
  input:where([type='submit']) {
	-webkit-appearance: button;
	/* 1 */
	background-color: transparent;
	/* 2 */
	background-image: none;
	/* 2 */
  }
  
  /*
  Use the modern Firefox focus style for all focusable elements.
  */
  
  :-moz-focusring {
	outline: auto;
  }
  
  /*
  Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
  */
  
  :-moz-ui-invalid {
	box-shadow: none;
  }
  
  /*
  Add the correct vertical alignment in Chrome and Firefox.
  */
  
  progress {
	vertical-align: baseline;
  }
  
  /*
  Correct the cursor style of increment and decrement buttons in Safari.
  */
  
  ::-webkit-inner-spin-button,
  ::-webkit-outer-spin-button {
	height: auto;
  }
  
  /*
  1. Correct the odd appearance in Chrome and Safari.
  2. Correct the outline style in Safari.
  */
  
  [type='search'] {
	-webkit-appearance: textfield;
	/* 1 */
	outline-offset: -2px;
	/* 2 */
  }
  
  /*
  Remove the inner padding in Chrome and Safari on macOS.
  */
  
  ::-webkit-search-decoration {
	-webkit-appearance: none;
  }
  
  /*
  1. Correct the inability to style clickable types in iOS and Safari.
  2. Change font properties to `inherit` in Safari.
  */
  
  ::-webkit-file-upload-button {
	-webkit-appearance: button;
	/* 1 */
	font: inherit;
	/* 2 */
  }
  
  /*
  Add the correct display in Chrome and Safari.
  */
  
  summary {
	display: list-item;
  }
  
  /*
  Removes the default spacing and border for appropriate elements.
  */
  
  blockquote,
  dl,
  dd,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  hr,
  figure,
  p,
  pre {
	margin: 0;
  }
  
  fieldset {
	margin: 0;
	padding: 0;
  }
  
  legend {
	padding: 0;
  }
  
  ol,
  ul,
  menu {
	list-style: none;
	margin: 0;
	padding: 0;
  }
  
  /*
  Reset default styling for dialogs.
  */
  
  dialog {
	padding: 0;
  }
  
  /*
  Prevent resizing textareas horizontally by default.
  */
  
  textarea {
	resize: vertical;
  }
  
  /*
  1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
  2. Set the default placeholder color to the user's configured gray 400 color.
  */
  
  input::-moz-placeholder, textarea::-moz-placeholder {
	opacity: 1;
	/* 1 */
	color: #9ca3af;
	/* 2 */
  }
  
  input::placeholder,
  textarea::placeholder {
	opacity: 1;
	/* 1 */
	color: #9ca3af;
	/* 2 */
  }
  
  /*
  Set the default cursor for buttons.
  */
  
  button,
  [role="button"] {
	cursor: pointer;
  }
  
  /*
  Make sure disabled buttons don't get the pointer cursor.
  */
  
  :disabled {
	cursor: default;
  }
  
  /*
  1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
  2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
	 This can trigger a poorly considered lint error in some tools but is included by design.
  */
  
  img,
  svg,
  video,
  canvas,
  audio,
  iframe,
  embed,
  object {
	display: block;
	/* 1 */
	vertical-align: middle;
	/* 2 */
  }
  
  /*
  Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
  */
  
  img,
  video {
	max-width: 100%;
	height: auto;
  }
  
  /* Make elements with the HTML hidden attribute stay hidden by default */
  
  [hidden]:where(:not([hidden="until-found"])) {
	display: none;
  }
  
  :root,
  [data-theme]{
	background-color: var(--fallback-b1,oklch(var(--b1)/1));
	color: var(--fallback-bc,oklch(var(--bc)/1));
  }
  
  @supports not (color: oklch(0% 0 0)){
	:root{
	  color-scheme: light;
	  --fallback-p: #491eff;
	  --fallback-pc: #d4dbff;
	  --fallback-s: #ff41c7;
	  --fallback-sc: #fff9fc;
	  --fallback-a: #00cfbd;
	  --fallback-ac: #00100d;
	  --fallback-n: #2b3440;
	  --fallback-nc: #d7dde4;
	  --fallback-b1: #ffffff;
	  --fallback-b2: #e5e6e6;
	  --fallback-b3: #e5e6e6;
	  --fallback-bc: #1f2937;
	  --fallback-in: #00b3f0;
	  --fallback-inc: #000000;
	  --fallback-su: #00ca92;
	  --fallback-suc: #000000;
	  --fallback-wa: #ffc22d;
	  --fallback-wac: #000000;
	  --fallback-er: #ff6f70;
	  --fallback-erc: #000000;
	}
  
	@media (prefers-color-scheme: dark){
	  :root{
		color-scheme: dark;
		--fallback-p: #7582ff;
		--fallback-pc: #050617;
		--fallback-s: #ff71cf;
		--fallback-sc: #190211;
		--fallback-a: #00c7b5;
		--fallback-ac: #000e0c;
		--fallback-n: #2a323c;
		--fallback-nc: #a6adbb;
		--fallback-b1: #1d232a;
		--fallback-b2: #191e24;
		--fallback-b3: #15191e;
		--fallback-bc: #a6adbb;
		--fallback-in: #00b3f0;
		--fallback-inc: #000000;
		--fallback-su: #00ca92;
		--fallback-suc: #000000;
		--fallback-wa: #ffc22d;
		--fallback-wac: #000000;
		--fallback-er: #ff6f70;
		--fallback-erc: #000000;
	  }
	}
  }
  
  html{
	-webkit-tap-highlight-color: transparent;
  }
  
  *{
	scrollbar-color: color-mix(in oklch, currentColor 35%, transparent) transparent;
  }
  
  *:hover{
	scrollbar-color: color-mix(in oklch, currentColor 60%, transparent) transparent;
  }
  
  :root{
	color-scheme: light;
	--in: 72.06% 0.191 231.6;
	--su: 64.8% 0.150 160;
	--wa: 84.71% 0.199 83.87;
	--er: 71.76% 0.221 22.18;
	--pc: 89.824% 0.06192 275.75;
	--ac: 15.352% 0.0368 183.61;
	--inc: 0% 0 0;
	--suc: 0% 0 0;
	--wac: 0% 0 0;
	--erc: 0% 0 0;
	--rounded-box: 1rem;
	--rounded-btn: 0.5rem;
	--rounded-badge: 1.9rem;
	--animation-btn: 0.25s;
	--animation-input: .2s;
	--btn-focus-scale: 0.95;
	--border-btn: 1px;
	--tab-border: 1px;
	--tab-radius: 0.5rem;
	--p: 49.12% 0.3096 275.75;
	--s: 69.71% 0.329 342.55;
	--sc: 98.71% 0.0106 342.55;
	--a: 76.76% 0.184 183.61;
	--n: 32.1785% 0.02476 255.701624;
	--nc: 89.4994% 0.011585 252.096176;
	--b1: 100% 0 0;
	--b2: 96.1151% 0 0;
	--b3: 92.4169% 0.00108 197.137559;
	--bc: 27.8078% 0.029596 256.847952;
  }
  
  @media (prefers-color-scheme: dark){
	:root{
	  color-scheme: dark;
	  --in: 72.06% 0.191 231.6;
	  --su: 64.8% 0.150 160;
	  --wa: 84.71% 0.199 83.87;
	  --er: 71.76% 0.221 22.18;
	  --pc: 13.138% 0.0392 275.75;
	  --sc: 14.96% 0.052 342.55;
	  --ac: 14.902% 0.0334 183.61;
	  --inc: 0% 0 0;
	  --suc: 0% 0 0;
	  --wac: 0% 0 0;
	  --erc: 0% 0 0;
	  --rounded-box: 1rem;
	  --rounded-btn: 0.5rem;
	  --rounded-badge: 1.9rem;
	  --animation-btn: 0.25s;
	  --animation-input: .2s;
	  --btn-focus-scale: 0.95;
	  --border-btn: 1px;
	  --tab-border: 1px;
	  --tab-radius: 0.5rem;
	  --p: 65.69% 0.196 275.75;
	  --s: 74.8% 0.26 342.55;
	  --a: 74.51% 0.167 183.61;
	  --n: 31.3815% 0.021108 254.139175;
	  --nc: 74.6477% 0.0216 264.435964;
	  --b1: 25.3267% 0.015896 252.417568;
	  --b2: 23.2607% 0.013807 253.100675;
	  --b3: 21.1484% 0.01165 254.087939;
	  --bc: 74.6477% 0.0216 264.435964;
	}
  }
  
  [data-theme=light]{
	color-scheme: light;
	--in: 72.06% 0.191 231.6;
	--su: 64.8% 0.150 160;
	--wa: 84.71% 0.199 83.87;
	--er: 71.76% 0.221 22.18;
	--pc: 89.824% 0.06192 275.75;
	--ac: 15.352% 0.0368 183.61;
	--inc: 0% 0 0;
	--suc: 0% 0 0;
	--wac: 0% 0 0;
	--erc: 0% 0 0;
	--rounded-box: 1rem;
	--rounded-btn: 0.5rem;
	--rounded-badge: 1.9rem;
	--animation-btn: 0.25s;
	--animation-input: .2s;
	--btn-focus-scale: 0.95;
	--border-btn: 1px;
	--tab-border: 1px;
	--tab-radius: 0.5rem;
	--p: 49.12% 0.3096 275.75;
	--s: 69.71% 0.329 342.55;
	--sc: 98.71% 0.0106 342.55;
	--a: 76.76% 0.184 183.61;
	--n: 32.1785% 0.02476 255.701624;
	--nc: 89.4994% 0.011585 252.096176;
	--b1: 100% 0 0;
	--b2: 96.1151% 0 0;
	--b3: 92.4169% 0.00108 197.137559;
	--bc: 27.8078% 0.029596 256.847952;
  }
  
  [data-theme=dark]{
	color-scheme: dark;
	--in: 72.06% 0.191 231.6;
	--su: 64.8% 0.150 160;
	--wa: 84.71% 0.199 83.87;
	--er: 71.76% 0.221 22.18;
	--pc: 13.138% 0.0392 275.75;
	--sc: 14.96% 0.052 342.55;
	--ac: 14.902% 0.0334 183.61;
	--inc: 0% 0 0;
	--suc: 0% 0 0;
	--wac: 0% 0 0;
	--erc: 0% 0 0;
	--rounded-box: 1rem;
	--rounded-btn: 0.5rem;
	--rounded-badge: 1.9rem;
	--animation-btn: 0.25s;
	--animation-input: .2s;
	--btn-focus-scale: 0.95;
	--border-btn: 1px;
	--tab-border: 1px;
	--tab-radius: 0.5rem;
	--p: 65.69% 0.196 275.75;
	--s: 74.8% 0.26 342.55;
	--a: 74.51% 0.167 183.61;
	--n: 31.3815% 0.021108 254.139175;
	--nc: 74.6477% 0.0216 264.435964;
	--b1: 25.3267% 0.015896 252.417568;
	--b2: 23.2607% 0.013807 253.100675;
	--b3: 21.1484% 0.01165 254.087939;
	--bc: 74.6477% 0.0216 264.435964;
  }
  
  .container{
	width: 100%;
  }
  
  @media (min-width: 425px){
	.container{
	  max-width: 425px;
	}
  }
  
  @media (min-width: 640px){
	.container{
	  max-width: 640px;
	}
  }
  
  @media (min-width: 768px){
	.container{
	  max-width: 768px;
	}
  }
  
  @media (min-width: 1024px){
	.container{
	  max-width: 1024px;
	}
  }
  
  @media (min-width: 1100px){
	.container{
	  max-width: 1100px;
	}
  }
  
  @media (min-width: 1280px){
	.container{
	  max-width: 1280px;
	}
  }
  
  @media (min-width: 1536px){
	.container{
	  max-width: 1536px;
	}
  }
  
  @media (min-width: 1820px){
	.container{
	  max-width: 1820px;
	}
  }
  
  @media (min-width: 2560px){
	.container{
	  max-width: 2560px;
	}
  }
  
  @media (min-width: 3200px){
	.container{
	  max-width: 3200px;
	}
  }
  
  @media (min-width: 3800px){
	.container{
	  max-width: 3800px;
	}
  }
  
  .avatar.placeholder > div{
	display: flex;
	align-items: center;
	justify-content: center;
  }
  
  @media (hover:hover){
	.table tr.hover:hover,
	.table tr.hover:nth-child(even):hover{
	  --tw-bg-opacity: 1;
	  background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));
	}
  
	.table-zebra tr.hover:hover,
	.table-zebra tr.hover:nth-child(even):hover{
	  --tw-bg-opacity: 1;
	  background-color: var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)));
	}
  }
  
  .chat{
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	-moz-column-gap: 0.75rem;
		 column-gap: 0.75rem;
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
  }
  
  .footer{
	display: grid;
	width: 100%;
	grid-auto-flow: row;
	place-items: start;
	-moz-column-gap: 1rem;
		 column-gap: 1rem;
	row-gap: 2.5rem;
	font-size: 0.875rem;
	line-height: 1.25rem;
  }
  
  .footer > *{
	display: grid;
	place-items: start;
	gap: 0.5rem;
  }
  
  @media (min-width: 48rem){
	.footer{
	  grid-auto-flow: column;
	}
  
	.footer-center{
	  grid-auto-flow: row dense;
	}
  }
  
  .input{
	flex-shrink: 1;
	-webkit-appearance: none;
	   -moz-appearance: none;
			appearance: none;
	height: 3rem;
	padding-left: 1rem;
	padding-right: 1rem;
	font-size: 1rem;
	line-height: 2;
	line-height: 1.5rem;
	border-radius: var(--rounded-btn, 0.5rem);
	border-width: 1px;
	border-color: transparent;
	--tw-bg-opacity: 1;
	background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
  }
  
  .input[type="number"]::-webkit-inner-spin-button,
  .input-md[type="number"]::-webkit-inner-spin-button{
	margin-top: -1rem;
	margin-bottom: -1rem;
	margin-inline-end: -1rem;
  }
  
  .link{
	cursor: pointer;
	text-decoration-line: underline;
  }
  
  .swap{
	position: relative;
	display: inline-grid;
	-webkit-user-select: none;
	   -moz-user-select: none;
			user-select: none;
	place-content: center;
	cursor: pointer;
  }
  
  .swap > *{
	grid-column-start: 1;
	grid-row-start: 1;
	transition-duration: 300ms;
	transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
	transition-property: transform, opacity;
  }
  
  .swap input{
	-webkit-appearance: none;
	   -moz-appearance: none;
			appearance: none;
  }
  
  .swap .swap-on,
  .swap .swap-indeterminate,
  .swap input:indeterminate ~ .swap-on{
	opacity: 0;
  }
  
  .swap input:checked ~ .swap-off,
  .swap-active .swap-off,
  .swap input:indeterminate ~ .swap-off{
	opacity: 0;
  }
  
  .swap input:checked ~ .swap-on,
  .swap-active .swap-on,
  .swap input:indeterminate ~ .swap-indeterminate{
	opacity: 1;
  }
  
  .textarea{
	min-height: 3rem;
	flex-shrink: 1;
	padding-left: 1rem;
	padding-right: 1rem;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	font-size: 0.875rem;
	line-height: 1.25rem;
	line-height: 2;
	border-radius: var(--rounded-btn, 0.5rem);
	border-width: 1px;
	border-color: transparent;
	--tw-bg-opacity: 1;
	background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
  }
  
  .toggle{
	flex-shrink: 0;
	--tglbg: var(--fallback-b1,oklch(var(--b1)/1));
	--handleoffset: 1.5rem;
	--handleoffsetcalculator: calc(var(--handleoffset) * -1);
	--togglehandleborder: 0 0;
	height: 1.5rem;
	width: 3rem;
	cursor: pointer;
	-webkit-appearance: none;
	   -moz-appearance: none;
			appearance: none;
	border-radius: var(--rounded-badge, 1.9rem);
	border-width: 1px;
	border-color: currentColor;
	background-color: currentColor;
	color: var(--fallback-bc,oklch(var(--bc)/0.5));
	transition: background,
	  box-shadow var(--animation-input, 0.2s) ease-out;
	box-shadow: var(--handleoffsetcalculator) 0 0 2px var(--tglbg) inset,
	  0 0 0 2px var(--tglbg) inset,
	  var(--togglehandleborder);
  }
  
  @keyframes button-pop{
	0%{
	  transform: scale(var(--btn-focus-scale, 0.98));
	}
  
	40%{
	  transform: scale(1.02);
	}
  
	100%{
	  transform: scale(1);
	}
  }
  
  @keyframes checkmark{
	0%{
	  background-position-y: 5px;
	}
  
	50%{
	  background-position-y: -2px;
	}
  
	100%{
	  background-position-y: 0;
	}
  }
  
  .input input{
	--tw-bg-opacity: 1;
	background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));
	background-color: transparent;
  }
  
  .input input:focus{
	outline: 2px solid transparent;
	outline-offset: 2px;
  }
  
  .input[list]::-webkit-calendar-picker-indicator{
	line-height: 1em;
  }
  
  .input:focus,
	.input:focus-within{
	box-shadow: none;
	border-color: var(--fallback-bc,oklch(var(--bc)/0.2));
	outline-style: solid;
	outline-width: 2px;
	outline-offset: 2px;
	outline-color: var(--fallback-bc,oklch(var(--bc)/0.2));
  }
  
  .input:has(> input[disabled]),
	.input-disabled,
	.input:disabled,
	.input[disabled]{
	cursor: not-allowed;
	--tw-border-opacity: 1;
	border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));
	--tw-bg-opacity: 1;
	background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));
	color: var(--fallback-bc,oklch(var(--bc)/0.4));
  }
  
  .input:has(> input[disabled])::-moz-placeholder, .input-disabled::-moz-placeholder, .input:disabled::-moz-placeholder, .input[disabled]::-moz-placeholder{
	color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));
	--tw-placeholder-opacity: 0.2;
  }
  
  .input:has(> input[disabled])::placeholder,
	.input-disabled::placeholder,
	.input:disabled::placeholder,
	.input[disabled]::placeholder{
	color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));
	--tw-placeholder-opacity: 0.2;
  }
  
  .input:has(> input[disabled]) > input[disabled]{
	cursor: not-allowed;
  }
  
  .input::-webkit-date-and-time-value{
	text-align: inherit;
  }
  
  .link:focus{
	outline: 2px solid transparent;
	outline-offset: 2px;
  }
  
  .link:focus-visible{
	outline: 2px solid currentColor;
	outline-offset: 2px;
  }
  
  .mockup-phone .display{
	overflow: hidden;
	border-radius: 40px;
	margin-top: -25px;
  }
  
  .mockup-browser .mockup-browser-toolbar .input{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	display: block;
	height: 1.75rem;
	width: 24rem;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	--tw-bg-opacity: 1;
	background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));
	padding-left: 2rem;
	direction: ltr;
  }
  
  .mockup-browser .mockup-browser-toolbar .input:before{
	content: "";
	position: absolute;
	left: 0.5rem;
	top: 50%;
	aspect-ratio: 1 / 1;
	height: 0.75rem;
	--tw-translate-y: -50%;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
	border-radius: 9999px;
	border-width: 2px;
	border-color: currentColor;
	opacity: 0.6;
  }
  
  .mockup-browser .mockup-browser-toolbar .input:after{
	content: "";
	position: absolute;
	left: 1.25rem;
	top: 50%;
	height: 0.5rem;
	--tw-translate-y: 25%;
	--tw-rotate: -45deg;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
	border-radius: 9999px;
	border-width: 1px;
	border-color: currentColor;
	opacity: 0.6;
  }
  
  @keyframes modal-pop{
	0%{
	  opacity: 0;
	}
  }
  
  @keyframes progress-loading{
	50%{
	  background-position-x: -115%;
	}
  }
  
  @keyframes radiomark{
	0%{
	  box-shadow: 0 0 0 12px var(--fallback-b1,oklch(var(--b1)/1)) inset,
		0 0 0 12px var(--fallback-b1,oklch(var(--b1)/1)) inset;
	}
  
	50%{
	  box-shadow: 0 0 0 3px var(--fallback-b1,oklch(var(--b1)/1)) inset,
		0 0 0 3px var(--fallback-b1,oklch(var(--b1)/1)) inset;
	}
  
	100%{
	  box-shadow: 0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset,
		0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset;
	}
  }
  
  @keyframes rating-pop{
	0%{
	  transform: translateY(-0.125em);
	}
  
	40%{
	  transform: translateY(-0.125em);
	}
  
	100%{
	  transform: translateY(0);
	}
  }
  
  @keyframes skeleton{
	from{
	  background-position: 150%;
	}
  
	to{
	  background-position: -50%;
	}
  }
  
  .textarea:focus{
	box-shadow: none;
	border-color: var(--fallback-bc,oklch(var(--bc)/0.2));
	outline-style: solid;
	outline-width: 2px;
	outline-offset: 2px;
	outline-color: var(--fallback-bc,oklch(var(--bc)/0.2));
  }
  
  .textarea-disabled,
	.textarea:disabled,
	.textarea[disabled]{
	cursor: not-allowed;
	--tw-border-opacity: 1;
	border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));
	--tw-bg-opacity: 1;
	background-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)));
	color: var(--fallback-bc,oklch(var(--bc)/0.4));
  }
  
  .textarea-disabled::-moz-placeholder, .textarea:disabled::-moz-placeholder, .textarea[disabled]::-moz-placeholder{
	color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));
	--tw-placeholder-opacity: 0.2;
  }
  
  .textarea-disabled::placeholder,
	.textarea:disabled::placeholder,
	.textarea[disabled]::placeholder{
	color: var(--fallback-bc,oklch(var(--bc)/var(--tw-placeholder-opacity)));
	--tw-placeholder-opacity: 0.2;
  }
  
  @keyframes toast-pop{
	0%{
	  transform: scale(0.9);
	  opacity: 0;
	}
  
	100%{
	  transform: scale(1);
	  opacity: 1;
	}
  }
  
  [dir="rtl"] .toggle{
	--handleoffsetcalculator: calc(var(--handleoffset) * 1);
  }
  
  .toggle:focus-visible{
	outline-style: solid;
	outline-width: 2px;
	outline-offset: 2px;
	outline-color: var(--fallback-bc,oklch(var(--bc)/0.2));
  }
  
  .toggle:hover{
	background-color: currentColor;
  }
  
  .toggle:checked,
	.toggle[aria-checked="true"]{
	background-image: none;
	--handleoffsetcalculator: var(--handleoffset);
	--tw-text-opacity: 1;
	color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
  }
  
  [dir="rtl"] .toggle:checked, [dir="rtl"] .toggle[aria-checked="true"]{
	--handleoffsetcalculator: calc(var(--handleoffset) * -1);
  }
  
  .toggle:indeterminate{
	--tw-text-opacity: 1;
	color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
	box-shadow: calc(var(--handleoffset) / 2) 0 0 2px var(--tglbg) inset,
		calc(var(--handleoffset) / -2) 0 0 2px var(--tglbg) inset,
		0 0 0 2px var(--tglbg) inset;
  }
  
  [dir="rtl"] .toggle:indeterminate{
	box-shadow: calc(var(--handleoffset) / 2) 0 0 2px var(--tglbg) inset,
		  calc(var(--handleoffset) / -2) 0 0 2px var(--tglbg) inset,
		  0 0 0 2px var(--tglbg) inset;
  }
  
  .toggle:disabled{
	cursor: not-allowed;
	--tw-border-opacity: 1;
	border-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-border-opacity)));
	background-color: transparent;
	opacity: 0.3;
	--togglehandleborder: 0 0 0 3px var(--fallback-bc,oklch(var(--bc)/1)) inset,
		var(--handleoffsetcalculator) 0 0 3px var(--fallback-bc,oklch(var(--bc)/1)) inset;
  }
  
  .absolute{
	position: absolute;
  }
  
  .relative{
	position: relative;
  }
  
  .-left-\[5\%\]{
	left: -5%;
  }
  
  .-top-\[100px\]{
	top: -100px;
  }
  
  .left-0{
	left: 0px;
  }
  
  .left-\[37\%\]{
	left: 37%;
  }
  
  .left-\[45\%\]{
	left: 45%;
  }
  
  .left-\[50px\]{
	left: 50px;
  }
  
  .left-\[60\%\]{
	left: 60%;
  }
  
  .right-0{
	right: 0px;
  }
  
  .top-0{
	top: 0px;
  }
  
  .top-\[100\%\]{
	top: 100%;
  }
  
  .top-\[50\%\]{
	top: 50%;
  }
  
  .top-\[80px\]{
	top: 80px;
  }
  
  .z-10{
	z-index: 10;
  }
  
  .z-\[10\]{
	z-index: 10;
  }
  
  .z-\[8\]{
	z-index: 8;
  }
  
  .col-span-2{
	grid-column: span 2 / span 2;
  }
  
  .mx-20{
	margin-left: 5rem;
	margin-right: 5rem;
  }
  
  .mx-5{
	margin-left: 1.25rem;
	margin-right: 1.25rem;
  }
  
  .mx-auto{
	margin-left: auto;
	margin-right: auto;
  }
  
  .my-12{
	margin-top: 3rem;
	margin-bottom: 3rem;
  }
  
  .my-2{
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
  }
  
  .my-4{
	margin-top: 1rem;
	margin-bottom: 1rem;
  }
  
  .my-5{
	margin-top: 1.25rem;
	margin-bottom: 1.25rem;
  }
  
  .my-8{
	margin-top: 2rem;
	margin-bottom: 2rem;
  }
  
  .mb-12{
	margin-bottom: 3rem;
  }
  
  .mb-2{
	margin-bottom: 0.5rem;
  }
  
  .mb-4{
	margin-bottom: 1rem;
  }
  
  .mb-6{
	margin-bottom: 1.5rem;
  }
  
  .mb-\[100px\]{
	margin-bottom: 100px;
  }
  
  .me-5{
	margin-inline-end: 1.25rem;
  }
  
  .ml-auto{
	margin-left: auto;
  }
  .ml-5{
	margin-left: 4rem;
  }
  
  .mr-2{
	margin-right: 0.5rem;
  }
  
  .mr-3{
	margin-right: 0.75rem;
  }
  
  .ms-3{
	margin-inline-start: 0.75rem;
  }
  
  .mt-12{
	margin-top: 3rem;
  }
  
  .mt-2{
	margin-top: 0.5rem;
  }
  
  .mt-4{
	margin-top: 1rem;
  }
  
  .mt-5{
	margin-top: 1.25rem;
  }
  
  .mt-8{
	margin-top: 2rem;
  }
  
  .mt-\[50px\]{
	margin-top: 50px;
  }
  
  .mt-auto{
	margin-top: auto;
  }
  
  .block{
	display: block;
  }
  
  .flex{
	display: flex;
  }
  
  .grid{
	display: grid;
  }
  
  .hidden{
	display: none;
  }
  
  .h-10{
	height: 2.5rem;
  }
  
  .h-6{
	height: 1.5rem;
  }
  
  .h-8{
	height: 2rem;
  }
  
  .h-\[200px\]{
	height: 200px;
  }
  
  .h-\[50\%\]{
	height: 50%;
  }
  
  .h-\[50px\]{
	height: 50px;
  }
  
  .h-\[80\%\]{
	height: 80%;
  }
  
  .h-\[auto\]{
	height: auto;
  }
  
  .h-full{
	height: 100%;
  }
  
  .min-h-screen{
	min-height: 100vh;
  }
  
  .w-1\/2{
	width: 50%;
  }
  
  .w-10{
	width: 2.5rem;
  }
  
  .w-6{
	width: 1.5rem;
  }
  
  .w-8{
	width: 2rem;
  }
  
  .w-\[200px\]{
	width: 200px;
  }
  
  .w-\[35\%\]{
	width: 35%;
  }
  
  .w-\[40\%\]{
	width: 40%;
  }
  
  .w-\[45\%\]{
	width: 45%;
  }
  
  .w-\[55\%\]{
	width: 55%;
  }
  
  .w-\[60\%\]{
	width: 60%;
  }
  
  .w-\[60px\]{
	width: 60px;
  }
  
  .w-\[85\%\]{
	width: 85%;
  }
  
  .w-\[90\%\]{
	width: 90%;
  }
  
  .w-full{
	width: 100%;
  }
  
  .max-w-\[1000px\]{
	max-width: 1000px;
  }
  
  .max-w-\[1200px\]{
	max-width: 1200px;
  }
  
  .max-w-\[1400px\]{
	max-width: 1400px;
  }
  
  .max-w-\[1450px\]{
	max-width: 1450px;
  }
  
  .max-w-\[600px\]{
	max-width: 600px;
  }
  
  .shrink-0{
	flex-shrink: 0;
  }
  
  .flex-grow{
	flex-grow: 1;
  }
  
  .scale-100{
	--tw-scale-x: 1;
	--tw-scale-y: 1;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  
  .scale-\[85\%\]{
	--tw-scale-x: 85%;
	--tw-scale-y: 85%;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
  }
  
  .cursor-pointer{
	cursor: pointer;
  }
  
  .list-inside{
	list-style-position: inside;
  }
  
  .grid-cols-1{
	grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  
  .grid-cols-2{
	grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  
  .flex-col{
	flex-direction: column;
  }
  
  .flex-col-reverse{
	flex-direction: column-reverse;
  }
  
  .flex-wrap{
	flex-wrap: wrap;
  }
  
  .items-start{
	align-items: flex-start;
  }
  
  .items-center{
	align-items: center;
  }
  
  .justify-start{
	justify-content: flex-start;
  }
  
  .justify-center{
	justify-content: center;
  }
  
  .justify-between{
	justify-content: space-between;
  }
  
  .gap-4{
	gap: 1rem;
  }
  
  .gap-6{
	gap: 1.5rem;
  }
  
  .gap-8{
	gap: 2rem;
  }
  
  .space-x-1 > :not([hidden]) ~ :not([hidden]){
	--tw-space-x-reverse: 0;
	margin-right: calc(0.25rem * var(--tw-space-x-reverse));
	margin-left: calc(0.25rem * calc(1 - var(--tw-space-x-reverse)));
  }
  
  .space-x-2 > :not([hidden]) ~ :not([hidden]){
	--tw-space-x-reverse: 0;
	margin-right: calc(0.5rem * var(--tw-space-x-reverse));
	margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse)));
  }
  
  .space-x-4 > :not([hidden]) ~ :not([hidden]){
	--tw-space-x-reverse: 0;
	margin-right: calc(1rem * var(--tw-space-x-reverse));
	margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
  }
  
  .space-x-6 > :not([hidden]) ~ :not([hidden]){
	--tw-space-x-reverse: 0;
	margin-right: calc(1.5rem * var(--tw-space-x-reverse));
	margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
  }
  
  .space-y-10 > :not([hidden]) ~ :not([hidden]){
	--tw-space-y-reverse: 0;
	margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
	margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
  }
  
  .space-y-12 > :not([hidden]) ~ :not([hidden]){
	--tw-space-y-reverse: 0;
	margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
	margin-bottom: calc(3rem * var(--tw-space-y-reverse));
  }
  
  .space-y-4 > :not([hidden]) ~ :not([hidden]){
	--tw-space-y-reverse: 0;
	margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
	margin-bottom: calc(1rem * var(--tw-space-y-reverse));
  }
  
  .space-y-5 > :not([hidden]) ~ :not([hidden]){
	--tw-space-y-reverse: 0;
	margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
	margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
  }
  
  .space-y-6 > :not([hidden]) ~ :not([hidden]){
	--tw-space-y-reverse: 0;
	margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
	margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
  }
  
  .space-y-8 > :not([hidden]) ~ :not([hidden]){
	--tw-space-y-reverse: 0;
	margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
	margin-bottom: calc(2rem * var(--tw-space-y-reverse));
  }
  
  .overflow-hidden{
	overflow: hidden;
  }
  
  .rounded{
	border-radius: 0.25rem;
  }
  
  .rounded-\[80px\]{
	border-radius: 80px;
  }
  
  .rounded-full{
	border-radius: 9999px;
  }
  
  .rounded-lg{
	border-radius: 0.5rem;
  }
  
  .rounded-md{
	border-radius: 0.375rem;
  }
  
  .border-\[5px\]{
	border-width: 5px;
  }
  
  .border-b{
	border-bottom-width: 1px;
  }
  
  .border-b-2{
	border-bottom-width: 2px;
  }
  
  .border-b-\[1px\]{
	border-bottom-width: 1px;
  }
  
  .border-b-\[2px\]{
	border-bottom-width: 2px;
  }
  
  .border-t{
	border-top-width: 1px;
  }
  
  .border-\[\#4D4D4D\]{
	--tw-border-opacity: 1;
	border-color: rgb(77 77 77 / var(--tw-border-opacity, 1));
  }
  
  .border-\[\#EAECF0\]{
	--tw-border-opacity: 1;
	border-color: rgb(234 236 240 / var(--tw-border-opacity, 1));
  }
  
  .border-\[\#F6F5F3\]{
	--tw-border-opacity: 1;
	border-color: rgb(246 245 243 / var(--tw-border-opacity, 1));
  }
  
  .border-gray-700{
	--tw-border-opacity: 1;
	border-color: rgb(55 65 81 / var(--tw-border-opacity, 1));
  }
  
  .border-primaryTheme{
	--tw-border-opacity: 1;
	border-color: rgb(160 241 198 / var(--tw-border-opacity, 1));
  }
  
  .border-white{
	--tw-border-opacity: 1;
	border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
  }
  
  .bg-\[\#0D120F\]{
	--tw-bg-opacity: 1;
	background-color: rgb(13 18 15 / var(--tw-bg-opacity, 1));
  }
  
  .bg-\[\#161616\]{
	--tw-bg-opacity: 1;
	background-color: rgb(22 22 22 / var(--tw-bg-opacity, 1));
  }
  
  .bg-\[\#1F2E26\]{
	--tw-bg-opacity: 1;
	background-color: rgb(31 46 38 / var(--tw-bg-opacity, 1));
  }
  
  .bg-\[\#212122\]{
	--tw-bg-opacity: 1;
	background-color: rgb(33 33 34 / var(--tw-bg-opacity, 1));
  }
  
  .bg-\[\#F9F5FF\]{
	--tw-bg-opacity: 1;
	background-color: rgb(249 245 255 / var(--tw-bg-opacity, 1));
  }
  
  .bg-black{
	--tw-bg-opacity: 1;
	background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
  }
  
  .bg-gray-800{
	--tw-bg-opacity: 1;
	background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
  }
  
  .bg-primaryTheme{
	--tw-bg-opacity: 1;
	background-color: rgb(160 241 198 / var(--tw-bg-opacity, 1));
  }
  
  .object-cover{
	-o-object-fit: cover;
	   object-fit: cover;
  }
  
  .p-2{
	padding: 0.5rem;
  }
  
  .p-3{
	padding: 0.75rem;
  }
  
  .p-4{
	padding: 1rem;
  }
  
  .p-5{
	padding: 1.25rem;
  }
  
  .p-6{
	padding: 1.5rem;
  }
  
  .p-8{
	padding: 2rem;
  }
  
  .px-16{
	padding-left: 4rem;
	padding-right: 4rem;
  }
  
  .px-2{
	padding-left: 0.5rem;
	padding-right: 0.5rem;
  }
  
  .px-24{
	padding-left: 6rem;
	padding-right: 6rem;
  }
  
  .px-3{
	padding-left: 0.75rem;
	padding-right: 0.75rem;
  }
  
  .px-4{
	padding-left: 1rem;
	padding-right: 1rem;
  }
  
  .px-5{
	padding-left: 1.25rem;
	padding-right: 1.25rem;
  }
  
  .px-6{
	padding-left: 1.5rem;
	padding-right: 1.5rem;
  }
  
  .px-8{
	padding-left: 2rem;
	padding-right: 2rem;
  }
  
  .py-1{
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
  }
  
  .py-10{
	padding-top: 2.5rem;
	padding-bottom: 2.5rem;
  }
  
  .py-12{
	padding-top: 3rem;
	padding-bottom: 3rem;
  }
  
  .py-16{
	padding-top: 4rem;
	padding-bottom: 4rem;
  }
  
  .py-4{
	padding-top: 1rem;
	padding-bottom: 1rem;
  }
  
  .py-5{
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
  }
  
  .py-6{
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
  }
  
  .py-8{
	padding-top: 2rem;
	padding-bottom: 2rem;
  }
  
  .py-\[50px\]{
	padding-top: 50px;
	padding-bottom: 50px;
  }
  
  .pb-10{
	padding-bottom: 2.5rem;
  }
  
  .pb-4{
	padding-bottom: 1rem;
  }
  
  .pb-5{
	padding-bottom: 1.25rem;
  }
  
  .pe-2{
	padding-inline-end: 0.5rem;
  }
  
  .pl-6{
	padding-left: 1.5rem;
  }
  
  .ps-4{
	padding-inline-start: 1rem;
  }
  
  .ps-5{
	padding-inline-start: 1.25rem;
  }
  
  .pt-1{
	padding-top: 0.25rem;
  }
  
  .pt-12{
	padding-top: 3rem;
  }
  
  .pt-4{
	padding-top: 1rem;
  }
  
  .pt-\[100px\]{
	padding-top: 100px;
  }
  
  .text-left{
	text-align: left;
  }
  
  .text-center{
	text-align: center;
  }
  
  .text-start{
	text-align: start;
  }
  
  .font-poppins{
	font-family: Poppins, sans-serif;
  }
  
  .font-unbounded{
	font-family: Unbounded, sans-serif;
  }
  
  .text-2xl{
	font-size: 1.5rem;
	line-height: 2rem;
  }
  
  .text-3xl{
	font-size: 1.875rem;
	line-height: 2.25rem;
  }
  
  .text-4xl{
	font-size: 2.25rem;
	line-height: 2.5rem;
  }
  
  .text-\[34px\]{
	font-size: 34px;
  }
  
  .text-base{
	font-size: 1rem;
	line-height: 1.5rem;
  }
  
  .text-lg{
	font-size: 1.125rem;
	line-height: 1.75rem;
  }
  
  .text-sm{
	font-size: 0.875rem;
	line-height: 1.25rem;
  }
  
  .text-xl{
	font-size: 1.25rem;
	line-height: 1.75rem;
  }
  
  .font-\[500\]{
	font-weight: 500;
  }
  
  .font-\[700\]{
	font-weight: 700;
  }
  
  .font-bold{
	font-weight: 700;
  }
  
  .font-extralight{
	font-weight: 200;
  }
  
  .font-light{
	font-weight: 300;
  }
  
  .font-medium{
	font-weight: 500;
  }
  
  .leading-\[30px\]{
	line-height: 30px;
  }
  
  .leading-\[32px\]{
	line-height: 32px;
  }
  
  .leading-\[35px\]{
	line-height: 35px;
  }
  
  .leading-relaxed{
	line-height: 1.625;
  }
  
  .leading-tight{
	line-height: 1.25;
  }
  
  .text-\[\#161616\]{
	--tw-text-opacity: 1;
	color: rgb(22 22 22 / var(--tw-text-opacity, 1));
  }
  
  .text-\[\#4C504D\]{
	--tw-text-opacity: 1;
	color: rgb(76 80 77 / var(--tw-text-opacity, 1));
  }
  
  .text-\[\#999B9A\]{
	--tw-text-opacity: 1;
	color: rgb(153 155 154 / var(--tw-text-opacity, 1));
  }
  
  .text-\[\#F6F5F3\]{
	--tw-text-opacity: 1;
	color: rgb(246 245 243 / var(--tw-text-opacity, 1));
  }
  
  .text-black{
	--tw-text-opacity: 1;
	color: rgb(0 0 0 / var(--tw-text-opacity, 1));
  }
  
  .text-gray-500{
	--tw-text-opacity: 1;
	color: rgb(107 114 128 / var(--tw-text-opacity, 1));
  }
  
  .text-gray-600{
	--tw-text-opacity: 1;
	color: rgb(75 85 99 / var(--tw-text-opacity, 1));
  }
  
  .text-gray-800{
	--tw-text-opacity: 1;
	color: rgb(31 41 55 / var(--tw-text-opacity, 1));
  }
  
  .text-gray-900{
	--tw-text-opacity: 1;
	color: rgb(17 24 39 / var(--tw-text-opacity, 1));
  }
  
  .text-primaryTheme{
	--tw-text-opacity: 1;
	color: rgb(160 241 198 / var(--tw-text-opacity, 1));
  }
  
  .text-white{
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
  
  .text-yellow-400{
	--tw-text-opacity: 1;
	color: rgb(250 204 21 / var(--tw-text-opacity, 1));
  }
  
  .underline{
	text-decoration-line: underline;
  }
  
  .opacity-20{
	opacity: 0.2;
  }
  
  .opacity-60{
	opacity: 0.6;
  }
  
  .opacity-\[30\%\]{
	opacity: 30%;
  }
  
  .opacity-\[60\%\]{
	opacity: 60%;
  }
  
  .shadow-lg{
	--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
	--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  
  .shadow-md{
	--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
	--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  
  .grayscale{
	--tw-grayscale: grayscale(100%);
	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  }
  
  .transition{
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
  }
  
  .transition-colors{
	transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
  }
  
  .transition-shadow{
	transition-property: box-shadow;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
  }
  
  .transition-transform{
	transition-property: transform;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 150ms;
  }
  
  .duration-300{
	transition-duration: 300ms;
  }
  
  /* Custom Classes */
  
  /* Section Background */
  
  .contact-section{
	margin-left: auto;
	margin-right: auto;
  }
  
  .contact-section > :not([hidden]) ~ :not([hidden]){
	--tw-space-y-reverse: 0;
	margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
	margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
  }
  
  .contact-section{
	background-color: #0A0D170D;
	padding: 2rem;
	font-family: Poppins, sans-serif;
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
  
  @media (min-width: 1024px){
	.contact-section {
		padding: 100px 0;
		padding-bottom: 100px;
		max-width: 1400px;
	}
  }
  
  /* Heading and Subtitle */
  
  .contact-heading{
	font-size: 1.875rem;
	line-height: 2.25rem;
	font-weight: 700;
  }
  
  @media (min-width: 1024px){
	.contact-heading{
	  font-size: 2.25rem;
	  line-height: 2.5rem;
	}
  }
  
  .contact-subtitle{
	margin-bottom: 1rem;
	font-size: 1.25rem;
	line-height: 1.75rem;
	font-weight: 300;
	opacity: 80%;
  }
  
  /* Form Inputs */
  
  .contact-input{
	border-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
	--tw-border-opacity: 20%;
	--tw-bg-opacity: 1;
	background-color: rgb(23 27 24 / var(--tw-bg-opacity, 1));
	padding: 0.75rem;
	font-size: 0.875rem;
	line-height: 1.25rem;
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
  
  .contact-input::-moz-placeholder{
	--tw-placeholder-opacity: 1;
	color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
	opacity: 0.7;
  }
  
  .contact-input::placeholder{
	--tw-placeholder-opacity: 1;
	color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
	opacity: 0.7;
  }
  
  .contact-input:focus{
	outline: 2px solid transparent;
	outline-offset: 2px;
	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
	--tw-ring-opacity: 1;
	--tw-ring-color: rgb(74 222 128 / var(--tw-ring-opacity, 1));
  }
  
  @media (min-width: 1024px){
	.contact-input{
	  height: 70px;
	}
  }
  
  .contact-textarea{
	resize: none;
	border-width: 1px;
	--tw-border-opacity: 1;
	border-color: rgb(255 255 255 / var(--tw-border-opacity, 1));
	--tw-border-opacity: 20%;
	--tw-bg-opacity: 1;
	background-color: rgb(23 27 24 / var(--tw-bg-opacity, 1));
	padding: 0.75rem;
	font-size: 0.875rem;
	line-height: 1.25rem;
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
  
  .contact-textarea::-moz-placeholder{
	--tw-placeholder-opacity: 1;
	color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
	opacity: 0.7;
  }
  
  .contact-textarea::placeholder{
	--tw-placeholder-opacity: 1;
	color: rgb(156 163 175 / var(--tw-placeholder-opacity, 1));
	opacity: 0.7;
  }
  
  .contact-textarea:focus{
	outline: 2px solid transparent;
	outline-offset: 2px;
	--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
	--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
	box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
	--tw-ring-opacity: 1;
	--tw-ring-color: rgb(74 222 128 / var(--tw-ring-opacity, 1));
  }
  
  @media (min-width: 1024px){
	.contact-textarea{
	  height: 150px;
	}
  }
  
  /* Button */
  
  .contact-button{
	width: 100%;
	--tw-bg-opacity: 1;
	background-color: rgb(160 241 198 / var(--tw-bg-opacity, 1));
	padding-top: 1.25rem;
	padding-bottom: 1.25rem;
	padding-left: 1.5rem;
	padding-right: 1.5rem;
	font-family: Unbounded, sans-serif;
	font-size: 1.25rem;
	line-height: 1.75rem;
	font-weight: 700;
	--tw-text-opacity: 1;
	color: rgb(0 0 0 / var(--tw-text-opacity, 1));
	transition-property: transform;
	transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
	transition-duration: 300ms;
  }
  
  .contact-button:hover{
	--tw-translate-y: -2px;
	transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
	--tw-bg-opacity: 1;
	background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
  }
  
  .contact-main-heading{
	text-align: center;
	font-family: Unbounded, sans-serif;
	font-size: 1.875rem;
	line-height: 2.25rem;
	font-weight: 700;
	--tw-text-opacity: 1;
	color: rgb(160 241 198 / var(--tw-text-opacity, 1));
  }
  
  @media (min-width: 1024px){
	.contact-main-heading{
	  font-size: 3.75rem;
	  line-height: 1;
	}
  }
  
  .contact-subheading{
	text-align: center;
	font-size: 1.5rem;
	line-height: 2rem;
	opacity: 0.7;
  }
  
  /* Quote Card */
  
  .contact-right-container{
	position: relative;
  }
  
  .contact-img-container{
	height: 100%;
	min-height: 70vh;
	width: 100%;
	overflow: hidden;
	border-radius: 0.5rem;
  }
  
  .contact-img{
	height: 100%;
	width: 100%;
	-o-object-fit: cover;
	   object-fit: cover;
  }
  
  .contact-text-container{
	position: absolute;
	inset: 0px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	padding: 1.5rem;
	--tw-text-opacity: 1;
	color: rgb(255 255 255 / var(--tw-text-opacity, 1));
  }
  
  .quote-text{
	font-weight: 300;
	opacity: 0.7;
  }
  
  @media (min-width: 1024px){
	.quote-text{
	  font-size: 1.25rem;
	  line-height: 1.75rem;
	}
  }
  
  .quote-author-text{
	margin-top: 1rem;
	opacity: 0.7;
  }
  
  @media (min-width: 1024px){
	.quote-author-text{
	  font-size: 1.25rem;
	  line-height: 1.75rem;
	}
  }
  
  /* contact page style ending */
  
  .hover\:bg-gray-200:hover{
	--tw-bg-opacity: 1;
	background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
  }
  
  .hover\:bg-green-500:hover{
	--tw-bg-opacity: 1;
	background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
  }
  
  .hover\:text-\[\#b4dfd4\]:hover{
	--tw-text-opacity: 1;
	color: rgb(180 223 212 / var(--tw-text-opacity, 1));
  }
  
  .hover\:text-gray-700:hover{
	--tw-text-opacity: 1;
	color: rgb(55 65 81 / var(--tw-text-opacity, 1));
  }
  
  .hover\:text-green-400:hover{
	--tw-text-opacity: 1;
	color: rgb(74 222 128 / var(--tw-text-opacity, 1));
  }
  
  .hover\:underline:hover{
	text-decoration-line: underline;
  }
  
  .hover\:shadow-lg:hover{
	--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
	--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
	box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  }
  
  .hover\:grayscale-0:hover{
	--tw-grayscale: grayscale(0);
	filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
  }
  
  @media (min-width: 640px){
	.sm\:px-6{
	  padding-left: 1.5rem;
	  padding-right: 1.5rem;
	}
  }
  
  @media (min-width: 768px){
	.md\:mt-0{
	  margin-top: 0px;
	}
  
	.md\:flex{
	  display: flex;
	}
  
	.md\:hidden{
	  display: none;
	}
  
	.md\:w-1\/2{
	  width: 50%;
	}
  
	.md\:w-1\/3{
	  width: 33.333333%;
	}
  
	.md\:w-2\/3{
	  width: 66.666667%;
	}
  
	.md\:w-\[80px\]{
	  width: 80px;
	}
  
	.md\:scale-125{
	  --tw-scale-x: 1.25;
	  --tw-scale-y: 1.25;
	  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
	}
  
	.md\:grid-cols-2{
	  grid-template-columns: repeat(2, minmax(0, 1fr));
	}
  
	.md\:grid-cols-3{
	  grid-template-columns: repeat(3, minmax(0, 1fr));
	}
  
	.md\:flex-row{
	  flex-direction: row;
	}
  
	.md\:space-x-8 > :not([hidden]) ~ :not([hidden]){
	  --tw-space-x-reverse: 0;
	  margin-right: calc(2rem * var(--tw-space-x-reverse));
	  margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
	}
  
	.md\:px-16{
	  padding-left: 4rem;
	  padding-right: 4rem;
	}
  
	.md\:ps-5{
	  padding-inline-start: 1.25rem;
	}
  
	.md\:pt-\[250px\]{
	  padding-top: 250px;
	}
  
	.md\:text-left{
	  text-align: left;
	}
  
	.md\:text-3xl{
	  font-size: 1.875rem;
	  line-height: 2.25rem;
	}
  
	.md\:text-4xl{
	  font-size: 2.25rem;
	  line-height: 2.5rem;
	}
  
	.md\:text-5xl{
	  font-size: 3rem;
	  line-height: 1;
	}
  }
  
  @media (min-width: 1024px){
	.lg\:absolute{
	  position: absolute;
	}
  
	.lg\:-left-\[30px\]{
	  left: -30px;
	}
  
	.lg\:top-0{
	  top: 0px;
	}
  
	.lg\:top-\[200px\]{
	  top: 200px;
	}
  
	.lg\:top-\[80\%\]{
	  top: 80%;
	}
  
	.lg\:top-\[88\%\]{
	  top: 88%;
	}
  
	.lg\:my-12{
	  margin-top: 3rem;
	  margin-bottom: 3rem;
	}
  
	.lg\:my-24{
	  margin-top: 6rem;
	  margin-bottom: 6rem;
	}
  
	.lg\:my-\[100px\]{
	  margin-top: 100px;
	  margin-bottom: 100px;
	}
  
	.lg\:mb-12{
	  margin-bottom: 3rem;
	}
  
	.lg\:mb-16{
	  margin-bottom: 4rem;
	}
  
	.lg\:mb-4{
	  margin-bottom: 1rem;
	}
  
	.lg\:mb-8{
	  margin-bottom: 2rem;
	}
  
	.lg\:mb-\[100px\]{
	  margin-bottom: 100px;
	}
  
	.lg\:mb-\[200px\]{
	  margin-bottom: 200px;
	}
  
	.lg\:mb-\[50px\]{
	  margin-bottom: 50px;
	}
  
	.lg\:mr-6{
	  margin-right: 1.5rem;
	}
  
	.lg\:mt-0{
	  margin-top: 0px;
	}
  
	.lg\:mt-6{
	  margin-top: 1.5rem;
	}
  
	.lg\:mt-\[100px\]{
	  margin-top: 100px;
	}
  
	.lg\:mt-\[130px\]{
	  margin-top: 130px;
	}
  
	.lg\:mt-\[140px\]{
	  margin-top: 140px;
	}
  
	.lg\:mt-\[200px\]{
	  margin-top: 200px;
	}
  
	.lg\:block{
	  display: block;
	}
  
	.lg\:hidden{
	  display: none;
	}
  
	.lg\:h-\[50vh\]{
	  height: 50vh;
	}
  
	.lg\:h-\[60vh\]{
	  height: 60vh;
	}
  
	.lg\:h-\[70px\]{
	  height: 70px;
	}
  
	.lg\:h-\[575px\]{
	  height: 575px;
	}
  
	.lg\:h-\[775px\]{
	  height: 775px;
	}
  
	.lg\:h-\[635px\]{
	  height: 635px;
	}

	.lg\:h-\[690px\]{
	  height: 690px;
	}
  
	.lg\:min-h-\[75vh\]{
	  min-height: 75vh;
	}
  
	.lg\:w-1\/2{
	  width: 50%;
	}
  
	.lg\:w-\[130px\]{
	  width: 130px;
	}
  
	.lg\:w-\[150px\]{
	  width: 150px;
	}
  
	.lg\:w-\[200px\]{
	  width: 200px;
	}
  
	.lg\:w-\[40\%\]{
	  width: 50%;
	}
  
	.lg\:w-\[45\%\]{
	  width: 45%;
	}
  
	.lg\:w-\[50\%\]{
	  width: 50%;
	}
  
	.lg\:w-\[80px\]{
	  width: 80px;
	}
  
	.lg\:w-full{
	  width: 100%;
	}
  
	.lg\:w-\[415px\]{
	  width: 415px;
	}
  
	.lg\:w-\[455px\]{
	  width: 455px;
	}

	.lg\:w-\[555px\]{
	  width: 555px;
	}
  
	.lg\:max-w-\[1000px\]{
	  max-width: 1000px;
	}
  
	.lg\:max-w-\[1300px\]{
	  max-width: 1300px;
	}
  
	.lg\:max-w-\[1400px\]{
	  max-width: 1400px;
	}
  
	.lg\:max-w-\[1500px\]{
	  max-width: 1500px;
	}
  
	.lg\:max-w-\[1600px\]{
	  max-width: 1600px;
	}
  
	.lg\:max-w-\[450px\]{
	  max-width: 450px;
	}
  
	.lg\:max-w-\[600px\]{
	  max-width: 600px;
	}
  
	.lg\:max-w-\[700px\]{
	  max-width: 700px;
	}
  
	.lg\:scale-100{
	  --tw-scale-x: 1;
	  --tw-scale-y: 1;
	  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
	}
  
	.lg\:scale-110{
	  --tw-scale-x: 1.1;
	  --tw-scale-y: 1.1;
	  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
	}
  
	.lg\:scale-75{
	  --tw-scale-x: .75;
	  --tw-scale-y: .75;
	  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
	}
  
	.lg\:scale-90{
	  --tw-scale-x: .9;
	  --tw-scale-y: .9;
	  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
	}
  
	.lg\:scale-y-75{
	  --tw-scale-y: .75;
	  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
	}
  
	.lg\:grid-cols-2{
	  grid-template-columns: repeat(2, minmax(0, 1fr));
	}
  
	.lg\:grid-cols-3{
	  grid-template-columns: repeat(3, minmax(0, 1fr));
	}
  
	.lg\:grid-cols-4{
	  grid-template-columns: repeat(4, minmax(0, 1fr));
	}
  
	.lg\:flex-row{
	  flex-direction: row;
	}
  
	.lg\:items-start{
	  align-items: flex-start;
	}
  
	.lg\:justify-start{
	  justify-content: flex-start;
	}
  
	.lg\:justify-end{
	  justify-content: flex-end;
	}
  
	.lg\:space-x-12 > :not([hidden]) ~ :not([hidden]){
	  --tw-space-x-reverse: 0;
	  margin-right: calc(3rem * var(--tw-space-x-reverse));
	  margin-left: calc(3rem * calc(1 - var(--tw-space-x-reverse)));
	}
  
	.lg\:space-x-6 > :not([hidden]) ~ :not([hidden]){
	  --tw-space-x-reverse: 0;
	  margin-right: calc(1.5rem * var(--tw-space-x-reverse));
	  margin-left: calc(1.5rem * calc(1 - var(--tw-space-x-reverse)));
	}
  
	.lg\:space-y-0 > :not([hidden]) ~ :not([hidden]){
	  --tw-space-y-reverse: 0;
	  margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
	  margin-bottom: calc(0px * var(--tw-space-y-reverse));
	}
  
	.lg\:space-y-12 > :not([hidden]) ~ :not([hidden]){
	  --tw-space-y-reverse: 0;
	  margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
	  margin-bottom: calc(3rem * var(--tw-space-y-reverse));
	}
  
	.lg\:space-y-16 > :not([hidden]) ~ :not([hidden]){
	  --tw-space-y-reverse: 0;
	  margin-top: calc(4rem * calc(1 - var(--tw-space-y-reverse)));
	  margin-bottom: calc(4rem * var(--tw-space-y-reverse));
	}
  
	.lg\:whitespace-nowrap{
	  white-space: nowrap;
	}
  
	.lg\:border-\[15px\]{
	  border-width: 15px;
	}
  
	.lg\:border-b{
	  border-bottom-width: 1px;
	}
  
	.lg\:border-primaryTheme{
	  --tw-border-opacity: 1;
	  border-color: rgb(160 241 198 / var(--tw-border-opacity, 1));
	}
  
	.lg\:bg-transparent{
	  background-color: transparent;
	}
  
	.lg\:px-24{
	  padding-left: 6rem;
	  padding-right: 6rem;
	}
  
	.lg\:px-5{
	  padding-left: 1.25rem;
	  padding-right: 1.25rem;
	}
	.ml-5{
		margin-left: 1rem;
	}
  
	.lg\:px-6{
	  padding-left: 1.5rem;
	  padding-right: 1.5rem;
	}
  
	.lg\:px-8{
	  padding-left: 2rem;
	  padding-right: 2rem;
	}
  
	.lg\:py-\[110px\]{
	  padding-top: 110px;
	  padding-bottom: 110px;
	}
  
	.lg\:pb-10{
	  padding-bottom: 2.5rem;
	}
  
	.lg\:pb-24{
	  padding-bottom: 6rem;
	}
  
	.lg\:pl-\[50px\]{
	  padding-left: 50px;
	}
  
	.lg\:ps-24{
	  padding-inline-start: 6rem;
	}
  
	.lg\:ps-44{
	  padding-inline-start: 11rem;
	}
  
	.lg\:ps-5{
	  padding-inline-start: 1.25rem;
	}
  
	.lg\:ps-\[60px\]{
	  padding-inline-start: 60px;
	}
  
	.lg\:pt-12{
	  padding-top: 3rem;
	}
  
	.lg\:pt-\[100px\]{
	  padding-top: 100px;
	}
  
	.lg\:pt-\[200px\]{
	  padding-top: 200px;
	}
  
	.lg\:text-2xl{
	  font-size: 1.5rem;
	  line-height: 2rem;
	}
  
	.lg\:text-3xl{
	  font-size: 1.875rem;
	  line-height: 2.25rem;
	}
  
	.lg\:text-4xl{
	  font-size: 2.25rem;
	  line-height: 2.5rem;
	}
  
	.lg\:text-5xl{
	  font-size: 2.67rem;
	  line-height: 1;
	}
  
	.lg\:text-6xl{
	  font-size: 2.75rem;
	  line-height: 1;
	}
  
	.lg\:text-\[50px\]{
	  font-size: 50px;
	}
  
	.lg\:text-xl{
	  font-size: 1.25rem;
	  line-height: 1.75rem;
	}
  
	.lg\:leading-\[50px\]{
	  line-height: 50px;
	}
  }
  
  @media (min-width: 1820px){
	.\33xl\:mb-24{
	  margin-bottom: 6rem;
	}
  
	.\33xl\:h-\[60vh\]{
	  height: 60vh;
	}
  
	.\33xl\:h-\[80vh\]{
	  height: 80vh;
	}
  
	.\33xl\:w-\[200px\]{
	  width: 200px;
	}
  
	.\33xl\:w-\[50\%\]{
	  width: 50%;
	}
  
	.\33xl\:max-w-\[1000px\]{
	  max-width: 1000px;
	}
  
	.\33xl\:max-w-\[1400px\]{
	  max-width: 1400px;
	}
  
	.\33xl\:scale-100{
	  --tw-scale-x: 1;
	  --tw-scale-y: 1;
	  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
	}
  
	.\33xl\:scale-\[135\%\]{
	  --tw-scale-x: 135%;
	  --tw-scale-y: 135%;
	  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
	}
  
	.\33xl\:scale-\[140\%\]{
	  --tw-scale-x: 140%;
	  --tw-scale-y: 140%;
	  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
	}
  
	.\33xl\:space-y-8 > :not([hidden]) ~ :not([hidden]){
	  --tw-space-y-reverse: 0;
	  margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
	  margin-bottom: calc(2rem * var(--tw-space-y-reverse));
	}
  
	.\33xl\:pe-\[50px\]{
	  padding-inline-end: 50px;
	}
  
	.\33xl\:ps-\[190px\]{
	  padding-inline-start: 190px;
	}
  
	.\33xl\:ps-\[250px\]{
	  padding-inline-start: 250px;
	}
  
	.\33xl\:text-2xl{
	  font-size: 1.5rem;
	  line-height: 2rem;
	}
  
	.\33xl\:text-3xl{
	  font-size: 1.875rem;
	  line-height: 2.25rem;
	}
  
	.\33xl\:text-5xl{
	  font-size: 3rem;
	  line-height: 1;
	}
  
	.\33xl\:text-6xl{
	  font-size: 3.75rem;
	  line-height: 1;
	}
  
	.\33xl\:text-7xl{
	  font-size: 4.5rem;
	  line-height: 1;
	}
  
	.\33xl\:text-\[85px\]{
	  font-size: 65px;
	}
  
	.\33xl\:leading-\[100px\]{
	  line-height: 100px;
	}
  }
  

/* Alignments
--------------------------------------------- */
.alignleft {

	/*rtl:ignore*/
	float: left;

	/*rtl:ignore*/
	margin-right: 1.5em;
	margin-bottom: 1.5em;
}

.alignright {

	/*rtl:ignore*/
	float: right;

	/*rtl:ignore*/
	margin-left: 1.5em;
	margin-bottom: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1.5em;
}
.vish-head {
	z-index: 5;
}

.profileimg {
    width: 90px;
    height: 90px;
}

.menumain a {
    padding: 0 12px;
    font-size: 18px;
}
.imghover {
    display: none;
    position: absolute;
  }

  .hoverimg:hover .imghover {
    display: inline-block;
  }
.font-com {
    color: #8d9091 !important;
}

.font-com:hover {
    color: #FFF !important;
}

.contact-input {
  @apply border border-gray-300 p-3 rounded w-full;
}
.contact-textarea {
  @apply border border-gray-300 p-3 rounded;
}
.contact-button {
  @apply bg-primaryTheme text-white px-6 py-3 rounded hover:bg-green-600 transition;
}


/* updated home ** */ 
.company_name_title{
    opacity: 60%;
}
.company_name_title:hover{
	opacity: 100%;
}
.title-enterperneurship {
    max-width: 336px;
    margin: 0 auto;
}
.enterpre_wraper{
	border-bottom: 1px solid rgba(238, 238, 238, 0.6);
}
.enterpre_wraper:hover{
	border-bottom: 1px solid rgb(160 241 198);
}


@media (min-width: 1250px) {
    .about-me-desktop-translate {
      transform: translateX(100px);
    }
}


/*Entrepreneurship Section*/

.company-hover-area:hover .company-icon {
    /*color: "#ffffff";*/
    background-color: #10b981; /* green-500 equivalent */
}

.company-icon {
    /*color: "#000000";*/
    transition: background-color 0.3s ease;
}


/* Bruce Lee Section */

.brucelee-section {
  width: 100%;
  min-height: 300px;
  background-image: linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.3),
      rgba(160, 241, 198, 0.9)
    ),
    url("https://stag.deepakgiri.com.np/wp-content/uploads/2025/07/brucelee.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  color: #fff;
}

.brucelee-quote-main-div {
  gap: 40px;
}

.brucelee-quote-english div {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  font-style: italic;
  font-size: 40px;
  line-height: 50px;
  letter-spacing: 0;
}

.brucelee-quote-chinese div {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  /*font-style: italic;*/
  font-size: 70px;
  line-height: 80px;
  letter-spacing: 0;
}


.brucelee-quote-english p{
    padding-top: 20px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    font-size: 40px;
}

.brucelee-quote-chinese p{
    padding-top: 20px;
    font-weight: 600;
    font-family: 'Poppins', sans-serif;
    font-size: 40px;
}

/* Tablet and smaller adjustments */
@media (max-width: 1024px) {
  .brucelee-quote-main-div {
    flex-direction: column;
    gap: 40px;
  }

  .brucelee-quote-english div {
    font-size: 30px;
    line-height: 30px;
    padding-bottom: 20px;
  }

  .brucelee-quote-chinese div {
    font-size: 40px;
    line-height: 45px;
    padding-bottom: 20px;
  }
  
    .brucelee-quote-english p{
        padding-top: 5px;
        font-weight: 600;
        font-family: 'Poppins', sans-serif;
        font-size: 30px;
    }
    
    .brucelee-quote-chinese p{
        padding-top: 5px;
        font-weight: 600;
        font-family: 'Poppins', sans-serif;
        font-size: 30px;
    }
}

@media (max-width: 640px) {
  .brucelee-quote-english div {
    font-size: 25px;
    line-height: 26px;
    padding-bottom: 10px;
  }

  .brucelee-quote-chinese div {
    font-size: 30px;
    line-height: 38px;
    padding-bottom: 10px;
  }
  
  
    .brucelee-quote-english p{
        padding-top: 5px;
        font-weight: 600;
        font-family: 'Poppins', sans-serif;
        font-size: 25px;
    }
    
    .brucelee-quote-chinese p{
        padding-top: 5px;
        font-weight: 600;
        font-family: 'Poppins', sans-serif;
        font-size: 25px;
    }
}




/* ===============================
   Courses Details Section Styles
   =============================== */

/* Hover Effects */
.course-details-hover-area:hover .courses-icon {
  background-color: #A0F1C6;
}

.course-details-hover-area:hover h3,
.course-details-hover-area:hover p {
  color: #ffffff;
  opacity: 1;
}

.course-details-hover-area:hover .venue-text {
  color: #ffffff;
  opacity: 1;
}

/* Transition Effects */
.courses-icon {
  transition: background-color 0.3s ease;
}

.course-details-hover-area h3,
.course-details-hover-area p {
  transition: color 0.3s ease, opacity 0.3s ease;
}


@media (min-width: 1024px) {
    .course-details-description-text{
        width:80%;
    }
}

@media (min-width: 1536px) {
    .course-details-description-text{
        width: 100%;
    }
}

/* ===============================
   Associations Section Styles
   =============================== */
   
   
.associations-container {
  display: flex;
  overflow-x: auto;
  gap: 3rem;
  scroll-snap-type: x mandatory;
  padding-bottom: 0.5rem;
}

.association-item {
  scroll-snap-align: center;
  flex: 0 0 auto;
  width: 300px;
}

@media (min-width: 1024px) {
  .associations-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    overflow-x: unset;
    gap: 1rem;
  }

  .association-item {
      
    width: 100%;
  }
}


/*Courses + Single Courses Page CSS */

.book-spot-section-five-flex{
    gap: 100px
    
}

@media (max-width: 1024px) {
    .book-spot-section-five-flex{
        gap: 50px
    }   
}

@media (max-width: 640px) {
    .book-spot-section-five-flex{
        gap: 20px
    }
}
        

/*Courses + Single Courses Page -> Testimonial CSS */

.multiple-items .slick-track {
  display: flex;
  align-items: stretch;
}

.multiple-items .slick-slide {
  height: auto;
  display: flex;
}

.multiple-items .slick-slide > div {
  height: 100%;
  width: 100%;
}


.testimonial-card {
  min-height: 250px;
}


.slick-dots{
    position: relative; !important
}

/*TPL Insights - Insight Page*/
/*TPL Insights - Insight Page*/
.main-featured-blog-section{
    padding-top: 10rem;
}
@media (min-width: 1024px) {
    .main-featured-blog-section{
        padding-top: 7rem;
    }
}
.insight-page-global-padding {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
@media (min-width: 1200px) {
  .insight-page-global-padding {
    padding-left: 0rem; 
    padding-right: 0rem;
  }
}

/* Equal height blog cards */
.main-featured-blog-section .grid {
  grid-auto-rows: 1fr;
}

.main-featured-blog-section a {
  display: flex;
  height: 100%;
}

.main-featured-blog-section .flex.bg-\[#0D120F\] {
  min-height: 100%;
}

/* Blog card image height */
.blog-card-image {
  height: 250px !important;
}




/* Services Page */

/* Service Hero Section Image */

.service-hero-section-main-text {
  font-size: 34px;
  z-index: 100;
}


@media (min-width: 1024px) {
  .service-hero-section-main-text {
    font-size: 50px;
  }
}


@media (min-width: 1920px) {
  .service-hero-section-main-text {
    font-size: 80px;
  }
}

.service-hero-section-img {
  width: 60%;
  z-index: 0;
}

/* Tablet and below: full width */
@media (max-width: 1024px) {
  .service-hero-section-img {
    width: 100%;
  }
}



/* Recognised Company Logos */

.recognised-company-logo-section {
  background-color: #fff;
  overflow-x: hidden;
}

.recognised-logo-wrapper {
  display: flex;
  flex-direction: row;
  gap: 5rem;
  align-items: center;
  justify-content: center;
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scroll-behavior: smooth;
  padding-inline: 1rem; 
  padding-bottom: 3rem;
}

.recognised-company-logo-img {
  flex-shrink: 0;
  width: 25%;
  height: auto;
  object-fit: contain;
}

/* Tablet */
@media (max-width: 1024px) {
    .recognised-logo-wrapper{
        gap: 3rem;
        justify-content: space-between;
    }
    
  .recognised-company-logo-img {
    width: 40%;
    height: auto;
  }
}

/* Mobile */
@media (max-width: 640px) {
  .recognised-company-logo-img {
    width: 60%;
    height: auto;
  }
}


/*Service Page -  Mint Logo Sections */


/* Section 4 -> Speaking Engagements */

.speaking-segment-container{
    padding: 5rem 0rem;
}


/* Tablet */
@media (max-width: 1024px) {
    .speaking-segment-container{
        padding: 5rem 2rem;
    }
}


@media (max-width: 640px) {

}


.speaking-segment-main{
    padding: 2rem 0rem 4rem 0rem;
}

.speaking-segment{
    gap: 60px
}

.speaking-engagement-section{
    padding: 10rem 0rem 15rem 0rem;
}

.speaking-engagement-main-text {
  color: #ffffff;
  font-weight: 700;
  font-style: normal;
  font-size: 40px;
  line-height: 120%;
  letter-spacing: 1;
}

.speaking-engagement-sub-text {
  font-weight: 500;
  font-size: 20px;
  letter-spacing: 2;
}



/*Section - Why Organizations Trust Me*/

.trust-me-secton-main{
    padding: 2rem 0rem;
    border-bottom: 2px solid #4D4D4D;
}

.trust-me-secton-main p {
  opacity: 0.5;
  transition: opacity 0.3s ease;
}


.trust-me-secton-main:hover p {
  opacity: 1;
}

.trust-me-secton-title {
  font-family: 'Unbounded', sans-serif;
  font-weight: 700;
  font-style: normal;         
  font-size: 30px;
  line-height: 100%;
  letter-spacing: 0;
  padding: 1rem 0rem;
}

.trust-me-secton-desc {
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  line-height: 100%;
  letter-spacing: 0;
  padding: 1rem 0rem;
}



/*Section 7 -> Let’s Collaborate - */


.collaborate-box-one,
.collaborate-box-two {
  background-color: #0d0d0d;
  border: 1px solid #2a2a2a;
  padding: 3rem 2rem;
  border-radius: 0.5rem;
  text-align: center;
  transition: background-color 0.3s ease, box-shadow 0.3s ease;
  width: 100%;
  height: 100%;
}


.collaborate-box-one:hover,
.collaborate-box-two:hover {
  background-color: #12A4561A;
  box-shadow: 0px 15px 25px 0px rgba(18, 164, 86, 0.2);
  -webkit-box-shadow: 0px 15px 25px 0px rgba(18, 164, 86, 0.2);
  -moz-box-shadow: 0px 15px 25px 0px rgba(18, 164, 86, 0.2);
}


.collaborate-icon {
  font-size: 64px;
  color: #80ffcc;
  margin-bottom: 1.5rem;
  display: flex;
  justify-content: center;
}


.collaborate-title {
  font-family: 'Unbounded', sans-serif;
  font-weight: 700; /* Bold */
  font-style: normal;
  font-size: 2.5rem;
  line-height: 100%;
  letter-spacing: 0;
  text-align: center;
  margin: 2rem 0rem;
}


.collaborate-desc {
  font-family: 'Poppins', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 20px;
  line-height: 2rem;
  letter-spacing: 0;
  text-align: center;
  color: #fff;
  margin: 2rem 0rem;
}


.collaborate-btn {
  background-color: #80ffcc;
  color: black;
  padding: 1.5rem 2rem;
  border-radius: 0.25rem;
  font-family: 'Unbounded', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0;
  text-align: center;
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  text-decoration: none;
  transition: background-color 0.3s ease;
}

.collaborate-btn:hover {
  background-color: #66e6b3;
}


.collaborate-boxex-container {
  gap: 50px;
}

.white-blog .entry-title, 
.white-blog .text-\[\#4C504D\],
.white-blog .blog-container p,
.white-blog .text-\[\#F6F5F3\],
.white-blog .text-white,
.white-blog .blog-container h3,
.white-blog .blog-container h2 {
   
    color: #000502;
}
.wp-caption-text {
    color: #868686;
}
.white-blog .blog-container p {
        font-weight: 400;
   }
.white-blog .blog-container h2, .white-blog .blog-container h3 , .white-blog .blog-container h3 strong {
      font-weight: 600;
   
}