@charset "UTF-8";@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');@import url("https://fonts.googleapis.com/css2?family=Teko:wght@300..700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Teko:wght@300..700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Teko:wght@300..700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Teko:wght@300..700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Teko:wght@300..700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Macondo&display=swap");@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400..700;1,400..700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Trade+Winds&display=swap");@import url("https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Teko:wght@300..700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Teko:wght@300..700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Teko:wght@300..700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Teko:wght@300..700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Teko:wght@300..700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Teko:wght@300..700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Teko:wght@300..700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400..900&display=swap");*, ::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;
}
.container {
  width: 100%;
}
@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: 1280px) {

  .container {
    max-width: 1280px;
  }
}
@media (min-width: 1536px) {

  .container {
    max-width: 1536px;
  }
}
.visible {
  visibility: visible;
}
.static {
  position: static;
}
.fixed {
  position: fixed;
}
.absolute {
  position: absolute;
}
.relative {
  position: relative;
}
.sticky {
  position: sticky;
}
.inset-0 {
  inset: 0px;
}
.z-50 {
  z-index: 50;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.mb-4 {
  margin-bottom: 1rem;
}
.mr-2 {
  margin-right: 0.5rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mt-4 {
  margin-top: 1rem;
}
.mt-6 {
  margin-top: 1.5rem;
}
.block {
  display: block;
}
.inline-block {
  display: inline-block;
}
.inline {
  display: inline;
}
.flex {
  display: flex;
}
.table {
  display: table;
}
.grid {
  display: grid;
}
.hidden {
  display: none;
}
.h-14 {
  height: 3.5rem;
}
.h-4 {
  height: 1rem;
}
.h-5 {
  height: 1.25rem;
}
.w-14 {
  width: 3.5rem;
}
.w-4 {
  width: 1rem;
}
.w-5 {
  width: 1.25rem;
}
.w-\[90\%\] {
  width: 90%;
}
.w-full {
  width: 100%;
}
.min-w-\[80px\] {
  min-width: 80px;
}
.min-w-full {
  min-width: 100%;
}
.max-w-3xl {
  max-width: 48rem;
}
.max-w-md {
  max-width: 28rem;
}
.max-w-screen-xl {
  max-width: 1280px;
}
.transform {
  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;
}
.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.flex-col {
  flex-direction: column;
}
.flex-wrap {
  flex-wrap: wrap;
}
.items-start {
  align-items: flex-start;
}
.items-center {
  align-items: center;
}
.justify-start {
  justify-content: flex-start;
}
.justify-end {
  justify-content: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-between {
  justify-content: space-between;
}
.gap-1 {
  gap: 0.25rem;
}
.gap-2 {
  gap: 0.5rem;
}
.gap-3 {
  gap: 0.75rem;
}
.gap-5 {
  gap: 1.25rem;
}
.space-x-3 > :not([hidden]) ~ :not([hidden]) {
  --tw-space-x-reverse: 0;
  margin-right: calc(0.75rem * var(--tw-space-x-reverse));
  margin-left: calc(0.75rem * calc(1 - var(--tw-space-x-reverse)));
}
.space-y-2 > :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));
}
.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));
}
.divide-y > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-y-reverse: 0;
  border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
  border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
}
.divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
  --tw-divide-opacity: 1;
  border-color: rgb(229 231 235 / var(--tw-divide-opacity, 1));
}
.overflow-hidden {
  overflow: hidden;
}
.overflow-x-auto {
  overflow-x: auto;
}
.whitespace-normal {
  white-space: normal;
}
.break-words {
  overflow-wrap: break-word;
}
.break-all {
  word-break: break-all;
}
.rounded {
  border-radius: 0.25rem;
}
.rounded-full {
  border-radius: 9999px;
}
.rounded-lg {
  border-radius: 0.5rem;
}
.rounded-xl {
  border-radius: 0.75rem;
}
.border {
  border-width: 1px;
}
.border-gray-300 {
  --tw-border-opacity: 1;
  border-color: rgb(209 213 219 / var(--tw-border-opacity, 1));
}
.bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1));
}
.bg-blue-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(219 234 254 / var(--tw-bg-opacity, 1));
}
.bg-blue-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(59 130 246 / var(--tw-bg-opacity, 1));
}
.bg-blue-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
}
.bg-gray-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(229 231 235 / var(--tw-bg-opacity, 1));
}
.bg-gray-300 {
  --tw-bg-opacity: 1;
  background-color: rgb(209 213 219 / var(--tw-bg-opacity, 1));
}
.bg-gray-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(107 114 128 / var(--tw-bg-opacity, 1));
}
.bg-gray-800 {
  --tw-bg-opacity: 1;
  background-color: rgb(31 41 55 / var(--tw-bg-opacity, 1));
}
.bg-green-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 252 231 / var(--tw-bg-opacity, 1));
}
.bg-green-500 {
  --tw-bg-opacity: 1;
  background-color: rgb(34 197 94 / var(--tw-bg-opacity, 1));
}
.bg-purple-200 {
  --tw-bg-opacity: 1;
  background-color: rgb(233 213 255 / var(--tw-bg-opacity, 1));
}
.bg-red-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(254 226 226 / var(--tw-bg-opacity, 1));
}
.bg-red-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(248 113 113 / var(--tw-bg-opacity, 1));
}
.bg-red-600 {
  --tw-bg-opacity: 1;
  background-color: rgb(220 38 38 / var(--tw-bg-opacity, 1));
}
.bg-teal-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(204 251 241 / var(--tw-bg-opacity, 1));
}
.bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}
.bg-opacity-30 {
  --tw-bg-opacity: 0.3;
}
.bg-opacity-40 {
  --tw-bg-opacity: 0.4;
}
.object-cover {
  -o-object-fit: cover;
     object-fit: cover;
}
.p-4 {
  padding: 1rem;
}
.p-6 {
  padding: 1.5rem;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.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;
}
.text-left {
  text-align: left;
}
.text-center {
  text-align: center;
}
.align-middle {
  vertical-align: middle;
}
.text-4xl {
  font-size: 2.25rem;
  line-height: 2.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-bold {
  font-weight: 700;
}
.font-medium {
  font-weight: 500;
}
.font-semibold {
  font-weight: 600;
}
.uppercase {
  text-transform: uppercase;
}
.lowercase {
  text-transform: lowercase;
}
.italic {
  font-style: italic;
}
.text-blue-600 {
  --tw-text-opacity: 1;
  color: rgb(37 99 235 / 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-700 {
  --tw-text-opacity: 1;
  color: rgb(55 65 81 / var(--tw-text-opacity, 1));
}
.text-gray-800 {
  --tw-text-opacity: 1;
  color: rgb(31 41 55 / var(--tw-text-opacity, 1));
}
.text-green-500 {
  --tw-text-opacity: 1;
  color: rgb(34 197 94 / var(--tw-text-opacity, 1));
}
.text-green-700 {
  --tw-text-opacity: 1;
  color: rgb(21 128 61 / var(--tw-text-opacity, 1));
}
.text-indigo-600 {
  --tw-text-opacity: 1;
  color: rgb(79 70 229 / var(--tw-text-opacity, 1));
}
.text-red-400 {
  --tw-text-opacity: 1;
  color: rgb(248 113 113 / var(--tw-text-opacity, 1));
}
.text-red-500 {
  --tw-text-opacity: 1;
  color: rgb(239 68 68 / var(--tw-text-opacity, 1));
}
.text-red-600 {
  --tw-text-opacity: 1;
  color: rgb(220 38 38 / var(--tw-text-opacity, 1));
}
.text-red-700 {
  --tw-text-opacity: 1;
  color: rgb(185 28 28 / var(--tw-text-opacity, 1));
}
.text-sky-500 {
  --tw-text-opacity: 1;
  color: rgb(14 165 233 / var(--tw-text-opacity, 1));
}
.text-sky-600 {
  --tw-text-opacity: 1;
  color: rgb(2 132 199 / var(--tw-text-opacity, 1));
}
.text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity, 1));
}
.underline {
  text-decoration-line: underline;
}
.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);
}
.shadow-sm {
  --tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline {
  outline-style: solid;
}
.blur {
  --tw-blur: blur(8px);
  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);
}
.drop-shadow {
  --tw-drop-shadow: drop-shadow(0 1px 2px rgb(0 0 0 / 0.1)) drop-shadow(0 1px 1px rgb(0 0 0 / 0.06));
  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);
}
.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);
}
.filter {
  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;
}
.ease-in-out {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.hover\:bg-blue-600:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(37 99 235 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-400:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity, 1));
}
.hover\:bg-gray-50:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(249 250 251 / var(--tw-bg-opacity, 1));
}
.hover\:bg-red-700:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(185 28 28 / var(--tw-bg-opacity, 1));
}
.hover\:text-green-900:hover {
  --tw-text-opacity: 1;
  color: rgb(20 83 45 / var(--tw-text-opacity, 1));
}
.hover\:text-indigo-900:hover {
  --tw-text-opacity: 1;
  color: rgb(49 46 129 / var(--tw-text-opacity, 1));
}
.hover\:text-red-900:hover {
  --tw-text-opacity: 1;
  color: rgb(127 29 29 / var(--tw-text-opacity, 1));
}
.hover\:text-sky-900:hover {
  --tw-text-opacity: 1;
  color: rgb(12 74 110 / var(--tw-text-opacity, 1));
}
/* Smooth scroll behavior */
html {
height: 100%;
  overflow-x: hidden;
  overscroll-behavior: contain;
}
* {
  margin: 0%;
  padding: 0%;
  box-sizing: border-box;
}
body {
  font-family: "Nunito", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  width: 100vw;
  height: 100vh;
  margin: auto;

  &::-webkit-scrollbar{
    display: none;
  }
}
a {
  text-decoration: none;
  color: #333;
}
i {
  cursor: pointer;
  font-size: 1.2rem;
}
:root {
  --toastify-color-light: #fff;
  --toastify-color-dark: #121212;
  --toastify-color-info: #3498db;
  --toastify-color-success: #07bc0c;
  --toastify-color-warning: #f1c40f;
  --toastify-color-error: hsl(6, 78%, 57%);
  --toastify-color-transparent: rgba(255, 255, 255, 0.7);

  --toastify-icon-color-info: var(--toastify-color-info);
  --toastify-icon-color-success: var(--toastify-color-success);
  --toastify-icon-color-warning: var(--toastify-color-warning);
  --toastify-icon-color-error: var(--toastify-color-error);

  --toastify-container-width: fit-content;
  --toastify-toast-width: 320px;
  --toastify-toast-offset: 16px;
  --toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));
  --toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));
  --toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));
  --toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));
  --toastify-toast-background: #fff;
  --toastify-toast-padding: 14px;
  --toastify-toast-min-height: 64px;
  --toastify-toast-max-height: 800px;
  --toastify-toast-bd-radius: 6px;
  --toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
  --toastify-font-family: sans-serif;
  --toastify-z-index: 9999;
  --toastify-text-color-light: #757575;
  --toastify-text-color-dark: #fff;

  /* Used only for colored theme */
  --toastify-text-color-info: #fff;
  --toastify-text-color-success: #fff;
  --toastify-text-color-warning: #fff;
  --toastify-text-color-error: #fff;

  --toastify-spinner-color: #616161;
  --toastify-spinner-color-empty-area: #e0e0e0;
  --toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);
  --toastify-color-progress-dark: #bb86fc;
  --toastify-color-progress-info: var(--toastify-color-info);
  --toastify-color-progress-success: var(--toastify-color-success);
  --toastify-color-progress-warning: var(--toastify-color-warning);
  --toastify-color-progress-error: var(--toastify-color-error);
  /* used to control the opacity of the progress trail */
  --toastify-color-progress-bgo: 0.2;
}

.Toastify__toast-container {
  z-index: var(--toastify-z-index);
  -webkit-transform: translate3d(0, 0, var(--toastify-z-index));
  position: fixed;
  width: var(--toastify-container-width);
  box-sizing: border-box;
  color: #fff;
  display: flex;
  flex-direction: column;
}

.Toastify__toast-container--top-left {
  top: var(--toastify-toast-top);
  left: var(--toastify-toast-left);
}
.Toastify__toast-container--top-center {
  top: var(--toastify-toast-top);
  left: 50%;
  transform: translateX(-50%);
  align-items: center;
}
.Toastify__toast-container--top-right {
  top: var(--toastify-toast-top);
  right: var(--toastify-toast-right);
  align-items: end;
}
.Toastify__toast-container--bottom-left {
  bottom: var(--toastify-toast-bottom);
  left: var(--toastify-toast-left);
}
.Toastify__toast-container--bottom-center {
  bottom: var(--toastify-toast-bottom);
  left: 50%;
  transform: translateX(-50%);
  align-items: center;
}
.Toastify__toast-container--bottom-right {
  bottom: var(--toastify-toast-bottom);
  right: var(--toastify-toast-right);
  align-items: end;
}

.Toastify__toast {
  --y: 0;
  position: relative;
  touch-action: none;
  width: var(--toastify-toast-width);
  min-height: var(--toastify-toast-min-height);
  box-sizing: border-box;
  margin-bottom: 1rem;
  padding: var(--toastify-toast-padding);
  border-radius: var(--toastify-toast-bd-radius);
  box-shadow: var(--toastify-toast-shadow);
  max-height: var(--toastify-toast-max-height);
  font-family: var(--toastify-font-family);
  /* webkit only issue #791 */
  z-index: 0;
  /* inner swag */
  display: flex;
  flex: 1 auto;
  align-items: center;
  word-break: break-word;
}

@media only screen and (max-width: 480px) {
  .Toastify__toast-container {
    width: 100vw;
    left: env(safe-area-inset-left);
    margin: 0;
  }
  .Toastify__toast-container--top-left,
  .Toastify__toast-container--top-center,
  .Toastify__toast-container--top-right {
    top: env(safe-area-inset-top);
    transform: translateX(0);
  }
  .Toastify__toast-container--bottom-left,
  .Toastify__toast-container--bottom-center,
  .Toastify__toast-container--bottom-right {
    bottom: env(safe-area-inset-bottom);
    transform: translateX(0);
  }
  .Toastify__toast-container--rtl {
    right: env(safe-area-inset-right);
    left: initial;
  }
  .Toastify__toast {
    --toastify-toast-width: 100%;
    margin-bottom: 0;
    border-radius: 0;
  }
}

.Toastify__toast-container[data-stacked='true'] {
  width: var(--toastify-toast-width);
}

.Toastify__toast--stacked {
  position: absolute;
  width: 100%;
  transform: translate3d(0, var(--y), 0) scale(var(--s));
  transition: transform 0.3s;
}

.Toastify__toast--stacked[data-collapsed] .Toastify__toast-body,
.Toastify__toast--stacked[data-collapsed] .Toastify__close-button {
  transition: opacity 0.1s;
}

.Toastify__toast--stacked[data-collapsed='false'] {
  overflow: visible;
}

.Toastify__toast--stacked[data-collapsed='true']:not(:last-child) > * {
  opacity: 0;
}

.Toastify__toast--stacked:after {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  height: calc(var(--g) * 1px);
  bottom: 100%;
}

.Toastify__toast--stacked[data-pos='top'] {
  top: 0;
}

.Toastify__toast--stacked[data-pos='bot'] {
  bottom: 0;
}

.Toastify__toast--stacked[data-pos='bot'].Toastify__toast--stacked:before {
  transform-origin: top;
}

.Toastify__toast--stacked[data-pos='top'].Toastify__toast--stacked:before {
  transform-origin: bottom;
}

.Toastify__toast--stacked:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  transform: scaleY(3);
  z-index: -1;
}

.Toastify__toast--rtl {
  direction: rtl;
}

.Toastify__toast--close-on-click {
  cursor: pointer;
}

.Toastify__toast-icon {
  margin-inline-end: 10px;
  width: 22px;
  flex-shrink: 0;
  display: flex;
}

.Toastify--animate {
  animation-fill-mode: both;
  animation-duration: 0.5s;
}

.Toastify--animate-icon {
  animation-fill-mode: both;
  animation-duration: 0.3s;
}

.Toastify__toast-theme--dark {
  background: var(--toastify-color-dark);
  color: var(--toastify-text-color-dark);
}

.Toastify__toast-theme--light {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}

.Toastify__toast-theme--colored.Toastify__toast--default {
  background: var(--toastify-color-light);
  color: var(--toastify-text-color-light);
}

.Toastify__toast-theme--colored.Toastify__toast--info {
  color: var(--toastify-text-color-info);
  background: var(--toastify-color-info);
}

.Toastify__toast-theme--colored.Toastify__toast--success {
  color: var(--toastify-text-color-success);
  background: var(--toastify-color-success);
}

.Toastify__toast-theme--colored.Toastify__toast--warning {
  color: var(--toastify-text-color-warning);
  background: var(--toastify-color-warning);
}

.Toastify__toast-theme--colored.Toastify__toast--error {
  color: var(--toastify-text-color-error);
  background: var(--toastify-color-error);
}

.Toastify__progress-bar-theme--light {
  background: var(--toastify-color-progress-light);
}

.Toastify__progress-bar-theme--dark {
  background: var(--toastify-color-progress-dark);
}

.Toastify__progress-bar--info {
  background: var(--toastify-color-progress-info);
}

.Toastify__progress-bar--success {
  background: var(--toastify-color-progress-success);
}

.Toastify__progress-bar--warning {
  background: var(--toastify-color-progress-warning);
}

.Toastify__progress-bar--error {
  background: var(--toastify-color-progress-error);
}

.Toastify__progress-bar-theme--colored.Toastify__progress-bar--info,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--success,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--warning,
.Toastify__progress-bar-theme--colored.Toastify__progress-bar--error {
  background: var(--toastify-color-transparent);
}

.Toastify__close-button {
  color: #fff;
  position: absolute;
  top: 6px;
  right: 6px;
  background: transparent;
  outline: none;
  border: none;
  padding: 0;
  cursor: pointer;
  opacity: 0.7;
  transition: 0.3s ease;
  z-index: 1;
}

.Toastify__toast--rtl .Toastify__close-button {
  left: 6px;
  right: unset;
}

.Toastify__close-button--light {
  color: #000;
  opacity: 0.3;
}

.Toastify__close-button > svg {
  fill: currentColor;
  height: 16px;
  width: 14px;
}

.Toastify__close-button:hover,
.Toastify__close-button:focus {
  opacity: 1;
}

@keyframes Toastify__trackProgress {
  0% {
    transform: scaleX(1);
  }
  100% {
    transform: scaleX(0);
  }
}

.Toastify__progress-bar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  opacity: 0.7;
  transform-origin: left;
}

.Toastify__progress-bar--animated {
  animation: Toastify__trackProgress linear 1 forwards;
}

.Toastify__progress-bar--controlled {
  transition: transform 0.2s;
}

.Toastify__progress-bar--rtl {
  right: 0;
  left: initial;
  transform-origin: right;
  border-bottom-left-radius: initial;
}

.Toastify__progress-bar--wrp {
  position: absolute;
  overflow: hidden;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 5px;
  border-bottom-left-radius: var(--toastify-toast-bd-radius);
  border-bottom-right-radius: var(--toastify-toast-bd-radius);
}

.Toastify__progress-bar--wrp[data-hidden='true'] {
  opacity: 0;
}

.Toastify__progress-bar--bg {
  opacity: var(--toastify-color-progress-bgo);
  width: 100%;
  height: 100%;
}

.Toastify__spinner {
  width: 20px;
  height: 20px;
  box-sizing: border-box;
  border: 2px solid;
  border-radius: 100%;
  border-color: var(--toastify-spinner-color-empty-area);
  border-right-color: var(--toastify-spinner-color);
  animation: Toastify__spin 0.65s linear infinite;
}

@keyframes Toastify__bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}

@keyframes Toastify__bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, var(--y), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, var(--y), 0);
  }
}

@keyframes Toastify__bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}

@keyframes Toastify__bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, var(--y), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, var(--y), 0);
  }
}

@keyframes Toastify__bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}

@keyframes Toastify__bounceOutUp {
  20% {
    transform: translate3d(0, calc(var(--y) - 10px), 0);
  }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, calc(var(--y) + 20px), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes Toastify__bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}

@keyframes Toastify__bounceOutDown {
  20% {
    transform: translate3d(0, calc(var(--y) - 10px), 0);
  }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, calc(var(--y) + 20px), 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}

.Toastify__bounce-enter--top-left,
.Toastify__bounce-enter--bottom-left {
  animation-name: Toastify__bounceInLeft;
}

.Toastify__bounce-enter--top-right,
.Toastify__bounce-enter--bottom-right {
  animation-name: Toastify__bounceInRight;
}

.Toastify__bounce-enter--top-center {
  animation-name: Toastify__bounceInDown;
}

.Toastify__bounce-enter--bottom-center {
  animation-name: Toastify__bounceInUp;
}

.Toastify__bounce-exit--top-left,
.Toastify__bounce-exit--bottom-left {
  animation-name: Toastify__bounceOutLeft;
}

.Toastify__bounce-exit--top-right,
.Toastify__bounce-exit--bottom-right {
  animation-name: Toastify__bounceOutRight;
}

.Toastify__bounce-exit--top-center {
  animation-name: Toastify__bounceOutUp;
}

.Toastify__bounce-exit--bottom-center {
  animation-name: Toastify__bounceOutDown;
}

@keyframes Toastify__zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}

@keyframes Toastify__zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: translate3d(0, var(--y), 0) scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}

.Toastify__zoom-enter {
  animation-name: Toastify__zoomIn;
}

.Toastify__zoom-exit {
  animation-name: Toastify__zoomOut;
}

@keyframes Toastify__flipIn {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}

@keyframes Toastify__flipOut {
  from {
    transform: translate3d(0, var(--y), 0) perspective(400px);
  }
  30% {
    transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: translate3d(0, var(--y), 0) perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.Toastify__flip-enter {
  animation-name: Toastify__flipIn;
}

.Toastify__flip-exit {
  animation-name: Toastify__flipOut;
}

@keyframes Toastify__slideInRight {
  from {
    transform: translate3d(110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}

@keyframes Toastify__slideInLeft {
  from {
    transform: translate3d(-110%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}

@keyframes Toastify__slideInUp {
  from {
    transform: translate3d(0, 110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}

@keyframes Toastify__slideInDown {
  from {
    transform: translate3d(0, -110%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, var(--y), 0);
  }
}

@keyframes Toastify__slideOutRight {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(110%, var(--y), 0);
  }
}

@keyframes Toastify__slideOutLeft {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-110%, var(--y), 0);
  }
}

@keyframes Toastify__slideOutDown {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 500px, 0);
  }
}

@keyframes Toastify__slideOutUp {
  from {
    transform: translate3d(0, var(--y), 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -500px, 0);
  }
}

.Toastify__slide-enter--top-left,
.Toastify__slide-enter--bottom-left {
  animation-name: Toastify__slideInLeft;
}

.Toastify__slide-enter--top-right,
.Toastify__slide-enter--bottom-right {
  animation-name: Toastify__slideInRight;
}

.Toastify__slide-enter--top-center {
  animation-name: Toastify__slideInDown;
}

.Toastify__slide-enter--bottom-center {
  animation-name: Toastify__slideInUp;
}

.Toastify__slide-exit--top-left,
.Toastify__slide-exit--bottom-left {
  animation-name: Toastify__slideOutLeft;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}

.Toastify__slide-exit--top-right,
.Toastify__slide-exit--bottom-right {
  animation-name: Toastify__slideOutRight;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}

.Toastify__slide-exit--top-center {
  animation-name: Toastify__slideOutUp;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}

.Toastify__slide-exit--bottom-center {
  animation-name: Toastify__slideOutDown;
  animation-timing-function: ease-in;
  animation-duration: 0.3s;
}

@keyframes Toastify__spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.lazyload_container {
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column-reverse;
}
.lazyload_container small {
  font-size: 1.2rem;
  letter-spacing: 2px;
  color: rgb(138, 138, 138);
  font-family: "Teko", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

.teacher_design1_demo_container {
  width: 100vw;
  max-height: 100vh;
  height: 100vh;
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin: auto;
  color: #303030;
  overflow-y: hidden;
  overflow-x: hidden;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.teacher_design1_demo_container .full_image {
  display: none;
  z-index: 500;
  margin: auto;
  width: 100%;
  height: 100%;
  background: linear-gradient(#fff, #fff);
  position: absolute;
  top: 0%;
  left: 0%;
}
.teacher_design1_demo_container .full_image .close_Full_Image_gallery {
  position: absolute;
  width: 100%;
  left: 90%;
  top: 15%;
}
.teacher_design1_demo_container .full_image .close_Full_Image_gallery .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  color: red;
  cursor: pointer;
  place-items: center;
  transition: all 0.3s ease-in-out;
}
.teacher_design1_demo_container .full_image .close_Full_Image_gallery .icon:hover {
  filter: drop-shadow(0px 4px 5px rgba(255, 156, 117, 0.6));
  scale: 1.2;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 600px) {
  .teacher_design1_demo_container .full_image .close_Full_Image_gallery {
    position: absolute;
    width: 100%;
    left: 90%;
    top: 5%;
  }
}
.teacher_design1_demo_container .full_image img {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 700px;
  height: 450px;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.5));
  border-radius: 5px;
  z-index: 1000;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 600px) {
  .teacher_design1_demo_container .full_image img {
    width: 90%;
    height: 200px;
  }
}
.teacher_design1_demo_container .lottie {
  position: absolute;
  width: 100vw;
  height: 100vh;
  left: 0%;
  top: 0%;
  scale: 1.5;
  filter: brightness(100%) grayscale(0);
  opacity: 0.3;
}
.teacher_design1_demo_container .teacher_design1_box {
  min-width: 450px;
  max-width: 450px;
  min-height: 100vh;
  max-height: 100vh;
  overflow-x: hidden;
  overflow-y: scroll;
  background: linear-gradient(160deg, #ffffff 50%, #ffffff 50%);
  filter: drop-shadow(0px 4px 5px rgba(88, 88, 88, 0.431372549));
  position: relative;
}
.teacher_design1_demo_container .teacher_design1_box .top_svg {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 250px;
  overflow: hidden;
}
.teacher_design1_demo_container .teacher_design1_box .top_svg svg {
  height: 250px;
}
.teacher_design1_demo_container .teacher_design1_box .Image_row_1 {
  min-width: 100%;
  max-width: 100%;
  max-height: 300px;
  min-height: 200px;
  height: auto;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem;
}
.teacher_design1_demo_container .teacher_design1_box .Image_row_1 .views {
  position: absolute;
  right: 0%;
  top: 0%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  color: #727272;
  background-color: #ffffff;
  filter: drop-shadow(0px 4px 5px rgba(65, 255, 230, 0.431372549));
  padding: 5px 2rem;
  border-top-left-radius: 3rem;
  border-bottom-left-radius: 3rem;
  border-bottom-right-radius: 5rem;
}
.teacher_design1_demo_container .teacher_design1_box .Image_row_1 .views h6 {
  letter-spacing: 1px;
  font-size: 0.8rem;
}
.teacher_design1_demo_container .teacher_design1_box .Image_row_1 .views p {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  font-size: 0.9rem;
  font-weight: 500;
  letter-spacing: 1px;
}
.teacher_design1_demo_container .teacher_design1_box .Image_row_1 .views p sup {
  font-size: 0.9rem;
  font-weight: 550;
}
.teacher_design1_demo_container .teacher_design1_box .Image_row_1 .views p i {
  font-size: 1.4rem;
}
.teacher_design1_demo_container .teacher_design1_box .Image_row_1 .user_logo {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 1rem;
}
.teacher_design1_demo_container .teacher_design1_box .Image_row_1 .user_logo img {
  z-index: 2;
  width: 110px;
  height: 110px;
  display: block;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  image-rendering: crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  border: 2px solid rgba(189, 189, 189, 0.7450980392);
  filter: drop-shadow(0px 4px 5px rgba(255, 255, 255, 0.9098039216)) brightness(110%);
  animation: none !important;
}
@keyframes profileBorder {
  0% {
    border: 3px solid #ffffff;
    transform: translateY(0px);
  }
  25% {
    border: 3px solid #ffffff;
    transform: translateY(-5px);
  }
  50% {
    border: 3px solid #ffffff;
    transform: translateY(-10px);
  }
  75% {
    border: 3px solid rgb(255, 255, 255);
    transform: translateY(-5px);
  }
  100% {
    border: 3px solid #ffffff;
    transform: translateY(0px);
  }
}
.teacher_design1_demo_container .teacher_design1_box .Image_row_1 .user_logo .svg_image {
  position: absolute;
  z-index: 1;
}
.teacher_design1_demo_container .teacher_design1_box .Image_row_1 .user_logo .svg_image img {
  width: 200px;
  height: 200px;
  border: none;
  filter: drop-shadow(0px 4px 5px rgba(255, 255, 255, 0.631372549));
  animation: profileSVGAnime 5s infinite linear;
}
@keyframes profileSVGAnime {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(90deg);
  }
  50% {
    transform: rotate(180deg);
  }
  75% {
    transform: rotate(270deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.teacher_design1_demo_container .teacher_design1_box .Image_row_1 .heart {
  position: absolute;
  left: 21%;
  top: 60%;
  z-index: 10;
  display: none;
}
.teacher_design1_demo_container .teacher_design1_box .Image_row_1 .heart .plus {
  position: absolute;
  top: -35%;
  right: -25%;
  z-index: -1;
}
.teacher_design1_demo_container .teacher_design1_box .Image_row_1 .heart .plus i {
  font-size: 1rem;
  font-weight: 700;
}
.teacher_design1_demo_container .teacher_design1_box .Image_row_1 .heart .plus .minus {
  color: red;
}
.teacher_design1_demo_container .teacher_design1_box .Image_row_1 .heart .plus .plus {
  color: gray;
}
@media screen and (max-width: 776px) {
  .teacher_design1_demo_container .teacher_design1_box .Image_row_1 .heart {
    position: absolute;
    left: 25%;
    top: 65%;
    z-index: 10;
  }
}
.teacher_design1_demo_container .teacher_design1_box .Image_row_1 .contacts_btns {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  gap: 1rem;
  position: absolute;
  bottom: 35%;
  right: 0%;
  padding-right: 1rem;
}
.teacher_design1_demo_container .teacher_design1_box .Image_row_1 .contacts_btns a {
  text-decoration: none;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 30px;
  height: 30px;
  background-color: #0DDDB7;
  color: #fff;
  border-radius: 0.3rem;
  transition: all 0.4s linear;
}
.teacher_design1_demo_container .teacher_design1_box .Image_row_1 .contacts_btns a i {
  font-size: 1rem;
  color: #fff;
}
.teacher_design1_demo_container .teacher_design1_box .Image_row_1 .contacts_btns a .plus {
  position: absolute;
  right: 5%;
  top: -24%;
}
.teacher_design1_demo_container .teacher_design1_box .Image_row_1 .contacts_btns a .plus i {
  font-size: 0.6rem;
  font-weight: 600;
  color: #fff;
}
.teacher_design1_demo_container .teacher_design1_box .Image_row_1 .contacts_btns a small {
  font-size: 0.7rem;
  font-weight: 500;
}
.teacher_design1_demo_container .teacher_design1_box .Image_row_1 .contacts_btns a:hover {
  background-color: #ffffff;
  color: #0DDDB7;
  scale: 1.05;
  box-shadow: 0px 4px 5px rgba(255, 255, 255, 0.4);
  transition: all 0.4s linear;
}
.teacher_design1_demo_container .teacher_design1_box .Image_row_1 .contacts_btns a:hover i {
  color: #0DDDB7;
}
.teacher_design1_demo_container .teacher_design1_box .basic_row_2 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  position: relative;
  padding: 0.5rem;
}
.teacher_design1_demo_container .teacher_design1_box .basic_row_2 .user_details {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.teacher_design1_demo_container .teacher_design1_box .basic_row_2 .user_details .user_data {
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex: 1;
  gap: 15px;
  width: 100%;
  height: 100%;
}
.teacher_design1_demo_container .teacher_design1_box .basic_row_2 .user_details .user_data .user_information {
  display: flex;
  flex: 1;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 0.5rem;
}
.teacher_design1_demo_container .teacher_design1_box .basic_row_2 .user_details .user_data .user_information h2 {
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 1px;
  color: #313131;
}
.teacher_design1_demo_container .teacher_design1_box .basic_row_2 .user_details .user_data .user_information h2 strong {
  font-size: 1rem;
  font-weight: 550;
  color: gray;
}
.teacher_design1_demo_container .teacher_design1_box .basic_row_2 .user_details .user_data .user_information p {
  font-size: 0.9rem;
  font-weight: 450;
  color: #313131;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0rem;
}
.teacher_design1_demo_container .teacher_design1_box .basic_row_2 .user_details .user_data .user_information p img {
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media screen and (max-width: 600px) {
  .teacher_design1_demo_container .teacher_design1_box .basic_row_2 .user_details .user_data .user_information p img {
    width: 25px;
    height: 25px;
  }
}
.teacher_design1_demo_container .teacher_design1_box .basic_row_2 .user_details .user_data .user_information .article_title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
  flex-wrap: wrap;
}
.teacher_design1_demo_container .teacher_design1_box .basic_row_2 .user_details .user_data .user_information .article_title h5 {
  font-size: 0.9rem;
  font-weight: 500;
  color: #00816a;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0rem;
}
@media screen and (max-width: 600px) {
  .teacher_design1_demo_container .teacher_design1_box .basic_row_2 .user_details .user_data {
    align-items: flex-start;
  }
}
.teacher_design1_demo_container .teacher_design1_box .filter_row_3 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0.5rem;
}
.teacher_design1_demo_container .teacher_design1_box .filter_row_3 form {
  width: 50%;
  outline: none;
  border: none;
  position: relative;
}
.teacher_design1_demo_container .teacher_design1_box .filter_row_3 form select {
  font-size: 0.8rem;
  padding: 0.4rem;
  outline: none;
  border: none;
  background-color: #009b7e;
  color: #fff;
  font-weight: 500;
  position: relative;
  width: 100px;
  border-radius: 5px;
}
.teacher_design1_demo_container .teacher_design1_box .filter_row_3 form select option {
  font-size: 0.7rem;
  padding: 0.3rem;
  background-color: #fff;
  color: #505050;
}
.teacher_design1_demo_container .teacher_design1_box .filter_row_3 form select:focus {
  outline: none;
  border-color: #666;
}
.teacher_design1_demo_container .teacher_design1_box .publishing_container {
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.5rem;
  display: grid;
  grid-template-columns: 1fr;
  padding: 0.5rem;
}
.teacher_design1_demo_container .teacher_design1_box .publishing_container .paper {
  width: 100%;
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.2rem;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
.teacher_design1_demo_container .teacher_design1_box .publishing_container .paper .paper_title a {
  color: #2f8575;
  font-size: 0.9rem;
  cursor: pointer;
}
.teacher_design1_demo_container .teacher_design1_box .publishing_container .paper .paper_title a:hover {
  text-decoration: underline;
}
.teacher_design1_demo_container .teacher_design1_box .publishing_container .paper .author {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
.teacher_design1_demo_container .teacher_design1_box .publishing_container .paper .author .name {
  flex: 0.7;
}
.teacher_design1_demo_container .teacher_design1_box .publishing_container .paper .author .name p {
  font-size: 0.8rem;
  color: rgb(97, 97, 97);
  font-weight: 550;
}
.teacher_design1_demo_container .teacher_design1_box .publishing_container .paper .author .date {
  flex: 0.3;
  color: rgb(106, 150, 88);
}
.teacher_design1_demo_container .teacher_design1_box .publishing_container .paper .author .date small {
  font-size: 0.9rem;
}
.teacher_design1_demo_container .teacher_design1_box .publishing_container .paper .date {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.teacher_design1_demo_container .teacher_design1_box .publishing_container .paper .date small {
  font-weight: 550;
  font-size: 0.6rem;
}
.teacher_design1_demo_container .teacher_design1_box .publishing_container .paper .journal p {
  font-size: 0.8rem;
}
.teacher_design1_demo_container .teacher_design1_box .publishing_container .paper .details {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.teacher_design1_demo_container .teacher_design1_box .publishing_container .paper .details .issue p {
  font-size: 0.7rem;
}
.teacher_design1_demo_container .teacher_design1_box .publishing_container .paper .publisher p {
  font-size: 0.8rem;
}
.teacher_design1_demo_container .teacher_design1_box .publishing_container .paper .pages {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.teacher_design1_demo_container .teacher_design1_box .publishing_container .paper .pages small {
  font-size: 0.8rem;
  color: rgb(0, 110, 129);
}
.teacher_design1_demo_container .teacher_design1_box .Gallery_container {
  width: 100%;
  padding: 0.5rem;
}
.teacher_design1_demo_container .teacher_design1_box .Gallery_container .gallery_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.teacher_design1_demo_container .teacher_design1_box .Gallery_container .gallery_title .left {
  flex: 0.5;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.teacher_design1_demo_container .teacher_design1_box .Gallery_container .gallery_title .left h2 {
  font-size: 1.5rem;
}
.teacher_design1_demo_container .teacher_design1_box .Gallery_container .gallery_title .left .icon {
  font-size: 1.3rem;
  color: green;
}
.teacher_design1_demo_container .teacher_design1_box .Gallery_container .gallery_title .right {
  flex: 0.5;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0.5rem;
}
.teacher_design1_demo_container .teacher_design1_box .Gallery_container .gallery_title .right form {
  outline: none;
  border: none;
  position: relative;
}
.teacher_design1_demo_container .teacher_design1_box .Gallery_container .gallery_title .right form select {
  font-size: 0.8rem;
  padding: 0.2rem 0.6rem;
  outline: none;
  border: none;
  position: relative;
  border: 1px solid gray;
  border-radius: 2rem;
}
.teacher_design1_demo_container .teacher_design1_box .Gallery_container .gallery_title .right form select option {
  font-size: 0.7rem;
  padding: 0.3rem;
}
.teacher_design1_demo_container .teacher_design1_box .Gallery_container .gallery_title .right form select:focus {
  outline: none;
  border-color: #666;
}
.teacher_design1_demo_container .teacher_design1_box .Gallery_container .gallery_container {
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 0.5rem;
  padding: 0.5rem;
  border-radius: 0rem;
  position: relative;
}
.teacher_design1_demo_container .teacher_design1_box .Gallery_container .gallery_container .full_image {
  position: absolute;
  top: 0%;
  left: 0%;
  display: none;
  z-index: 500;
  margin: auto;
  width: 100%;
  height: 100%;
  background: linear-gradient(#a661d4, #a661d4);
}
.teacher_design1_demo_container .teacher_design1_box .Gallery_container .gallery_container .full_image .close_Full_Image_gallery {
  position: absolute;
  right: 3%;
  top: 5%;
}
.teacher_design1_demo_container .teacher_design1_box .Gallery_container .gallery_container .full_image .close_Full_Image_gallery span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  color: red;
  cursor: pointer;
  place-items: center;
  transition: all 0.3s ease-in-out;
}
.teacher_design1_demo_container .teacher_design1_box .Gallery_container .gallery_container .full_image .close_Full_Image_gallery span:hover {
  filter: drop-shadow(0px 4px 5px rgba(255, 156, 117, 0.6));
  scale: 1.2;
  transition: all 0.3s ease-in-out;
}
.teacher_design1_demo_container .teacher_design1_box .Gallery_container .gallery_container .full_image img {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60%;
  height: 150px;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.5));
  z-index: 1000;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 600px) {
  .teacher_design1_demo_container .teacher_design1_box .Gallery_container .gallery_container .full_image img {
    width: 70%;
    height: 150px;
  }
}
.teacher_design1_demo_container .teacher_design1_box .Gallery_container .gallery_container .gallery_box {
  width: 100%;
  height: 100%;
  margin: 0rem auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, auto));
  gap: 10px;
  position: relative;
  z-index: 1;
  grid-auto-rows: 50px;
}
.teacher_design1_demo_container .teacher_design1_box .Gallery_container .gallery_container .gallery_box .large,
.teacher_design1_demo_container .teacher_design1_box .Gallery_container .gallery_container .gallery_box .medium,
.teacher_design1_demo_container .teacher_design1_box .Gallery_container .gallery_container .gallery_box .small {
  width: 100%;
  height: 100%;
  display: flex;
  grid-column: auto/span 1;
}
.teacher_design1_demo_container .teacher_design1_box .Gallery_container .gallery_container .gallery_box .large {
  grid-row: span 5;
}
.teacher_design1_demo_container .teacher_design1_box .Gallery_container .gallery_container .gallery_box .medium {
  grid-row: span 3;
}
.teacher_design1_demo_container .teacher_design1_box .Gallery_container .gallery_container .gallery_box .small {
  grid-row: span 2;
}
.teacher_design1_demo_container .teacher_design1_box .Gallery_container .gallery_container .gallery_box .gallery_item {
  position: relative;
  width: 100%;
  height: 100%;
}
.teacher_design1_demo_container .teacher_design1_box .Gallery_container .gallery_container .gallery_box .gallery_item .actions {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
}
.teacher_design1_demo_container .teacher_design1_box .Gallery_container .gallery_container .gallery_box .gallery_item .actions .icon {
  font-size: 1.4rem;
  color: #ffffff;
  display: none;
  transition: all 0.4s ease-in-out;
}
.teacher_design1_demo_container .teacher_design1_box .Gallery_container .gallery_container .gallery_box .gallery_item img {
  width: 100%;
  height: 100%;
  transition: filter 0.5s ease-in-out;
  position: relative;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
  transition: filter 0.1s ease-in-out;
}
.teacher_design1_demo_container .teacher_design1_box .Gallery_container .gallery_container .gallery_box .gallery_item img:hover {
  filter: brightness(0.6) grayscale(1);
  transition: filter 0.1s ease-in-out;
}
.teacher_design1_demo_container .teacher_design1_box .Gallery_container .gallery_container .gallery_box .gallery_item img:hover + .actions .icon {
  display: block;
  transition: all 0.4s ease-in-out;
  z-index: -1;
  cursor: pointer;
}
.teacher_design1_demo_container .teacher_design1_box .Gallery_container .gallery_container .gallery_box .gallery_item img:hover + .actions .icon:hover + img {
  filter: brightness(0.6) grayscale(1);
  scale: 1.05;
  transition: filter 0.1s ease-in-out;
}
@media screen and (max-width: 776px) {
  .teacher_design1_demo_container .teacher_design1_box .Gallery_container .gallery_container .gallery_box .gallery_item img {
    height: 100%;
  }
  .teacher_design1_demo_container .teacher_design1_box .Gallery_container .gallery_container .gallery_box .gallery_item {
    height: 100%;
  }
  .teacher_design1_demo_container .teacher_design1_box .Gallery_container .gallery_container .gallery_box {
    grid-template-columns: 1fr 1fr;
  }
}
.teacher_design1_demo_container .teacher_design1_box .Gallery_container .documents {
  width: 100%;
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.teacher_design1_demo_container .teacher_design1_box .Gallery_container .documents p {
  font-weight: 450;
  font-size: 0.9rem;
  color: rgb(255, 93, 93);
}
.teacher_design1_demo_container .teacher_design1_box .Footer {
  position: relative;
  padding-top: 3rem;
  width: 100%;
}
.teacher_design1_demo_container .teacher_design1_box .Footer .footer_container {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 600;
  padding: 10px 0px;
}
.teacher_design1_demo_container .teacher_design1_box .Footer .footer_container p {
  font-size: 0.8rem;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  color: #525252;
  font-weight: 600;
  letter-spacing: 1px;
}
@media (max-width: 600px) {
  .teacher_design1_demo_container .teacher_design1_box .Footer .footer_container p {
    font-size: 0.7rem;
  }
}
.teacher_design1_demo_container .teacher_design1_box .Footer .footer_container svg {
  position: absolute;
  z-index: -1;
  bottom: 0%;
  left: 0%;
  width: 100%;
}
.teacher_design1_demo_container .teacher_design1_box::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 600px) {
  .teacher_design1_demo_container .teacher_design1_box {
    width: 100vw !important;
    min-width: 100vw;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin-top: 0rem !important;
  }
}
.teacher_design1_demo_container .article_box {
  min-width: 450px;
  max-width: 450px;
  margin-top: 0px !important;
  min-height: 100vh;
  max-height: 100vh;
  overflow-x: hidden;
  overflow-y: scroll;
  background: linear-gradient(160deg, #ffffff 50%, #ffffff 50%);
  filter: drop-shadow(0px 4px 5px rgba(56, 56, 56, 0.6509803922));
}
.teacher_design1_demo_container .article_box .view_article_header {
  width: 100%;
  min-height: 5vh;
  background-color: #fff;
  border-bottom: 1px solid rgb(231, 231, 231);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem;
}
.teacher_design1_demo_container .article_box .view_article_header .left {
  flex: 0.5;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.teacher_design1_demo_container .article_box .view_article_header .left i {
  font-size: 1.5rem;
  cursor: pointer;
}
.teacher_design1_demo_container .article_box .view_article_header .right {
  flex: 0.5;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.teacher_design1_demo_container .article_box .view_article_header .right img {
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  border-radius: 50%;
  border: 1px solid rgb(204, 204, 204);
}
.teacher_design1_demo_container .article_box .author_details {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  padding: 0.5rem;
}
.teacher_design1_demo_container .article_box .author_details .profile img {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  border: 1px solid rgb(204, 204, 204);
}
.teacher_design1_demo_container .article_box .author_details .name p {
  font-size: 0.9rem;
  font-weight: 450;
}
.teacher_design1_demo_container .article_box .article {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
}
.teacher_design1_demo_container .article_box .article .article_header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.teacher_design1_demo_container .article_box .article .article_header h2 {
  font-size: 0.9rem;
  font-weight: 450;
  color: #002185;
}
.teacher_design1_demo_container .article_box .article table {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
}
.teacher_design1_demo_container .article_box .article table thead {
  flex: 0.4;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.teacher_design1_demo_container .article_box .article table thead tr {
  padding: 0.5rem;
  max-height: 100px;
  min-height: 50px;
}
.teacher_design1_demo_container .article_box .article table thead tr th {
  font-size: 0.9rem;
  font-weight: 450;
}
.teacher_design1_demo_container .article_box .article table tbody {
  flex: 0.6;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.teacher_design1_demo_container .article_box .article table tbody tr {
  padding: 0.5rem;
  max-height: 100px;
  min-height: 50px;
}
.teacher_design1_demo_container .article_box .article table tbody tr td {
  font-size: 0.9rem;
  font-weight: 450;
}
.teacher_design1_demo_container .article_box::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 600px) {
  .teacher_design1_demo_container .article_box {
    width: 100vw !important;
    min-width: 100vw;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin-top: 0rem;
  }
}
.teacher_design1_demo_container::-webkit-scrollbar {
  width: 6px !important;
  height: 4px !important;
  background-color: #4375ff, #0084ff;
}
@media screen and (max-width: 650px) {
  .teacher_design1_demo_container::-webkit-scrollbar {
    display: none !important;
  }
}
.teacher_design1_demo_container::-webkit-scrollbar-thumb {
  width: 6px !important;
  height: 4px !important;
  border-radius: 10px;
  z-index: 10;
  cursor: pointer;
  background-color: #fff !important;
}
.teacher_design1_demo_container::-webkit-scrollbar-thumb:hover {
  background-color: rgb(36, 231, 222);
}
.date-input {
  appearance: none; /* Remove default styling */
  -webkit-appearance: none; /* Remove default styling in Safari */
  -moz-appearance: none; /* Remove default styling in Firefox */
  padding: 10px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.date-input::-moz-placeholder {
  color: #888; /* Placeholder color */
}
.date-input::placeholder {
  color: #888; /* Placeholder color */
}
/* Custom icon for the date picker */
.date-input::-webkit-calendar-picker-indicator {
  cursor: pointer;
  color: transparent;
  opacity: 1;
  position: absolute;
  right: 10px;
  top: 70%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url("https://img.icons8.com/emoji/48/calendar-emoji.png") no-repeat center center;
  background-size: contain;
}

.teacher_design2_demo_container {
  width: 100vw;
  max-height: 100vh;
  height: 100vh;
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin: auto;
  color: #303030;
  overflow-y: hidden;
  overflow-x: hidden;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.teacher_design2_demo_container .full_image {
  display: none;
  z-index: 500;
  margin: auto;
  width: 100%;
  height: 100%;
  background: linear-gradient(#fff, #fff);
  position: absolute;
  top: 0%;
  left: 0%;
}
.teacher_design2_demo_container .full_image .close_Full_Image_gallery {
  position: absolute;
  width: 100%;
  left: 90%;
  top: 15%;
}
.teacher_design2_demo_container .full_image .close_Full_Image_gallery .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  color: red;
  cursor: pointer;
  place-items: center;
  transition: all 0.3s ease-in-out;
}
.teacher_design2_demo_container .full_image .close_Full_Image_gallery .icon:hover {
  filter: drop-shadow(0px 4px 5px rgba(255, 156, 117, 0.6));
  scale: 1.2;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 600px) {
  .teacher_design2_demo_container .full_image .close_Full_Image_gallery {
    position: absolute;
    width: 100%;
    left: 90%;
    top: 5%;
  }
}
.teacher_design2_demo_container .full_image img {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 700px;
  height: 450px;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.5));
  border-radius: 5px;
  z-index: 1000;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 600px) {
  .teacher_design2_demo_container .full_image img {
    width: 90%;
    height: 200px;
  }
}
.teacher_design2_demo_container .lottie {
  position: absolute;
  width: 100vw;
  height: 100vh;
  left: 0%;
  top: 0%;
  scale: 1;
}
.teacher_design2_demo_container .doctor_box {
  min-width: 450px;
  max-width: 450px;
  min-height: 100vh;
  max-height: 100vh;
  overflow-x: hidden;
  overflow-y: scroll;
  background: linear-gradient(160deg, rgba(86, 176, 255, 0.8705882353) 50%, rgba(86, 176, 255, 0.8705882353) 70%);
  filter: drop-shadow(0px 4px 5px rgba(56, 56, 56, 0.6509803922));
  position: relative;
}
.teacher_design2_demo_container .doctor_box .Image_row_1 {
  min-width: 100%;
  max-width: 100%;
  max-height: 300px;
  height: auto;
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  gap: 1rem;
  padding: 1rem 0.5rem;
}
.teacher_design2_demo_container .doctor_box .Image_row_1 .views {
  position: absolute;
  right: 0%;
  top: 0%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 5px;
  color: rgb(255, 255, 255);
  padding: 5px 1rem;
  border-top-right-radius: 0rem;
}
.teacher_design2_demo_container .doctor_box .Image_row_1 .views h6 {
  letter-spacing: 1px;
  font-size: 0.7rem;
}
.teacher_design2_demo_container .doctor_box .Image_row_1 .views p {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  font-size: 0.7rem;
  font-weight: 550;
  letter-spacing: 1px;
  color: #ffffff;
}
.teacher_design2_demo_container .doctor_box .Image_row_1 .views p sup {
  font-size: 0.7rem;
  font-weight: 550;
}
.teacher_design2_demo_container .doctor_box .Image_row_1 .views p i {
  font-size: 1rem;
}
.teacher_design2_demo_container .doctor_box .Image_row_1 .user_logo {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}
.teacher_design2_demo_container .doctor_box .Image_row_1 .user_logo img {
  z-index: 2;
  width: 100px;
  height: 100px;
  border-radius: 0.5rem;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  border: 2px solid rgb(201, 201, 201);
  filter: drop-shadow(0px 4px 5px rgba(255, 255, 255, 0.4)) brightness(110%);
  animation: none !important;
}
@keyframes profileBorder {
  0% {
    border: 3px solid #ffffff;
    transform: translateY(0px);
  }
  25% {
    border: 3px solid #ffffff;
    transform: translateY(-5px);
  }
  50% {
    border: 3px solid #ffffff;
    transform: translateY(-10px);
  }
  75% {
    border: 3px solid rgb(255, 255, 255);
    transform: translateY(-5px);
  }
  100% {
    border: 3px solid #ffffff;
    transform: translateY(0px);
  }
}
.teacher_design2_demo_container .doctor_box .Image_row_1 .user_logo .svg_image {
  position: absolute;
  z-index: 1;
}
.teacher_design2_demo_container .doctor_box .Image_row_1 .user_logo .svg_image img {
  width: 200px;
  height: 200px;
  border: none;
  filter: drop-shadow(0px 4px 5px rgba(255, 255, 255, 0.631372549));
  animation: profileSVGAnime 5s infinite linear;
}
@keyframes profileSVGAnime {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(90deg);
  }
  50% {
    transform: rotate(180deg);
  }
  75% {
    transform: rotate(270deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.teacher_design2_demo_container .doctor_box .Image_row_1 .heart {
  position: absolute;
  left: 21%;
  top: 60%;
  z-index: 10;
  display: none;
}
.teacher_design2_demo_container .doctor_box .Image_row_1 .heart .plus {
  position: absolute;
  top: -35%;
  right: -25%;
  z-index: -1;
}
.teacher_design2_demo_container .doctor_box .Image_row_1 .heart .plus i {
  font-size: 1rem;
  font-weight: 700;
}
.teacher_design2_demo_container .doctor_box .Image_row_1 .heart .plus .minus {
  color: red;
}
.teacher_design2_demo_container .doctor_box .Image_row_1 .heart .plus .plus {
  color: gray;
}
@media screen and (max-width: 776px) {
  .teacher_design2_demo_container .doctor_box .Image_row_1 .heart {
    position: absolute;
    left: 25%;
    top: 65%;
    z-index: 10;
  }
}
.teacher_design2_demo_container .doctor_box .Image_row_1 .contacts_btns {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  gap: 2rem;
  top: 0%;
  right: 0%;
  padding-right: 1rem;
}
.teacher_design2_demo_container .doctor_box .Image_row_1 .contacts_btns a {
  text-decoration: none;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 35px;
  height: 35px;
  background-color: #ffffff;
  color: rgb(70, 70, 70);
  border-radius: 0.5rem;
  transition: all 0.4s linear;
}
.teacher_design2_demo_container .doctor_box .Image_row_1 .contacts_btns a i {
  font-size: 1.2rem;
  color: rgb(70, 70, 70);
}
.teacher_design2_demo_container .doctor_box .Image_row_1 .contacts_btns a .plus {
  position: absolute;
  right: 8%;
  top: -15%;
}
.teacher_design2_demo_container .doctor_box .Image_row_1 .contacts_btns a .plus i {
  font-size: 0.6rem;
  font-weight: 600;
  color: rgb(70, 70, 70);
}
.teacher_design2_demo_container .doctor_box .Image_row_1 .contacts_btns a small {
  font-size: 0.7rem;
  font-weight: 500;
}
.teacher_design2_demo_container .doctor_box .Image_row_1 .contacts_btns a:hover {
  background-color: #ffffff;
  color: #4d90fe;
  scale: 1.05;
  transition: all 0.4s linear;
}
.teacher_design2_demo_container .doctor_box .Image_row_1 .contacts_btns a:hover i {
  color: #4d90fe;
}
.teacher_design2_demo_container .doctor_box .basic_row_2 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  position: relative;
  padding: 0.5rem;
}
.teacher_design2_demo_container .doctor_box .basic_row_2 .user_details {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.teacher_design2_demo_container .doctor_box .basic_row_2 .user_details .user_data {
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  gap: 15px;
  width: 100%;
  height: 100%;
}
.teacher_design2_demo_container .doctor_box .basic_row_2 .user_details .user_data .user_information {
  display: flex;
  flex: 1;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.teacher_design2_demo_container .doctor_box .basic_row_2 .user_details .user_data .user_information h2 {
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 1px;
  color: #ffffff;
}
.teacher_design2_demo_container .doctor_box .basic_row_2 .user_details .user_data .user_information p {
  font-size: 0.8rem;
  font-weight: 450;
  color: #ffffff;
  letter-spacing: 1px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 0rem;
}
.teacher_design2_demo_container .doctor_box .basic_row_2 .user_details .user_data .user_information p img {
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media screen and (max-width: 600px) {
  .teacher_design2_demo_container .doctor_box .basic_row_2 .user_details .user_data .user_information p img {
    width: 25px;
    height: 25px;
  }
}
.teacher_design2_demo_container .doctor_box .basic_row_2 .user_details .user_data .user_information .article_title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  flex-wrap: wrap;
}
.teacher_design2_demo_container .doctor_box .basic_row_2 .user_details .user_data .user_information .article_title a {
  font-size: 0.7rem;
  font-weight: 600;
  color: rgb(75, 75, 75);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0rem;
  cursor: pointer;
  background-color: rgb(255, 255, 255);
  padding: 0.3rem 0.5rem;
  border-radius: 0.2rem;
}
.teacher_design2_demo_container .doctor_box .basic_row_2 .user_details .user_data .user_information .article_title a:hover {
  text-decoration: underline;
}
@media screen and (max-width: 600px) {
  .teacher_design2_demo_container .doctor_box .basic_row_2 .user_details .user_data {
    align-items: flex-start;
  }
}
.teacher_design2_demo_container .doctor_box .filter_row_3 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0.5rem;
}
.teacher_design2_demo_container .doctor_box .filter_row_3 form {
  width: 100%;
  outline: none;
  border: none;
  position: relative;
}
.teacher_design2_demo_container .doctor_box .filter_row_3 form select {
  font-size: 0.8rem;
  padding: 0.4rem;
  outline: none;
  border: none;
  width: 25%;
  position: relative;
  border-radius: 0.3rem;
  font-weight: 600;
}
.teacher_design2_demo_container .doctor_box .filter_row_3 form select option {
  font-size: 0.7rem;
  font-weight: 550;
  padding: 0.3rem;
}
.teacher_design2_demo_container .doctor_box .filter_row_3 form select:focus {
  outline: none;
  border-color: #666;
}
.teacher_design2_demo_container .doctor_box .publishing_container {
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.5rem;
  display: grid;
  grid-template-columns: 1fr;
  padding: 0.5rem;
}
.teacher_design2_demo_container .doctor_box .publishing_container .paper {
  width: 100%;
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.2rem;
  background-color: #ffffff;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
.teacher_design2_demo_container .doctor_box .publishing_container .paper .paper_title a {
  color: #002185;
  font-size: 0.9rem;
}
.teacher_design2_demo_container .doctor_box .publishing_container .paper .paper_title a:hover {
  text-decoration: underline;
}
.teacher_design2_demo_container .doctor_box .publishing_container .paper .author {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
.teacher_design2_demo_container .doctor_box .publishing_container .paper .author .name {
  flex: 0.7;
}
.teacher_design2_demo_container .doctor_box .publishing_container .paper .author .name p {
  font-size: 0.7rem;
}
.teacher_design2_demo_container .doctor_box .publishing_container .paper .author .date {
  flex: 0.3;
}
.teacher_design2_demo_container .doctor_box .publishing_container .paper .date {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.teacher_design2_demo_container .doctor_box .publishing_container .paper .date small {
  font-weight: 550;
  font-size: 0.6rem;
}
.teacher_design2_demo_container .doctor_box .publishing_container .paper .journal p {
  font-size: 0.8rem;
}
.teacher_design2_demo_container .doctor_box .publishing_container .paper .details {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.teacher_design2_demo_container .doctor_box .publishing_container .paper .details .issue p {
  font-size: 0.7rem;
}
.teacher_design2_demo_container .doctor_box .publishing_container .paper .publisher p {
  font-size: 0.8rem;
}
.teacher_design2_demo_container .doctor_box .publishing_container .paper .pages {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.teacher_design2_demo_container .doctor_box .publishing_container .paper .pages p {
  font-size: 0.8rem;
}
.teacher_design2_demo_container .doctor_box .Gallery_container {
  width: 100%;
  padding: 0.5rem;
}
.teacher_design2_demo_container .doctor_box .Gallery_container .gallery_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.teacher_design2_demo_container .doctor_box .Gallery_container .gallery_title .left {
  flex: 0.5;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  color: yellow;
}
.teacher_design2_demo_container .doctor_box .Gallery_container .gallery_title .left h2 {
  font-size: 1.5rem;
}
.teacher_design2_demo_container .doctor_box .Gallery_container .gallery_title .left .icon {
  font-size: 1.3rem;
  color: rgb(255, 255, 255);
}
.teacher_design2_demo_container .doctor_box .Gallery_container .gallery_title .right {
  flex: 0.5;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0.5rem;
}
.teacher_design2_demo_container .doctor_box .Gallery_container .gallery_title .right form {
  outline: none;
  border: none;
  position: relative;
}
.teacher_design2_demo_container .doctor_box .Gallery_container .gallery_title .right form select {
  font-size: 0.8rem;
  padding: 0.2rem 0.6rem;
  outline: none;
  border: none;
  position: relative;
  border: 1px solid gray;
  border-radius: 0.2rem;
}
.teacher_design2_demo_container .doctor_box .Gallery_container .gallery_title .right form select option {
  font-size: 0.7rem;
  padding: 0.3rem;
}
.teacher_design2_demo_container .doctor_box .Gallery_container .gallery_title .right form select:focus {
  outline: none;
  border-color: #666;
}
.teacher_design2_demo_container .doctor_box .Gallery_container .gallery_container {
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 0.5rem;
  padding: 0.5rem;
  border-radius: 0rem;
  position: relative;
}
.teacher_design2_demo_container .doctor_box .Gallery_container .gallery_container .full_image {
  position: absolute;
  top: 0%;
  left: 0%;
  display: none;
  z-index: 500;
  margin: auto;
  width: 100%;
  height: 100%;
  background: linear-gradient(#a661d4, #a661d4);
}
.teacher_design2_demo_container .doctor_box .Gallery_container .gallery_container .full_image .close_Full_Image_gallery {
  position: absolute;
  right: 3%;
  top: 5%;
}
.teacher_design2_demo_container .doctor_box .Gallery_container .gallery_container .full_image .close_Full_Image_gallery span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  color: red;
  cursor: pointer;
  place-items: center;
  transition: all 0.3s ease-in-out;
}
.teacher_design2_demo_container .doctor_box .Gallery_container .gallery_container .full_image .close_Full_Image_gallery span:hover {
  filter: drop-shadow(0px 4px 5px rgba(255, 156, 117, 0.6));
  scale: 1.2;
  transition: all 0.3s ease-in-out;
}
.teacher_design2_demo_container .doctor_box .Gallery_container .gallery_container .full_image img {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60%;
  height: 150px;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.5));
  border-radius: 10px;
  z-index: 1000;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 600px) {
  .teacher_design2_demo_container .doctor_box .Gallery_container .gallery_container .full_image img {
    width: 70%;
    height: 150px;
  }
}
.teacher_design2_demo_container .doctor_box .Gallery_container .gallery_container .gallery_box {
  width: 100%;
  height: auto;
  margin: 0rem auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 10px;
  position: relative;
  z-index: 1;
}
.teacher_design2_demo_container .doctor_box .Gallery_container .gallery_container .gallery_box .gallery_item {
  position: relative;
  width: 100%;
}
.teacher_design2_demo_container .doctor_box .Gallery_container .gallery_container .gallery_box .gallery_item .actions {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
}
.teacher_design2_demo_container .doctor_box .Gallery_container .gallery_container .gallery_box .gallery_item .actions .icon {
  font-size: 1.4rem;
  color: #ffffff;
  display: none;
  transition: all 0.4s ease-in-out;
}
.teacher_design2_demo_container .doctor_box .Gallery_container .gallery_container .gallery_box .gallery_item img {
  width: 100%;
  transition: filter 0.5s ease-in-out;
  position: relative;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  box-shadow: 0px 4px 5px rgba(255, 255, 255, 0.4);
  transition: filter 0.1s ease-in-out;
}
.teacher_design2_demo_container .doctor_box .Gallery_container .gallery_container .gallery_box .gallery_item img:hover {
  filter: brightness(0.6) grayscale(1);
  transition: filter 0.1s ease-in-out;
}
.teacher_design2_demo_container .doctor_box .Gallery_container .gallery_container .gallery_box .gallery_item img:hover + .actions .icon {
  display: block;
  transition: all 0.4s ease-in-out;
  z-index: -1;
  cursor: pointer;
}
.teacher_design2_demo_container .doctor_box .Gallery_container .gallery_container .gallery_box .gallery_item img:hover + .actions .icon:hover + img {
  filter: brightness(0.6) grayscale(1);
  scale: 1.05;
  transition: filter 0.1s ease-in-out;
}
.teacher_design2_demo_container .doctor_box .Gallery_container .documents {
  width: 100%;
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.teacher_design2_demo_container .doctor_box .Gallery_container .documents p {
  font-weight: 450;
  font-size: 0.9rem;
  color: yellow;
}
.teacher_design2_demo_container .doctor_box .Footer {
  position: relative;
  padding-top: 3rem;
  width: 100%;
}
.teacher_design2_demo_container .doctor_box .Footer .footer_container {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 600;
  padding: 10px 0px;
}
.teacher_design2_demo_container .doctor_box .Footer .footer_container p {
  font-size: 0.8rem;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  color: gray;
  font-weight: 550;
  letter-spacing: 1px;
}
@media (max-width: 600px) {
  .teacher_design2_demo_container .doctor_box .Footer .footer_container p {
    font-size: 0.7rem;
  }
}
.teacher_design2_demo_container .doctor_box .Footer .footer_container svg {
  position: absolute;
  z-index: -1;
  bottom: 0%;
  left: 0%;
  width: 100%;
}
.teacher_design2_demo_container .doctor_box::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 600px) {
  .teacher_design2_demo_container .doctor_box {
    width: 100vw !important;
    min-width: 100vw;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin-top: 0rem !important;
  }
}
.teacher_design2_demo_container .article_box {
  min-width: 450px;
  max-width: 450px;
  margin-top: 0px !important;
  min-height: 100vh;
  max-height: 100vh;
  overflow-x: hidden;
  overflow-y: scroll;
  background: linear-gradient(160deg, rgba(86, 176, 255, 0.8705882353) 50%, rgba(86, 176, 255, 0.8705882353) 50%);
  filter: drop-shadow(0px 4px 5px rgba(56, 56, 56, 0.6509803922));
}
.teacher_design2_demo_container .article_box .view_article_header {
  width: 100%;
  min-height: 5vh;
  background-color: #fff;
  border-bottom: 1px solid rgb(231, 231, 231);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem;
}
.teacher_design2_demo_container .article_box .view_article_header .left {
  flex: 0.5;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.teacher_design2_demo_container .article_box .view_article_header .left i {
  font-size: 1.5rem;
  cursor: pointer;
}
.teacher_design2_demo_container .article_box .view_article_header .right {
  flex: 0.5;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.teacher_design2_demo_container .article_box .view_article_header .right img {
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  border-radius: 50%;
  border: 1px solid rgb(204, 204, 204);
}
.teacher_design2_demo_container .article_box .author_details {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  padding: 0.5rem;
}
.teacher_design2_demo_container .article_box .author_details .profile img {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  border: 1px solid rgb(204, 204, 204);
}
.teacher_design2_demo_container .article_box .author_details .name p {
  font-size: 0.9rem;
  font-weight: 450;
  color: #ffffff;
}
.teacher_design2_demo_container .article_box .article {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
}
.teacher_design2_demo_container .article_box .article .article_header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.teacher_design2_demo_container .article_box .article .article_header h2 {
  font-size: 0.9rem;
  font-weight: 450;
  color: #ffffff;
}
.teacher_design2_demo_container .article_box .article table {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
  color: #ffffff;
}
.teacher_design2_demo_container .article_box .article table thead {
  flex: 0.4;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.teacher_design2_demo_container .article_box .article table thead tr {
  padding: 0.5rem;
  max-height: 100px;
  min-height: 50px;
}
.teacher_design2_demo_container .article_box .article table thead tr th {
  font-size: 0.9rem;
  font-weight: 450;
}
.teacher_design2_demo_container .article_box .article table tbody {
  flex: 0.6;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.teacher_design2_demo_container .article_box .article table tbody tr {
  padding: 0.5rem;
  max-height: 100px;
  min-height: 50px;
}
.teacher_design2_demo_container .article_box .article table tbody tr td {
  font-size: 0.9rem;
  font-weight: 450;
}
.teacher_design2_demo_container .article_box::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 600px) {
  .teacher_design2_demo_container .article_box {
    width: 100vw !important;
    min-width: 100vw;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin-top: 0rem;
  }
}
.teacher_design2_demo_container::-webkit-scrollbar {
  width: 6px !important;
  height: 4px !important;
  background-color: #4375ff, #0084ff;
}
@media screen and (max-width: 650px) {
  .teacher_design2_demo_container::-webkit-scrollbar {
    display: none !important;
  }
}
.teacher_design2_demo_container::-webkit-scrollbar-thumb {
  width: 6px !important;
  height: 4px !important;
  border-radius: 10px;
  z-index: 10;
  cursor: pointer;
  background-color: #fff !important;
}
.teacher_design2_demo_container::-webkit-scrollbar-thumb:hover {
  background-color: rgb(36, 231, 222);
}
.date-input {
  appearance: none; /* Remove default styling */
  -webkit-appearance: none; /* Remove default styling in Safari */
  -moz-appearance: none; /* Remove default styling in Firefox */
  padding: 10px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.date-input::-moz-placeholder {
  color: #888; /* Placeholder color */
}
.date-input::placeholder {
  color: #888; /* Placeholder color */
}
/* Custom icon for the date picker */
.date-input::-webkit-calendar-picker-indicator {
  cursor: pointer;
  color: transparent;
  opacity: 1;
  position: absolute;
  right: 10px;
  top: 70%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url("https://img.icons8.com/emoji/48/calendar-emoji.png") no-repeat center center;
  background-size: contain;
}

.doctor_demo_container {
  width: 100vw;
  max-height: 100vh;
  height: 100vh;
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin: auto;
  color: #303030;
  overflow-y: hidden;
  overflow-x: hidden;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.doctor_demo_container .full_image {
  display: none;
  z-index: 500;
  margin: auto;
  width: 100%;
  height: 100%;
  background: linear-gradient(#fff, #fff);
  position: absolute;
  top: 0%;
  left: 0%;
}
.doctor_demo_container .full_image .close_Full_Image_gallery {
  position: absolute;
  width: 100%;
  left: 90%;
  top: 15%;
}
.doctor_demo_container .full_image .close_Full_Image_gallery .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  color: red;
  cursor: pointer;
  place-items: center;
  transition: all 0.3s ease-in-out;
}
.doctor_demo_container .full_image .close_Full_Image_gallery .icon:hover {
  filter: drop-shadow(0px 4px 5px rgba(255, 156, 117, 0.6));
  scale: 1.2;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 600px) {
  .doctor_demo_container .full_image .close_Full_Image_gallery {
    position: absolute;
    width: 100%;
    left: 90%;
    top: 5%;
  }
}
.doctor_demo_container .full_image img {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 700px;
  height: 450px;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.5));
  border-radius: 5px;
  z-index: 1000;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 600px) {
  .doctor_demo_container .full_image img {
    width: 90%;
    height: 200px;
  }
}
.doctor_demo_container .lottie {
  position: absolute;
  width: 100vw;
  height: 100vh;
  left: 0%;
  top: 0%;
  scale: 2;
}
.doctor_demo_container .doctor_box {
  min-width: 450px;
  max-width: 450px;
  margin-top: 0.5rem !important;
  min-height: 100vh;
  max-height: 100vh;
  overflow-x: hidden;
  overflow-y: scroll;
  background: linear-gradient(160deg, #ffffff 50%, #ffffff 50%);
  filter: drop-shadow(0px 4px 5px rgba(56, 56, 56, 0.6509803922));
  position: relative;
}
.doctor_demo_container .doctor_box .Image_row_1 {
  min-width: 100%;
  max-width: 100%;
  max-height: 300px;
  height: auto;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem;
}
.doctor_demo_container .doctor_box .Image_row_1 .user_logo {
  position: relative;
  width: 110px;
  height: 110px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.doctor_demo_container .doctor_box .Image_row_1 .user_logo img {
  z-index: 2;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  border: 2px solid rgb(201, 201, 201);
  filter: drop-shadow(0px 4px 5px rgba(255, 255, 255, 0.4)) brightness(110%);
  animation: none !important;
}
@keyframes profileBorder {
  0% {
    border: 3px solid #ffffff;
    transform: translateY(0px);
  }
  25% {
    border: 3px solid #ffffff;
    transform: translateY(-5px);
  }
  50% {
    border: 3px solid #ffffff;
    transform: translateY(-10px);
  }
  75% {
    border: 3px solid rgb(255, 255, 255);
    transform: translateY(-5px);
  }
  100% {
    border: 3px solid #ffffff;
    transform: translateY(0px);
  }
}
.doctor_demo_container .doctor_box .Image_row_1 .user_logo .svg_image {
  position: absolute;
  z-index: 1;
}
.doctor_demo_container .doctor_box .Image_row_1 .user_logo .svg_image img {
  width: 200px;
  height: 200px;
  border: none;
  filter: drop-shadow(0px 4px 5px rgba(255, 255, 255, 0.631372549));
  animation: profileSVGAnime 5s infinite linear;
}
@keyframes profileSVGAnime {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(90deg);
  }
  50% {
    transform: rotate(180deg);
  }
  75% {
    transform: rotate(270deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.doctor_demo_container .doctor_box .Image_row_1 .heart {
  position: absolute;
  left: 21%;
  top: 60%;
  z-index: 10;
}
.doctor_demo_container .doctor_box .Image_row_1 .heart .plus {
  position: absolute;
  top: -35%;
  right: -25%;
  z-index: -1;
}
.doctor_demo_container .doctor_box .Image_row_1 .heart .plus i {
  font-size: 1rem;
  font-weight: 700;
}
.doctor_demo_container .doctor_box .Image_row_1 .heart .plus .minus {
  color: red;
}
.doctor_demo_container .doctor_box .Image_row_1 .heart .plus .plus {
  color: gray;
}
@media screen and (max-width: 776px) {
  .doctor_demo_container .doctor_box .Image_row_1 .heart {
    position: absolute;
    left: 25%;
    top: 65%;
    z-index: 10;
  }
}
.doctor_demo_container .doctor_box .Image_row_1 .contacts_btns {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 10px;
  top: 0%;
  right: 0%;
  padding-right: 1rem;
}
.doctor_demo_container .doctor_box .Image_row_1 .contacts_btns a {
  text-decoration: none;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 30px;
  height: 30px;
  background-color: #4d90fe;
  color: #ffffff;
  border-radius: 0.3rem;
  transition: all 0.4s linear;
}
.doctor_demo_container .doctor_box .Image_row_1 .contacts_btns a i {
  font-size: 1rem;
  color: #ffffff;
}
.doctor_demo_container .doctor_box .Image_row_1 .contacts_btns a .plus {
  position: absolute;
  right: 5%;
  top: -24%;
}
.doctor_demo_container .doctor_box .Image_row_1 .contacts_btns a .plus i {
  font-size: 0.6rem;
  font-weight: 600;
  color: #ffffff;
}
.doctor_demo_container .doctor_box .Image_row_1 .contacts_btns a small {
  font-size: 0.7rem;
  font-weight: 500;
}
.doctor_demo_container .doctor_box .Image_row_1 .contacts_btns a:hover {
  background-color: #ffffff;
  color: #4d90fe;
  scale: 1.05;
  transition: all 0.4s linear;
}
.doctor_demo_container .doctor_box .Image_row_1 .contacts_btns a:hover i {
  color: #4d90fe;
}
.doctor_demo_container .doctor_box .basic_row_2 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  position: relative;
  padding: 0.5rem;
}
.doctor_demo_container .doctor_box .basic_row_2 .user_details {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.doctor_demo_container .doctor_box .basic_row_2 .user_details .user_data {
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex: 1;
  gap: 15px;
  width: 100%;
  height: 100%;
}
.doctor_demo_container .doctor_box .basic_row_2 .user_details .user_data .user_information {
  display: flex;
  flex: 1;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 0.5rem;
}
.doctor_demo_container .doctor_box .basic_row_2 .user_details .user_data .user_information h2 {
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 1px;
  color: #313131;
}
.doctor_demo_container .doctor_box .basic_row_2 .user_details .user_data .user_information p {
  font-size: 0.9rem;
  font-weight: 450;
  color: #313131;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0rem;
}
.doctor_demo_container .doctor_box .basic_row_2 .user_details .user_data .user_information p img {
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media screen and (max-width: 600px) {
  .doctor_demo_container .doctor_box .basic_row_2 .user_details .user_data .user_information p img {
    width: 25px;
    height: 25px;
  }
}
.doctor_demo_container .doctor_box .basic_row_2 .user_details .user_data .user_information .article_title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
  flex-wrap: wrap;
}
.doctor_demo_container .doctor_box .basic_row_2 .user_details .user_data .user_information .article_title a {
  font-size: 0.9rem;
  font-weight: 450;
  color: #002185;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0rem;
}
.doctor_demo_container .doctor_box .basic_row_2 .user_details .user_data .user_information .article_title a:hover {
  text-decoration: underline;
}
@media screen and (max-width: 600px) {
  .doctor_demo_container .doctor_box .basic_row_2 .user_details .user_data {
    align-items: flex-start;
  }
}
.doctor_demo_container .doctor_box .filter_row_3 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.doctor_demo_container .doctor_box .filter_row_3 form {
  width: 50%;
  outline: none;
  border: none;
  position: relative;
}
.doctor_demo_container .doctor_box .filter_row_3 form select {
  font-size: 0.8rem;
  padding: 0.4rem;
  outline: none;
  border: none;
  position: relative;
}
.doctor_demo_container .doctor_box .filter_row_3 form select option {
  font-size: 0.7rem;
  padding: 0.3rem;
}
.doctor_demo_container .doctor_box .filter_row_3 form select:focus {
  outline: none;
  border-color: #666;
}
.doctor_demo_container .doctor_box .publishing_container {
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.5rem;
  display: grid;
  grid-template-columns: 1fr;
  padding: 0.5rem;
}
.doctor_demo_container .doctor_box .publishing_container .paper {
  width: 100%;
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.2rem;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
.doctor_demo_container .doctor_box .publishing_container .paper .paper_title a {
  color: #002185;
  font-size: 0.9rem;
}
.doctor_demo_container .doctor_box .publishing_container .paper .paper_title a:hover {
  text-decoration: underline;
}
.doctor_demo_container .doctor_box .publishing_container .paper .author {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
.doctor_demo_container .doctor_box .publishing_container .paper .author .name {
  flex: 0.7;
}
.doctor_demo_container .doctor_box .publishing_container .paper .author .name p {
  font-size: 0.7rem;
}
.doctor_demo_container .doctor_box .publishing_container .paper .author .date {
  flex: 0.3;
}
.doctor_demo_container .doctor_box .publishing_container .paper .date {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.doctor_demo_container .doctor_box .publishing_container .paper .date small {
  font-weight: 550;
  font-size: 0.6rem;
}
.doctor_demo_container .doctor_box .publishing_container .paper .journal p {
  font-size: 0.8rem;
}
.doctor_demo_container .doctor_box .publishing_container .paper .details {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.doctor_demo_container .doctor_box .publishing_container .paper .details .issue p {
  font-size: 0.7rem;
}
.doctor_demo_container .doctor_box .publishing_container .paper .publisher p {
  font-size: 0.8rem;
}
.doctor_demo_container .doctor_box .publishing_container .paper .pages {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.doctor_demo_container .doctor_box .publishing_container .paper .pages p {
  font-size: 0.8rem;
}
.doctor_demo_container .doctor_box .Gallery_container {
  width: 100%;
  padding: 0.5rem;
}
.doctor_demo_container .doctor_box .Gallery_container .gallery_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.doctor_demo_container .doctor_box .Gallery_container .gallery_title .left {
  flex: 0.5;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.doctor_demo_container .doctor_box .Gallery_container .gallery_title .left h2 {
  font-size: 1.5rem;
}
.doctor_demo_container .doctor_box .Gallery_container .gallery_title .left .icon {
  font-size: 1.3rem;
  color: green;
}
.doctor_demo_container .doctor_box .Gallery_container .gallery_title .right {
  flex: 0.5;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0.5rem;
}
.doctor_demo_container .doctor_box .Gallery_container .gallery_title .right form {
  outline: none;
  border: none;
  position: relative;
}
.doctor_demo_container .doctor_box .Gallery_container .gallery_title .right form select {
  font-size: 0.8rem;
  padding: 0.2rem 0.6rem;
  outline: none;
  border: none;
  position: relative;
  border: 1px solid gray;
  border-radius: 2rem;
}
.doctor_demo_container .doctor_box .Gallery_container .gallery_title .right form select option {
  font-size: 0.7rem;
  padding: 0.3rem;
}
.doctor_demo_container .doctor_box .Gallery_container .gallery_title .right form select:focus {
  outline: none;
  border-color: #666;
}
.doctor_demo_container .doctor_box .Gallery_container .gallery_container {
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 0.5rem;
  padding: 0.5rem;
  border-radius: 0rem;
  position: relative;
}
.doctor_demo_container .doctor_box .Gallery_container .gallery_container .full_image {
  position: absolute;
  top: 0%;
  left: 0%;
  display: none;
  z-index: 500;
  margin: auto;
  width: 100%;
  height: 100%;
  background: linear-gradient(#a661d4, #a661d4);
}
.doctor_demo_container .doctor_box .Gallery_container .gallery_container .full_image .close_Full_Image_gallery {
  position: absolute;
  right: 3%;
  top: 5%;
}
.doctor_demo_container .doctor_box .Gallery_container .gallery_container .full_image .close_Full_Image_gallery span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  color: red;
  cursor: pointer;
  place-items: center;
  transition: all 0.3s ease-in-out;
}
.doctor_demo_container .doctor_box .Gallery_container .gallery_container .full_image .close_Full_Image_gallery span:hover {
  filter: drop-shadow(0px 4px 5px rgba(255, 156, 117, 0.6));
  scale: 1.2;
  transition: all 0.3s ease-in-out;
}
.doctor_demo_container .doctor_box .Gallery_container .gallery_container .full_image img {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60%;
  height: 150px;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.5));
  border-radius: 10px;
  z-index: 1000;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 600px) {
  .doctor_demo_container .doctor_box .Gallery_container .gallery_container .full_image img {
    width: 70%;
    height: 150px;
  }
}
.doctor_demo_container .doctor_box .Gallery_container .gallery_container .gallery_box {
  width: 100%;
  height: auto;
  margin: 0rem auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 10px;
  position: relative;
  z-index: 1;
}
.doctor_demo_container .doctor_box .Gallery_container .gallery_container .gallery_box .gallery_item {
  position: relative;
  width: 100%;
}
.doctor_demo_container .doctor_box .Gallery_container .gallery_container .gallery_box .gallery_item .actions {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
}
.doctor_demo_container .doctor_box .Gallery_container .gallery_container .gallery_box .gallery_item .actions .icon {
  font-size: 1.4rem;
  color: #ffffff;
  display: none;
  transition: all 0.4s ease-in-out;
}
.doctor_demo_container .doctor_box .Gallery_container .gallery_container .gallery_box .gallery_item img {
  width: 100%;
  transition: filter 0.5s ease-in-out;
  position: relative;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
  transition: filter 0.1s ease-in-out;
}
.doctor_demo_container .doctor_box .Gallery_container .gallery_container .gallery_box .gallery_item img:hover {
  filter: brightness(0.6) grayscale(1);
  transition: filter 0.1s ease-in-out;
}
.doctor_demo_container .doctor_box .Gallery_container .gallery_container .gallery_box .gallery_item img:hover + .actions .icon {
  display: block;
  transition: all 0.4s ease-in-out;
  z-index: -1;
  cursor: pointer;
}
.doctor_demo_container .doctor_box .Gallery_container .gallery_container .gallery_box .gallery_item img:hover + .actions .icon:hover + img {
  filter: brightness(0.6) grayscale(1);
  scale: 1.05;
  transition: filter 0.1s ease-in-out;
}
.doctor_demo_container .doctor_box .Gallery_container .documents {
  width: 100%;
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.doctor_demo_container .doctor_box .Gallery_container .documents p {
  font-weight: 450;
  font-size: 0.9rem;
  color: rgb(255, 93, 93);
}
.doctor_demo_container .doctor_box .Footer {
  position: relative;
  padding-top: 3rem;
  width: 100%;
}
.doctor_demo_container .doctor_box .Footer .footer_container {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 600;
  padding: 10px 0px;
}
.doctor_demo_container .doctor_box .Footer .footer_container p {
  font-size: 0.8rem;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  color: #ffffff;
  font-weight: 400;
  letter-spacing: 1px;
}
@media (max-width: 600px) {
  .doctor_demo_container .doctor_box .Footer .footer_container p {
    font-size: 0.7rem;
  }
}
.doctor_demo_container .doctor_box .Footer .footer_container svg {
  position: absolute;
  z-index: -1;
  bottom: 0%;
  left: 0%;
  width: 100%;
}
.doctor_demo_container .doctor_box::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 600px) {
  .doctor_demo_container .doctor_box {
    width: 100vw !important;
    min-width: 100vw;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin-top: 0rem !important;
  }
}
.doctor_demo_container .article_box {
  min-width: 450px;
  max-width: 450px;
  margin-top: 0px !important;
  min-height: 100vh;
  max-height: 100vh;
  overflow-x: hidden;
  overflow-y: scroll;
  background: linear-gradient(160deg, #ffffff 50%, #ffffff 50%);
  filter: drop-shadow(0px 4px 5px rgba(56, 56, 56, 0.6509803922));
}
.doctor_demo_container .article_box .view_article_header {
  width: 100%;
  min-height: 5vh;
  background-color: #fff;
  border-bottom: 1px solid rgb(231, 231, 231);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem;
}
.doctor_demo_container .article_box .view_article_header .left {
  flex: 0.5;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.doctor_demo_container .article_box .view_article_header .left i {
  font-size: 1.5rem;
  cursor: pointer;
}
.doctor_demo_container .article_box .view_article_header .right {
  flex: 0.5;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.doctor_demo_container .article_box .view_article_header .right img {
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  border-radius: 50%;
  border: 1px solid rgb(204, 204, 204);
}
.doctor_demo_container .article_box .author_details {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  padding: 0.5rem;
}
.doctor_demo_container .article_box .author_details .profile img {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  border: 1px solid rgb(204, 204, 204);
}
.doctor_demo_container .article_box .author_details .name p {
  font-size: 0.9rem;
  font-weight: 450;
}
.doctor_demo_container .article_box .article {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
}
.doctor_demo_container .article_box .article .article_header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.doctor_demo_container .article_box .article .article_header h2 {
  font-size: 0.9rem;
  font-weight: 450;
  color: #002185;
}
.doctor_demo_container .article_box .article table {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
}
.doctor_demo_container .article_box .article table thead {
  flex: 0.4;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.doctor_demo_container .article_box .article table thead tr {
  padding: 0.5rem;
  max-height: 100px;
  min-height: 50px;
}
.doctor_demo_container .article_box .article table thead tr th {
  font-size: 0.9rem;
  font-weight: 450;
}
.doctor_demo_container .article_box .article table tbody {
  flex: 0.6;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.doctor_demo_container .article_box .article table tbody tr {
  padding: 0.5rem;
  max-height: 100px;
  min-height: 50px;
}
.doctor_demo_container .article_box .article table tbody tr td {
  font-size: 0.9rem;
  font-weight: 450;
}
.doctor_demo_container .article_box::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 600px) {
  .doctor_demo_container .article_box {
    width: 100vw !important;
    min-width: 100vw;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin-top: 0rem;
  }
}
.doctor_demo_container::-webkit-scrollbar {
  width: 6px !important;
  height: 4px !important;
  background-color: #4375ff, #0084ff;
}
@media screen and (max-width: 650px) {
  .doctor_demo_container::-webkit-scrollbar {
    display: none !important;
  }
}
.doctor_demo_container::-webkit-scrollbar-thumb {
  width: 6px !important;
  height: 4px !important;
  border-radius: 10px;
  z-index: 10;
  cursor: pointer;
  background-color: #fff !important;
}
.doctor_demo_container::-webkit-scrollbar-thumb:hover {
  background-color: rgb(36, 231, 222);
}
.date-input {
  appearance: none; /* Remove default styling */
  -webkit-appearance: none; /* Remove default styling in Safari */
  -moz-appearance: none; /* Remove default styling in Firefox */
  padding: 10px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.date-input::-moz-placeholder {
  color: #888; /* Placeholder color */
}
.date-input::placeholder {
  color: #888; /* Placeholder color */
}
/* Custom icon for the date picker */
.date-input::-webkit-calendar-picker-indicator {
  cursor: pointer;
  color: transparent;
  opacity: 1;
  position: absolute;
  right: 10px;
  top: 70%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url("https://img.icons8.com/emoji/48/calendar-emoji.png") no-repeat center center;
  background-size: contain;
}

.teacher_design4_demo_container {
  width: 100vw;
  max-height: 100vh;
  height: 100vh;
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin: auto;
  color: #303030;
  overflow: hidden;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.teacher_design4_demo_container .full_image {
  display: none;
  z-index: 500;
  margin: auto;
  width: 100%;
  height: 100%;
  background: linear-gradient(#fff, #fff);
  position: absolute;
  top: 0%;
  left: 0%;
}
.teacher_design4_demo_container .full_image .close_Full_Image_gallery {
  position: absolute;
  width: 100%;
  left: 90%;
  top: 15%;
}
.teacher_design4_demo_container .full_image .close_Full_Image_gallery .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  color: red;
  cursor: pointer;
  place-items: center;
  transition: all 0.3s ease-in-out;
}
.teacher_design4_demo_container .full_image .close_Full_Image_gallery .icon:hover {
  filter: drop-shadow(0px 4px 5px rgba(255, 156, 117, 0.6));
  scale: 1.2;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 600px) {
  .teacher_design4_demo_container .full_image .close_Full_Image_gallery {
    position: absolute;
    width: 100%;
    left: 90%;
    top: 5%;
  }
}
.teacher_design4_demo_container .full_image img {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 700px;
  height: 450px;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.5));
  border-radius: 5px;
  z-index: 1000;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 600px) {
  .teacher_design4_demo_container .full_image img {
    width: 90%;
    height: 200px;
  }
}
.teacher_design4_demo_container .lottie {
  position: absolute;
  width: 100vw;
  height: 100vh;
  left: 0%;
  top: 0%;
  scale: 1;
  filter: brightness(100%);
  opacity: 1;
}
.teacher_design4_demo_container .teacher_design4_box {
  min-width: 450px;
  max-width: 450px;
  min-height: 100vh;
  max-height: 100vh;
  overflow-x: hidden;
  overflow-y: scroll;
  background: linear-gradient(0deg, #CAEFFD 0%, #CAEFFD 100%);
  filter: drop-shadow(0px 4px 5px rgba(88, 88, 88, 0.431372549));
  position: relative;
}
.teacher_design4_demo_container .teacher_design4_box .Image_row_1 {
  width: 100%;
  max-width: 100%;
  max-height: 300px;
  min-height: 200px;
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: linear-gradient(120deg, #dfff94, #96e6a1);
  z-index: 1;
  background-repeat: no-repeat;
}
.teacher_design4_demo_container .teacher_design4_box .Image_row_1 .row1_lottie {
  position: absolute;
  width: 100%;
  max-height: 100%;
  min-height: 100%;
  left: 0%;
  top: 0%;
  scale: 1.05;
  display: none;
  opacity: 1;
}
.teacher_design4_demo_container .teacher_design4_box .Image_row_1 .views {
  position: absolute;
  left: 0%;
  top: 0%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  color: #5c5c5c;
  background-color: #ffffff;
  padding: 5px 2rem;
  border-top-right-radius: 0rem;
  border-bottom-right-radius: 3rem;
}
.teacher_design4_demo_container .teacher_design4_box .Image_row_1 .views h6 {
  letter-spacing: 1px;
  font-size: 0.8rem;
}
.teacher_design4_demo_container .teacher_design4_box .Image_row_1 .views p {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  font-size: 0.9rem;
  font-weight: 550;
  letter-spacing: 1px;
  color: #43996a;
}
.teacher_design4_demo_container .teacher_design4_box .Image_row_1 .views p sup {
  font-size: 0.9rem;
  font-weight: 550;
}
.teacher_design4_demo_container .teacher_design4_box .Image_row_1 .views p i {
  font-size: 1.4rem;
}
.teacher_design4_demo_container .teacher_design4_box .Image_row_1 .user_logo {
  position: absolute;
  bottom: -20%;
  width: 100%;
  min-height: 100%;
  max-height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.teacher_design4_demo_container .teacher_design4_box .Image_row_1 .user_logo img {
  z-index: 2;
  width: 100px;
  height: 100px;
  display: block;
  border-radius: 1rem;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  image-rendering: crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  border: 2px solid rgb(219, 219, 219);
  filter: drop-shadow(0px 4px 5px rgba(95, 95, 95, 0.4)) brightness(100%);
  outline: 1px solid #f8f8f8;
  animation: none !important;
}
@keyframes profileBorder {
  0% {
    border: 3px solid #ffffff;
    transform: translateY(0px);
  }
  25% {
    border: 3px solid #ffffff;
    transform: translateY(-5px);
  }
  50% {
    border: 3px solid #ffffff;
    transform: translateY(-10px);
  }
  75% {
    border: 3px solid rgb(255, 255, 255);
    transform: translateY(-5px);
  }
  100% {
    border: 3px solid #ffffff;
    transform: translateY(0px);
  }
}
.teacher_design4_demo_container .teacher_design4_box .Image_row_1 .user_logo .svg_image {
  position: absolute;
  z-index: 1;
}
.teacher_design4_demo_container .teacher_design4_box .Image_row_1 .user_logo .svg_image img {
  width: 200px;
  height: 200px;
  border: none;
  filter: drop-shadow(0px 4px 5px rgba(255, 255, 255, 0.631372549));
  animation: profileSVGAnime 5s infinite linear;
}
@keyframes profileSVGAnime {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(90deg);
  }
  50% {
    transform: rotate(180deg);
  }
  75% {
    transform: rotate(270deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.teacher_design4_demo_container .teacher_design4_box .Image_row_1 .heart {
  position: absolute;
  left: 21%;
  top: 60%;
  z-index: 10;
  display: none;
}
.teacher_design4_demo_container .teacher_design4_box .Image_row_1 .heart .plus {
  position: absolute;
  top: -35%;
  right: -25%;
  z-index: -1;
}
.teacher_design4_demo_container .teacher_design4_box .Image_row_1 .heart .plus i {
  font-size: 1rem;
  font-weight: 700;
}
.teacher_design4_demo_container .teacher_design4_box .Image_row_1 .heart .plus .minus {
  color: red;
}
.teacher_design4_demo_container .teacher_design4_box .Image_row_1 .heart .plus .plus {
  color: gray;
}
@media screen and (max-width: 776px) {
  .teacher_design4_demo_container .teacher_design4_box .Image_row_1 .heart {
    position: absolute;
    left: 25%;
    top: 65%;
    z-index: 10;
  }
}
.teacher_design4_demo_container .teacher_design4_box .Image_row_1 .contacts_btns {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  gap: 1rem;
  position: absolute;
  top: 5%;
  right: 0%;
  padding-right: 1rem;
}
.teacher_design4_demo_container .teacher_design4_box .Image_row_1 .contacts_btns a {
  text-decoration: none;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 35px;
  height: 35px;
  background-color: #ffffff;
  color: #5c5c5c;
  border-radius: 50%;
  transition: all 0.4s linear;
}
.teacher_design4_demo_container .teacher_design4_box .Image_row_1 .contacts_btns a i {
  font-size: 1rem;
  color: #5c5c5c;
}
.teacher_design4_demo_container .teacher_design4_box .Image_row_1 .contacts_btns a .plus {
  position: absolute;
  right: 15%;
  top: -14%;
}
.teacher_design4_demo_container .teacher_design4_box .Image_row_1 .contacts_btns a .plus i {
  font-size: 0.6rem;
  font-weight: 600;
  color: #5c5c5c;
}
.teacher_design4_demo_container .teacher_design4_box .Image_row_1 .contacts_btns a small {
  font-size: 0.7rem;
  font-weight: 500;
}
.teacher_design4_demo_container .teacher_design4_box .Image_row_1 .contacts_btns a:hover {
  background-color: #ffffff;
  color: #5c5c5c;
  scale: 1.05;
  box-shadow: 0px 4px 5px rgba(255, 255, 255, 0.4);
  transition: all 0.4s linear;
}
.teacher_design4_demo_container .teacher_design4_box .Image_row_1 .contacts_btns a:hover i {
  color: #4d90fe;
}
.teacher_design4_demo_container .teacher_design4_box .Image_row_1 .overlay {
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(rgba(16, 18, 22, 0) 0%, #CAEFFD 100%);
}
.teacher_design4_demo_container .teacher_design4_box .basic_row_2 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  position: relative;
  padding: 0.5rem;
  z-index: 1;
  overflow: hidden;
}
.teacher_design4_demo_container .teacher_design4_box .basic_row_2 .row2_lottie {
  position: absolute;
  width: 100%;
  max-height: 100%;
  height: 100%;
  left: 0%;
  top: -25%;
  scale: 1.2;
  opacity: 1;
  z-index: -1;
  transform: rotate(10deg);
}
.teacher_design4_demo_container .teacher_design4_box .basic_row_2 .user_details {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.teacher_design4_demo_container .teacher_design4_box .basic_row_2 .user_details .user_data {
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex: 1;
  gap: 15px;
  width: 100%;
  height: 100%;
}
.teacher_design4_demo_container .teacher_design4_box .basic_row_2 .user_details .user_data .user_information {
  display: flex;
  flex: 1;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  text-align: center;
}
.teacher_design4_demo_container .teacher_design4_box .basic_row_2 .user_details .user_data .user_information h2 {
  font-size: 1.3rem;
  font-weight: 550;
  letter-spacing: 1px;
  color: #313131;
  display: flex;
  flex-direction: column;
}
.teacher_design4_demo_container .teacher_design4_box .basic_row_2 .user_details .user_data .user_information h2 strong {
  font-size: 1.1rem;
  font-weight: 550;
  color: rgba(99, 99, 99, 0.863);
}
.teacher_design4_demo_container .teacher_design4_box .basic_row_2 .user_details .user_data .user_information p {
  font-size: 0.9rem;
  font-weight: 450;
  color: #313131;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0rem;
  text-align: start;
}
.teacher_design4_demo_container .teacher_design4_box .basic_row_2 .user_details .user_data .user_information p img {
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media screen and (max-width: 600px) {
  .teacher_design4_demo_container .teacher_design4_box .basic_row_2 .user_details .user_data .user_information p img {
    width: 25px;
    height: 25px;
  }
}
.teacher_design4_demo_container .teacher_design4_box .basic_row_2 .user_details .user_data .user_information .article_title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.teacher_design4_demo_container .teacher_design4_box .basic_row_2 .user_details .user_data .user_information .article_title h5 {
  font-size: 0.7rem;
  letter-spacing: 1px;
  font-weight: 450;
  color: #f7f7f7;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0rem;
  background-color: #5c5c5c;
  padding: 0.3rem 1.5rem;
  border-radius: 0.2rem;
}
@media screen and (max-width: 600px) {
  .teacher_design4_demo_container .teacher_design4_box .basic_row_2 .user_details .user_data {
    align-items: flex-start;
  }
}
.teacher_design4_demo_container .teacher_design4_box .filter_row_3 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0.5rem;
  overflow-x: hidden;
}
.teacher_design4_demo_container .teacher_design4_box .filter_row_3 form {
  width: 50%;
  outline: none;
  border: none;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.teacher_design4_demo_container .teacher_design4_box .filter_row_3 form select {
  font-size: 0.8rem;
  padding: 0.4rem 0.5rem;
  outline: none;
  border: none;
  position: relative;
  background: #eeeeee;
  font-weight: 600;
  color: #464646;
  width: 100px;
  border-radius: 2rem;
}
.teacher_design4_demo_container .teacher_design4_box .filter_row_3 form select option {
  font-size: 0.7rem;
  padding: 0.3rem 0px;
  background: #ffffff;
  font-weight: 550;
}
.teacher_design4_demo_container .teacher_design4_box .filter_row_3 form select:focus {
  outline: none;
  border-color: #666;
}
.teacher_design4_demo_container .teacher_design4_box .publishing_container {
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.5rem;
  display: grid;
  grid-template-columns: 1fr;
  padding: 0.5rem;
  overflow-x: hidden;
}
.teacher_design4_demo_container .teacher_design4_box .publishing_container .paper {
  width: 100%;
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.2rem;
  color: #535353 !important;
  border-radius: 10px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  background-color: rgb(255, 255, 255);
}
.teacher_design4_demo_container .teacher_design4_box .publishing_container .paper .paper_title a {
  color: #333333;
  font-size: 0.9rem;
  cursor: pointer;
  font-weight: 550;
}
.teacher_design4_demo_container .teacher_design4_box .publishing_container .paper .paper_title a:hover {
  text-decoration: underline;
}
.teacher_design4_demo_container .teacher_design4_box .publishing_container .paper .author {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
.teacher_design4_demo_container .teacher_design4_box .publishing_container .paper .author .name {
  flex: 0.7;
}
.teacher_design4_demo_container .teacher_design4_box .publishing_container .paper .author .name p {
  font-size: 0.8rem;
  color: rgb(97, 97, 97);
  font-weight: 500;
}
.teacher_design4_demo_container .teacher_design4_box .publishing_container .paper .author .date {
  flex: 0.3;
  color: rgb(179, 179, 179);
}
.teacher_design4_demo_container .teacher_design4_box .publishing_container .paper .author .date small {
  font-size: 0.9rem;
}
.teacher_design4_demo_container .teacher_design4_box .publishing_container .paper .date {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.teacher_design4_demo_container .teacher_design4_box .publishing_container .paper .date small {
  font-weight: 550;
  font-size: 0.6rem;
}
.teacher_design4_demo_container .teacher_design4_box .publishing_container .paper .journal p {
  font-size: 0.8rem;
}
.teacher_design4_demo_container .teacher_design4_box .publishing_container .paper .details {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.teacher_design4_demo_container .teacher_design4_box .publishing_container .paper .details .issue p {
  font-size: 0.7rem;
}
.teacher_design4_demo_container .teacher_design4_box .publishing_container .paper .publisher p {
  font-size: 0.8rem;
}
.teacher_design4_demo_container .teacher_design4_box .publishing_container .paper .pages {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.teacher_design4_demo_container .teacher_design4_box .publishing_container .paper .pages small {
  font-size: 0.8rem;
  color: rgb(167, 123, 216);
}
.teacher_design4_demo_container .teacher_design4_box .Gallery_container {
  width: 100%;
  padding: 0.5rem;
  overflow-x: hidden;
}
.teacher_design4_demo_container .teacher_design4_box .Gallery_container .gallery_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.teacher_design4_demo_container .teacher_design4_box .Gallery_container .gallery_title .left {
  flex: 0.5;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.teacher_design4_demo_container .teacher_design4_box .Gallery_container .gallery_title .left h2 {
  font-size: 1.5rem;
}
.teacher_design4_demo_container .teacher_design4_box .Gallery_container .gallery_title .left .icon {
  font-size: 1.3rem;
  color: green;
}
.teacher_design4_demo_container .teacher_design4_box .Gallery_container .gallery_title .right {
  flex: 0.5;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0.5rem;
}
.teacher_design4_demo_container .teacher_design4_box .Gallery_container .gallery_title .right form {
  outline: none;
  border: none;
  position: relative;
}
.teacher_design4_demo_container .teacher_design4_box .Gallery_container .gallery_title .right form select {
  font-size: 0.8rem;
  padding: 0.2rem 0.6rem;
  outline: none;
  border: none;
  position: relative;
  border: 1px solid gray;
  border-radius: 2rem;
}
.teacher_design4_demo_container .teacher_design4_box .Gallery_container .gallery_title .right form select option {
  font-size: 0.7rem;
  padding: 0.3rem;
}
.teacher_design4_demo_container .teacher_design4_box .Gallery_container .gallery_title .right form select:focus {
  outline: none;
  border-color: #666;
}
.teacher_design4_demo_container .teacher_design4_box .Gallery_container .gallery_container {
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 0.5rem;
  padding: 0.5rem;
  border-radius: 0rem;
  position: relative;
}
.teacher_design4_demo_container .teacher_design4_box .Gallery_container .gallery_container .full_image {
  position: absolute;
  top: 0%;
  left: 0%;
  display: none;
  z-index: 500;
  margin: auto;
  width: 100%;
  height: 100%;
  background: linear-gradient(#a661d4, #a661d4);
}
.teacher_design4_demo_container .teacher_design4_box .Gallery_container .gallery_container .full_image .close_Full_Image_gallery {
  position: absolute;
  right: 3%;
  top: 5%;
}
.teacher_design4_demo_container .teacher_design4_box .Gallery_container .gallery_container .full_image .close_Full_Image_gallery span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  color: red;
  cursor: pointer;
  place-items: center;
  transition: all 0.3s ease-in-out;
}
.teacher_design4_demo_container .teacher_design4_box .Gallery_container .gallery_container .full_image .close_Full_Image_gallery span:hover {
  filter: drop-shadow(0px 4px 5px rgba(255, 156, 117, 0.6));
  scale: 1.2;
  transition: all 0.3s ease-in-out;
}
.teacher_design4_demo_container .teacher_design4_box .Gallery_container .gallery_container .full_image img {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60%;
  height: 150px;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.5));
  border-radius: 10px;
  z-index: 1000;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 600px) {
  .teacher_design4_demo_container .teacher_design4_box .Gallery_container .gallery_container .full_image img {
    width: 70%;
    height: 150px;
  }
}
.teacher_design4_demo_container .teacher_design4_box .Gallery_container .gallery_container .gallery_box {
  width: 100%;
  height: 100%;
  margin: 0rem auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, auto));
  gap: 10px;
  position: relative;
  z-index: 1;
  grid-auto-rows: 50px;
}
.teacher_design4_demo_container .teacher_design4_box .Gallery_container .gallery_container .gallery_box .large,
.teacher_design4_demo_container .teacher_design4_box .Gallery_container .gallery_container .gallery_box .medium,
.teacher_design4_demo_container .teacher_design4_box .Gallery_container .gallery_container .gallery_box .small {
  width: 100%;
  height: 100%;
  display: flex;
  grid-column: auto/span 1;
}
.teacher_design4_demo_container .teacher_design4_box .Gallery_container .gallery_container .gallery_box .large {
  grid-row: span 5;
}
.teacher_design4_demo_container .teacher_design4_box .Gallery_container .gallery_container .gallery_box .medium {
  grid-row: span 3;
}
.teacher_design4_demo_container .teacher_design4_box .Gallery_container .gallery_container .gallery_box .small {
  grid-row: span 2;
}
.teacher_design4_demo_container .teacher_design4_box .Gallery_container .gallery_container .gallery_box .gallery_item {
  position: relative;
  width: 100%;
  height: 100%;
}
.teacher_design4_demo_container .teacher_design4_box .Gallery_container .gallery_container .gallery_box .gallery_item .actions {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
}
.teacher_design4_demo_container .teacher_design4_box .Gallery_container .gallery_container .gallery_box .gallery_item .actions .icon {
  font-size: 1.4rem;
  color: #ffffff;
  display: none;
  transition: all 0.4s ease-in-out;
}
.teacher_design4_demo_container .teacher_design4_box .Gallery_container .gallery_container .gallery_box .gallery_item img {
  width: 100%;
  height: 100%;
  transition: filter 0.5s ease-in-out;
  position: relative;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  border-radius: 0.5rem;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
  transition: filter 0.1s ease-in-out;
}
.teacher_design4_demo_container .teacher_design4_box .Gallery_container .gallery_container .gallery_box .gallery_item img:hover {
  filter: brightness(0.6) grayscale(1);
  transition: filter 0.1s ease-in-out;
}
.teacher_design4_demo_container .teacher_design4_box .Gallery_container .gallery_container .gallery_box .gallery_item img:hover + .actions .icon {
  display: block;
  transition: all 0.4s ease-in-out;
  z-index: -1;
  cursor: pointer;
}
.teacher_design4_demo_container .teacher_design4_box .Gallery_container .gallery_container .gallery_box .gallery_item img:hover + .actions .icon:hover + img {
  filter: brightness(0.6) grayscale(1);
  scale: 1.05;
  transition: filter 0.1s ease-in-out;
}
@media screen and (max-width: 776px) {
  .teacher_design4_demo_container .teacher_design4_box .Gallery_container .gallery_container .gallery_box .gallery_item img {
    height: 100%;
  }
  .teacher_design4_demo_container .teacher_design4_box .Gallery_container .gallery_container .gallery_box .gallery_item {
    height: 100%;
  }
  .teacher_design4_demo_container .teacher_design4_box .Gallery_container .gallery_container .gallery_box {
    grid-template-columns: 1fr 1fr;
  }
}
.teacher_design4_demo_container .teacher_design4_box .Gallery_container .documents {
  width: 100%;
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.teacher_design4_demo_container .teacher_design4_box .Gallery_container .documents p {
  font-weight: 450;
  font-size: 0.9rem;
  color: rgb(255, 93, 93);
}
.teacher_design4_demo_container .teacher_design4_box .Footer {
  position: relative;
  overflow-x: hidden;
  padding-top: 3rem;
  width: 100%;
}
.teacher_design4_demo_container .teacher_design4_box .Footer .footer_container {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 600;
  padding: 10px 0px;
}
.teacher_design4_demo_container .teacher_design4_box .Footer .footer_container p {
  font-size: 0.8rem;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  color: #5c5c5c;
  font-weight: 600;
  letter-spacing: 1px;
}
@media (max-width: 600px) {
  .teacher_design4_demo_container .teacher_design4_box .Footer .footer_container p {
    font-size: 0.7rem;
  }
}
.teacher_design4_demo_container .teacher_design4_box .Footer .footer_container svg {
  position: absolute;
  z-index: -1;
  bottom: 0%;
  left: 0%;
  width: 100%;
}
.teacher_design4_demo_container .teacher_design4_box::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 600px) {
  .teacher_design4_demo_container .teacher_design4_box {
    width: 100vw !important;
    min-width: 100vw;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin-top: 0rem !important;
  }
}
.teacher_design4_demo_container .article_box {
  min-width: 450px;
  max-width: 450px;
  margin-top: 0px !important;
  min-height: 100vh;
  max-height: 100vh;
  overflow-x: hidden;
  overflow-y: scroll;
  background: linear-gradient(160deg, #CAEFFD 50%, #CAEFFD 50%);
  filter: drop-shadow(0px 4px 5px rgba(56, 56, 56, 0.6509803922));
}
.teacher_design4_demo_container .article_box .view_article_header {
  width: 100%;
  min-height: 5vh;
  background-color: #fff;
  border-bottom: 1px solid rgb(231, 231, 231);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem;
}
.teacher_design4_demo_container .article_box .view_article_header .left {
  flex: 0.5;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.teacher_design4_demo_container .article_box .view_article_header .left i {
  font-size: 1.5rem;
  cursor: pointer;
}
.teacher_design4_demo_container .article_box .view_article_header .right {
  flex: 0.5;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.teacher_design4_demo_container .article_box .view_article_header .right img {
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  border-radius: 50%;
  border: 1px solid rgb(204, 204, 204);
}
.teacher_design4_demo_container .article_box .author_details {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  padding: 0.5rem;
}
.teacher_design4_demo_container .article_box .author_details .profile img {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  border: 1px solid rgb(204, 204, 204);
}
.teacher_design4_demo_container .article_box .author_details .name p {
  font-size: 0.9rem;
  font-weight: 450;
}
.teacher_design4_demo_container .article_box .article {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
}
.teacher_design4_demo_container .article_box .article .article_header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.teacher_design4_demo_container .article_box .article .article_header h2 {
  font-size: 0.9rem;
  font-weight: 450;
  color: #002185;
}
.teacher_design4_demo_container .article_box .article table {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
}
.teacher_design4_demo_container .article_box .article table thead {
  flex: 0.4;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.teacher_design4_demo_container .article_box .article table thead tr {
  padding: 0.5rem;
  max-height: 100px;
  min-height: 50px;
}
.teacher_design4_demo_container .article_box .article table thead tr th {
  font-size: 0.9rem;
  font-weight: 450;
}
.teacher_design4_demo_container .article_box .article table tbody {
  flex: 0.6;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.teacher_design4_demo_container .article_box .article table tbody tr {
  padding: 0.5rem;
  max-height: 100px;
  min-height: 50px;
}
.teacher_design4_demo_container .article_box .article table tbody tr td {
  font-size: 0.9rem;
  font-weight: 450;
}
.teacher_design4_demo_container .article_box::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 600px) {
  .teacher_design4_demo_container .article_box {
    width: 100vw !important;
    min-width: 100vw;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin-top: 0rem;
  }
}
.teacher_design4_demo_container::-webkit-scrollbar {
  width: 6px !important;
  height: 4px !important;
  background-color: #4375ff, #0084ff;
}
@media screen and (max-width: 650px) {
  .teacher_design4_demo_container::-webkit-scrollbar {
    display: none !important;
  }
}
.teacher_design4_demo_container::-webkit-scrollbar-thumb {
  width: 6px !important;
  height: 4px !important;
  border-radius: 10px;
  z-index: 10;
  cursor: pointer;
  background-color: #fff !important;
}
.teacher_design4_demo_container::-webkit-scrollbar-thumb:hover {
  background-color: rgb(36, 231, 222);
}
.date-input {
  appearance: none; /* Remove default styling */
  -webkit-appearance: none; /* Remove default styling in Safari */
  -moz-appearance: none; /* Remove default styling in Firefox */
  padding: 10px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.date-input::-moz-placeholder {
  color: #888; /* Placeholder color */
}
.date-input::placeholder {
  color: #888; /* Placeholder color */
}
/* Custom icon for the date picker */
.date-input::-webkit-calendar-picker-indicator {
  cursor: pointer;
  color: transparent;
  opacity: 1;
  position: absolute;
  right: 10px;
  top: 70%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url("https://img.icons8.com/emoji/48/calendar-emoji.png") no-repeat center center;
  background-size: contain;
}

.teacher_design5_demo_container {
  width: 100vw;
  max-height: 100vh;
  height: 100vh;
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin: auto;
  color: #303030;
  overflow-y: hidden;
  overflow-x: hidden;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.teacher_design5_demo_container .full_image {
  display: none;
  z-index: 500;
  margin: auto;
  width: 100%;
  height: 100%;
  background: linear-gradient(#fff, #fff);
  position: absolute;
  top: 0%;
  left: 0%;
}
.teacher_design5_demo_container .full_image .close_Full_Image_gallery {
  position: absolute;
  width: 100%;
  left: 90%;
  top: 15%;
}
.teacher_design5_demo_container .full_image .close_Full_Image_gallery .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  color: red;
  cursor: pointer;
  place-items: center;
  transition: all 0.3s ease-in-out;
}
.teacher_design5_demo_container .full_image .close_Full_Image_gallery .icon:hover {
  filter: drop-shadow(0px 4px 5px rgba(255, 156, 117, 0.6));
  scale: 1.2;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 600px) {
  .teacher_design5_demo_container .full_image .close_Full_Image_gallery {
    position: absolute;
    width: 100%;
    left: 90%;
    top: 5%;
  }
}
.teacher_design5_demo_container .full_image img {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 700px;
  height: 450px;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.5));
  border-radius: 5px;
  z-index: 1000;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 600px) {
  .teacher_design5_demo_container .full_image img {
    width: 90%;
    height: 200px;
  }
}
.teacher_design5_demo_container .lottie {
  position: absolute;
  width: 100vw;
  height: 100vh;
  left: 0%;
  top: 0%;
  scale: 1.1;
  filter: brightness(100%);
  opacity: 0.3;
}
.teacher_design5_demo_container .teacher_design5_box {
  min-width: 450px;
  max-width: 450px;
  min-height: 100vh;
  max-height: 100vh;
  overflow-x: hidden;
  overflow-y: scroll;
  background: linear-gradient(180deg, #befffc 50%, #befffc 70%);
  filter: drop-shadow(0px 4px 5px rgba(88, 88, 88, 0.431372549));
  position: relative;
  z-index: 1;
}
.teacher_design5_demo_container .teacher_design5_box .Image_row_1 {
  width: 100%;
  max-width: 100%;
  max-height: 400px;
  min-height: 200px;
  position: relative;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: space-between;
  gap: 1rem;
  background: linear-gradient(120deg, #ffef93, #ffed9b);
  z-index: 3;
  padding: 1.5rem 0.5rem;
  overflow: hidden;
}
.teacher_design5_demo_container .teacher_design5_box .Image_row_1 .row1_lottie {
  position: absolute;
  width: 100%;
  max-height: 100%;
  height: 100%;
  left: 0%;
  top: 0%;
  overflow: hidden;
  scale: 1;
  opacity: 0.8;
}
.teacher_design5_demo_container .teacher_design5_box .Image_row_1 .views {
  position: absolute;
  right: 0%;
  top: 0%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 5px;
  color: #424242;
  padding: 5px 0.5rem;
  border-top-left-radius: 0rem;
  border-bottom-left-radius: 3rem;
}
.teacher_design5_demo_container .teacher_design5_box .Image_row_1 .views h6 {
  letter-spacing: 1px;
  font-size: 0.9rem;
}
.teacher_design5_demo_container .teacher_design5_box .Image_row_1 .views p {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  font-size: 0.9rem;
  font-weight: 550;
  letter-spacing: 1px;
  color: #4c76ff;
}
.teacher_design5_demo_container .teacher_design5_box .Image_row_1 .views p sup {
  font-size: 0.9rem;
  font-weight: 550;
}
.teacher_design5_demo_container .teacher_design5_box .Image_row_1 .views p i {
  font-size: 1.4rem;
}
.teacher_design5_demo_container .teacher_design5_box .Image_row_1 .user_logo {
  position: relative;
  width: 100%;
  min-height: 100%;
  max-height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.teacher_design5_demo_container .teacher_design5_box .Image_row_1 .user_logo img {
  z-index: 2;
  width: 100px;
  height: 100px;
  display: block;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  image-rendering: crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  border: 2px solid rgb(156, 156, 156);
  filter: drop-shadow(0px 4px 5px rgba(95, 95, 95, 0.4)) brightness(100%);
  outline: 1px solid #ffee8a;
  animation: none !important;
}
@keyframes profileBorder {
  0% {
    border: 3px solid #ffffff;
    transform: translateY(0px);
  }
  25% {
    border: 3px solid #ffffff;
    transform: translateY(-5px);
  }
  50% {
    border: 3px solid #ffffff;
    transform: translateY(-10px);
  }
  75% {
    border: 3px solid rgb(255, 255, 255);
    transform: translateY(-5px);
  }
  100% {
    border: 3px solid #ffffff;
    transform: translateY(0px);
  }
}
.teacher_design5_demo_container .teacher_design5_box .Image_row_1 .user_logo .profile_back_anime {
  position: absolute;
  left: 0%;
  top: 0%;
  width: 100%;
  height: 100%;
  transform: translate(-38%, -26%);
}
.teacher_design5_demo_container .teacher_design5_box .Image_row_1 .user_logo .svg_image {
  position: absolute;
  z-index: 1;
}
.teacher_design5_demo_container .teacher_design5_box .Image_row_1 .user_logo .svg_image img {
  width: 200px;
  height: 200px;
  border: none;
  filter: drop-shadow(0px 4px 5px rgba(255, 255, 255, 0.631372549));
  animation: profileSVGAnime 5s infinite linear;
}
@keyframes profileSVGAnime {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(90deg);
  }
  50% {
    transform: rotate(180deg);
  }
  75% {
    transform: rotate(270deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.teacher_design5_demo_container .teacher_design5_box .Image_row_1 .heart {
  position: absolute;
  left: 21%;
  top: 60%;
  z-index: 10;
  display: none;
}
.teacher_design5_demo_container .teacher_design5_box .Image_row_1 .heart .plus {
  position: absolute;
  top: -35%;
  right: -25%;
  z-index: -1;
}
.teacher_design5_demo_container .teacher_design5_box .Image_row_1 .heart .plus i {
  font-size: 1rem;
  font-weight: 700;
}
.teacher_design5_demo_container .teacher_design5_box .Image_row_1 .heart .plus .minus {
  color: red;
}
.teacher_design5_demo_container .teacher_design5_box .Image_row_1 .heart .plus .plus {
  color: gray;
}
@media screen and (max-width: 776px) {
  .teacher_design5_demo_container .teacher_design5_box .Image_row_1 .heart {
    position: absolute;
    left: 25%;
    top: 65%;
    z-index: 10;
  }
}
.teacher_design5_demo_container .teacher_design5_box .Image_row_1 .contacts_btns {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  gap: 1rem;
  position: relative;
  z-index: 7;
}
.teacher_design5_demo_container .teacher_design5_box .Image_row_1 .contacts_btns a {
  text-decoration: none;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 35px;
  height: 35px;
  background-color: #ffffff;
  color: #1a90ff;
  border-radius: 0.5rem;
  transition: all 0.4s linear;
}
.teacher_design5_demo_container .teacher_design5_box .Image_row_1 .contacts_btns a i {
  font-size: 1rem;
  color: #1a90ff;
}
.teacher_design5_demo_container .teacher_design5_box .Image_row_1 .contacts_btns a .plus {
  position: absolute;
  right: 15%;
  top: -14%;
}
.teacher_design5_demo_container .teacher_design5_box .Image_row_1 .contacts_btns a .plus i {
  font-size: 0.6rem;
  font-weight: 600;
  color: #1a90ff;
}
.teacher_design5_demo_container .teacher_design5_box .Image_row_1 .contacts_btns a small {
  font-size: 0.7rem;
  font-weight: 500;
}
.teacher_design5_demo_container .teacher_design5_box .Image_row_1 .contacts_btns a:hover {
  background-color: #ffffff;
  color: #1a90ff;
  scale: 1.05;
  box-shadow: 0px 4px 5px rgba(255, 255, 255, 0.4);
  transition: all 0.4s linear;
}
.teacher_design5_demo_container .teacher_design5_box .Image_row_1 .contacts_btns a:hover i {
  color: #4d90fe;
}
.teacher_design5_demo_container .teacher_design5_box .Image_row_1 .overlay {
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(rgba(16, 18, 22, 0) 0%, #befffc 100%);
}
.teacher_design5_demo_container .teacher_design5_box .basic_row_2 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  position: relative;
  padding: 0px 0.5rem;
  z-index: 1;
}
.teacher_design5_demo_container .teacher_design5_box .basic_row_2 .row2_lottie {
  position: absolute;
  width: 100%;
  max-height: 100%;
  height: 100%;
  left: 0%;
  top: 0%;
  scale: 1;
  opacity: 1;
  z-index: -1;
}
.teacher_design5_demo_container .teacher_design5_box .basic_row_2 .user_details {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.teacher_design5_demo_container .teacher_design5_box .basic_row_2 .user_details .user_data {
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  gap: 15px;
  width: 100%;
  height: 100%;
}
.teacher_design5_demo_container .teacher_design5_box .basic_row_2 .user_details .user_data .user_information {
  display: flex;
  flex: 1;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 0.5rem;
  text-align: center;
}
.teacher_design5_demo_container .teacher_design5_box .basic_row_2 .user_details .user_data .user_information h2 {
  font-size: 1.3rem;
  font-weight: 550;
  letter-spacing: 1px;
  color: rgb(63, 63, 63);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.teacher_design5_demo_container .teacher_design5_box .basic_row_2 .user_details .user_data .user_information h2 strong {
  font-size: 1.1rem;
  font-weight: 550;
  color: rgba(78, 160, 255, 0.863);
}
.teacher_design5_demo_container .teacher_design5_box .basic_row_2 .user_details .user_data .user_information p {
  font-size: 0.9rem;
  font-weight: 500;
  color: #424242;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0rem;
  text-align: start;
  line-height: 1.7rem;
}
.teacher_design5_demo_container .teacher_design5_box .basic_row_2 .user_details .user_data .user_information p img {
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media screen and (max-width: 600px) {
  .teacher_design5_demo_container .teacher_design5_box .basic_row_2 .user_details .user_data .user_information p img {
    width: 25px;
    height: 25px;
  }
}
.teacher_design5_demo_container .teacher_design5_box .basic_row_2 .user_details .user_data .user_information .article_title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.teacher_design5_demo_container .teacher_design5_box .basic_row_2 .user_details .user_data .user_information .article_title h5 {
  font-size: 0.7rem;
  letter-spacing: 1px;
  font-weight: 550;
  color: royalblue;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0rem;
  background-color: #ffffff;
  padding: 0.3rem 1.5rem;
  border-radius: 0.2rem;
}
@media screen and (max-width: 600px) {
  .teacher_design5_demo_container .teacher_design5_box .basic_row_2 .user_details .user_data {
    align-items: flex-start;
  }
}
.teacher_design5_demo_container .teacher_design5_box .filter_row_3 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0.5rem;
}
.teacher_design5_demo_container .teacher_design5_box .filter_row_3 form {
  width: 50%;
  outline: none;
  border: none;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.teacher_design5_demo_container .teacher_design5_box .filter_row_3 form select {
  font-size: 0.8rem;
  padding: 0.4rem 0.5rem;
  outline: none;
  border: none;
  position: relative;
  background: #e3f0ff;
  font-weight: 550;
  color: #464646;
  width: 100px;
  border-radius: 0.3rem;
}
.teacher_design5_demo_container .teacher_design5_box .filter_row_3 form select option {
  font-size: 0.7rem;
  padding: 0.3rem 0px;
  background: #ffffff;
  font-weight: 550;
}
.teacher_design5_demo_container .teacher_design5_box .filter_row_3 form select:focus {
  outline: none;
  border-color: #666;
}
.teacher_design5_demo_container .teacher_design5_box .publishing_container {
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.5rem;
  display: grid;
  grid-template-columns: 1fr;
  padding: 0.5rem;
}
.teacher_design5_demo_container .teacher_design5_box .publishing_container .paper {
  width: 100%;
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.2rem;
  color: #535353 !important;
  border-radius: 10px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  background-color: rgb(255, 255, 255);
}
.teacher_design5_demo_container .teacher_design5_box .publishing_container .paper .paper_title a {
  color: #505050;
  font-size: 0.9rem;
  cursor: pointer;
  font-weight: 550;
}
.teacher_design5_demo_container .teacher_design5_box .publishing_container .paper .paper_title a:hover {
  text-decoration: underline;
}
.teacher_design5_demo_container .teacher_design5_box .publishing_container .paper .author {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
.teacher_design5_demo_container .teacher_design5_box .publishing_container .paper .author .name {
  flex: 0.7;
}
.teacher_design5_demo_container .teacher_design5_box .publishing_container .paper .author .name p {
  font-size: 0.9rem;
  color: rgb(93, 102, 67);
  font-weight: 500;
}
.teacher_design5_demo_container .teacher_design5_box .publishing_container .paper .author .date {
  flex: 0.3;
  color: rgb(116, 116, 116);
}
.teacher_design5_demo_container .teacher_design5_box .publishing_container .paper .author .date small {
  font-size: 0.9rem;
}
.teacher_design5_demo_container .teacher_design5_box .publishing_container .paper .date {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.teacher_design5_demo_container .teacher_design5_box .publishing_container .paper .date small {
  font-weight: 550;
  font-size: 0.6rem;
}
.teacher_design5_demo_container .teacher_design5_box .publishing_container .paper .journal p {
  font-size: 0.8rem;
}
.teacher_design5_demo_container .teacher_design5_box .publishing_container .paper .details {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.teacher_design5_demo_container .teacher_design5_box .publishing_container .paper .details .issue p {
  font-size: 0.7rem;
}
.teacher_design5_demo_container .teacher_design5_box .publishing_container .paper .publisher p {
  font-size: 0.8rem;
}
.teacher_design5_demo_container .teacher_design5_box .publishing_container .paper .pages {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.teacher_design5_demo_container .teacher_design5_box .publishing_container .paper .pages small {
  font-size: 0.8rem;
  color: royalblue;
}
.teacher_design5_demo_container .teacher_design5_box .Gallery_container {
  width: 100%;
  padding: 0.5rem;
}
.teacher_design5_demo_container .teacher_design5_box .Gallery_container .gallery_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.teacher_design5_demo_container .teacher_design5_box .Gallery_container .gallery_title .left {
  flex: 0.5;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.teacher_design5_demo_container .teacher_design5_box .Gallery_container .gallery_title .left h2 {
  font-size: 1.5rem;
}
.teacher_design5_demo_container .teacher_design5_box .Gallery_container .gallery_title .left .icon {
  font-size: 1.3rem;
  color: green;
}
.teacher_design5_demo_container .teacher_design5_box .Gallery_container .gallery_title .right {
  flex: 0.5;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0.5rem;
}
.teacher_design5_demo_container .teacher_design5_box .Gallery_container .gallery_title .right form {
  outline: none;
  border: none;
  position: relative;
}
.teacher_design5_demo_container .teacher_design5_box .Gallery_container .gallery_title .right form select {
  font-size: 0.8rem;
  padding: 0.2rem 0.6rem;
  border: none;
  font-weight: 550;
  position: relative;
  border: 1px solid rgb(255, 255, 255);
  border-radius: 0.3rem;
  outline: none;
}
.teacher_design5_demo_container .teacher_design5_box .Gallery_container .gallery_title .right form select option {
  font-size: 0.7rem;
  padding: 0.3rem;
  font-weight: 550;
}
.teacher_design5_demo_container .teacher_design5_box .Gallery_container .gallery_title .right form select:focus {
  outline: none;
  border-color: #c7f8ff;
}
.teacher_design5_demo_container .teacher_design5_box .Gallery_container .gallery_container {
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 0.5rem;
  padding: 0.5rem;
  border-radius: 0rem;
  position: relative;
}
.teacher_design5_demo_container .teacher_design5_box .Gallery_container .gallery_container .full_image {
  position: absolute;
  top: 0%;
  left: 0%;
  display: none;
  z-index: 500;
  margin: auto;
  width: 100%;
  height: 100%;
  background: linear-gradient(#a661d4, #a661d4);
}
.teacher_design5_demo_container .teacher_design5_box .Gallery_container .gallery_container .full_image .close_Full_Image_gallery {
  position: absolute;
  right: 3%;
  top: 5%;
}
.teacher_design5_demo_container .teacher_design5_box .Gallery_container .gallery_container .full_image .close_Full_Image_gallery span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  color: red;
  cursor: pointer;
  place-items: center;
  transition: all 0.3s ease-in-out;
}
.teacher_design5_demo_container .teacher_design5_box .Gallery_container .gallery_container .full_image .close_Full_Image_gallery span:hover {
  filter: drop-shadow(0px 4px 5px rgba(255, 156, 117, 0.6));
  scale: 1.2;
  transition: all 0.3s ease-in-out;
}
.teacher_design5_demo_container .teacher_design5_box .Gallery_container .gallery_container .full_image img {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60%;
  height: 150px;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.5));
  border-radius: 2px;
  z-index: 1000;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 600px) {
  .teacher_design5_demo_container .teacher_design5_box .Gallery_container .gallery_container .full_image img {
    width: 70%;
    height: 150px;
  }
}
.teacher_design5_demo_container .teacher_design5_box .Gallery_container .gallery_container .gallery_box {
  width: 100%;
  height: 100%;
  margin: 0rem auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, auto));
  gap: 10px;
  position: relative;
  z-index: 1;
  grid-auto-rows: 60px;
}
.teacher_design5_demo_container .teacher_design5_box .Gallery_container .gallery_container .gallery_box .large,
.teacher_design5_demo_container .teacher_design5_box .Gallery_container .gallery_container .gallery_box .medium,
.teacher_design5_demo_container .teacher_design5_box .Gallery_container .gallery_container .gallery_box .small {
  width: 100%;
  height: 100%;
  display: flex;
  grid-column: auto/span 1;
}
.teacher_design5_demo_container .teacher_design5_box .Gallery_container .gallery_container .gallery_box .large {
  grid-row: span 4;
}
.teacher_design5_demo_container .teacher_design5_box .Gallery_container .gallery_container .gallery_box .medium {
  grid-row: span 3;
}
.teacher_design5_demo_container .teacher_design5_box .Gallery_container .gallery_container .gallery_box .small {
  grid-row: span 2;
}
.teacher_design5_demo_container .teacher_design5_box .Gallery_container .gallery_container .gallery_box .gallery_item {
  position: relative;
  width: 100%;
  height: 100%;
}
.teacher_design5_demo_container .teacher_design5_box .Gallery_container .gallery_container .gallery_box .gallery_item .actions {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
}
.teacher_design5_demo_container .teacher_design5_box .Gallery_container .gallery_container .gallery_box .gallery_item .actions .icon {
  font-size: 1.4rem;
  color: #ffffff;
  display: none;
  transition: all 0.4s ease-in-out;
}
.teacher_design5_demo_container .teacher_design5_box .Gallery_container .gallery_container .gallery_box .gallery_item img {
  width: 100%;
  height: 100%;
  transition: filter 0.5s ease-in-out;
  position: relative;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  border-radius: 0.1rem;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
  transition: filter 0.1s ease-in-out;
}
.teacher_design5_demo_container .teacher_design5_box .Gallery_container .gallery_container .gallery_box .gallery_item img:hover {
  filter: brightness(0.6) grayscale(1);
  transition: filter 0.1s ease-in-out;
}
.teacher_design5_demo_container .teacher_design5_box .Gallery_container .gallery_container .gallery_box .gallery_item img:hover + .actions .icon {
  display: block;
  transition: all 0.4s ease-in-out;
  z-index: -1;
  cursor: pointer;
}
.teacher_design5_demo_container .teacher_design5_box .Gallery_container .gallery_container .gallery_box .gallery_item img:hover + .actions .icon:hover + img {
  filter: brightness(0.6) grayscale(1);
  scale: 1.05;
  transition: filter 0.1s ease-in-out;
}
@media screen and (max-width: 776px) {
  .teacher_design5_demo_container .teacher_design5_box .Gallery_container .gallery_container .gallery_box .gallery_item img {
    height: 100%;
  }
  .teacher_design5_demo_container .teacher_design5_box .Gallery_container .gallery_container .gallery_box .gallery_item {
    height: 100%;
  }
  .teacher_design5_demo_container .teacher_design5_box .Gallery_container .gallery_container .gallery_box {
    grid-template-columns: 1fr 1fr;
  }
}
.teacher_design5_demo_container .teacher_design5_box .Gallery_container .documents {
  width: 100%;
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.teacher_design5_demo_container .teacher_design5_box .Gallery_container .documents p {
  font-weight: 450;
  font-size: 0.9rem;
  color: rgb(255, 93, 93);
}
.teacher_design5_demo_container .teacher_design5_box .Footer {
  position: relative;
  padding-top: 3rem;
  width: 100%;
}
.teacher_design5_demo_container .teacher_design5_box .Footer .footer_container {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 600;
  padding: 10px 0px;
}
.teacher_design5_demo_container .teacher_design5_box .Footer .footer_container p {
  font-size: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-weight: 600;
  letter-spacing: 1px;
}
@media (max-width: 600px) {
  .teacher_design5_demo_container .teacher_design5_box .Footer .footer_container p {
    font-size: 0.7rem;
  }
}
.teacher_design5_demo_container .teacher_design5_box .Footer .footer_container svg {
  position: absolute;
  z-index: -1;
  bottom: 0%;
  left: 0%;
  width: 100%;
}
.teacher_design5_demo_container .teacher_design5_box::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 600px) {
  .teacher_design5_demo_container .teacher_design5_box {
    width: 100vw !important;
    min-width: 100vw;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin-top: 0rem !important;
  }
}
.teacher_design5_demo_container .article_box {
  min-width: 450px;
  max-width: 450px;
  margin-top: 0px !important;
  min-height: 100vh;
  max-height: 100vh;
  overflow-x: hidden;
  overflow-y: scroll;
  background: linear-gradient(160deg, #befffc 50%, #befffc 50%);
  filter: drop-shadow(0px 4px 5px rgba(56, 56, 56, 0.6509803922));
}
.teacher_design5_demo_container .article_box .view_article_header {
  width: 100%;
  min-height: 5vh;
  background-color: #fff;
  border-bottom: 1px solid rgb(231, 231, 231);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem;
}
.teacher_design5_demo_container .article_box .view_article_header .left {
  flex: 0.5;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.teacher_design5_demo_container .article_box .view_article_header .left i {
  font-size: 1.5rem;
  cursor: pointer;
}
.teacher_design5_demo_container .article_box .view_article_header .right {
  flex: 0.5;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.teacher_design5_demo_container .article_box .view_article_header .right img {
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  border-radius: 50%;
  border: 1px solid rgb(204, 204, 204);
}
.teacher_design5_demo_container .article_box .author_details {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  padding: 0.5rem;
}
.teacher_design5_demo_container .article_box .author_details .profile img {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  border: 1px solid rgb(204, 204, 204);
}
.teacher_design5_demo_container .article_box .author_details .name p {
  font-size: 0.9rem;
  font-weight: 450;
}
.teacher_design5_demo_container .article_box .article {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
}
.teacher_design5_demo_container .article_box .article .article_header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.teacher_design5_demo_container .article_box .article .article_header h2 {
  font-size: 0.9rem;
  font-weight: 450;
  color: #002185;
}
.teacher_design5_demo_container .article_box .article table {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
}
.teacher_design5_demo_container .article_box .article table thead {
  flex: 0.4;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.teacher_design5_demo_container .article_box .article table thead tr {
  padding: 0.5rem;
  max-height: 100px;
  min-height: 50px;
}
.teacher_design5_demo_container .article_box .article table thead tr th {
  font-size: 0.9rem;
  font-weight: 450;
}
.teacher_design5_demo_container .article_box .article table tbody {
  flex: 0.6;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.teacher_design5_demo_container .article_box .article table tbody tr {
  padding: 0.5rem;
  max-height: 100px;
  min-height: 50px;
}
.teacher_design5_demo_container .article_box .article table tbody tr td {
  font-size: 0.9rem;
  font-weight: 450;
}
.teacher_design5_demo_container .article_box::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 600px) {
  .teacher_design5_demo_container .article_box {
    width: 100vw !important;
    min-width: 100vw;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin-top: 0rem;
  }
}
.teacher_design5_demo_container::-webkit-scrollbar {
  width: 6px !important;
  height: 4px !important;
  background-color: #4375ff, #0084ff;
}
@media screen and (max-width: 650px) {
  .teacher_design5_demo_container::-webkit-scrollbar {
    display: none !important;
  }
}
.teacher_design5_demo_container::-webkit-scrollbar-thumb {
  width: 6px !important;
  height: 4px !important;
  border-radius: 10px;
  z-index: 10;
  cursor: pointer;
  background-color: #fff !important;
}
.teacher_design5_demo_container::-webkit-scrollbar-thumb:hover {
  background-color: rgb(36, 231, 222);
}
.date-input {
  appearance: none; /* Remove default styling */
  -webkit-appearance: none; /* Remove default styling in Safari */
  -moz-appearance: none; /* Remove default styling in Firefox */
  padding: 10px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.date-input::-moz-placeholder {
  color: #888; /* Placeholder color */
}
.date-input::placeholder {
  color: #888; /* Placeholder color */
}
/* Custom icon for the date picker */
.date-input::-webkit-calendar-picker-indicator {
  cursor: pointer;
  color: transparent;
  opacity: 1;
  position: absolute;
  right: 10px;
  top: 70%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url("https://img.icons8.com/emoji/48/calendar-emoji.png") no-repeat center center;
  background-size: contain;
}

.teacher_design6_demo_container {
  width: 100vw;
  max-height: 100vh;
  height: 100vh;
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin: auto;
  color: #303030;
  overflow-y: hidden;
  overflow-x: hidden;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.teacher_design6_demo_container .full_image {
  display: none;
  z-index: 500;
  margin: auto;
  width: 100%;
  height: 100%;
  background: linear-gradient(#fff, #fff);
  position: absolute;
  top: 0%;
  left: 0%;
}
.teacher_design6_demo_container .full_image .close_Full_Image_gallery {
  position: absolute;
  width: 100%;
  left: 90%;
  top: 15%;
}
.teacher_design6_demo_container .full_image .close_Full_Image_gallery .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  color: red;
  cursor: pointer;
  place-items: center;
  transition: all 0.3s ease-in-out;
}
.teacher_design6_demo_container .full_image .close_Full_Image_gallery .icon:hover {
  filter: drop-shadow(0px 4px 5px rgba(255, 156, 117, 0.6));
  scale: 1.2;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 600px) {
  .teacher_design6_demo_container .full_image .close_Full_Image_gallery {
    position: absolute;
    width: 100%;
    left: 90%;
    top: 5%;
  }
}
.teacher_design6_demo_container .full_image img {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 700px;
  height: 450px;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.5));
  border-radius: 5px;
  z-index: 1000;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 600px) {
  .teacher_design6_demo_container .full_image img {
    width: 90%;
    height: 200px;
  }
}
.teacher_design6_demo_container .lottie {
  position: absolute;
  width: 100vw;
  height: 100vh;
  left: 0%;
  top: 0%;
  scale: 1.1;
  filter: brightness(100%);
  opacity: 0.3;
}
.teacher_design6_demo_container .teacher_design6_box {
  min-width: 450px;
  max-width: 450px;
  min-height: 100vh;
  max-height: 100vh;
  overflow-x: hidden;
  overflow-y: scroll;
  background: linear-gradient(180deg, #befffc 50%, #befffc 70%);
  filter: drop-shadow(0px 4px 5px rgba(88, 88, 88, 0.431372549));
  position: relative;
  z-index: 1;
}
.teacher_design6_demo_container .teacher_design6_box .Image_row_1 {
  width: 100%;
  max-width: 100%;
  max-height: 400px;
  min-height: 200px;
  position: relative;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: space-between;
  gap: 1rem;
  background: linear-gradient(120deg, #ffef93, #ffed9b);
  z-index: 3;
  padding: 1.5rem 0.5rem;
  overflow: hidden;
}
.teacher_design6_demo_container .teacher_design6_box .Image_row_1 .row1_lottie {
  position: absolute;
  width: 100%;
  max-height: 100%;
  height: 100%;
  left: 0%;
  top: 0%;
  overflow: hidden;
  scale: 1;
  opacity: 0.8;
}
.teacher_design6_demo_container .teacher_design6_box .Image_row_1 .views {
  position: absolute;
  right: 0%;
  top: 0%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 5px;
  color: #424242;
  padding: 5px 0.5rem;
  border-top-left-radius: 0rem;
  border-bottom-left-radius: 3rem;
}
.teacher_design6_demo_container .teacher_design6_box .Image_row_1 .views h6 {
  letter-spacing: 1px;
  font-size: 0.9rem;
}
.teacher_design6_demo_container .teacher_design6_box .Image_row_1 .views p {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  font-size: 0.9rem;
  font-weight: 550;
  letter-spacing: 1px;
  color: #4c76ff;
}
.teacher_design6_demo_container .teacher_design6_box .Image_row_1 .views p sup {
  font-size: 0.9rem;
  font-weight: 550;
}
.teacher_design6_demo_container .teacher_design6_box .Image_row_1 .views p i {
  font-size: 1.4rem;
}
.teacher_design6_demo_container .teacher_design6_box .Image_row_1 .user_logo {
  position: relative;
  width: 100%;
  min-height: 100%;
  max-height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.teacher_design6_demo_container .teacher_design6_box .Image_row_1 .user_logo img {
  z-index: 2;
  width: 100px;
  height: 100px;
  display: block;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  image-rendering: crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  border: 2px solid rgb(156, 156, 156);
  filter: drop-shadow(0px 4px 5px rgba(95, 95, 95, 0.4)) brightness(100%);
  outline: 1px solid #ffee8a;
  animation: none !important;
}
@keyframes profileBorder {
  0% {
    border: 3px solid #ffffff;
    transform: translateY(0px);
  }
  25% {
    border: 3px solid #ffffff;
    transform: translateY(-5px);
  }
  50% {
    border: 3px solid #ffffff;
    transform: translateY(-10px);
  }
  75% {
    border: 3px solid rgb(255, 255, 255);
    transform: translateY(-5px);
  }
  100% {
    border: 3px solid #ffffff;
    transform: translateY(0px);
  }
}
.teacher_design6_demo_container .teacher_design6_box .Image_row_1 .user_logo .profile_back_anime {
  position: absolute;
  left: 0%;
  top: 0%;
  width: 100%;
  height: 100%;
  transform: translate(-38%, -26%);
}
.teacher_design6_demo_container .teacher_design6_box .Image_row_1 .user_logo .svg_image {
  position: absolute;
  z-index: 1;
}
.teacher_design6_demo_container .teacher_design6_box .Image_row_1 .user_logo .svg_image img {
  width: 200px;
  height: 200px;
  border: none;
  filter: drop-shadow(0px 4px 5px rgba(255, 255, 255, 0.631372549));
  animation: profileSVGAnime 5s infinite linear;
}
@keyframes profileSVGAnime {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(90deg);
  }
  50% {
    transform: rotate(180deg);
  }
  75% {
    transform: rotate(270deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.teacher_design6_demo_container .teacher_design6_box .Image_row_1 .heart {
  position: absolute;
  left: 21%;
  top: 60%;
  z-index: 10;
  display: none;
}
.teacher_design6_demo_container .teacher_design6_box .Image_row_1 .heart .plus {
  position: absolute;
  top: -35%;
  right: -25%;
  z-index: -1;
}
.teacher_design6_demo_container .teacher_design6_box .Image_row_1 .heart .plus i {
  font-size: 1rem;
  font-weight: 700;
}
.teacher_design6_demo_container .teacher_design6_box .Image_row_1 .heart .plus .minus {
  color: red;
}
.teacher_design6_demo_container .teacher_design6_box .Image_row_1 .heart .plus .plus {
  color: gray;
}
@media screen and (max-width: 776px) {
  .teacher_design6_demo_container .teacher_design6_box .Image_row_1 .heart {
    position: absolute;
    left: 25%;
    top: 65%;
    z-index: 10;
  }
}
.teacher_design6_demo_container .teacher_design6_box .Image_row_1 .contacts_btns {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  gap: 1rem;
  position: relative;
  z-index: 7;
}
.teacher_design6_demo_container .teacher_design6_box .Image_row_1 .contacts_btns a {
  text-decoration: none;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 35px;
  height: 35px;
  background-color: #ffffff;
  color: #1a90ff;
  border-radius: 0.5rem;
  transition: all 0.4s linear;
}
.teacher_design6_demo_container .teacher_design6_box .Image_row_1 .contacts_btns a i {
  font-size: 1rem;
  color: #1a90ff;
}
.teacher_design6_demo_container .teacher_design6_box .Image_row_1 .contacts_btns a .plus {
  position: absolute;
  right: 15%;
  top: -14%;
}
.teacher_design6_demo_container .teacher_design6_box .Image_row_1 .contacts_btns a .plus i {
  font-size: 0.6rem;
  font-weight: 600;
  color: #1a90ff;
}
.teacher_design6_demo_container .teacher_design6_box .Image_row_1 .contacts_btns a small {
  font-size: 0.7rem;
  font-weight: 500;
}
.teacher_design6_demo_container .teacher_design6_box .Image_row_1 .contacts_btns a:hover {
  background-color: #ffffff;
  color: #1a90ff;
  scale: 1.05;
  box-shadow: 0px 4px 5px rgba(255, 255, 255, 0.4);
  transition: all 0.4s linear;
}
.teacher_design6_demo_container .teacher_design6_box .Image_row_1 .contacts_btns a:hover i {
  color: #4d90fe;
}
.teacher_design6_demo_container .teacher_design6_box .Image_row_1 .overlay {
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(rgba(16, 18, 22, 0) 0%, #befffc 100%);
}
.teacher_design6_demo_container .teacher_design6_box .basic_row_2 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  position: relative;
  padding: 0px 0.5rem;
  z-index: 1;
}
.teacher_design6_demo_container .teacher_design6_box .basic_row_2 .row2_lottie {
  position: absolute;
  width: 100%;
  max-height: 100%;
  height: 100%;
  left: 0%;
  top: 0%;
  scale: 1;
  opacity: 1;
  z-index: -1;
}
.teacher_design6_demo_container .teacher_design6_box .basic_row_2 .user_details {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.teacher_design6_demo_container .teacher_design6_box .basic_row_2 .user_details .user_data {
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  gap: 15px;
  width: 100%;
  height: 100%;
}
.teacher_design6_demo_container .teacher_design6_box .basic_row_2 .user_details .user_data .user_information {
  display: flex;
  flex: 1;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 0.5rem;
  text-align: center;
}
.teacher_design6_demo_container .teacher_design6_box .basic_row_2 .user_details .user_data .user_information h2 {
  font-size: 1.3rem;
  font-weight: 550;
  letter-spacing: 1px;
  color: rgb(63, 63, 63);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.teacher_design6_demo_container .teacher_design6_box .basic_row_2 .user_details .user_data .user_information h2 strong {
  font-size: 1.1rem;
  font-weight: 550;
  color: rgba(78, 160, 255, 0.863);
}
.teacher_design6_demo_container .teacher_design6_box .basic_row_2 .user_details .user_data .user_information p {
  font-size: 0.9rem;
  font-weight: 500;
  color: #424242;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0rem;
  text-align: start;
  line-height: 1.7rem;
}
.teacher_design6_demo_container .teacher_design6_box .basic_row_2 .user_details .user_data .user_information p img {
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media screen and (max-width: 600px) {
  .teacher_design6_demo_container .teacher_design6_box .basic_row_2 .user_details .user_data .user_information p img {
    width: 25px;
    height: 25px;
  }
}
.teacher_design6_demo_container .teacher_design6_box .basic_row_2 .user_details .user_data .user_information .article_title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.teacher_design6_demo_container .teacher_design6_box .basic_row_2 .user_details .user_data .user_information .article_title h5 {
  font-size: 0.7rem;
  letter-spacing: 1px;
  font-weight: 550;
  color: royalblue;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0rem;
  background-color: #ffffff;
  padding: 0.3rem 1.5rem;
  border-radius: 0.2rem;
}
@media screen and (max-width: 600px) {
  .teacher_design6_demo_container .teacher_design6_box .basic_row_2 .user_details .user_data {
    align-items: flex-start;
  }
}
.teacher_design6_demo_container .teacher_design6_box .filter_row_3 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0.5rem;
}
.teacher_design6_demo_container .teacher_design6_box .filter_row_3 form {
  width: 50%;
  outline: none;
  border: none;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.teacher_design6_demo_container .teacher_design6_box .filter_row_3 form select {
  font-size: 0.8rem;
  padding: 0.4rem 0.5rem;
  outline: none;
  border: none;
  position: relative;
  background: #e3f0ff;
  font-weight: 550;
  color: #464646;
  width: 100px;
  border-radius: 0.3rem;
}
.teacher_design6_demo_container .teacher_design6_box .filter_row_3 form select option {
  font-size: 0.7rem;
  padding: 0.3rem 0px;
  background: #ffffff;
  font-weight: 550;
}
.teacher_design6_demo_container .teacher_design6_box .filter_row_3 form select:focus {
  outline: none;
  border-color: #666;
}
.teacher_design6_demo_container .teacher_design6_box .publishing_container {
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.5rem;
  display: grid;
  grid-template-columns: 1fr;
  padding: 0.5rem;
}
.teacher_design6_demo_container .teacher_design6_box .publishing_container .paper {
  width: 100%;
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.2rem;
  color: #535353 !important;
  border-radius: 10px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  background-color: rgb(255, 255, 255);
}
.teacher_design6_demo_container .teacher_design6_box .publishing_container .paper .paper_title a {
  color: #505050;
  font-size: 0.9rem;
  cursor: pointer;
  font-weight: 550;
}
.teacher_design6_demo_container .teacher_design6_box .publishing_container .paper .paper_title a:hover {
  text-decoration: underline;
}
.teacher_design6_demo_container .teacher_design6_box .publishing_container .paper .author {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
.teacher_design6_demo_container .teacher_design6_box .publishing_container .paper .author .name {
  flex: 0.7;
}
.teacher_design6_demo_container .teacher_design6_box .publishing_container .paper .author .name p {
  font-size: 0.9rem;
  color: rgb(93, 102, 67);
  font-weight: 500;
}
.teacher_design6_demo_container .teacher_design6_box .publishing_container .paper .author .date {
  flex: 0.3;
  color: rgb(116, 116, 116);
}
.teacher_design6_demo_container .teacher_design6_box .publishing_container .paper .author .date small {
  font-size: 0.9rem;
}
.teacher_design6_demo_container .teacher_design6_box .publishing_container .paper .date {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.teacher_design6_demo_container .teacher_design6_box .publishing_container .paper .date small {
  font-weight: 550;
  font-size: 0.6rem;
}
.teacher_design6_demo_container .teacher_design6_box .publishing_container .paper .journal p {
  font-size: 0.8rem;
}
.teacher_design6_demo_container .teacher_design6_box .publishing_container .paper .details {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.teacher_design6_demo_container .teacher_design6_box .publishing_container .paper .details .issue p {
  font-size: 0.7rem;
}
.teacher_design6_demo_container .teacher_design6_box .publishing_container .paper .publisher p {
  font-size: 0.8rem;
}
.teacher_design6_demo_container .teacher_design6_box .publishing_container .paper .pages {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.teacher_design6_demo_container .teacher_design6_box .publishing_container .paper .pages small {
  font-size: 0.8rem;
  color: royalblue;
}
.teacher_design6_demo_container .teacher_design6_box .Gallery_container {
  width: 100%;
  padding: 0.5rem;
}
.teacher_design6_demo_container .teacher_design6_box .Gallery_container .gallery_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.teacher_design6_demo_container .teacher_design6_box .Gallery_container .gallery_title .left {
  flex: 0.5;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.teacher_design6_demo_container .teacher_design6_box .Gallery_container .gallery_title .left h2 {
  font-size: 1.5rem;
}
.teacher_design6_demo_container .teacher_design6_box .Gallery_container .gallery_title .left .icon {
  font-size: 1.3rem;
  color: green;
}
.teacher_design6_demo_container .teacher_design6_box .Gallery_container .gallery_title .right {
  flex: 0.5;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0.5rem;
}
.teacher_design6_demo_container .teacher_design6_box .Gallery_container .gallery_title .right form {
  outline: none;
  border: none;
  position: relative;
}
.teacher_design6_demo_container .teacher_design6_box .Gallery_container .gallery_title .right form select {
  font-size: 0.8rem;
  padding: 0.2rem 0.6rem;
  border: none;
  font-weight: 550;
  position: relative;
  border: 1px solid rgb(255, 255, 255);
  border-radius: 0.3rem;
  outline: none;
}
.teacher_design6_demo_container .teacher_design6_box .Gallery_container .gallery_title .right form select option {
  font-size: 0.7rem;
  padding: 0.3rem;
  font-weight: 550;
}
.teacher_design6_demo_container .teacher_design6_box .Gallery_container .gallery_title .right form select:focus {
  outline: none;
  border-color: #c7f8ff;
}
.teacher_design6_demo_container .teacher_design6_box .Gallery_container .gallery_container {
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 0.5rem;
  padding: 0.5rem;
  border-radius: 0rem;
  position: relative;
}
.teacher_design6_demo_container .teacher_design6_box .Gallery_container .gallery_container .full_image {
  position: absolute;
  top: 0%;
  left: 0%;
  display: none;
  z-index: 500;
  margin: auto;
  width: 100%;
  height: 100%;
  background: linear-gradient(#a661d4, #a661d4);
}
.teacher_design6_demo_container .teacher_design6_box .Gallery_container .gallery_container .full_image .close_Full_Image_gallery {
  position: absolute;
  right: 3%;
  top: 5%;
}
.teacher_design6_demo_container .teacher_design6_box .Gallery_container .gallery_container .full_image .close_Full_Image_gallery span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  color: red;
  cursor: pointer;
  place-items: center;
  transition: all 0.3s ease-in-out;
}
.teacher_design6_demo_container .teacher_design6_box .Gallery_container .gallery_container .full_image .close_Full_Image_gallery span:hover {
  filter: drop-shadow(0px 4px 5px rgba(255, 156, 117, 0.6));
  scale: 1.2;
  transition: all 0.3s ease-in-out;
}
.teacher_design6_demo_container .teacher_design6_box .Gallery_container .gallery_container .full_image img {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60%;
  height: 150px;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.5));
  border-radius: 2px;
  z-index: 1000;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 600px) {
  .teacher_design6_demo_container .teacher_design6_box .Gallery_container .gallery_container .full_image img {
    width: 70%;
    height: 150px;
  }
}
.teacher_design6_demo_container .teacher_design6_box .Gallery_container .gallery_container .gallery_box {
  width: 100%;
  height: 100%;
  margin: 0rem auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, auto));
  gap: 10px;
  position: relative;
  z-index: 1;
  grid-auto-rows: 60px;
}
.teacher_design6_demo_container .teacher_design6_box .Gallery_container .gallery_container .gallery_box .large,
.teacher_design6_demo_container .teacher_design6_box .Gallery_container .gallery_container .gallery_box .medium,
.teacher_design6_demo_container .teacher_design6_box .Gallery_container .gallery_container .gallery_box .small {
  width: 100%;
  height: 100%;
  display: flex;
  grid-column: auto/span 1;
}
.teacher_design6_demo_container .teacher_design6_box .Gallery_container .gallery_container .gallery_box .large {
  grid-row: span 4;
}
.teacher_design6_demo_container .teacher_design6_box .Gallery_container .gallery_container .gallery_box .medium {
  grid-row: span 3;
}
.teacher_design6_demo_container .teacher_design6_box .Gallery_container .gallery_container .gallery_box .small {
  grid-row: span 2;
}
.teacher_design6_demo_container .teacher_design6_box .Gallery_container .gallery_container .gallery_box .gallery_item {
  position: relative;
  width: 100%;
  height: 100%;
}
.teacher_design6_demo_container .teacher_design6_box .Gallery_container .gallery_container .gallery_box .gallery_item .actions {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
}
.teacher_design6_demo_container .teacher_design6_box .Gallery_container .gallery_container .gallery_box .gallery_item .actions .icon {
  font-size: 1.4rem;
  color: #ffffff;
  display: none;
  transition: all 0.4s ease-in-out;
}
.teacher_design6_demo_container .teacher_design6_box .Gallery_container .gallery_container .gallery_box .gallery_item img {
  width: 100%;
  height: 100%;
  transition: filter 0.5s ease-in-out;
  position: relative;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  border-radius: 0.1rem;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
  transition: filter 0.1s ease-in-out;
}
.teacher_design6_demo_container .teacher_design6_box .Gallery_container .gallery_container .gallery_box .gallery_item img:hover {
  filter: brightness(0.6) grayscale(1);
  transition: filter 0.1s ease-in-out;
}
.teacher_design6_demo_container .teacher_design6_box .Gallery_container .gallery_container .gallery_box .gallery_item img:hover + .actions .icon {
  display: block;
  transition: all 0.4s ease-in-out;
  z-index: -1;
  cursor: pointer;
}
.teacher_design6_demo_container .teacher_design6_box .Gallery_container .gallery_container .gallery_box .gallery_item img:hover + .actions .icon:hover + img {
  filter: brightness(0.6) grayscale(1);
  scale: 1.05;
  transition: filter 0.1s ease-in-out;
}
@media screen and (max-width: 776px) {
  .teacher_design6_demo_container .teacher_design6_box .Gallery_container .gallery_container .gallery_box .gallery_item img {
    height: 100%;
  }
  .teacher_design6_demo_container .teacher_design6_box .Gallery_container .gallery_container .gallery_box .gallery_item {
    height: 100%;
  }
  .teacher_design6_demo_container .teacher_design6_box .Gallery_container .gallery_container .gallery_box {
    grid-template-columns: 1fr 1fr;
  }
}
.teacher_design6_demo_container .teacher_design6_box .Gallery_container .documents {
  width: 100%;
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.teacher_design6_demo_container .teacher_design6_box .Gallery_container .documents p {
  font-weight: 450;
  font-size: 0.9rem;
  color: rgb(255, 93, 93);
}
.teacher_design6_demo_container .teacher_design6_box .Footer {
  position: relative;
  padding-top: 3rem;
  width: 100%;
}
.teacher_design6_demo_container .teacher_design6_box .Footer .footer_container {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 600;
  padding: 10px 0px;
}
.teacher_design6_demo_container .teacher_design6_box .Footer .footer_container p {
  font-size: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-weight: 600;
  letter-spacing: 1px;
}
@media (max-width: 600px) {
  .teacher_design6_demo_container .teacher_design6_box .Footer .footer_container p {
    font-size: 0.7rem;
  }
}
.teacher_design6_demo_container .teacher_design6_box .Footer .footer_container svg {
  position: absolute;
  z-index: -1;
  bottom: 0%;
  left: 0%;
  width: 100%;
}
.teacher_design6_demo_container .teacher_design6_box::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 600px) {
  .teacher_design6_demo_container .teacher_design6_box {
    width: 100vw !important;
    min-width: 100vw;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin-top: 0rem !important;
  }
}
.teacher_design6_demo_container .article_box {
  min-width: 450px;
  max-width: 450px;
  margin-top: 0px !important;
  min-height: 100vh;
  max-height: 100vh;
  overflow-x: hidden;
  overflow-y: scroll;
  background: linear-gradient(160deg, #befffc 50%, #befffc 50%);
  filter: drop-shadow(0px 4px 5px rgba(56, 56, 56, 0.6509803922));
}
.teacher_design6_demo_container .article_box .view_article_header {
  width: 100%;
  min-height: 5vh;
  background-color: #fff;
  border-bottom: 1px solid rgb(231, 231, 231);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem;
}
.teacher_design6_demo_container .article_box .view_article_header .left {
  flex: 0.5;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.teacher_design6_demo_container .article_box .view_article_header .left i {
  font-size: 1.5rem;
  cursor: pointer;
}
.teacher_design6_demo_container .article_box .view_article_header .right {
  flex: 0.5;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.teacher_design6_demo_container .article_box .view_article_header .right img {
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  border-radius: 50%;
  border: 1px solid rgb(204, 204, 204);
}
.teacher_design6_demo_container .article_box .author_details {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  padding: 0.5rem;
}
.teacher_design6_demo_container .article_box .author_details .profile img {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  border: 1px solid rgb(204, 204, 204);
}
.teacher_design6_demo_container .article_box .author_details .name p {
  font-size: 0.9rem;
  font-weight: 450;
}
.teacher_design6_demo_container .article_box .article {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
}
.teacher_design6_demo_container .article_box .article .article_header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.teacher_design6_demo_container .article_box .article .article_header h2 {
  font-size: 0.9rem;
  font-weight: 450;
  color: #002185;
}
.teacher_design6_demo_container .article_box .article table {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
}
.teacher_design6_demo_container .article_box .article table thead {
  flex: 0.4;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.teacher_design6_demo_container .article_box .article table thead tr {
  padding: 0.5rem;
  max-height: 100px;
  min-height: 50px;
}
.teacher_design6_demo_container .article_box .article table thead tr th {
  font-size: 0.9rem;
  font-weight: 450;
}
.teacher_design6_demo_container .article_box .article table tbody {
  flex: 0.6;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.teacher_design6_demo_container .article_box .article table tbody tr {
  padding: 0.5rem;
  max-height: 100px;
  min-height: 50px;
}
.teacher_design6_demo_container .article_box .article table tbody tr td {
  font-size: 0.9rem;
  font-weight: 450;
}
.teacher_design6_demo_container .article_box::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 600px) {
  .teacher_design6_demo_container .article_box {
    width: 100vw !important;
    min-width: 100vw;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin-top: 0rem;
  }
}
.teacher_design6_demo_container::-webkit-scrollbar {
  width: 6px !important;
  height: 4px !important;
  background-color: #4375ff, #0084ff;
}
@media screen and (max-width: 650px) {
  .teacher_design6_demo_container::-webkit-scrollbar {
    display: none !important;
  }
}
.teacher_design6_demo_container::-webkit-scrollbar-thumb {
  width: 6px !important;
  height: 4px !important;
  border-radius: 10px;
  z-index: 10;
  cursor: pointer;
  background-color: #fff !important;
}
.teacher_design6_demo_container::-webkit-scrollbar-thumb:hover {
  background-color: rgb(36, 231, 222);
}
.date-input {
  appearance: none; /* Remove default styling */
  -webkit-appearance: none; /* Remove default styling in Safari */
  -moz-appearance: none; /* Remove default styling in Firefox */
  padding: 10px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.date-input::-moz-placeholder {
  color: #888; /* Placeholder color */
}
.date-input::placeholder {
  color: #888; /* Placeholder color */
}
/* Custom icon for the date picker */
.date-input::-webkit-calendar-picker-indicator {
  cursor: pointer;
  color: transparent;
  opacity: 1;
  position: absolute;
  right: 10px;
  top: 70%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url("https://img.icons8.com/emoji/48/calendar-emoji.png") no-repeat center center;
  background-size: contain;
}

.teacher_design7_demo_container {
  width: 100vw;
  max-height: 100vh;
  height: 100vh;
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin: auto;
  color: #303030;
  overflow-y: hidden;
  overflow-x: hidden;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.teacher_design7_demo_container .full_image {
  display: none;
  z-index: 500;
  margin: auto;
  width: 100%;
  height: 100%;
  background: linear-gradient(#fff, #fff);
  position: absolute;
  top: 0%;
  left: 0%;
}
.teacher_design7_demo_container .full_image .close_Full_Image_gallery {
  position: absolute;
  width: 100%;
  left: 90%;
  top: 15%;
}
.teacher_design7_demo_container .full_image .close_Full_Image_gallery .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  color: red;
  cursor: pointer;
  place-items: center;
  transition: all 0.3s ease-in-out;
}
.teacher_design7_demo_container .full_image .close_Full_Image_gallery .icon:hover {
  filter: drop-shadow(0px 4px 5px rgba(255, 156, 117, 0.6));
  scale: 1.2;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 600px) {
  .teacher_design7_demo_container .full_image .close_Full_Image_gallery {
    position: absolute;
    width: 100%;
    left: 90%;
    top: 5%;
  }
}
.teacher_design7_demo_container .full_image img {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 700px;
  height: 450px;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.5));
  border-radius: 5px;
  z-index: 1000;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 600px) {
  .teacher_design7_demo_container .full_image img {
    width: 90%;
    height: 200px;
  }
}
.teacher_design7_demo_container .lottie {
  position: absolute;
  width: 100vw;
  height: 100vh;
  left: 0%;
  top: 0%;
  scale: 1.5;
  filter: brightness(100%) grayscale(0);
  opacity: 0.3;
}
.teacher_design7_demo_container .teacher_design7_box {
  min-width: 450px;
  max-width: 450px;
  min-height: 100vh;
  max-height: 100vh;
  overflow-x: hidden;
  overflow-y: scroll;
  background: linear-gradient(100deg, #4fc4bb, #2b71a5);
  filter: drop-shadow(0px 4px 5px rgba(88, 88, 88, 0.431372549));
  position: relative;
}
.teacher_design7_demo_container .teacher_design7_box .top_svg {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 250px;
  overflow: hidden;
  z-index: 1;
}
.teacher_design7_demo_container .teacher_design7_box .top_svg svg {
  height: 120px;
}
.teacher_design7_demo_container .teacher_design7_box .second_svg {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 70%;
  overflow: hidden;
  display: none;
}
.teacher_design7_demo_container .teacher_design7_box .second_svg svg {
  height: 2080px;
  fill: rgba(106, 183, 255, 0.8);
}
.teacher_design7_demo_container .teacher_design7_box .third_color {
  position: absolute;
  top: 70%;
  width: 100%;
  min-height: 100vh;
  background-color: #042258;
  z-index: -1;
}
.teacher_design7_demo_container .teacher_design7_box .Image_row_1 {
  min-width: 100%;
  max-width: 100%;
  max-height: 300px;
  min-height: 200px;
  height: auto;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem;
}
.teacher_design7_demo_container .teacher_design7_box .Image_row_1 .views {
  position: absolute;
  right: 0%;
  top: 32%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  color: #fff;
  padding: 5px 2rem;
  border-top-left-radius: 3rem;
  border-bottom-left-radius: 3rem;
  border-bottom-right-radius: 5rem;
  z-index: 4;
}
.teacher_design7_demo_container .teacher_design7_box .Image_row_1 .views h6 {
  letter-spacing: 1px;
  font-size: 0.9rem;
}
.teacher_design7_demo_container .teacher_design7_box .Image_row_1 .views p {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 1px;
}
.teacher_design7_demo_container .teacher_design7_box .Image_row_1 .views p sup {
  font-size: 0.9rem;
  font-weight: 550;
}
.teacher_design7_demo_container .teacher_design7_box .Image_row_1 .views p i {
  font-size: 1.4rem;
}
.teacher_design7_demo_container .teacher_design7_box .Image_row_1 .user_logo {
  position: relative;
  width: -moz-max-content;
  width: max-content;
  height: -moz-max-content;
  height: max-content;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0.3rem;
  background-color: #fff;
  z-index: 2;
  border-radius: 1rem;
  margin: 0rem 1rem;
}
.teacher_design7_demo_container .teacher_design7_box .Image_row_1 .user_logo img {
  z-index: 2;
  width: 100px;
  height: 100px;
  display: block;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  image-rendering: crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  border: 2px solid rgba(189, 189, 189, 0.7450980392);
  filter: drop-shadow(0px 4px 5px rgba(255, 255, 255, 0.9098039216)) brightness(110%);
  animation: none !important;
}
@keyframes profileBorder {
  0% {
    border: 3px solid #ffffff;
    transform: translateY(0px);
  }
  25% {
    border: 3px solid #ffffff;
    transform: translateY(-5px);
  }
  50% {
    border: 3px solid #ffffff;
    transform: translateY(-10px);
  }
  75% {
    border: 3px solid rgb(255, 255, 255);
    transform: translateY(-5px);
  }
  100% {
    border: 3px solid #ffffff;
    transform: translateY(0px);
  }
}
.teacher_design7_demo_container .teacher_design7_box .Image_row_1 .user_logo .svg_image {
  position: absolute;
  z-index: 1;
}
.teacher_design7_demo_container .teacher_design7_box .Image_row_1 .user_logo .svg_image img {
  width: 200px;
  height: 200px;
  border: none;
  filter: drop-shadow(0px 4px 5px rgba(255, 255, 255, 0.631372549));
  animation: profileSVGAnime 5s infinite linear;
}
@keyframes profileSVGAnime {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(90deg);
  }
  50% {
    transform: rotate(180deg);
  }
  75% {
    transform: rotate(270deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.teacher_design7_demo_container .teacher_design7_box .Image_row_1 .heart {
  position: absolute;
  left: 21%;
  top: 60%;
  z-index: 10;
  display: none;
}
.teacher_design7_demo_container .teacher_design7_box .Image_row_1 .heart .plus {
  position: absolute;
  top: -35%;
  right: -25%;
  z-index: -1;
}
.teacher_design7_demo_container .teacher_design7_box .Image_row_1 .heart .plus i {
  font-size: 1rem;
  font-weight: 700;
}
.teacher_design7_demo_container .teacher_design7_box .Image_row_1 .heart .plus .minus {
  color: red;
}
.teacher_design7_demo_container .teacher_design7_box .Image_row_1 .heart .plus .plus {
  color: gray;
}
@media screen and (max-width: 776px) {
  .teacher_design7_demo_container .teacher_design7_box .Image_row_1 .heart {
    position: absolute;
    left: 25%;
    top: 65%;
    z-index: 10;
  }
}
.teacher_design7_demo_container .teacher_design7_box .Image_row_1 .contacts_btns {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  gap: 1rem;
  position: absolute;
  bottom: 10%;
  right: 2%;
  padding-right: 1rem;
  background-color: #fff;
  padding: 0.5rem 1rem;
  z-index: 1;
  border-radius: 10px;
}
.teacher_design7_demo_container .teacher_design7_box .Image_row_1 .contacts_btns a {
  text-decoration: none;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 30px;
  height: 30px;
  background-color: #3f6298;
  color: #fff;
  border-radius: 0.3rem;
  transition: all 0.4s linear;
}
.teacher_design7_demo_container .teacher_design7_box .Image_row_1 .contacts_btns a i {
  font-size: 1rem;
  color: #fff;
}
.teacher_design7_demo_container .teacher_design7_box .Image_row_1 .contacts_btns a .plus {
  position: absolute;
  right: 5%;
  top: -24%;
}
.teacher_design7_demo_container .teacher_design7_box .Image_row_1 .contacts_btns a .plus i {
  font-size: 0.6rem;
  font-weight: 600;
  color: #fff;
}
.teacher_design7_demo_container .teacher_design7_box .Image_row_1 .contacts_btns a small {
  font-size: 0.7rem;
  font-weight: 500;
}
.teacher_design7_demo_container .teacher_design7_box .Image_row_1 .contacts_btns a:hover {
  background-color: #ffffff;
  color: #3f6298;
  scale: 1.05;
  box-shadow: 0px 4px 5px rgba(255, 255, 255, 0.4);
  transition: all 0.4s linear;
}
.teacher_design7_demo_container .teacher_design7_box .Image_row_1 .contacts_btns a:hover i {
  color: #3f6298;
}
.teacher_design7_demo_container .teacher_design7_box .content_container {
  min-width: 95%;
  max-width: 95%;
  min-height: -moz-max-content;
  min-height: max-content;
  max-height: auto;
  margin: auto;
  background: linear-gradient(160deg, #fff, #fff);
  position: relative;
}
.teacher_design7_demo_container .teacher_design7_box .basic_row_2 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  position: relative;
  padding: 0.5rem;
}
.teacher_design7_demo_container .teacher_design7_box .basic_row_2 .user_details {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.teacher_design7_demo_container .teacher_design7_box .basic_row_2 .user_details .user_data {
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex: 1;
  gap: 15px;
  width: 100%;
  height: 100%;
}
.teacher_design7_demo_container .teacher_design7_box .basic_row_2 .user_details .user_data .user_information {
  display: flex;
  flex: 1;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 0.5rem;
}
.teacher_design7_demo_container .teacher_design7_box .basic_row_2 .user_details .user_data .user_information h2 {
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 1px;
  color: #313131;
}
.teacher_design7_demo_container .teacher_design7_box .basic_row_2 .user_details .user_data .user_information h2 strong {
  font-size: 1rem;
  font-weight: 550;
  color: gray;
}
.teacher_design7_demo_container .teacher_design7_box .basic_row_2 .user_details .user_data .user_information p {
  font-size: 0.9rem;
  font-weight: 450;
  color: #313131;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0rem;
}
.teacher_design7_demo_container .teacher_design7_box .basic_row_2 .user_details .user_data .user_information p img {
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media screen and (max-width: 600px) {
  .teacher_design7_demo_container .teacher_design7_box .basic_row_2 .user_details .user_data .user_information p img {
    width: 25px;
    height: 25px;
  }
}
.teacher_design7_demo_container .teacher_design7_box .basic_row_2 .user_details .user_data .user_information .article_title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
  flex-wrap: wrap;
}
.teacher_design7_demo_container .teacher_design7_box .basic_row_2 .user_details .user_data .user_information .article_title h5 {
  font-size: 0.9rem;
  font-weight: 500;
  color: #042258;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0rem;
}
@media screen and (max-width: 600px) {
  .teacher_design7_demo_container .teacher_design7_box .basic_row_2 .user_details .user_data {
    align-items: flex-start;
  }
}
.teacher_design7_demo_container .teacher_design7_box .filter_row_3 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0.5rem;
}
.teacher_design7_demo_container .teacher_design7_box .filter_row_3 form {
  width: 50%;
  outline: none;
  border: none;
  position: relative;
}
.teacher_design7_demo_container .teacher_design7_box .filter_row_3 form select {
  font-size: 0.8rem;
  padding: 0.4rem;
  outline: none;
  border: none;
  background-color: #042258;
  color: #fff;
  font-weight: 500;
  position: relative;
  width: 100px;
  border-radius: 5px;
}
.teacher_design7_demo_container .teacher_design7_box .filter_row_3 form select option {
  font-size: 0.7rem;
  padding: 0.3rem;
  background-color: #fff;
  color: #505050;
}
.teacher_design7_demo_container .teacher_design7_box .filter_row_3 form select:focus {
  outline: none;
  border-color: #666;
}
.teacher_design7_demo_container .teacher_design7_box .publishing_container {
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.5rem;
  display: grid;
  grid-template-columns: 1fr;
  padding: 0.5rem;
}
.teacher_design7_demo_container .teacher_design7_box .publishing_container .paper {
  width: 100%;
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.2rem;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
.teacher_design7_demo_container .teacher_design7_box .publishing_container .paper .paper_title a {
  color: #042258;
  font-size: 0.9rem;
  cursor: pointer;
}
.teacher_design7_demo_container .teacher_design7_box .publishing_container .paper .paper_title a:hover {
  text-decoration: underline;
}
.teacher_design7_demo_container .teacher_design7_box .publishing_container .paper .author {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
.teacher_design7_demo_container .teacher_design7_box .publishing_container .paper .author .name {
  flex: 0.7;
}
.teacher_design7_demo_container .teacher_design7_box .publishing_container .paper .author .name p {
  font-size: 0.8rem;
  color: rgb(97, 97, 97);
  font-weight: 550;
}
.teacher_design7_demo_container .teacher_design7_box .publishing_container .paper .author .date {
  flex: 0.3;
  color: rgb(50, 94, 134);
}
.teacher_design7_demo_container .teacher_design7_box .publishing_container .paper .author .date small {
  font-size: 0.9rem;
}
.teacher_design7_demo_container .teacher_design7_box .publishing_container .paper .date {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.teacher_design7_demo_container .teacher_design7_box .publishing_container .paper .date small {
  font-weight: 550;
  font-size: 0.6rem;
}
.teacher_design7_demo_container .teacher_design7_box .publishing_container .paper .journal p {
  font-size: 0.8rem;
}
.teacher_design7_demo_container .teacher_design7_box .publishing_container .paper .details {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.teacher_design7_demo_container .teacher_design7_box .publishing_container .paper .details .issue p {
  font-size: 0.7rem;
}
.teacher_design7_demo_container .teacher_design7_box .publishing_container .paper .publisher p {
  font-size: 0.8rem;
}
.teacher_design7_demo_container .teacher_design7_box .publishing_container .paper .pages {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.teacher_design7_demo_container .teacher_design7_box .publishing_container .paper .pages small {
  font-size: 0.8rem;
  color: rgb(69, 116, 160);
}
.teacher_design7_demo_container .teacher_design7_box .Gallery_container {
  width: 100%;
  padding: 0.5rem;
}
.teacher_design7_demo_container .teacher_design7_box .Gallery_container .gallery_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.teacher_design7_demo_container .teacher_design7_box .Gallery_container .gallery_title .left {
  flex: 0.5;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.teacher_design7_demo_container .teacher_design7_box .Gallery_container .gallery_title .left h2 {
  font-size: 1.5rem;
}
.teacher_design7_demo_container .teacher_design7_box .Gallery_container .gallery_title .left .icon {
  font-size: 1.3rem;
  color: green;
}
.teacher_design7_demo_container .teacher_design7_box .Gallery_container .gallery_title .right {
  flex: 0.5;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0.5rem;
}
.teacher_design7_demo_container .teacher_design7_box .Gallery_container .gallery_title .right form {
  outline: none;
  border: none;
  position: relative;
}
.teacher_design7_demo_container .teacher_design7_box .Gallery_container .gallery_title .right form select {
  font-size: 0.8rem;
  padding: 0.2rem 0.6rem;
  outline: none;
  border: none;
  position: relative;
  border: 1px solid gray;
  border-radius: 2rem;
}
.teacher_design7_demo_container .teacher_design7_box .Gallery_container .gallery_title .right form select option {
  font-size: 0.7rem;
  padding: 0.3rem;
}
.teacher_design7_demo_container .teacher_design7_box .Gallery_container .gallery_title .right form select:focus {
  outline: none;
  border-color: #666;
}
.teacher_design7_demo_container .teacher_design7_box .Gallery_container .gallery_container {
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 0.5rem;
  padding: 0.5rem;
  border-radius: 0rem;
  position: relative;
}
.teacher_design7_demo_container .teacher_design7_box .Gallery_container .gallery_container .full_image {
  position: absolute;
  top: 0%;
  left: 0%;
  display: none;
  z-index: 500;
  margin: auto;
  width: 100%;
  height: 100%;
  background: linear-gradient(#a661d4, #a661d4);
}
.teacher_design7_demo_container .teacher_design7_box .Gallery_container .gallery_container .full_image .close_Full_Image_gallery {
  position: absolute;
  right: 3%;
  top: 5%;
}
.teacher_design7_demo_container .teacher_design7_box .Gallery_container .gallery_container .full_image .close_Full_Image_gallery span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  color: red;
  cursor: pointer;
  place-items: center;
  transition: all 0.3s ease-in-out;
}
.teacher_design7_demo_container .teacher_design7_box .Gallery_container .gallery_container .full_image .close_Full_Image_gallery span:hover {
  filter: drop-shadow(0px 4px 5px rgba(255, 156, 117, 0.6));
  scale: 1.2;
  transition: all 0.3s ease-in-out;
}
.teacher_design7_demo_container .teacher_design7_box .Gallery_container .gallery_container .full_image img {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60%;
  height: 150px;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.5));
  z-index: 1000;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 600px) {
  .teacher_design7_demo_container .teacher_design7_box .Gallery_container .gallery_container .full_image img {
    width: 70%;
    height: 150px;
  }
}
.teacher_design7_demo_container .teacher_design7_box .Gallery_container .gallery_container .gallery_box {
  width: 100%;
  height: 100%;
  margin: 0rem auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, auto));
  gap: 10px;
  position: relative;
  z-index: 1;
  grid-auto-rows: 50px;
}
.teacher_design7_demo_container .teacher_design7_box .Gallery_container .gallery_container .gallery_box .large,
.teacher_design7_demo_container .teacher_design7_box .Gallery_container .gallery_container .gallery_box .medium,
.teacher_design7_demo_container .teacher_design7_box .Gallery_container .gallery_container .gallery_box .small {
  width: 100%;
  height: 100%;
  display: flex;
  grid-column: auto/span 1;
}
.teacher_design7_demo_container .teacher_design7_box .Gallery_container .gallery_container .gallery_box .large {
  grid-row: span 5;
}
.teacher_design7_demo_container .teacher_design7_box .Gallery_container .gallery_container .gallery_box .medium {
  grid-row: span 3;
}
.teacher_design7_demo_container .teacher_design7_box .Gallery_container .gallery_container .gallery_box .small {
  grid-row: span 2;
}
.teacher_design7_demo_container .teacher_design7_box .Gallery_container .gallery_container .gallery_box .gallery_item {
  position: relative;
  width: 100%;
  height: 100%;
}
.teacher_design7_demo_container .teacher_design7_box .Gallery_container .gallery_container .gallery_box .gallery_item .actions {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
}
.teacher_design7_demo_container .teacher_design7_box .Gallery_container .gallery_container .gallery_box .gallery_item .actions .icon {
  font-size: 1.4rem;
  color: #ffffff;
  display: none;
  transition: all 0.4s ease-in-out;
}
.teacher_design7_demo_container .teacher_design7_box .Gallery_container .gallery_container .gallery_box .gallery_item img {
  width: 100%;
  height: 100%;
  transition: filter 0.5s ease-in-out;
  position: relative;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
  transition: filter 0.1s ease-in-out;
}
.teacher_design7_demo_container .teacher_design7_box .Gallery_container .gallery_container .gallery_box .gallery_item img:hover {
  filter: brightness(0.6) grayscale(1);
  transition: filter 0.1s ease-in-out;
}
.teacher_design7_demo_container .teacher_design7_box .Gallery_container .gallery_container .gallery_box .gallery_item img:hover + .actions .icon {
  display: block;
  transition: all 0.4s ease-in-out;
  z-index: -1;
  cursor: pointer;
}
.teacher_design7_demo_container .teacher_design7_box .Gallery_container .gallery_container .gallery_box .gallery_item img:hover + .actions .icon:hover + img {
  filter: brightness(0.6) grayscale(1);
  scale: 1.05;
  transition: filter 0.1s ease-in-out;
}
@media screen and (max-width: 776px) {
  .teacher_design7_demo_container .teacher_design7_box .Gallery_container .gallery_container .gallery_box .gallery_item img {
    height: 100%;
  }
  .teacher_design7_demo_container .teacher_design7_box .Gallery_container .gallery_container .gallery_box .gallery_item {
    height: 100%;
  }
  .teacher_design7_demo_container .teacher_design7_box .Gallery_container .gallery_container .gallery_box {
    grid-template-columns: 1fr 1fr;
  }
}
.teacher_design7_demo_container .teacher_design7_box .Gallery_container .documents {
  width: 100%;
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.teacher_design7_demo_container .teacher_design7_box .Gallery_container .documents p {
  font-weight: 450;
  font-size: 0.9rem;
  color: rgb(255, 93, 93);
}
.teacher_design7_demo_container .teacher_design7_box .Footer {
  position: relative;
  padding-top: 3rem;
  width: 100%;
}
.teacher_design7_demo_container .teacher_design7_box .Footer .footer_container {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 600;
  padding: 10px 0px;
}
.teacher_design7_demo_container .teacher_design7_box .Footer .footer_container p {
  font-size: 0.8rem;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  color: #fff;
  font-weight: 600;
  letter-spacing: 1px;
}
@media (max-width: 600px) {
  .teacher_design7_demo_container .teacher_design7_box .Footer .footer_container p {
    font-size: 0.7rem;
  }
}
.teacher_design7_demo_container .teacher_design7_box .Footer .footer_container svg {
  position: absolute;
  z-index: -1;
  bottom: 0%;
  left: 0%;
  width: 100%;
}
.teacher_design7_demo_container .teacher_design7_box::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 600px) {
  .teacher_design7_demo_container .teacher_design7_box {
    width: 100vw !important;
    min-width: 100vw;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin-top: 0rem !important;
  }
}
.teacher_design7_demo_container .article_box {
  min-width: 450px;
  max-width: 450px;
  margin-top: 0px !important;
  min-height: 100vh;
  max-height: 100vh;
  overflow-x: hidden;
  overflow-y: scroll;
  background: linear-gradient(160deg, #4fc4bb 50%, #2b71a5 50%);
  filter: drop-shadow(0px 4px 5px rgba(56, 56, 56, 0.6509803922));
}
.teacher_design7_demo_container .article_box .view_article_header {
  width: 100%;
  min-height: 5vh;
  background-color: #fff;
  border-bottom: 1px solid rgb(231, 231, 231);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem;
}
.teacher_design7_demo_container .article_box .view_article_header .left {
  flex: 0.5;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.teacher_design7_demo_container .article_box .view_article_header .left i {
  font-size: 1.5rem;
  cursor: pointer;
}
.teacher_design7_demo_container .article_box .view_article_header .right {
  flex: 0.5;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.teacher_design7_demo_container .article_box .view_article_header .right img {
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  border-radius: 50%;
  border: 1px solid rgb(204, 204, 204);
}
.teacher_design7_demo_container .article_box .author_details {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  padding: 0.5rem;
}
.teacher_design7_demo_container .article_box .author_details .profile img {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  border: 1px solid rgb(204, 204, 204);
}
.teacher_design7_demo_container .article_box .author_details .name p {
  font-size: 0.9rem;
  font-weight: 450;
}
.teacher_design7_demo_container .article_box .article {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
}
.teacher_design7_demo_container .article_box .article .article_header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.teacher_design7_demo_container .article_box .article .article_header h2 {
  font-size: 0.9rem;
  font-weight: 450;
  color: #002185;
}
.teacher_design7_demo_container .article_box .article table {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
}
.teacher_design7_demo_container .article_box .article table thead {
  flex: 0.4;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.teacher_design7_demo_container .article_box .article table thead tr {
  padding: 0.5rem;
  max-height: 100px;
  min-height: 50px;
}
.teacher_design7_demo_container .article_box .article table thead tr th {
  font-size: 0.9rem;
  font-weight: 450;
}
.teacher_design7_demo_container .article_box .article table tbody {
  flex: 0.6;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.teacher_design7_demo_container .article_box .article table tbody tr {
  padding: 0.5rem;
  max-height: 100px;
  min-height: 50px;
}
.teacher_design7_demo_container .article_box .article table tbody tr td {
  font-size: 0.9rem;
  font-weight: 450;
}
.teacher_design7_demo_container .article_box::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 600px) {
  .teacher_design7_demo_container .article_box {
    width: 100vw !important;
    min-width: 100vw;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin-top: 0rem;
  }
}
.teacher_design7_demo_container::-webkit-scrollbar {
  width: 6px !important;
  height: 4px !important;
  background-color: #4375ff, #0084ff;
}
@media screen and (max-width: 650px) {
  .teacher_design7_demo_container::-webkit-scrollbar {
    display: none !important;
  }
}
.teacher_design7_demo_container::-webkit-scrollbar-thumb {
  width: 6px !important;
  height: 4px !important;
  border-radius: 10px;
  z-index: 10;
  cursor: pointer;
  background-color: #fff !important;
}
.teacher_design7_demo_container::-webkit-scrollbar-thumb:hover {
  background-color: rgb(36, 231, 222);
}
.date-input {
  appearance: none; /* Remove default styling */
  -webkit-appearance: none; /* Remove default styling in Safari */
  -moz-appearance: none; /* Remove default styling in Firefox */
  padding: 10px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.date-input::-moz-placeholder {
  color: #888; /* Placeholder color */
}
.date-input::placeholder {
  color: #888; /* Placeholder color */
}
/* Custom icon for the date picker */
.date-input::-webkit-calendar-picker-indicator {
  cursor: pointer;
  color: transparent;
  opacity: 1;
  position: absolute;
  right: 10px;
  top: 70%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url("https://img.icons8.com/emoji/48/calendar-emoji.png") no-repeat center center;
  background-size: contain;
}

.teacher_design8_demo_container {
  width: 100vw;
  max-height: 100vh;
  height: 100vh;
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin: auto;
  color: #303030;
  overflow-y: hidden;
  overflow-x: hidden;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.teacher_design8_demo_container .full_image {
  display: none;
  z-index: 500;
  margin: auto;
  width: 100%;
  height: 100%;
  background: linear-gradient(#fff, #fff);
  position: absolute;
  top: 0%;
  left: 0%;
}
.teacher_design8_demo_container .full_image .close_Full_Image_gallery {
  position: absolute;
  width: 100%;
  left: 90%;
  top: 15%;
}
.teacher_design8_demo_container .full_image .close_Full_Image_gallery .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  color: red;
  cursor: pointer;
  place-items: center;
  transition: all 0.3s ease-in-out;
}
.teacher_design8_demo_container .full_image .close_Full_Image_gallery .icon:hover {
  filter: drop-shadow(0px 4px 5px rgba(255, 156, 117, 0.6));
  scale: 1.2;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 600px) {
  .teacher_design8_demo_container .full_image .close_Full_Image_gallery {
    position: absolute;
    width: 100%;
    left: 90%;
    top: 5%;
  }
}
.teacher_design8_demo_container .full_image img {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 700px;
  height: 450px;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.5));
  border-radius: 5px;
  z-index: 1000;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 600px) {
  .teacher_design8_demo_container .full_image img {
    width: 90%;
    height: 200px;
  }
}
.teacher_design8_demo_container .lottie {
  position: absolute;
  width: 100vw;
  height: 100vh;
  left: 0%;
  top: 0%;
  scale: 1.5;
  filter: brightness(100%) grayscale(0);
  opacity: 0.3;
}
.teacher_design8_demo_container .teacher_design8_box {
  min-width: 450px;
  max-width: 450px;
  min-height: 100vh;
  max-height: 100vh;
  overflow-x: hidden;
  overflow-y: scroll;
  background: linear-gradient(100deg, #C5EEE6, #C5EEE6);
  filter: drop-shadow(0px 4px 5px rgba(88, 88, 88, 0.431372549));
  position: relative;
  margin: auto;
}
.teacher_design8_demo_container .teacher_design8_box .second_svg {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 70%;
  display: none;
  overflow: hidden;
}
.teacher_design8_demo_container .teacher_design8_box .second_svg svg {
  height: 2080px;
  fill: rgba(106, 183, 255, 0.8);
}
.teacher_design8_demo_container .teacher_design8_box .third_color {
  position: absolute;
  top: 35%;
  width: 100%;
  min-height: 100vh;
  background-color: #019885;
  z-index: -1;
  display: none;
  overflow: hidden;
}
.teacher_design8_demo_container .teacher_design8_box .design_1 {
  position: absolute;
  top: 20%;
  left: -2%;
  width: 200px;
  height: 300px;
  background-color: #FEBD59;
  border-top-right-radius: 6rem;
  border-bottom-right-radius: 15rem;
  z-index: -1;
  overflow: hidden;
}
@media screen and (max-width: 776px) {
  .teacher_design8_demo_container .teacher_design8_box .design_1 {
    left: -14%;
  }
}
.teacher_design8_demo_container .teacher_design8_box .design_2 {
  position: absolute;
  top: 20%;
  right: -2%;
  width: 200px;
  height: 300px;
  background-color: #FEBD59;
  border-top-left-radius: 6rem;
  border-bottom-left-radius: 15rem;
  overflow: hidden;
}
@media screen and (max-width: 776px) {
  .teacher_design8_demo_container .teacher_design8_box .design_2 {
    right: -14%;
  }
}
.teacher_design8_demo_container .teacher_design8_box .design_3 {
  position: absolute;
  top: 50%;
  left: -2%;
  width: 200px;
  height: 500px;
  background-color: #019885;
  border-top-right-radius: 6rem;
  border-bottom-right-radius: 15rem;
  z-index: -2;
  overflow: hidden;
}
@media screen and (max-width: 776px) {
  .teacher_design8_demo_container .teacher_design8_box .design_3 {
    left: -14%;
  }
}
.teacher_design8_demo_container .teacher_design8_box .design_4 {
  position: absolute;
  top: 50%;
  right: -2%;
  width: 200px;
  height: 500px;
  background-color: #019885;
  border-top-left-radius: 6rem;
  border-bottom-left-radius: 15rem;
  z-index: -2;
  overflow: hidden;
}
@media screen and (max-width: 776px) {
  .teacher_design8_demo_container .teacher_design8_box .design_4 {
    right: -14%;
  }
}
.teacher_design8_demo_container .teacher_design8_box .Image_row_1 {
  min-width: 100%;
  max-width: 100%;
  max-height: -moz-max-content;
  max-height: max-content;
  min-height: 200px;
  height: auto;
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 0rem 0.5rem 0rem 0.5rem;
  overflow: hidden;
}
.teacher_design8_demo_container .teacher_design8_box .Image_row_1 .views {
  position: absolute;
  left: 0%;
  top: 0%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  color: #fff;
  background-color: #00b495;
  padding: 5px 2rem;
  border-top-right-radius: 0rem;
  border-bottom-right-radius: 3rem;
  z-index: 4;
}
.teacher_design8_demo_container .teacher_design8_box .Image_row_1 .views h6 {
  letter-spacing: 1px;
  font-size: 0.9rem;
}
.teacher_design8_demo_container .teacher_design8_box .Image_row_1 .views p {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 1px;
}
.teacher_design8_demo_container .teacher_design8_box .Image_row_1 .views p sup {
  font-size: 0.9rem;
  font-weight: 550;
}
.teacher_design8_demo_container .teacher_design8_box .Image_row_1 .views p i {
  font-size: 1.4rem;
}
.teacher_design8_demo_container .teacher_design8_box .Image_row_1 .user_logo {
  position: relative;
  width: -moz-max-content;
  width: max-content;
  height: -moz-max-content;
  height: max-content;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 0.3rem;
  background-color: #fff;
  z-index: 2;
  border-radius: 1rem;
  margin: 2rem 1rem;
}
.teacher_design8_demo_container .teacher_design8_box .Image_row_1 .user_logo img {
  z-index: 2;
  width: 100px;
  height: 100px;
  display: block;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  image-rendering: crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  border: 2px solid rgba(189, 189, 189, 0.7450980392);
  filter: drop-shadow(0px 4px 5px rgba(255, 255, 255, 0.9098039216)) brightness(110%);
  animation: none !important;
}
@keyframes profileBorder {
  0% {
    border: 3px solid #ffffff;
    transform: translateY(0px);
  }
  25% {
    border: 3px solid #ffffff;
    transform: translateY(-5px);
  }
  50% {
    border: 3px solid #ffffff;
    transform: translateY(-10px);
  }
  75% {
    border: 3px solid rgb(255, 255, 255);
    transform: translateY(-5px);
  }
  100% {
    border: 3px solid #ffffff;
    transform: translateY(0px);
  }
}
.teacher_design8_demo_container .teacher_design8_box .Image_row_1 .user_logo .svg_image {
  position: absolute;
  z-index: 1;
}
.teacher_design8_demo_container .teacher_design8_box .Image_row_1 .user_logo .svg_image img {
  width: 200px;
  height: 200px;
  border: none;
  filter: drop-shadow(0px 4px 5px rgba(255, 255, 255, 0.631372549));
  animation: profileSVGAnime 5s infinite linear;
}
@keyframes profileSVGAnime {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(90deg);
  }
  50% {
    transform: rotate(180deg);
  }
  75% {
    transform: rotate(270deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.teacher_design8_demo_container .teacher_design8_box .Image_row_1 .heart {
  position: absolute;
  left: 21%;
  top: 60%;
  z-index: 10;
  display: none;
}
.teacher_design8_demo_container .teacher_design8_box .Image_row_1 .heart .plus {
  position: absolute;
  top: -35%;
  right: -25%;
  z-index: -1;
}
.teacher_design8_demo_container .teacher_design8_box .Image_row_1 .heart .plus i {
  font-size: 1rem;
  font-weight: 700;
}
.teacher_design8_demo_container .teacher_design8_box .Image_row_1 .heart .plus .minus {
  color: red;
}
.teacher_design8_demo_container .teacher_design8_box .Image_row_1 .heart .plus .plus {
  color: gray;
}
@media screen and (max-width: 776px) {
  .teacher_design8_demo_container .teacher_design8_box .Image_row_1 .heart {
    position: absolute;
    left: 25%;
    top: 65%;
    z-index: 10;
  }
}
.teacher_design8_demo_container .teacher_design8_box .Image_row_1 .contacts_btns {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  gap: 1rem;
  position: absolute;
  top: 2%;
  right: 2%;
  padding-right: 1rem;
  background-color: #fff;
  padding: 0.5rem 1rem;
  z-index: 1;
  border-radius: 10px;
}
.teacher_design8_demo_container .teacher_design8_box .Image_row_1 .contacts_btns a {
  text-decoration: none;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 30px;
  height: 30px;
  background-color: #00b495;
  color: #fff;
  border-radius: 0.3rem;
  transition: all 0.4s linear;
}
.teacher_design8_demo_container .teacher_design8_box .Image_row_1 .contacts_btns a i {
  font-size: 1rem;
  color: #fff;
}
.teacher_design8_demo_container .teacher_design8_box .Image_row_1 .contacts_btns a .plus {
  position: absolute;
  right: 5%;
  top: -24%;
}
.teacher_design8_demo_container .teacher_design8_box .Image_row_1 .contacts_btns a .plus i {
  font-size: 0.6rem;
  font-weight: 600;
  color: #fff;
}
.teacher_design8_demo_container .teacher_design8_box .Image_row_1 .contacts_btns a small {
  font-size: 0.7rem;
  font-weight: 500;
}
.teacher_design8_demo_container .teacher_design8_box .Image_row_1 .contacts_btns a:hover {
  background-color: #ffffff;
  color: #3f6298;
  scale: 1.05;
  box-shadow: 0px 4px 5px rgba(255, 255, 255, 0.4);
  transition: all 0.4s linear;
}
.teacher_design8_demo_container .teacher_design8_box .Image_row_1 .contacts_btns a:hover i {
  color: #3f6298;
}
.teacher_design8_demo_container .teacher_design8_box .content_container {
  min-width: 95%;
  max-width: 95%;
  min-height: -moz-max-content;
  min-height: max-content;
  max-height: auto;
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: linear-gradient(160deg, #fff, #fff);
  overflow: hidden;
  position: relative;
  padding-top: 0.5rem;
}
.teacher_design8_demo_container .teacher_design8_box .basic_row_2 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  position: relative;
  overflow: hidden;
  padding: 0rem 0.5rem;
}
.teacher_design8_demo_container .teacher_design8_box .basic_row_2 .user_details {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.teacher_design8_demo_container .teacher_design8_box .basic_row_2 .user_details .user_data {
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex: 1;
  gap: 15px;
  width: 100%;
  height: 100%;
}
.teacher_design8_demo_container .teacher_design8_box .basic_row_2 .user_details .user_data .user_information {
  display: flex;
  flex: 1;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 0.5rem;
}
.teacher_design8_demo_container .teacher_design8_box .basic_row_2 .user_details .user_data .user_information h2 {
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: 1px;
  color: #313131;
}
.teacher_design8_demo_container .teacher_design8_box .basic_row_2 .user_details .user_data .user_information h2 strong {
  font-size: 1rem;
  font-weight: 550;
  color: gray;
}
.teacher_design8_demo_container .teacher_design8_box .basic_row_2 .user_details .user_data .user_information p {
  font-size: 0.9rem;
  font-weight: 500;
  color: #313131;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  line-height: 1.5rem;
  gap: 0rem;
}
.teacher_design8_demo_container .teacher_design8_box .basic_row_2 .user_details .user_data .user_information p img {
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media screen and (max-width: 600px) {
  .teacher_design8_demo_container .teacher_design8_box .basic_row_2 .user_details .user_data .user_information p img {
    width: 25px;
    height: 25px;
  }
}
.teacher_design8_demo_container .teacher_design8_box .basic_row_2 .user_details .user_data .user_information .article_title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
  flex-wrap: wrap;
}
.teacher_design8_demo_container .teacher_design8_box .basic_row_2 .user_details .user_data .user_information .article_title h5 {
  font-size: 0.8rem;
  font-weight: 500;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0rem;
  background-color: #018b74;
  padding: 0.3rem 1rem;
  border-radius: 0.2rem;
  letter-spacing: 1px;
}
@media screen and (max-width: 600px) {
  .teacher_design8_demo_container .teacher_design8_box .basic_row_2 .user_details .user_data {
    align-items: flex-start;
  }
}
.teacher_design8_demo_container .teacher_design8_box .filter_row_3 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0.5rem;
  overflow: hidden;
}
.teacher_design8_demo_container .teacher_design8_box .filter_row_3 form {
  width: 50%;
  outline: none;
  border: none;
  position: relative;
}
.teacher_design8_demo_container .teacher_design8_box .filter_row_3 form select {
  font-size: 0.8rem;
  padding: 0.4rem;
  outline: none;
  border: none;
  background-color: #00b495;
  color: #fff;
  font-weight: 500;
  position: relative;
  width: 100px;
  border-radius: 5px;
}
.teacher_design8_demo_container .teacher_design8_box .filter_row_3 form select option {
  font-size: 0.7rem;
  padding: 0.3rem;
  background-color: #fff;
  color: #505050;
}
.teacher_design8_demo_container .teacher_design8_box .filter_row_3 form select:focus {
  outline: none;
  border-color: #666;
}
.teacher_design8_demo_container .teacher_design8_box .publishing_container {
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.5rem;
  display: grid;
  grid-template-columns: 1fr;
  overflow: hidden;
  padding: 0.5rem;
}
.teacher_design8_demo_container .teacher_design8_box .publishing_container .paper {
  width: 100%;
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.2rem;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
.teacher_design8_demo_container .teacher_design8_box .publishing_container .paper .paper_title a {
  color: #036857;
  font-size: 0.9rem;
  cursor: pointer;
}
.teacher_design8_demo_container .teacher_design8_box .publishing_container .paper .paper_title a:hover {
  text-decoration: underline;
}
.teacher_design8_demo_container .teacher_design8_box .publishing_container .paper .author {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
.teacher_design8_demo_container .teacher_design8_box .publishing_container .paper .author .name {
  flex: 0.7;
}
.teacher_design8_demo_container .teacher_design8_box .publishing_container .paper .author .name p {
  font-size: 0.8rem;
  color: rgb(97, 97, 97);
  font-weight: 550;
}
.teacher_design8_demo_container .teacher_design8_box .publishing_container .paper .author .date {
  flex: 0.3;
  color: #446d66;
}
.teacher_design8_demo_container .teacher_design8_box .publishing_container .paper .author .date small {
  font-size: 0.9rem;
}
.teacher_design8_demo_container .teacher_design8_box .publishing_container .paper .date {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.teacher_design8_demo_container .teacher_design8_box .publishing_container .paper .date small {
  font-weight: 550;
  font-size: 0.6rem;
}
.teacher_design8_demo_container .teacher_design8_box .publishing_container .paper .journal p {
  font-size: 0.8rem;
}
.teacher_design8_demo_container .teacher_design8_box .publishing_container .paper .details {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.teacher_design8_demo_container .teacher_design8_box .publishing_container .paper .details .issue p {
  font-size: 0.7rem;
}
.teacher_design8_demo_container .teacher_design8_box .publishing_container .paper .publisher p {
  font-size: 0.8rem;
}
.teacher_design8_demo_container .teacher_design8_box .publishing_container .paper .pages {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.teacher_design8_demo_container .teacher_design8_box .publishing_container .paper .pages small {
  font-size: 0.8rem;
  color: #8a8a8a;
}
.teacher_design8_demo_container .teacher_design8_box .Gallery_container {
  width: 100%;
  padding: 0.5rem;
  overflow: hidden;
}
.teacher_design8_demo_container .teacher_design8_box .Gallery_container .gallery_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.teacher_design8_demo_container .teacher_design8_box .Gallery_container .gallery_title .left {
  flex: 0.5;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.teacher_design8_demo_container .teacher_design8_box .Gallery_container .gallery_title .left h2 {
  font-size: 1.5rem;
}
.teacher_design8_demo_container .teacher_design8_box .Gallery_container .gallery_title .left .icon {
  font-size: 1.3rem;
  color: green;
}
.teacher_design8_demo_container .teacher_design8_box .Gallery_container .gallery_title .right {
  flex: 0.5;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0.5rem;
}
.teacher_design8_demo_container .teacher_design8_box .Gallery_container .gallery_title .right form {
  outline: none;
  border: none;
  position: relative;
}
.teacher_design8_demo_container .teacher_design8_box .Gallery_container .gallery_title .right form select {
  font-size: 0.8rem;
  padding: 0.2rem 0.6rem;
  outline: none;
  border: none;
  position: relative;
  border: 1px solid gray;
  border-radius: 2rem;
}
.teacher_design8_demo_container .teacher_design8_box .Gallery_container .gallery_title .right form select option {
  font-size: 0.7rem;
  padding: 0.3rem;
}
.teacher_design8_demo_container .teacher_design8_box .Gallery_container .gallery_title .right form select:focus {
  outline: none;
  border-color: #666;
}
.teacher_design8_demo_container .teacher_design8_box .Gallery_container .gallery_container {
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 0.5rem;
  padding: 0.5rem;
  border-radius: 0rem;
  position: relative;
}
.teacher_design8_demo_container .teacher_design8_box .Gallery_container .gallery_container .full_image {
  position: absolute;
  top: 0%;
  left: 0%;
  display: none;
  z-index: 500;
  margin: auto;
  width: 100%;
  height: 100%;
  background: linear-gradient(#a661d4, #a661d4);
}
.teacher_design8_demo_container .teacher_design8_box .Gallery_container .gallery_container .full_image .close_Full_Image_gallery {
  position: absolute;
  right: 3%;
  top: 5%;
}
.teacher_design8_demo_container .teacher_design8_box .Gallery_container .gallery_container .full_image .close_Full_Image_gallery span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  color: red;
  cursor: pointer;
  place-items: center;
  transition: all 0.3s ease-in-out;
}
.teacher_design8_demo_container .teacher_design8_box .Gallery_container .gallery_container .full_image .close_Full_Image_gallery span:hover {
  filter: drop-shadow(0px 4px 5px rgba(255, 156, 117, 0.6));
  scale: 1.2;
  transition: all 0.3s ease-in-out;
}
.teacher_design8_demo_container .teacher_design8_box .Gallery_container .gallery_container .full_image img {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60%;
  height: 150px;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.5));
  z-index: 1000;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 600px) {
  .teacher_design8_demo_container .teacher_design8_box .Gallery_container .gallery_container .full_image img {
    width: 70%;
    height: 150px;
  }
}
.teacher_design8_demo_container .teacher_design8_box .Gallery_container .gallery_container .gallery_box {
  width: 100%;
  height: 100%;
  margin: 0rem auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, auto));
  gap: 10px;
  position: relative;
  z-index: 1;
  grid-auto-rows: 50px;
}
.teacher_design8_demo_container .teacher_design8_box .Gallery_container .gallery_container .gallery_box .large,
.teacher_design8_demo_container .teacher_design8_box .Gallery_container .gallery_container .gallery_box .medium,
.teacher_design8_demo_container .teacher_design8_box .Gallery_container .gallery_container .gallery_box .small {
  width: 100%;
  height: 100%;
  display: flex;
  grid-column: auto/span 1;
}
.teacher_design8_demo_container .teacher_design8_box .Gallery_container .gallery_container .gallery_box .large {
  grid-row: span 5;
}
.teacher_design8_demo_container .teacher_design8_box .Gallery_container .gallery_container .gallery_box .medium {
  grid-row: span 3;
}
.teacher_design8_demo_container .teacher_design8_box .Gallery_container .gallery_container .gallery_box .small {
  grid-row: span 2;
}
.teacher_design8_demo_container .teacher_design8_box .Gallery_container .gallery_container .gallery_box .gallery_item {
  position: relative;
  width: 100%;
  height: 100%;
}
.teacher_design8_demo_container .teacher_design8_box .Gallery_container .gallery_container .gallery_box .gallery_item .actions {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
}
.teacher_design8_demo_container .teacher_design8_box .Gallery_container .gallery_container .gallery_box .gallery_item .actions .icon {
  font-size: 1.4rem;
  color: #ffffff;
  display: none;
  transition: all 0.4s ease-in-out;
}
.teacher_design8_demo_container .teacher_design8_box .Gallery_container .gallery_container .gallery_box .gallery_item img {
  width: 100%;
  height: 100%;
  transition: filter 0.5s ease-in-out;
  position: relative;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
  transition: filter 0.1s ease-in-out;
}
.teacher_design8_demo_container .teacher_design8_box .Gallery_container .gallery_container .gallery_box .gallery_item img:hover {
  filter: brightness(0.6) grayscale(1);
  transition: filter 0.1s ease-in-out;
}
.teacher_design8_demo_container .teacher_design8_box .Gallery_container .gallery_container .gallery_box .gallery_item img:hover + .actions .icon {
  display: block;
  transition: all 0.4s ease-in-out;
  z-index: -1;
  cursor: pointer;
}
.teacher_design8_demo_container .teacher_design8_box .Gallery_container .gallery_container .gallery_box .gallery_item img:hover + .actions .icon:hover + img {
  filter: brightness(0.6) grayscale(1);
  scale: 1.05;
  transition: filter 0.1s ease-in-out;
}
@media screen and (max-width: 776px) {
  .teacher_design8_demo_container .teacher_design8_box .Gallery_container .gallery_container .gallery_box .gallery_item img {
    height: 100%;
  }
  .teacher_design8_demo_container .teacher_design8_box .Gallery_container .gallery_container .gallery_box .gallery_item {
    height: 100%;
  }
  .teacher_design8_demo_container .teacher_design8_box .Gallery_container .gallery_container .gallery_box {
    grid-template-columns: 1fr 1fr;
  }
}
.teacher_design8_demo_container .teacher_design8_box .Gallery_container .documents {
  width: 100%;
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.teacher_design8_demo_container .teacher_design8_box .Gallery_container .documents p {
  font-weight: 450;
  font-size: 0.9rem;
  color: rgb(255, 93, 93);
}
.teacher_design8_demo_container .teacher_design8_box .Footer {
  position: relative;
  overflow: hidden;
  padding-top: 3rem;
  width: 100%;
}
.teacher_design8_demo_container .teacher_design8_box .Footer .footer_container {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 600;
  padding: 10px 0px;
}
.teacher_design8_demo_container .teacher_design8_box .Footer .footer_container p {
  font-size: 0.8rem;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  color: #fff;
  font-weight: 600;
  letter-spacing: 1px;
}
@media (max-width: 600px) {
  .teacher_design8_demo_container .teacher_design8_box .Footer .footer_container p {
    font-size: 0.7rem;
  }
}
.teacher_design8_demo_container .teacher_design8_box .Footer .footer_container svg {
  position: absolute;
  z-index: -1;
  bottom: 0%;
  left: 0%;
  width: 100%;
}
.teacher_design8_demo_container .teacher_design8_box::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 600px) {
  .teacher_design8_demo_container .teacher_design8_box {
    width: 100vw !important;
    min-width: 100vw;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin-top: 0rem !important;
  }
}
.teacher_design8_demo_container .article_box {
  min-width: 450px;
  max-width: 450px;
  margin-top: 0px !important;
  min-height: 100vh;
  max-height: 100vh;
  overflow-x: hidden;
  overflow-y: scroll;
  background: linear-gradient(160deg, #C5EEE6 50%, #C5EEE6 50%);
  filter: drop-shadow(0px 4px 5px rgba(56, 56, 56, 0.6509803922));
}
.teacher_design8_demo_container .article_box .view_article_header {
  width: 100%;
  min-height: 5vh;
  background-color: #fff;
  border-bottom: 1px solid rgb(231, 231, 231);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem;
}
.teacher_design8_demo_container .article_box .view_article_header .left {
  flex: 0.5;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.teacher_design8_demo_container .article_box .view_article_header .left i {
  font-size: 1.5rem;
  cursor: pointer;
}
.teacher_design8_demo_container .article_box .view_article_header .right {
  flex: 0.5;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.teacher_design8_demo_container .article_box .view_article_header .right img {
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  border-radius: 50%;
  border: 1px solid rgb(204, 204, 204);
}
.teacher_design8_demo_container .article_box .author_details {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  padding: 0.5rem;
}
.teacher_design8_demo_container .article_box .author_details .profile img {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  border: 1px solid rgb(204, 204, 204);
}
.teacher_design8_demo_container .article_box .author_details .name p {
  font-size: 0.9rem;
  font-weight: 450;
}
.teacher_design8_demo_container .article_box .article {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
}
.teacher_design8_demo_container .article_box .article .article_header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.teacher_design8_demo_container .article_box .article .article_header h2 {
  font-size: 0.9rem;
  font-weight: 450;
  color: #002185;
}
.teacher_design8_demo_container .article_box .article table {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
}
.teacher_design8_demo_container .article_box .article table thead {
  flex: 0.4;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.teacher_design8_demo_container .article_box .article table thead tr {
  padding: 0.5rem;
  max-height: 100px;
  min-height: 50px;
}
.teacher_design8_demo_container .article_box .article table thead tr th {
  font-size: 0.9rem;
  font-weight: 450;
}
.teacher_design8_demo_container .article_box .article table tbody {
  flex: 0.6;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.teacher_design8_demo_container .article_box .article table tbody tr {
  padding: 0.5rem;
  max-height: 100px;
  min-height: 50px;
}
.teacher_design8_demo_container .article_box .article table tbody tr td {
  font-size: 0.9rem;
  font-weight: 450;
}
.teacher_design8_demo_container .article_box::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 600px) {
  .teacher_design8_demo_container .article_box {
    width: 100vw !important;
    min-width: 100vw;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin-top: 0rem;
  }
}
.teacher_design8_demo_container::-webkit-scrollbar {
  width: 6px !important;
  height: 4px !important;
  background-color: #4375ff, #0084ff;
}
@media screen and (max-width: 650px) {
  .teacher_design8_demo_container::-webkit-scrollbar {
    display: none !important;
  }
}
.teacher_design8_demo_container::-webkit-scrollbar-thumb {
  width: 6px !important;
  height: 4px !important;
  border-radius: 10px;
  z-index: 10;
  cursor: pointer;
  background-color: #fff !important;
}
.teacher_design8_demo_container::-webkit-scrollbar-thumb:hover {
  background-color: rgb(36, 231, 222);
}
.date-input {
  appearance: none; /* Remove default styling */
  -webkit-appearance: none; /* Remove default styling in Safari */
  -moz-appearance: none; /* Remove default styling in Firefox */
  padding: 10px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.date-input::-moz-placeholder {
  color: #888; /* Placeholder color */
}
.date-input::placeholder {
  color: #888; /* Placeholder color */
}
/* Custom icon for the date picker */
.date-input::-webkit-calendar-picker-indicator {
  cursor: pointer;
  color: transparent;
  opacity: 1;
  position: absolute;
  right: 10px;
  top: 70%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url("https://img.icons8.com/emoji/48/calendar-emoji.png") no-repeat center center;
  background-size: contain;
}

.teacher_design9_demo_container {
  width: 100vw;
  max-height: 100vh;
  height: 100vh;
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin: auto;
  color: #303030;
  overflow-y: hidden;
  overflow-x: hidden;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.teacher_design9_demo_container .full_image {
  display: none;
  z-index: 500;
  margin: auto;
  width: 100%;
  height: 100%;
  background: linear-gradient(#fff, #fff);
  position: absolute;
  top: 0%;
  left: 0%;
}
.teacher_design9_demo_container .full_image .close_Full_Image_gallery {
  position: absolute;
  width: 100%;
  left: 90%;
  top: 15%;
}
.teacher_design9_demo_container .full_image .close_Full_Image_gallery .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  color: red;
  cursor: pointer;
  place-items: center;
  transition: all 0.3s ease-in-out;
}
.teacher_design9_demo_container .full_image .close_Full_Image_gallery .icon:hover {
  filter: drop-shadow(0px 4px 5px rgba(255, 156, 117, 0.6));
  scale: 1.2;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 600px) {
  .teacher_design9_demo_container .full_image .close_Full_Image_gallery {
    position: absolute;
    width: 100%;
    left: 90%;
    top: 5%;
  }
}
.teacher_design9_demo_container .full_image img {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 700px;
  height: 450px;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.5));
  border-radius: 5px;
  z-index: 1000;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 600px) {
  .teacher_design9_demo_container .full_image img {
    width: 90%;
    height: 200px;
  }
}
.teacher_design9_demo_container .lottie {
  position: absolute;
  width: 100vw;
  height: 100vh;
  left: 0%;
  top: 0%;
  scale: 1;
  filter: brightness(100%) grayscale(0);
  opacity: 0.9;
}
.teacher_design9_demo_container .teacher_design9_box {
  min-width: 450px;
  max-width: 450px;
  min-height: 100vh;
  max-height: 100vh;
  overflow-x: hidden;
  overflow-y: scroll;
  background: linear-gradient(100deg, #1B4843, #1B4843);
  filter: drop-shadow(0px 4px 5px rgba(88, 88, 88, 0.431372549));
  position: relative;
  margin: auto;
}
.teacher_design9_demo_container .teacher_design9_box .second_svg {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 70%;
  display: none;
  overflow: hidden;
}
.teacher_design9_demo_container .teacher_design9_box .second_svg svg {
  height: 2080px;
  fill: rgba(106, 183, 255, 0.8);
}
.teacher_design9_demo_container .teacher_design9_box .third_color {
  position: absolute;
  top: 35%;
  width: 100%;
  min-height: 100vh;
  background-color: #C45508;
  z-index: -1;
  display: none;
  overflow: hidden;
}
.teacher_design9_demo_container .teacher_design9_box .design_1 {
  position: absolute;
  top: 20%;
  left: -2%;
  width: 200px;
  height: 300px;
  background-color: #D55923;
  border-top-right-radius: 16rem;
  border-bottom-right-radius: 16rem;
  z-index: -1;
  overflow: hidden;
}
@media screen and (max-width: 776px) {
  .teacher_design9_demo_container .teacher_design9_box .design_1 {
    left: -14%;
  }
}
.teacher_design9_demo_container .teacher_design9_box .design_2 {
  position: absolute;
  top: 20%;
  right: -2%;
  width: 200px;
  height: 300px;
  background-color: #D55923;
  border-top-left-radius: 16rem;
  border-bottom-left-radius: 16rem;
  overflow: hidden;
}
@media screen and (max-width: 776px) {
  .teacher_design9_demo_container .teacher_design9_box .design_2 {
    right: -14%;
  }
}
.teacher_design9_demo_container .teacher_design9_box .design_3 {
  position: absolute;
  top: 50%;
  left: -2%;
  width: 200px;
  height: 500px;
  background-color: #1B4843;
  border-top-right-radius: 6rem;
  border-bottom-right-radius: 15rem;
  z-index: -2;
  overflow: hidden;
}
@media screen and (max-width: 776px) {
  .teacher_design9_demo_container .teacher_design9_box .design_3 {
    left: -14%;
  }
}
.teacher_design9_demo_container .teacher_design9_box .design_4 {
  position: absolute;
  top: 50%;
  right: -2%;
  width: 200px;
  height: 500px;
  background-color: #1B4843;
  border-top-left-radius: 6rem;
  border-bottom-left-radius: 15rem;
  z-index: -2;
  overflow: hidden;
}
@media screen and (max-width: 776px) {
  .teacher_design9_demo_container .teacher_design9_box .design_4 {
    right: -14%;
  }
}
.teacher_design9_demo_container .teacher_design9_box .Image_row_1 {
  min-width: 100%;
  max-width: 100%;
  max-height: -moz-max-content;
  max-height: max-content;
  min-height: 200px;
  height: auto;
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 0rem 0.5rem 0rem 0.5rem;
  overflow: hidden;
}
.teacher_design9_demo_container .teacher_design9_box .Image_row_1 .views {
  position: absolute;
  left: 0%;
  top: 0%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  color: #ffffff;
  background-color: #C45508;
  padding: 5px 2rem;
  border-top-right-radius: 0rem;
  border-bottom-right-radius: 3rem;
  z-index: 4;
}
.teacher_design9_demo_container .teacher_design9_box .Image_row_1 .views h6 {
  letter-spacing: 1px;
  font-size: 0.9rem;
}
.teacher_design9_demo_container .teacher_design9_box .Image_row_1 .views p {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 1px;
}
.teacher_design9_demo_container .teacher_design9_box .Image_row_1 .views p sup {
  font-size: 0.9rem;
  font-weight: 550;
}
.teacher_design9_demo_container .teacher_design9_box .Image_row_1 .views p i {
  font-size: 1.4rem;
}
.teacher_design9_demo_container .teacher_design9_box .Image_row_1 .user_logo {
  position: relative;
  width: -moz-max-content;
  width: max-content;
  height: -moz-max-content;
  height: max-content;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 0.3rem;
  background-color: #fff;
  z-index: 2;
  border-radius: 5rem;
  margin: 2rem 1rem;
}
.teacher_design9_demo_container .teacher_design9_box .Image_row_1 .user_logo img {
  z-index: 2;
  width: 100px;
  height: 100px;
  display: block;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  image-rendering: crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  border: 2px solid rgba(189, 189, 189, 0.7450980392);
  filter: drop-shadow(0px 4px 5px rgba(255, 255, 255, 0.9098039216)) brightness(110%);
  animation: none !important;
}
@keyframes profileBorder {
  0% {
    border: 3px solid #ffffff;
    transform: translateY(0px);
  }
  25% {
    border: 3px solid #ffffff;
    transform: translateY(-5px);
  }
  50% {
    border: 3px solid #ffffff;
    transform: translateY(-10px);
  }
  75% {
    border: 3px solid rgb(255, 255, 255);
    transform: translateY(-5px);
  }
  100% {
    border: 3px solid #ffffff;
    transform: translateY(0px);
  }
}
.teacher_design9_demo_container .teacher_design9_box .Image_row_1 .user_logo .svg_image {
  position: absolute;
  z-index: 1;
}
.teacher_design9_demo_container .teacher_design9_box .Image_row_1 .user_logo .svg_image img {
  width: 200px;
  height: 200px;
  border: none;
  filter: drop-shadow(0px 4px 5px rgba(255, 255, 255, 0.631372549));
  animation: profileSVGAnime 5s infinite linear;
}
@keyframes profileSVGAnime {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(90deg);
  }
  50% {
    transform: rotate(180deg);
  }
  75% {
    transform: rotate(270deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.teacher_design9_demo_container .teacher_design9_box .Image_row_1 .heart {
  position: absolute;
  left: 21%;
  top: 60%;
  z-index: 10;
  display: none;
}
.teacher_design9_demo_container .teacher_design9_box .Image_row_1 .heart .plus {
  position: absolute;
  top: -35%;
  right: -25%;
  z-index: -1;
}
.teacher_design9_demo_container .teacher_design9_box .Image_row_1 .heart .plus i {
  font-size: 1rem;
  font-weight: 700;
}
.teacher_design9_demo_container .teacher_design9_box .Image_row_1 .heart .plus .minus {
  color: red;
}
.teacher_design9_demo_container .teacher_design9_box .Image_row_1 .heart .plus .plus {
  color: gray;
}
@media screen and (max-width: 776px) {
  .teacher_design9_demo_container .teacher_design9_box .Image_row_1 .heart {
    position: absolute;
    left: 25%;
    top: 65%;
    z-index: 10;
  }
}
.teacher_design9_demo_container .teacher_design9_box .Image_row_1 .contacts_btns {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  gap: 1rem;
  position: absolute;
  top: 2%;
  right: 2%;
  padding-right: 1rem;
  padding: 0.5rem 1rem;
  z-index: 1;
  border-radius: 10px;
}
.teacher_design9_demo_container .teacher_design9_box .Image_row_1 .contacts_btns a {
  text-decoration: none;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 35px;
  height: 35px;
  background-color: #C45508;
  border-radius: 50%;
  transition: all 0.4s linear;
}
.teacher_design9_demo_container .teacher_design9_box .Image_row_1 .contacts_btns a i {
  font-size: 1rem;
  color: #ffffff;
}
.teacher_design9_demo_container .teacher_design9_box .Image_row_1 .contacts_btns a .plus {
  position: absolute;
  right: 15%;
  top: -10%;
}
.teacher_design9_demo_container .teacher_design9_box .Image_row_1 .contacts_btns a .plus i {
  font-size: 0.6rem;
  font-weight: 600;
  color: #ffffff;
}
.teacher_design9_demo_container .teacher_design9_box .Image_row_1 .contacts_btns a small {
  font-size: 0.7rem;
  font-weight: 500;
}
.teacher_design9_demo_container .teacher_design9_box .Image_row_1 .contacts_btns a:hover {
  background-color: #C45508;
  color: #3f6298;
  scale: 1.05;
  box-shadow: 0px 4px 5px rgba(255, 255, 255, 0.4);
  transition: all 0.4s linear;
}
.teacher_design9_demo_container .teacher_design9_box .Image_row_1 .contacts_btns a:hover i {
  color: #3f6298;
}
.teacher_design9_demo_container .teacher_design9_box .content_container {
  min-width: 95%;
  max-width: 95%;
  min-height: -moz-max-content;
  min-height: max-content;
  max-height: auto;
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: linear-gradient(160deg, #fff, #fff);
  overflow: hidden;
  position: relative;
  padding-top: 0.5rem;
}
.teacher_design9_demo_container .teacher_design9_box .basic_row_2 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  position: relative;
  overflow: hidden;
  padding: 0rem 0.5rem;
}
.teacher_design9_demo_container .teacher_design9_box .basic_row_2 .user_details {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.teacher_design9_demo_container .teacher_design9_box .basic_row_2 .user_details .user_data {
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex: 1;
  gap: 15px;
  width: 100%;
  height: 100%;
}
.teacher_design9_demo_container .teacher_design9_box .basic_row_2 .user_details .user_data .user_information {
  display: flex;
  flex: 1;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 0.5rem;
}
.teacher_design9_demo_container .teacher_design9_box .basic_row_2 .user_details .user_data .user_information h2 {
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: 1px;
  color: #313131;
}
.teacher_design9_demo_container .teacher_design9_box .basic_row_2 .user_details .user_data .user_information h2 strong {
  font-size: 1rem;
  font-weight: 550;
  color: gray;
}
.teacher_design9_demo_container .teacher_design9_box .basic_row_2 .user_details .user_data .user_information p {
  font-size: 0.9rem;
  font-weight: 500;
  color: #313131;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  line-height: 1.5rem;
  gap: 0rem;
}
.teacher_design9_demo_container .teacher_design9_box .basic_row_2 .user_details .user_data .user_information p img {
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media screen and (max-width: 600px) {
  .teacher_design9_demo_container .teacher_design9_box .basic_row_2 .user_details .user_data .user_information p img {
    width: 25px;
    height: 25px;
  }
}
.teacher_design9_demo_container .teacher_design9_box .basic_row_2 .user_details .user_data .user_information .article_title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
  flex-wrap: wrap;
}
.teacher_design9_demo_container .teacher_design9_box .basic_row_2 .user_details .user_data .user_information .article_title h5 {
  font-size: 0.8rem;
  font-weight: 500;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0rem;
  background-color: #1B4843;
  padding: 0.3rem 1rem;
  border-radius: 0.2rem;
  letter-spacing: 1px;
}
@media screen and (max-width: 600px) {
  .teacher_design9_demo_container .teacher_design9_box .basic_row_2 .user_details .user_data {
    align-items: flex-start;
  }
}
.teacher_design9_demo_container .teacher_design9_box .filter_row_3 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0.5rem;
  overflow: hidden;
}
.teacher_design9_demo_container .teacher_design9_box .filter_row_3 form {
  width: 50%;
  outline: none;
  border: none;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.teacher_design9_demo_container .teacher_design9_box .filter_row_3 form select {
  font-size: 0.8rem;
  padding: 0.4rem;
  outline: none;
  border: none;
  background-color: #727272;
  color: #fff;
  font-weight: 500;
  position: relative;
  width: 100px;
  border-radius: 5px;
}
.teacher_design9_demo_container .teacher_design9_box .filter_row_3 form select option {
  font-size: 0.7rem;
  padding: 0.3rem;
  background-color: #fff;
  color: #505050;
}
.teacher_design9_demo_container .teacher_design9_box .filter_row_3 form select:focus {
  outline: none;
  border-color: #666;
}
.teacher_design9_demo_container .teacher_design9_box .publishing_container {
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.5rem;
  display: grid;
  grid-template-columns: 1fr;
  overflow: hidden;
  padding: 0.5rem;
}
.teacher_design9_demo_container .teacher_design9_box .publishing_container .paper {
  width: 100%;
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.2rem;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
.teacher_design9_demo_container .teacher_design9_box .publishing_container .paper .paper_title a {
  color: #1B4843;
  font-size: 0.9rem;
  cursor: pointer;
}
.teacher_design9_demo_container .teacher_design9_box .publishing_container .paper .paper_title a:hover {
  text-decoration: underline;
}
.teacher_design9_demo_container .teacher_design9_box .publishing_container .paper .author {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
.teacher_design9_demo_container .teacher_design9_box .publishing_container .paper .author .name {
  flex: 0.7;
}
.teacher_design9_demo_container .teacher_design9_box .publishing_container .paper .author .name p {
  font-size: 0.8rem;
  color: #C45508;
  font-weight: 600;
  letter-spacing: 1px;
}
.teacher_design9_demo_container .teacher_design9_box .publishing_container .paper .author .date {
  flex: 0.3;
  color: #446d66;
}
.teacher_design9_demo_container .teacher_design9_box .publishing_container .paper .author .date small {
  font-size: 0.9rem;
}
.teacher_design9_demo_container .teacher_design9_box .publishing_container .paper .date {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.teacher_design9_demo_container .teacher_design9_box .publishing_container .paper .date small {
  font-weight: 550;
  font-size: 0.6rem;
}
.teacher_design9_demo_container .teacher_design9_box .publishing_container .paper .journal p {
  font-size: 0.8rem;
}
.teacher_design9_demo_container .teacher_design9_box .publishing_container .paper .details {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.teacher_design9_demo_container .teacher_design9_box .publishing_container .paper .details .issue p {
  font-size: 0.7rem;
}
.teacher_design9_demo_container .teacher_design9_box .publishing_container .paper .publisher p {
  font-size: 0.8rem;
}
.teacher_design9_demo_container .teacher_design9_box .publishing_container .paper .pages {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.teacher_design9_demo_container .teacher_design9_box .publishing_container .paper .pages small {
  font-size: 0.8rem;
  color: #8a8a8a;
}
.teacher_design9_demo_container .teacher_design9_box .Gallery_container {
  width: 100%;
  padding: 0.5rem;
  overflow: hidden;
}
.teacher_design9_demo_container .teacher_design9_box .Gallery_container .gallery_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.teacher_design9_demo_container .teacher_design9_box .Gallery_container .gallery_title .left {
  flex: 0.5;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.teacher_design9_demo_container .teacher_design9_box .Gallery_container .gallery_title .left h2 {
  font-size: 1.5rem;
}
.teacher_design9_demo_container .teacher_design9_box .Gallery_container .gallery_title .left .icon {
  font-size: 1.3rem;
  color: green;
}
.teacher_design9_demo_container .teacher_design9_box .Gallery_container .gallery_title .right {
  flex: 0.5;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0.5rem;
}
.teacher_design9_demo_container .teacher_design9_box .Gallery_container .gallery_title .right form {
  outline: none;
  border: none;
  position: relative;
}
.teacher_design9_demo_container .teacher_design9_box .Gallery_container .gallery_title .right form select {
  font-size: 0.8rem;
  padding: 0.2rem 0.6rem;
  outline: none;
  border: none;
  position: relative;
  border: 1px solid gray;
  border-radius: 2rem;
}
.teacher_design9_demo_container .teacher_design9_box .Gallery_container .gallery_title .right form select option {
  font-size: 0.7rem;
  padding: 0.3rem;
}
.teacher_design9_demo_container .teacher_design9_box .Gallery_container .gallery_title .right form select:focus {
  outline: none;
  border-color: #666;
}
.teacher_design9_demo_container .teacher_design9_box .Gallery_container .gallery_container {
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 0.5rem;
  padding: 0.5rem;
  border-radius: 0rem;
  position: relative;
}
.teacher_design9_demo_container .teacher_design9_box .Gallery_container .gallery_container .full_image {
  position: absolute;
  top: 0%;
  left: 0%;
  display: none;
  z-index: 500;
  margin: auto;
  width: 100%;
  height: 100%;
  background: linear-gradient(#a661d4, #a661d4);
}
.teacher_design9_demo_container .teacher_design9_box .Gallery_container .gallery_container .full_image .close_Full_Image_gallery {
  position: absolute;
  right: 3%;
  top: 5%;
}
.teacher_design9_demo_container .teacher_design9_box .Gallery_container .gallery_container .full_image .close_Full_Image_gallery span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  color: red;
  cursor: pointer;
  place-items: center;
  transition: all 0.3s ease-in-out;
}
.teacher_design9_demo_container .teacher_design9_box .Gallery_container .gallery_container .full_image .close_Full_Image_gallery span:hover {
  filter: drop-shadow(0px 4px 5px rgba(255, 156, 117, 0.6));
  scale: 1.2;
  transition: all 0.3s ease-in-out;
}
.teacher_design9_demo_container .teacher_design9_box .Gallery_container .gallery_container .full_image img {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60%;
  height: 150px;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.5));
  z-index: 1000;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 600px) {
  .teacher_design9_demo_container .teacher_design9_box .Gallery_container .gallery_container .full_image img {
    width: 70%;
    height: 150px;
  }
}
.teacher_design9_demo_container .teacher_design9_box .Gallery_container .gallery_container .gallery_box {
  width: 100%;
  height: 100%;
  margin: 0rem auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, auto));
  gap: 10px;
  position: relative;
  z-index: 1;
  grid-auto-rows: auto;
}
.teacher_design9_demo_container .teacher_design9_box .Gallery_container .gallery_container .gallery_box .large,
.teacher_design9_demo_container .teacher_design9_box .Gallery_container .gallery_container .gallery_box .medium,
.teacher_design9_demo_container .teacher_design9_box .Gallery_container .gallery_container .gallery_box .small {
  width: 100%;
  height: 100%;
  display: flex;
  grid-column: auto/span 1;
}
.teacher_design9_demo_container .teacher_design9_box .Gallery_container .gallery_container .gallery_box .large {
  grid-row: span 4;
}
.teacher_design9_demo_container .teacher_design9_box .Gallery_container .gallery_container .gallery_box .medium {
  grid-row: span 2;
}
.teacher_design9_demo_container .teacher_design9_box .Gallery_container .gallery_container .gallery_box .small {
  grid-row: span 1;
}
.teacher_design9_demo_container .teacher_design9_box .Gallery_container .gallery_container .gallery_box .gallery_item {
  position: relative;
  width: 100%;
  height: 100%;
}
.teacher_design9_demo_container .teacher_design9_box .Gallery_container .gallery_container .gallery_box .gallery_item .actions {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
}
.teacher_design9_demo_container .teacher_design9_box .Gallery_container .gallery_container .gallery_box .gallery_item .actions .icon {
  font-size: 1.4rem;
  color: #ffffff;
  display: none;
  transition: all 0.4s ease-in-out;
}
.teacher_design9_demo_container .teacher_design9_box .Gallery_container .gallery_container .gallery_box .gallery_item img {
  width: 100%;
  height: 100%;
  transition: filter 0.5s ease-in-out;
  position: relative;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
  transition: filter 0.1s ease-in-out;
}
.teacher_design9_demo_container .teacher_design9_box .Gallery_container .gallery_container .gallery_box .gallery_item img:hover {
  filter: brightness(0.6) grayscale(1);
  transition: filter 0.1s ease-in-out;
}
.teacher_design9_demo_container .teacher_design9_box .Gallery_container .gallery_container .gallery_box .gallery_item img:hover + .actions .icon {
  display: block;
  transition: all 0.4s ease-in-out;
  z-index: -1;
  cursor: pointer;
}
.teacher_design9_demo_container .teacher_design9_box .Gallery_container .gallery_container .gallery_box .gallery_item img:hover + .actions .icon:hover + img {
  filter: brightness(0.6) grayscale(1);
  scale: 1.05;
  transition: filter 0.1s ease-in-out;
}
@media screen and (max-width: 776px) {
  .teacher_design9_demo_container .teacher_design9_box .Gallery_container .gallery_container .gallery_box .gallery_item img {
    height: 100%;
  }
  .teacher_design9_demo_container .teacher_design9_box .Gallery_container .gallery_container .gallery_box .gallery_item {
    height: 100%;
  }
  .teacher_design9_demo_container .teacher_design9_box .Gallery_container .gallery_container .gallery_box {
    grid-template-columns: 1fr 1fr;
  }
}
.teacher_design9_demo_container .teacher_design9_box .Gallery_container .documents {
  width: 100%;
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.teacher_design9_demo_container .teacher_design9_box .Gallery_container .documents p {
  font-weight: 450;
  font-size: 0.9rem;
  color: rgb(255, 93, 93);
}
.teacher_design9_demo_container .teacher_design9_box .Footer {
  position: relative;
  overflow: hidden;
  padding-top: 4rem;
  width: 100%;
}
.teacher_design9_demo_container .teacher_design9_box .Footer .footer_container {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 600;
  padding: 10px 0px;
}
.teacher_design9_demo_container .teacher_design9_box .Footer .footer_container p {
  font-size: 0.8rem;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  color: #fff;
  font-weight: 600;
  letter-spacing: 1px;
}
@media (max-width: 600px) {
  .teacher_design9_demo_container .teacher_design9_box .Footer .footer_container p {
    font-size: 0.7rem;
  }
}
.teacher_design9_demo_container .teacher_design9_box .Footer .footer_container svg {
  position: absolute;
  z-index: -1;
  bottom: -20%;
  left: 0%;
  width: 100%;
}
.teacher_design9_demo_container .teacher_design9_box::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 600px) {
  .teacher_design9_demo_container .teacher_design9_box {
    width: 100vw !important;
    min-width: 100vw;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin-top: 0rem !important;
  }
}
.teacher_design9_demo_container .article_box {
  min-width: 450px;
  max-width: 450px;
  margin-top: 0px !important;
  min-height: 100vh;
  max-height: 100vh;
  overflow-x: hidden;
  overflow-y: scroll;
  background: linear-gradient(160deg, #1B4843 50%, #1B4843 50%);
  filter: drop-shadow(0px 4px 5px rgba(56, 56, 56, 0.6509803922));
}
.teacher_design9_demo_container .article_box .view_article_header {
  width: 100%;
  min-height: 5vh;
  background-color: #fff;
  border-bottom: 1px solid rgb(231, 231, 231);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem;
}
.teacher_design9_demo_container .article_box .view_article_header .left {
  flex: 0.5;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.teacher_design9_demo_container .article_box .view_article_header .left i {
  font-size: 1.5rem;
  cursor: pointer;
}
.teacher_design9_demo_container .article_box .view_article_header .right {
  flex: 0.5;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.teacher_design9_demo_container .article_box .view_article_header .right img {
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  border-radius: 50%;
  border: 1px solid rgb(204, 204, 204);
}
.teacher_design9_demo_container .article_box .author_details {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  padding: 0.5rem;
}
.teacher_design9_demo_container .article_box .author_details .profile img {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  border: 1px solid rgb(204, 204, 204);
}
.teacher_design9_demo_container .article_box .author_details .name p {
  font-size: 0.9rem;
  font-weight: 450;
}
.teacher_design9_demo_container .article_box .article {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
}
.teacher_design9_demo_container .article_box .article .article_header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.teacher_design9_demo_container .article_box .article .article_header h2 {
  font-size: 0.9rem;
  font-weight: 450;
  color: #002185;
}
.teacher_design9_demo_container .article_box .article table {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
}
.teacher_design9_demo_container .article_box .article table thead {
  flex: 0.4;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.teacher_design9_demo_container .article_box .article table thead tr {
  padding: 0.5rem;
  max-height: 100px;
  min-height: 50px;
}
.teacher_design9_demo_container .article_box .article table thead tr th {
  font-size: 0.9rem;
  font-weight: 450;
}
.teacher_design9_demo_container .article_box .article table tbody {
  flex: 0.6;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.teacher_design9_demo_container .article_box .article table tbody tr {
  padding: 0.5rem;
  max-height: 100px;
  min-height: 50px;
}
.teacher_design9_demo_container .article_box .article table tbody tr td {
  font-size: 0.9rem;
  font-weight: 450;
}
.teacher_design9_demo_container .article_box::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 600px) {
  .teacher_design9_demo_container .article_box {
    width: 100vw !important;
    min-width: 100vw;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin-top: 0rem;
  }
}
.teacher_design9_demo_container::-webkit-scrollbar {
  width: 6px !important;
  height: 4px !important;
  background-color: #4375ff, #0084ff;
}
@media screen and (max-width: 650px) {
  .teacher_design9_demo_container::-webkit-scrollbar {
    display: none !important;
  }
}
.teacher_design9_demo_container::-webkit-scrollbar-thumb {
  width: 6px !important;
  height: 4px !important;
  border-radius: 10px;
  z-index: 10;
  cursor: pointer;
  background-color: #fff !important;
}
.teacher_design9_demo_container::-webkit-scrollbar-thumb:hover {
  background-color: rgb(36, 231, 222);
}
.date-input {
  appearance: none; /* Remove default styling */
  -webkit-appearance: none; /* Remove default styling in Safari */
  -moz-appearance: none; /* Remove default styling in Firefox */
  padding: 10px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.date-input::-moz-placeholder {
  color: #888; /* Placeholder color */
}
.date-input::placeholder {
  color: #888; /* Placeholder color */
}
/* Custom icon for the date picker */
.date-input::-webkit-calendar-picker-indicator {
  cursor: pointer;
  color: transparent;
  opacity: 1;
  position: absolute;
  right: 10px;
  top: 70%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url("https://img.icons8.com/emoji/48/calendar-emoji.png") no-repeat center center;
  background-size: contain;
}

.teacher_design10_demo_container {
  width: 100vw;
  max-height: 100vh;
  height: 100vh;
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin: auto;
  color: #303030;
  overflow: hidden;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.teacher_design10_demo_container .full_image {
  display: none;
  z-index: 500;
  margin: auto;
  width: 100%;
  height: 100%;
  background: linear-gradient(#fff, #fff);
  position: absolute;
  top: 0%;
  left: 0%;
}
.teacher_design10_demo_container .full_image .close_Full_Image_gallery {
  position: absolute;
  width: 100%;
  left: 90%;
  top: 15%;
}
.teacher_design10_demo_container .full_image .close_Full_Image_gallery .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  color: red;
  cursor: pointer;
  place-items: center;
  transition: all 0.3s ease-in-out;
}
.teacher_design10_demo_container .full_image .close_Full_Image_gallery .icon:hover {
  filter: drop-shadow(0px 4px 5px rgba(255, 156, 117, 0.6));
  scale: 1.2;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 600px) {
  .teacher_design10_demo_container .full_image .close_Full_Image_gallery {
    position: absolute;
    width: 100%;
    left: 90%;
    top: 5%;
  }
}
.teacher_design10_demo_container .full_image img {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 700px;
  height: 450px;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.5));
  border-radius: 5px;
  z-index: 1000;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 600px) {
  .teacher_design10_demo_container .full_image img {
    width: 90%;
    height: 200px;
  }
}
.teacher_design10_demo_container .lottie {
  position: absolute;
  width: 100vw;
  height: 100vh;
  left: 0%;
  top: 0%;
  scale: 1.2;
  filter: brightness(70%) grayscale(0);
  opacity: 0.5;
}
.teacher_design10_demo_container .teacher_design10_box {
  min-width: 450px;
  max-width: 450px;
  min-height: 100vh;
  max-height: 100vh;
  overflow-x: hidden !important;
  overflow-y: scroll;
  background: linear-gradient(0deg, #1b5434, #1b5434);
  filter: drop-shadow(0px 4px 5px rgba(88, 88, 88, 0.431372549));
  position: relative;
  padding: 0px 0px;
  outline: 5px solid #ffff8a;
}
.teacher_design10_demo_container .teacher_design10_box .top_svg {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 250px;
  overflow: hidden;
}
.teacher_design10_demo_container .teacher_design10_box .top_svg svg {
  height: 130px;
}
.teacher_design10_demo_container .teacher_design10_box .Image_row_1 {
  min-width: 100%;
  max-width: 100%;
  max-height: 300px;
  min-height: 200px;
  height: auto;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem;
}
.teacher_design10_demo_container .teacher_design10_box .Image_row_1 .views {
  position: absolute;
  right: 0%;
  top: 16%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  color: #ffffff;
  background-color: #1b5434;
  padding: 5px 2rem;
  border-top-left-radius: 3rem;
  border-top-right-radius: 2rem;
  border-bottom-left-radius: 0rem;
  border-bottom-right-radius: 0rem;
  transform: rotate(-7deg);
}
.teacher_design10_demo_container .teacher_design10_box .Image_row_1 .views h6 {
  letter-spacing: 1px;
  font-size: 0.8rem;
}
.teacher_design10_demo_container .teacher_design10_box .Image_row_1 .views p {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  font-size: 0.9rem;
  font-weight: 500;
  letter-spacing: 1px;
  color: #ffffff;
}
.teacher_design10_demo_container .teacher_design10_box .Image_row_1 .views p sup {
  font-size: 0.9rem;
  font-weight: 550;
}
.teacher_design10_demo_container .teacher_design10_box .Image_row_1 .views p i {
  font-size: 1.4rem;
}
@media screen and (max-width: 776px) {
  .teacher_design10_demo_container .teacher_design10_box .Image_row_1 .views {
    right: 0%;
    top: 28%;
  }
}
.teacher_design10_demo_container .teacher_design10_box .Image_row_1 .user_logo {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 1rem;
}
.teacher_design10_demo_container .teacher_design10_box .Image_row_1 .user_logo img {
  z-index: 2;
  width: 110px;
  height: 110px;
  display: block;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  image-rendering: crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  border: 2px solid #bebebe;
  filter: drop-shadow(0px 4px 5px #f8a6bf) brightness(110%);
  animation: none !important;
}
@keyframes profileBorder {
  0% {
    border: 3px solid #ffffff;
    transform: translateY(0px);
  }
  25% {
    border: 3px solid #ffffff;
    transform: translateY(-5px);
  }
  50% {
    border: 3px solid #ffffff;
    transform: translateY(-10px);
  }
  75% {
    border: 3px solid rgb(255, 255, 255);
    transform: translateY(-5px);
  }
  100% {
    border: 3px solid #ffffff;
    transform: translateY(0px);
  }
}
.teacher_design10_demo_container .teacher_design10_box .Image_row_1 .user_logo .svg_image {
  position: absolute;
  z-index: 1;
}
.teacher_design10_demo_container .teacher_design10_box .Image_row_1 .user_logo .svg_image img {
  width: 200px;
  height: 200px;
  border: none;
  filter: drop-shadow(0px 4px 5px rgba(255, 255, 255, 0.631372549));
  animation: profileSVGAnime 5s infinite linear;
}
@keyframes profileSVGAnime {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(90deg);
  }
  50% {
    transform: rotate(180deg);
  }
  75% {
    transform: rotate(270deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.teacher_design10_demo_container .teacher_design10_box .Image_row_1 .user_logo .animation {
  position: absolute;
  left: 5%;
  top: 0%;
  scale: 1.5;
  filter: brightness(100%) grayscale(0);
  opacity: 1;
}
.teacher_design10_demo_container .teacher_design10_box .Image_row_1 .contacts_btns {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  gap: 1.5rem;
  position: absolute;
  bottom: 25%;
  right: 0%;
  padding-right: 1rem;
}
.teacher_design10_demo_container .teacher_design10_box .Image_row_1 .contacts_btns a {
  text-decoration: none;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 30px;
  height: 30px;
  background-color: #ffff8a;
  color: #424242;
  border-radius: 0.3rem;
  transition: all 0.4s linear;
}
.teacher_design10_demo_container .teacher_design10_box .Image_row_1 .contacts_btns a i {
  font-size: 1rem;
  color: #424242;
}
.teacher_design10_demo_container .teacher_design10_box .Image_row_1 .contacts_btns a .plus {
  position: absolute;
  right: 5%;
  top: -24%;
}
.teacher_design10_demo_container .teacher_design10_box .Image_row_1 .contacts_btns a .plus i {
  font-size: 0.6rem;
  font-weight: 600;
  color: #424242;
}
.teacher_design10_demo_container .teacher_design10_box .Image_row_1 .contacts_btns a small {
  font-size: 0.7rem;
  font-weight: 500;
}
.teacher_design10_demo_container .teacher_design10_box .Image_row_1 .contacts_btns a:hover {
  background-color: transparent !important;
  color: #424242;
  scale: 1.05;
  transition: all 0.4s linear;
}
.teacher_design10_demo_container .teacher_design10_box .Image_row_1 .contacts_btns a:hover i {
  color: #424242;
}
.teacher_design10_demo_container .teacher_design10_box .basic_row_2 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  position: relative;
  padding: 0rem 0.5rem 1rem 0.5rem;
}
.teacher_design10_demo_container .teacher_design10_box .basic_row_2 .user_details {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.teacher_design10_demo_container .teacher_design10_box .basic_row_2 .user_details .user_data {
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex: 1;
  gap: 15px;
  width: 100%;
  height: 100%;
}
.teacher_design10_demo_container .teacher_design10_box .basic_row_2 .user_details .user_data .user_information {
  display: flex;
  flex: 1;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 0.5rem;
}
.teacher_design10_demo_container .teacher_design10_box .basic_row_2 .user_details .user_data .user_information h2 {
  font-size: 1.1rem;
  font-weight: 700;
  letter-spacing: 1.3px;
  color: #ffff8a;
  text-transform: uppercase;
}
.teacher_design10_demo_container .teacher_design10_box .basic_row_2 .user_details .user_data .user_information h2 strong {
  font-size: 1rem;
  font-weight: 550;
  color: #1b5434;
}
.teacher_design10_demo_container .teacher_design10_box .basic_row_2 .user_details .user_data .user_information p {
  font-size: 0.9rem;
  font-weight: 450;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0rem;
  line-height: 1.5rem;
}
.teacher_design10_demo_container .teacher_design10_box .basic_row_2 .user_details .user_data .user_information p img {
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media screen and (max-width: 600px) {
  .teacher_design10_demo_container .teacher_design10_box .basic_row_2 .user_details .user_data .user_information p img {
    width: 25px;
    height: 25px;
  }
}
.teacher_design10_demo_container .teacher_design10_box .basic_row_2 .user_details .user_data .user_information .article_title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
  flex-wrap: wrap;
  margin: 0.5rem 0px;
}
.teacher_design10_demo_container .teacher_design10_box .basic_row_2 .user_details .user_data .user_information .article_title h5 {
  font-size: 0.9rem;
  color: #1b5434;
  background-color: #ffffff;
  padding: 0.3rem 1rem;
  border-radius: 0.2rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0rem;
  font-weight: 600;
}
@media screen and (max-width: 600px) {
  .teacher_design10_demo_container .teacher_design10_box .basic_row_2 .user_details .user_data {
    align-items: flex-start;
  }
}
.teacher_design10_demo_container .teacher_design10_box .basic_row_2 .profile_back_anime {
  position: absolute;
  left: 0%;
  top: 0%;
  width: 100%;
  height: 100%;
  transform: translate(-38%, -26%);
}
.teacher_design10_demo_container .teacher_design10_box .svg {
  position: relative;
  top: 0%;
  left: 0%;
  min-width: 100%;
  overflow: hidden;
}
.teacher_design10_demo_container .teacher_design10_box .svg svg {
  min-width: 450px;
}
.teacher_design10_demo_container .teacher_design10_box .filter_row_3 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 1rem 0.5rem;
  background-color: #1b5434;
  border-radius: 5rem;
}
.teacher_design10_demo_container .teacher_design10_box .filter_row_3 form {
  width: 50%;
  outline: none;
  border: none;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.teacher_design10_demo_container .teacher_design10_box .filter_row_3 form select {
  font-size: 0.8rem;
  padding: 0.4rem;
  outline: none;
  border: none;
  background-color: #ffff8a;
  color: #1b5434;
  font-weight: 500;
  position: relative;
  width: 100px;
  border-radius: 5px;
}
.teacher_design10_demo_container .teacher_design10_box .filter_row_3 form select option {
  font-size: 0.7rem;
  padding: 0.3rem;
  background-color: #fff;
  color: #505050;
}
.teacher_design10_demo_container .teacher_design10_box .filter_row_3 form select:focus {
  outline: none;
  border-color: #666;
}
.teacher_design10_demo_container .teacher_design10_box .publishing_container {
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.8rem;
  display: grid;
  grid-template-columns: 1fr;
  padding: 0.5rem;
}
.teacher_design10_demo_container .teacher_design10_box .publishing_container .paper {
  width: 100%;
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.5rem;
  background-color: #ffffff;
  border-radius: 0.5rem;
}
.teacher_design10_demo_container .teacher_design10_box .publishing_container .paper .paper_title a {
  color: #1b5434;
  font-size: 0.9rem;
  font-weight: 550;
  cursor: pointer;
}
.teacher_design10_demo_container .teacher_design10_box .publishing_container .paper .paper_title a:hover {
  text-decoration: underline;
}
.teacher_design10_demo_container .teacher_design10_box .publishing_container .paper .author {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
.teacher_design10_demo_container .teacher_design10_box .publishing_container .paper .author .name {
  flex: 0.7;
}
.teacher_design10_demo_container .teacher_design10_box .publishing_container .paper .author .name p {
  font-size: 0.9rem;
  color: gray;
  font-weight: 550;
  text-transform: uppercase;
}
.teacher_design10_demo_container .teacher_design10_box .publishing_container .paper .author .date {
  flex: 0.3;
  color: royalblue;
}
.teacher_design10_demo_container .teacher_design10_box .publishing_container .paper .author .date small {
  font-size: 0.9rem;
}
.teacher_design10_demo_container .teacher_design10_box .publishing_container .paper .date {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.teacher_design10_demo_container .teacher_design10_box .publishing_container .paper .date small {
  font-weight: 550;
  font-size: 0.6rem;
}
.teacher_design10_demo_container .teacher_design10_box .publishing_container .paper .journal p {
  font-size: 0.8rem;
}
.teacher_design10_demo_container .teacher_design10_box .publishing_container .paper .details {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.teacher_design10_demo_container .teacher_design10_box .publishing_container .paper .details .issue p {
  font-size: 0.8rem;
}
.teacher_design10_demo_container .teacher_design10_box .publishing_container .paper .publisher p {
  font-size: 0.8rem;
}
.teacher_design10_demo_container .teacher_design10_box .publishing_container .paper .pages {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.teacher_design10_demo_container .teacher_design10_box .publishing_container .paper .pages small {
  font-size: 0.8rem;
  color: #919191;
}
.teacher_design10_demo_container .teacher_design10_box .Gallery_container {
  width: 100%;
  padding: 0.5rem;
}
.teacher_design10_demo_container .teacher_design10_box .Gallery_container .gallery_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.teacher_design10_demo_container .teacher_design10_box .Gallery_container .gallery_title .left {
  flex: 0.5;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.teacher_design10_demo_container .teacher_design10_box .Gallery_container .gallery_title .left h2 {
  font-size: 1.5rem;
}
.teacher_design10_demo_container .teacher_design10_box .Gallery_container .gallery_title .left .icon {
  font-size: 1.3rem;
  color: green;
}
.teacher_design10_demo_container .teacher_design10_box .Gallery_container .gallery_title .right {
  flex: 0.5;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0.5rem;
}
.teacher_design10_demo_container .teacher_design10_box .Gallery_container .gallery_title .right form {
  outline: none;
  border: none;
  position: relative;
}
.teacher_design10_demo_container .teacher_design10_box .Gallery_container .gallery_title .right form select {
  font-size: 0.8rem;
  padding: 0.2rem 0.6rem;
  outline: none;
  border: none;
  position: relative;
  border: 1px solid gray;
  border-radius: 2rem;
}
.teacher_design10_demo_container .teacher_design10_box .Gallery_container .gallery_title .right form select option {
  font-size: 0.7rem;
  padding: 0.3rem;
}
.teacher_design10_demo_container .teacher_design10_box .Gallery_container .gallery_title .right form select:focus {
  outline: none;
  border-color: #666;
}
.teacher_design10_demo_container .teacher_design10_box .Gallery_container .gallery_container {
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 0.5rem;
  padding: 0.5rem;
  border-radius: 0rem;
  position: relative;
}
.teacher_design10_demo_container .teacher_design10_box .Gallery_container .gallery_container .full_image {
  position: absolute;
  top: 0%;
  left: 0%;
  display: none;
  z-index: 500;
  margin: auto;
  width: 100%;
  height: 100%;
  background: linear-gradient(#a661d4, #a661d4);
}
.teacher_design10_demo_container .teacher_design10_box .Gallery_container .gallery_container .full_image .close_Full_Image_gallery {
  position: absolute;
  right: 3%;
  top: 5%;
}
.teacher_design10_demo_container .teacher_design10_box .Gallery_container .gallery_container .full_image .close_Full_Image_gallery span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  color: red;
  cursor: pointer;
  place-items: center;
  transition: all 0.3s ease-in-out;
}
.teacher_design10_demo_container .teacher_design10_box .Gallery_container .gallery_container .full_image .close_Full_Image_gallery span:hover {
  filter: drop-shadow(0px 4px 5px rgba(255, 156, 117, 0.6));
  scale: 1.2;
  transition: all 0.3s ease-in-out;
}
.teacher_design10_demo_container .teacher_design10_box .Gallery_container .gallery_container .full_image img {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60%;
  height: 150px;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.5));
  z-index: 1000;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 600px) {
  .teacher_design10_demo_container .teacher_design10_box .Gallery_container .gallery_container .full_image img {
    width: 70%;
    height: 150px;
  }
}
.teacher_design10_demo_container .teacher_design10_box .Gallery_container .gallery_container .gallery_box {
  width: 100%;
  height: 100%;
  margin: 0rem auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, auto));
  gap: 10px;
  position: relative;
  z-index: 1;
  grid-auto-rows: auto;
}
.teacher_design10_demo_container .teacher_design10_box .Gallery_container .gallery_container .gallery_box .large,
.teacher_design10_demo_container .teacher_design10_box .Gallery_container .gallery_container .gallery_box .medium,
.teacher_design10_demo_container .teacher_design10_box .Gallery_container .gallery_container .gallery_box .small {
  width: 100%;
  height: 100%;
  display: flex;
  grid-column: auto/span 1;
}
.teacher_design10_demo_container .teacher_design10_box .Gallery_container .gallery_container .gallery_box .large {
  grid-row: span 6;
}
.teacher_design10_demo_container .teacher_design10_box .Gallery_container .gallery_container .gallery_box .medium {
  grid-row: span 4;
}
.teacher_design10_demo_container .teacher_design10_box .Gallery_container .gallery_container .gallery_box .small {
  grid-row: span 3;
}
.teacher_design10_demo_container .teacher_design10_box .Gallery_container .gallery_container .gallery_box .gallery_item {
  position: relative;
  width: 100%;
  height: 100%;
}
.teacher_design10_demo_container .teacher_design10_box .Gallery_container .gallery_container .gallery_box .gallery_item .actions {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
}
.teacher_design10_demo_container .teacher_design10_box .Gallery_container .gallery_container .gallery_box .gallery_item .actions .icon {
  font-size: 1.4rem;
  color: #ffffff;
  display: none;
  transition: all 0.4s ease-in-out;
}
.teacher_design10_demo_container .teacher_design10_box .Gallery_container .gallery_container .gallery_box .gallery_item img {
  width: 100%;
  height: 100%;
  transition: filter 0.5s ease-in-out;
  position: relative;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
  transition: filter 0.1s ease-in-out;
}
.teacher_design10_demo_container .teacher_design10_box .Gallery_container .gallery_container .gallery_box .gallery_item img:hover {
  filter: brightness(0.6) grayscale(1);
  transition: filter 0.1s ease-in-out;
}
.teacher_design10_demo_container .teacher_design10_box .Gallery_container .gallery_container .gallery_box .gallery_item img:hover + .actions .icon {
  display: block;
  transition: all 0.4s ease-in-out;
  z-index: -1;
  cursor: pointer;
}
.teacher_design10_demo_container .teacher_design10_box .Gallery_container .gallery_container .gallery_box .gallery_item img:hover + .actions .icon:hover + img {
  filter: brightness(0.6) grayscale(1);
  scale: 1.05;
  transition: filter 0.1s ease-in-out;
}
@media screen and (max-width: 776px) {
  .teacher_design10_demo_container .teacher_design10_box .Gallery_container .gallery_container .gallery_box .gallery_item img {
    height: 100%;
  }
  .teacher_design10_demo_container .teacher_design10_box .Gallery_container .gallery_container .gallery_box .gallery_item {
    height: 100%;
  }
  .teacher_design10_demo_container .teacher_design10_box .Gallery_container .gallery_container .gallery_box {
    grid-template-columns: 1fr 1fr;
  }
}
.teacher_design10_demo_container .teacher_design10_box .Gallery_container .documents {
  width: 100%;
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.teacher_design10_demo_container .teacher_design10_box .Gallery_container .documents p {
  font-weight: 450;
  font-size: 0.9rem;
  color: rgb(255, 93, 93);
}
.teacher_design10_demo_container .teacher_design10_box .Footer {
  position: relative;
  padding-top: 3rem;
  width: 100%;
}
.teacher_design10_demo_container .teacher_design10_box .Footer .footer_container {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 600;
  padding: 10px 0px;
}
.teacher_design10_demo_container .teacher_design10_box .Footer .footer_container p {
  font-size: 0.8rem;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  color: rgb(48, 48, 48);
  font-weight: 600;
  letter-spacing: 1px;
}
@media (max-width: 600px) {
  .teacher_design10_demo_container .teacher_design10_box .Footer .footer_container p {
    font-size: 0.7rem;
  }
}
.teacher_design10_demo_container .teacher_design10_box .Footer .footer_container svg {
  position: absolute;
  z-index: -1;
  bottom: 0%;
  left: 0%;
  width: 100%;
}
.teacher_design10_demo_container .teacher_design10_box::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 600px) {
  .teacher_design10_demo_container .teacher_design10_box {
    min-width: 100%;
    max-width: 100%;
    min-height: 100vh;
    max-height: 100vh;
    overflow-x: hidden;
    overflow-y: scroll;
    background: linear-gradient(160deg, #1b5434 50%, #1b5434 50%);
    filter: drop-shadow(0px 4px 5px rgba(88, 88, 88, 0.431372549));
    position: relative;
  }
}
.teacher_design10_demo_container .article_box {
  min-width: 450px;
  max-width: 450px;
  margin-top: 0px !important;
  min-height: 100vh;
  max-height: 100vh;
  overflow-x: hidden;
  overflow-y: scroll;
  background: linear-gradient(160deg, #1b5434 50%, #1b5434 50%);
  filter: drop-shadow(0px 4px 5px rgba(56, 56, 56, 0.6509803922));
}
.teacher_design10_demo_container .article_box .view_article_header {
  width: 100%;
  min-height: 5vh;
  background-color: #fff;
  border-bottom: 1px solid rgb(231, 231, 231);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem;
}
.teacher_design10_demo_container .article_box .view_article_header .left {
  flex: 0.5;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.teacher_design10_demo_container .article_box .view_article_header .left i {
  font-size: 1.5rem;
  cursor: pointer;
}
.teacher_design10_demo_container .article_box .view_article_header .right {
  flex: 0.5;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.teacher_design10_demo_container .article_box .view_article_header .right img {
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  border-radius: 50%;
  border: 1px solid rgb(204, 204, 204);
}
.teacher_design10_demo_container .article_box .author_details {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  padding: 0.5rem;
}
.teacher_design10_demo_container .article_box .author_details .profile img {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  border: 1px solid rgb(204, 204, 204);
}
.teacher_design10_demo_container .article_box .author_details .name p {
  font-size: 0.9rem;
  font-weight: 450;
}
.teacher_design10_demo_container .article_box .article {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
}
.teacher_design10_demo_container .article_box .article .article_header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.teacher_design10_demo_container .article_box .article .article_header h2 {
  font-size: 0.9rem;
  font-weight: 450;
  color: #002185;
}
.teacher_design10_demo_container .article_box .article table {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
}
.teacher_design10_demo_container .article_box .article table thead {
  flex: 0.4;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.teacher_design10_demo_container .article_box .article table thead tr {
  padding: 0.5rem;
  max-height: 100px;
  min-height: 50px;
}
.teacher_design10_demo_container .article_box .article table thead tr th {
  font-size: 0.9rem;
  font-weight: 450;
}
.teacher_design10_demo_container .article_box .article table tbody {
  flex: 0.6;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.teacher_design10_demo_container .article_box .article table tbody tr {
  padding: 0.5rem;
  max-height: 100px;
  min-height: 50px;
}
.teacher_design10_demo_container .article_box .article table tbody tr td {
  font-size: 0.9rem;
  font-weight: 450;
}
.teacher_design10_demo_container .article_box::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 600px) {
  .teacher_design10_demo_container .article_box {
    width: 100vw !important;
    min-width: 100vw;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin-top: 0rem;
  }
}
.teacher_design10_demo_container::-webkit-scrollbar {
  width: 6px !important;
  height: 4px !important;
  background-color: #4375ff, #0084ff;
}
@media screen and (max-width: 650px) {
  .teacher_design10_demo_container::-webkit-scrollbar {
    display: none !important;
  }
}
.teacher_design10_demo_container::-webkit-scrollbar-thumb {
  width: 6px !important;
  height: 4px !important;
  border-radius: 10px;
  z-index: 10;
  cursor: pointer;
  background-color: #fff !important;
}
.teacher_design10_demo_container::-webkit-scrollbar-thumb:hover {
  background-color: rgb(36, 231, 222);
}
.date-input {
  appearance: none; /* Remove default styling */
  -webkit-appearance: none; /* Remove default styling in Safari */
  -moz-appearance: none; /* Remove default styling in Firefox */
  padding: 10px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.date-input::-moz-placeholder {
  color: #888; /* Placeholder color */
}
.date-input::placeholder {
  color: #888; /* Placeholder color */
}
/* Custom icon for the date picker */
.date-input::-webkit-calendar-picker-indicator {
  cursor: pointer;
  color: transparent;
  opacity: 1;
  position: absolute;
  right: 10px;
  top: 70%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url("https://img.icons8.com/emoji/48/calendar-emoji.png") no-repeat center center;
  background-size: contain;
}

.teacher_design1_Live_container {
  width: 100vw;
  max-height: 100vh;
  height: 100vh;
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin: auto;
  color: #303030;
  overflow-y: hidden;
  overflow-x: hidden;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.teacher_design1_Live_container .full_image {
  display: none;
  z-index: 500;
  margin: auto;
  width: 100%;
  height: 100%;
  background: linear-gradient(#fff, #fff);
  position: absolute;
  top: 0%;
  left: 0%;
}
.teacher_design1_Live_container .full_image .close_Full_Image_gallery {
  position: absolute;
  width: 100%;
  left: 90%;
  top: 15%;
}
.teacher_design1_Live_container .full_image .close_Full_Image_gallery .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  color: red;
  cursor: pointer;
  place-items: center;
  transition: all 0.3s ease-in-out;
}
.teacher_design1_Live_container .full_image .close_Full_Image_gallery .icon:hover {
  filter: drop-shadow(0px 4px 5px rgba(255, 156, 117, 0.6));
  scale: 1.2;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 600px) {
  .teacher_design1_Live_container .full_image .close_Full_Image_gallery {
    position: absolute;
    width: 100%;
    left: 90%;
    top: 5%;
  }
}
.teacher_design1_Live_container .full_image img {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 700px;
  height: 450px;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.5));
  border-radius: 5px;
  z-index: 1000;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 600px) {
  .teacher_design1_Live_container .full_image img {
    width: 90%;
    height: 200px;
  }
}
.teacher_design1_Live_container .lottie {
  position: absolute;
  width: 100vw;
  height: 100vh;
  left: 0%;
  top: 0%;
  scale: 1.4;
  opacity: 0.2;
}
.teacher_design1_Live_container .teacher_design1_Live {
  width: 450px;
  max-width: 450px;
  margin-top: 0rem !important;
  min-height: 100vh;
  max-height: 100vh;
  overflow-x: hidden;
  overflow-y: scroll;
  background: linear-gradient(160deg, #ffffff 50%, #ffffff 50%);
  filter: drop-shadow(0px 4px 5px rgba(56, 56, 56, 0.6509803922));
  position: relative;
}
.teacher_design1_Live_container .teacher_design1_Live .views_count {
  position: fixed;
  top: 1.5%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: -moz-max-content;
  width: max-content;
}
.teacher_design1_Live_container .teacher_design1_Live .views_count p {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  background-color: #4d90fe;
  padding: 0.2rem 1rem;
  color: #ffffff;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  font-size: 0.8rem;
}
.teacher_design1_Live_container .teacher_design1_Live .root {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
}
.teacher_design1_Live_container .teacher_design1_Live .root .Image_row_1 {
  width: 100%;
  max-width: 100%;
  max-height: 300px;
  height: auto;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem;
}
.teacher_design1_Live_container .teacher_design1_Live .root .Image_row_1 .user_logo {
  position: relative;
  min-width: 110px;
  height: 110px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.teacher_design1_Live_container .teacher_design1_Live .root .Image_row_1 .user_logo img {
  z-index: 2;
  width: 110px;
  height: 110px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  border: 2px solid rgb(177, 177, 177);
  filter: drop-shadow(0px 4px 5px rgba(255, 255, 255, 0.4)) brightness(110%);
  animation: none !important;
}
@keyframes profileBorder {
  0% {
    border: 3px solid #ffffff;
    transform: translateY(0px);
  }
  25% {
    border: 3px solid #ffffff;
    transform: translateY(-5px);
  }
  50% {
    border: 3px solid #ffffff;
    transform: translateY(-10px);
  }
  75% {
    border: 3px solid rgb(255, 255, 255);
    transform: translateY(-5px);
  }
  100% {
    border: 3px solid #ffffff;
    transform: translateY(0px);
  }
}
.teacher_design1_Live_container .teacher_design1_Live .root .Image_row_1 .user_logo .svg_image {
  position: absolute;
  z-index: 1;
}
.teacher_design1_Live_container .teacher_design1_Live .root .Image_row_1 .user_logo .svg_image img {
  width: 200px;
  height: 200px;
  border: none;
  filter: drop-shadow(0px 4px 5px rgba(255, 255, 255, 0.631372549));
  animation: profileSVGAnime 5s infinite linear;
}
@keyframes profileSVGAnime {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(90deg);
  }
  50% {
    transform: rotate(180deg);
  }
  75% {
    transform: rotate(270deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.teacher_design1_Live_container .teacher_design1_Live .root .Image_row_1 .contacts_btns {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  flex-direction: column;
  gap: 10px;
  height: 100%;
  position: relative;
  top: 0%;
  right: 0%;
  padding-right: 1rem;
}
.teacher_design1_Live_container .teacher_design1_Live .root .Image_row_1 .contacts_btns a {
  text-decoration: none;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 30px;
  height: 30px;
  background-color: #4d90fe;
  color: #ffffff;
  border-radius: 0.3rem;
  transition: all 0.4s linear;
}
.teacher_design1_Live_container .teacher_design1_Live .root .Image_row_1 .contacts_btns a i {
  font-size: 1rem;
  color: #ffffff;
}
.teacher_design1_Live_container .teacher_design1_Live .root .Image_row_1 .contacts_btns a .plus {
  position: absolute;
  right: 5%;
  top: -24%;
}
.teacher_design1_Live_container .teacher_design1_Live .root .Image_row_1 .contacts_btns a .plus i {
  font-size: 0.6rem;
  font-weight: 600;
  color: #ffffff;
}
.teacher_design1_Live_container .teacher_design1_Live .root .Image_row_1 .contacts_btns a small {
  font-size: 0.7rem;
  font-weight: 500;
}
.teacher_design1_Live_container .teacher_design1_Live .root .Image_row_1 .contacts_btns a:hover {
  background-color: #ffffff;
  color: #4d90fe;
  scale: 1.05;
  transition: all 0.4s linear;
}
.teacher_design1_Live_container .teacher_design1_Live .root .Image_row_1 .contacts_btns a:hover i {
  color: #4d90fe;
}
.teacher_design1_Live_container .teacher_design1_Live .root .basic_row_2 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  position: relative;
  padding: 0.5rem;
}
.teacher_design1_Live_container .teacher_design1_Live .root .basic_row_2 .user_details {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.teacher_design1_Live_container .teacher_design1_Live .root .basic_row_2 .user_details .user_data {
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex: 1;
  gap: 15px;
  width: 100%;
  height: 100%;
}
.teacher_design1_Live_container .teacher_design1_Live .root .basic_row_2 .user_details .user_data .user_information {
  display: flex;
  flex: 1;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 0.5rem;
}
.teacher_design1_Live_container .teacher_design1_Live .root .basic_row_2 .user_details .user_data .user_information h2 {
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 1px;
  color: #313131;
}
.teacher_design1_Live_container .teacher_design1_Live .root .basic_row_2 .user_details .user_data .user_information p {
  font-size: 0.9rem;
  font-weight: 450;
  color: #313131;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0rem;
}
.teacher_design1_Live_container .teacher_design1_Live .root .basic_row_2 .user_details .user_data .user_information p img {
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media screen and (max-width: 600px) {
  .teacher_design1_Live_container .teacher_design1_Live .root .basic_row_2 .user_details .user_data .user_information p img {
    width: 25px;
    height: 25px;
  }
}
.teacher_design1_Live_container .teacher_design1_Live .root .basic_row_2 .user_details .user_data .user_information .article_title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
  flex-wrap: wrap;
}
.teacher_design1_Live_container .teacher_design1_Live .root .basic_row_2 .user_details .user_data .user_information .article_title a {
  font-size: 0.9rem;
  font-weight: 450;
  color: #002185;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0rem;
  cursor: pointer;
}
.teacher_design1_Live_container .teacher_design1_Live .root .basic_row_2 .user_details .user_data .user_information .article_title a:hover {
  text-decoration: underline;
}
@media screen and (max-width: 600px) {
  .teacher_design1_Live_container .teacher_design1_Live .root .basic_row_2 .user_details .user_data {
    align-items: flex-start;
  }
}
.teacher_design1_Live_container .teacher_design1_Live .filter_row_3 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.teacher_design1_Live_container .teacher_design1_Live .filter_row_3 form {
  width: 50%;
  outline: none;
  border: none;
  position: relative;
}
.teacher_design1_Live_container .teacher_design1_Live .filter_row_3 form select {
  font-size: 0.8rem;
  padding: 0.4rem;
  outline: none;
  border: none;
  position: relative;
}
.teacher_design1_Live_container .teacher_design1_Live .filter_row_3 form select option {
  font-size: 0.7rem;
  padding: 0.3rem;
}
.teacher_design1_Live_container .teacher_design1_Live .filter_row_3 form select:focus {
  outline: none;
  border-color: #666;
}
.teacher_design1_Live_container .teacher_design1_Live .publishing_container {
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.5rem;
  display: grid;
  grid-template-columns: 1fr;
  padding: 0.5rem;
}
.teacher_design1_Live_container .teacher_design1_Live .publishing_container .paper {
  width: 100%;
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.2rem;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
.teacher_design1_Live_container .teacher_design1_Live .publishing_container .paper .paper_title a {
  color: #002185;
  font-size: 0.9rem;
}
.teacher_design1_Live_container .teacher_design1_Live .publishing_container .paper .paper_title a:hover {
  text-decoration: underline;
}
.teacher_design1_Live_container .teacher_design1_Live .publishing_container .paper .author {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
.teacher_design1_Live_container .teacher_design1_Live .publishing_container .paper .author .name {
  flex: 0.7;
}
.teacher_design1_Live_container .teacher_design1_Live .publishing_container .paper .author .name p {
  font-size: 0.7rem;
}
.teacher_design1_Live_container .teacher_design1_Live .publishing_container .paper .author .date {
  flex: 0.3;
}
.teacher_design1_Live_container .teacher_design1_Live .publishing_container .paper .date {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.teacher_design1_Live_container .teacher_design1_Live .publishing_container .paper .date small {
  font-weight: 550;
  font-size: 0.6rem;
}
.teacher_design1_Live_container .teacher_design1_Live .publishing_container .paper .journal p {
  font-size: 0.8rem;
}
.teacher_design1_Live_container .teacher_design1_Live .publishing_container .paper .details {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.teacher_design1_Live_container .teacher_design1_Live .publishing_container .paper .details .issue p {
  font-size: 0.7rem;
}
.teacher_design1_Live_container .teacher_design1_Live .publishing_container .paper .publisher p {
  font-size: 0.8rem;
}
.teacher_design1_Live_container .teacher_design1_Live .publishing_container .paper .pages {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.teacher_design1_Live_container .teacher_design1_Live .publishing_container .paper .pages p {
  font-size: 0.8rem;
}
.teacher_design1_Live_container .teacher_design1_Live .Gallery_container {
  width: 100%;
  padding: 0.5rem;
}
.teacher_design1_Live_container .teacher_design1_Live .Gallery_container .gallery_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.teacher_design1_Live_container .teacher_design1_Live .Gallery_container .gallery_title .left {
  flex: 0.5;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.teacher_design1_Live_container .teacher_design1_Live .Gallery_container .gallery_title .left h2 {
  font-size: 1.5rem;
}
.teacher_design1_Live_container .teacher_design1_Live .Gallery_container .gallery_title .left .icon {
  font-size: 1.3rem;
  color: green;
}
.teacher_design1_Live_container .teacher_design1_Live .Gallery_container .gallery_title .right {
  flex: 0.5;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0.5rem;
}
.teacher_design1_Live_container .teacher_design1_Live .Gallery_container .gallery_title .right form {
  outline: none;
  border: none;
  position: relative;
}
.teacher_design1_Live_container .teacher_design1_Live .Gallery_container .gallery_title .right form select {
  font-size: 0.8rem;
  padding: 0.2rem 0.6rem;
  outline: none;
  border: none;
  position: relative;
  border: 1px solid gray;
  border-radius: 2rem;
}
.teacher_design1_Live_container .teacher_design1_Live .Gallery_container .gallery_title .right form select option {
  font-size: 0.7rem;
  padding: 0.3rem;
}
.teacher_design1_Live_container .teacher_design1_Live .Gallery_container .gallery_title .right form select:focus {
  outline: none;
  border-color: #666;
}
.teacher_design1_Live_container .teacher_design1_Live .Gallery_container .gallery_container {
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 0.5rem;
  padding: 0.5rem;
  border-radius: 0rem;
  position: relative;
}
.teacher_design1_Live_container .teacher_design1_Live .Gallery_container .gallery_container .full_image {
  position: absolute;
  top: 0%;
  left: 0%;
  display: none;
  z-index: 500;
  margin: auto;
  width: 100%;
  height: 100%;
  background: linear-gradient(#a661d4, #a661d4);
}
.teacher_design1_Live_container .teacher_design1_Live .Gallery_container .gallery_container .full_image .close_Full_Image_gallery {
  position: absolute;
  right: 3%;
  top: 5%;
}
.teacher_design1_Live_container .teacher_design1_Live .Gallery_container .gallery_container .full_image .close_Full_Image_gallery span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  color: red;
  cursor: pointer;
  place-items: center;
  transition: all 0.3s ease-in-out;
}
.teacher_design1_Live_container .teacher_design1_Live .Gallery_container .gallery_container .full_image .close_Full_Image_gallery span:hover {
  filter: drop-shadow(0px 4px 5px rgba(255, 156, 117, 0.6));
  scale: 1.2;
  transition: all 0.3s ease-in-out;
}
.teacher_design1_Live_container .teacher_design1_Live .Gallery_container .gallery_container .full_image img {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60%;
  height: 150px;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.5));
  border-radius: 10px;
  z-index: 1000;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 600px) {
  .teacher_design1_Live_container .teacher_design1_Live .Gallery_container .gallery_container .full_image img {
    width: 70%;
    height: 150px;
  }
}
.teacher_design1_Live_container .teacher_design1_Live .Gallery_container .gallery_container .gallery_box {
  width: 100%;
  height: auto;
  margin: 0rem auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 10px;
  position: relative;
  z-index: 1;
}
.teacher_design1_Live_container .teacher_design1_Live .Gallery_container .gallery_container .gallery_box .gallery_item {
  position: relative;
  width: 100%;
}
.teacher_design1_Live_container .teacher_design1_Live .Gallery_container .gallery_container .gallery_box .gallery_item .actions {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
}
.teacher_design1_Live_container .teacher_design1_Live .Gallery_container .gallery_container .gallery_box .gallery_item .actions .icon {
  font-size: 1.4rem;
  color: #ffffff;
  display: none;
  transition: all 0.4s ease-in-out;
}
.teacher_design1_Live_container .teacher_design1_Live .Gallery_container .gallery_container .gallery_box .gallery_item img {
  width: 100%;
  transition: filter 0.5s ease-in-out;
  position: relative;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  border-radius: 0.5rem;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
  transition: filter 0.1s ease-in-out;
}
.teacher_design1_Live_container .teacher_design1_Live .Gallery_container .gallery_container .gallery_box .gallery_item img:hover {
  filter: brightness(0.6) grayscale(1);
  transition: filter 0.1s ease-in-out;
}
.teacher_design1_Live_container .teacher_design1_Live .Gallery_container .gallery_container .gallery_box .gallery_item img:hover + .actions .icon {
  display: block;
  transition: all 0.4s ease-in-out;
  z-index: -1;
  cursor: pointer;
}
.teacher_design1_Live_container .teacher_design1_Live .Gallery_container .gallery_container .gallery_box .gallery_item img:hover + .actions .icon:hover + img {
  filter: brightness(0.6) grayscale(1);
  scale: 1.05;
  transition: filter 0.1s ease-in-out;
}
.teacher_design1_Live_container .teacher_design1_Live .Gallery_container .documents {
  width: 100%;
  padding: 1rem 0px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  place-items: center;
  margin: auto;
  gap: 1rem;
}
.teacher_design1_Live_container .teacher_design1_Live .Gallery_container .documents p {
  font-weight: 450;
  font-size: 0.9rem;
  color: rgb(255, 93, 93);
}
.teacher_design1_Live_container .teacher_design1_Live .Gallery_container .documents iframe {
  width: 200px;
  height: 150px;
  border: 1px solid royalblue;
  overflow-x: hidden;
  border-radius: 10px;
}
.teacher_design1_Live_container .teacher_design1_Live .Footer {
  position: relative;
  bottom: 0%;
  left: 0%;
  padding-top: 3rem;
  width: 100%;
}
.teacher_design1_Live_container .teacher_design1_Live .Footer .footer_container {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 600;
  padding: 10px 0px;
}
.teacher_design1_Live_container .teacher_design1_Live .Footer .footer_container p {
  font-size: 0.8rem;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  color: #ffffff;
  font-weight: 400;
  letter-spacing: 1px;
}
@media (max-width: 600px) {
  .teacher_design1_Live_container .teacher_design1_Live .Footer .footer_container p {
    font-size: 0.7rem;
  }
}
.teacher_design1_Live_container .teacher_design1_Live .Footer .footer_container svg {
  position: absolute;
  z-index: -1;
  bottom: 0%;
  left: 0%;
  width: 100%;
}
.teacher_design1_Live_container .teacher_design1_Live::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 600px) {
  .teacher_design1_Live_container .teacher_design1_Live {
    width: 100vw !important;
    min-width: 100vw;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin-top: 0rem !important;
  }
}
.teacher_design1_Live_container .article_box {
  min-width: 450px;
  max-width: 450px;
  margin-top: 0px !important;
  min-height: 100vh;
  max-height: 100vh;
  overflow-x: hidden;
  overflow-y: scroll;
  background: linear-gradient(160deg, #ffffff 50%, #ffffff 50%);
  filter: drop-shadow(0px 4px 5px rgba(56, 56, 56, 0.6509803922));
}
.teacher_design1_Live_container .article_box .view_article_header {
  width: 100%;
  min-height: 5vh;
  background-color: #fff;
  border-bottom: 1px solid rgb(231, 231, 231);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem;
}
.teacher_design1_Live_container .article_box .view_article_header .left {
  flex: 0.5;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.teacher_design1_Live_container .article_box .view_article_header .left i {
  font-size: 1.5rem;
  cursor: pointer;
}
.teacher_design1_Live_container .article_box .view_article_header .right {
  flex: 0.5;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.teacher_design1_Live_container .article_box .view_article_header .right img {
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  border-radius: 50%;
  border: 1px solid rgb(204, 204, 204);
}
.teacher_design1_Live_container .article_box .author_details {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  padding: 0.5rem;
}
.teacher_design1_Live_container .article_box .author_details .profile img {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  border: 1px solid rgb(204, 204, 204);
}
.teacher_design1_Live_container .article_box .author_details .name p {
  font-size: 0.9rem;
  font-weight: 450;
}
.teacher_design1_Live_container .article_box .article {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
}
.teacher_design1_Live_container .article_box .article .article_header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.teacher_design1_Live_container .article_box .article .article_header h2 {
  font-size: 0.9rem;
  font-weight: 450;
  color: #002185;
}
.teacher_design1_Live_container .article_box .article table {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
}
.teacher_design1_Live_container .article_box .article table thead {
  flex: 0.4;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.teacher_design1_Live_container .article_box .article table thead tr {
  padding: 0.5rem;
  max-height: 100px;
  min-height: 50px;
}
.teacher_design1_Live_container .article_box .article table thead tr th {
  font-size: 0.9rem;
  font-weight: 450;
}
.teacher_design1_Live_container .article_box .article table tbody {
  flex: 0.6;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.teacher_design1_Live_container .article_box .article table tbody tr {
  padding: 0.5rem;
  max-height: 100px;
  min-height: 50px;
}
.teacher_design1_Live_container .article_box .article table tbody tr td {
  font-size: 0.9rem;
  font-weight: 450;
}
.teacher_design1_Live_container .article_box::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 600px) {
  .teacher_design1_Live_container .article_box {
    width: 100vw !important;
    min-width: 100vw;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin-top: 0rem;
  }
}
.teacher_design1_Live_container::-webkit-scrollbar {
  width: 6px !important;
  height: 4px !important;
  background-color: #4375ff, #0084ff;
}
@media screen and (max-width: 650px) {
  .teacher_design1_Live_container::-webkit-scrollbar {
    display: none !important;
  }
}
.teacher_design1_Live_container::-webkit-scrollbar-thumb {
  width: 6px !important;
  height: 4px !important;
  border-radius: 10px;
  z-index: 10;
  cursor: pointer;
  background-color: #fff !important;
}
.teacher_design1_Live_container::-webkit-scrollbar-thumb:hover {
  background-color: rgb(36, 231, 222);
}
.no_data_found_error {
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.no_data_found_error h2 {
  font-size: 0.9rem;
  color: red;
  letter-spacing: 1px;
}
.date-input {
  appearance: none; /* Remove default styling */
  -webkit-appearance: none; /* Remove default styling in Safari */
  -moz-appearance: none; /* Remove default styling in Firefox */
  padding: 10px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.date-input::-moz-placeholder {
  color: #888; /* Placeholder color */
}
.date-input::placeholder {
  color: #888; /* Placeholder color */
}
/* Custom icon for the date picker */
.date-input::-webkit-calendar-picker-indicator {
  cursor: pointer;
  color: transparent;
  opacity: 1;
  position: absolute;
  right: 10px;
  top: 70%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url("https://img.icons8.com/emoji/48/calendar-emoji.png") no-repeat center center;
  background-size: contain;
}

.teacher_design2_live_container {
  width: 100vw;
  max-height: 100vh;
  height: 100vh;
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin: auto;
  color: #303030;
  overflow: hidden;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.teacher_design2_live_container .full_image {
  display: none;
  z-index: 500;
  margin: auto;
  width: 100%;
  height: 100%;
  background: linear-gradient(#fff, #fff);
  position: absolute;
  top: 0%;
  left: 0%;
}
.teacher_design2_live_container .full_image .close_Full_Image_gallery {
  position: absolute;
  width: 100%;
  left: 90%;
  top: 15%;
}
.teacher_design2_live_container .full_image .close_Full_Image_gallery .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  color: red;
  cursor: pointer;
  place-items: center;
  transition: all 0.3s ease-in-out;
}
.teacher_design2_live_container .full_image .close_Full_Image_gallery .icon:hover {
  filter: drop-shadow(0px 4px 5px rgba(255, 156, 117, 0.6));
  scale: 1.2;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 600px) {
  .teacher_design2_live_container .full_image .close_Full_Image_gallery {
    position: absolute;
    width: 100%;
    left: 90%;
    top: 5%;
  }
}
.teacher_design2_live_container .full_image img {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 700px;
  height: 450px;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.5));
  border-radius: 5px;
  z-index: 1000;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 600px) {
  .teacher_design2_live_container .full_image img {
    width: 90%;
    height: 200px;
  }
}
.teacher_design2_live_container .lottie {
  position: absolute;
  width: 100vw;
  height: 100vh;
  left: 0%;
  top: 0%;
  scale: 1;
  filter: brightness(100%);
  opacity: 1;
}
.teacher_design2_live_container .teacher_design2_live_box {
  min-width: 450px;
  max-width: 450px;
  min-height: 100vh;
  max-height: 100vh;
  overflow-x: hidden;
  overflow-y: scroll;
  background: linear-gradient(180deg, #ffffff 50%, #f5f5f5 70%);
  filter: drop-shadow(0px 4px 5px rgba(88, 88, 88, 0.431372549));
  position: relative;
}
.teacher_design2_live_container .teacher_design2_live_box .Image_row_1 {
  width: 100%;
  max-width: 100%;
  max-height: 300px;
  min-height: 200px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: linear-gradient(120deg, #dfff94, #96e6a1);
  z-index: 1;
  background-repeat: no-repeat;
}
.teacher_design2_live_container .teacher_design2_live_box .Image_row_1 .row1_lottie {
  position: absolute;
  width: 100%;
  max-height: 100%;
  min-height: 100%;
  left: 0%;
  top: 0%;
  scale: 1.05;
  display: none;
  opacity: 1;
}
.teacher_design2_live_container .teacher_design2_live_box .Image_row_1 .views {
  position: absolute;
  left: 0%;
  top: 0%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  color: #5c5c5c;
  background-color: #ffffff;
  padding: 5px 2rem;
  border-top-right-radius: 0rem;
  border-bottom-right-radius: 3rem;
}
.teacher_design2_live_container .teacher_design2_live_box .Image_row_1 .views h6 {
  letter-spacing: 1px;
  font-size: 0.8rem;
}
.teacher_design2_live_container .teacher_design2_live_box .Image_row_1 .views p {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  font-size: 0.9rem;
  font-weight: 550;
  letter-spacing: 1px;
  color: #43996a;
}
.teacher_design2_live_container .teacher_design2_live_box .Image_row_1 .views p sup {
  font-size: 0.9rem;
  font-weight: 550;
}
.teacher_design2_live_container .teacher_design2_live_box .Image_row_1 .views p i {
  font-size: 1.4rem;
}
.teacher_design2_live_container .teacher_design2_live_box .Image_row_1 .user_logo {
  position: absolute;
  bottom: -20%;
  width: 100%;
  min-height: 100%;
  max-height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.teacher_design2_live_container .teacher_design2_live_box .Image_row_1 .user_logo img {
  z-index: 2;
  width: 100px;
  height: 100px;
  display: block;
  border-radius: 1rem;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  image-rendering: crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  border: 2px solid rgb(219, 219, 219);
  filter: drop-shadow(0px 4px 5px rgba(95, 95, 95, 0.4)) brightness(100%);
  outline: 1px solid #f8f8f8;
  animation: none !important;
}
@keyframes profileBorder {
  0% {
    border: 3px solid #ffffff;
    transform: translateY(0px);
  }
  25% {
    border: 3px solid #ffffff;
    transform: translateY(-5px);
  }
  50% {
    border: 3px solid #ffffff;
    transform: translateY(-10px);
  }
  75% {
    border: 3px solid rgb(255, 255, 255);
    transform: translateY(-5px);
  }
  100% {
    border: 3px solid #ffffff;
    transform: translateY(0px);
  }
}
.teacher_design2_live_container .teacher_design2_live_box .Image_row_1 .user_logo .svg_image {
  position: absolute;
  z-index: 1;
}
.teacher_design2_live_container .teacher_design2_live_box .Image_row_1 .user_logo .svg_image img {
  width: 200px;
  height: 200px;
  border: none;
  filter: drop-shadow(0px 4px 5px rgba(255, 255, 255, 0.631372549));
  animation: profileSVGAnime 5s infinite linear;
}
@keyframes profileSVGAnime {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(90deg);
  }
  50% {
    transform: rotate(180deg);
  }
  75% {
    transform: rotate(270deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.teacher_design2_live_container .teacher_design2_live_box .Image_row_1 .heart {
  position: absolute;
  left: 21%;
  top: 60%;
  z-index: 10;
  display: none;
}
.teacher_design2_live_container .teacher_design2_live_box .Image_row_1 .heart .plus {
  position: absolute;
  top: -35%;
  right: -25%;
  z-index: -1;
}
.teacher_design2_live_container .teacher_design2_live_box .Image_row_1 .heart .plus i {
  font-size: 1rem;
  font-weight: 700;
}
.teacher_design2_live_container .teacher_design2_live_box .Image_row_1 .heart .plus .minus {
  color: red;
}
.teacher_design2_live_container .teacher_design2_live_box .Image_row_1 .heart .plus .plus {
  color: gray;
}
@media screen and (max-width: 776px) {
  .teacher_design2_live_container .teacher_design2_live_box .Image_row_1 .heart {
    position: absolute;
    left: 25%;
    top: 65%;
    z-index: 10;
  }
}
.teacher_design2_live_container .teacher_design2_live_box .Image_row_1 .contacts_btns {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  gap: 1rem;
  position: absolute;
  top: 5%;
  right: 0%;
  padding-right: 1rem;
}
.teacher_design2_live_container .teacher_design2_live_box .Image_row_1 .contacts_btns a {
  text-decoration: none;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 35px;
  height: 35px;
  background-color: #ffffff;
  color: #5c5c5c;
  border-radius: 50%;
  transition: all 0.4s linear;
}
.teacher_design2_live_container .teacher_design2_live_box .Image_row_1 .contacts_btns a i {
  font-size: 1rem;
  color: #5c5c5c;
}
.teacher_design2_live_container .teacher_design2_live_box .Image_row_1 .contacts_btns a .plus {
  position: absolute;
  right: 15%;
  top: -14%;
}
.teacher_design2_live_container .teacher_design2_live_box .Image_row_1 .contacts_btns a .plus i {
  font-size: 0.6rem;
  font-weight: 600;
  color: #5c5c5c;
}
.teacher_design2_live_container .teacher_design2_live_box .Image_row_1 .contacts_btns a small {
  font-size: 0.7rem;
  font-weight: 500;
}
.teacher_design2_live_container .teacher_design2_live_box .Image_row_1 .contacts_btns a:hover {
  background-color: #ffffff;
  color: #5c5c5c;
  scale: 1.05;
  box-shadow: 0px 4px 5px rgba(255, 255, 255, 0.4);
  transition: all 0.4s linear;
}
.teacher_design2_live_container .teacher_design2_live_box .Image_row_1 .contacts_btns a:hover i {
  color: #4d90fe;
}
.teacher_design2_live_container .teacher_design2_live_box .Image_row_1 .overlay {
  position: absolute;
  bottom: -10px;
  left: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(rgba(16, 18, 22, 0) 0%, #fff 100%);
}
.teacher_design2_live_container .teacher_design2_live_box .basic_row_2 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  position: relative;
  padding: 0.5rem;
  z-index: 1;
}
.teacher_design2_live_container .teacher_design2_live_box .basic_row_2 .row2_lottie {
  position: absolute;
  width: 100%;
  max-height: 100%;
  height: 100%;
  left: 0%;
  top: -25%;
  scale: 1.2;
  opacity: 1;
  z-index: -1;
  transform: rotate(10deg);
}
.teacher_design2_live_container .teacher_design2_live_box .basic_row_2 .user_details {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.teacher_design2_live_container .teacher_design2_live_box .basic_row_2 .user_details .user_data {
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex: 1;
  gap: 15px;
  width: 100%;
  height: 100%;
}
.teacher_design2_live_container .teacher_design2_live_box .basic_row_2 .user_details .user_data .user_information {
  display: flex;
  flex: 1;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  text-align: center;
}
.teacher_design2_live_container .teacher_design2_live_box .basic_row_2 .user_details .user_data .user_information h2 {
  font-size: 1.3rem;
  font-weight: 550;
  letter-spacing: 1px;
  color: #313131;
  display: flex;
  flex-direction: column;
}
.teacher_design2_live_container .teacher_design2_live_box .basic_row_2 .user_details .user_data .user_information h2 strong {
  font-size: 1.1rem;
  font-weight: 550;
  color: rgba(99, 99, 99, 0.863);
}
.teacher_design2_live_container .teacher_design2_live_box .basic_row_2 .user_details .user_data .user_information p {
  font-size: 0.9rem;
  font-weight: 450;
  color: #313131;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0rem;
  text-align: start;
}
.teacher_design2_live_container .teacher_design2_live_box .basic_row_2 .user_details .user_data .user_information p img {
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media screen and (max-width: 600px) {
  .teacher_design2_live_container .teacher_design2_live_box .basic_row_2 .user_details .user_data .user_information p img {
    width: 25px;
    height: 25px;
  }
}
.teacher_design2_live_container .teacher_design2_live_box .basic_row_2 .user_details .user_data .user_information .article_title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
  flex-wrap: wrap;
  padding: 0.5rem 0px;
}
.teacher_design2_live_container .teacher_design2_live_box .basic_row_2 .user_details .user_data .user_information .article_title h5 {
  font-size: 0.7rem;
  letter-spacing: 1px;
  font-weight: 450;
  color: #f7f7f7;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0rem;
  background-color: #5c5c5c;
  padding: 0.3rem 1.5rem;
  border-radius: 0.2rem;
}
@media screen and (max-width: 600px) {
  .teacher_design2_live_container .teacher_design2_live_box .basic_row_2 .user_details .user_data {
    align-items: flex-start;
  }
}
.teacher_design2_live_container .teacher_design2_live_box .filter_row_3 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0.5rem;
  overflow-x: hidden;
}
.teacher_design2_live_container .teacher_design2_live_box .filter_row_3 form {
  width: 50%;
  outline: none;
  border: none;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.teacher_design2_live_container .teacher_design2_live_box .filter_row_3 form select {
  font-size: 0.8rem;
  padding: 0.4rem 0.5rem;
  outline: none;
  border: none;
  position: relative;
  background: #eeeeee;
  font-weight: 600;
  color: #464646;
  width: 100px;
  border-radius: 2rem;
}
.teacher_design2_live_container .teacher_design2_live_box .filter_row_3 form select option {
  font-size: 0.7rem;
  padding: 0.3rem 0px;
  background: #ffffff;
  font-weight: 550;
}
.teacher_design2_live_container .teacher_design2_live_box .filter_row_3 form select:focus {
  outline: none;
  border-color: #666;
}
.teacher_design2_live_container .teacher_design2_live_box .publishing_container {
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.5rem;
  display: grid;
  grid-template-columns: 1fr;
  padding: 0.5rem;
}
.teacher_design2_live_container .teacher_design2_live_box .publishing_container .paper {
  width: 100%;
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.2rem;
  color: #535353 !important;
  border-radius: 10px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  background-color: rgb(207, 255, 229);
}
.teacher_design2_live_container .teacher_design2_live_box .publishing_container .paper .paper_title a {
  color: #333333;
  font-size: 0.9rem;
  cursor: pointer;
  font-weight: 550;
}
.teacher_design2_live_container .teacher_design2_live_box .publishing_container .paper .paper_title a:hover {
  text-decoration: underline;
}
.teacher_design2_live_container .teacher_design2_live_box .publishing_container .paper .author {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
.teacher_design2_live_container .teacher_design2_live_box .publishing_container .paper .author .name {
  flex: 0.7;
}
.teacher_design2_live_container .teacher_design2_live_box .publishing_container .paper .author .name p {
  font-size: 0.8rem;
  color: rgb(97, 97, 97);
  font-weight: 500;
}
.teacher_design2_live_container .teacher_design2_live_box .publishing_container .paper .author .date {
  flex: 0.3;
  color: rgb(179, 179, 179);
}
.teacher_design2_live_container .teacher_design2_live_box .publishing_container .paper .author .date small {
  font-size: 0.9rem;
}
.teacher_design2_live_container .teacher_design2_live_box .publishing_container .paper .date {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.teacher_design2_live_container .teacher_design2_live_box .publishing_container .paper .date small {
  font-weight: 550;
  font-size: 0.6rem;
}
.teacher_design2_live_container .teacher_design2_live_box .publishing_container .paper .journal p {
  font-size: 0.8rem;
}
.teacher_design2_live_container .teacher_design2_live_box .publishing_container .paper .details {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.teacher_design2_live_container .teacher_design2_live_box .publishing_container .paper .details .issue p {
  font-size: 0.7rem;
}
.teacher_design2_live_container .teacher_design2_live_box .publishing_container .paper .publisher p {
  font-size: 0.8rem;
}
.teacher_design2_live_container .teacher_design2_live_box .publishing_container .paper .pages {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.teacher_design2_live_container .teacher_design2_live_box .publishing_container .paper .pages small {
  font-size: 0.8rem;
  color: rgb(167, 123, 216);
}
.teacher_design2_live_container .teacher_design2_live_box .Gallery_container {
  width: 100%;
  padding: 0.5rem;
}
.teacher_design2_live_container .teacher_design2_live_box .Gallery_container .gallery_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.teacher_design2_live_container .teacher_design2_live_box .Gallery_container .gallery_title .left {
  flex: 0.5;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.teacher_design2_live_container .teacher_design2_live_box .Gallery_container .gallery_title .left h2 {
  font-size: 1.5rem;
}
.teacher_design2_live_container .teacher_design2_live_box .Gallery_container .gallery_title .left .icon {
  font-size: 1.3rem;
  color: green;
}
.teacher_design2_live_container .teacher_design2_live_box .Gallery_container .gallery_title .right {
  flex: 0.5;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0.5rem;
}
.teacher_design2_live_container .teacher_design2_live_box .Gallery_container .gallery_title .right form {
  outline: none;
  border: none;
  position: relative;
}
.teacher_design2_live_container .teacher_design2_live_box .Gallery_container .gallery_title .right form select {
  font-size: 0.8rem;
  padding: 0.2rem 0.6rem;
  outline: none;
  border: none;
  position: relative;
  border: 1px solid gray;
  border-radius: 2rem;
}
.teacher_design2_live_container .teacher_design2_live_box .Gallery_container .gallery_title .right form select option {
  font-size: 0.7rem;
  padding: 0.3rem;
}
.teacher_design2_live_container .teacher_design2_live_box .Gallery_container .gallery_title .right form select:focus {
  outline: none;
  border-color: #666;
}
.teacher_design2_live_container .teacher_design2_live_box .Gallery_container .gallery_container {
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 0.5rem;
  padding: 0.5rem;
  border-radius: 0rem;
  position: relative;
}
.teacher_design2_live_container .teacher_design2_live_box .Gallery_container .gallery_container .full_image {
  position: absolute;
  top: 0%;
  left: 0%;
  display: none;
  z-index: 500;
  margin: auto;
  width: 100%;
  height: 100%;
  background: linear-gradient(#a661d4, #a661d4);
}
.teacher_design2_live_container .teacher_design2_live_box .Gallery_container .gallery_container .full_image .close_Full_Image_gallery {
  position: absolute;
  right: 3%;
  top: 5%;
}
.teacher_design2_live_container .teacher_design2_live_box .Gallery_container .gallery_container .full_image .close_Full_Image_gallery span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  color: red;
  cursor: pointer;
  place-items: center;
  transition: all 0.3s ease-in-out;
}
.teacher_design2_live_container .teacher_design2_live_box .Gallery_container .gallery_container .full_image .close_Full_Image_gallery span:hover {
  filter: drop-shadow(0px 4px 5px rgba(255, 156, 117, 0.6));
  scale: 1.2;
  transition: all 0.3s ease-in-out;
}
.teacher_design2_live_container .teacher_design2_live_box .Gallery_container .gallery_container .full_image img {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60%;
  height: 150px;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.5));
  border-radius: 10px;
  z-index: 1000;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 600px) {
  .teacher_design2_live_container .teacher_design2_live_box .Gallery_container .gallery_container .full_image img {
    width: 70%;
    height: 150px;
  }
}
.teacher_design2_live_container .teacher_design2_live_box .Gallery_container .gallery_container .gallery_box {
  width: 100%;
  height: 100%;
  margin: 0rem auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, auto));
  gap: 10px;
  position: relative;
  z-index: 1;
  grid-auto-rows: auto;
}
.teacher_design2_live_container .teacher_design2_live_box .Gallery_container .gallery_container .gallery_box .large,
.teacher_design2_live_container .teacher_design2_live_box .Gallery_container .gallery_container .gallery_box .medium,
.teacher_design2_live_container .teacher_design2_live_box .Gallery_container .gallery_container .gallery_box .small {
  width: 100%;
  height: 100%;
  display: flex;
  grid-column: auto/span 1;
}
.teacher_design2_live_container .teacher_design2_live_box .Gallery_container .gallery_container .gallery_box .large {
  grid-row: span 5;
}
.teacher_design2_live_container .teacher_design2_live_box .Gallery_container .gallery_container .gallery_box .medium {
  grid-row: span 3;
}
.teacher_design2_live_container .teacher_design2_live_box .Gallery_container .gallery_container .gallery_box .small {
  grid-row: span 2;
}
.teacher_design2_live_container .teacher_design2_live_box .Gallery_container .gallery_container .gallery_box .gallery_item {
  position: relative;
  width: 100%;
  height: 100%;
}
.teacher_design2_live_container .teacher_design2_live_box .Gallery_container .gallery_container .gallery_box .gallery_item .actions {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
}
.teacher_design2_live_container .teacher_design2_live_box .Gallery_container .gallery_container .gallery_box .gallery_item .actions .icon {
  font-size: 1.4rem;
  color: #ffffff;
  display: none;
  transition: all 0.4s ease-in-out;
}
.teacher_design2_live_container .teacher_design2_live_box .Gallery_container .gallery_container .gallery_box .gallery_item img {
  width: 100%;
  height: 100%;
  transition: filter 0.5s ease-in-out;
  position: relative;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  border-radius: 0.5rem;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
  transition: filter 0.1s ease-in-out;
}
.teacher_design2_live_container .teacher_design2_live_box .Gallery_container .gallery_container .gallery_box .gallery_item img:hover {
  filter: brightness(0.6) grayscale(1);
  transition: filter 0.1s ease-in-out;
}
.teacher_design2_live_container .teacher_design2_live_box .Gallery_container .gallery_container .gallery_box .gallery_item img:hover + .actions .icon {
  display: block;
  transition: all 0.4s ease-in-out;
  z-index: -1;
  cursor: pointer;
}
.teacher_design2_live_container .teacher_design2_live_box .Gallery_container .gallery_container .gallery_box .gallery_item img:hover + .actions .icon:hover + img {
  filter: brightness(0.6) grayscale(1);
  scale: 1.05;
  transition: filter 0.1s ease-in-out;
}
@media screen and (max-width: 776px) {
  .teacher_design2_live_container .teacher_design2_live_box .Gallery_container .gallery_container .gallery_box .gallery_item img {
    height: 100%;
  }
  .teacher_design2_live_container .teacher_design2_live_box .Gallery_container .gallery_container .gallery_box .gallery_item {
    height: 100%;
  }
  .teacher_design2_live_container .teacher_design2_live_box .Gallery_container .gallery_container .gallery_box {
    grid-template-columns: 1fr 1fr;
  }
}
.teacher_design2_live_container .teacher_design2_live_box .Gallery_container .documents {
  width: 100%;
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.teacher_design2_live_container .teacher_design2_live_box .Gallery_container .documents p {
  font-weight: 450;
  font-size: 0.9rem;
  color: rgb(255, 93, 93);
}
.teacher_design2_live_container .teacher_design2_live_box .Footer {
  position: relative;
  padding-top: 3rem;
  width: 100%;
}
.teacher_design2_live_container .teacher_design2_live_box .Footer .footer_container {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 600;
  padding: 10px 0px;
}
.teacher_design2_live_container .teacher_design2_live_box .Footer .footer_container p {
  font-size: 0.8rem;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  color: #5c5c5c;
  font-weight: 600;
  letter-spacing: 1px;
}
@media (max-width: 600px) {
  .teacher_design2_live_container .teacher_design2_live_box .Footer .footer_container p {
    font-size: 0.7rem;
  }
}
.teacher_design2_live_container .teacher_design2_live_box .Footer .footer_container svg {
  position: absolute;
  z-index: -1;
  bottom: 0%;
  left: 0%;
  width: 100%;
}
.teacher_design2_live_container .teacher_design2_live_box::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 600px) {
  .teacher_design2_live_container .teacher_design2_live_box {
    width: 100vw !important;
    min-width: 100vw;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin-top: 0rem !important;
  }
}
.teacher_design2_live_container .article_box {
  min-width: 450px;
  max-width: 450px;
  margin-top: 0px !important;
  min-height: 100vh;
  max-height: 100vh;
  overflow-x: hidden;
  overflow-y: scroll;
  background: linear-gradient(160deg, #ffffff 50%, #f5f5f5 50%);
  filter: drop-shadow(0px 4px 5px rgba(56, 56, 56, 0.6509803922));
}
.teacher_design2_live_container .article_box .view_article_header {
  width: 100%;
  min-height: 5vh;
  background-color: #fff;
  border-bottom: 1px solid rgb(231, 231, 231);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem;
}
.teacher_design2_live_container .article_box .view_article_header .left {
  flex: 0.5;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.teacher_design2_live_container .article_box .view_article_header .left i {
  font-size: 1.5rem;
  cursor: pointer;
}
.teacher_design2_live_container .article_box .view_article_header .right {
  flex: 0.5;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.teacher_design2_live_container .article_box .view_article_header .right img {
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  border-radius: 50%;
  border: 1px solid rgb(204, 204, 204);
}
.teacher_design2_live_container .article_box .author_details {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  padding: 0.5rem;
}
.teacher_design2_live_container .article_box .author_details .profile img {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  border: 1px solid rgb(204, 204, 204);
}
.teacher_design2_live_container .article_box .author_details .name p {
  font-size: 0.9rem;
  font-weight: 450;
}
.teacher_design2_live_container .article_box .article {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
}
.teacher_design2_live_container .article_box .article .article_header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.teacher_design2_live_container .article_box .article .article_header h2 {
  font-size: 0.9rem;
  font-weight: 450;
  color: #002185;
}
.teacher_design2_live_container .article_box .article table {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
}
.teacher_design2_live_container .article_box .article table thead {
  flex: 0.4;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.teacher_design2_live_container .article_box .article table thead tr {
  padding: 0.5rem;
  max-height: 100px;
  min-height: 50px;
}
.teacher_design2_live_container .article_box .article table thead tr th {
  font-size: 0.9rem;
  font-weight: 450;
}
.teacher_design2_live_container .article_box .article table tbody {
  flex: 0.6;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.teacher_design2_live_container .article_box .article table tbody tr {
  padding: 0.5rem;
  max-height: 100px;
  min-height: 50px;
}
.teacher_design2_live_container .article_box .article table tbody tr td {
  font-size: 0.9rem;
  font-weight: 450;
}
.teacher_design2_live_container .article_box::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 600px) {
  .teacher_design2_live_container .article_box {
    width: 100vw !important;
    min-width: 100vw;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin-top: 0rem;
  }
}
.teacher_design2_live_container::-webkit-scrollbar {
  width: 6px !important;
  height: 4px !important;
  background-color: #4375ff, #0084ff;
}
@media screen and (max-width: 650px) {
  .teacher_design2_live_container::-webkit-scrollbar {
    display: none !important;
  }
}
.teacher_design2_live_container::-webkit-scrollbar-thumb {
  width: 6px !important;
  height: 4px !important;
  border-radius: 10px;
  z-index: 10;
  cursor: pointer;
  background-color: #fff !important;
}
.teacher_design2_live_container::-webkit-scrollbar-thumb:hover {
  background-color: rgb(36, 231, 222);
}
.no_data_found_error {
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.no_data_found_error h2 {
  font-size: 0.9rem;
  color: red;
  letter-spacing: 1px;
}
.date-input {
  appearance: none; /* Remove default styling */
  -webkit-appearance: none; /* Remove default styling in Safari */
  -moz-appearance: none; /* Remove default styling in Firefox */
  padding: 10px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.date-input::-moz-placeholder {
  color: #888; /* Placeholder color */
}
.date-input::placeholder {
  color: #888; /* Placeholder color */
}
/* Custom icon for the date picker */
.date-input::-webkit-calendar-picker-indicator {
  cursor: pointer;
  color: transparent;
  opacity: 1;
  position: absolute;
  right: 10px;
  top: 70%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url("https://img.icons8.com/emoji/48/calendar-emoji.png") no-repeat center center;
  background-size: contain;
}

.teacher_design3_live_container {
  width: 100vw;
  max-height: 100vh;
  height: 100vh;
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin: auto;
  color: #303030;
  overflow-y: hidden;
  overflow-x: hidden;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.teacher_design3_live_container .full_image {
  display: none;
  z-index: 500;
  margin: auto;
  width: 100%;
  height: 100%;
  background: linear-gradient(#fff, #fff);
  position: absolute;
  top: 0%;
  left: 0%;
}
.teacher_design3_live_container .full_image .close_Full_Image_gallery {
  position: absolute;
  width: 100%;
  left: 90%;
  top: 15%;
}
.teacher_design3_live_container .full_image .close_Full_Image_gallery .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  color: red;
  cursor: pointer;
  place-items: center;
  transition: all 0.3s ease-in-out;
}
.teacher_design3_live_container .full_image .close_Full_Image_gallery .icon:hover {
  filter: drop-shadow(0px 4px 5px rgba(255, 156, 117, 0.6));
  scale: 1.2;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 600px) {
  .teacher_design3_live_container .full_image .close_Full_Image_gallery {
    position: absolute;
    width: 100%;
    left: 90%;
    top: 5%;
  }
}
.teacher_design3_live_container .full_image img {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 700px;
  height: 450px;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.5));
  border-radius: 5px;
  z-index: 1000;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 600px) {
  .teacher_design3_live_container .full_image img {
    width: 90%;
    height: 200px;
  }
}
.teacher_design3_live_container .lottie {
  position: absolute;
  width: 100vw;
  height: 100vh;
  left: 0%;
  top: 0%;
  scale: 1.5;
  filter: brightness(100%) grayscale(0);
  opacity: 0.3;
}
.teacher_design3_live_container .teacher_design3_live_box {
  min-width: 450px;
  max-width: 450px;
  min-height: 100vh;
  max-height: 100vh;
  overflow-x: hidden;
  overflow-y: scroll;
  background: linear-gradient(160deg, #ffffff 50%, #ffffff 50%);
  filter: drop-shadow(0px 4px 5px rgba(88, 88, 88, 0.431372549));
  position: relative;
}
.teacher_design3_live_container .teacher_design3_live_box .top_svg {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 250px;
  overflow: hidden;
}
.teacher_design3_live_container .teacher_design3_live_box .top_svg svg {
  height: 250px;
}
.teacher_design3_live_container .teacher_design3_live_box .Image_row_1 {
  min-width: 100%;
  max-width: 100%;
  max-height: 300px;
  min-height: 200px;
  height: auto;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem;
}
.teacher_design3_live_container .teacher_design3_live_box .Image_row_1 .views {
  position: absolute;
  right: 0%;
  top: 0%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  color: #727272;
  background-color: #ffffff;
  filter: drop-shadow(0px 4px 5px rgba(65, 255, 230, 0.431372549));
  padding: 5px 2rem;
  border-top-left-radius: 3rem;
  border-bottom-left-radius: 3rem;
  border-bottom-right-radius: 5rem;
}
.teacher_design3_live_container .teacher_design3_live_box .Image_row_1 .views h6 {
  letter-spacing: 1px;
  font-size: 0.8rem;
}
.teacher_design3_live_container .teacher_design3_live_box .Image_row_1 .views p {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  font-size: 0.9rem;
  font-weight: 500;
  letter-spacing: 1px;
}
.teacher_design3_live_container .teacher_design3_live_box .Image_row_1 .views p sup {
  font-size: 0.9rem;
  font-weight: 550;
}
.teacher_design3_live_container .teacher_design3_live_box .Image_row_1 .views p i {
  font-size: 1.4rem;
}
.teacher_design3_live_container .teacher_design3_live_box .Image_row_1 .user_logo {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 1rem;
}
.teacher_design3_live_container .teacher_design3_live_box .Image_row_1 .user_logo img {
  z-index: 2;
  width: 110px;
  height: 110px;
  display: block;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  image-rendering: crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  border: 2px solid rgba(189, 189, 189, 0.7450980392);
  filter: drop-shadow(0px 4px 5px rgba(255, 255, 255, 0.9098039216)) brightness(110%);
  animation: none !important;
}
@keyframes profileBorder {
  0% {
    border: 3px solid #ffffff;
    transform: translateY(0px);
  }
  25% {
    border: 3px solid #ffffff;
    transform: translateY(-5px);
  }
  50% {
    border: 3px solid #ffffff;
    transform: translateY(-10px);
  }
  75% {
    border: 3px solid rgb(255, 255, 255);
    transform: translateY(-5px);
  }
  100% {
    border: 3px solid #ffffff;
    transform: translateY(0px);
  }
}
.teacher_design3_live_container .teacher_design3_live_box .Image_row_1 .user_logo .svg_image {
  position: absolute;
  z-index: 1;
}
.teacher_design3_live_container .teacher_design3_live_box .Image_row_1 .user_logo .svg_image img {
  width: 200px;
  height: 200px;
  border: none;
  filter: drop-shadow(0px 4px 5px rgba(255, 255, 255, 0.631372549));
  animation: profileSVGAnime 5s infinite linear;
}
@keyframes profileSVGAnime {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(90deg);
  }
  50% {
    transform: rotate(180deg);
  }
  75% {
    transform: rotate(270deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.teacher_design3_live_container .teacher_design3_live_box .Image_row_1 .heart {
  position: absolute;
  left: 21%;
  top: 60%;
  z-index: 10;
  display: none;
}
.teacher_design3_live_container .teacher_design3_live_box .Image_row_1 .heart .plus {
  position: absolute;
  top: -35%;
  right: -25%;
  z-index: -1;
}
.teacher_design3_live_container .teacher_design3_live_box .Image_row_1 .heart .plus i {
  font-size: 1rem;
  font-weight: 700;
}
.teacher_design3_live_container .teacher_design3_live_box .Image_row_1 .heart .plus .minus {
  color: red;
}
.teacher_design3_live_container .teacher_design3_live_box .Image_row_1 .heart .plus .plus {
  color: gray;
}
@media screen and (max-width: 776px) {
  .teacher_design3_live_container .teacher_design3_live_box .Image_row_1 .heart {
    position: absolute;
    left: 25%;
    top: 65%;
    z-index: 10;
  }
}
.teacher_design3_live_container .teacher_design3_live_box .Image_row_1 .contacts_btns {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  gap: 1rem;
  position: absolute;
  bottom: 35%;
  right: 0%;
  padding-right: 1rem;
}
.teacher_design3_live_container .teacher_design3_live_box .Image_row_1 .contacts_btns a {
  text-decoration: none;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 30px;
  height: 30px;
  background-color: #0DDDB7;
  color: #fff;
  border-radius: 0.3rem;
  transition: all 0.4s linear;
}
.teacher_design3_live_container .teacher_design3_live_box .Image_row_1 .contacts_btns a i {
  font-size: 1rem;
  color: #fff;
}
.teacher_design3_live_container .teacher_design3_live_box .Image_row_1 .contacts_btns a .plus {
  position: absolute;
  right: 5%;
  top: -24%;
}
.teacher_design3_live_container .teacher_design3_live_box .Image_row_1 .contacts_btns a .plus i {
  font-size: 0.6rem;
  font-weight: 600;
  color: #fff;
}
.teacher_design3_live_container .teacher_design3_live_box .Image_row_1 .contacts_btns a small {
  font-size: 0.7rem;
  font-weight: 500;
}
.teacher_design3_live_container .teacher_design3_live_box .Image_row_1 .contacts_btns a:hover {
  background-color: #ffffff;
  color: #0DDDB7;
  scale: 1.05;
  box-shadow: 0px 4px 5px rgba(255, 255, 255, 0.4);
  transition: all 0.4s linear;
}
.teacher_design3_live_container .teacher_design3_live_box .Image_row_1 .contacts_btns a:hover i {
  color: #0DDDB7;
}
.teacher_design3_live_container .teacher_design3_live_box .basic_row_2 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  position: relative;
  padding: 0.5rem;
}
.teacher_design3_live_container .teacher_design3_live_box .basic_row_2 .user_details {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.teacher_design3_live_container .teacher_design3_live_box .basic_row_2 .user_details .user_data {
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex: 1;
  gap: 15px;
  width: 100%;
  height: 100%;
}
.teacher_design3_live_container .teacher_design3_live_box .basic_row_2 .user_details .user_data .user_information {
  display: flex;
  flex: 1;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 0.5rem;
}
.teacher_design3_live_container .teacher_design3_live_box .basic_row_2 .user_details .user_data .user_information h2 {
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 1px;
  color: #313131;
}
.teacher_design3_live_container .teacher_design3_live_box .basic_row_2 .user_details .user_data .user_information h2 strong {
  font-size: 1rem;
  font-weight: 550;
  color: gray;
}
.teacher_design3_live_container .teacher_design3_live_box .basic_row_2 .user_details .user_data .user_information p {
  font-size: 0.9rem;
  font-weight: 450;
  color: #313131;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0rem;
}
.teacher_design3_live_container .teacher_design3_live_box .basic_row_2 .user_details .user_data .user_information p img {
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media screen and (max-width: 600px) {
  .teacher_design3_live_container .teacher_design3_live_box .basic_row_2 .user_details .user_data .user_information p img {
    width: 25px;
    height: 25px;
  }
}
.teacher_design3_live_container .teacher_design3_live_box .basic_row_2 .user_details .user_data .user_information .article_title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
  flex-wrap: wrap;
}
.teacher_design3_live_container .teacher_design3_live_box .basic_row_2 .user_details .user_data .user_information .article_title h5 {
  font-size: 0.9rem;
  font-weight: 500;
  color: #00816a;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0rem;
}
@media screen and (max-width: 600px) {
  .teacher_design3_live_container .teacher_design3_live_box .basic_row_2 .user_details .user_data {
    align-items: flex-start;
  }
}
.teacher_design3_live_container .teacher_design3_live_box .filter_row_3 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0.5rem;
}
.teacher_design3_live_container .teacher_design3_live_box .filter_row_3 form {
  width: 50%;
  outline: none;
  border: none;
  position: relative;
}
.teacher_design3_live_container .teacher_design3_live_box .filter_row_3 form select {
  font-size: 0.8rem;
  padding: 0.4rem;
  outline: none;
  border: none;
  background-color: #009b7e;
  color: #fff;
  font-weight: 500;
  position: relative;
  width: 100px;
  border-radius: 5px;
}
.teacher_design3_live_container .teacher_design3_live_box .filter_row_3 form select option {
  font-size: 0.7rem;
  padding: 0.3rem;
  background-color: #fff;
  color: #505050;
}
.teacher_design3_live_container .teacher_design3_live_box .filter_row_3 form select:focus {
  outline: none;
  border-color: #666;
}
.teacher_design3_live_container .teacher_design3_live_box .publishing_container {
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.5rem;
  display: grid;
  grid-template-columns: 1fr;
  padding: 0.5rem;
}
.teacher_design3_live_container .teacher_design3_live_box .publishing_container .paper {
  width: 100%;
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.2rem;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
.teacher_design3_live_container .teacher_design3_live_box .publishing_container .paper .paper_title a {
  color: #2f8575;
  font-size: 0.9rem;
  cursor: pointer;
}
.teacher_design3_live_container .teacher_design3_live_box .publishing_container .paper .paper_title a:hover {
  text-decoration: underline;
}
.teacher_design3_live_container .teacher_design3_live_box .publishing_container .paper .author {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
.teacher_design3_live_container .teacher_design3_live_box .publishing_container .paper .author .name {
  flex: 0.7;
}
.teacher_design3_live_container .teacher_design3_live_box .publishing_container .paper .author .name p {
  font-size: 0.8rem;
  color: rgb(97, 97, 97);
  font-weight: 550;
}
.teacher_design3_live_container .teacher_design3_live_box .publishing_container .paper .author .date {
  flex: 0.3;
  color: rgb(106, 150, 88);
}
.teacher_design3_live_container .teacher_design3_live_box .publishing_container .paper .author .date small {
  font-size: 0.9rem;
}
.teacher_design3_live_container .teacher_design3_live_box .publishing_container .paper .date {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.teacher_design3_live_container .teacher_design3_live_box .publishing_container .paper .date small {
  font-weight: 550;
  font-size: 0.6rem;
}
.teacher_design3_live_container .teacher_design3_live_box .publishing_container .paper .journal p {
  font-size: 0.8rem;
}
.teacher_design3_live_container .teacher_design3_live_box .publishing_container .paper .details {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.teacher_design3_live_container .teacher_design3_live_box .publishing_container .paper .details .issue p {
  font-size: 0.7rem;
}
.teacher_design3_live_container .teacher_design3_live_box .publishing_container .paper .publisher p {
  font-size: 0.8rem;
}
.teacher_design3_live_container .teacher_design3_live_box .publishing_container .paper .pages {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.teacher_design3_live_container .teacher_design3_live_box .publishing_container .paper .pages small {
  font-size: 0.8rem;
  color: rgb(0, 110, 129);
}
.teacher_design3_live_container .teacher_design3_live_box .Gallery_container {
  width: 100%;
  padding: 0.5rem;
}
.teacher_design3_live_container .teacher_design3_live_box .Gallery_container .gallery_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.teacher_design3_live_container .teacher_design3_live_box .Gallery_container .gallery_title .left {
  flex: 0.5;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.teacher_design3_live_container .teacher_design3_live_box .Gallery_container .gallery_title .left h2 {
  font-size: 1.5rem;
}
.teacher_design3_live_container .teacher_design3_live_box .Gallery_container .gallery_title .left .icon {
  font-size: 1.3rem;
  color: green;
}
.teacher_design3_live_container .teacher_design3_live_box .Gallery_container .gallery_title .right {
  flex: 0.5;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0.5rem;
}
.teacher_design3_live_container .teacher_design3_live_box .Gallery_container .gallery_title .right form {
  outline: none;
  border: none;
  position: relative;
}
.teacher_design3_live_container .teacher_design3_live_box .Gallery_container .gallery_title .right form select {
  font-size: 0.8rem;
  padding: 0.2rem 0.6rem;
  outline: none;
  border: none;
  position: relative;
  border: 1px solid gray;
  border-radius: 2rem;
}
.teacher_design3_live_container .teacher_design3_live_box .Gallery_container .gallery_title .right form select option {
  font-size: 0.7rem;
  padding: 0.3rem;
}
.teacher_design3_live_container .teacher_design3_live_box .Gallery_container .gallery_title .right form select:focus {
  outline: none;
  border-color: #666;
}
.teacher_design3_live_container .teacher_design3_live_box .Gallery_container .gallery_container {
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 0.5rem;
  padding: 0.5rem;
  border-radius: 0rem;
  position: relative;
}
.teacher_design3_live_container .teacher_design3_live_box .Gallery_container .gallery_container .full_image {
  position: absolute;
  top: 0%;
  left: 0%;
  display: none;
  z-index: 500;
  margin: auto;
  width: 100%;
  height: 100%;
  background: linear-gradient(#a661d4, #a661d4);
}
.teacher_design3_live_container .teacher_design3_live_box .Gallery_container .gallery_container .full_image .close_Full_Image_gallery {
  position: absolute;
  right: 3%;
  top: 5%;
}
.teacher_design3_live_container .teacher_design3_live_box .Gallery_container .gallery_container .full_image .close_Full_Image_gallery span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  color: red;
  cursor: pointer;
  place-items: center;
  transition: all 0.3s ease-in-out;
}
.teacher_design3_live_container .teacher_design3_live_box .Gallery_container .gallery_container .full_image .close_Full_Image_gallery span:hover {
  filter: drop-shadow(0px 4px 5px rgba(255, 156, 117, 0.6));
  scale: 1.2;
  transition: all 0.3s ease-in-out;
}
.teacher_design3_live_container .teacher_design3_live_box .Gallery_container .gallery_container .full_image img {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60%;
  height: 150px;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.5));
  z-index: 1000;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 600px) {
  .teacher_design3_live_container .teacher_design3_live_box .Gallery_container .gallery_container .full_image img {
    width: 70%;
    height: 150px;
  }
}
.teacher_design3_live_container .teacher_design3_live_box .Gallery_container .gallery_container .gallery_box {
  width: 100%;
  height: 100%;
  margin: 0rem auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, auto));
  gap: 10px;
  position: relative;
  z-index: 1;
  grid-auto-rows: auto;
}
.teacher_design3_live_container .teacher_design3_live_box .Gallery_container .gallery_container .gallery_box .large,
.teacher_design3_live_container .teacher_design3_live_box .Gallery_container .gallery_container .gallery_box .medium,
.teacher_design3_live_container .teacher_design3_live_box .Gallery_container .gallery_container .gallery_box .small {
  width: 100%;
  height: 100%;
  display: flex;
  grid-column: auto/span 1;
}
.teacher_design3_live_container .teacher_design3_live_box .Gallery_container .gallery_container .gallery_box .large {
  grid-row: span 5;
}
.teacher_design3_live_container .teacher_design3_live_box .Gallery_container .gallery_container .gallery_box .medium {
  grid-row: span 3;
}
.teacher_design3_live_container .teacher_design3_live_box .Gallery_container .gallery_container .gallery_box .small {
  grid-row: span 2;
}
.teacher_design3_live_container .teacher_design3_live_box .Gallery_container .gallery_container .gallery_box .gallery_item {
  position: relative;
  width: 100%;
  height: 100%;
}
.teacher_design3_live_container .teacher_design3_live_box .Gallery_container .gallery_container .gallery_box .gallery_item .actions {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
}
.teacher_design3_live_container .teacher_design3_live_box .Gallery_container .gallery_container .gallery_box .gallery_item .actions .icon {
  font-size: 1.4rem;
  color: #ffffff;
  display: none;
  transition: all 0.4s ease-in-out;
}
.teacher_design3_live_container .teacher_design3_live_box .Gallery_container .gallery_container .gallery_box .gallery_item img {
  width: 100%;
  height: 100%;
  transition: filter 0.5s ease-in-out;
  position: relative;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
  transition: filter 0.1s ease-in-out;
}
.teacher_design3_live_container .teacher_design3_live_box .Gallery_container .gallery_container .gallery_box .gallery_item img:hover {
  filter: brightness(0.6) grayscale(1);
  transition: filter 0.1s ease-in-out;
}
.teacher_design3_live_container .teacher_design3_live_box .Gallery_container .gallery_container .gallery_box .gallery_item img:hover + .actions .icon {
  display: block;
  transition: all 0.4s ease-in-out;
  z-index: -1;
  cursor: pointer;
}
.teacher_design3_live_container .teacher_design3_live_box .Gallery_container .gallery_container .gallery_box .gallery_item img:hover + .actions .icon:hover + img {
  filter: brightness(0.6) grayscale(1);
  scale: 1.05;
  transition: filter 0.1s ease-in-out;
}
@media screen and (max-width: 776px) {
  .teacher_design3_live_container .teacher_design3_live_box .Gallery_container .gallery_container .gallery_box .gallery_item img {
    height: 100%;
  }
  .teacher_design3_live_container .teacher_design3_live_box .Gallery_container .gallery_container .gallery_box .gallery_item {
    height: 100%;
  }
  .teacher_design3_live_container .teacher_design3_live_box .Gallery_container .gallery_container .gallery_box {
    grid-template-columns: 1fr 1fr;
  }
}
.teacher_design3_live_container .teacher_design3_live_box .Gallery_container .documents {
  width: 100%;
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.teacher_design3_live_container .teacher_design3_live_box .Gallery_container .documents p {
  font-weight: 450;
  font-size: 0.9rem;
  color: rgb(255, 93, 93);
}
.teacher_design3_live_container .teacher_design3_live_box .Footer {
  position: relative;
  padding-top: 3rem;
  width: 100%;
}
.teacher_design3_live_container .teacher_design3_live_box .Footer .footer_container {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 600;
  padding: 10px 0px;
}
.teacher_design3_live_container .teacher_design3_live_box .Footer .footer_container p {
  font-size: 0.8rem;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  color: #525252;
  font-weight: 600;
  letter-spacing: 1px;
}
@media (max-width: 600px) {
  .teacher_design3_live_container .teacher_design3_live_box .Footer .footer_container p {
    font-size: 0.7rem;
  }
}
.teacher_design3_live_container .teacher_design3_live_box .Footer .footer_container svg {
  position: absolute;
  z-index: -1;
  bottom: 0%;
  left: 0%;
  width: 100%;
}
.teacher_design3_live_container .teacher_design3_live_box::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 600px) {
  .teacher_design3_live_container .teacher_design3_live_box {
    width: 100vw !important;
    min-width: 100vw;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin-top: 0rem !important;
  }
}
.teacher_design3_live_container .article_box {
  min-width: 450px;
  max-width: 450px;
  margin-top: 0px !important;
  min-height: 100vh;
  max-height: 100vh;
  overflow-x: hidden;
  overflow-y: scroll;
  background: linear-gradient(160deg, #ffffff 50%, #ffffff 50%);
  filter: drop-shadow(0px 4px 5px rgba(56, 56, 56, 0.6509803922));
}
.teacher_design3_live_container .article_box .view_article_header {
  width: 100%;
  min-height: 5vh;
  background-color: #fff;
  border-bottom: 1px solid rgb(231, 231, 231);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem;
}
.teacher_design3_live_container .article_box .view_article_header .left {
  flex: 0.5;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.teacher_design3_live_container .article_box .view_article_header .left i {
  font-size: 1.5rem;
  cursor: pointer;
}
.teacher_design3_live_container .article_box .view_article_header .right {
  flex: 0.5;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.teacher_design3_live_container .article_box .view_article_header .right img {
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  border-radius: 50%;
  border: 1px solid rgb(204, 204, 204);
}
.teacher_design3_live_container .article_box .author_details {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  padding: 0.5rem;
}
.teacher_design3_live_container .article_box .author_details .profile img {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  border: 1px solid rgb(204, 204, 204);
}
.teacher_design3_live_container .article_box .author_details .name p {
  font-size: 0.9rem;
  font-weight: 450;
}
.teacher_design3_live_container .article_box .article {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
}
.teacher_design3_live_container .article_box .article .article_header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.teacher_design3_live_container .article_box .article .article_header h2 {
  font-size: 0.9rem;
  font-weight: 450;
  color: #002185;
}
.teacher_design3_live_container .article_box .article table {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
}
.teacher_design3_live_container .article_box .article table thead {
  flex: 0.4;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.teacher_design3_live_container .article_box .article table thead tr {
  padding: 0.5rem;
  max-height: 100px;
  min-height: 50px;
}
.teacher_design3_live_container .article_box .article table thead tr th {
  font-size: 0.9rem;
  font-weight: 450;
}
.teacher_design3_live_container .article_box .article table tbody {
  flex: 0.6;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.teacher_design3_live_container .article_box .article table tbody tr {
  padding: 0.5rem;
  max-height: 100px;
  min-height: 50px;
}
.teacher_design3_live_container .article_box .article table tbody tr td {
  font-size: 0.9rem;
  font-weight: 450;
}
.teacher_design3_live_container .article_box::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 600px) {
  .teacher_design3_live_container .article_box {
    width: 100vw !important;
    min-width: 100vw;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin-top: 0rem;
  }
}
.teacher_design3_live_container::-webkit-scrollbar {
  width: 6px !important;
  height: 4px !important;
  background-color: #4375ff, #0084ff;
}
@media screen and (max-width: 650px) {
  .teacher_design3_live_container::-webkit-scrollbar {
    display: none !important;
  }
}
.teacher_design3_live_container::-webkit-scrollbar-thumb {
  width: 6px !important;
  height: 4px !important;
  border-radius: 10px;
  z-index: 10;
  cursor: pointer;
  background-color: #fff !important;
}
.teacher_design3_live_container::-webkit-scrollbar-thumb:hover {
  background-color: rgb(36, 231, 222);
}
.no_data_found_error {
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.no_data_found_error h2 {
  font-size: 0.9rem;
  color: red;
  letter-spacing: 1px;
}
.date-input {
  appearance: none; /* Remove default styling */
  -webkit-appearance: none; /* Remove default styling in Safari */
  -moz-appearance: none; /* Remove default styling in Firefox */
  padding: 10px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.date-input::-moz-placeholder {
  color: #888; /* Placeholder color */
}
.date-input::placeholder {
  color: #888; /* Placeholder color */
}
/* Custom icon for the date picker */
.date-input::-webkit-calendar-picker-indicator {
  cursor: pointer;
  color: transparent;
  opacity: 1;
  position: absolute;
  right: 10px;
  top: 70%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url("https://img.icons8.com/emoji/48/calendar-emoji.png") no-repeat center center;
  background-size: contain;
}

.teacher_design4_live_container {
  width: 100vw;
  max-height: 100vh;
  height: 100vh;
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin: auto;
  color: #303030;
  overflow-y: hidden;
  overflow-x: hidden;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.teacher_design4_live_container .full_image {
  display: none;
  z-index: 500;
  margin: auto;
  width: 100%;
  height: 100%;
  background: linear-gradient(#fff, #fff);
  position: absolute;
  top: 0%;
  left: 0%;
}
.teacher_design4_live_container .full_image .close_Full_Image_gallery {
  position: absolute;
  width: 100%;
  left: 90%;
  top: 15%;
}
.teacher_design4_live_container .full_image .close_Full_Image_gallery .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  color: red;
  cursor: pointer;
  place-items: center;
  transition: all 0.3s ease-in-out;
}
.teacher_design4_live_container .full_image .close_Full_Image_gallery .icon:hover {
  filter: drop-shadow(0px 4px 5px rgba(255, 156, 117, 0.6));
  scale: 1.2;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 600px) {
  .teacher_design4_live_container .full_image .close_Full_Image_gallery {
    position: absolute;
    width: 100%;
    left: 90%;
    top: 5%;
  }
}
.teacher_design4_live_container .full_image img {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 700px;
  height: 450px;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.5));
  border-radius: 5px;
  z-index: 1000;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 600px) {
  .teacher_design4_live_container .full_image img {
    width: 90%;
    height: 200px;
  }
}
.teacher_design4_live_container .lottie {
  position: absolute;
  width: 100vw;
  height: 100vh;
  left: 0%;
  top: 0%;
  scale: 1;
}
.teacher_design4_live_container .teacher_design4_live_box {
  min-width: 450px;
  max-width: 450px;
  min-height: 100vh;
  max-height: 100vh;
  overflow-x: hidden;
  overflow-y: scroll;
  background: linear-gradient(160deg, rgba(86, 176, 255, 0.8705882353) 50%, rgba(86, 176, 255, 0.8705882353) 70%);
  filter: drop-shadow(0px 4px 5px rgba(56, 56, 56, 0.6509803922));
  position: relative;
}
.teacher_design4_live_container .teacher_design4_live_box .Image_row_1 {
  min-width: 100%;
  max-width: 100%;
  max-height: 300px;
  height: auto;
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  gap: 1rem;
  padding: 1rem 0.5rem;
}
.teacher_design4_live_container .teacher_design4_live_box .Image_row_1 .views {
  position: absolute;
  right: 0%;
  top: 0%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 5px;
  color: rgb(255, 255, 255);
  padding: 5px 1rem;
  border-top-right-radius: 0rem;
}
.teacher_design4_live_container .teacher_design4_live_box .Image_row_1 .views h6 {
  letter-spacing: 1px;
  font-size: 0.7rem;
}
.teacher_design4_live_container .teacher_design4_live_box .Image_row_1 .views p {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  font-size: 0.7rem;
  font-weight: 550;
  letter-spacing: 1px;
  color: #ffffff;
}
.teacher_design4_live_container .teacher_design4_live_box .Image_row_1 .views p sup {
  font-size: 0.7rem;
  font-weight: 550;
}
.teacher_design4_live_container .teacher_design4_live_box .Image_row_1 .views p i {
  font-size: 1rem;
}
.teacher_design4_live_container .teacher_design4_live_box .Image_row_1 .user_logo {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}
.teacher_design4_live_container .teacher_design4_live_box .Image_row_1 .user_logo img {
  z-index: 2;
  width: 100px;
  height: 100px;
  border-radius: 0.5rem;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  border: 2px solid rgb(201, 201, 201);
  filter: drop-shadow(0px 4px 5px rgba(255, 255, 255, 0.4)) brightness(110%);
  animation: none !important;
}
@keyframes profileBorder {
  0% {
    border: 3px solid #ffffff;
    transform: translateY(0px);
  }
  25% {
    border: 3px solid #ffffff;
    transform: translateY(-5px);
  }
  50% {
    border: 3px solid #ffffff;
    transform: translateY(-10px);
  }
  75% {
    border: 3px solid rgb(255, 255, 255);
    transform: translateY(-5px);
  }
  100% {
    border: 3px solid #ffffff;
    transform: translateY(0px);
  }
}
.teacher_design4_live_container .teacher_design4_live_box .Image_row_1 .user_logo .svg_image {
  position: absolute;
  z-index: 1;
}
.teacher_design4_live_container .teacher_design4_live_box .Image_row_1 .user_logo .svg_image img {
  width: 200px;
  height: 200px;
  border: none;
  filter: drop-shadow(0px 4px 5px rgba(255, 255, 255, 0.631372549));
  animation: profileSVGAnime 5s infinite linear;
}
@keyframes profileSVGAnime {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(90deg);
  }
  50% {
    transform: rotate(180deg);
  }
  75% {
    transform: rotate(270deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.teacher_design4_live_container .teacher_design4_live_box .Image_row_1 .heart {
  position: absolute;
  left: 21%;
  top: 60%;
  z-index: 10;
  display: none;
}
.teacher_design4_live_container .teacher_design4_live_box .Image_row_1 .heart .plus {
  position: absolute;
  top: -35%;
  right: -25%;
  z-index: -1;
}
.teacher_design4_live_container .teacher_design4_live_box .Image_row_1 .heart .plus i {
  font-size: 1rem;
  font-weight: 700;
}
.teacher_design4_live_container .teacher_design4_live_box .Image_row_1 .heart .plus .minus {
  color: red;
}
.teacher_design4_live_container .teacher_design4_live_box .Image_row_1 .heart .plus .plus {
  color: gray;
}
@media screen and (max-width: 776px) {
  .teacher_design4_live_container .teacher_design4_live_box .Image_row_1 .heart {
    position: absolute;
    left: 25%;
    top: 65%;
    z-index: 10;
  }
}
.teacher_design4_live_container .teacher_design4_live_box .Image_row_1 .contacts_btns {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  gap: 2rem;
  top: 0%;
  right: 0%;
  padding-right: 1rem;
}
.teacher_design4_live_container .teacher_design4_live_box .Image_row_1 .contacts_btns a {
  text-decoration: none;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 35px;
  height: 35px;
  background-color: #ffffff;
  color: rgb(133, 133, 133);
  border-radius: 0.5rem;
  transition: all 0.4s linear;
}
.teacher_design4_live_container .teacher_design4_live_box .Image_row_1 .contacts_btns a i {
  font-size: 1.2rem;
  color: rgb(133, 133, 133);
}
.teacher_design4_live_container .teacher_design4_live_box .Image_row_1 .contacts_btns a .plus {
  position: absolute;
  right: 8%;
  top: -15%;
}
.teacher_design4_live_container .teacher_design4_live_box .Image_row_1 .contacts_btns a .plus i {
  font-size: 0.6rem;
  font-weight: 600;
  color: rgb(133, 133, 133);
}
.teacher_design4_live_container .teacher_design4_live_box .Image_row_1 .contacts_btns a small {
  font-size: 0.7rem;
  font-weight: 500;
}
.teacher_design4_live_container .teacher_design4_live_box .Image_row_1 .contacts_btns a:hover {
  background-color: rgba(86, 176, 255, 0.8705882353);
  scale: 1.05;
  transition: all 0.4s linear;
}
.teacher_design4_live_container .teacher_design4_live_box .Image_row_1 .contacts_btns a:hover i {
  color: #edf889;
}
.teacher_design4_live_container .teacher_design4_live_box .basic_row_2 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 1rem;
  position: relative;
  padding: 0.5rem;
}
.teacher_design4_live_container .teacher_design4_live_box .basic_row_2 .user_details {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.teacher_design4_live_container .teacher_design4_live_box .basic_row_2 .user_details .user_data {
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  gap: 15px;
  width: 100%;
  height: 100%;
}
.teacher_design4_live_container .teacher_design4_live_box .basic_row_2 .user_details .user_data .user_information {
  display: flex;
  flex: 1;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 0.5rem;
}
.teacher_design4_live_container .teacher_design4_live_box .basic_row_2 .user_details .user_data .user_information h2 {
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 1px;
  color: #edf889;
  text-transform: uppercase;
}
.teacher_design4_live_container .teacher_design4_live_box .basic_row_2 .user_details .user_data .user_information p {
  font-size: 0.8rem;
  font-weight: 450;
  color: #ffffff;
  letter-spacing: 1px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: start;
  gap: 0rem;
  line-height: 1.5rem;
}
.teacher_design4_live_container .teacher_design4_live_box .basic_row_2 .user_details .user_data .user_information p img {
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media screen and (max-width: 600px) {
  .teacher_design4_live_container .teacher_design4_live_box .basic_row_2 .user_details .user_data .user_information p img {
    width: 25px;
    height: 25px;
  }
}
.teacher_design4_live_container .teacher_design4_live_box .basic_row_2 .user_details .user_data .user_information .article_title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
  flex-wrap: wrap;
}
.teacher_design4_live_container .teacher_design4_live_box .basic_row_2 .user_details .user_data .user_information .article_title h5 {
  font-size: 0.7rem;
  font-weight: 600;
  color: rgb(75, 75, 75);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0rem;
  background-color: rgb(255, 255, 255);
  padding: 0.3rem 0.5rem;
  border-radius: 0.2rem;
}
@media screen and (max-width: 600px) {
  .teacher_design4_live_container .teacher_design4_live_box .basic_row_2 .user_details .user_data {
    align-items: flex-start;
  }
}
.teacher_design4_live_container .teacher_design4_live_box .filter_row_3 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0.5rem;
}
.teacher_design4_live_container .teacher_design4_live_box .filter_row_3 form {
  width: 100%;
  outline: none;
  border: none;
  position: relative;
}
.teacher_design4_live_container .teacher_design4_live_box .filter_row_3 form select {
  font-size: 0.8rem;
  padding: 0.4rem;
  outline: none;
  border: none;
  width: 25%;
  position: relative;
  border-radius: 0.3rem;
  font-weight: 600;
}
.teacher_design4_live_container .teacher_design4_live_box .filter_row_3 form select option {
  font-size: 0.7rem;
  font-weight: 550;
  padding: 0.3rem;
}
.teacher_design4_live_container .teacher_design4_live_box .filter_row_3 form select:focus {
  outline: none;
  border-color: #666;
}
.teacher_design4_live_container .teacher_design4_live_box .publishing_container {
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.5rem;
  display: grid;
  grid-template-columns: 1fr;
  padding: 0.5rem;
}
.teacher_design4_live_container .teacher_design4_live_box .publishing_container .paper {
  width: 100%;
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.2rem;
  background-color: #ffffff;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
.teacher_design4_live_container .teacher_design4_live_box .publishing_container .paper .paper_title a {
  color: #002185;
  font-size: 0.9rem;
  cursor: pointer;
}
.teacher_design4_live_container .teacher_design4_live_box .publishing_container .paper .paper_title a:hover {
  text-decoration: underline;
}
.teacher_design4_live_container .teacher_design4_live_box .publishing_container .paper .author {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
.teacher_design4_live_container .teacher_design4_live_box .publishing_container .paper .author .name {
  flex: 0.7;
}
.teacher_design4_live_container .teacher_design4_live_box .publishing_container .paper .author .name p {
  font-size: 0.7rem;
}
.teacher_design4_live_container .teacher_design4_live_box .publishing_container .paper .author .date {
  flex: 0.3;
}
.teacher_design4_live_container .teacher_design4_live_box .publishing_container .paper .date {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.teacher_design4_live_container .teacher_design4_live_box .publishing_container .paper .date small {
  font-weight: 550;
  font-size: 0.6rem;
}
.teacher_design4_live_container .teacher_design4_live_box .publishing_container .paper .journal p {
  font-size: 0.8rem;
}
.teacher_design4_live_container .teacher_design4_live_box .publishing_container .paper .details {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.teacher_design4_live_container .teacher_design4_live_box .publishing_container .paper .details .issue p {
  font-size: 0.7rem;
}
.teacher_design4_live_container .teacher_design4_live_box .publishing_container .paper .publisher p {
  font-size: 0.8rem;
}
.teacher_design4_live_container .teacher_design4_live_box .publishing_container .paper .pages {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.teacher_design4_live_container .teacher_design4_live_box .publishing_container .paper .pages p {
  font-size: 0.8rem;
}
.teacher_design4_live_container .teacher_design4_live_box .Gallery_container {
  width: 100%;
  padding: 0.5rem;
}
.teacher_design4_live_container .teacher_design4_live_box .Gallery_container .gallery_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.teacher_design4_live_container .teacher_design4_live_box .Gallery_container .gallery_title .left {
  flex: 0.5;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.teacher_design4_live_container .teacher_design4_live_box .Gallery_container .gallery_title .left h2 {
  font-size: 1.5rem;
}
.teacher_design4_live_container .teacher_design4_live_box .Gallery_container .gallery_title .left .icon {
  font-size: 1.3rem;
  color: green;
}
.teacher_design4_live_container .teacher_design4_live_box .Gallery_container .gallery_title .right {
  flex: 0.5;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0.5rem;
}
.teacher_design4_live_container .teacher_design4_live_box .Gallery_container .gallery_title .right form {
  outline: none;
  border: none;
  position: relative;
}
.teacher_design4_live_container .teacher_design4_live_box .Gallery_container .gallery_title .right form select {
  font-size: 0.8rem;
  padding: 0.2rem 0.6rem;
  outline: none;
  border: none;
  position: relative;
  border: 1px solid gray;
  border-radius: 2rem;
}
.teacher_design4_live_container .teacher_design4_live_box .Gallery_container .gallery_title .right form select option {
  font-size: 0.7rem;
  padding: 0.3rem;
}
.teacher_design4_live_container .teacher_design4_live_box .Gallery_container .gallery_title .right form select:focus {
  outline: none;
  border-color: #666;
}
.teacher_design4_live_container .teacher_design4_live_box .Gallery_container .gallery_container {
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 0.5rem;
  padding: 0.5rem;
  border-radius: 0rem;
  position: relative;
}
.teacher_design4_live_container .teacher_design4_live_box .Gallery_container .gallery_container .full_image {
  position: absolute;
  top: 0%;
  left: 0%;
  display: none;
  z-index: 500;
  margin: auto;
  width: 100%;
  height: 100%;
  background: linear-gradient(#a661d4, #a661d4);
}
.teacher_design4_live_container .teacher_design4_live_box .Gallery_container .gallery_container .full_image .close_Full_Image_gallery {
  position: absolute;
  right: 3%;
  top: 5%;
}
.teacher_design4_live_container .teacher_design4_live_box .Gallery_container .gallery_container .full_image .close_Full_Image_gallery span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  color: red;
  cursor: pointer;
  place-items: center;
  transition: all 0.3s ease-in-out;
}
.teacher_design4_live_container .teacher_design4_live_box .Gallery_container .gallery_container .full_image .close_Full_Image_gallery span:hover {
  filter: drop-shadow(0px 4px 5px rgba(255, 156, 117, 0.6));
  scale: 1.2;
  transition: all 0.3s ease-in-out;
}
.teacher_design4_live_container .teacher_design4_live_box .Gallery_container .gallery_container .full_image img {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60%;
  height: 150px;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.5));
  z-index: 1000;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 600px) {
  .teacher_design4_live_container .teacher_design4_live_box .Gallery_container .gallery_container .full_image img {
    width: 70%;
    height: 150px;
  }
}
.teacher_design4_live_container .teacher_design4_live_box .Gallery_container .gallery_container .gallery_box {
  width: 100%;
  height: 100%;
  margin: 0rem auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, auto));
  gap: 10px;
  position: relative;
  z-index: 1;
  grid-auto-rows: auto;
}
.teacher_design4_live_container .teacher_design4_live_box .Gallery_container .gallery_container .gallery_box .large,
.teacher_design4_live_container .teacher_design4_live_box .Gallery_container .gallery_container .gallery_box .medium,
.teacher_design4_live_container .teacher_design4_live_box .Gallery_container .gallery_container .gallery_box .small {
  width: 100%;
  height: 100%;
  display: flex;
  grid-column: auto/span 1;
}
.teacher_design4_live_container .teacher_design4_live_box .Gallery_container .gallery_container .gallery_box .large {
  grid-row: span 5;
}
.teacher_design4_live_container .teacher_design4_live_box .Gallery_container .gallery_container .gallery_box .medium {
  grid-row: span 3;
}
.teacher_design4_live_container .teacher_design4_live_box .Gallery_container .gallery_container .gallery_box .small {
  grid-row: span 2;
}
.teacher_design4_live_container .teacher_design4_live_box .Gallery_container .gallery_container .gallery_box .gallery_item {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #fff;
}
.teacher_design4_live_container .teacher_design4_live_box .Gallery_container .gallery_container .gallery_box .gallery_item .actions {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
}
.teacher_design4_live_container .teacher_design4_live_box .Gallery_container .gallery_container .gallery_box .gallery_item .actions .icon {
  font-size: 1.4rem;
  color: #ffffff;
  display: none;
  transition: all 0.4s ease-in-out;
}
.teacher_design4_live_container .teacher_design4_live_box .Gallery_container .gallery_container .gallery_box .gallery_item img {
  width: 100%;
  height: 100%;
  transition: filter 0.5s ease-in-out;
  position: relative;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
  transition: filter 0.1s ease-in-out;
}
.teacher_design4_live_container .teacher_design4_live_box .Gallery_container .gallery_container .gallery_box .gallery_item img:hover {
  filter: brightness(0.6) grayscale(1);
  transition: filter 0.1s ease-in-out;
}
.teacher_design4_live_container .teacher_design4_live_box .Gallery_container .gallery_container .gallery_box .gallery_item img:hover + .actions .icon {
  display: block;
  transition: all 0.4s ease-in-out;
  z-index: -1;
  cursor: pointer;
}
.teacher_design4_live_container .teacher_design4_live_box .Gallery_container .gallery_container .gallery_box .gallery_item img:hover + .actions .icon:hover + img {
  filter: brightness(0.6) grayscale(1);
  scale: 1.05;
  transition: filter 0.1s ease-in-out;
}
@media screen and (max-width: 776px) {
  .teacher_design4_live_container .teacher_design4_live_box .Gallery_container .gallery_container .gallery_box .gallery_item img {
    height: 100%;
  }
  .teacher_design4_live_container .teacher_design4_live_box .Gallery_container .gallery_container .gallery_box .gallery_item {
    height: 100%;
  }
  .teacher_design4_live_container .teacher_design4_live_box .Gallery_container .gallery_container .gallery_box {
    grid-template-columns: 1fr 1fr;
  }
}
.teacher_design4_live_container .teacher_design4_live_box .Gallery_container .documents {
  width: 100%;
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.teacher_design4_live_container .teacher_design4_live_box .Gallery_container .documents p {
  font-weight: 450;
  font-size: 0.9rem;
  color: rgb(255, 93, 93);
}
.teacher_design4_live_container .teacher_design4_live_box .Footer {
  position: relative;
  padding-top: 3rem;
  width: 100%;
}
.teacher_design4_live_container .teacher_design4_live_box .Footer .footer_container {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 600;
  padding: 10px 0px;
}
.teacher_design4_live_container .teacher_design4_live_box .Footer .footer_container p {
  font-size: 0.8rem;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  color: gray;
  font-weight: 550;
  letter-spacing: 1px;
}
@media (max-width: 600px) {
  .teacher_design4_live_container .teacher_design4_live_box .Footer .footer_container p {
    font-size: 0.7rem;
  }
}
.teacher_design4_live_container .teacher_design4_live_box .Footer .footer_container svg {
  position: absolute;
  z-index: -1;
  bottom: 0%;
  left: 0%;
  width: 100%;
}
.teacher_design4_live_container .teacher_design4_live_box::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 600px) {
  .teacher_design4_live_container .teacher_design4_live_box {
    width: 100vw !important;
    min-width: 100vw;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin-top: 0rem !important;
  }
}
.teacher_design4_live_container .article_box {
  min-width: 450px;
  max-width: 450px;
  margin-top: 0px !important;
  min-height: 100vh;
  max-height: 100vh;
  overflow-x: hidden;
  overflow-y: scroll;
  background: linear-gradient(160deg, rgba(86, 176, 255, 0.8705882353) 50%, rgba(86, 176, 255, 0.8705882353) 50%);
  filter: drop-shadow(0px 4px 5px rgba(56, 56, 56, 0.6509803922));
}
.teacher_design4_live_container .article_box .view_article_header {
  width: 100%;
  min-height: 5vh;
  background-color: #fff;
  border-bottom: 1px solid rgb(231, 231, 231);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem;
}
.teacher_design4_live_container .article_box .view_article_header .left {
  flex: 0.5;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.teacher_design4_live_container .article_box .view_article_header .left i {
  font-size: 1.5rem;
  cursor: pointer;
}
.teacher_design4_live_container .article_box .view_article_header .right {
  flex: 0.5;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.teacher_design4_live_container .article_box .view_article_header .right img {
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  border-radius: 50%;
  border: 1px solid rgb(204, 204, 204);
}
.teacher_design4_live_container .article_box .author_details {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  padding: 0.5rem;
}
.teacher_design4_live_container .article_box .author_details .profile img {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  border: 1px solid rgb(204, 204, 204);
}
.teacher_design4_live_container .article_box .author_details .name p {
  font-size: 0.9rem;
  font-weight: 450;
  color: #ffffff;
}
.teacher_design4_live_container .article_box .article {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
}
.teacher_design4_live_container .article_box .article .article_header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.teacher_design4_live_container .article_box .article .article_header h2 {
  font-size: 0.9rem;
  font-weight: 450;
  color: #ffffff;
}
.teacher_design4_live_container .article_box .article table {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
  color: #ffffff;
}
.teacher_design4_live_container .article_box .article table thead {
  flex: 0.4;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.teacher_design4_live_container .article_box .article table thead tr {
  padding: 0.5rem;
  max-height: 100px;
  min-height: 50px;
}
.teacher_design4_live_container .article_box .article table thead tr th {
  font-size: 0.9rem;
  font-weight: 450;
}
.teacher_design4_live_container .article_box .article table tbody {
  flex: 0.6;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.teacher_design4_live_container .article_box .article table tbody tr {
  padding: 0.5rem;
  max-height: 100px;
  min-height: 50px;
}
.teacher_design4_live_container .article_box .article table tbody tr td {
  font-size: 0.9rem;
  font-weight: 450;
}
.teacher_design4_live_container .article_box::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 600px) {
  .teacher_design4_live_container .article_box {
    width: 100vw !important;
    min-width: 100vw;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin-top: 0rem;
  }
}
.teacher_design4_live_container::-webkit-scrollbar {
  width: 6px !important;
  height: 4px !important;
  background-color: #4375ff, #0084ff;
}
@media screen and (max-width: 650px) {
  .teacher_design4_live_container::-webkit-scrollbar {
    display: none !important;
  }
}
.teacher_design4_live_container::-webkit-scrollbar-thumb {
  width: 6px !important;
  height: 4px !important;
  border-radius: 10px;
  z-index: 10;
  cursor: pointer;
  background-color: #fff !important;
}
.teacher_design4_live_container::-webkit-scrollbar-thumb:hover {
  background-color: rgb(36, 231, 222);
}
.no_data_found_error {
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.no_data_found_error h2 {
  font-size: 0.9rem;
  color: red;
  letter-spacing: 1px;
}
.date-input {
  appearance: none; /* Remove default styling */
  -webkit-appearance: none; /* Remove default styling in Safari */
  -moz-appearance: none; /* Remove default styling in Firefox */
  padding: 10px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.date-input::-moz-placeholder {
  color: #888; /* Placeholder color */
}
.date-input::placeholder {
  color: #888; /* Placeholder color */
}
/* Custom icon for the date picker */
.date-input::-webkit-calendar-picker-indicator {
  cursor: pointer;
  color: transparent;
  opacity: 1;
  position: absolute;
  right: 10px;
  top: 70%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url("https://img.icons8.com/emoji/48/calendar-emoji.png") no-repeat center center;
  background-size: contain;
}

.teacher_design5_live_container {
  width: 100vw;
  max-height: 100vh;
  height: 100vh;
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin: auto;
  color: #303030;
  overflow-y: hidden;
  overflow-x: hidden;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.teacher_design5_live_container .full_image {
  display: none;
  z-index: 500;
  margin: auto;
  width: 100%;
  height: 100%;
  background: linear-gradient(#fff, #fff);
  position: absolute;
  top: 0%;
  left: 0%;
}
.teacher_design5_live_container .full_image .close_Full_Image_gallery {
  position: absolute;
  width: 100%;
  left: 90%;
  top: 15%;
}
.teacher_design5_live_container .full_image .close_Full_Image_gallery .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  color: red;
  cursor: pointer;
  place-items: center;
  transition: all 0.3s ease-in-out;
}
.teacher_design5_live_container .full_image .close_Full_Image_gallery .icon:hover {
  filter: drop-shadow(0px 4px 5px rgba(255, 156, 117, 0.6));
  scale: 1.2;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 600px) {
  .teacher_design5_live_container .full_image .close_Full_Image_gallery {
    position: absolute;
    width: 100%;
    left: 90%;
    top: 5%;
  }
}
.teacher_design5_live_container .full_image img {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 700px;
  height: 450px;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.5));
  border-radius: 5px;
  z-index: 1000;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 600px) {
  .teacher_design5_live_container .full_image img {
    width: 90%;
    height: 200px;
  }
}
.teacher_design5_live_container .lottie {
  position: absolute;
  width: 100vw;
  height: 100vh;
  left: 0%;
  top: 0%;
  scale: 1.1;
  filter: brightness(100%);
  opacity: 0.3;
}
.teacher_design5_live_container .teacher_design5_live_box {
  min-width: 450px;
  max-width: 450px;
  min-height: 100vh;
  max-height: 100vh;
  overflow-x: hidden;
  overflow-y: scroll;
  background: linear-gradient(180deg, #befffc 50%, #befffc 70%);
  filter: drop-shadow(0px 4px 5px rgba(88, 88, 88, 0.431372549));
  position: relative;
  z-index: 1;
}
.teacher_design5_live_container .teacher_design5_live_box .Image_row_1 {
  width: 100%;
  max-width: 100%;
  max-height: 400px;
  min-height: 200px;
  position: relative;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: space-between;
  gap: 1rem;
  background: linear-gradient(120deg, #ffef93, #ffed9b);
  z-index: 3;
  padding: 1.5rem 0.5rem;
  overflow: hidden;
}
.teacher_design5_live_container .teacher_design5_live_box .Image_row_1 .row1_lottie {
  position: absolute;
  width: 100%;
  max-height: 100%;
  height: 100%;
  left: 0%;
  top: 0%;
  overflow: hidden;
  scale: 1;
  opacity: 0.8;
}
.teacher_design5_live_container .teacher_design5_live_box .Image_row_1 .views {
  position: absolute;
  right: 0%;
  top: 0%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-end;
  gap: 5px;
  color: #424242;
  padding: 5px 0.5rem;
  border-top-left-radius: 0rem;
  border-bottom-left-radius: 3rem;
}
.teacher_design5_live_container .teacher_design5_live_box .Image_row_1 .views h6 {
  letter-spacing: 1px;
  font-size: 0.9rem;
}
.teacher_design5_live_container .teacher_design5_live_box .Image_row_1 .views p {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  font-size: 0.9rem;
  font-weight: 550;
  letter-spacing: 1px;
  color: #4c76ff;
}
.teacher_design5_live_container .teacher_design5_live_box .Image_row_1 .views p sup {
  font-size: 0.9rem;
  font-weight: 550;
}
.teacher_design5_live_container .teacher_design5_live_box .Image_row_1 .views p i {
  font-size: 1.4rem;
}
.teacher_design5_live_container .teacher_design5_live_box .Image_row_1 .user_logo {
  position: relative;
  width: 100%;
  min-height: 100%;
  max-height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.teacher_design5_live_container .teacher_design5_live_box .Image_row_1 .user_logo img {
  z-index: 2;
  width: 100px;
  height: 100px;
  display: block;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  image-rendering: crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  border: 2px solid rgb(156, 156, 156);
  filter: drop-shadow(0px 4px 5px rgba(95, 95, 95, 0.4)) brightness(100%);
  outline: 1px solid #ffee8a;
  animation: none !important;
}
@keyframes profileBorder {
  0% {
    border: 3px solid #ffffff;
    transform: translateY(0px);
  }
  25% {
    border: 3px solid #ffffff;
    transform: translateY(-5px);
  }
  50% {
    border: 3px solid #ffffff;
    transform: translateY(-10px);
  }
  75% {
    border: 3px solid rgb(255, 255, 255);
    transform: translateY(-5px);
  }
  100% {
    border: 3px solid #ffffff;
    transform: translateY(0px);
  }
}
.teacher_design5_live_container .teacher_design5_live_box .Image_row_1 .user_logo .profile_back_anime {
  position: absolute;
  left: 0%;
  top: 0%;
  width: 100%;
  height: 100%;
  transform: translate(-38%, -26%);
}
.teacher_design5_live_container .teacher_design5_live_box .Image_row_1 .user_logo .svg_image {
  position: absolute;
  z-index: 1;
}
.teacher_design5_live_container .teacher_design5_live_box .Image_row_1 .user_logo .svg_image img {
  width: 200px;
  height: 200px;
  border: none;
  filter: drop-shadow(0px 4px 5px rgba(255, 255, 255, 0.631372549));
  animation: profileSVGAnime 5s infinite linear;
}
@keyframes profileSVGAnime {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(90deg);
  }
  50% {
    transform: rotate(180deg);
  }
  75% {
    transform: rotate(270deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.teacher_design5_live_container .teacher_design5_live_box .Image_row_1 .heart {
  position: absolute;
  left: 21%;
  top: 60%;
  z-index: 10;
  display: none;
}
.teacher_design5_live_container .teacher_design5_live_box .Image_row_1 .heart .plus {
  position: absolute;
  top: -35%;
  right: -25%;
  z-index: -1;
}
.teacher_design5_live_container .teacher_design5_live_box .Image_row_1 .heart .plus i {
  font-size: 1rem;
  font-weight: 700;
}
.teacher_design5_live_container .teacher_design5_live_box .Image_row_1 .heart .plus .minus {
  color: red;
}
.teacher_design5_live_container .teacher_design5_live_box .Image_row_1 .heart .plus .plus {
  color: gray;
}
@media screen and (max-width: 776px) {
  .teacher_design5_live_container .teacher_design5_live_box .Image_row_1 .heart {
    position: absolute;
    left: 25%;
    top: 65%;
    z-index: 10;
  }
}
.teacher_design5_live_container .teacher_design5_live_box .Image_row_1 .contacts_btns {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  gap: 1rem;
  position: relative;
  z-index: 7;
}
.teacher_design5_live_container .teacher_design5_live_box .Image_row_1 .contacts_btns a {
  text-decoration: none;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 35px;
  height: 35px;
  background-color: #ffffff;
  color: #1a90ff;
  border-radius: 0.5rem;
  transition: all 0.4s linear;
}
.teacher_design5_live_container .teacher_design5_live_box .Image_row_1 .contacts_btns a i {
  font-size: 1rem;
  color: #1a90ff;
}
.teacher_design5_live_container .teacher_design5_live_box .Image_row_1 .contacts_btns a .plus {
  position: absolute;
  right: 15%;
  top: -14%;
}
.teacher_design5_live_container .teacher_design5_live_box .Image_row_1 .contacts_btns a .plus i {
  font-size: 0.6rem;
  font-weight: 600;
  color: #1a90ff;
}
.teacher_design5_live_container .teacher_design5_live_box .Image_row_1 .contacts_btns a small {
  font-size: 0.7rem;
  font-weight: 500;
}
.teacher_design5_live_container .teacher_design5_live_box .Image_row_1 .contacts_btns a:hover {
  background-color: #ffffff;
  color: #1a90ff;
  scale: 1.05;
  box-shadow: 0px 4px 5px rgba(255, 255, 255, 0.4);
  transition: all 0.4s linear;
}
.teacher_design5_live_container .teacher_design5_live_box .Image_row_1 .contacts_btns a:hover i {
  color: #4d90fe;
}
.teacher_design5_live_container .teacher_design5_live_box .Image_row_1 .overlay {
  position: absolute;
  bottom: 0px;
  left: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(rgba(16, 18, 22, 0) 0%, #befffc 100%);
}
.teacher_design5_live_container .teacher_design5_live_box .basic_row_2 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  position: relative;
  padding: 0px 0.5rem;
  z-index: 1;
}
.teacher_design5_live_container .teacher_design5_live_box .basic_row_2 .row2_lottie {
  position: absolute;
  width: 100%;
  max-height: 100%;
  height: 100%;
  left: 0%;
  top: 0%;
  scale: 1;
  opacity: 1;
  z-index: -1;
}
.teacher_design5_live_container .teacher_design5_live_box .basic_row_2 .user_details {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.teacher_design5_live_container .teacher_design5_live_box .basic_row_2 .user_details .user_data {
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  gap: 15px;
  width: 100%;
  height: 100%;
}
.teacher_design5_live_container .teacher_design5_live_box .basic_row_2 .user_details .user_data .user_information {
  display: flex;
  flex: 1;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 0.5rem;
  text-align: center;
}
.teacher_design5_live_container .teacher_design5_live_box .basic_row_2 .user_details .user_data .user_information h2 {
  font-size: 1.3rem;
  font-weight: 550;
  letter-spacing: 1px;
  color: rgb(63, 63, 63);
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.teacher_design5_live_container .teacher_design5_live_box .basic_row_2 .user_details .user_data .user_information h2 strong {
  font-size: 1.1rem;
  font-weight: 550;
  color: rgba(78, 160, 255, 0.863);
}
.teacher_design5_live_container .teacher_design5_live_box .basic_row_2 .user_details .user_data .user_information p {
  font-size: 0.9rem;
  font-weight: 500;
  color: #424242;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0rem;
  text-align: start;
  line-height: 1.7rem;
}
.teacher_design5_live_container .teacher_design5_live_box .basic_row_2 .user_details .user_data .user_information p img {
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media screen and (max-width: 600px) {
  .teacher_design5_live_container .teacher_design5_live_box .basic_row_2 .user_details .user_data .user_information p img {
    width: 25px;
    height: 25px;
  }
}
.teacher_design5_live_container .teacher_design5_live_box .basic_row_2 .user_details .user_data .user_information .article_title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
  flex-wrap: wrap;
}
.teacher_design5_live_container .teacher_design5_live_box .basic_row_2 .user_details .user_data .user_information .article_title h5 {
  font-size: 0.7rem;
  letter-spacing: 1px;
  font-weight: 550;
  color: royalblue;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0rem;
  background-color: #ffffff;
  padding: 0.3rem 1.5rem;
  border-radius: 0.2rem;
}
@media screen and (max-width: 600px) {
  .teacher_design5_live_container .teacher_design5_live_box .basic_row_2 .user_details .user_data {
    align-items: flex-start;
  }
}
.teacher_design5_live_container .teacher_design5_live_box .filter_row_3 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0.5rem;
}
.teacher_design5_live_container .teacher_design5_live_box .filter_row_3 form {
  width: 50%;
  outline: none;
  border: none;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.teacher_design5_live_container .teacher_design5_live_box .filter_row_3 form select {
  font-size: 0.8rem;
  padding: 0.4rem 0.5rem;
  outline: none;
  border: none;
  position: relative;
  background: #e3f0ff;
  font-weight: 550;
  color: #464646;
  width: 100px;
  border-radius: 0.3rem;
}
.teacher_design5_live_container .teacher_design5_live_box .filter_row_3 form select option {
  font-size: 0.7rem;
  padding: 0.3rem 0px;
  background: #ffffff;
  font-weight: 550;
}
.teacher_design5_live_container .teacher_design5_live_box .filter_row_3 form select:focus {
  outline: none;
  border-color: #666;
}
.teacher_design5_live_container .teacher_design5_live_box .publishing_container {
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.5rem;
  display: grid;
  grid-template-columns: 1fr;
  padding: 0.5rem;
}
.teacher_design5_live_container .teacher_design5_live_box .publishing_container .paper {
  width: 100%;
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.2rem;
  color: #535353 !important;
  border-radius: 10px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
  background-color: rgb(255, 255, 255);
}
.teacher_design5_live_container .teacher_design5_live_box .publishing_container .paper .paper_title a {
  color: #505050;
  font-size: 0.9rem;
  cursor: pointer;
  font-weight: 550;
}
.teacher_design5_live_container .teacher_design5_live_box .publishing_container .paper .paper_title a:hover {
  text-decoration: underline;
}
.teacher_design5_live_container .teacher_design5_live_box .publishing_container .paper .author {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
.teacher_design5_live_container .teacher_design5_live_box .publishing_container .paper .author .name {
  flex: 0.7;
}
.teacher_design5_live_container .teacher_design5_live_box .publishing_container .paper .author .name p {
  font-size: 0.9rem;
  color: rgb(93, 102, 67);
  font-weight: 500;
}
.teacher_design5_live_container .teacher_design5_live_box .publishing_container .paper .author .date {
  flex: 0.3;
  color: rgb(116, 116, 116);
}
.teacher_design5_live_container .teacher_design5_live_box .publishing_container .paper .author .date small {
  font-size: 0.9rem;
}
.teacher_design5_live_container .teacher_design5_live_box .publishing_container .paper .date {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.teacher_design5_live_container .teacher_design5_live_box .publishing_container .paper .date small {
  font-weight: 550;
  font-size: 0.6rem;
}
.teacher_design5_live_container .teacher_design5_live_box .publishing_container .paper .journal p {
  font-size: 0.8rem;
}
.teacher_design5_live_container .teacher_design5_live_box .publishing_container .paper .details {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.teacher_design5_live_container .teacher_design5_live_box .publishing_container .paper .details .issue p {
  font-size: 0.7rem;
}
.teacher_design5_live_container .teacher_design5_live_box .publishing_container .paper .publisher p {
  font-size: 0.8rem;
}
.teacher_design5_live_container .teacher_design5_live_box .publishing_container .paper .pages {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.teacher_design5_live_container .teacher_design5_live_box .publishing_container .paper .pages small {
  font-size: 0.8rem;
  color: royalblue;
}
.teacher_design5_live_container .teacher_design5_live_box .Gallery_container {
  width: 100%;
  padding: 0.5rem;
}
.teacher_design5_live_container .teacher_design5_live_box .Gallery_container .gallery_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.teacher_design5_live_container .teacher_design5_live_box .Gallery_container .gallery_title .left {
  flex: 0.5;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.teacher_design5_live_container .teacher_design5_live_box .Gallery_container .gallery_title .left h2 {
  font-size: 1.5rem;
}
.teacher_design5_live_container .teacher_design5_live_box .Gallery_container .gallery_title .left .icon {
  font-size: 1.3rem;
  color: green;
}
.teacher_design5_live_container .teacher_design5_live_box .Gallery_container .gallery_title .right {
  flex: 0.5;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0.5rem;
}
.teacher_design5_live_container .teacher_design5_live_box .Gallery_container .gallery_title .right form {
  outline: none;
  border: none;
  position: relative;
}
.teacher_design5_live_container .teacher_design5_live_box .Gallery_container .gallery_title .right form select {
  font-size: 0.8rem;
  padding: 0.2rem 0.6rem;
  border: none;
  font-weight: 550;
  position: relative;
  border: 1px solid rgb(255, 255, 255);
  border-radius: 0.3rem;
  outline: none;
}
.teacher_design5_live_container .teacher_design5_live_box .Gallery_container .gallery_title .right form select option {
  font-size: 0.7rem;
  padding: 0.3rem;
  font-weight: 550;
}
.teacher_design5_live_container .teacher_design5_live_box .Gallery_container .gallery_title .right form select:focus {
  outline: none;
  border-color: #c7f8ff;
}
.teacher_design5_live_container .teacher_design5_live_box .Gallery_container .gallery_container {
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 0.5rem;
  padding: 0.5rem;
  border-radius: 0rem;
  position: relative;
}
.teacher_design5_live_container .teacher_design5_live_box .Gallery_container .gallery_container .full_image {
  position: absolute;
  top: 0%;
  left: 0%;
  display: none;
  z-index: 500;
  margin: auto;
  width: 100%;
  height: 100%;
  background: linear-gradient(#a661d4, #a661d4);
}
.teacher_design5_live_container .teacher_design5_live_box .Gallery_container .gallery_container .full_image .close_Full_Image_gallery {
  position: absolute;
  right: 3%;
  top: 5%;
}
.teacher_design5_live_container .teacher_design5_live_box .Gallery_container .gallery_container .full_image .close_Full_Image_gallery span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  color: red;
  cursor: pointer;
  place-items: center;
  transition: all 0.3s ease-in-out;
}
.teacher_design5_live_container .teacher_design5_live_box .Gallery_container .gallery_container .full_image .close_Full_Image_gallery span:hover {
  filter: drop-shadow(0px 4px 5px rgba(255, 156, 117, 0.6));
  scale: 1.2;
  transition: all 0.3s ease-in-out;
}
.teacher_design5_live_container .teacher_design5_live_box .Gallery_container .gallery_container .full_image img {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60%;
  height: 150px;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.5));
  border-radius: 2px;
  z-index: 1000;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 600px) {
  .teacher_design5_live_container .teacher_design5_live_box .Gallery_container .gallery_container .full_image img {
    width: 70%;
    height: 150px;
  }
}
.teacher_design5_live_container .teacher_design5_live_box .Gallery_container .gallery_container .gallery_box {
  width: 100%;
  height: 100%;
  margin: 0rem auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, auto));
  gap: 10px;
  position: relative;
  z-index: 1;
  grid-auto-rows: auto;
}
.teacher_design5_live_container .teacher_design5_live_box .Gallery_container .gallery_container .gallery_box .large,
.teacher_design5_live_container .teacher_design5_live_box .Gallery_container .gallery_container .gallery_box .medium,
.teacher_design5_live_container .teacher_design5_live_box .Gallery_container .gallery_container .gallery_box .small {
  width: 100%;
  height: 100%;
  display: flex;
  grid-column: auto/span 1;
}
.teacher_design5_live_container .teacher_design5_live_box .Gallery_container .gallery_container .gallery_box .large {
  grid-row: span 4;
}
.teacher_design5_live_container .teacher_design5_live_box .Gallery_container .gallery_container .gallery_box .medium {
  grid-row: span 3;
}
.teacher_design5_live_container .teacher_design5_live_box .Gallery_container .gallery_container .gallery_box .small {
  grid-row: span 2;
}
.teacher_design5_live_container .teacher_design5_live_box .Gallery_container .gallery_container .gallery_box .gallery_item {
  position: relative;
  width: 100%;
  height: 100%;
}
.teacher_design5_live_container .teacher_design5_live_box .Gallery_container .gallery_container .gallery_box .gallery_item .actions {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
}
.teacher_design5_live_container .teacher_design5_live_box .Gallery_container .gallery_container .gallery_box .gallery_item .actions .icon {
  font-size: 1.4rem;
  color: #ffffff;
  display: none;
  transition: all 0.4s ease-in-out;
}
.teacher_design5_live_container .teacher_design5_live_box .Gallery_container .gallery_container .gallery_box .gallery_item img {
  width: 100%;
  height: 100%;
  transition: filter 0.5s ease-in-out;
  position: relative;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  border-radius: 0.1rem;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
  transition: filter 0.1s ease-in-out;
}
.teacher_design5_live_container .teacher_design5_live_box .Gallery_container .gallery_container .gallery_box .gallery_item img:hover {
  filter: brightness(0.6) grayscale(1);
  transition: filter 0.1s ease-in-out;
}
.teacher_design5_live_container .teacher_design5_live_box .Gallery_container .gallery_container .gallery_box .gallery_item img:hover + .actions .icon {
  display: block;
  transition: all 0.4s ease-in-out;
  z-index: -1;
  cursor: pointer;
}
.teacher_design5_live_container .teacher_design5_live_box .Gallery_container .gallery_container .gallery_box .gallery_item img:hover + .actions .icon:hover + img {
  filter: brightness(0.6) grayscale(1);
  scale: 1.05;
  transition: filter 0.1s ease-in-out;
}
@media screen and (max-width: 776px) {
  .teacher_design5_live_container .teacher_design5_live_box .Gallery_container .gallery_container .gallery_box .gallery_item img {
    height: 100%;
  }
  .teacher_design5_live_container .teacher_design5_live_box .Gallery_container .gallery_container .gallery_box .gallery_item {
    height: 100%;
  }
  .teacher_design5_live_container .teacher_design5_live_box .Gallery_container .gallery_container .gallery_box {
    grid-template-columns: 1fr 1fr;
  }
}
.teacher_design5_live_container .teacher_design5_live_box .Gallery_container .documents {
  width: 100%;
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.teacher_design5_live_container .teacher_design5_live_box .Gallery_container .documents p {
  font-weight: 450;
  font-size: 0.9rem;
  color: rgb(255, 93, 93);
}
.teacher_design5_live_container .teacher_design5_live_box .Footer {
  position: relative;
  padding-top: 3rem;
  width: 100%;
}
.teacher_design5_live_container .teacher_design5_live_box .Footer .footer_container {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 600;
  padding: 10px 0px;
}
.teacher_design5_live_container .teacher_design5_live_box .Footer .footer_container p {
  font-size: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-weight: 600;
  letter-spacing: 1px;
}
@media (max-width: 600px) {
  .teacher_design5_live_container .teacher_design5_live_box .Footer .footer_container p {
    font-size: 0.7rem;
  }
}
.teacher_design5_live_container .teacher_design5_live_box .Footer .footer_container svg {
  position: absolute;
  z-index: -1;
  bottom: 0%;
  left: 0%;
  width: 100%;
}
.teacher_design5_live_container .teacher_design5_live_box::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 600px) {
  .teacher_design5_live_container .teacher_design5_live_box {
    width: 100vw !important;
    min-width: 100vw;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin-top: 0rem !important;
  }
}
.teacher_design5_live_container .article_box {
  min-width: 450px;
  max-width: 450px;
  margin-top: 0px !important;
  min-height: 100vh;
  max-height: 100vh;
  overflow-x: hidden;
  overflow-y: scroll;
  background: linear-gradient(160deg, #befffc 50%, #befffc 50%);
  filter: drop-shadow(0px 4px 5px rgba(56, 56, 56, 0.6509803922));
}
.teacher_design5_live_container .article_box .view_article_header {
  width: 100%;
  min-height: 5vh;
  background-color: #fff;
  border-bottom: 1px solid rgb(231, 231, 231);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem;
}
.teacher_design5_live_container .article_box .view_article_header .left {
  flex: 0.5;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.teacher_design5_live_container .article_box .view_article_header .left i {
  font-size: 1.5rem;
  cursor: pointer;
}
.teacher_design5_live_container .article_box .view_article_header .right {
  flex: 0.5;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.teacher_design5_live_container .article_box .view_article_header .right img {
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  border-radius: 50%;
  border: 1px solid rgb(204, 204, 204);
}
.teacher_design5_live_container .article_box .author_details {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  padding: 0.5rem;
}
.teacher_design5_live_container .article_box .author_details .profile img {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  border: 1px solid rgb(204, 204, 204);
}
.teacher_design5_live_container .article_box .author_details .name p {
  font-size: 0.9rem;
  font-weight: 450;
}
.teacher_design5_live_container .article_box .article {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
}
.teacher_design5_live_container .article_box .article .article_header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.teacher_design5_live_container .article_box .article .article_header h2 {
  font-size: 0.9rem;
  font-weight: 450;
  color: #002185;
}
.teacher_design5_live_container .article_box .article table {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
}
.teacher_design5_live_container .article_box .article table thead {
  flex: 0.4;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.teacher_design5_live_container .article_box .article table thead tr {
  padding: 0.5rem;
  max-height: 100px;
  min-height: 50px;
}
.teacher_design5_live_container .article_box .article table thead tr th {
  font-size: 0.9rem;
  font-weight: 450;
}
.teacher_design5_live_container .article_box .article table tbody {
  flex: 0.6;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.teacher_design5_live_container .article_box .article table tbody tr {
  padding: 0.5rem;
  max-height: 100px;
  min-height: 50px;
}
.teacher_design5_live_container .article_box .article table tbody tr td {
  font-size: 0.9rem;
  font-weight: 450;
}
.teacher_design5_live_container .article_box::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 600px) {
  .teacher_design5_live_container .article_box {
    width: 100vw !important;
    min-width: 100vw;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin-top: 0rem;
  }
}
.teacher_design5_live_container::-webkit-scrollbar {
  width: 6px !important;
  height: 4px !important;
  background-color: #4375ff, #0084ff;
}
@media screen and (max-width: 650px) {
  .teacher_design5_live_container::-webkit-scrollbar {
    display: none !important;
  }
}
.teacher_design5_live_container::-webkit-scrollbar-thumb {
  width: 6px !important;
  height: 4px !important;
  border-radius: 10px;
  z-index: 10;
  cursor: pointer;
  background-color: #fff !important;
}
.teacher_design5_live_container::-webkit-scrollbar-thumb:hover {
  background-color: rgb(36, 231, 222);
}
.no_data_found_error {
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}
.no_data_found_error h2 {
  font-size: 0.9rem;
  color: red;
  letter-spacing: 1px;
}
.date-input {
  appearance: none; /* Remove default styling */
  -webkit-appearance: none; /* Remove default styling in Safari */
  -moz-appearance: none; /* Remove default styling in Firefox */
  padding: 10px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.date-input::-moz-placeholder {
  color: #888; /* Placeholder color */
}
.date-input::placeholder {
  color: #888; /* Placeholder color */
}
/* Custom icon for the date picker */
.date-input::-webkit-calendar-picker-indicator {
  cursor: pointer;
  color: transparent;
  opacity: 1;
  position: absolute;
  right: 10px;
  top: 70%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url("https://img.icons8.com/emoji/48/calendar-emoji.png") no-repeat center center;
  background-size: contain;
}

.teacher_design6_live_container {
  width: 100vw;
  max-height: 100vh;
  height: 100vh;
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin: auto;
  color: #303030;
  overflow-y: hidden;
  overflow-x: hidden;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.teacher_design6_live_container .full_image {
  display: none;
  z-index: 500;
  margin: auto;
  width: 100%;
  height: 100%;
  background: linear-gradient(#fff, #fff);
  position: absolute;
  top: 0%;
  left: 0%;
}
.teacher_design6_live_container .full_image .close_Full_Image_gallery {
  position: absolute;
  width: 100%;
  left: 90%;
  top: 15%;
}
.teacher_design6_live_container .full_image .close_Full_Image_gallery .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  color: red;
  cursor: pointer;
  place-items: center;
  transition: all 0.3s ease-in-out;
}
.teacher_design6_live_container .full_image .close_Full_Image_gallery .icon:hover {
  filter: drop-shadow(0px 4px 5px rgba(255, 156, 117, 0.6));
  scale: 1.2;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 600px) {
  .teacher_design6_live_container .full_image .close_Full_Image_gallery {
    position: absolute;
    width: 100%;
    left: 90%;
    top: 5%;
  }
}
.teacher_design6_live_container .full_image img {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 700px;
  height: 450px;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.5));
  border-radius: 5px;
  z-index: 1000;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 600px) {
  .teacher_design6_live_container .full_image img {
    width: 90%;
    height: 200px;
  }
}
.teacher_design6_live_container .lottie {
  position: absolute;
  width: 100vw;
  height: 100vh;
  left: 0%;
  top: 0%;
  scale: 1.5;
  filter: brightness(100%) grayscale(0);
  opacity: 0.3;
}
.teacher_design6_live_container .teacher_design6_live_box {
  min-width: 450px;
  max-width: 450px;
  min-height: 100vh;
  max-height: 100vh;
  overflow-x: hidden;
  overflow-y: scroll;
  background: linear-gradient(100deg, #4fc4bb, #2b71a5);
  filter: drop-shadow(0px 4px 5px rgba(88, 88, 88, 0.431372549));
  position: relative;
}
.teacher_design6_live_container .teacher_design6_live_box .top_svg {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 250px;
  overflow: hidden;
  z-index: 1;
}
.teacher_design6_live_container .teacher_design6_live_box .top_svg svg {
  height: 120px;
}
.teacher_design6_live_container .teacher_design6_live_box .second_svg {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 70%;
  overflow: hidden;
  display: none;
}
.teacher_design6_live_container .teacher_design6_live_box .second_svg svg {
  height: 2080px;
  fill: rgba(106, 183, 255, 0.8);
}
.teacher_design6_live_container .teacher_design6_live_box .third_color {
  position: absolute;
  top: 70%;
  width: 100%;
  min-height: 300px;
  max-height: 400px;
  background-color: #042258;
  z-index: -1;
}
.teacher_design6_live_container .teacher_design6_live_box .Image_row_1 {
  min-width: 100%;
  max-width: 100%;
  max-height: 300px;
  min-height: 200px;
  height: auto;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem;
}
.teacher_design6_live_container .teacher_design6_live_box .Image_row_1 .views {
  position: absolute;
  right: 0%;
  top: 32%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  color: #fff;
  padding: 5px 2rem;
  border-top-left-radius: 3rem;
  border-bottom-left-radius: 3rem;
  border-bottom-right-radius: 5rem;
  z-index: 4;
}
.teacher_design6_live_container .teacher_design6_live_box .Image_row_1 .views h6 {
  letter-spacing: 1px;
  font-size: 0.9rem;
}
.teacher_design6_live_container .teacher_design6_live_box .Image_row_1 .views p {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 1px;
}
.teacher_design6_live_container .teacher_design6_live_box .Image_row_1 .views p sup {
  font-size: 0.9rem;
  font-weight: 550;
}
.teacher_design6_live_container .teacher_design6_live_box .Image_row_1 .views p i {
  font-size: 1.4rem;
}
.teacher_design6_live_container .teacher_design6_live_box .Image_row_1 .user_logo {
  position: relative;
  width: -moz-max-content;
  width: max-content;
  height: -moz-max-content;
  height: max-content;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0.3rem;
  background-color: #fff;
  z-index: 2;
  border-radius: 1rem;
  margin: 0rem 1rem;
}
.teacher_design6_live_container .teacher_design6_live_box .Image_row_1 .user_logo img {
  z-index: 2;
  width: 100px;
  height: 100px;
  display: block;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  image-rendering: crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  border: 2px solid rgba(189, 189, 189, 0.7450980392);
  filter: drop-shadow(0px 4px 5px rgba(255, 255, 255, 0.9098039216)) brightness(110%);
  animation: none !important;
}
@keyframes profileBorder {
  0% {
    border: 3px solid #ffffff;
    transform: translateY(0px);
  }
  25% {
    border: 3px solid #ffffff;
    transform: translateY(-5px);
  }
  50% {
    border: 3px solid #ffffff;
    transform: translateY(-10px);
  }
  75% {
    border: 3px solid rgb(255, 255, 255);
    transform: translateY(-5px);
  }
  100% {
    border: 3px solid #ffffff;
    transform: translateY(0px);
  }
}
.teacher_design6_live_container .teacher_design6_live_box .Image_row_1 .user_logo .svg_image {
  position: absolute;
  z-index: 1;
}
.teacher_design6_live_container .teacher_design6_live_box .Image_row_1 .user_logo .svg_image img {
  width: 200px;
  height: 200px;
  border: none;
  filter: drop-shadow(0px 4px 5px rgba(255, 255, 255, 0.631372549));
  animation: profileSVGAnime 5s infinite linear;
}
@keyframes profileSVGAnime {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(90deg);
  }
  50% {
    transform: rotate(180deg);
  }
  75% {
    transform: rotate(270deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.teacher_design6_live_container .teacher_design6_live_box .Image_row_1 .heart {
  position: absolute;
  left: 21%;
  top: 60%;
  z-index: 10;
  display: none;
}
.teacher_design6_live_container .teacher_design6_live_box .Image_row_1 .heart .plus {
  position: absolute;
  top: -35%;
  right: -25%;
  z-index: -1;
}
.teacher_design6_live_container .teacher_design6_live_box .Image_row_1 .heart .plus i {
  font-size: 1rem;
  font-weight: 700;
}
.teacher_design6_live_container .teacher_design6_live_box .Image_row_1 .heart .plus .minus {
  color: red;
}
.teacher_design6_live_container .teacher_design6_live_box .Image_row_1 .heart .plus .plus {
  color: gray;
}
@media screen and (max-width: 776px) {
  .teacher_design6_live_container .teacher_design6_live_box .Image_row_1 .heart {
    position: absolute;
    left: 25%;
    top: 65%;
    z-index: 10;
  }
}
.teacher_design6_live_container .teacher_design6_live_box .Image_row_1 .contacts_btns {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  gap: 1rem;
  position: absolute;
  bottom: 10%;
  right: 2%;
  padding-right: 1rem;
  background-color: #fff;
  padding: 0.5rem 1rem;
  z-index: 1;
  border-radius: 10px;
}
.teacher_design6_live_container .teacher_design6_live_box .Image_row_1 .contacts_btns a {
  text-decoration: none;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 30px;
  height: 30px;
  background-color: #3f6298;
  color: #fff;
  border-radius: 0.3rem;
  transition: all 0.4s linear;
}
.teacher_design6_live_container .teacher_design6_live_box .Image_row_1 .contacts_btns a i {
  font-size: 1rem;
  color: #fff;
}
.teacher_design6_live_container .teacher_design6_live_box .Image_row_1 .contacts_btns a .plus {
  position: absolute;
  right: 5%;
  top: -24%;
}
.teacher_design6_live_container .teacher_design6_live_box .Image_row_1 .contacts_btns a .plus i {
  font-size: 0.6rem;
  font-weight: 600;
  color: #fff;
}
.teacher_design6_live_container .teacher_design6_live_box .Image_row_1 .contacts_btns a small {
  font-size: 0.7rem;
  font-weight: 500;
}
.teacher_design6_live_container .teacher_design6_live_box .Image_row_1 .contacts_btns a:hover {
  background-color: #ffffff;
  color: #3f6298;
  scale: 1.05;
  box-shadow: 0px 4px 5px rgba(255, 255, 255, 0.4);
  transition: all 0.4s linear;
}
.teacher_design6_live_container .teacher_design6_live_box .Image_row_1 .contacts_btns a:hover i {
  color: #3f6298;
}
.teacher_design6_live_container .teacher_design6_live_box .content_container {
  min-width: 95%;
  max-width: 95%;
  min-height: -moz-max-content;
  min-height: max-content;
  max-height: auto;
  margin: auto;
  background: linear-gradient(160deg, #fff, #fff);
  position: relative;
}
.teacher_design6_live_container .teacher_design6_live_box .basic_row_2 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  position: relative;
  padding: 0.5rem;
}
.teacher_design6_live_container .teacher_design6_live_box .basic_row_2 .user_details {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.teacher_design6_live_container .teacher_design6_live_box .basic_row_2 .user_details .user_data {
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex: 1;
  gap: 15px;
  width: 100%;
  height: 100%;
}
.teacher_design6_live_container .teacher_design6_live_box .basic_row_2 .user_details .user_data .user_information {
  display: flex;
  flex: 1;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 0.5rem;
}
.teacher_design6_live_container .teacher_design6_live_box .basic_row_2 .user_details .user_data .user_information h2 {
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 1px;
  color: #313131;
}
.teacher_design6_live_container .teacher_design6_live_box .basic_row_2 .user_details .user_data .user_information h2 strong {
  font-size: 1rem;
  font-weight: 550;
  color: gray;
}
.teacher_design6_live_container .teacher_design6_live_box .basic_row_2 .user_details .user_data .user_information p {
  font-size: 0.9rem;
  font-weight: 450;
  color: #313131;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0rem;
}
.teacher_design6_live_container .teacher_design6_live_box .basic_row_2 .user_details .user_data .user_information p img {
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media screen and (max-width: 600px) {
  .teacher_design6_live_container .teacher_design6_live_box .basic_row_2 .user_details .user_data .user_information p img {
    width: 25px;
    height: 25px;
  }
}
.teacher_design6_live_container .teacher_design6_live_box .basic_row_2 .user_details .user_data .user_information .article_title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
  flex-wrap: wrap;
}
.teacher_design6_live_container .teacher_design6_live_box .basic_row_2 .user_details .user_data .user_information .article_title h5 {
  font-size: 0.9rem;
  font-weight: 500;
  color: #042258;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0rem;
}
@media screen and (max-width: 600px) {
  .teacher_design6_live_container .teacher_design6_live_box .basic_row_2 .user_details .user_data {
    align-items: flex-start;
  }
}
.teacher_design6_live_container .teacher_design6_live_box .filter_row_3 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0.5rem;
}
.teacher_design6_live_container .teacher_design6_live_box .filter_row_3 form {
  width: 50%;
  outline: none;
  border: none;
  position: relative;
}
.teacher_design6_live_container .teacher_design6_live_box .filter_row_3 form select {
  font-size: 0.8rem;
  padding: 0.4rem;
  outline: none;
  border: none;
  background-color: #042258;
  color: #fff;
  font-weight: 500;
  position: relative;
  width: 100px;
  border-radius: 5px;
}
.teacher_design6_live_container .teacher_design6_live_box .filter_row_3 form select option {
  font-size: 0.7rem;
  padding: 0.3rem;
  background-color: #fff;
  color: #505050;
}
.teacher_design6_live_container .teacher_design6_live_box .filter_row_3 form select:focus {
  outline: none;
  border-color: #666;
}
.teacher_design6_live_container .teacher_design6_live_box .publishing_container {
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.5rem;
  display: grid;
  grid-template-columns: 1fr;
  padding: 0.5rem;
}
.teacher_design6_live_container .teacher_design6_live_box .publishing_container .paper {
  width: 100%;
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.2rem;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
.teacher_design6_live_container .teacher_design6_live_box .publishing_container .paper .paper_title a {
  color: #042258;
  font-size: 0.9rem;
  cursor: pointer;
}
.teacher_design6_live_container .teacher_design6_live_box .publishing_container .paper .paper_title a:hover {
  text-decoration: underline;
}
.teacher_design6_live_container .teacher_design6_live_box .publishing_container .paper .author {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
.teacher_design6_live_container .teacher_design6_live_box .publishing_container .paper .author .name {
  flex: 0.7;
}
.teacher_design6_live_container .teacher_design6_live_box .publishing_container .paper .author .name p {
  font-size: 0.8rem;
  color: rgb(97, 97, 97);
  font-weight: 550;
}
.teacher_design6_live_container .teacher_design6_live_box .publishing_container .paper .author .date {
  flex: 0.3;
  color: rgb(50, 94, 134);
}
.teacher_design6_live_container .teacher_design6_live_box .publishing_container .paper .author .date small {
  font-size: 0.9rem;
}
.teacher_design6_live_container .teacher_design6_live_box .publishing_container .paper .date {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.teacher_design6_live_container .teacher_design6_live_box .publishing_container .paper .date small {
  font-weight: 550;
  font-size: 0.6rem;
}
.teacher_design6_live_container .teacher_design6_live_box .publishing_container .paper .journal p {
  font-size: 0.8rem;
}
.teacher_design6_live_container .teacher_design6_live_box .publishing_container .paper .details {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.teacher_design6_live_container .teacher_design6_live_box .publishing_container .paper .details .issue p {
  font-size: 0.7rem;
}
.teacher_design6_live_container .teacher_design6_live_box .publishing_container .paper .publisher p {
  font-size: 0.8rem;
}
.teacher_design6_live_container .teacher_design6_live_box .publishing_container .paper .pages {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.teacher_design6_live_container .teacher_design6_live_box .publishing_container .paper .pages small {
  font-size: 0.8rem;
  color: rgb(69, 116, 160);
}
.teacher_design6_live_container .teacher_design6_live_box .Gallery_container {
  width: 100%;
  padding: 0.5rem;
}
.teacher_design6_live_container .teacher_design6_live_box .Gallery_container .gallery_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.teacher_design6_live_container .teacher_design6_live_box .Gallery_container .gallery_title .left {
  flex: 0.5;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.teacher_design6_live_container .teacher_design6_live_box .Gallery_container .gallery_title .left h2 {
  font-size: 1.5rem;
}
.teacher_design6_live_container .teacher_design6_live_box .Gallery_container .gallery_title .left .icon {
  font-size: 1.3rem;
  color: green;
}
.teacher_design6_live_container .teacher_design6_live_box .Gallery_container .gallery_title .right {
  flex: 0.5;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0.5rem;
}
.teacher_design6_live_container .teacher_design6_live_box .Gallery_container .gallery_title .right form {
  outline: none;
  border: none;
  position: relative;
}
.teacher_design6_live_container .teacher_design6_live_box .Gallery_container .gallery_title .right form select {
  font-size: 0.8rem;
  padding: 0.2rem 0.6rem;
  outline: none;
  border: none;
  position: relative;
  border: 1px solid gray;
  border-radius: 2rem;
}
.teacher_design6_live_container .teacher_design6_live_box .Gallery_container .gallery_title .right form select option {
  font-size: 0.7rem;
  padding: 0.3rem;
}
.teacher_design6_live_container .teacher_design6_live_box .Gallery_container .gallery_title .right form select:focus {
  outline: none;
  border-color: #666;
}
.teacher_design6_live_container .teacher_design6_live_box .Gallery_container .gallery_container {
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 0.5rem;
  padding: 0.5rem;
  border-radius: 0rem;
  position: relative;
}
.teacher_design6_live_container .teacher_design6_live_box .Gallery_container .gallery_container .full_image {
  position: absolute;
  top: 0%;
  left: 0%;
  display: none;
  z-index: 500;
  margin: auto;
  width: 100%;
  height: 100%;
  background: linear-gradient(#a661d4, #a661d4);
}
.teacher_design6_live_container .teacher_design6_live_box .Gallery_container .gallery_container .full_image .close_Full_Image_gallery {
  position: absolute;
  right: 3%;
  top: 5%;
}
.teacher_design6_live_container .teacher_design6_live_box .Gallery_container .gallery_container .full_image .close_Full_Image_gallery span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  color: red;
  cursor: pointer;
  place-items: center;
  transition: all 0.3s ease-in-out;
}
.teacher_design6_live_container .teacher_design6_live_box .Gallery_container .gallery_container .full_image .close_Full_Image_gallery span:hover {
  filter: drop-shadow(0px 4px 5px rgba(255, 156, 117, 0.6));
  scale: 1.2;
  transition: all 0.3s ease-in-out;
}
.teacher_design6_live_container .teacher_design6_live_box .Gallery_container .gallery_container .full_image img {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60%;
  height: 150px;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.5));
  z-index: 1000;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 600px) {
  .teacher_design6_live_container .teacher_design6_live_box .Gallery_container .gallery_container .full_image img {
    width: 70%;
    height: 150px;
  }
}
.teacher_design6_live_container .teacher_design6_live_box .Gallery_container .gallery_container .gallery_box {
  width: 100%;
  height: 100%;
  margin: 0rem auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, auto));
  gap: 10px;
  position: relative;
  z-index: 1;
  grid-auto-rows: auto;
}
.teacher_design6_live_container .teacher_design6_live_box .Gallery_container .gallery_container .gallery_box .large,
.teacher_design6_live_container .teacher_design6_live_box .Gallery_container .gallery_container .gallery_box .medium,
.teacher_design6_live_container .teacher_design6_live_box .Gallery_container .gallery_container .gallery_box .small {
  width: 100%;
  height: 100%;
  display: flex;
  grid-column: auto/span 1;
}
.teacher_design6_live_container .teacher_design6_live_box .Gallery_container .gallery_container .gallery_box .large {
  grid-row: span 5;
}
.teacher_design6_live_container .teacher_design6_live_box .Gallery_container .gallery_container .gallery_box .medium {
  grid-row: span 3;
}
.teacher_design6_live_container .teacher_design6_live_box .Gallery_container .gallery_container .gallery_box .small {
  grid-row: span 2;
}
.teacher_design6_live_container .teacher_design6_live_box .Gallery_container .gallery_container .gallery_box .gallery_item {
  position: relative;
  width: 100%;
  height: 100%;
}
.teacher_design6_live_container .teacher_design6_live_box .Gallery_container .gallery_container .gallery_box .gallery_item .actions {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
}
.teacher_design6_live_container .teacher_design6_live_box .Gallery_container .gallery_container .gallery_box .gallery_item .actions .icon {
  font-size: 1.4rem;
  color: #ffffff;
  display: none;
  transition: all 0.4s ease-in-out;
}
.teacher_design6_live_container .teacher_design6_live_box .Gallery_container .gallery_container .gallery_box .gallery_item img {
  width: 100%;
  height: 100%;
  transition: filter 0.5s ease-in-out;
  position: relative;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
  transition: filter 0.1s ease-in-out;
}
.teacher_design6_live_container .teacher_design6_live_box .Gallery_container .gallery_container .gallery_box .gallery_item img:hover {
  filter: brightness(0.6) grayscale(1);
  transition: filter 0.1s ease-in-out;
}
.teacher_design6_live_container .teacher_design6_live_box .Gallery_container .gallery_container .gallery_box .gallery_item img:hover + .actions .icon {
  display: block;
  transition: all 0.4s ease-in-out;
  z-index: -1;
  cursor: pointer;
}
.teacher_design6_live_container .teacher_design6_live_box .Gallery_container .gallery_container .gallery_box .gallery_item img:hover + .actions .icon:hover + img {
  filter: brightness(0.6) grayscale(1);
  scale: 1.05;
  transition: filter 0.1s ease-in-out;
}
@media screen and (max-width: 776px) {
  .teacher_design6_live_container .teacher_design6_live_box .Gallery_container .gallery_container .gallery_box .gallery_item img {
    height: 100%;
  }
  .teacher_design6_live_container .teacher_design6_live_box .Gallery_container .gallery_container .gallery_box .gallery_item {
    height: 100%;
  }
  .teacher_design6_live_container .teacher_design6_live_box .Gallery_container .gallery_container .gallery_box {
    grid-template-columns: 1fr 1fr;
  }
}
.teacher_design6_live_container .teacher_design6_live_box .Gallery_container .documents {
  width: 100%;
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.teacher_design6_live_container .teacher_design6_live_box .Gallery_container .documents p {
  font-weight: 450;
  font-size: 0.9rem;
  color: rgb(255, 93, 93);
}
.teacher_design6_live_container .teacher_design6_live_box .Footer {
  position: relative;
  bottom: 0%;
  left: 0%;
  padding-top: 3rem;
  width: 100%;
}
.teacher_design6_live_container .teacher_design6_live_box .Footer .footer_container {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 600;
  padding: 10px 0px;
}
.teacher_design6_live_container .teacher_design6_live_box .Footer .footer_container p {
  font-size: 0.8rem;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  color: #fff;
  font-weight: 600;
  letter-spacing: 1px;
}
@media (max-width: 600px) {
  .teacher_design6_live_container .teacher_design6_live_box .Footer .footer_container p {
    font-size: 0.7rem;
  }
}
.teacher_design6_live_container .teacher_design6_live_box .Footer .footer_container svg {
  position: absolute;
  z-index: -1;
  bottom: 0%;
  left: 0%;
  width: 100%;
}
.teacher_design6_live_container .teacher_design6_live_box::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 600px) {
  .teacher_design6_live_container .teacher_design6_live_box {
    width: 100vw !important;
    min-width: 100vw;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin-top: 0rem !important;
  }
}
.teacher_design6_live_container .article_box {
  min-width: 450px;
  max-width: 450px;
  margin-top: 0px !important;
  min-height: 100vh;
  max-height: 100vh;
  overflow-x: hidden;
  overflow-y: scroll;
  background: linear-gradient(160deg, #4fc4bb 50%, #2b71a5 50%);
  filter: drop-shadow(0px 4px 5px rgba(56, 56, 56, 0.6509803922));
}
.teacher_design6_live_container .article_box .view_article_header {
  width: 100%;
  min-height: 5vh;
  background-color: #fff;
  border-bottom: 1px solid rgb(231, 231, 231);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem;
}
.teacher_design6_live_container .article_box .view_article_header .left {
  flex: 0.5;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.teacher_design6_live_container .article_box .view_article_header .left i {
  font-size: 1.5rem;
  cursor: pointer;
}
.teacher_design6_live_container .article_box .view_article_header .right {
  flex: 0.5;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.teacher_design6_live_container .article_box .view_article_header .right img {
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  border-radius: 50%;
  border: 1px solid rgb(204, 204, 204);
}
.teacher_design6_live_container .article_box .author_details {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  padding: 0.5rem;
}
.teacher_design6_live_container .article_box .author_details .profile img {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  border: 1px solid rgb(204, 204, 204);
}
.teacher_design6_live_container .article_box .author_details .name p {
  font-size: 0.9rem;
  font-weight: 450;
}
.teacher_design6_live_container .article_box .article {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
}
.teacher_design6_live_container .article_box .article .article_header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.teacher_design6_live_container .article_box .article .article_header h2 {
  font-size: 0.9rem;
  font-weight: 450;
  color: #002185;
}
.teacher_design6_live_container .article_box .article table {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
}
.teacher_design6_live_container .article_box .article table thead {
  flex: 0.4;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.teacher_design6_live_container .article_box .article table thead tr {
  padding: 0.5rem;
  max-height: 100px;
  min-height: 50px;
}
.teacher_design6_live_container .article_box .article table thead tr th {
  font-size: 0.9rem;
  font-weight: 450;
}
.teacher_design6_live_container .article_box .article table tbody {
  flex: 0.6;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.teacher_design6_live_container .article_box .article table tbody tr {
  padding: 0.5rem;
  max-height: 100px;
  min-height: 50px;
}
.teacher_design6_live_container .article_box .article table tbody tr td {
  font-size: 0.9rem;
  font-weight: 450;
}
.teacher_design6_live_container .article_box::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 600px) {
  .teacher_design6_live_container .article_box {
    width: 100vw !important;
    min-width: 100vw;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin-top: 0rem;
  }
}
.teacher_design6_live_container::-webkit-scrollbar {
  width: 6px !important;
  height: 4px !important;
  background-color: #4375ff, #0084ff;
}
@media screen and (max-width: 650px) {
  .teacher_design6_live_container::-webkit-scrollbar {
    display: none !important;
  }
}
.teacher_design6_live_container::-webkit-scrollbar-thumb {
  width: 6px !important;
  height: 4px !important;
  border-radius: 10px;
  z-index: 10;
  cursor: pointer;
  background-color: #fff !important;
}
.teacher_design6_live_container::-webkit-scrollbar-thumb:hover {
  background-color: rgb(36, 231, 222);
}
.date-input {
  appearance: none; /* Remove default styling */
  -webkit-appearance: none; /* Remove default styling in Safari */
  -moz-appearance: none; /* Remove default styling in Firefox */
  padding: 10px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.date-input::-moz-placeholder {
  color: #888; /* Placeholder color */
}
.date-input::placeholder {
  color: #888; /* Placeholder color */
}
/* Custom icon for the date picker */
.date-input::-webkit-calendar-picker-indicator {
  cursor: pointer;
  color: transparent;
  opacity: 1;
  position: absolute;
  right: 10px;
  top: 70%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url("https://img.icons8.com/emoji/48/calendar-emoji.png") no-repeat center center;
  background-size: contain;
}

.teacher_design7_live_container {
  width: 100vw;
  max-height: 100vh;
  height: 100vh;
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin: auto;
  color: #303030;
  overflow-y: hidden;
  overflow-x: hidden;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.teacher_design7_live_container .full_image {
  display: none;
  z-index: 500;
  margin: auto;
  width: 100%;
  height: 100%;
  background: linear-gradient(#fff, #fff);
  position: absolute;
  top: 0%;
  left: 0%;
}
.teacher_design7_live_container .full_image .close_Full_Image_gallery {
  position: absolute;
  width: 100%;
  left: 90%;
  top: 15%;
}
.teacher_design7_live_container .full_image .close_Full_Image_gallery .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  color: red;
  cursor: pointer;
  place-items: center;
  transition: all 0.3s ease-in-out;
}
.teacher_design7_live_container .full_image .close_Full_Image_gallery .icon:hover {
  filter: drop-shadow(0px 4px 5px rgba(255, 156, 117, 0.6));
  scale: 1.2;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 600px) {
  .teacher_design7_live_container .full_image .close_Full_Image_gallery {
    position: absolute;
    width: 100%;
    left: 90%;
    top: 5%;
  }
}
.teacher_design7_live_container .full_image img {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 700px;
  height: 450px;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.5));
  border-radius: 5px;
  z-index: 1000;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 600px) {
  .teacher_design7_live_container .full_image img {
    width: 90%;
    height: 200px;
  }
}
.teacher_design7_live_container .lottie {
  position: absolute;
  width: 100vw;
  height: 100vh;
  left: 0%;
  top: 0%;
  scale: 1.5;
  filter: brightness(100%) grayscale(0);
  opacity: 0.3;
}
.teacher_design7_live_container .teacher_design7_live_box {
  min-width: 450px;
  max-width: 450px;
  min-height: 100vh;
  max-height: 100vh;
  height: auto;
  overflow-x: hidden;
  overflow-y: scroll;
  background: linear-gradient(100deg, #C5EEE6, #C5EEE6);
  filter: drop-shadow(0px 4px 5px rgba(88, 88, 88, 0.431372549));
  position: relative;
}
.teacher_design7_live_container .teacher_design7_live_box .second_svg {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 70%;
  overflow: hidden;
  display: none;
}
.teacher_design7_live_container .teacher_design7_live_box .second_svg svg {
  height: 2080px;
  fill: rgba(106, 183, 255, 0.8);
}
.teacher_design7_live_container .teacher_design7_live_box .third_color {
  position: absolute;
  top: 35%;
  width: 100%;
  min-height: 100vh;
  background-color: #019885;
  z-index: -1;
  display: none;
}
.teacher_design7_live_container .teacher_design7_live_box .design_1 {
  position: absolute;
  top: 20%;
  left: -2%;
  width: 200px;
  height: 300px;
  background-color: #FEBD59;
  border-top-right-radius: 6rem;
  border-bottom-right-radius: 15rem;
  z-index: -1;
}
@media screen and (max-width: 776px) {
  .teacher_design7_live_container .teacher_design7_live_box .design_1 {
    left: -14%;
  }
}
.teacher_design7_live_container .teacher_design7_live_box .design_2 {
  position: absolute;
  top: 20%;
  right: -2%;
  width: 200px;
  height: 300px;
  background-color: #FEBD59;
  border-top-left-radius: 6rem;
  border-bottom-left-radius: 15rem;
}
@media screen and (max-width: 776px) {
  .teacher_design7_live_container .teacher_design7_live_box .design_2 {
    right: -14%;
  }
}
.teacher_design7_live_container .teacher_design7_live_box .design_3 {
  position: absolute;
  top: 50%;
  left: -2%;
  width: 200px;
  height: 500px;
  background-color: #019885;
  border-top-right-radius: 6rem;
  border-bottom-right-radius: 15rem;
  z-index: -2;
}
@media screen and (max-width: 776px) {
  .teacher_design7_live_container .teacher_design7_live_box .design_3 {
    left: -14%;
  }
}
.teacher_design7_live_container .teacher_design7_live_box .design_4 {
  position: absolute;
  top: 50%;
  right: -2%;
  width: 200px;
  height: 500px;
  background-color: #019885;
  border-top-left-radius: 6rem;
  border-bottom-left-radius: 15rem;
  z-index: -2;
}
@media screen and (max-width: 776px) {
  .teacher_design7_live_container .teacher_design7_live_box .design_4 {
    right: -14%;
  }
}
.teacher_design7_live_container .teacher_design7_live_box .Image_row_1 {
  min-width: 100%;
  max-width: 100%;
  max-height: -moz-max-content;
  max-height: max-content;
  min-height: 200px;
  height: auto;
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 0rem 0.5rem 0rem 0.5rem;
}
.teacher_design7_live_container .teacher_design7_live_box .Image_row_1 .views {
  position: absolute;
  left: 0%;
  top: 0%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  color: #fff;
  background-color: #00b495;
  padding: 5px 2rem;
  border-top-right-radius: 0rem;
  border-bottom-right-radius: 3rem;
  z-index: 4;
}
.teacher_design7_live_container .teacher_design7_live_box .Image_row_1 .views h6 {
  letter-spacing: 1px;
  font-size: 0.9rem;
}
.teacher_design7_live_container .teacher_design7_live_box .Image_row_1 .views p {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 1px;
}
.teacher_design7_live_container .teacher_design7_live_box .Image_row_1 .views p sup {
  font-size: 0.9rem;
  font-weight: 550;
}
.teacher_design7_live_container .teacher_design7_live_box .Image_row_1 .views p i {
  font-size: 1.4rem;
}
.teacher_design7_live_container .teacher_design7_live_box .Image_row_1 .user_logo {
  position: relative;
  width: -moz-max-content;
  width: max-content;
  height: -moz-max-content;
  height: max-content;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 0.3rem;
  background-color: #fff;
  z-index: 2;
  border-radius: 1rem;
  margin: 2rem 1rem;
}
.teacher_design7_live_container .teacher_design7_live_box .Image_row_1 .user_logo img {
  z-index: 2;
  width: 100px;
  height: 100px;
  display: block;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  image-rendering: crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  border: 2px solid rgba(189, 189, 189, 0.7450980392);
  filter: drop-shadow(0px 4px 5px rgba(255, 255, 255, 0.9098039216)) brightness(110%);
  animation: none !important;
}
@keyframes profileBorder {
  0% {
    border: 3px solid #ffffff;
    transform: translateY(0px);
  }
  25% {
    border: 3px solid #ffffff;
    transform: translateY(-5px);
  }
  50% {
    border: 3px solid #ffffff;
    transform: translateY(-10px);
  }
  75% {
    border: 3px solid rgb(255, 255, 255);
    transform: translateY(-5px);
  }
  100% {
    border: 3px solid #ffffff;
    transform: translateY(0px);
  }
}
.teacher_design7_live_container .teacher_design7_live_box .Image_row_1 .user_logo .svg_image {
  position: absolute;
  z-index: 1;
}
.teacher_design7_live_container .teacher_design7_live_box .Image_row_1 .user_logo .svg_image img {
  width: 200px;
  height: 200px;
  border: none;
  filter: drop-shadow(0px 4px 5px rgba(255, 255, 255, 0.631372549));
  animation: profileSVGAnime 5s infinite linear;
}
@keyframes profileSVGAnime {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(90deg);
  }
  50% {
    transform: rotate(180deg);
  }
  75% {
    transform: rotate(270deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.teacher_design7_live_container .teacher_design7_live_box .Image_row_1 .heart {
  position: absolute;
  left: 21%;
  top: 60%;
  z-index: 10;
  display: none;
}
.teacher_design7_live_container .teacher_design7_live_box .Image_row_1 .heart .plus {
  position: absolute;
  top: -35%;
  right: -25%;
  z-index: -1;
}
.teacher_design7_live_container .teacher_design7_live_box .Image_row_1 .heart .plus i {
  font-size: 1rem;
  font-weight: 700;
}
.teacher_design7_live_container .teacher_design7_live_box .Image_row_1 .heart .plus .minus {
  color: red;
}
.teacher_design7_live_container .teacher_design7_live_box .Image_row_1 .heart .plus .plus {
  color: gray;
}
@media screen and (max-width: 776px) {
  .teacher_design7_live_container .teacher_design7_live_box .Image_row_1 .heart {
    position: absolute;
    left: 25%;
    top: 65%;
    z-index: 10;
  }
}
.teacher_design7_live_container .teacher_design7_live_box .Image_row_1 .contacts_btns {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  gap: 1rem;
  position: absolute;
  top: 2%;
  right: 2%;
  padding-right: 1rem;
  background-color: #fff;
  padding: 0.5rem 1rem;
  z-index: 1;
  border-radius: 10px;
}
.teacher_design7_live_container .teacher_design7_live_box .Image_row_1 .contacts_btns a {
  text-decoration: none;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 30px;
  height: 30px;
  background-color: #00b495;
  color: #fff;
  border-radius: 0.3rem;
  transition: all 0.4s linear;
}
.teacher_design7_live_container .teacher_design7_live_box .Image_row_1 .contacts_btns a i {
  font-size: 1rem;
  color: #fff;
}
.teacher_design7_live_container .teacher_design7_live_box .Image_row_1 .contacts_btns a .plus {
  position: absolute;
  right: 5%;
  top: -24%;
}
.teacher_design7_live_container .teacher_design7_live_box .Image_row_1 .contacts_btns a .plus i {
  font-size: 0.6rem;
  font-weight: 600;
  color: #fff;
}
.teacher_design7_live_container .teacher_design7_live_box .Image_row_1 .contacts_btns a small {
  font-size: 0.7rem;
  font-weight: 500;
}
.teacher_design7_live_container .teacher_design7_live_box .Image_row_1 .contacts_btns a:hover {
  background-color: #ffffff;
  color: #3f6298;
  scale: 1.05;
  box-shadow: 0px 4px 5px rgba(255, 255, 255, 0.4);
  transition: all 0.4s linear;
}
.teacher_design7_live_container .teacher_design7_live_box .Image_row_1 .contacts_btns a:hover i {
  color: #3f6298;
}
.teacher_design7_live_container .teacher_design7_live_box .content_container {
  min-width: 95%;
  max-width: 95%;
  min-height: -moz-max-content;
  min-height: max-content;
  max-height: auto;
  margin: auto;
  background: linear-gradient(160deg, #fff, #fff);
  position: relative;
  padding-top: 0.5rem;
}
.teacher_design7_live_container .teacher_design7_live_box .basic_row_2 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  position: relative;
  padding: 0rem 0.5rem;
}
.teacher_design7_live_container .teacher_design7_live_box .basic_row_2 .user_details {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.teacher_design7_live_container .teacher_design7_live_box .basic_row_2 .user_details .user_data {
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex: 1;
  gap: 15px;
  width: 100%;
  height: 100%;
}
.teacher_design7_live_container .teacher_design7_live_box .basic_row_2 .user_details .user_data .user_information {
  display: flex;
  flex: 1;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 0.5rem;
}
.teacher_design7_live_container .teacher_design7_live_box .basic_row_2 .user_details .user_data .user_information h2 {
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: 1px;
  color: #313131;
}
.teacher_design7_live_container .teacher_design7_live_box .basic_row_2 .user_details .user_data .user_information h2 strong {
  font-size: 1rem;
  font-weight: 550;
  color: gray;
}
.teacher_design7_live_container .teacher_design7_live_box .basic_row_2 .user_details .user_data .user_information p {
  font-size: 0.9rem;
  font-weight: 500;
  color: #313131;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  line-height: 1.5rem;
  gap: 0rem;
}
.teacher_design7_live_container .teacher_design7_live_box .basic_row_2 .user_details .user_data .user_information p img {
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media screen and (max-width: 600px) {
  .teacher_design7_live_container .teacher_design7_live_box .basic_row_2 .user_details .user_data .user_information p img {
    width: 25px;
    height: 25px;
  }
}
.teacher_design7_live_container .teacher_design7_live_box .basic_row_2 .user_details .user_data .user_information .article_title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
  flex-wrap: wrap;
}
.teacher_design7_live_container .teacher_design7_live_box .basic_row_2 .user_details .user_data .user_information .article_title h5 {
  font-size: 0.8rem;
  font-weight: 500;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0rem;
  background-color: #018b74;
  padding: 0.3rem 1rem;
  border-radius: 0.2rem;
  letter-spacing: 1px;
}
@media screen and (max-width: 600px) {
  .teacher_design7_live_container .teacher_design7_live_box .basic_row_2 .user_details .user_data {
    align-items: flex-start;
  }
}
.teacher_design7_live_container .teacher_design7_live_box .filter_row_3 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0.5rem;
}
.teacher_design7_live_container .teacher_design7_live_box .filter_row_3 form {
  width: 50%;
  outline: none;
  border: none;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.teacher_design7_live_container .teacher_design7_live_box .filter_row_3 form select {
  font-size: 0.8rem;
  padding: 0.4rem;
  outline: none;
  border: none;
  background-color: #00b495;
  color: #fff;
  font-weight: 500;
  position: relative;
  width: 100px;
  border-radius: 5px;
}
.teacher_design7_live_container .teacher_design7_live_box .filter_row_3 form select option {
  font-size: 0.7rem;
  padding: 0.3rem;
  background-color: #fff;
  color: #505050;
}
.teacher_design7_live_container .teacher_design7_live_box .filter_row_3 form select:focus {
  outline: none;
  border-color: #666;
}
.teacher_design7_live_container .teacher_design7_live_box .publishing_container {
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.5rem;
  display: grid;
  grid-template-columns: 1fr;
  padding: 0.5rem;
}
.teacher_design7_live_container .teacher_design7_live_box .publishing_container .paper {
  width: 100%;
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.2rem;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
.teacher_design7_live_container .teacher_design7_live_box .publishing_container .paper .paper_title a {
  color: #036857;
  font-size: 0.9rem;
  cursor: pointer;
}
.teacher_design7_live_container .teacher_design7_live_box .publishing_container .paper .paper_title a:hover {
  text-decoration: underline;
}
.teacher_design7_live_container .teacher_design7_live_box .publishing_container .paper .author {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
.teacher_design7_live_container .teacher_design7_live_box .publishing_container .paper .author .name {
  flex: 0.7;
}
.teacher_design7_live_container .teacher_design7_live_box .publishing_container .paper .author .name p {
  font-size: 0.8rem;
  color: rgb(97, 97, 97);
  font-weight: 550;
}
.teacher_design7_live_container .teacher_design7_live_box .publishing_container .paper .author .date {
  flex: 0.3;
  color: #446d66;
}
.teacher_design7_live_container .teacher_design7_live_box .publishing_container .paper .author .date small {
  font-size: 0.9rem;
}
.teacher_design7_live_container .teacher_design7_live_box .publishing_container .paper .date {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.teacher_design7_live_container .teacher_design7_live_box .publishing_container .paper .date small {
  font-weight: 550;
  font-size: 0.6rem;
}
.teacher_design7_live_container .teacher_design7_live_box .publishing_container .paper .journal p {
  font-size: 0.8rem;
}
.teacher_design7_live_container .teacher_design7_live_box .publishing_container .paper .details {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.teacher_design7_live_container .teacher_design7_live_box .publishing_container .paper .details .issue p {
  font-size: 0.7rem;
}
.teacher_design7_live_container .teacher_design7_live_box .publishing_container .paper .publisher p {
  font-size: 0.8rem;
}
.teacher_design7_live_container .teacher_design7_live_box .publishing_container .paper .pages {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.teacher_design7_live_container .teacher_design7_live_box .publishing_container .paper .pages small {
  font-size: 0.8rem;
  color: #8a8a8a;
}
.teacher_design7_live_container .teacher_design7_live_box .Gallery_container {
  width: 100%;
  padding: 0.5rem;
}
.teacher_design7_live_container .teacher_design7_live_box .Gallery_container .gallery_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.teacher_design7_live_container .teacher_design7_live_box .Gallery_container .gallery_title .left {
  flex: 0.5;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.teacher_design7_live_container .teacher_design7_live_box .Gallery_container .gallery_title .left h2 {
  font-size: 1.5rem;
}
.teacher_design7_live_container .teacher_design7_live_box .Gallery_container .gallery_title .left .icon {
  font-size: 1.3rem;
  color: green;
}
.teacher_design7_live_container .teacher_design7_live_box .Gallery_container .gallery_title .right {
  flex: 0.5;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0.5rem;
}
.teacher_design7_live_container .teacher_design7_live_box .Gallery_container .gallery_title .right form {
  outline: none;
  border: none;
  position: relative;
}
.teacher_design7_live_container .teacher_design7_live_box .Gallery_container .gallery_title .right form select {
  font-size: 0.8rem;
  padding: 0.2rem 0.6rem;
  outline: none;
  border: none;
  position: relative;
  border: 1px solid gray;
  border-radius: 2rem;
}
.teacher_design7_live_container .teacher_design7_live_box .Gallery_container .gallery_title .right form select option {
  font-size: 0.7rem;
  padding: 0.3rem;
}
.teacher_design7_live_container .teacher_design7_live_box .Gallery_container .gallery_title .right form select:focus {
  outline: none;
  border-color: #666;
}
.teacher_design7_live_container .teacher_design7_live_box .Gallery_container .gallery_container {
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 0.5rem;
  padding: 0.5rem;
  border-radius: 0rem;
  position: relative;
}
.teacher_design7_live_container .teacher_design7_live_box .Gallery_container .gallery_container .full_image {
  position: absolute;
  top: 0%;
  left: 0%;
  display: none;
  z-index: 500;
  margin: auto;
  width: 100%;
  height: 100%;
  background: linear-gradient(#a661d4, #a661d4);
}
.teacher_design7_live_container .teacher_design7_live_box .Gallery_container .gallery_container .full_image .close_Full_Image_gallery {
  position: absolute;
  right: 3%;
  top: 5%;
}
.teacher_design7_live_container .teacher_design7_live_box .Gallery_container .gallery_container .full_image .close_Full_Image_gallery span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  color: red;
  cursor: pointer;
  place-items: center;
  transition: all 0.3s ease-in-out;
}
.teacher_design7_live_container .teacher_design7_live_box .Gallery_container .gallery_container .full_image .close_Full_Image_gallery span:hover {
  filter: drop-shadow(0px 4px 5px rgba(255, 156, 117, 0.6));
  scale: 1.2;
  transition: all 0.3s ease-in-out;
}
.teacher_design7_live_container .teacher_design7_live_box .Gallery_container .gallery_container .full_image img {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60%;
  height: 150px;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.5));
  z-index: 1000;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 600px) {
  .teacher_design7_live_container .teacher_design7_live_box .Gallery_container .gallery_container .full_image img {
    width: 70%;
    height: 150px;
  }
}
.teacher_design7_live_container .teacher_design7_live_box .Gallery_container .gallery_container .gallery_box {
  width: 100%;
  height: 100%;
  margin: 0rem auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, auto));
  gap: 10px;
  position: relative;
  z-index: 1;
  grid-auto-rows: auto;
}
.teacher_design7_live_container .teacher_design7_live_box .Gallery_container .gallery_container .gallery_box .large,
.teacher_design7_live_container .teacher_design7_live_box .Gallery_container .gallery_container .gallery_box .medium,
.teacher_design7_live_container .teacher_design7_live_box .Gallery_container .gallery_container .gallery_box .small {
  width: 100%;
  height: 100%;
  display: flex;
  grid-column: auto/span 1;
}
.teacher_design7_live_container .teacher_design7_live_box .Gallery_container .gallery_container .gallery_box .large {
  grid-row: span 5;
}
.teacher_design7_live_container .teacher_design7_live_box .Gallery_container .gallery_container .gallery_box .medium {
  grid-row: span 3;
}
.teacher_design7_live_container .teacher_design7_live_box .Gallery_container .gallery_container .gallery_box .small {
  grid-row: span 2;
}
.teacher_design7_live_container .teacher_design7_live_box .Gallery_container .gallery_container .gallery_box .gallery_item {
  position: relative;
  width: 100%;
  height: 100%;
}
.teacher_design7_live_container .teacher_design7_live_box .Gallery_container .gallery_container .gallery_box .gallery_item .actions {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
}
.teacher_design7_live_container .teacher_design7_live_box .Gallery_container .gallery_container .gallery_box .gallery_item .actions .icon {
  font-size: 1.4rem;
  color: #ffffff;
  display: none;
  transition: all 0.4s ease-in-out;
}
.teacher_design7_live_container .teacher_design7_live_box .Gallery_container .gallery_container .gallery_box .gallery_item img {
  width: 100%;
  height: 100%;
  transition: filter 0.5s ease-in-out;
  position: relative;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
  transition: filter 0.1s ease-in-out;
}
.teacher_design7_live_container .teacher_design7_live_box .Gallery_container .gallery_container .gallery_box .gallery_item img:hover {
  filter: brightness(0.6) grayscale(1);
  transition: filter 0.1s ease-in-out;
}
.teacher_design7_live_container .teacher_design7_live_box .Gallery_container .gallery_container .gallery_box .gallery_item img:hover + .actions .icon {
  display: block;
  transition: all 0.4s ease-in-out;
  z-index: -1;
  cursor: pointer;
}
.teacher_design7_live_container .teacher_design7_live_box .Gallery_container .gallery_container .gallery_box .gallery_item img:hover + .actions .icon:hover + img {
  filter: brightness(0.6) grayscale(1);
  scale: 1.05;
  transition: filter 0.1s ease-in-out;
}
@media screen and (max-width: 776px) {
  .teacher_design7_live_container .teacher_design7_live_box .Gallery_container .gallery_container .gallery_box .gallery_item img {
    height: 100%;
  }
  .teacher_design7_live_container .teacher_design7_live_box .Gallery_container .gallery_container .gallery_box .gallery_item {
    height: 100%;
  }
  .teacher_design7_live_container .teacher_design7_live_box .Gallery_container .gallery_container .gallery_box {
    grid-template-columns: 1fr 1fr;
  }
}
.teacher_design7_live_container .teacher_design7_live_box .Gallery_container .documents {
  width: 100%;
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.teacher_design7_live_container .teacher_design7_live_box .Gallery_container .documents p {
  font-weight: 450;
  font-size: 0.9rem;
  color: rgb(255, 93, 93);
}
.teacher_design7_live_container .teacher_design7_live_box .Footer {
  position: relative;
  bottom: 0%;
  left: 0%;
  padding-top: 3rem;
  width: 100%;
}
.teacher_design7_live_container .teacher_design7_live_box .Footer .footer_container {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 600;
  padding: 10px 0px;
}
.teacher_design7_live_container .teacher_design7_live_box .Footer .footer_container p {
  font-size: 0.8rem;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  color: #fff;
  font-weight: 600;
  letter-spacing: 1px;
}
@media (max-width: 600px) {
  .teacher_design7_live_container .teacher_design7_live_box .Footer .footer_container p {
    font-size: 0.7rem;
  }
}
.teacher_design7_live_container .teacher_design7_live_box .Footer .footer_container svg {
  position: absolute;
  z-index: -1;
  bottom: 0%;
  left: 0%;
  width: 100%;
}
.teacher_design7_live_container .teacher_design7_live_box::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 600px) {
  .teacher_design7_live_container .teacher_design7_live_box {
    width: 100vw !important;
    min-width: 100vw;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin-top: 0rem !important;
  }
}
.teacher_design7_live_container .article_box {
  min-width: 450px;
  max-width: 450px;
  margin-top: 0px !important;
  min-height: 100vh;
  max-height: 100vh;
  overflow-x: hidden;
  overflow-y: scroll;
  background: linear-gradient(160deg, #C5EEE6 50%, #C5EEE6 50%);
  filter: drop-shadow(0px 4px 5px rgba(56, 56, 56, 0.6509803922));
}
.teacher_design7_live_container .article_box .view_article_header {
  width: 100%;
  min-height: 5vh;
  background-color: #fff;
  border-bottom: 1px solid rgb(231, 231, 231);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem;
}
.teacher_design7_live_container .article_box .view_article_header .left {
  flex: 0.5;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.teacher_design7_live_container .article_box .view_article_header .left i {
  font-size: 1.5rem;
  cursor: pointer;
}
.teacher_design7_live_container .article_box .view_article_header .right {
  flex: 0.5;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.teacher_design7_live_container .article_box .view_article_header .right img {
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  border-radius: 50%;
  border: 1px solid rgb(204, 204, 204);
}
.teacher_design7_live_container .article_box .author_details {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  padding: 0.5rem;
}
.teacher_design7_live_container .article_box .author_details .profile img {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  border: 1px solid rgb(204, 204, 204);
}
.teacher_design7_live_container .article_box .author_details .name p {
  font-size: 0.9rem;
  font-weight: 450;
}
.teacher_design7_live_container .article_box .article {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
}
.teacher_design7_live_container .article_box .article .article_header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.teacher_design7_live_container .article_box .article .article_header h2 {
  font-size: 0.9rem;
  font-weight: 450;
  color: #002185;
}
.teacher_design7_live_container .article_box .article table {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
}
.teacher_design7_live_container .article_box .article table thead {
  flex: 0.4;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.teacher_design7_live_container .article_box .article table thead tr {
  padding: 0.5rem;
  max-height: 100px;
  min-height: 50px;
}
.teacher_design7_live_container .article_box .article table thead tr th {
  font-size: 0.9rem;
  font-weight: 450;
}
.teacher_design7_live_container .article_box .article table tbody {
  flex: 0.6;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.teacher_design7_live_container .article_box .article table tbody tr {
  padding: 0.5rem;
  max-height: 100px;
  min-height: 50px;
}
.teacher_design7_live_container .article_box .article table tbody tr td {
  font-size: 0.9rem;
  font-weight: 450;
}
.teacher_design7_live_container .article_box::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 600px) {
  .teacher_design7_live_container .article_box {
    width: 100vw !important;
    min-width: 100vw;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin-top: 0rem;
  }
}
.teacher_design7_live_container::-webkit-scrollbar {
  width: 6px !important;
  height: 4px !important;
  background-color: #4375ff, #0084ff;
}
@media screen and (max-width: 650px) {
  .teacher_design7_live_container::-webkit-scrollbar {
    display: none !important;
  }
}
.teacher_design7_live_container::-webkit-scrollbar-thumb {
  width: 6px !important;
  height: 4px !important;
  border-radius: 10px;
  z-index: 10;
  cursor: pointer;
  background-color: #fff !important;
}
.teacher_design7_live_container::-webkit-scrollbar-thumb:hover {
  background-color: rgb(36, 231, 222);
}
.date-input {
  appearance: none; /* Remove default styling */
  -webkit-appearance: none; /* Remove default styling in Safari */
  -moz-appearance: none; /* Remove default styling in Firefox */
  padding: 10px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.date-input::-moz-placeholder {
  color: #888; /* Placeholder color */
}
.date-input::placeholder {
  color: #888; /* Placeholder color */
}
/* Custom icon for the date picker */
.date-input::-webkit-calendar-picker-indicator {
  cursor: pointer;
  color: transparent;
  opacity: 1;
  position: absolute;
  right: 10px;
  top: 70%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url("https://img.icons8.com/emoji/48/calendar-emoji.png") no-repeat center center;
  background-size: contain;
}

.teacher_design8_live_container {
  width: 100vw;
  max-height: 100vh;
  height: 100vh;
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin: auto;
  color: #303030;
  overflow-y: hidden;
  overflow-x: hidden;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.teacher_design8_live_container .full_image {
  display: none;
  z-index: 500;
  margin: auto;
  width: 100%;
  height: 100%;
  background: linear-gradient(#fff, #fff);
  position: absolute;
  top: 0%;
  left: 0%;
}
.teacher_design8_live_container .full_image .close_Full_Image_gallery {
  position: absolute;
  width: 100%;
  left: 90%;
  top: 15%;
}
.teacher_design8_live_container .full_image .close_Full_Image_gallery .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  color: red;
  cursor: pointer;
  place-items: center;
  transition: all 0.3s ease-in-out;
}
.teacher_design8_live_container .full_image .close_Full_Image_gallery .icon:hover {
  filter: drop-shadow(0px 4px 5px rgba(255, 156, 117, 0.6));
  scale: 1.2;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 600px) {
  .teacher_design8_live_container .full_image .close_Full_Image_gallery {
    position: absolute;
    width: 100%;
    left: 90%;
    top: 5%;
  }
}
.teacher_design8_live_container .full_image img {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 700px;
  height: 450px;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.5));
  border-radius: 5px;
  z-index: 1000;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 600px) {
  .teacher_design8_live_container .full_image img {
    width: 90%;
    height: 200px;
  }
}
.teacher_design8_live_container .lottie {
  position: absolute;
  width: 100vw;
  height: 100vh;
  left: 0%;
  top: 0%;
  scale: 1;
  filter: brightness(100%) grayscale(0);
  opacity: 0.9;
}
.teacher_design8_live_container .teacher_design8_live_box {
  min-width: 450px;
  max-width: 450px;
  min-height: 100vh;
  max-height: 100vh;
  overflow-x: hidden;
  overflow-y: scroll;
  background: linear-gradient(100deg, #1B4843, #1B4843);
  filter: drop-shadow(0px 4px 5px rgba(88, 88, 88, 0.431372549));
  position: relative;
  margin: auto;
}
.teacher_design8_live_container .teacher_design8_live_box .second_svg {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 70%;
  display: none;
  overflow: hidden;
}
.teacher_design8_live_container .teacher_design8_live_box .second_svg svg {
  height: 2080px;
  fill: rgba(106, 183, 255, 0.8);
}
.teacher_design8_live_container .teacher_design8_live_box .third_color {
  position: absolute;
  top: 35%;
  width: 100%;
  min-height: 100vh;
  background-color: #C45508;
  z-index: -1;
  display: none;
  overflow: hidden;
}
.teacher_design8_live_container .teacher_design8_live_box .design_1 {
  position: absolute;
  top: 20%;
  left: -2%;
  width: 200px;
  height: 300px;
  background-color: #D55923;
  border-top-right-radius: 16rem;
  border-bottom-right-radius: 16rem;
  z-index: -1;
  overflow: hidden;
}
@media screen and (max-width: 776px) {
  .teacher_design8_live_container .teacher_design8_live_box .design_1 {
    left: -14%;
  }
}
.teacher_design8_live_container .teacher_design8_live_box .design_2 {
  position: absolute;
  top: 20%;
  right: -2%;
  width: 200px;
  height: 300px;
  background-color: #D55923;
  border-top-left-radius: 16rem;
  border-bottom-left-radius: 16rem;
  overflow: hidden;
}
@media screen and (max-width: 776px) {
  .teacher_design8_live_container .teacher_design8_live_box .design_2 {
    right: -14%;
  }
}
.teacher_design8_live_container .teacher_design8_live_box .design_3 {
  position: absolute;
  top: 50%;
  left: -2%;
  width: 200px;
  height: 500px;
  background-color: #1B4843;
  border-top-right-radius: 6rem;
  border-bottom-right-radius: 15rem;
  z-index: -2;
  overflow: hidden;
}
@media screen and (max-width: 776px) {
  .teacher_design8_live_container .teacher_design8_live_box .design_3 {
    left: -14%;
  }
}
.teacher_design8_live_container .teacher_design8_live_box .design_4 {
  position: absolute;
  top: 50%;
  right: -2%;
  width: 200px;
  height: 500px;
  background-color: #1B4843;
  border-top-left-radius: 6rem;
  border-bottom-left-radius: 15rem;
  z-index: -2;
  overflow: hidden;
}
@media screen and (max-width: 776px) {
  .teacher_design8_live_container .teacher_design8_live_box .design_4 {
    right: -14%;
  }
}
.teacher_design8_live_container .teacher_design8_live_box .Image_row_1 {
  min-width: 100%;
  max-width: 100%;
  max-height: -moz-max-content;
  max-height: max-content;
  min-height: 200px;
  height: auto;
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 0rem 0.5rem 0rem 0.5rem;
  overflow: hidden;
}
.teacher_design8_live_container .teacher_design8_live_box .Image_row_1 .views {
  position: absolute;
  left: 0%;
  top: 0%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  color: #ffffff;
  background-color: #C45508;
  padding: 5px 2rem;
  border-top-right-radius: 0rem;
  border-bottom-right-radius: 3rem;
  z-index: 4;
}
.teacher_design8_live_container .teacher_design8_live_box .Image_row_1 .views h6 {
  letter-spacing: 1px;
  font-size: 0.9rem;
}
.teacher_design8_live_container .teacher_design8_live_box .Image_row_1 .views p {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  font-size: 1rem;
  font-weight: 600;
  letter-spacing: 1px;
}
.teacher_design8_live_container .teacher_design8_live_box .Image_row_1 .views p sup {
  font-size: 0.9rem;
  font-weight: 550;
}
.teacher_design8_live_container .teacher_design8_live_box .Image_row_1 .views p i {
  font-size: 1.4rem;
}
.teacher_design8_live_container .teacher_design8_live_box .Image_row_1 .user_logo {
  position: relative;
  width: -moz-max-content;
  width: max-content;
  height: -moz-max-content;
  height: max-content;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 0.3rem;
  background-color: #fff;
  z-index: 2;
  border-radius: 5rem;
  margin: 2rem 1rem;
}
.teacher_design8_live_container .teacher_design8_live_box .Image_row_1 .user_logo img {
  z-index: 2;
  width: 100px;
  height: 100px;
  display: block;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  image-rendering: crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  border: 2px solid rgba(189, 189, 189, 0.7450980392);
  filter: drop-shadow(0px 4px 5px rgba(255, 255, 255, 0.9098039216)) brightness(110%);
  animation: none !important;
}
@keyframes profileBorder {
  0% {
    border: 3px solid #ffffff;
    transform: translateY(0px);
  }
  25% {
    border: 3px solid #ffffff;
    transform: translateY(-5px);
  }
  50% {
    border: 3px solid #ffffff;
    transform: translateY(-10px);
  }
  75% {
    border: 3px solid rgb(255, 255, 255);
    transform: translateY(-5px);
  }
  100% {
    border: 3px solid #ffffff;
    transform: translateY(0px);
  }
}
.teacher_design8_live_container .teacher_design8_live_box .Image_row_1 .user_logo .svg_image {
  position: absolute;
  z-index: 1;
}
.teacher_design8_live_container .teacher_design8_live_box .Image_row_1 .user_logo .svg_image img {
  width: 200px;
  height: 200px;
  border: none;
  filter: drop-shadow(0px 4px 5px rgba(255, 255, 255, 0.631372549));
  animation: profileSVGAnime 5s infinite linear;
}
@keyframes profileSVGAnime {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(90deg);
  }
  50% {
    transform: rotate(180deg);
  }
  75% {
    transform: rotate(270deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.teacher_design8_live_container .teacher_design8_live_box .Image_row_1 .heart {
  position: absolute;
  left: 21%;
  top: 60%;
  z-index: 10;
  display: none;
}
.teacher_design8_live_container .teacher_design8_live_box .Image_row_1 .heart .plus {
  position: absolute;
  top: -35%;
  right: -25%;
  z-index: -1;
}
.teacher_design8_live_container .teacher_design8_live_box .Image_row_1 .heart .plus i {
  font-size: 1rem;
  font-weight: 700;
}
.teacher_design8_live_container .teacher_design8_live_box .Image_row_1 .heart .plus .minus {
  color: red;
}
.teacher_design8_live_container .teacher_design8_live_box .Image_row_1 .heart .plus .plus {
  color: gray;
}
@media screen and (max-width: 776px) {
  .teacher_design8_live_container .teacher_design8_live_box .Image_row_1 .heart {
    position: absolute;
    left: 25%;
    top: 65%;
    z-index: 10;
  }
}
.teacher_design8_live_container .teacher_design8_live_box .Image_row_1 .contacts_btns {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  gap: 1rem;
  position: absolute;
  top: 2%;
  right: 2%;
  padding-right: 1rem;
  padding: 0.5rem 1rem;
  z-index: 1;
  border-radius: 10px;
}
.teacher_design8_live_container .teacher_design8_live_box .Image_row_1 .contacts_btns a {
  text-decoration: none;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 35px;
  height: 35px;
  background-color: #C45508;
  border-radius: 50%;
  transition: all 0.4s linear;
}
.teacher_design8_live_container .teacher_design8_live_box .Image_row_1 .contacts_btns a i {
  font-size: 1rem;
  color: #ffffff;
}
.teacher_design8_live_container .teacher_design8_live_box .Image_row_1 .contacts_btns a .plus {
  position: absolute;
  right: 15%;
  top: -10%;
}
.teacher_design8_live_container .teacher_design8_live_box .Image_row_1 .contacts_btns a .plus i {
  font-size: 0.6rem;
  font-weight: 600;
  color: #ffffff;
}
.teacher_design8_live_container .teacher_design8_live_box .Image_row_1 .contacts_btns a small {
  font-size: 0.7rem;
  font-weight: 500;
}
.teacher_design8_live_container .teacher_design8_live_box .Image_row_1 .contacts_btns a:hover {
  background-color: #C45508;
  color: #3f6298;
  scale: 1.05;
  box-shadow: 0px 4px 5px rgba(255, 255, 255, 0.4);
  transition: all 0.4s linear;
}
.teacher_design8_live_container .teacher_design8_live_box .Image_row_1 .contacts_btns a:hover i {
  color: #3f6298;
}
.teacher_design8_live_container .teacher_design8_live_box .content_container {
  min-width: 95%;
  max-width: 95%;
  min-height: -moz-max-content;
  min-height: max-content;
  max-height: auto;
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: linear-gradient(160deg, #fff, #fff);
  overflow: hidden;
  position: relative;
  padding-top: 0.5rem;
}
.teacher_design8_live_container .teacher_design8_live_box .basic_row_2 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  position: relative;
  overflow: hidden;
  padding: 0rem 0.5rem;
}
.teacher_design8_live_container .teacher_design8_live_box .basic_row_2 .user_details {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.teacher_design8_live_container .teacher_design8_live_box .basic_row_2 .user_details .user_data {
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex: 1;
  gap: 15px;
  width: 100%;
  height: 100%;
}
.teacher_design8_live_container .teacher_design8_live_box .basic_row_2 .user_details .user_data .user_information {
  display: flex;
  flex: 1;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 0.5rem;
}
.teacher_design8_live_container .teacher_design8_live_box .basic_row_2 .user_details .user_data .user_information h2 {
  font-size: 1.3rem;
  font-weight: 500;
  letter-spacing: 1px;
  color: #313131;
}
.teacher_design8_live_container .teacher_design8_live_box .basic_row_2 .user_details .user_data .user_information h2 strong {
  font-size: 1rem;
  font-weight: 550;
  color: gray;
}
.teacher_design8_live_container .teacher_design8_live_box .basic_row_2 .user_details .user_data .user_information p {
  font-size: 0.9rem;
  font-weight: 500;
  color: #313131;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  line-height: 1.5rem;
  gap: 0rem;
}
.teacher_design8_live_container .teacher_design8_live_box .basic_row_2 .user_details .user_data .user_information p img {
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media screen and (max-width: 600px) {
  .teacher_design8_live_container .teacher_design8_live_box .basic_row_2 .user_details .user_data .user_information p img {
    width: 25px;
    height: 25px;
  }
}
.teacher_design8_live_container .teacher_design8_live_box .basic_row_2 .user_details .user_data .user_information .article_title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
  flex-wrap: wrap;
}
.teacher_design8_live_container .teacher_design8_live_box .basic_row_2 .user_details .user_data .user_information .article_title h5 {
  font-size: 0.8rem;
  font-weight: 500;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0rem;
  background-color: #1B4843;
  padding: 0.3rem 1rem;
  border-radius: 0.2rem;
  letter-spacing: 1px;
}
@media screen and (max-width: 600px) {
  .teacher_design8_live_container .teacher_design8_live_box .basic_row_2 .user_details .user_data {
    align-items: flex-start;
  }
}
.teacher_design8_live_container .teacher_design8_live_box .filter_row_3 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0.5rem;
  overflow: hidden;
}
.teacher_design8_live_container .teacher_design8_live_box .filter_row_3 form {
  width: 50%;
  outline: none;
  border: none;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.teacher_design8_live_container .teacher_design8_live_box .filter_row_3 form select {
  font-size: 0.8rem;
  padding: 0.4rem;
  outline: none;
  border: none;
  background-color: #727272;
  color: #fff;
  font-weight: 500;
  position: relative;
  width: 100px;
  border-radius: 5px;
}
.teacher_design8_live_container .teacher_design8_live_box .filter_row_3 form select option {
  font-size: 0.7rem;
  padding: 0.3rem;
  background-color: #fff;
  color: #505050;
}
.teacher_design8_live_container .teacher_design8_live_box .filter_row_3 form select:focus {
  outline: none;
  border-color: #666;
}
.teacher_design8_live_container .teacher_design8_live_box .publishing_container {
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.5rem;
  display: grid;
  grid-template-columns: 1fr;
  overflow: hidden;
  padding: 0.5rem;
}
.teacher_design8_live_container .teacher_design8_live_box .publishing_container .paper {
  width: 100%;
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.2rem;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
.teacher_design8_live_container .teacher_design8_live_box .publishing_container .paper .paper_title a {
  color: #1B4843;
  font-size: 0.9rem;
  cursor: pointer;
}
.teacher_design8_live_container .teacher_design8_live_box .publishing_container .paper .paper_title a:hover {
  text-decoration: underline;
}
.teacher_design8_live_container .teacher_design8_live_box .publishing_container .paper .author {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
.teacher_design8_live_container .teacher_design8_live_box .publishing_container .paper .author .name {
  flex: 0.7;
}
.teacher_design8_live_container .teacher_design8_live_box .publishing_container .paper .author .name p {
  font-size: 0.8rem;
  color: #C45508;
  font-weight: 600;
  letter-spacing: 1px;
}
.teacher_design8_live_container .teacher_design8_live_box .publishing_container .paper .author .date {
  flex: 0.3;
  color: #446d66;
}
.teacher_design8_live_container .teacher_design8_live_box .publishing_container .paper .author .date small {
  font-size: 0.9rem;
}
.teacher_design8_live_container .teacher_design8_live_box .publishing_container .paper .date {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.teacher_design8_live_container .teacher_design8_live_box .publishing_container .paper .date small {
  font-weight: 550;
  font-size: 0.6rem;
}
.teacher_design8_live_container .teacher_design8_live_box .publishing_container .paper .journal p {
  font-size: 0.8rem;
}
.teacher_design8_live_container .teacher_design8_live_box .publishing_container .paper .details {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.teacher_design8_live_container .teacher_design8_live_box .publishing_container .paper .details .issue p {
  font-size: 0.7rem;
}
.teacher_design8_live_container .teacher_design8_live_box .publishing_container .paper .publisher p {
  font-size: 0.8rem;
}
.teacher_design8_live_container .teacher_design8_live_box .publishing_container .paper .pages {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.teacher_design8_live_container .teacher_design8_live_box .publishing_container .paper .pages small {
  font-size: 0.8rem;
  color: #8a8a8a;
}
.teacher_design8_live_container .teacher_design8_live_box .Gallery_container {
  width: 100%;
  padding: 0.5rem;
  overflow: hidden;
}
.teacher_design8_live_container .teacher_design8_live_box .Gallery_container .gallery_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.teacher_design8_live_container .teacher_design8_live_box .Gallery_container .gallery_title .left {
  flex: 0.5;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.teacher_design8_live_container .teacher_design8_live_box .Gallery_container .gallery_title .left h2 {
  font-size: 1.5rem;
}
.teacher_design8_live_container .teacher_design8_live_box .Gallery_container .gallery_title .left .icon {
  font-size: 1.3rem;
  color: green;
}
.teacher_design8_live_container .teacher_design8_live_box .Gallery_container .gallery_title .right {
  flex: 0.5;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0.5rem;
}
.teacher_design8_live_container .teacher_design8_live_box .Gallery_container .gallery_title .right form {
  outline: none;
  border: none;
  position: relative;
}
.teacher_design8_live_container .teacher_design8_live_box .Gallery_container .gallery_title .right form select {
  font-size: 0.8rem;
  padding: 0.2rem 0.6rem;
  outline: none;
  border: none;
  position: relative;
  border: 1px solid gray;
  border-radius: 2rem;
}
.teacher_design8_live_container .teacher_design8_live_box .Gallery_container .gallery_title .right form select option {
  font-size: 0.7rem;
  padding: 0.3rem;
}
.teacher_design8_live_container .teacher_design8_live_box .Gallery_container .gallery_title .right form select:focus {
  outline: none;
  border-color: #666;
}
.teacher_design8_live_container .teacher_design8_live_box .Gallery_container .gallery_container {
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 0.5rem;
  padding: 0.5rem;
  border-radius: 0rem;
  position: relative;
}
.teacher_design8_live_container .teacher_design8_live_box .Gallery_container .gallery_container .full_image {
  position: absolute;
  top: 0%;
  left: 0%;
  display: none;
  z-index: 500;
  margin: auto;
  width: 100%;
  height: 100%;
  background: linear-gradient(#a661d4, #a661d4);
}
.teacher_design8_live_container .teacher_design8_live_box .Gallery_container .gallery_container .full_image .close_Full_Image_gallery {
  position: absolute;
  right: 3%;
  top: 5%;
}
.teacher_design8_live_container .teacher_design8_live_box .Gallery_container .gallery_container .full_image .close_Full_Image_gallery span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  color: red;
  cursor: pointer;
  place-items: center;
  transition: all 0.3s ease-in-out;
}
.teacher_design8_live_container .teacher_design8_live_box .Gallery_container .gallery_container .full_image .close_Full_Image_gallery span:hover {
  filter: drop-shadow(0px 4px 5px rgba(255, 156, 117, 0.6));
  scale: 1.2;
  transition: all 0.3s ease-in-out;
}
.teacher_design8_live_container .teacher_design8_live_box .Gallery_container .gallery_container .full_image img {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60%;
  height: 150px;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.5));
  z-index: 1000;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 600px) {
  .teacher_design8_live_container .teacher_design8_live_box .Gallery_container .gallery_container .full_image img {
    width: 70%;
    height: 150px;
  }
}
.teacher_design8_live_container .teacher_design8_live_box .Gallery_container .gallery_container .gallery_box {
  width: 100%;
  height: 100%;
  margin: 0rem auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, auto));
  gap: 10px;
  position: relative;
  z-index: 1;
  grid-auto-rows: auto;
}
.teacher_design8_live_container .teacher_design8_live_box .Gallery_container .gallery_container .gallery_box .large,
.teacher_design8_live_container .teacher_design8_live_box .Gallery_container .gallery_container .gallery_box .medium,
.teacher_design8_live_container .teacher_design8_live_box .Gallery_container .gallery_container .gallery_box .small {
  width: 100%;
  height: 100%;
  display: flex;
  grid-column: auto/span 1;
}
.teacher_design8_live_container .teacher_design8_live_box .Gallery_container .gallery_container .gallery_box .large {
  grid-row: span 4;
}
.teacher_design8_live_container .teacher_design8_live_box .Gallery_container .gallery_container .gallery_box .medium {
  grid-row: span 2;
}
.teacher_design8_live_container .teacher_design8_live_box .Gallery_container .gallery_container .gallery_box .small {
  grid-row: span 1;
}
.teacher_design8_live_container .teacher_design8_live_box .Gallery_container .gallery_container .gallery_box .gallery_item {
  position: relative;
  width: 100%;
  height: 100%;
}
.teacher_design8_live_container .teacher_design8_live_box .Gallery_container .gallery_container .gallery_box .gallery_item .actions {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
}
.teacher_design8_live_container .teacher_design8_live_box .Gallery_container .gallery_container .gallery_box .gallery_item .actions .icon {
  font-size: 1.4rem;
  color: #ffffff;
  display: none;
  transition: all 0.4s ease-in-out;
}
.teacher_design8_live_container .teacher_design8_live_box .Gallery_container .gallery_container .gallery_box .gallery_item img {
  width: 100%;
  height: 100%;
  transition: filter 0.5s ease-in-out;
  position: relative;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
  transition: filter 0.1s ease-in-out;
}
.teacher_design8_live_container .teacher_design8_live_box .Gallery_container .gallery_container .gallery_box .gallery_item img:hover {
  filter: brightness(0.6) grayscale(1);
  transition: filter 0.1s ease-in-out;
}
.teacher_design8_live_container .teacher_design8_live_box .Gallery_container .gallery_container .gallery_box .gallery_item img:hover + .actions .icon {
  display: block;
  transition: all 0.4s ease-in-out;
  z-index: -1;
  cursor: pointer;
}
.teacher_design8_live_container .teacher_design8_live_box .Gallery_container .gallery_container .gallery_box .gallery_item img:hover + .actions .icon:hover + img {
  filter: brightness(0.6) grayscale(1);
  scale: 1.05;
  transition: filter 0.1s ease-in-out;
}
@media screen and (max-width: 776px) {
  .teacher_design8_live_container .teacher_design8_live_box .Gallery_container .gallery_container .gallery_box .gallery_item img {
    height: 100%;
  }
  .teacher_design8_live_container .teacher_design8_live_box .Gallery_container .gallery_container .gallery_box .gallery_item {
    height: 100%;
  }
  .teacher_design8_live_container .teacher_design8_live_box .Gallery_container .gallery_container .gallery_box {
    grid-template-columns: 1fr 1fr;
  }
}
.teacher_design8_live_container .teacher_design8_live_box .Gallery_container .documents {
  width: 100%;
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.teacher_design8_live_container .teacher_design8_live_box .Gallery_container .documents p {
  font-weight: 450;
  font-size: 0.9rem;
  color: rgb(255, 93, 93);
}
.teacher_design8_live_container .teacher_design8_live_box .Footer {
  position: relative;
  overflow: hidden;
  padding-top: 4rem;
  width: 100%;
}
.teacher_design8_live_container .teacher_design8_live_box .Footer .footer_container {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 600;
  padding: 10px 0px;
}
.teacher_design8_live_container .teacher_design8_live_box .Footer .footer_container p {
  font-size: 0.8rem;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  color: #fff;
  font-weight: 600;
  letter-spacing: 1px;
}
@media (max-width: 600px) {
  .teacher_design8_live_container .teacher_design8_live_box .Footer .footer_container p {
    font-size: 0.7rem;
  }
}
.teacher_design8_live_container .teacher_design8_live_box .Footer .footer_container svg {
  position: absolute;
  z-index: -1;
  bottom: -20%;
  left: 0%;
  width: 100%;
}
.teacher_design8_live_container .teacher_design8_live_box::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 600px) {
  .teacher_design8_live_container .teacher_design8_live_box {
    width: 100vw !important;
    min-width: 100vw;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin-top: 0rem !important;
  }
}
.teacher_design8_live_container .article_box {
  min-width: 450px;
  max-width: 450px;
  margin-top: 0px !important;
  min-height: 100vh;
  max-height: 100vh;
  overflow-x: hidden;
  overflow-y: scroll;
  background: linear-gradient(160deg, #1B4843 50%, #1B4843 50%);
  filter: drop-shadow(0px 4px 5px rgba(56, 56, 56, 0.6509803922));
}
.teacher_design8_live_container .article_box .view_article_header {
  width: 100%;
  min-height: 5vh;
  background-color: #fff;
  border-bottom: 1px solid rgb(231, 231, 231);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem;
}
.teacher_design8_live_container .article_box .view_article_header .left {
  flex: 0.5;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.teacher_design8_live_container .article_box .view_article_header .left i {
  font-size: 1.5rem;
  cursor: pointer;
}
.teacher_design8_live_container .article_box .view_article_header .right {
  flex: 0.5;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.teacher_design8_live_container .article_box .view_article_header .right img {
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  border-radius: 50%;
  border: 1px solid rgb(204, 204, 204);
}
.teacher_design8_live_container .article_box .author_details {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  padding: 0.5rem;
}
.teacher_design8_live_container .article_box .author_details .profile img {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  border: 1px solid rgb(204, 204, 204);
}
.teacher_design8_live_container .article_box .author_details .name p {
  font-size: 0.9rem;
  font-weight: 450;
}
.teacher_design8_live_container .article_box .article {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
}
.teacher_design8_live_container .article_box .article .article_header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.teacher_design8_live_container .article_box .article .article_header h2 {
  font-size: 0.9rem;
  font-weight: 450;
  color: #002185;
}
.teacher_design8_live_container .article_box .article table {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
}
.teacher_design8_live_container .article_box .article table thead {
  flex: 0.4;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.teacher_design8_live_container .article_box .article table thead tr {
  padding: 0.5rem;
  max-height: 100px;
  min-height: 50px;
}
.teacher_design8_live_container .article_box .article table thead tr th {
  font-size: 0.9rem;
  font-weight: 450;
}
.teacher_design8_live_container .article_box .article table tbody {
  flex: 0.6;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.teacher_design8_live_container .article_box .article table tbody tr {
  padding: 0.5rem;
  max-height: 100px;
  min-height: 50px;
}
.teacher_design8_live_container .article_box .article table tbody tr td {
  font-size: 0.9rem;
  font-weight: 450;
}
.teacher_design8_live_container .article_box::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 600px) {
  .teacher_design8_live_container .article_box {
    width: 100vw !important;
    min-width: 100vw;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin-top: 0rem;
  }
}
.teacher_design8_live_container::-webkit-scrollbar {
  width: 6px !important;
  height: 4px !important;
  background-color: #4375ff, #0084ff;
}
@media screen and (max-width: 650px) {
  .teacher_design8_live_container::-webkit-scrollbar {
    display: none !important;
  }
}
.teacher_design8_live_container::-webkit-scrollbar-thumb {
  width: 6px !important;
  height: 4px !important;
  border-radius: 10px;
  z-index: 10;
  cursor: pointer;
  background-color: #fff !important;
}
.teacher_design8_live_container::-webkit-scrollbar-thumb:hover {
  background-color: rgb(36, 231, 222);
}
.date-input {
  appearance: none; /* Remove default styling */
  -webkit-appearance: none; /* Remove default styling in Safari */
  -moz-appearance: none; /* Remove default styling in Firefox */
  padding: 10px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.date-input::-moz-placeholder {
  color: #888; /* Placeholder color */
}
.date-input::placeholder {
  color: #888; /* Placeholder color */
}
/* Custom icon for the date picker */
.date-input::-webkit-calendar-picker-indicator {
  cursor: pointer;
  color: transparent;
  opacity: 1;
  position: absolute;
  right: 10px;
  top: 70%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url("https://img.icons8.com/emoji/48/calendar-emoji.png") no-repeat center center;
  background-size: contain;
}

.teacher_design9_live_container {
  width: 100vw;
  max-height: 100vh;
  height: 100vh;
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin: auto;
  color: #303030;
  overflow-y: hidden;
  overflow-x: hidden;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.teacher_design9_live_container .full_image {
  display: none;
  z-index: 500;
  margin: auto;
  width: 100%;
  height: 100%;
  background: linear-gradient(#fff, #fff);
  position: absolute;
  top: 0%;
  left: 0%;
}
.teacher_design9_live_container .full_image .close_Full_Image_gallery {
  position: absolute;
  width: 100%;
  left: 90%;
  top: 15%;
}
.teacher_design9_live_container .full_image .close_Full_Image_gallery .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  color: red;
  cursor: pointer;
  place-items: center;
  transition: all 0.3s ease-in-out;
}
.teacher_design9_live_container .full_image .close_Full_Image_gallery .icon:hover {
  filter: drop-shadow(0px 4px 5px rgba(255, 156, 117, 0.6));
  scale: 1.2;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 600px) {
  .teacher_design9_live_container .full_image .close_Full_Image_gallery {
    position: absolute;
    width: 100%;
    left: 90%;
    top: 5%;
  }
}
.teacher_design9_live_container .full_image img {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 700px;
  height: 450px;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.5));
  border-radius: 5px;
  z-index: 1000;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 600px) {
  .teacher_design9_live_container .full_image img {
    width: 90%;
    height: 200px;
  }
}
.teacher_design9_live_container .lottie {
  position: absolute;
  width: 100vw;
  height: 100vh;
  left: 0%;
  top: 0%;
  scale: 1.2;
  filter: brightness(70%) grayscale(0);
  opacity: 0.5;
}
.teacher_design9_live_container .teacher_design9_live_box {
  min-width: 450px;
  max-width: 450px;
  min-height: 100vh;
  max-height: 100vh;
  overflow-x: hidden;
  overflow-y: scroll;
  background: linear-gradient(0deg, #1b5434, #1b5434);
  filter: drop-shadow(0px 4px 5px rgba(88, 88, 88, 0.431372549));
  position: relative;
  padding: 0px 0px;
  outline: 5px solid #ffff8a;
}
.teacher_design9_live_container .teacher_design9_live_box .top_svg {
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 250px;
  overflow: hidden;
}
.teacher_design9_live_container .teacher_design9_live_box .top_svg svg {
  height: 130px;
}
.teacher_design9_live_container .teacher_design9_live_box .Image_row_1 {
  min-width: 100%;
  max-width: 100%;
  max-height: 300px;
  min-height: 200px;
  height: auto;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem;
}
.teacher_design9_live_container .teacher_design9_live_box .Image_row_1 .views {
  position: absolute;
  right: 0%;
  top: 16%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 3px;
  color: #ffffff;
  background-color: #1b5434;
  padding: 5px 2rem;
  border-top-left-radius: 3rem;
  border-top-right-radius: 2rem;
  border-bottom-left-radius: 0rem;
  border-bottom-right-radius: 0rem;
  transform: rotate(-7deg);
}
.teacher_design9_live_container .teacher_design9_live_box .Image_row_1 .views h6 {
  letter-spacing: 1px;
  font-size: 0.8rem;
}
.teacher_design9_live_container .teacher_design9_live_box .Image_row_1 .views p {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  font-size: 0.9rem;
  font-weight: 500;
  letter-spacing: 1px;
  color: #ffffff;
}
.teacher_design9_live_container .teacher_design9_live_box .Image_row_1 .views p sup {
  font-size: 0.9rem;
  font-weight: 550;
}
.teacher_design9_live_container .teacher_design9_live_box .Image_row_1 .views p i {
  font-size: 1.4rem;
}
@media screen and (max-width: 776px) {
  .teacher_design9_live_container .teacher_design9_live_box .Image_row_1 .views {
    right: 0%;
    top: 28%;
  }
}
.teacher_design9_live_container .teacher_design9_live_box .Image_row_1 .user_logo {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 1rem;
}
.teacher_design9_live_container .teacher_design9_live_box .Image_row_1 .user_logo img {
  z-index: 2;
  width: 110px;
  height: 110px;
  display: block;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  image-rendering: crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  border: 2px solid #bebebe;
  filter: drop-shadow(0px 4px 5px #6b6b6b) brightness(100%) grayscale(0.3);
  animation: none !important;
}
@keyframes profileBorder {
  0% {
    border: 3px solid #ffffff;
    transform: translateY(0px);
  }
  25% {
    border: 3px solid #ffffff;
    transform: translateY(-5px);
  }
  50% {
    border: 3px solid #ffffff;
    transform: translateY(-10px);
  }
  75% {
    border: 3px solid rgb(255, 255, 255);
    transform: translateY(-5px);
  }
  100% {
    border: 3px solid #ffffff;
    transform: translateY(0px);
  }
}
.teacher_design9_live_container .teacher_design9_live_box .Image_row_1 .user_logo .svg_image {
  position: absolute;
  z-index: 1;
}
.teacher_design9_live_container .teacher_design9_live_box .Image_row_1 .user_logo .svg_image img {
  width: 200px;
  height: 200px;
  border: none;
  filter: drop-shadow(0px 4px 5px rgba(255, 255, 255, 0.631372549));
  animation: profileSVGAnime 5s infinite linear;
}
@keyframes profileSVGAnime {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(90deg);
  }
  50% {
    transform: rotate(180deg);
  }
  75% {
    transform: rotate(270deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.teacher_design9_live_container .teacher_design9_live_box .Image_row_1 .user_logo .animation {
  position: absolute;
  left: 5%;
  top: 0%;
  scale: 1.5;
  filter: brightness(100%) grayscale(0);
  opacity: 1;
}
.teacher_design9_live_container .teacher_design9_live_box .Image_row_1 .contacts_btns {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  gap: 1.5rem;
  position: absolute;
  bottom: 25%;
  right: 0%;
  padding-right: 1rem;
}
.teacher_design9_live_container .teacher_design9_live_box .Image_row_1 .contacts_btns a {
  text-decoration: none;
  display: flex;
  position: relative;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 30px;
  height: 30px;
  background-color: #ffff8a;
  color: #424242;
  border-radius: 0.3rem;
  transition: all 0.4s linear;
}
.teacher_design9_live_container .teacher_design9_live_box .Image_row_1 .contacts_btns a i {
  font-size: 1rem;
  color: #424242;
}
.teacher_design9_live_container .teacher_design9_live_box .Image_row_1 .contacts_btns a .plus {
  position: absolute;
  right: 5%;
  top: -24%;
}
.teacher_design9_live_container .teacher_design9_live_box .Image_row_1 .contacts_btns a .plus i {
  font-size: 0.6rem;
  font-weight: 600;
  color: #424242;
}
.teacher_design9_live_container .teacher_design9_live_box .Image_row_1 .contacts_btns a small {
  font-size: 0.7rem;
  font-weight: 500;
}
.teacher_design9_live_container .teacher_design9_live_box .Image_row_1 .contacts_btns a:hover {
  background-color: transparent !important;
  color: #424242;
  scale: 1.05;
  transition: all 0.4s linear;
}
.teacher_design9_live_container .teacher_design9_live_box .Image_row_1 .contacts_btns a:hover i {
  color: #424242;
}
.teacher_design9_live_container .teacher_design9_live_box .basic_row_2 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  position: relative;
  padding: 0rem 0.5rem 1rem 0.5rem;
}
.teacher_design9_live_container .teacher_design9_live_box .basic_row_2 .user_details {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.teacher_design9_live_container .teacher_design9_live_box .basic_row_2 .user_details .user_data {
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex: 1;
  gap: 15px;
  width: 100%;
  height: 100%;
}
.teacher_design9_live_container .teacher_design9_live_box .basic_row_2 .user_details .user_data .user_information {
  display: flex;
  flex: 1;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 0.5rem;
}
.teacher_design9_live_container .teacher_design9_live_box .basic_row_2 .user_details .user_data .user_information h2 {
  font-size: 1.1rem;
  font-weight: 700;
  letter-spacing: 1.3px;
  color: #ffff8a;
  text-transform: uppercase;
}
.teacher_design9_live_container .teacher_design9_live_box .basic_row_2 .user_details .user_data .user_information h2 strong {
  font-size: 1rem;
  font-weight: 550;
  color: #1b5434;
}
.teacher_design9_live_container .teacher_design9_live_box .basic_row_2 .user_details .user_data .user_information p {
  font-size: 0.9rem;
  font-weight: 450;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0rem;
  line-height: 1.5rem;
}
.teacher_design9_live_container .teacher_design9_live_box .basic_row_2 .user_details .user_data .user_information p img {
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media screen and (max-width: 600px) {
  .teacher_design9_live_container .teacher_design9_live_box .basic_row_2 .user_details .user_data .user_information p img {
    width: 25px;
    height: 25px;
  }
}
.teacher_design9_live_container .teacher_design9_live_box .basic_row_2 .user_details .user_data .user_information .article_title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
  flex-wrap: wrap;
  margin: 0.5rem 0px;
}
.teacher_design9_live_container .teacher_design9_live_box .basic_row_2 .user_details .user_data .user_information .article_title h5 {
  font-size: 0.9rem;
  color: #1b5434;
  background-color: #ffffff;
  padding: 0.3rem 1rem;
  border-radius: 0.2rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0rem;
  font-weight: 600;
}
@media screen and (max-width: 600px) {
  .teacher_design9_live_container .teacher_design9_live_box .basic_row_2 .user_details .user_data {
    align-items: flex-start;
  }
}
.teacher_design9_live_container .teacher_design9_live_box .basic_row_2 .profile_back_anime {
  position: absolute;
  left: 0%;
  top: 0%;
  width: 100%;
  height: 100%;
  transform: translate(-38%, -26%);
}
.teacher_design9_live_container .teacher_design9_live_box .svg {
  position: relative;
  top: 0%;
  left: 0%;
  min-width: 100%;
  overflow: hidden;
}
.teacher_design9_live_container .teacher_design9_live_box .svg svg {
  min-width: 450px;
}
.teacher_design9_live_container .teacher_design9_live_box .filter_row_3 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 1rem 0.5rem;
  background-color: #1b5434;
  border-radius: 5rem;
}
.teacher_design9_live_container .teacher_design9_live_box .filter_row_3 form {
  width: 50%;
  outline: none;
  border: none;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.teacher_design9_live_container .teacher_design9_live_box .filter_row_3 form select {
  font-size: 0.8rem;
  padding: 0.4rem;
  outline: none;
  border: none;
  background-color: #ffff8a;
  color: #1b5434;
  font-weight: 500;
  position: relative;
  width: 100px;
  border-radius: 5px;
}
.teacher_design9_live_container .teacher_design9_live_box .filter_row_3 form select option {
  font-size: 0.7rem;
  padding: 0.3rem;
  background-color: #fff;
  color: #505050;
}
.teacher_design9_live_container .teacher_design9_live_box .filter_row_3 form select:focus {
  outline: none;
  border-color: #666;
}
.teacher_design9_live_container .teacher_design9_live_box .publishing_container {
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.8rem;
  display: grid;
  grid-template-columns: 1fr;
  padding: 0.5rem;
}
.teacher_design9_live_container .teacher_design9_live_box .publishing_container .paper {
  width: 100%;
  padding: 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.5rem;
  background-color: #ffffff;
  border-radius: 0.5rem;
}
.teacher_design9_live_container .teacher_design9_live_box .publishing_container .paper .paper_title a {
  color: #1b5434;
  font-size: 0.9rem;
  font-weight: 550;
  cursor: pointer;
}
.teacher_design9_live_container .teacher_design9_live_box .publishing_container .paper .paper_title a:hover {
  text-decoration: underline;
}
.teacher_design9_live_container .teacher_design9_live_box .publishing_container .paper .author {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
.teacher_design9_live_container .teacher_design9_live_box .publishing_container .paper .author .name {
  flex: 0.7;
}
.teacher_design9_live_container .teacher_design9_live_box .publishing_container .paper .author .name p {
  font-size: 0.9rem;
  color: gray;
  font-weight: 550;
  text-transform: uppercase;
}
.teacher_design9_live_container .teacher_design9_live_box .publishing_container .paper .author .date {
  flex: 0.3;
  color: royalblue;
}
.teacher_design9_live_container .teacher_design9_live_box .publishing_container .paper .author .date small {
  font-size: 0.9rem;
}
.teacher_design9_live_container .teacher_design9_live_box .publishing_container .paper .date {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.teacher_design9_live_container .teacher_design9_live_box .publishing_container .paper .date small {
  font-weight: 550;
  font-size: 0.6rem;
}
.teacher_design9_live_container .teacher_design9_live_box .publishing_container .paper .journal p {
  font-size: 0.8rem;
}
.teacher_design9_live_container .teacher_design9_live_box .publishing_container .paper .details {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.teacher_design9_live_container .teacher_design9_live_box .publishing_container .paper .details .issue p {
  font-size: 0.8rem;
}
.teacher_design9_live_container .teacher_design9_live_box .publishing_container .paper .publisher p {
  font-size: 0.8rem;
}
.teacher_design9_live_container .teacher_design9_live_box .publishing_container .paper .pages {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.teacher_design9_live_container .teacher_design9_live_box .publishing_container .paper .pages small {
  font-size: 0.8rem;
  color: #919191;
}
.teacher_design9_live_container .teacher_design9_live_box .Gallery_container {
  width: 100%;
  padding: 0.5rem;
}
.teacher_design9_live_container .teacher_design9_live_box .Gallery_container .gallery_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.teacher_design9_live_container .teacher_design9_live_box .Gallery_container .gallery_title .left {
  flex: 0.5;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.teacher_design9_live_container .teacher_design9_live_box .Gallery_container .gallery_title .left h2 {
  font-size: 1.5rem;
  color: #ffffff;
}
.teacher_design9_live_container .teacher_design9_live_box .Gallery_container .gallery_title .left .icon {
  font-size: 1.3rem;
  color: #ffff8a;
}
.teacher_design9_live_container .teacher_design9_live_box .Gallery_container .gallery_title .right {
  flex: 0.5;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0.5rem;
}
.teacher_design9_live_container .teacher_design9_live_box .Gallery_container .gallery_title .right form {
  outline: none;
  border: none;
  position: relative;
}
.teacher_design9_live_container .teacher_design9_live_box .Gallery_container .gallery_title .right form select {
  font-size: 0.8rem;
  padding: 0.2rem 0.6rem;
  outline: none;
  border: none;
  position: relative;
  border: 1px solid gray;
  border-radius: 0.3rem;
}
.teacher_design9_live_container .teacher_design9_live_box .Gallery_container .gallery_title .right form select option {
  font-size: 0.7rem;
  padding: 0.3rem;
  font-weight: 550;
}
.teacher_design9_live_container .teacher_design9_live_box .Gallery_container .gallery_title .right form select:focus {
  outline: none;
  border-color: #666;
}
.teacher_design9_live_container .teacher_design9_live_box .Gallery_container .gallery_container {
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin-top: 0.5rem;
  padding: 0.5rem;
  border-radius: 0rem;
  position: relative;
}
.teacher_design9_live_container .teacher_design9_live_box .Gallery_container .gallery_container .full_image {
  position: absolute;
  top: 0%;
  left: 0%;
  display: none;
  z-index: 500;
  margin: auto;
  width: 100%;
  height: 100%;
  background: linear-gradient(#a661d4, #a661d4);
}
.teacher_design9_live_container .teacher_design9_live_box .Gallery_container .gallery_container .full_image .close_Full_Image_gallery {
  position: absolute;
  right: 3%;
  top: 5%;
}
.teacher_design9_live_container .teacher_design9_live_box .Gallery_container .gallery_container .full_image .close_Full_Image_gallery span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  color: red;
  cursor: pointer;
  place-items: center;
  transition: all 0.3s ease-in-out;
}
.teacher_design9_live_container .teacher_design9_live_box .Gallery_container .gallery_container .full_image .close_Full_Image_gallery span:hover {
  filter: drop-shadow(0px 4px 5px rgba(255, 156, 117, 0.6));
  scale: 1.2;
  transition: all 0.3s ease-in-out;
}
.teacher_design9_live_container .teacher_design9_live_box .Gallery_container .gallery_container .full_image img {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60%;
  height: 150px;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.5));
  z-index: 1000;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 600px) {
  .teacher_design9_live_container .teacher_design9_live_box .Gallery_container .gallery_container .full_image img {
    width: 70%;
    height: 150px;
  }
}
.teacher_design9_live_container .teacher_design9_live_box .Gallery_container .gallery_container .gallery_box {
  width: 100%;
  height: 100%;
  margin: 0rem auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, auto));
  gap: 10px;
  position: relative;
  z-index: 1;
  grid-auto-rows: auto;
}
.teacher_design9_live_container .teacher_design9_live_box .Gallery_container .gallery_container .gallery_box .gallery_item {
  position: relative;
  width: 100%;
  height: 100%;
}
.teacher_design9_live_container .teacher_design9_live_box .Gallery_container .gallery_container .gallery_box .gallery_item .actions {
  position: absolute;
  width: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
}
.teacher_design9_live_container .teacher_design9_live_box .Gallery_container .gallery_container .gallery_box .gallery_item .actions .icon {
  font-size: 1.4rem;
  color: #ffffff;
  display: none;
  transition: all 0.4s ease-in-out;
}
.teacher_design9_live_container .teacher_design9_live_box .Gallery_container .gallery_container .gallery_box .gallery_item img {
  width: 100%;
  height: 100%;
  transition: filter 0.5s ease-in-out;
  position: relative;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  box-shadow: 0px 4px 5px rgba(255, 255, 255, 0.4);
  transition: filter 0.1s ease-in-out;
}
.teacher_design9_live_container .teacher_design9_live_box .Gallery_container .gallery_container .gallery_box .gallery_item img:hover {
  filter: brightness(0.6) grayscale(1);
  transition: filter 0.1s ease-in-out;
}
.teacher_design9_live_container .teacher_design9_live_box .Gallery_container .gallery_container .gallery_box .gallery_item img:hover + .actions .icon {
  display: block;
  transition: all 0.4s ease-in-out;
  z-index: -1;
  cursor: pointer;
}
.teacher_design9_live_container .teacher_design9_live_box .Gallery_container .gallery_container .gallery_box .gallery_item img:hover + .actions .icon:hover + img {
  filter: brightness(0.6) grayscale(1);
  scale: 1.05;
  transition: filter 0.1s ease-in-out;
}
@media screen and (max-width: 776px) {
  .teacher_design9_live_container .teacher_design9_live_box .Gallery_container .gallery_container .gallery_box .gallery_item img {
    height: 100%;
  }
  .teacher_design9_live_container .teacher_design9_live_box .Gallery_container .gallery_container .gallery_box .gallery_item {
    height: 100%;
  }
  .teacher_design9_live_container .teacher_design9_live_box .Gallery_container .gallery_container .gallery_box {
    grid-template-columns: 1fr 1fr;
  }
}
.teacher_design9_live_container .teacher_design9_live_box .Gallery_container .documents {
  width: 100%;
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.teacher_design9_live_container .teacher_design9_live_box .Gallery_container .documents p {
  font-weight: 450;
  font-size: 0.9rem;
  color: rgb(255, 93, 93);
}
.teacher_design9_live_container .teacher_design9_live_box .Footer {
  position: relative;
  bottom: 0%;
  left: 0%;
  padding-top: 3rem;
  width: 100%;
}
.teacher_design9_live_container .teacher_design9_live_box .Footer .footer_container {
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 600;
  padding: 10px 0px;
}
.teacher_design9_live_container .teacher_design9_live_box .Footer .footer_container p {
  font-size: 0.8rem;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  color: rgb(59, 59, 59);
  font-weight: 600;
  letter-spacing: 1px;
}
@media (max-width: 600px) {
  .teacher_design9_live_container .teacher_design9_live_box .Footer .footer_container p {
    font-size: 0.7rem;
  }
}
.teacher_design9_live_container .teacher_design9_live_box .Footer .footer_container svg {
  position: absolute;
  z-index: -1;
  bottom: 0%;
  left: 0%;
  width: 100%;
}
.teacher_design9_live_container .teacher_design9_live_box::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 600px) {
  .teacher_design9_live_container .teacher_design9_live_box {
    min-width: 100%;
    max-width: 100%;
    min-height: 100vh;
    max-height: 100vh;
    overflow-x: hidden;
    overflow-y: scroll;
    background: linear-gradient(160deg, #1b5434 50%, #1b5434 50%);
    filter: drop-shadow(0px 4px 5px rgba(88, 88, 88, 0.431372549));
    position: relative;
  }
}
.teacher_design9_live_container .article_box {
  min-width: 450px;
  max-width: 450px;
  margin-top: 0px !important;
  min-height: 100vh;
  max-height: 100vh;
  overflow-x: hidden;
  overflow-y: scroll;
  background: linear-gradient(160deg, #1b5434 50%, #1b5434 50%);
  filter: drop-shadow(0px 4px 5px rgba(56, 56, 56, 0.6509803922));
}
.teacher_design9_live_container .article_box .view_article_header {
  width: 100%;
  min-height: 5vh;
  background-color: #fff;
  border-bottom: 1px solid rgb(231, 231, 231);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem;
}
.teacher_design9_live_container .article_box .view_article_header .left {
  flex: 0.5;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.teacher_design9_live_container .article_box .view_article_header .left i {
  font-size: 1.5rem;
  cursor: pointer;
}
.teacher_design9_live_container .article_box .view_article_header .right {
  flex: 0.5;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.teacher_design9_live_container .article_box .view_article_header .right img {
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  border-radius: 50%;
  border: 1px solid rgb(204, 204, 204);
}
.teacher_design9_live_container .article_box .author_details {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
  padding: 0.5rem;
}
.teacher_design9_live_container .article_box .author_details .profile img {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  border: 1px solid rgb(204, 204, 204);
}
.teacher_design9_live_container .article_box .author_details .name p {
  font-size: 0.9rem;
  font-weight: 450;
}
.teacher_design9_live_container .article_box .article {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
}
.teacher_design9_live_container .article_box .article .article_header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.teacher_design9_live_container .article_box .article .article_header h2 {
  font-size: 0.9rem;
  font-weight: 450;
  color: #002185;
}
.teacher_design9_live_container .article_box .article table {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  padding: 0.5rem;
}
.teacher_design9_live_container .article_box .article table thead {
  flex: 0.4;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.teacher_design9_live_container .article_box .article table thead tr {
  padding: 0.5rem;
  max-height: 100px;
  min-height: 50px;
}
.teacher_design9_live_container .article_box .article table thead tr th {
  font-size: 0.9rem;
  font-weight: 450;
}
.teacher_design9_live_container .article_box .article table tbody {
  flex: 0.6;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.teacher_design9_live_container .article_box .article table tbody tr {
  padding: 0.5rem;
  max-height: 100px;
  min-height: 50px;
}
.teacher_design9_live_container .article_box .article table tbody tr td {
  font-size: 0.9rem;
  font-weight: 450;
}
.teacher_design9_live_container .article_box::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 600px) {
  .teacher_design9_live_container .article_box {
    width: 100vw !important;
    min-width: 100vw;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin-top: 0rem;
  }
}
.teacher_design9_live_container::-webkit-scrollbar {
  width: 6px !important;
  height: 4px !important;
  background-color: #4375ff, #0084ff;
}
@media screen and (max-width: 650px) {
  .teacher_design9_live_container::-webkit-scrollbar {
    display: none !important;
  }
}
.teacher_design9_live_container::-webkit-scrollbar-thumb {
  width: 6px !important;
  height: 4px !important;
  border-radius: 10px;
  z-index: 10;
  cursor: pointer;
  background-color: #fff !important;
}
.teacher_design9_live_container::-webkit-scrollbar-thumb:hover {
  background-color: rgb(36, 231, 222);
}
.date-input {
  appearance: none; /* Remove default styling */
  -webkit-appearance: none; /* Remove default styling in Safari */
  -moz-appearance: none; /* Remove default styling in Firefox */
  padding: 10px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.date-input::-moz-placeholder {
  color: #888; /* Placeholder color */
}
.date-input::placeholder {
  color: #888; /* Placeholder color */
}
/* Custom icon for the date picker */
.date-input::-webkit-calendar-picker-indicator {
  cursor: pointer;
  color: transparent;
  opacity: 1;
  position: absolute;
  right: 10px;
  top: 70%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url("https://img.icons8.com/emoji/48/calendar-emoji.png") no-repeat center center;
  background-size: contain;
}
.client_Dashboard_container {
  width: 100dvw;
  min-height: 100dvh;
  height: 100dvh;
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  overflow-x: hidden;
  overflow-y: hidden;
  z-index: 1;
}
.client_Dashboard_container .slider_icon {
  position: absolute;
  top: 13%;
  left: 6%;
  z-index: 10;
  display: none !important;
  width: 30px;
  height: 30px;
  background-color: #0a7a7a;
  border-radius: 0.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.client_Dashboard_container .slider_icon i {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  color: rgb(255, 255, 255);
  cursor: pointer;
}
.client_Dashboard_container .slider_icon i:hover {
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4));
}
@media screen and (max-width: 700px) {
  .client_Dashboard_container .slider_icon {
    display: block !important;
  }
}
.client_Dashboard_container .client_dashboard_sidenav {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  width: 15dvw;
  min-width: 15dvw;
  background-color: #f2fdff;
  height: 100dvh;
  overflow-y: hidden;
  overflow-x: hidden;
  position: relative;
}
.client_Dashboard_container .client_dashboard_sidenav .sidenav_top {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  height: 12dvh;
  min-height: 12dvh;
  background-color: #f2fdff;
}
.client_Dashboard_container .client_dashboard_sidenav .sidenav_top .logo {
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3px 0px;
}
.client_Dashboard_container .client_dashboard_sidenav .sidenav_top .logo img {
  max-width: 170px;
  min-width: auto;
}
@media screen and (max-width: 767px) {
  .client_Dashboard_container .client_dashboard_sidenav .sidenav_top .logo img {
    width: 150px;
    display: block;
  }
}
.client_Dashboard_container .client_dashboard_sidenav .sidenav_top .logo:hover img {
  filter: brightness(110%);
}
.client_Dashboard_container .client_dashboard_sidenav .sidenav_top .small_logo {
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 3px 0px;
}
.client_Dashboard_container .client_dashboard_sidenav .sidenav_top .small_logo img {
  max-width: 60px;
  min-width: 60px;
}
@media screen and (max-width: 767px) {
  .client_Dashboard_container .client_dashboard_sidenav .sidenav_top .small_logo img {
    width: 150px;
    display: block;
  }
}
.client_Dashboard_container .client_dashboard_sidenav .sidenav_top .small_logo:hover img {
  filter: brightness(110%);
}
@media screen and (max-width: 767px) {
  .client_Dashboard_container .client_dashboard_sidenav .sidenav_top {
    width: 100%;
    width: 50dvw;
    padding: 0px 0.5rem;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    display: none;
  }
}
.client_Dashboard_container .client_dashboard_sidenav .sidenav_menu {
  width: 100%;
  min-width: 100%;
  height: 88vh;
  min-height: 88vh;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  gap: 1.5rem;
  margin: auto;
  padding: 1rem 0.5rem;
  position: relative;
  border-right: 1px solid #ebebeb;
}
.client_Dashboard_container .client_dashboard_sidenav .sidenav_menu .menu {
  width: 100%;
  color: #000;
  border-radius: 0.4rem;
  vertical-align: middle;
}
.client_Dashboard_container .client_dashboard_sidenav .sidenav_menu .menu a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.2rem;
  color: #000;
  text-decoration: none;
  width: 100%;
  padding: 0.4rem 0.4rem;
  border-radius: 0.2rem;
  vertical-align: middle;
  margin: auto;
  flex: 1;
  transition: all 0.2s ease-in-out;
  font-weight: 400;
  font-family: "Teko", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  letter-spacing: 1px;
}
.client_Dashboard_container .client_dashboard_sidenav .sidenav_menu .menu a .menu_icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  flex: 0.2;
  padding: 5px;
}
.client_Dashboard_container .client_dashboard_sidenav .sidenav_menu .menu a .menuName {
  width: 100%;
  flex: 0.8;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 1.3rem;
  letter-spacing: 1px;
}
@media screen and (min-width: 767px) {
  .client_Dashboard_container .client_dashboard_sidenav .sidenav_menu .menu a #menu_hide {
    display: none;
  }
}
.client_Dashboard_container .client_dashboard_sidenav .sidenav_menu .menu a:hover {
  background-color: #ff8b3f;
  color: white;
  box-shadow: 0px 4px 3px rgba(165, 165, 165, 0.4);
  transition: all 0.2s ease-in-out;
}
.client_Dashboard_container .client_dashboard_sidenav .sidenav_menu .menu a:hover .menu_icon {
  color: white !important;
}
.client_Dashboard_container .client_dashboard_sidenav .sidenav_menu .menu:nth-child(1) .menu_icon {
  color: #3887ff;
}
.client_Dashboard_container .client_dashboard_sidenav .sidenav_menu .menu:nth-child(2) .menu_icon {
  color: #FF9800;
}
.client_Dashboard_container .client_dashboard_sidenav .sidenav_menu .menu:nth-child(3) .menu_icon {
  color: #D83130;
}
.client_Dashboard_container .client_dashboard_sidenav .sidenav_menu .menu:nth-child(4) .menu_icon {
  color: #4E9F3D;
}
.client_Dashboard_container .client_dashboard_sidenav .sidenav_menu .menu .activeMenu {
  padding: 0.4rem 0.4rem;
  border-radius: 0.2rem;
  background-color: #ff8b3f;
  color: white;
  box-shadow: 0px 4px 3px rgba(165, 165, 165, 0.4);
}
.client_Dashboard_container .client_dashboard_sidenav .sidenav_menu .menu .activeMenu .menu_icon {
  color: white !important;
}
.client_Dashboard_container .client_dashboard_sidenav .menu_sideNavicon {
  position: absolute;
  right: 0%;
  top: 50%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  z-index: 10;
  width: 100%;
  min-width: 100%;
  font-weight: 500;
  font-size: 1.6rem;
  cursor: pointer;
  color: #000;
}
.client_Dashboard_container .client_dashboard_sidenav .menu_sideNavicon:hover {
  filter: drop-shadow(0px 4px 5px rgba(53, 53, 53, 0.4));
}
@media screen and (max-width: 767px) {
  .client_Dashboard_container .client_dashboard_sidenav .menu_sideNavicon {
    display: none;
  }
  .client_Dashboard_container .client_dashboard_sidenav {
    position: absolute;
    left: 0%;
    top: 8dvh;
    width: 60dvw;
    height: 100dvh;
  }
}
@media screen and (min-width: 767px) {
  .client_Dashboard_container .small_sidenav {
    width: 5dvw;
    min-width: 5dvw;
  }
}
.client_Dashboard_container #sideNavOpen {
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .client_Dashboard_container #sideNavOpen {
    transform: translateX(0px);
    transition: transform 0.5s linear;
  }
  .client_Dashboard_container #sideNavClose {
    transform: translateX(-500px);
    transition: transform 0.5s linear;
  }
}
.client_Dashboard_container .client_dashboard_content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 85dvw;
  height: 100%;
  min-height: 100%;
  overflow-y: scroll;
  background-color: rgba(255, 249, 245, 0.7960784314);
  position: relative;
}
.client_Dashboard_container .client_dashboard_content .form_submit_loader {
  position: absolute;
  width: 100%;
  height: 100vh;
  top: 0%;
  left: 0%;
  z-index: 1000;
  cursor: not-allowed;
  /* HTML: <div class="loader"></div> */
}
.client_Dashboard_container .client_dashboard_content .form_submit_loader .form_loader {
  position: sticky;
  top: 12%;
  left: 0%;
  height: 3px;
  z-index: 1000;
  border-radius: 5px;
  width: 100%;
  --c:no-repeat linear-gradient(#3887ff 0 0);
  background: var(--c), var(--c), #ffffff;
  background-size: 60% 100%;
  animation: lines 2s infinite;
}
@keyframes lines {
  0% {
    background-position: -150% 0, -150% 0;
  }
  66% {
    background-position: 250% 0, -150% 0;
  }
  100% {
    background-position: 250% 0, 250% 0;
  }
}
.client_Dashboard_container .client_dashboard_content .profile_box {
  position: absolute;
  top: 13dvh;
  right: 1dvh;
  background-color: #f2fdff;
  border-radius: 10px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
  width: 250px;
  height: auto;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  transition: all 1s linear;
}
.client_Dashboard_container .client_dashboard_content .profile_box .profile_img {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}
.client_Dashboard_container .client_dashboard_content .profile_box .profile_img img {
  width: 200px;
  height: 180px;
  -o-object-fit: cover;
     object-fit: cover;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-radius: 10px;
  box-shadow: 0px 3px 3px rgba(39, 39, 39, 0.3);
}
.client_Dashboard_container .client_dashboard_content .profile_box .profile_content {
  width: 100%;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.client_Dashboard_container .client_dashboard_content .profile_box .profile_content .email {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.client_Dashboard_container .client_dashboard_content .profile_box .profile_content .email small {
  font-size: 0.8rem;
  color: #595F5B;
  font-weight: 550;
}
.client_Dashboard_container .client_dashboard_content .profile_box .SignOut {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  gap: 10px;
  padding: 1rem;
}
.client_Dashboard_container .client_dashboard_content .profile_box .SignOut p {
  font-size: 0.9rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0px;
  color: rgb(0, 150, 155);
}
.client_Dashboard_container .client_dashboard_content .profile_box .SignOut p img {
  width: 25px;
  animation: byeAnime 2s infinite linear;
}
@keyframes byeAnime {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(-5eg);
  }
  50% {
    transform: rotate(-10deg);
  }
  75% {
    transform: rotate(10deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.client_Dashboard_container .client_dashboard_content .profile_box .SignOut a {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  gap: 5px;
  color: red;
  font-size: 0.9rem;
}
.client_Dashboard_container .client_dashboard_content #ProfileCardOpen {
  transform: translateY(0px);
  transition: all 0.3s linear;
}
.client_Dashboard_container .client_dashboard_content #ProfileCardClose {
  transform: translateY(-500px);
  transition: all 0.3s linear;
}
.client_Dashboard_container .client_dashboard_content .topNav {
  position: sticky;
  top: 0%;
  left: 0%;
  right: 0%;
  width: 100%;
  height: 12vh;
  min-height: 12vh;
  background-color: #f2fdff;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0px 1rem;
  z-index: 3;
  border-bottom: 1px solid #ebebeb;
}
.client_Dashboard_container .client_dashboard_content .topNav .topNav_menu_icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  font-size: 1.6rem;
  cursor: pointer;
  display: none;
}
@media screen and (max-width: 767px) {
  .client_Dashboard_container .client_dashboard_content .topNav .topNav_menu_icon {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 500;
    font-size: 1.6rem;
    cursor: pointer;
    display: block;
  }
}
.client_Dashboard_container .client_dashboard_content .topNav .topNav_right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 3rem;
  width: 50%;
  height: 100%;
  padding: 5px 10px;
}
.client_Dashboard_container .client_dashboard_content .topNav .topNav_right a {
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.7rem;
  color: #000;
  cursor: pointer;
}
.client_Dashboard_container .client_dashboard_content .topNav .topNav_right a:hover {
  filter: drop-shadow(0px 4px 5px rgba(53, 53, 53, 0.4));
}
.client_Dashboard_container .client_dashboard_content .topNav .topNav_right .notification {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.7rem;
  cursor: pointer;
}
.client_Dashboard_container .client_dashboard_content .topNav .topNav_right .notification:hover {
  filter: drop-shadow(0px 4px 5px rgba(53, 53, 53, 0.4));
}
.client_Dashboard_container .client_dashboard_content .topNav .topNav_right .user_name {
  display: flex;
  align-items: center;
  justify-content: center;
}
.client_Dashboard_container .client_dashboard_content .topNav .topNav_right .user_name h3 {
  font-size: 1.8rem;
  font-weight: 400;
  font-family: "Teko", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  letter-spacing: 2px;
}
@media screen and (max-width: 767px) {
  .client_Dashboard_container .client_dashboard_content .topNav .topNav_right .user_name {
    display: none;
  }
}
.client_Dashboard_container .client_dashboard_content .topNav .topNav_right .profile_logo {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.client_Dashboard_container .client_dashboard_content .topNav .topNav_right .profile_logo img {
  width: 65px;
  height: 65px;
  border-radius: 50%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.client_Dashboard_container .client_dashboard_content .topNav .topNav_right .profile_logo img:hover {
  filter: drop-shadow(0px 4px 5px rgba(54, 54, 54, 0.4));
}
@media screen and (max-width: 767px) {
  .client_Dashboard_container .client_dashboard_content .topNav .topNav_right .profile_logo img {
    width: 50px;
    height: 50px;
  }
  .client_Dashboard_container .client_dashboard_content .topNav .topNav_right {
    gap: 1rem;
  }
  .client_Dashboard_container .client_dashboard_content .topNav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 1rem;
    width: 100%;
  }
}
.client_Dashboard_container .client_dashboard_content .content_box {
  width: 100%;
  height: 88dvh;
  min-height: 88dvh;
  padding: 1rem;
  position: relative;
}
.client_Dashboard_container .client_dashboard_content::-webkit-scrollbar {
  width: 5px;
  background-color: rgba(255, 249, 245, 0.7960784314);
  border-radius: 4px;
  display: none;
}
.client_Dashboard_container .client_dashboard_content::-webkit-scrollbar-thumb {
  width: 4px;
  background-color: #C0EB99;
}
@media screen and (max-width: 776px) {
  .client_Dashboard_container .client_dashboard_content {
    width: 100vw;
    padding: 0px;
  }
}
.client_Dashboard_container .expand_Content {
  width: 95dvw;
}
@media screen and (max-width: 767px) {
  .client_Dashboard_container .expand_Content {
    width: 100dvw;
  }
}
.client_Dashboard_container .footer {
  position: absolute;
  bottom: 0%;
  left: 0%;
  width: 100%;
  background-color: azure;
}
.client_Dashboard_container::-webkit-scrollbar {
  display: block;
  width: 4px;
  border-radius: 4px;
  background-color: #ffffff;
}
.client_Dashboard_container::-webkit-scrollbar-thumb {
  width: 4px;
  background-color: #1c4e80;
}
.VCards_container {
  width: 98%;
  height: 100%;
  position: relative;
}
.VCards_container .Vcard_delete_popupBox {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 300px;
  height: auto;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.3);
  padding: 10px;
  z-index: 1000;
}
.VCards_container .Vcard_delete_popupBox .popup_title {
  padding: 10px;
  font-size: 0.8rem;
  font-weight: 550;
  width: 100%;
}
.VCards_container .Vcard_delete_popupBox .popup_actions {
  width: 100%;
  margin: 1rem auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3rem;
}
.VCards_container .Vcard_delete_popupBox .popup_actions .delete button {
  padding: 6px 1rem;
  outline: none;
  border: transparent;
  background-color: tomato;
  color: white;
  font-weight: 550;
  font-size: 0.9rem;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.5s ease;
}
.VCards_container .Vcard_delete_popupBox .popup_actions .delete button:hover {
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);
  scale: 1.05;
  transition: all 0.5s ease;
}
.VCards_container .Vcard_delete_popupBox .popup_actions .cancel button {
  padding: 6px 1rem;
  outline: none;
  border: transparent;
  background-color: rgb(44, 138, 117);
  color: white;
  font-weight: 550;
  font-size: 0.9rem;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.5s ease;
}
.VCards_container .Vcard_delete_popupBox .popup_actions .cancel button:hover {
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);
  scale: 1.05;
  transition: all 0.5s ease;
}
.VCards_container .vcard_title {
  width: 100%;
}
.VCards_container .vcard_title h4 {
  font-size: 2.2rem;
  font-weight: 400;
  font-family: "Teko", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  color: #000;
  letter-spacing: 1px;
}
@media screen and (max-width: 776px) {
  .VCards_container .vcard_title h4 {
    font-size: 1.5rem;
    font-weight: 500;
  }
}
.VCards_container .vcard_action {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 1;
}
.VCards_container .vcard_action a {
  text-decoration: none;
}
.VCards_container .vcard_action a button {
  padding: 10px 10px;
  outline: none;
  border: transparent;
  background-color: #ff8b3f;
  color: white;
  font-size: 0.8rem;
  border-radius: 5px;
  transition: all 0.4s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-weight: 600;
}
.VCards_container .vcard_action a button i {
  font-size: 1.2rem;
  font-weight: 600;
}
.VCards_container .vcard_action a button:hover {
  background-color: #4681ee;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.3);
  color: #ffffff;
  transition: all 0.4s ease;
}
.VCards_container .row_2 {
  display: flex;
  flex-direction: row;
  width: 100%;
  margin: 1rem auto;
}
.VCards_container .row_2 .card_box {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  background-color: rgb(236, 228, 228);
  border-radius: 0.5rem;
}
.VCards_container .row_2 .card_box .card_title_box {
  display: grid;
  width: 100%;
  grid-template-columns: 0.5fr 1fr 1.5fr 0.7fr 0.5fr 1fr;
  place-items: center;
  background-color: gray;
  box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
  padding: 0.8rem 0px;
  overflow-x: scroll;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.VCards_container .row_2 .card_box .card_title_box .title {
  display: flex;
  align-items: center;
  justify-content: center;
}
.VCards_container .row_2 .card_box .card_title_box .title h4 {
  font-size: 0.8rem;
  font-weight: bolder;
  color: #fff;
}
.VCards_container .row_2 .card_box .card_title_box::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 1200px) {
  .VCards_container .row_2 .card_box .card_title_box {
    width: 200vw;
    grid-template-columns: 2fr 2fr 2fr 2fr 2fr 2fr;
  }
}
@media screen and (max-width: 700px) {
  .VCards_container .row_2 .card_box .card_title_box {
    width: 300vw;
    grid-template-columns: 2fr 2fr 2fr 2fr 2fr 2fr;
  }
}
.VCards_container .row_2 .card_box .card_detail_box {
  display: grid;
  width: 100%;
  grid-template-columns: 0.5fr 1fr 1.5fr 0.7fr 0.5fr 1fr;
  place-items: center;
  background-color: rgb(255, 255, 255);
  padding: 0.5rem 0px;
  box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
}
.VCards_container .row_2 .card_box .card_detail_box .detail {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.VCards_container .row_2 .card_box .card_detail_box .detail img {
  width: 60px;
  height: 60px;
  border-radius: 0.3rem;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border: 1px solid rgb(235, 235, 235);
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
}
.VCards_container .row_2 .card_box .card_detail_box .detail p {
  font-size: 0.9rem;
  font-weight: 550;
}
.VCards_container .row_2 .card_box .card_detail_box .detail i {
  font-size: 1.4rem;
  color: rgb(70, 70, 70);
  cursor: pointer;
}
.VCards_container .row_2 .card_box .card_detail_box .detail a {
  text-decoration: none;
  font-size: 0.8rem;
  font-weight: 550;
  color: royalblue;
}
.VCards_container .row_2 .card_box .card_detail_box .detail small {
  font-size: 0.8rem;
  padding: 5px 10px;
  background-color: rgb(93, 250, 132);
  border-radius: 5px;
  color: #5e5e5e;
  font-weight: 600;
}
.VCards_container .row_2 .card_box .card_detail_box .detail .note {
  font-size: 0.8rem;
  font-weight: 550;
  color: #a15afd;
  background-color: transparent;
}
.VCards_container .row_2 .card_box .card_detail_box .detail .note2 {
  font-size: 0.7rem;
  font-weight: 550;
  color: #ff8349;
  background-color: transparent;
}
.VCards_container .row_2 .card_box .card_detail_box .detail_actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  width: 100%;
}
.VCards_container .row_2 .card_box .card_detail_box .detail_actions .edit,
.VCards_container .row_2 .card_box .card_detail_box .detail_actions .delete,
.VCards_container .row_2 .card_box .card_detail_box .detail_actions .info {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  cursor: pointer;
}
.VCards_container .row_2 .card_box .card_detail_box .detail_actions .edit small,
.VCards_container .row_2 .card_box .card_detail_box .detail_actions .delete small,
.VCards_container .row_2 .card_box .card_detail_box .detail_actions .info small {
  font-size: 0.7rem;
}
.VCards_container .row_2 .card_box .card_detail_box .detail_actions .edit .icon,
.VCards_container .row_2 .card_box .card_detail_box .detail_actions .delete .icon,
.VCards_container .row_2 .card_box .card_detail_box .detail_actions .info .icon {
  font-size: 1.4rem;
  transition: all 0.4s ease-in-out;
}
.VCards_container .row_2 .card_box .card_detail_box .detail_actions .edit .icon:hover,
.VCards_container .row_2 .card_box .card_detail_box .detail_actions .delete .icon:hover,
.VCards_container .row_2 .card_box .card_detail_box .detail_actions .info .icon:hover {
  scale: 1.1;
  filter: drop-shadow(0px 4px 5px rgba(44, 44, 44, 0.4));
  transition: all 0.4s ease-in-out;
}
.VCards_container .row_2 .card_box .card_detail_box .detail_actions .edit:nth-child(1) .icon,
.VCards_container .row_2 .card_box .card_detail_box .detail_actions .delete:nth-child(1) .icon,
.VCards_container .row_2 .card_box .card_detail_box .detail_actions .info:nth-child(1) .icon {
  color: gray;
}
.VCards_container .row_2 .card_box .card_detail_box .detail_actions .edit:nth-child(1) small,
.VCards_container .row_2 .card_box .card_detail_box .detail_actions .delete:nth-child(1) small,
.VCards_container .row_2 .card_box .card_detail_box .detail_actions .info:nth-child(1) small {
  color: gray;
}
.VCards_container .row_2 .card_box .card_detail_box .detail_actions .edit:nth-child(2) .icon,
.VCards_container .row_2 .card_box .card_detail_box .detail_actions .delete:nth-child(2) .icon,
.VCards_container .row_2 .card_box .card_detail_box .detail_actions .info:nth-child(2) .icon {
  color: tomato;
}
.VCards_container .row_2 .card_box .card_detail_box .detail_actions .edit:nth-child(2) small,
.VCards_container .row_2 .card_box .card_detail_box .detail_actions .delete:nth-child(2) small,
.VCards_container .row_2 .card_box .card_detail_box .detail_actions .info:nth-child(2) small {
  color: tomato;
}
.VCards_container .row_2 .card_box .card_detail_box .detail_actions .edit:nth-child(3) .icon,
.VCards_container .row_2 .card_box .card_detail_box .detail_actions .delete:nth-child(3) .icon,
.VCards_container .row_2 .card_box .card_detail_box .detail_actions .info:nth-child(3) .icon {
  color: rgb(255, 142, 49);
}
.VCards_container .row_2 .card_box .card_detail_box .detail_actions .edit:nth-child(3) small,
.VCards_container .row_2 .card_box .card_detail_box .detail_actions .delete:nth-child(3) small,
.VCards_container .row_2 .card_box .card_detail_box .detail_actions .info:nth-child(3) small {
  color: rgb(255, 142, 49);
}
.VCards_container .row_2 .card_box .card_detail_box .detail_actions .info {
  position: relative;
}
.VCards_container .row_2 .card_box .card_detail_box .detail_actions .info .info_message_box {
  width: 250px;
  height: 100px;
  position: absolute;
  top: 160%;
  right: 20%;
  background-color: rgb(255, 255, 255);
  box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  gap: 1rem;
  padding: 10px;
  opacity: 0;
}
.VCards_container .row_2 .card_box .card_detail_box .detail_actions .info .info_message_box .info_message {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.VCards_container .row_2 .card_box .card_detail_box .detail_actions .info .info_message_box .info_message p {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-size: 0.7rem;
  font-weight: 550;
  color: darkcyan;
}
.VCards_container .row_2 .card_box .card_detail_box .detail_actions .info .info_message_box .info_message p strong {
  color: gray;
  padding-left: 5px;
}
.VCards_container .row_2 .card_box .card_detail_box .detail_actions .edit {
  position: relative;
}
.VCards_container .row_2 .card_box .card_detail_box .detail_actions .edit .touch_hand {
  position: absolute;
  bottom: 0%;
  right: -85%;
}
.VCards_container .row_2 .card_box .card_detail_box .detail_actions .edit .touch_hand img {
  width: 30px;
  height: 30px;
  mix-blend-mode: multiply;
}
.VCards_container .row_2 .card_box .card_detail_box .detail_actions #show {
  opacity: 1;
}
@media screen and (max-width: 1200px) {
  .VCards_container .row_2 .card_box .card_detail_box {
    width: 200vw;
    grid-template-columns: 2fr 2fr 2fr 2fr 2fr 2fr;
  }
}
@media screen and (max-width: 700px) {
  .VCards_container .row_2 .card_box .card_detail_box {
    width: 300vw;
    grid-template-columns: 2fr 2fr 2fr 2fr 2fr 2fr;
  }
}
@media screen and (max-width: 700px) and (max-width: 776px) {
  .VCards_container .row_2 .card_box .card_detail_box {
    background-color: rgb(179, 255, 208) !important;
  }
}
.VCards_container .row_2 .card_box .card_detail_box_empty {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
}
.VCards_container .row_2 .card_box .card_detail_box_empty small {
  font-size: 0.9rem;
  font-weight: 550;
  color: rgb(255, 124, 124);
}
@media screen and (max-width: 1200px) {
  .VCards_container .row_2 .card_box {
    width: 200vw;
    overflow-x: scroll;
  }
}
@media screen and (max-width: 770px) {
  .VCards_container {
    width: 100%;
  }
}
.new_Vcard_url_container {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 1rem;
  font-weight: 600;
}
.new_Vcard_url_container .new_vcardurl_row_one {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.new_Vcard_url_container .new_vcardurl_row_one .title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 1rem;
}
.new_Vcard_url_container .new_vcardurl_row_one .title h5 {
  font-size: 1.6rem;
  font-weight: bolder;
  font-weight: 400;
  letter-spacing: 1px;
  font-family: "Teko", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}
.new_Vcard_url_container .close_new_vcardurl_page {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 1rem;
}
.new_Vcard_url_container .close_new_vcardurl_page button {
  padding: 6px 1rem;
  background-color: #ff8b3f;
  font-size: 0.9rem;
  font-weight: 500;
  color: #fff;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  transition: all 0.3s ease-in;
}
.new_Vcard_url_container .close_new_vcardurl_page button i {
  font-size: 1rem;
}
.new_Vcard_url_container .close_new_vcardurl_page button:hover {
  background-color: rgb(44, 93, 240);
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
  scale: 1.05;
  transition: all 0.3s ease-in;
}
.new_Vcard_url_container .new_vcardURL_container_box {
  width: 100%;
  height: auto;
  padding: 1rem 1rem;
  position: relative;
}
.new_Vcard_url_container .new_vcardURL_container_box .tooltip_banner {
  position: absolute;
  top: -5%;
  left: 22%;
  width: 200px;
  height: 80px;
  z-index: 1000;
  padding: 0.4rem;
  border-radius: 0.3rem;
  background-color: #242424 !important;
}
.new_Vcard_url_container .new_vcardURL_container_box .tooltip_banner .content {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.new_Vcard_url_container .new_vcardURL_container_box .tooltip_banner .content small {
  font-size: 0.7rem;
  color: #fff;
  font-weight: 500;
  text-align: center;
}
.new_Vcard_url_container .new_vcardURL_container_box .tooltip_banner .content p {
  font-size: 0.6rem;
  color: #faf627;
  font-weight: 550;
}
.new_Vcard_url_container .new_vcardURL_container_box .tooltip_banner .content p strong {
  color: rgb(255, 255, 255);
}
.new_Vcard_url_container .new_vcardURL_container_box form {
  display: grid;
  width: 100%;
  max-width: 1400px;
  height: 100%;
  overflow-y: scroll;
  grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
  gap: 0.6rem 0.5rem;
  place-items: start;
  margin: auto;
  background-color: #fff;
  padding: 1rem 1rem;
  border-radius: 0.3rem;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
}
.new_Vcard_url_container .new_vcardURL_container_box form .form_group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 5px;
  width: 95%;
  margin: auto;
  position: relative;
}
.new_Vcard_url_container .new_vcardURL_container_box form .form_group label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-weight: bold !important;
  color: #000;
  width: 100%;
}
.new_Vcard_url_container .new_vcardURL_container_box form .form_group label sup {
  color: red;
  font-weight: bold;
  margin-left: 3px;
}
.new_Vcard_url_container .new_vcardURL_container_box form .form_group label img {
  width: 70px;
  height: 70px;
}
.new_Vcard_url_container .new_vcardURL_container_box form .form_group label .note {
  width: 18px;
  height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 10px;
  background-color: rgb(32, 32, 32);
  padding: 3px;
  border-radius: 50%;
}
.new_Vcard_url_container .new_vcardURL_container_box form .form_group label .note i {
  color: #fff;
  font-size: 1rem;
  font-weight: 500;
  padding: 3px;
}
.new_Vcard_url_container .new_vcardURL_container_box form .form_group label .note:hover {
  background-color: #24b41f;
}
.new_Vcard_url_container .new_vcardURL_container_box form .form_group input[type=text] {
  padding: 8px 1rem;
  width: 100%;
  outline: none;
  border: 1px solid rgb(185, 185, 185);
  border-radius: 5px;
  position: relative;
  font-size: 1rem;
  color: rgb(85, 85, 85);
  font-size: 550;
}
@media screen and (max-width: 776px) {
  .new_Vcard_url_container .new_vcardURL_container_box form .form_group input[type=text] {
    width: 70% !important;
  }
}
.new_Vcard_url_container .new_vcardURL_container_box form .form_group input[type=text]::-moz-placeholder {
  font-size: 0.8rem;
  color: gray;
}
.new_Vcard_url_container .new_vcardURL_container_box form .form_group input[type=text]::placeholder {
  font-size: 0.8rem;
  color: gray;
}
@media screen and (max-width: 776px) {
  .new_Vcard_url_container .new_vcardURL_container_box form .form_group select {
    width: 70% !important;
  }
}
.new_Vcard_url_container .new_vcardURL_container_box form .form_group .double_input {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  flex-direction: row !important;
  width: 100%;
}
@media screen and (max-width: 776px) {
  .new_Vcard_url_container .new_vcardURL_container_box form .form_group .double_input {
    width: 93% !important;
  }
}
.new_Vcard_url_container .new_vcardURL_container_box form .form_group .VCardName {
  padding: 8px 1rem;
  width: 100%;
  outline: none;
  border: 1px solid rgb(185, 185, 185);
  border-radius: 5px;
  color: rgb(87, 87, 87);
  font-weight: 500;
  position: relative;
}
.new_Vcard_url_container .new_vcardURL_container_box form .form_group .VCardName option {
  font-size: 0.9rem;
  font-weight: 500;
  border-radius: none;
}
.new_Vcard_url_container .new_vcardURL_container_box form .form_group .input_error {
  border: 1px solid red !important;
  border-radius: 5px;
}
.new_Vcard_url_container .new_vcardURL_container_box form .form_group .error {
  position: absolute;
  top: 0%;
  right: 0%;
  color: red;
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
.new_Vcard_url_container .new_vcardURL_container_box form .form_group .desc_error {
  position: absolute;
  top: 0%;
  right: 0%;
  color: red;
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
.new_Vcard_url_container .new_vcardURL_container_box form .form_group .profile_error,
.new_Vcard_url_container .new_vcardURL_container_box form .form_group .banner_error {
  width: 100%;
  position: relative;
  color: red;
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
@media screen and (max-width: 1100px) {
  .new_Vcard_url_container .new_vcardURL_container_box form .form_group .profile_error,
  .new_Vcard_url_container .new_vcardURL_container_box form .form_group .banner_error {
    bottom: -10%;
  }
}
.new_Vcard_url_container .new_vcardURL_container_box form .form_group input[type=file] {
  display: block;
  border: none;
  width: 100%;
  font-size: 0.7rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-weight: 550;
  outline: none;
  color: #03796f;
  cursor: pointer;
}
@media screen and (max-width: 776px) {
  .new_Vcard_url_container .new_vcardURL_container_box form .form_group input[type=file] {
    width: 65% !important;
  }
}
.new_Vcard_url_container .new_vcardURL_container_box form .form_group .url_error_handle {
  position: absolute;
  right: 5%;
  bottom: 15%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}
.new_Vcard_url_container .new_vcardURL_container_box form .form_group .url_error_handle .success {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.new_Vcard_url_container .new_vcardURL_container_box form .form_group .url_error_handle .success i {
  color: green;
}
.new_Vcard_url_container .new_vcardURL_container_box form .form_group .url_error_handle .success small {
  font-size: 0.8rem;
  color: green;
}
.new_Vcard_url_container .new_vcardURL_container_box form .form_group .url_error_handle .failure {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.new_Vcard_url_container .new_vcardURL_container_box form .form_group .url_error_handle .failure i {
  color: red;
}
.new_Vcard_url_container .new_vcardURL_container_box form .form_group .url_error_handle .failure small {
  font-size: 0.8rem;
  color: red;
}
@media screen and (max-width: 776px) {
  .new_Vcard_url_container .new_vcardURL_container_box form .form_group .url_error_handle {
    position: absolute;
    right: 37%;
    bottom: 15%;
  }
}
.new_Vcard_url_container .new_vcardURL_container_box form .form_group:nth-child(1) {
  place-items: start;
}
@media screen and (max-width: 776px) {
  .new_Vcard_url_container .new_vcardURL_container_box form .form_group {
    width: 100%;
  }
}
.new_Vcard_url_container .new_vcardURL_container_box form .profession {
  grid-column: 1/-1;
  display: flex;
  flex-direction: column;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 5px;
  width: 98% !important;
  place-items: start;
  position: relative;
}
.new_Vcard_url_container .new_vcardURL_container_box form .profession #Profession {
  width: 100%;
}
.new_Vcard_url_container .new_vcardURL_container_box form .editor {
  grid-column: span 1;
}
.new_Vcard_url_container .new_vcardURL_container_box form .quill {
  border: 1px solid rgb(110, 110, 110) !important;
  height: 250px !important;
  width: 100% !important;
}
.new_Vcard_url_container .new_vcardURL_container_box form .ql-container {
  border: none;
}
.new_Vcard_url_container .new_vcardURL_container_box form .image_col_inputs {
  display: flex;
  flex-direction: column !important;
  width: 100%;
  height: 100%;
  align-items: flex-start;
  justify-content: flex-start;
}
.new_Vcard_url_container .new_vcardURL_container_box form .image_col_inputs .image_upload_type {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.new_Vcard_url_container .new_vcardURL_container_box form .image_col_inputs .image_upload_type .logo_type {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.new_Vcard_url_container .new_vcardURL_container_box form .image_col_inputs .image_upload_type .logo_type select {
  font-size: 0.8rem;
  color: royalblue;
  border: 1px solid gray;
  padding: 8px 1rem;
  width: 100%;
  outline: none;
  border: 1px solid rgb(185, 185, 185);
  border-radius: 5px;
  color: rgb(87, 87, 87);
  font-weight: 500;
  position: relative;
  cursor: pointer;
}
.new_Vcard_url_container .new_vcardURL_container_box form .image_col_inputs .image_upload_type .logo_type select option {
  font-weight: 500;
  color: rgb(83, 83, 83);
}
.new_Vcard_url_container .new_vcardURL_container_box form .image_col_inputs .image_upload_type .banner_type {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.new_Vcard_url_container .new_vcardURL_container_box form .image_col_inputs .image_upload_type .banner_type select {
  font-size: 0.8rem;
  color: royalblue;
  border: 1px solid gray;
  padding: 8px 1rem;
  width: 100%;
  outline: none;
  border: 1px solid rgb(185, 185, 185);
  border-radius: 5px;
  color: rgb(87, 87, 87);
  font-weight: 500;
  position: relative;
  cursor: pointer;
}
.new_Vcard_url_container .new_vcardURL_container_box form .image_col_inputs .image_upload_type .banner_type select option {
  font-weight: 500;
  color: rgb(83, 83, 83);
}
@media screen and (max-width: 776px) {
  .new_Vcard_url_container .new_vcardURL_container_box form .image_col_inputs .image_upload_type {
    width: 65% !important;
  }
}
.new_Vcard_url_container .new_vcardURL_container_box form .image_col_inputs .images {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 10px;
  justify-content: space-between;
}
.new_Vcard_url_container .new_vcardURL_container_box form .image_col_inputs .images .first {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}
.new_Vcard_url_container .new_vcardURL_container_box form .image_col_inputs .images .first label {
  font-size: 0.8rem;
  font-weight: 500;
  color: rgb(34, 34, 34) !important;
  position: relative;
  width: 100%;
}
.new_Vcard_url_container .new_vcardURL_container_box form .image_col_inputs .images .first label sup {
  color: red;
  font-weight: bold;
  margin-left: 3px;
}
.new_Vcard_url_container .new_vcardURL_container_box form .image_col_inputs .images .first label .Profile {
  width: 100px;
  height: 100px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 1rem;
  border: 1px solid rgb(161, 161, 161);
  position: relative;
}
.new_Vcard_url_container .new_vcardURL_container_box form .image_col_inputs .images .first label .clear {
  position: absolute;
  left: 44%;
  top: 0%;
  color: red;
  font-size: 1.2rem;
  cursor: pointer;
  z-index: 100;
  display: none !important;
}
.new_Vcard_url_container .new_vcardURL_container_box form .image_col_inputs .images .first label .clear:hover {
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
}
.new_Vcard_url_container .new_vcardURL_container_box form .image_col_inputs .images .first label i {
  position: absolute;
  font-size: 1.5rem;
  color: #6571fe;
  left: 40%;
  top: -10%;
}
.new_Vcard_url_container .new_vcardURL_container_box form .image_col_inputs .images .first p {
  font-size: 0.7rem;
  font-weight: 600;
  color: rgb(31, 31, 31);
}
.new_Vcard_url_container .new_vcardURL_container_box form .image_col_inputs .images .first p strong {
  color: rgb(255, 71, 71);
}
.new_Vcard_url_container .new_vcardURL_container_box form .image_col_inputs .images .first small {
  font-size: 0.7rem;
  color: gray;
  font-weight: 500;
}
.new_Vcard_url_container .new_vcardURL_container_box form .image_col_inputs .images .second {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}
.new_Vcard_url_container .new_vcardURL_container_box form .image_col_inputs .images .second label {
  font-size: 0.8rem;
  font-weight: 500;
  color: rgb(34, 34, 34) !important;
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.new_Vcard_url_container .new_vcardURL_container_box form .image_col_inputs .images .second label sup {
  color: red;
  font-weight: bold;
  margin-left: 3px;
}
.new_Vcard_url_container .new_vcardURL_container_box form .image_col_inputs .images .second label .Banner {
  width: 150px;
  height: 90px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 10px;
  border: 1px solid rgb(161, 161, 161);
  position: relative;
}
.new_Vcard_url_container .new_vcardURL_container_box form .image_col_inputs .images .second label .clear {
  position: absolute;
  right: 24%;
  top: 0%;
  color: red;
  font-size: 1.2rem;
  cursor: pointer;
  display: none;
}
.new_Vcard_url_container .new_vcardURL_container_box form .image_col_inputs .images .second label .clear:hover {
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
}
.new_Vcard_url_container .new_vcardURL_container_box form .image_col_inputs .images .second label i {
  position: absolute;
  font-size: 1.5rem;
  color: #6571fe;
  right: 20%;
  top: -13%;
}
.new_Vcard_url_container .new_vcardURL_container_box form .image_col_inputs .images .second p {
  font-size: 0.7rem;
  font-weight: 600;
  color: rgb(31, 31, 31);
}
.new_Vcard_url_container .new_vcardURL_container_box form .image_col_inputs .images .second p strong {
  color: rgb(255, 71, 71);
}
.new_Vcard_url_container .new_vcardURL_container_box form .image_col_inputs .images .second small {
  font-size: 0.7rem;
  color: gray;
  font-weight: 500;
}
.new_Vcard_url_container .new_vcardURL_container_box form .url_link_input_group {
  width: 100% !important;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
}
.new_Vcard_url_container .new_vcardURL_container_box form .url_link_input_group img {
  width: 90px;
  max-width: 90px;
  height: 90px;
  max-height: 90px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 1rem;
  border: 1px solid gray;
  margin-bottom: 15px;
}
.new_Vcard_url_container .new_vcardURL_container_box form .url_link_input_group .banner_address_image {
  width: 150px;
  height: 90px;
  max-width: 150px;
  max-height: 90px;
  border-radius: 10px;
  -o-object-fit: cover;
     object-fit: cover;
  border: 1px solid gray;
  margin-bottom: 15px;
}
.new_Vcard_url_container .new_vcardURL_container_box form .url_link_input_group label {
  font-size: 0.6rem;
  font-weight: 550;
}
.new_Vcard_url_container .new_vcardURL_container_box form .url_link_input_group input {
  padding: 8px 1rem !important;
  font-size: 0.7rem;
  position: relative;
  font-size: 550 !important;
}
.new_Vcard_url_container .new_vcardURL_container_box form .url_link_input_group .clear_action {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.new_Vcard_url_container .new_vcardURL_container_box form .url_link_input_group .clear_action .clear_btn {
  background-color: tomato;
  color: #fff;
  font-size: 0.9rem;
  padding: 0.2rem 1rem;
  outline: none;
  border: none;
  border-radius: 0.2rem;
  cursor: pointer;
  font-weight: 550;
  transition: all 0.5s ease;
}
.new_Vcard_url_container .new_vcardURL_container_box form .url_link_input_group .clear_action .clear_btn:hover {
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
  transition: all 0.5s ease;
}
.new_Vcard_url_container .new_vcardURL_container_box form .form2_title {
  width: 100%;
  display: flex;
  grid-column: 1/-1;
  align-items: center;
  justify-content: flex-start;
}
.new_Vcard_url_container .new_vcardURL_container_box form .form2_title h4 {
  font-size: 0.9rem;
  font-weight: 550;
  color: #383838;
}
.new_Vcard_url_container .new_vcardURL_container_box form .form_group {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 5px;
  width: 95%;
  margin: auto;
}
.new_Vcard_url_container .new_vcardURL_container_box form .form_group label {
  font-size: 0.9rem;
  font-weight: 500;
  color: rgb(63, 63, 63);
  width: 100%;
}
.new_Vcard_url_container .new_vcardURL_container_box form .form_group label sup {
  color: red;
  font-weight: bold;
  margin-left: 3px;
}
.new_Vcard_url_container .new_vcardURL_container_box form .form_group label img {
  width: 70px;
  height: 70px;
}
.new_Vcard_url_container .new_vcardURL_container_box form .form_group input[type=text],
.new_Vcard_url_container .new_vcardURL_container_box form .form_group input[type=email],
.new_Vcard_url_container .new_vcardURL_container_box form .form_group input[type=tel] {
  padding: 8px 1rem;
  width: 100%;
  outline: none;
  border: 1px solid rgb(185, 185, 185);
  border-radius: 5px;
}
@media screen and (max-width: 776px) {
  .new_Vcard_url_container .new_vcardURL_container_box form .form_group input[type=text],
  .new_Vcard_url_container .new_vcardURL_container_box form .form_group input[type=email],
  .new_Vcard_url_container .new_vcardURL_container_box form .form_group input[type=tel] {
    width: 65% !important;
  }
}
.new_Vcard_url_container .new_vcardURL_container_box form .form_group input[type=text]::-moz-placeholder, .new_Vcard_url_container .new_vcardURL_container_box form .form_group input[type=email]::-moz-placeholder, .new_Vcard_url_container .new_vcardURL_container_box form .form_group input[type=tel]::-moz-placeholder {
  font-size: 0.8rem;
  color: gray;
}
.new_Vcard_url_container .new_vcardURL_container_box form .form_group input[type=text]::placeholder,
.new_Vcard_url_container .new_vcardURL_container_box form .form_group input[type=email]::placeholder,
.new_Vcard_url_container .new_vcardURL_container_box form .form_group input[type=tel]::placeholder {
  font-size: 0.8rem;
  color: gray;
}
.new_Vcard_url_container .new_vcardURL_container_box form .form_group .first label,
.new_Vcard_url_container .new_vcardURL_container_box form .form_group .second label {
  font-size: 0.9rem;
  font-weight: 500;
  color: rgb(105, 104, 104);
  width: 100%;
}
.new_Vcard_url_container .new_vcardURL_container_box form .form_group .first label sup,
.new_Vcard_url_container .new_vcardURL_container_box form .form_group .second label sup {
  color: red;
  font-weight: bold;
  margin-left: 3px;
}
.new_Vcard_url_container .new_vcardURL_container_box form .form_group .first label img,
.new_Vcard_url_container .new_vcardURL_container_box form .form_group .second label img {
  width: 90px;
  height: 90px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 50%;
  border: 2px solid skyblue;
}
.new_Vcard_url_container .new_vcardURL_container_box form .form_group input[type=file] {
  display: block;
  border: none;
  width: 100%;
  font-size: 0.7rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-weight: 550;
  outline: none;
  color: #03796f;
  cursor: pointer;
}
@media screen and (max-width: 776px) {
  .new_Vcard_url_container .new_vcardURL_container_box form .form_group input[type=file] {
    width: 65% !important;
  }
  .new_Vcard_url_container .new_vcardURL_container_box form .form_group {
    width: 95%;
    margin: auto;
  }
}
.new_Vcard_url_container .new_vcardURL_container_box form .actions {
  display: flex;
  align-self: center !important;
  justify-content: flex-start;
  gap: 5px;
  width: 100%;
  height: 50px;
}
.new_Vcard_url_container .new_vcardURL_container_box form .actions p {
  font-size: 0.9rem;
  font-weight: 500;
  height: 100%;
}
.new_Vcard_url_container .new_vcardURL_container_box form .actions input[type=checkbox] {
  width: 20px;
  height: 20px;
  border: 2px solid #6a74fc;
  border-radius: 4px;
  outline: none;
  cursor: pointer;
  position: relative;
}
.new_Vcard_url_container .new_vcardURL_container_box form .actions input[type=checkbox]:checked {
  background-color: #007bff;
  border: 2px solid #007bff;
}
.new_Vcard_url_container .new_vcardURL_container_box form .actions .on {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.9rem;
  color: royalblue;
  cursor: pointer;
}
.new_Vcard_url_container .new_vcardURL_container_box form .actions .off {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.9rem;
  color: #6c757d;
  cursor: pointer;
}
.new_Vcard_url_container .new_vcardURL_container_box form .form_submit_actions {
  display: flex;
  grid-column: 1/-1;
  width: 100%;
  align-items: center;
  justify-content: flex-end;
  gap: 2rem;
  padding: 0px 2rem;
}
.new_Vcard_url_container .new_vcardURL_container_box form .form_submit_actions button {
  outline: none;
  border: transparent;
  padding: 5px 2rem;
  border-radius: 5px;
  font-weight: 500;
  font-size: 0.9rem;
}
.new_Vcard_url_container .new_vcardURL_container_box form .form_submit_actions .save {
  background-color: #ff8b3f;
  color: #fff;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.new_Vcard_url_container .new_vcardURL_container_box form .form_submit_actions .save:hover {
  background-color: rgb(105, 141, 248);
  box-shadow: 0px 4px 4px rgb(124, 124, 124);
  transition: all 0.3s ease;
}
.new_Vcard_url_container .new_vcardURL_container_box form .form_submit_actions .clear {
  background-color: tomato;
  color: #fff;
  transition: all 0.3s ease;
  display: none;
}
.new_Vcard_url_container .new_vcardURL_container_box form .form_submit_actions .clear:hover {
  background-color: rgb(207, 83, 245);
  box-shadow: 0px 4px 4px rgb(124, 124, 124);
  transition: all 0.3s ease;
}
.new_Vcard_url_container .new_vcardURL_container_box form .form_submit_actions .discard {
  background-color: rgb(138, 138, 138);
  color: #ffffff;
  transition: all 0.3s ease;
}
.new_Vcard_url_container .new_vcardURL_container_box form .form_submit_actions .discard:hover {
  box-shadow: 0px 4px 4px rgb(165, 165, 165);
  background-color: rgb(92, 92, 92);
  transition: all 0.3s ease;
}
@media screen and (max-width: 776px) {
  .new_Vcard_url_container .new_vcardURL_container_box form .form_submit_actions {
    width: 100%;
    margin: auto;
    align-items: center;
    justify-content: flex-start;
    padding-left: 1rem;
  }
}
.new_Vcard_url_container .new_vcardURL_container_box form::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 776px) {
  .new_Vcard_url_container .new_vcardURL_container_box form {
    width: 100%;
    max-width: 100%;
    padding: 10px 0px;
    gap: 1rem;
  }
  .new_Vcard_url_container .new_vcardURL_container_box {
    padding: 10px 0px;
  }
  .new_Vcard_url_container {
    padding: 0px 0px;
  }
}:root {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
  	Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
  	"Segoe UI Symbol";
  --surface-a: #ffffff;
  --surface-b: #f8f9fa;
  --surface-c: #e9ecef;
  --surface-d: #dee2e6;
  --surface-e: #ffffff;
  --surface-f: #ffffff;
  --text-color: #495057;
  --text-color-secondary: #6c757d;
  --primary-color: #2196f3;
  --primary-color-text: #ffffff;
  --surface-0: #ffffff;
  --surface-50: #fafafa;
  --surface-100: #f5f5f5;
  --surface-200: #eeeeee;
  --surface-300: #e0e0e0;
  --surface-400: #bdbdbd;
  --surface-500: #9e9e9e;
  --surface-600: #757575;
  --surface-700: #616161;
  --surface-800: #424242;
  --surface-900: #212121;
  --gray-50: #fafafa;
  --gray-100: #f5f5f5;
  --gray-200: #eeeeee;
  --gray-300: #e0e0e0;
  --gray-400: #bdbdbd;
  --gray-500: #9e9e9e;
  --gray-600: #757575;
  --gray-700: #616161;
  --gray-800: #424242;
  --gray-900: #212121;
  --content-padding: 1rem;
  --inline-spacing: 0.5rem;
  --border-radius: 3px;
  --surface-ground: #f8f9fa;
  --surface-section: #ffffff;
  --surface-card: #ffffff;
  --surface-overlay: #ffffff;
  --surface-border: #dee2e6;
  --surface-hover: #e9ecef;
  --focus-ring: 0 0 0 0.2rem #a6d5fa;
  --maskbg: rgba(0, 0, 0, 0.4);
  --highlight-bg: #e3f2fd;
  --highlight-text-color: #495057;
  color-scheme: light;
  --blue-50:#f4fafe;
  --blue-100:#cae6fc;
  --blue-200:#a0d2fa;
  --blue-300:#75bef8;
  --blue-400:#4baaf5;
  --blue-500:#2196f3;
  --blue-600:#1c80cf;
  --blue-700:#1769aa;
  --blue-800:#125386;
  --blue-900:#0d3c61;
  --green-50:#f6fbf6;
  --green-100:#d4ecd5;
  --green-200:#b2ddb4;
  --green-300:#90cd93;
  --green-400:#6ebe71;
  --green-500:#4caf50;
  --green-600:#419544;
  --green-700:#357b38;
  --green-800:#2a602c;
  --green-900:#1e4620;
  --yellow-50:#fffcf5;
  --yellow-100:#fef0cd;
  --yellow-200:#fde4a5;
  --yellow-300:#fdd87d;
  --yellow-400:#fccc55;
  --yellow-500:#fbc02d;
  --yellow-600:#d5a326;
  --yellow-700:#b08620;
  --yellow-800:#8a6a19;
  --yellow-900:#644d12;
  --cyan-50:#f2fcfd;
  --cyan-100:#c2eff5;
  --cyan-200:#91e2ed;
  --cyan-300:#61d5e4;
  --cyan-400:#30c9dc;
  --cyan-500:#00bcd4;
  --cyan-600:#00a0b4;
  --cyan-700:#008494;
  --cyan-800:#006775;
  --cyan-900:#004b55;
  --pink-50:#fef4f7;
  --pink-100:#fac9da;
  --pink-200:#f69ebc;
  --pink-300:#f1749e;
  --pink-400:#ed4981;
  --pink-500:#e91e63;
  --pink-600:#c61a54;
  --pink-700:#a31545;
  --pink-800:#801136;
  --pink-900:#5d0c28;
  --indigo-50:#f5f6fb;
  --indigo-100:#d1d5ed;
  --indigo-200:#acb4df;
  --indigo-300:#8893d1;
  --indigo-400:#6372c3;
  --indigo-500:#3f51b5;
  --indigo-600:#36459a;
  --indigo-700:#2c397f;
  --indigo-800:#232d64;
  --indigo-900:#192048;
  --teal-50:#f2faf9;
  --teal-100:#c2e6e2;
  --teal-200:#91d2cc;
  --teal-300:#61beb5;
  --teal-400:#30aa9f;
  --teal-500:#009688;
  --teal-600:#008074;
  --teal-700:#00695f;
  --teal-800:#00534b;
  --teal-900:#003c36;
  --orange-50:#fff8f2;
  --orange-100:#fde0c2;
  --orange-200:#fbc791;
  --orange-300:#f9ae61;
  --orange-400:#f79530;
  --orange-500:#f57c00;
  --orange-600:#d06900;
  --orange-700:#ac5700;
  --orange-800:#874400;
  --orange-900:#623200;
  --bluegray-50:#f7f9f9;
  --bluegray-100:#d9e0e3;
  --bluegray-200:#bbc7cd;
  --bluegray-300:#9caeb7;
  --bluegray-400:#7e96a1;
  --bluegray-500:#607d8b;
  --bluegray-600:#526a76;
  --bluegray-700:#435861;
  --bluegray-800:#35454c;
  --bluegray-900:#263238;
  --purple-50:#faf4fb;
  --purple-100:#e7cbec;
  --purple-200:#d4a2dd;
  --purple-300:#c279ce;
  --purple-400:#af50bf;
  --purple-500:#9c27b0;
  --purple-600:#852196;
  --purple-700:#6d1b7b;
  --purple-800:#561561;
  --purple-900:#3e1046;
  --red-50:#fff5f5;
  --red-100:#ffd1ce;
  --red-200:#ffada7;
  --red-300:#ff8980;
  --red-400:#ff6459;
  --red-500:#ff4032;
  --red-600:#d9362b;
  --red-700:#b32d23;
  --red-800:#8c231c;
  --red-900:#661a14;
  --primary-50:#f4fafe;
  --primary-100:#cae6fc;
  --primary-200:#a0d2fa;
  --primary-300:#75bef8;
  --primary-400:#4baaf5;
  --primary-500:#2196f3;
  --primary-600:#1c80cf;
  --primary-700:#1769aa;
  --primary-800:#125386;
  --primary-900:#0d3c61;
}

.p-editor-container .p-editor-toolbar {
  background: #f8f9fa;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
}
.p-editor-container .p-editor-toolbar.ql-snow {
  border: 1px solid #dee2e6;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
  stroke: #6c757d;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
  fill: #6c757d;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
  border: 0 none;
  color: #6c757d;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
  color: #495057;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
  stroke: #495057;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
  fill: #495057;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #495057;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #495057;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #495057;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  background: #ffffff;
  border: 0 none;
  box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  border-radius: 3px;
  padding: 0.5rem 0;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
  color: #495057;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
  color: #495057;
  background: #e9ecef;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
  padding: 0.5rem 1rem;
}
.p-editor-container .p-editor-content {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.p-editor-container .p-editor-content.ql-snow {
  border: 1px solid #dee2e6;
}
.p-editor-container .p-editor-content .ql-editor {
  background: #ffffff;
  color: #495057;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.p-editor-container .ql-snow.ql-toolbar button:hover,
.p-editor-container .ql-snow.ql-toolbar button:focus {
  color: #495057;
}
.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
  stroke: #495057;
}
.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
  fill: #495057;
}
.p-editor-container .ql-snow.ql-toolbar button.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
  color: #2196f3;
}
.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
  stroke: #2196f3;
}
.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
  fill: #2196f3;
}
.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
  color: #2196f3;
}

@layer primereact {
  * {
    box-sizing: border-box;
  }
  .p-component {
    font-family: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    font-size: 1rem;
    font-weight: normal;
  }
  .p-component-overlay {
    background-color: rgba(0, 0, 0, 0.4);
    transition-duration: 0.2s;
  }
  .p-disabled, .p-component:disabled {
    opacity: 0.6;
  }
  .p-error {
    color: #f44336;
  }
  .p-text-secondary {
    color: #6c757d;
  }
  .pi {
    font-size: 1rem;
  }
  .p-icon {
    width: 1rem;
    height: 1rem;
  }
  .p-link {
    font-family: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    font-size: 1rem;
    border-radius: 3px;
  }
  .p-link:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-component-overlay-enter {
    animation: p-component-overlay-enter-animation 150ms forwards;
  }
  .p-component-overlay-leave {
    animation: p-component-overlay-leave-animation 150ms forwards;
  }
  @keyframes p-component-overlay-enter-animation {
    from {
      background-color: transparent;
    }
    to {
      background-color: var(--maskbg);
    }
  }
  @keyframes p-component-overlay-leave-animation {
    from {
      background-color: var(--maskbg);
    }
    to {
      background-color: transparent;
    }
  }
  .p-autocomplete .p-autocomplete-loader {
    right: 0.5rem;
  }
  .p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
    right: 2.857rem;
  }
  .p-autocomplete .p-autocomplete-multiple-container {
    padding: 0.25rem 0.5rem;
    gap: 0.5rem;
  }
  .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
    border-color: #2196f3;
  }
  .p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196f3;
  }
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
    padding: 0.25rem 0;
  }
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
    font-family: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    font-size: 1rem;
    color: #495057;
    padding: 0;
    margin: 0;
  }
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
    padding: 0.25rem 0.5rem;
    margin-right: 0.5rem;
    background: #e3f2fd;
    color: #495057;
    border-radius: 3px;
  }
  .p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
    margin-left: 0.5rem;
  }
  .p-autocomplete.p-invalid.p-component > .p-inputtext {
    border-color: #f44336;
  }
  .p-autocomplete-panel {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    border-radius: 3px;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  }
  .p-autocomplete-panel .p-autocomplete-items {
    padding: 0.5rem 0;
  }
  .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
    margin: 0;
    padding: 0.5rem 1rem;
    border: 0 none;
    color: #495057;
    background: transparent;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
    color: #495057;
    background: #e3f2fd;
  }
  .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
    margin: 0;
    padding: 0.75rem 1rem;
    color: #495057;
    background: #ffffff;
    font-weight: 600;
  }
  .p-calendar.p-invalid.p-component > .p-inputtext {
    border-color: #f44336;
  }
  .p-calendar:not(.p-calendar-disabled).p-focus > .p-inputtext {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196f3;
  }
  .p-datepicker {
    padding: 0.5rem;
    background: #ffffff;
    color: #495057;
    border: 1px solid #ced4da;
    border-radius: 3px;
  }
  .p-datepicker:not(.p-datepicker-inline) {
    background: #ffffff;
    border: 0 none;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  }
  .p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
    background: #ffffff;
  }
  .p-datepicker .p-datepicker-header {
    padding: 0.5rem;
    color: #495057;
    background: #ffffff;
    font-weight: 600;
    margin: 0;
    border-bottom: 1px solid #dee2e6;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
  }
  .p-datepicker .p-datepicker-header .p-datepicker-prev,
  .p-datepicker .p-datepicker-header .p-datepicker-next {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
  .p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
    color: #495057;
    border-color: transparent;
    background: #e9ecef;
  }
  .p-datepicker .p-datepicker-header .p-datepicker-prev:focus-visible,
  .p-datepicker .p-datepicker-header .p-datepicker-next:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-datepicker .p-datepicker-header .p-datepicker-title {
    line-height: 2rem;
  }
  .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year,
  .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
    color: #495057;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    font-weight: 600;
    padding: 0.5rem;
  }
  .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-year:enabled:hover,
  .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month:enabled:hover {
    color: #2196f3;
  }
  .p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
    margin-right: 0.5rem;
  }
  .p-datepicker table {
    font-size: 1rem;
    margin: 0.5rem 0;
  }
  .p-datepicker table th {
    padding: 0.5rem;
  }
  .p-datepicker table th > span {
    width: 2.5rem;
    height: 2.5rem;
  }
  .p-datepicker table td {
    padding: 0.5rem;
  }
  .p-datepicker table td > span {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    transition: box-shadow 0.2s;
    border: 1px solid transparent;
  }
  .p-datepicker table td > span.p-highlight {
    color: #495057;
    background: #e3f2fd;
  }
  .p-datepicker table td > span:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-datepicker table td.p-datepicker-today > span {
    background: #ced4da;
    color: #495057;
    border-color: transparent;
  }
  .p-datepicker table td.p-datepicker-today > span.p-highlight {
    color: #495057;
    background: #e3f2fd;
  }
  .p-datepicker .p-datepicker-buttonbar {
    padding: 1rem 0;
    border-top: 1px solid #dee2e6;
  }
  .p-datepicker .p-datepicker-buttonbar .p-button {
    width: auto;
  }
  .p-datepicker .p-timepicker {
    border-top: 1px solid #dee2e6;
    padding: 0.5rem;
  }
  .p-datepicker .p-timepicker button {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-datepicker .p-timepicker button:enabled:hover {
    color: #495057;
    border-color: transparent;
    background: #e9ecef;
  }
  .p-datepicker .p-timepicker button:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-datepicker .p-timepicker button:last-child {
    margin-top: 0.2em;
  }
  .p-datepicker .p-timepicker span {
    font-size: 1.25rem;
  }
  .p-datepicker .p-timepicker > div {
    padding: 0 0.5rem;
  }
  .p-datepicker.p-datepicker-timeonly .p-timepicker {
    border-top: 0 none;
  }
  .p-datepicker .p-monthpicker {
    margin: 0.5rem 0;
  }
  .p-datepicker .p-monthpicker .p-monthpicker-month {
    padding: 0.5rem;
    transition: box-shadow 0.2s;
    border-radius: 3px;
  }
  .p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
    color: #495057;
    background: #e3f2fd;
  }
  .p-datepicker .p-yearpicker {
    margin: 0.5rem 0;
  }
  .p-datepicker .p-yearpicker .p-yearpicker-year {
    padding: 0.5rem;
    transition: box-shadow 0.2s;
    border-radius: 3px;
  }
  .p-datepicker .p-yearpicker .p-yearpicker-year.p-highlight {
    color: #495057;
    background: #e3f2fd;
  }
  .p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
    border-left: 1px solid #dee2e6;
    padding-right: 0.5rem;
    padding-left: 0.5rem;
    padding-top: 0;
    padding-bottom: 0;
  }
  .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
    padding-left: 0;
    border-left: 0 none;
  }
  .p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
    padding-right: 0;
  }
  .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
    background: #e9ecef;
  }
  .p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):not(.p-highlight):hover {
    background: #e9ecef;
  }
  .p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-disabled):focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):not(.p-highlight):hover {
    background: #e9ecef;
  }
  .p-datepicker:not(.p-disabled) .p-yearpicker .p-yearpicker-year:not(.p-disabled):focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  @media screen and (max-width: 769px) {
    .p-datepicker table th,
    .p-datepicker table td {
      padding: 0;
    }
  }
  .p-cascadeselect {
    background: #ffffff;
    border: 1px solid #ced4da;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 3px;
    outline-color: transparent;
  }
  .p-cascadeselect:not(.p-disabled):hover {
    border-color: #2196f3;
  }
  .p-cascadeselect:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196f3;
  }
  .p-cascadeselect.p-variant-filled {
    background-color: #f8f9fa;
  }
  .p-cascadeselect.p-variant-filled:enabled:hover {
    background-color: #f8f9fa;
  }
  .p-cascadeselect.p-variant-filled:enabled:focus {
    background-color: #ffffff;
  }
  .p-cascadeselect .p-cascadeselect-label {
    background: transparent;
    border: 0 none;
    padding: 0.5rem 0.5rem;
  }
  .p-cascadeselect .p-cascadeselect-label.p-placeholder {
    color: #6c757d;
  }
  .p-cascadeselect .p-cascadeselect-label:enabled:focus {
    outline: 0 none;
    box-shadow: none;
  }
  .p-cascadeselect .p-cascadeselect-trigger {
    background: transparent;
    color: #6c757d;
    width: 2.357rem;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .p-cascadeselect.p-invalid.p-component {
    border-color: #f44336;
  }
  .p-cascadeselect-panel {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    border-radius: 3px;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  }
  .p-cascadeselect-panel .p-cascadeselect-items {
    padding: 0.5rem 0;
  }
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
    margin: 0;
    border: 0 none;
    color: #495057;
    background: transparent;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:first-child {
    margin-top: 0;
  }
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:last-child {
    margin-bottom: 0;
  }
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
    color: #495057;
    background: #e3f2fd;
  }
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight.p-focus {
    background: rgba(33, 150, 243, 0.24);
  }
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled).p-focus {
    color: #495057;
    background: #e9ecef;
  }
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
    padding: 0.5rem 1rem;
  }
  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
    font-size: 0.875rem;
  }
  .p-checkbox {
    position: relative;
    display: inline-flex;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    vertical-align: bottom;
  }
  .p-checkbox-input {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    z-index: 1;
    outline: 0 none;
    cursor: pointer;
  }
  .p-checkbox-box {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .p-checkbox {
    width: 20px;
    height: 20px;
  }
  .p-checkbox .p-checkbox-input {
    border: 2px solid #ced4da;
    border-radius: 3px;
  }
  .p-checkbox .p-checkbox-box {
    border: 2px solid #ced4da;
    background: #ffffff;
    width: 20px;
    height: 20px;
    color: #495057;
    border-radius: 3px;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    outline-color: transparent;
  }
  .p-checkbox .p-checkbox-box .p-checkbox-icon {
    transition-duration: 0.2s;
    color: #ffffff;
    font-size: 14px;
  }
  .p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon {
    width: 14px;
    height: 14px;
  }
  .p-checkbox .p-checkbox-box {
    border: 2px solid #ced4da;
    background: #ffffff;
    width: 20px;
    height: 20px;
    color: #495057;
    border-radius: 3px;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    outline-color: transparent;
  }
  .p-checkbox .p-checkbox-box .p-checkbox-icon {
    transition-duration: 0.2s;
    color: #ffffff;
    font-size: 14px;
  }
  .p-checkbox .p-checkbox-box .p-checkbox-icon.p-icon {
    width: 14px;
    height: 14px;
  }
  .p-checkbox.p-highlight .p-checkbox-box {
    border-color: #2196f3;
    background: #2196f3;
  }
  .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
    border-color: #2196f3;
  }
  .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
    border-color: #0b7ad1;
    background: #0b7ad1;
    color: #ffffff;
  }
  .p-checkbox:not(.p-disabled):has(.p-checkbox-input:focus-visible) .p-checkbox-box {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196f3;
  }
  .p-checkbox.p-invalid > .p-checkbox-box {
    border-color: #f44336;
  }
  .p-checkbox.p-variant-filled .p-checkbox-box {
    background-color: #f8f9fa;
  }
  .p-checkbox.p-variant-filled.p-highlight .p-checkbox-box {
    background: #2196f3;
  }
  .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
    background-color: #f8f9fa;
  }
  .p-checkbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
    background: #0b7ad1;
  }
  .p-input-filled .p-checkbox .p-checkbox-box {
    background-color: #f8f9fa;
  }
  .p-input-filled .p-checkbox.p-highlight .p-checkbox-box {
    background: #2196f3;
  }
  .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
    background-color: #f8f9fa;
  }
  .p-input-filled .p-checkbox:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
    background: #0b7ad1;
  }
  .p-checkbox {
    position: relative;
    display: inline-flex;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    vertical-align: bottom;
  }
  .p-checkbox-input {
    cursor: pointer;
  }
  .p-checkbox-box {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .p-tristatecheckbox.p-variant-filled .p-checkbox-box {
    background-color: #f8f9fa;
  }
  .p-tristatecheckbox.p-variant-filled.p-highlight .p-checkbox-box {
    background: #2196f3;
  }
  .p-tristatecheckbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover) .p-checkbox-box {
    background-color: #f8f9fa;
  }
  .p-tristatecheckbox.p-variant-filled:not(.p-disabled):has(.p-checkbox-input:hover).p-highlight .p-checkbox-box {
    background: #0b7ad1;
  }
  .p-chips {
    display: inline-flex;
  }
  .p-chips-multiple-container {
    margin: 0;
    padding: 0;
    list-style-type: none;
    cursor: text;
    overflow: hidden;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  .p-chips-token {
    cursor: default;
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
  }
  .p-chips-input-token {
    flex: 1 1 auto;
    display: inline-flex;
  }
  .p-chips-token-icon {
    cursor: pointer;
  }
  .p-chips-input-token input {
    border: 0 none;
    outline: 0 none;
    background-color: transparent;
    margin: 0;
    padding: 0;
    box-shadow: none;
    border-radius: 0;
    width: 100%;
  }
  .p-fluid .p-chips {
    display: flex;
  }
  .p-chips:not(.p-disabled):hover .p-chips-multiple-container {
    border-color: #2196f3;
  }
  .p-chips:not(.p-disabled).p-focus .p-chips-multiple-container {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196f3;
  }
  .p-chips .p-chips-multiple-container {
    padding: 0.25rem 0.5rem;
    outline-color: transparent;
  }
  .p-chips .p-chips-multiple-container .p-chips-token {
    padding: 0.25rem 0.5rem;
    margin-right: 0.5rem;
    background: #dee2e6;
    color: #495057;
    border-radius: 16px;
  }
  .p-chips .p-chips-multiple-container .p-chips-token.p-focus {
    background: #ced4da;
    color: #495057;
  }
  .p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
    margin-left: 0.5rem;
  }
  .p-chips .p-chips-multiple-container .p-chips-input-token {
    padding: 0.25rem 0;
  }
  .p-chips .p-chips-multiple-container .p-chips-input-token input {
    font-family: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    font-size: 1rem;
    color: #495057;
    padding: 0;
    margin: 0;
  }
  .p-chips.p-invalid.p-component > .p-inputtext {
    border-color: #f44336;
  }
  .p-colorpicker-preview {
    width: 2rem;
    height: 2rem;
  }
  .p-colorpicker-panel {
    background: #323232;
    border: 1px solid #191919;
  }
  .p-colorpicker-panel .p-colorpicker-color-handle,
  .p-colorpicker-panel .p-colorpicker-hue-handle {
    border-color: #ffffff;
  }
  .p-colorpicker-overlay-panel {
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  }
  .p-dropdown {
    display: inline-flex;
    cursor: pointer;
    position: relative;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .p-dropdown-clear-icon {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
  }
  .p-dropdown-trigger {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }
  .p-dropdown-label {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    flex: 1 1 auto;
    width: 1%;
    text-overflow: ellipsis;
    cursor: pointer;
  }
  .p-dropdown-label-empty {
    overflow: hidden;
    opacity: 0;
  }
  input.p-dropdown-label {
    cursor: default;
  }
  .p-dropdown .p-dropdown-panel {
    min-width: 100%;
  }
  .p-dropdown-panel {
    position: absolute;
    top: 0;
    left: 0;
  }
  .p-dropdown-items-wrapper {
    overflow: auto;
  }
  .p-dropdown-item {
    cursor: pointer;
    font-weight: normal;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
  }
  .p-dropdown-item-group {
    cursor: auto;
  }
  .p-dropdown-items {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  .p-dropdown-filter {
    width: 100%;
  }
  .p-dropdown-filter-container {
    position: relative;
  }
  .p-dropdown-filter-icon {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
  }
  .p-fluid .p-dropdown {
    display: flex;
  }
  .p-fluid .p-dropdown .p-dropdown-label {
    width: 1%;
  }
  .p-dropdown {
    background: #ffffff;
    border: 1px solid #ced4da;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 3px;
    outline-color: transparent;
  }
  .p-dropdown:not(.p-disabled):hover {
    border-color: #2196f3;
  }
  .p-dropdown:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196f3;
  }
  .p-dropdown.p-variant-filled {
    background: #f8f9fa;
  }
  .p-dropdown.p-variant-filled:not(.p-disabled):hover {
    background-color: #f8f9fa;
  }
  .p-dropdown.p-variant-filled:not(.p-disabled).p-focus {
    background-color: #ffffff;
  }
  .p-dropdown.p-variant-filled:not(.p-disabled).p-focus .p-inputtext {
    background-color: transparent;
  }
  .p-dropdown.p-dropdown-clearable .p-dropdown-label {
    padding-right: 1.5rem;
  }
  .p-dropdown .p-dropdown-label {
    background: transparent;
    border: 0 none;
  }
  .p-dropdown .p-dropdown-label.p-placeholder {
    color: #6c757d;
  }
  .p-dropdown .p-dropdown-label:focus, .p-dropdown .p-dropdown-label:enabled:focus {
    outline: 0 none;
    box-shadow: none;
  }
  .p-dropdown .p-dropdown-trigger {
    background: transparent;
    color: #6c757d;
    width: 2.357rem;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .p-dropdown .p-dropdown-clear-icon {
    color: #6c757d;
    right: 2.357rem;
  }
  .p-dropdown.p-invalid.p-component {
    border-color: #f44336;
  }
  .p-dropdown-panel {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    border-radius: 3px;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  }
  .p-dropdown-panel .p-dropdown-header {
    padding: 0.5rem 1rem;
    border-bottom: 0 none;
    color: #495057;
    background: #f8f9fa;
    margin: 0;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
  }
  .p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
    padding-right: 1.5rem;
    margin-right: -1.5rem;
  }
  .p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
    right: 0.5rem;
    color: #6c757d;
  }
  .p-dropdown-panel .p-dropdown-items {
    padding: 0.5rem 0;
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
    margin: 0;
    padding: 0.5rem 1rem;
    border: 0 none;
    color: #495057;
    background: transparent;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-item:first-child {
    margin-top: 0;
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-item:last-child {
    margin-bottom: 0;
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
    color: #495057;
    background: #e3f2fd;
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight.p-focus {
    background: rgba(33, 150, 243, 0.24);
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled).p-focus {
    color: #495057;
    background: #e9ecef;
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-item .p-dropdown-check-icon {
    position: relative;
    margin-left: -0.5rem;
    margin-right: 0.5rem;
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
    margin: 0;
    padding: 0.75rem 1rem;
    color: #495057;
    background: #ffffff;
    font-weight: 600;
  }
  .p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
    padding: 0.5rem 1rem;
    color: #495057;
    background: transparent;
  }
  .p-inputgroup-addon {
    background: #e9ecef;
    color: #6c757d;
    border-top: 1px solid #ced4da;
    border-left: 1px solid #ced4da;
    border-bottom: 1px solid #ced4da;
    padding: 0.5rem 0.5rem;
    min-width: 2.357rem;
  }
  .p-inputgroup-addon:last-child {
    border-right: 1px solid #ced4da;
  }
  .p-inputgroup > .p-component,
  .p-inputgroup > .p-inputwrapper > .p-inputtext,
  .p-inputgroup > .p-float-label > .p-component {
    border-radius: 0;
    margin: 0;
  }
  .p-inputgroup > .p-component + .p-inputgroup-addon,
  .p-inputgroup > .p-inputwrapper > .p-inputtext + .p-inputgroup-addon,
  .p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
    border-left: 0 none;
  }
  .p-inputgroup > .p-component:focus,
  .p-inputgroup > .p-inputwrapper > .p-inputtext:focus,
  .p-inputgroup > .p-float-label > .p-component:focus {
    z-index: 1;
  }
  .p-inputgroup > .p-component:focus ~ label,
  .p-inputgroup > .p-inputwrapper > .p-inputtext:focus ~ label,
  .p-inputgroup > .p-float-label > .p-component:focus ~ label {
    z-index: 1;
  }
  .p-inputgroup-addon:first-child,
  .p-inputgroup button:first-child,
  .p-inputgroup input:first-child,
  .p-inputgroup > .p-inputwrapper:first-child,
  .p-inputgroup > .p-inputwrapper:first-child > .p-inputtext {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-inputgroup .p-float-label:first-child input {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-inputgroup-addon:last-child,
  .p-inputgroup button:last-child,
  .p-inputgroup input:last-child,
  .p-inputgroup > .p-inputwrapper:last-child,
  .p-inputgroup > .p-inputwrapper:last-child > .p-inputtext {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .p-inputgroup .p-float-label:last-child input {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .p-fluid .p-inputgroup .p-button {
    width: auto;
  }
  .p-fluid .p-inputgroup .p-button.p-button-icon-only {
    width: 2.357rem;
  }
  .p-inputnumber.p-invalid.p-component > .p-inputtext {
    border-color: #f44336;
  }
  .p-inputswitch {
    position: relative;
    display: inline-block;
  }
  .p-inputswitch-input {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    z-index: 1;
    outline: 0 none;
    cursor: pointer;
  }
  .p-inputswitch-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid transparent;
  }
  .p-inputswitch-slider:before {
    position: absolute;
    content: "";
    top: 50%;
  }
  .p-inputswitch {
    width: 3rem;
    height: 1.75rem;
  }
  .p-inputswitch .p-inputswitch-input {
    border-radius: 30px;
  }
  .p-inputswitch .p-inputswitch-slider {
    background: #ced4da;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 30px;
    outline-color: transparent;
  }
  .p-inputswitch .p-inputswitch-slider:before {
    background: #ffffff;
    width: 1.25rem;
    height: 1.25rem;
    left: 0.25rem;
    margin-top: -0.625rem;
    border-radius: 50%;
    transition-duration: 0.2s;
  }
  .p-inputswitch.p-highlight .p-inputswitch-slider {
    background: #2196f3;
  }
  .p-inputswitch.p-highlight .p-inputswitch-slider:before {
    background: #ffffff;
    transform: translateX(1.25rem);
  }
  .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover) .p-inputswitch-slider {
    background: #b6bfc8;
  }
  .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:hover).p-highlight .p-inputswitch-slider {
    background: #0d89ec;
  }
  .p-inputswitch:not(.p-disabled):has(.p-inputswitch-input:focus-visible) .p-inputswitch-slider {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-inputswitch.p-invalid > .p-inputswitch-slider {
    border-color: #f44336;
  }
  .p-inputtext {
    font-family: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    font-size: 1rem;
    color: #495057;
    background: #ffffff;
    padding: 0.5rem 0.5rem;
    border: 1px solid #ced4da;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border-radius: 3px;
    outline-color: transparent;
  }
  .p-inputtext:enabled:hover {
    border-color: #2196f3;
  }
  .p-inputtext:enabled:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196f3;
  }
  .p-inputtext.p-invalid.p-component {
    border-color: #f44336;
  }
  .p-inputtext.p-variant-filled {
    background-color: #f8f9fa;
  }
  .p-inputtext.p-variant-filled:enabled:hover {
    background-color: #f8f9fa;
  }
  .p-inputtext.p-variant-filled:enabled:focus {
    background-color: #ffffff;
  }
  .p-inputtext.p-inputtext-sm {
    font-size: 0.875rem;
    padding: 0.4375rem 0.4375rem;
  }
  .p-inputtext.p-inputtext-lg {
    font-size: 1.25rem;
    padding: 0.625rem 0.625rem;
  }
  .p-float-label > label {
    left: 0.5rem;
    color: #6c757d;
    transition-duration: 0.2s;
  }
  .p-float-label > .p-invalid + label {
    color: #f44336;
  }
  .p-icon-field-left > .p-inputtext {
    padding-left: 2rem;
  }
  .p-icon-field-left.p-float-label > label {
    left: 2rem;
  }
  .p-icon-field-right > .p-inputtext {
    padding-right: 2rem;
  }
  ::-webkit-input-placeholder {
    color: #6c757d;
  }
  :-moz-placeholder {
    color: #6c757d;
  }
  ::-moz-placeholder {
    color: #6c757d;
  }
  :-ms-input-placeholder {
    color: #6c757d;
  }
  .p-input-filled .p-inputtext {
    background-color: #f8f9fa;
  }
  .p-input-filled .p-inputtext:enabled:hover {
    background-color: #f8f9fa;
  }
  .p-input-filled .p-inputtext:enabled:focus {
    background-color: #ffffff;
  }
  .p-inputtext-sm .p-inputtext {
    font-size: 0.875rem;
    padding: 0.4375rem 0.4375rem;
  }
  .p-inputtext-lg .p-inputtext {
    font-size: 1.25rem;
    padding: 0.625rem 0.625rem;
  }
  .p-icon-field {
    position: relative;
  }
  .p-icon-field > .p-input-icon {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
  }
  .p-fluid .p-icon-field-left,
  .p-fluid .p-icon-field-right {
    width: 100%;
  }
  .p-icon-field-left > .p-input-icon:first-of-type {
    left: 0.5rem;
    color: #6c757d;
  }
  .p-icon-field-right > .p-input-icon:last-of-type {
    right: 0.5rem;
    color: #6c757d;
  }
  .p-inputotp {
    display: flex;
    align-items: center;
    gap: 0.5rem;
  }
  .p-inputotp-input {
    text-align: center;
    width: 2rem;
  }
  .p-listbox-list-wrapper {
    overflow: auto;
  }
  .p-listbox-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  .p-listbox-item {
    cursor: pointer;
    position: relative;
    overflow: hidden;
  }
  .p-listbox-item-group {
    cursor: auto;
  }
  .p-listbox-filter-container {
    position: relative;
  }
  .p-listbox-filter-icon {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
  }
  .p-listbox-filter {
    width: 100%;
  }
  .p-listbox {
    background: #ffffff;
    color: #495057;
    border: 1px solid #ced4da;
    border-radius: 3px;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    outline-color: transparent;
  }
  .p-listbox .p-listbox-header {
    padding: 0.5rem 1rem;
    border-bottom: 0 none;
    color: #495057;
    background: #f8f9fa;
    margin: 0;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
  }
  .p-listbox .p-listbox-header .p-listbox-filter {
    padding-right: 1.5rem;
  }
  .p-listbox .p-listbox-header .p-listbox-filter-icon {
    right: 0.5rem;
    color: #6c757d;
  }
  .p-listbox .p-listbox-list {
    padding: 0.5rem 0;
    outline: 0 none;
  }
  .p-listbox .p-listbox-list .p-listbox-item {
    margin: 0;
    padding: 0.5rem 1rem;
    border: 0 none;
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-listbox .p-listbox-list .p-listbox-item:first-child {
    margin-top: 0;
  }
  .p-listbox .p-listbox-list .p-listbox-item:last-child {
    margin-bottom: 0;
  }
  .p-listbox .p-listbox-list .p-listbox-item.p-highlight {
    color: #495057;
    background: #e3f2fd;
  }
  .p-listbox .p-listbox-list .p-listbox-item-group {
    margin: 0;
    padding: 0.75rem 1rem;
    color: #495057;
    background: #ffffff;
    font-weight: 600;
  }
  .p-listbox .p-listbox-list .p-listbox-empty-message {
    padding: 0.5rem 1rem;
    color: #495057;
    background: transparent;
  }
  .p-listbox:not(.p-disabled) .p-listbox-item.p-highlight.p-focus {
    background: rgba(33, 150, 243, 0.24);
  }
  .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled).p-focus {
    color: #495057;
    background: #e9ecef;
  }
  .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover.p-focus {
    color: #495057;
    background: #e9ecef;
  }
  .p-listbox.p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196f3;
  }
  .p-listbox.p-invalid {
    border-color: #f44336;
  }
  .p-mention-panel {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    border-radius: 3px;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  }
  .p-mention-panel .p-mention-items {
    padding: 0.5rem 0;
  }
  .p-mention-panel .p-mention-items .p-mention-item {
    margin: 0;
    padding: 0.5rem 1rem;
    border: 0 none;
    color: #495057;
    background: transparent;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-mention-panel .p-mention-items .p-mention-item:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-mention-panel .p-mention-items .p-mention-item.p-highlight {
    color: #495057;
    background: #e3f2fd;
  }
  .p-multiselect {
    display: inline-flex;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .p-multiselect-trigger {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }
  .p-multiselect-label-container {
    overflow: hidden;
    flex: 1 1 auto;
    cursor: pointer;
  }
  .p-multiselect-label {
    display: block;
    white-space: nowrap;
    cursor: pointer;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .p-multiselect-label-empty {
    overflow: hidden;
    visibility: hidden;
  }
  .p-multiselect-token {
    cursor: default;
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
  }
  .p-multiselect-token-icon {
    cursor: pointer;
  }
  .p-multiselect .p-multiselect-panel {
    min-width: 100%;
  }
  .p-multiselect-items-wrapper {
    overflow: auto;
  }
  .p-multiselect-items {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  .p-multiselect-item {
    cursor: pointer;
    display: flex;
    align-items: center;
    font-weight: normal;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
  }
  .p-multiselect-item-group {
    cursor: auto;
  }
  .p-multiselect-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .p-multiselect-filter-container {
    position: relative;
    flex: 1 1 auto;
  }
  .p-multiselect-filter-icon {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
  }
  .p-multiselect-filter-container .p-inputtext {
    width: 100%;
  }
  .p-multiselect-close {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    overflow: hidden;
    position: relative;
    margin-left: auto;
  }
  .p-fluid .p-multiselect {
    display: flex;
  }
  .p-multiselect {
    background: #ffffff;
    border: 1px solid #ced4da;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 3px;
    outline-color: transparent;
  }
  .p-multiselect:not(.p-disabled):hover {
    border-color: #2196f3;
  }
  .p-multiselect:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196f3;
  }
  .p-multiselect.p-variant-filled {
    background: #f8f9fa;
  }
  .p-multiselect.p-variant-filled:not(.p-disabled):hover {
    background-color: #f8f9fa;
  }
  .p-multiselect.p-variant-filled:not(.p-disabled).p-focus {
    background-color: #ffffff;
  }
  .p-multiselect .p-multiselect-label {
    padding: 0.5rem 0.5rem;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  }
  .p-multiselect .p-multiselect-label.p-placeholder {
    color: #6c757d;
  }
  .p-multiselect.p-multiselect-chip .p-multiselect-token {
    padding: 0.25rem 0.5rem;
    margin-right: 0.5rem;
    background: #dee2e6;
    color: #495057;
    border-radius: 16px;
  }
  .p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
    margin-left: 0.5rem;
  }
  .p-multiselect .p-multiselect-trigger {
    background: transparent;
    color: #6c757d;
    width: 2.357rem;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .p-multiselect.p-invalid.p-component {
    border-color: #f44336;
  }
  .p-inputwrapper-filled.p-multiselect.p-multiselect-chip .p-multiselect-label {
    padding: 0.25rem 0.5rem;
  }
  .p-multiselect-panel {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    border-radius: 3px;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  }
  .p-multiselect-panel .p-multiselect-header {
    padding: 0.5rem 1rem;
    border-bottom: 0 none;
    color: #495057;
    background: #f8f9fa;
    margin: 0;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
  }
  .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
    padding-right: 1.5rem;
  }
  .p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
    right: 0.5rem;
    color: #6c757d;
  }
  .p-multiselect-panel .p-multiselect-header .p-checkbox {
    margin-right: 0.5rem;
  }
  .p-multiselect-panel .p-multiselect-header .p-multiselect-close {
    margin-left: 0.5rem;
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
    color: #495057;
    border-color: transparent;
    background: #e9ecef;
  }
  .p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-multiselect-panel .p-multiselect-items {
    padding: 0.5rem 0;
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item {
    margin: 0;
    padding: 0.5rem 1rem;
    border: 0 none;
    color: #495057;
    background: transparent;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item:first-child {
    margin-top: 0;
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item:last-child {
    margin-bottom: 0;
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
    color: #495057;
    background: #e3f2fd;
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight.p-focus {
    background: rgba(33, 150, 243, 0.24);
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled).p-focus {
    color: #495057;
    background: #e9ecef;
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
    margin-right: 0.5rem;
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
    margin: 0;
    padding: 0.75rem 1rem;
    color: #495057;
    background: #ffffff;
    font-weight: 600;
  }
  .p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
    padding: 0.5rem 1rem;
    color: #495057;
    background: transparent;
  }
  .p-password.p-invalid.p-component > .p-inputtext {
    border-color: #f44336;
  }
  .p-password-panel {
    padding: 1rem;
    background: #ffffff;
    color: #495057;
    border: 0 none;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
    border-radius: 3px;
  }
  .p-password-panel .p-password-meter {
    margin-bottom: 0.5rem;
    background: #dee2e6;
  }
  .p-password-panel .p-password-meter .p-password-strength.weak {
    background: #d32f2f;
  }
  .p-password-panel .p-password-meter .p-password-strength.medium {
    background: #fbc02d;
  }
  .p-password-panel .p-password-meter .p-password-strength.strong {
    background: #689f38;
  }
  .p-radiobutton {
    position: relative;
    display: inline-flex;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    vertical-align: bottom;
  }
  .p-radiobutton-input {
    cursor: pointer;
  }
  .p-radiobutton-box {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .p-radiobutton-icon {
    backface-visibility: hidden;
    transform: translateZ(0) scale(0.1);
    border-radius: 50%;
    visibility: hidden;
  }
  .p-radiobutton.p-highlight .p-radiobutton-icon {
    transform: translateZ(0) scale(1, 1);
    visibility: visible;
  }
  .p-radiobutton {
    width: 20px;
    height: 20px;
  }
  .p-radiobutton .p-radiobutton-input {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    z-index: 1;
    outline: 0 none;
    border: 2px solid #ced4da;
    border-radius: 50%;
  }
  .p-radiobutton .p-radiobutton-box {
    border: 2px solid #ced4da;
    background: #ffffff;
    width: 20px;
    height: 20px;
    color: #495057;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    outline-color: transparent;
  }
  .p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
    width: 12px;
    height: 12px;
    transition-duration: 0.2s;
    background-color: #ffffff;
  }
  .p-radiobutton.p-highlight .p-radiobutton-box {
    border-color: #2196f3;
    background: #2196f3;
  }
  .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
    border-color: #2196f3;
  }
  .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
    border-color: #0b7ad1;
    background: #0b7ad1;
  }
  .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box .p-radiobutton-icon {
    background-color: #ffffff;
  }
  .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:focus-visible) .p-radiobutton-box {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196f3;
  }
  .p-radiobutton.p-invalid > .p-radiobutton-box {
    border-color: #f44336;
  }
  .p-radiobutton.p-variant-filled .p-radiobutton-box {
    background-color: #f8f9fa;
  }
  .p-radiobutton.p-variant-filled.p-highlight .p-radiobutton-box {
    background: #2196f3;
  }
  .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
    background-color: #f8f9fa;
  }
  .p-radiobutton.p-variant-filled:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
    background: #0b7ad1;
  }
  .p-input-filled .p-radiobutton .p-radiobutton-box {
    background-color: #f8f9fa;
  }
  .p-input-filled .p-radiobutton.p-highlight .p-radiobutton-box {
    background: #2196f3;
  }
  .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover) .p-radiobutton-box {
    background-color: #f8f9fa;
  }
  .p-input-filled .p-radiobutton:not(.p-disabled):has(.p-radiobutton-input:hover).p-highlight .p-radiobutton-box {
    background: #0b7ad1;
  }
  .p-rating {
    position: relative;
    display: flex;
    align-items: center;
  }
  .p-rating-item {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
  }
  .p-rating.p-readonly .p-rating-item {
    cursor: default;
  }
  .p-rating {
    gap: 0.5rem;
  }
  .p-rating .p-rating-item {
    outline-color: transparent;
    border-radius: 50%;
  }
  .p-rating .p-rating-item .p-rating-icon {
    color: #495057;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    font-size: 1.143rem;
  }
  .p-rating .p-rating-item .p-rating-icon.p-icon {
    width: 1.143rem;
    height: 1.143rem;
  }
  .p-rating .p-rating-item .p-rating-icon.p-rating-cancel {
    color: #e74c3c;
  }
  .p-rating .p-rating-item.p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-rating .p-rating-item.p-rating-item-active .p-rating-icon {
    color: #2196f3;
  }
  .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon {
    color: #2196f3;
  }
  .p-rating:not(.p-disabled):not(.p-readonly) .p-rating-item:hover .p-rating-icon.p-rating-cancel {
    color: #c0392b;
  }
  .p-selectbutton .p-button {
    background: #ffffff;
    border: 1px solid #ced4da;
    color: #495057;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  }
  .p-selectbutton .p-button .p-button-icon-left,
  .p-selectbutton .p-button .p-button-icon-right {
    color: #6c757d;
  }
  .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
    background: #e9ecef;
    border-color: #ced4da;
    color: #495057;
  }
  .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
  .p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
    color: #6c757d;
  }
  .p-selectbutton .p-button.p-highlight {
    background: #2196f3;
    border-color: #2196f3;
    color: #ffffff;
  }
  .p-selectbutton .p-button.p-highlight .p-button-icon-left,
  .p-selectbutton .p-button.p-highlight .p-button-icon-right {
    color: #ffffff;
  }
  .p-selectbutton .p-button.p-highlight:hover {
    background: #0d89ec;
    border-color: #0d89ec;
    color: #ffffff;
  }
  .p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
  .p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
    color: #ffffff;
  }
  .p-selectbutton.p-invalid > .p-button {
    border-color: #f44336;
  }
  .p-slider {
    background: #dee2e6;
    border: 0 none;
    border-radius: 3px;
  }
  .p-slider.p-slider-horizontal {
    height: 0.286rem;
  }
  .p-slider.p-slider-horizontal .p-slider-handle {
    margin-top: -0.5715rem;
    margin-left: -0.5715rem;
  }
  .p-slider.p-slider-vertical {
    width: 0.286rem;
  }
  .p-slider.p-slider-vertical .p-slider-handle {
    margin-left: -0.5715rem;
    margin-bottom: -0.5715rem;
  }
  .p-slider .p-slider-handle {
    height: 1.143rem;
    width: 1.143rem;
    background: #ffffff;
    border: 2px solid #2196f3;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  }
  .p-slider .p-slider-handle:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-slider .p-slider-range {
    background: #2196f3;
  }
  .p-slider:not(.p-disabled) .p-slider-handle:hover {
    background: #2196f3;
    border-color: #2196f3;
  }
  .p-treeselect {
    background: #ffffff;
    border: 1px solid #ced4da;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 3px;
  }
  .p-treeselect:not(.p-disabled):hover {
    border-color: #2196f3;
  }
  .p-treeselect:not(.p-disabled).p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196f3;
  }
  .p-treeselect.p-treeselect-clearable .p-treeselect-label {
    padding-right: 1.5rem;
  }
  .p-treeselect.p-variant-filled {
    background: #f8f9fa;
  }
  .p-treeselect.p-variant-filled:not(.p-disabled):hover {
    background-color: #f8f9fa;
  }
  .p-treeselect.p-variant-filled:not(.p-disabled).p-focus {
    background-color: #ffffff;
  }
  .p-treeselect .p-treeselect-label {
    padding: 0.5rem 0.5rem;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  }
  .p-treeselect .p-treeselect-label.p-placeholder {
    color: #6c757d;
  }
  .p-treeselect.p-treeselect-chip .p-treeselect-token {
    padding: 0.25rem 0.5rem;
    margin-right: 0.5rem;
    background: #dee2e6;
    color: #495057;
    border-radius: 16px;
  }
  .p-treeselect .p-treeselect-trigger {
    background: transparent;
    color: #6c757d;
    width: 2.357rem;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .p-treeselect .p-treeselect-clear-icon {
    color: #6c757d;
    right: 2.357rem;
  }
  .p-treeselect.p-invalid.p-component {
    border-color: #f44336;
  }
  .p-inputwrapper-filled.p-treeselect.p-treeselect-chip .p-treeselect-label {
    padding: 0.25rem 0.5rem;
  }
  .p-treeselect-panel {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    border-radius: 3px;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  }
  .p-treeselect-panel .p-treeselect-header {
    padding: 0.5rem 1rem;
    border-bottom: 0 none;
    color: #495057;
    background: #f8f9fa;
    margin: 0;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container {
    margin-right: 0.5rem;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter {
    padding-right: 1.5rem;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container .p-treeselect-filter-icon {
    right: 0.5rem;
    color: #6c757d;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter {
    padding-right: 3rem;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-filter-container.p-treeselect-clearable-filter .p-treeselect-filter-clear-icon {
    right: 2rem;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-close {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:enabled:hover {
    color: #495057;
    border-color: transparent;
    background: #e9ecef;
  }
  .p-treeselect-panel .p-treeselect-header .p-treeselect-close:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
    border: 0 none;
  }
  .p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
    padding: 0.5rem 1rem;
    color: #495057;
    background: transparent;
  }
  .p-input-filled .p-treeselect {
    background: #f8f9fa;
  }
  .p-input-filled .p-treeselect:not(.p-disabled):hover {
    background-color: #f8f9fa;
  }
  .p-input-filled .p-treeselect:not(.p-disabled).p-focus {
    background-color: #ffffff;
  }
  .p-togglebutton {
    position: relative;
    display: inline-flex;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    vertical-align: bottom;
  }
  .p-togglebutton-input {
    cursor: pointer;
  }
  .p-togglebutton .p-button {
    flex: 1 1 auto;
  }
  .p-togglebutton .p-togglebutton-input {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    z-index: 1;
    outline: 0 none;
    border: 1px solid #ced4da;
    border-radius: 3px;
  }
  .p-togglebutton .p-button {
    background: #ffffff;
    border: 1px solid #ced4da;
    color: #495057;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    outline-color: transparent;
  }
  .p-togglebutton .p-button .p-button-icon-left,
  .p-togglebutton .p-button .p-button-icon-right {
    color: #6c757d;
  }
  .p-togglebutton.p-highlight .p-button {
    background: #2196f3;
    border-color: #2196f3;
    color: #ffffff;
  }
  .p-togglebutton.p-highlight .p-button .p-button-icon-left,
  .p-togglebutton.p-highlight .p-button .p-button-icon-right {
    color: #ffffff;
  }
  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button {
    background: #e9ecef;
    border-color: #ced4da;
    color: #495057;
  }
  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-left,
  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover):not(.p-highlight) .p-button .p-button-icon-right {
    color: #6c757d;
  }
  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button {
    background: #0d89ec;
    border-color: #0d89ec;
    color: #ffffff;
  }
  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-left,
  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:hover).p-highlight .p-button .p-button-icon-right {
    color: #ffffff;
  }
  .p-togglebutton:not(.p-disabled):has(.p-togglebutton-input:focus-visible) .p-button {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: #2196f3;
  }
  .p-togglebutton.p-invalid > .p-button {
    border-color: #f44336;
  }
  .p-button {
    color: #ffffff;
    background: #2196f3;
    border: 1px solid #2196f3;
    padding: 0.5rem 1rem;
    font-size: 1rem;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
    border-radius: 3px;
  }
  .p-button:not(:disabled):hover {
    background: #0d89ec;
    color: #ffffff;
    border-color: #0d89ec;
  }
  .p-button:not(:disabled):active {
    background: #0b7ad1;
    color: #ffffff;
    border-color: #0b7ad1;
  }
  .p-button.p-button-outlined {
    background-color: transparent;
    color: #2196f3;
    border: 1px solid;
  }
  .p-button.p-button-outlined:not(:disabled):hover {
    background: rgba(33, 150, 243, 0.04);
    color: #2196f3;
    border: 1px solid;
  }
  .p-button.p-button-outlined:not(:disabled):active {
    background: rgba(33, 150, 243, 0.16);
    color: #2196f3;
    border: 1px solid;
  }
  .p-button.p-button-outlined.p-button-plain {
    color: #6c757d;
    border-color: #6c757d;
  }
  .p-button.p-button-outlined.p-button-plain:not(:disabled):hover {
    background: #e9ecef;
    color: #6c757d;
  }
  .p-button.p-button-outlined.p-button-plain:not(:disabled):active {
    background: #dee2e6;
    color: #6c757d;
  }
  .p-button.p-button-text {
    background-color: transparent;
    color: #2196f3;
    border-color: transparent;
  }
  .p-button.p-button-text:not(:disabled):hover {
    background: rgba(33, 150, 243, 0.04);
    color: #2196f3;
    border-color: transparent;
  }
  .p-button.p-button-text:not(:disabled):active {
    background: rgba(33, 150, 243, 0.16);
    color: #2196f3;
    border-color: transparent;
  }
  .p-button.p-button-text.p-button-plain {
    color: #6c757d;
  }
  .p-button.p-button-text.p-button-plain:not(:disabled):hover {
    background: #e9ecef;
    color: #6c757d;
  }
  .p-button.p-button-text.p-button-plain:not(:disabled):active {
    background: #dee2e6;
    color: #6c757d;
  }
  .p-button:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-button .p-button-label {
    transition-duration: 0.2s;
  }
  .p-button .p-button-icon-left {
    margin-right: 0.5rem;
  }
  .p-button .p-button-icon-right {
    margin-left: 0.5rem;
  }
  .p-button .p-button-icon-bottom {
    margin-top: 0.5rem;
  }
  .p-button .p-button-icon-top {
    margin-bottom: 0.5rem;
  }
  .p-button .p-badge {
    margin-left: 0.5rem;
    min-width: 1rem;
    height: 1rem;
    line-height: 1rem;
    color: #2196f3;
    background-color: #ffffff;
  }
  .p-button.p-button-raised {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  }
  .p-button.p-button-rounded {
    border-radius: 2rem;
  }
  .p-button.p-button-icon-only {
    width: 2.357rem;
    padding: 0.5rem 0;
  }
  .p-button.p-button-icon-only .p-button-icon-left,
  .p-button.p-button-icon-only .p-button-icon-right {
    margin: 0;
  }
  .p-button.p-button-icon-only.p-button-rounded {
    border-radius: 50%;
    height: 2.357rem;
  }
  .p-button.p-button-sm {
    font-size: 0.875rem;
    padding: 0.4375rem 0.875rem;
  }
  .p-button.p-button-sm .p-button-icon {
    font-size: 0.875rem;
  }
  .p-button.p-button-lg {
    font-size: 1.25rem;
    padding: 0.625rem 1.25rem;
  }
  .p-button.p-button-lg .p-button-icon {
    font-size: 1.25rem;
  }
  .p-button.p-button-loading-label-only.p-button-loading-left .p-button-label {
    margin-left: 0.5rem;
  }
  .p-button.p-button-loading-label-only.p-button-loading-right .p-button-label {
    margin-right: 0.5rem;
  }
  .p-button.p-button-loading-label-only.p-button-loading-top .p-button-label {
    margin-top: 0.5rem;
  }
  .p-button.p-button-loading-label-only.p-button-loading-bottom .p-button-label {
    margin-bottom: 0.5rem;
  }
  .p-button.p-button-loading-label-only .p-button-loading-icon {
    margin: 0;
  }
  .p-fluid .p-button {
    width: 100%;
  }
  .p-fluid .p-button-icon-only {
    width: 2.357rem;
  }
  .p-fluid .p-button-group {
    display: flex;
  }
  .p-fluid .p-button-group .p-button {
    flex: 1;
  }
  .p-button.p-button-secondary, .p-button-group.p-button-secondary > .p-button, .p-splitbutton.p-button-secondary > .p-button, .p-fileupload-choose.p-button-secondary {
    color: #ffffff;
    background: #607d8b;
    border: 1px solid #607d8b;
  }
  .p-button.p-button-secondary:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):hover, .p-fileupload-choose.p-button-secondary:not(:disabled):hover {
    background: #56717d;
    color: #ffffff;
    border-color: #56717d;
  }
  .p-button.p-button-secondary:not(:disabled):focus, .p-button-group.p-button-secondary > .p-button:not(:disabled):focus, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):focus, .p-fileupload-choose.p-button-secondary:not(:disabled):focus {
    box-shadow: 0 0 0 0.2rem #beccd2;
  }
  .p-button.p-button-secondary:not(:disabled):active, .p-button-group.p-button-secondary > .p-button:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button:not(:disabled):active, .p-fileupload-choose.p-button-secondary:not(:disabled):active {
    background: #4d646f;
    color: #ffffff;
    border-color: #4d646f;
  }
  .p-button.p-button-secondary.p-button-outlined, .p-button-group.p-button-secondary > .p-button.p-button-outlined, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined, .p-fileupload-choose.p-button-secondary.p-button-outlined {
    background-color: transparent;
    color: #607d8b;
    border: 1px solid;
  }
  .p-button.p-button-secondary.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(:disabled):hover {
    background: rgba(96, 125, 139, 0.04);
    color: #607d8b;
    border: 1px solid;
  }
  .p-button.p-button-secondary.p-button-outlined:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-outlined:not(:disabled):active, .p-fileupload-choose.p-button-secondary.p-button-outlined:not(:disabled):active {
    background: rgba(96, 125, 139, 0.16);
    color: #607d8b;
    border: 1px solid;
  }
  .p-button.p-button-secondary.p-button-text, .p-button-group.p-button-secondary > .p-button.p-button-text, .p-splitbutton.p-button-secondary > .p-button.p-button-text, .p-fileupload-choose.p-button-secondary.p-button-text {
    background-color: transparent;
    color: #607d8b;
    border-color: transparent;
  }
  .p-button.p-button-secondary.p-button-text:not(:disabled):hover, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):hover, .p-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):hover {
    background: rgba(96, 125, 139, 0.04);
    border-color: transparent;
    color: #607d8b;
  }
  .p-button.p-button-secondary.p-button-text:not(:disabled):active, .p-button-group.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-secondary > .p-button.p-button-text:not(:disabled):active, .p-fileupload-choose.p-button-secondary.p-button-text:not(:disabled):active {
    background: rgba(96, 125, 139, 0.16);
    border-color: transparent;
    color: #607d8b;
  }
  .p-button.p-button-info, .p-button-group.p-button-info > .p-button, .p-splitbutton.p-button-info > .p-button, .p-fileupload-choose.p-button-info {
    color: #ffffff;
    background: #0288d1;
    border: 1px solid #0288d1;
  }
  .p-button.p-button-info:not(:disabled):hover, .p-button-group.p-button-info > .p-button:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button:not(:disabled):hover, .p-fileupload-choose.p-button-info:not(:disabled):hover {
    background: #027abc;
    color: #ffffff;
    border-color: #027abc;
  }
  .p-button.p-button-info:not(:disabled):focus, .p-button-group.p-button-info > .p-button:not(:disabled):focus, .p-splitbutton.p-button-info > .p-button:not(:disabled):focus, .p-fileupload-choose.p-button-info:not(:disabled):focus {
    box-shadow: 0 0 0 0.2rem #89d4fe;
  }
  .p-button.p-button-info:not(:disabled):active, .p-button-group.p-button-info > .p-button:not(:disabled):active, .p-splitbutton.p-button-info > .p-button:not(:disabled):active, .p-fileupload-choose.p-button-info:not(:disabled):active {
    background: #026da7;
    color: #ffffff;
    border-color: #026da7;
  }
  .p-button.p-button-info.p-button-outlined, .p-button-group.p-button-info > .p-button.p-button-outlined, .p-splitbutton.p-button-info > .p-button.p-button-outlined, .p-fileupload-choose.p-button-info.p-button-outlined {
    background-color: transparent;
    color: #0288d1;
    border: 1px solid;
  }
  .p-button.p-button-info.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):hover, .p-fileupload-choose.p-button-info.p-button-outlined:not(:disabled):hover {
    background: rgba(2, 136, 209, 0.04);
    color: #0288d1;
    border: 1px solid;
  }
  .p-button.p-button-info.p-button-outlined:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-outlined:not(:disabled):active, .p-fileupload-choose.p-button-info.p-button-outlined:not(:disabled):active {
    background: rgba(2, 136, 209, 0.16);
    color: #0288d1;
    border: 1px solid;
  }
  .p-button.p-button-info.p-button-text, .p-button-group.p-button-info > .p-button.p-button-text, .p-splitbutton.p-button-info > .p-button.p-button-text, .p-fileupload-choose.p-button-info.p-button-text {
    background-color: transparent;
    color: #0288d1;
    border-color: transparent;
  }
  .p-button.p-button-info.p-button-text:not(:disabled):hover, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):hover, .p-fileupload-choose.p-button-info.p-button-text:not(:disabled):hover {
    background: rgba(2, 136, 209, 0.04);
    border-color: transparent;
    color: #0288d1;
  }
  .p-button.p-button-info.p-button-text:not(:disabled):active, .p-button-group.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-info > .p-button.p-button-text:not(:disabled):active, .p-fileupload-choose.p-button-info.p-button-text:not(:disabled):active {
    background: rgba(2, 136, 209, 0.16);
    border-color: transparent;
    color: #0288d1;
  }
  .p-button.p-button-success, .p-button-group.p-button-success > .p-button, .p-splitbutton.p-button-success > .p-button, .p-fileupload-choose.p-button-success {
    color: #ffffff;
    background: #689f38;
    border: 1px solid #689f38;
  }
  .p-button.p-button-success:not(:disabled):hover, .p-button-group.p-button-success > .p-button:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button:not(:disabled):hover, .p-fileupload-choose.p-button-success:not(:disabled):hover {
    background: #5e8f32;
    color: #ffffff;
    border-color: #5e8f32;
  }
  .p-button.p-button-success:not(:disabled):focus, .p-button-group.p-button-success > .p-button:not(:disabled):focus, .p-splitbutton.p-button-success > .p-button:not(:disabled):focus, .p-fileupload-choose.p-button-success:not(:disabled):focus {
    box-shadow: 0 0 0 0.2rem #c2e0a8;
  }
  .p-button.p-button-success:not(:disabled):active, .p-button-group.p-button-success > .p-button:not(:disabled):active, .p-splitbutton.p-button-success > .p-button:not(:disabled):active, .p-fileupload-choose.p-button-success:not(:disabled):active {
    background: #537f2d;
    color: #ffffff;
    border-color: #537f2d;
  }
  .p-button.p-button-success.p-button-outlined, .p-button-group.p-button-success > .p-button.p-button-outlined, .p-splitbutton.p-button-success > .p-button.p-button-outlined, .p-fileupload-choose.p-button-success.p-button-outlined {
    background-color: transparent;
    color: #689f38;
    border: 1px solid;
  }
  .p-button.p-button-success.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):hover, .p-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):hover {
    background: rgba(104, 159, 56, 0.04);
    color: #689f38;
    border: 1px solid;
  }
  .p-button.p-button-success.p-button-outlined:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-outlined:not(:disabled):active, .p-fileupload-choose.p-button-success.p-button-outlined:not(:disabled):active {
    background: rgba(104, 159, 56, 0.16);
    color: #689f38;
    border: 1px solid;
  }
  .p-button.p-button-success.p-button-text, .p-button-group.p-button-success > .p-button.p-button-text, .p-splitbutton.p-button-success > .p-button.p-button-text, .p-fileupload-choose.p-button-success.p-button-text {
    background-color: transparent;
    color: #689f38;
    border-color: transparent;
  }
  .p-button.p-button-success.p-button-text:not(:disabled):hover, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):hover, .p-fileupload-choose.p-button-success.p-button-text:not(:disabled):hover {
    background: rgba(104, 159, 56, 0.04);
    border-color: transparent;
    color: #689f38;
  }
  .p-button.p-button-success.p-button-text:not(:disabled):active, .p-button-group.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-success > .p-button.p-button-text:not(:disabled):active, .p-fileupload-choose.p-button-success.p-button-text:not(:disabled):active {
    background: rgba(104, 159, 56, 0.16);
    border-color: transparent;
    color: #689f38;
  }
  .p-button.p-button-warning, .p-button-group.p-button-warning > .p-button, .p-splitbutton.p-button-warning > .p-button, .p-fileupload-choose.p-button-warning {
    color: #212529;
    background: #fbc02d;
    border: 1px solid #fbc02d;
  }
  .p-button.p-button-warning:not(:disabled):hover, .p-button-group.p-button-warning > .p-button:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button:not(:disabled):hover, .p-fileupload-choose.p-button-warning:not(:disabled):hover {
    background: #fab710;
    color: #212529;
    border-color: #fab710;
  }
  .p-button.p-button-warning:not(:disabled):focus, .p-button-group.p-button-warning > .p-button:not(:disabled):focus, .p-splitbutton.p-button-warning > .p-button:not(:disabled):focus, .p-fileupload-choose.p-button-warning:not(:disabled):focus {
    box-shadow: 0 0 0 0.2rem #fde6ab;
  }
  .p-button.p-button-warning:not(:disabled):active, .p-button-group.p-button-warning > .p-button:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button:not(:disabled):active, .p-fileupload-choose.p-button-warning:not(:disabled):active {
    background: #e8a704;
    color: #212529;
    border-color: #e8a704;
  }
  .p-button.p-button-warning.p-button-outlined, .p-button-group.p-button-warning > .p-button.p-button-outlined, .p-splitbutton.p-button-warning > .p-button.p-button-outlined, .p-fileupload-choose.p-button-warning.p-button-outlined {
    background-color: transparent;
    color: #fbc02d;
    border: 1px solid;
  }
  .p-button.p-button-warning.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):hover, .p-fileupload-choose.p-button-warning.p-button-outlined:not(:disabled):hover {
    background: rgba(251, 192, 45, 0.04);
    color: #fbc02d;
    border: 1px solid;
  }
  .p-button.p-button-warning.p-button-outlined:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-outlined:not(:disabled):active, .p-fileupload-choose.p-button-warning.p-button-outlined:not(:disabled):active {
    background: rgba(251, 192, 45, 0.16);
    color: #fbc02d;
    border: 1px solid;
  }
  .p-button.p-button-warning.p-button-text, .p-button-group.p-button-warning > .p-button.p-button-text, .p-splitbutton.p-button-warning > .p-button.p-button-text, .p-fileupload-choose.p-button-warning.p-button-text {
    background-color: transparent;
    color: #fbc02d;
    border-color: transparent;
  }
  .p-button.p-button-warning.p-button-text:not(:disabled):hover, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):hover, .p-fileupload-choose.p-button-warning.p-button-text:not(:disabled):hover {
    background: rgba(251, 192, 45, 0.04);
    border-color: transparent;
    color: #fbc02d;
  }
  .p-button.p-button-warning.p-button-text:not(:disabled):active, .p-button-group.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-warning > .p-button.p-button-text:not(:disabled):active, .p-fileupload-choose.p-button-warning.p-button-text:not(:disabled):active {
    background: rgba(251, 192, 45, 0.16);
    border-color: transparent;
    color: #fbc02d;
  }
  .p-button.p-button-help, .p-button-group.p-button-help > .p-button, .p-splitbutton.p-button-help > .p-button, .p-fileupload-choose.p-button-help {
    color: #ffffff;
    background: #9c27b0;
    border: 1px solid #9c27b0;
  }
  .p-button.p-button-help:not(:disabled):hover, .p-button-group.p-button-help > .p-button:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button:not(:disabled):hover, .p-fileupload-choose.p-button-help:not(:disabled):hover {
    background: #8c239e;
    color: #ffffff;
    border-color: #8c239e;
  }
  .p-button.p-button-help:not(:disabled):focus, .p-button-group.p-button-help > .p-button:not(:disabled):focus, .p-splitbutton.p-button-help > .p-button:not(:disabled):focus, .p-fileupload-choose.p-button-help:not(:disabled):focus {
    box-shadow: 0 0 0 0.2rem #df9eea;
  }
  .p-button.p-button-help:not(:disabled):active, .p-button-group.p-button-help > .p-button:not(:disabled):active, .p-splitbutton.p-button-help > .p-button:not(:disabled):active, .p-fileupload-choose.p-button-help:not(:disabled):active {
    background: #7d1f8d;
    color: #ffffff;
    border-color: #7d1f8d;
  }
  .p-button.p-button-help.p-button-outlined, .p-button-group.p-button-help > .p-button.p-button-outlined, .p-splitbutton.p-button-help > .p-button.p-button-outlined, .p-fileupload-choose.p-button-help.p-button-outlined {
    background-color: transparent;
    color: #9c27b0;
    border: 1px solid;
  }
  .p-button.p-button-help.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):hover, .p-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):hover {
    background: rgba(156, 39, 176, 0.04);
    color: #9c27b0;
    border: 1px solid;
  }
  .p-button.p-button-help.p-button-outlined:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-outlined:not(:disabled):active, .p-fileupload-choose.p-button-help.p-button-outlined:not(:disabled):active {
    background: rgba(156, 39, 176, 0.16);
    color: #9c27b0;
    border: 1px solid;
  }
  .p-button.p-button-help.p-button-text, .p-button-group.p-button-help > .p-button.p-button-text, .p-splitbutton.p-button-help > .p-button.p-button-text, .p-fileupload-choose.p-button-help.p-button-text {
    background-color: transparent;
    color: #9c27b0;
    border-color: transparent;
  }
  .p-button.p-button-help.p-button-text:not(:disabled):hover, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):hover, .p-fileupload-choose.p-button-help.p-button-text:not(:disabled):hover {
    background: rgba(156, 39, 176, 0.04);
    border-color: transparent;
    color: #9c27b0;
  }
  .p-button.p-button-help.p-button-text:not(:disabled):active, .p-button-group.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-help > .p-button.p-button-text:not(:disabled):active, .p-fileupload-choose.p-button-help.p-button-text:not(:disabled):active {
    background: rgba(156, 39, 176, 0.16);
    border-color: transparent;
    color: #9c27b0;
  }
  .p-button.p-button-danger, .p-button-group.p-button-danger > .p-button, .p-splitbutton.p-button-danger > .p-button, .p-fileupload-choose.p-button-danger {
    color: #ffffff;
    background: #d32f2f;
    border: 1px solid #d32f2f;
  }
  .p-button.p-button-danger:not(:disabled):hover, .p-button-group.p-button-danger > .p-button:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button:not(:disabled):hover, .p-fileupload-choose.p-button-danger:not(:disabled):hover {
    background: #c02929;
    color: #ffffff;
    border-color: #c02929;
  }
  .p-button.p-button-danger:not(:disabled):focus, .p-button-group.p-button-danger > .p-button:not(:disabled):focus, .p-splitbutton.p-button-danger > .p-button:not(:disabled):focus, .p-fileupload-choose.p-button-danger:not(:disabled):focus {
    box-shadow: 0 0 0 0.2rem #edacac;
  }
  .p-button.p-button-danger:not(:disabled):active, .p-button-group.p-button-danger > .p-button:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button:not(:disabled):active, .p-fileupload-choose.p-button-danger:not(:disabled):active {
    background: #aa2424;
    color: #ffffff;
    border-color: #aa2424;
  }
  .p-button.p-button-danger.p-button-outlined, .p-button-group.p-button-danger > .p-button.p-button-outlined, .p-splitbutton.p-button-danger > .p-button.p-button-outlined, .p-fileupload-choose.p-button-danger.p-button-outlined {
    background-color: transparent;
    color: #d32f2f;
    border: 1px solid;
  }
  .p-button.p-button-danger.p-button-outlined:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):hover, .p-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):hover {
    background: rgba(211, 47, 47, 0.04);
    color: #d32f2f;
    border: 1px solid;
  }
  .p-button.p-button-danger.p-button-outlined:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-outlined:not(:disabled):active, .p-fileupload-choose.p-button-danger.p-button-outlined:not(:disabled):active {
    background: rgba(211, 47, 47, 0.16);
    color: #d32f2f;
    border: 1px solid;
  }
  .p-button.p-button-danger.p-button-text, .p-button-group.p-button-danger > .p-button.p-button-text, .p-splitbutton.p-button-danger > .p-button.p-button-text, .p-fileupload-choose.p-button-danger.p-button-text {
    background-color: transparent;
    color: #d32f2f;
    border-color: transparent;
  }
  .p-button.p-button-danger.p-button-text:not(:disabled):hover, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):hover, .p-fileupload-choose.p-button-danger.p-button-text:not(:disabled):hover {
    background: rgba(211, 47, 47, 0.04);
    border-color: transparent;
    color: #d32f2f;
  }
  .p-button.p-button-danger.p-button-text:not(:disabled):active, .p-button-group.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-splitbutton.p-button-danger > .p-button.p-button-text:not(:disabled):active, .p-fileupload-choose.p-button-danger.p-button-text:not(:disabled):active {
    background: rgba(211, 47, 47, 0.16);
    border-color: transparent;
    color: #d32f2f;
  }
  .p-button.p-button-link {
    color: #0b7ad1;
    background: transparent;
    border: transparent;
  }
  .p-button.p-button-link:not(:disabled):hover {
    background: transparent;
    color: #0b7ad1;
    border-color: transparent;
  }
  .p-button.p-button-link:not(:disabled):hover .p-button-label {
    text-decoration: underline;
  }
  .p-button.p-button-link:not(:disabled):focus {
    background: transparent;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
    border-color: transparent;
  }
  .p-button.p-button-link:not(:disabled):active {
    background: transparent;
    color: #0b7ad1;
    border-color: transparent;
  }
  .p-splitbutton {
    border-radius: 3px;
  }
  .p-splitbutton.p-button-outlined > .p-button {
    background-color: transparent;
    color: #2196f3;
    border: 1px solid;
  }
  .p-splitbutton.p-button-outlined > .p-button:not(:disabled):hover {
    background: rgba(33, 150, 243, 0.04);
    color: #2196f3;
  }
  .p-splitbutton.p-button-outlined > .p-button:not(:disabled):active {
    background: rgba(33, 150, 243, 0.16);
    color: #2196f3;
  }
  .p-splitbutton.p-button-outlined.p-button-plain > .p-button {
    color: #6c757d;
    border-color: #6c757d;
  }
  .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):hover {
    background: #e9ecef;
    color: #6c757d;
  }
  .p-splitbutton.p-button-outlined.p-button-plain > .p-button:not(:disabled):active {
    background: #dee2e6;
    color: #6c757d;
  }
  .p-splitbutton.p-button-text > .p-button {
    background-color: transparent;
    color: #2196f3;
    border-color: transparent;
  }
  .p-splitbutton.p-button-text > .p-button:not(:disabled):hover {
    background: rgba(33, 150, 243, 0.04);
    color: #2196f3;
    border-color: transparent;
  }
  .p-splitbutton.p-button-text > .p-button:not(:disabled):active {
    background: rgba(33, 150, 243, 0.16);
    color: #2196f3;
    border-color: transparent;
  }
  .p-splitbutton.p-button-text.p-button-plain > .p-button {
    color: #6c757d;
  }
  .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):hover {
    background: #e9ecef;
    color: #6c757d;
  }
  .p-splitbutton.p-button-text.p-button-plain > .p-button:not(:disabled):active {
    background: #dee2e6;
    color: #6c757d;
  }
  .p-splitbutton.p-button-raised {
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
  }
  .p-splitbutton.p-button-rounded {
    border-radius: 2rem;
  }
  .p-splitbutton.p-button-rounded > .p-button {
    border-radius: 2rem;
  }
  .p-splitbutton.p-button-sm > .p-button {
    font-size: 0.875rem;
    padding: 0.4375rem 0.875rem;
  }
  .p-splitbutton.p-button-sm > .p-button .p-button-icon {
    font-size: 0.875rem;
  }
  .p-splitbutton.p-button-lg > .p-button {
    font-size: 1.25rem;
    padding: 0.625rem 1.25rem;
  }
  .p-splitbutton.p-button-lg > .p-button.p-button-icon-only {
    width: auto;
  }
  .p-splitbutton.p-button-lg > .p-button .p-button-icon {
    font-size: 1.25rem;
  }
  .p-splitbutton .p-splitbutton-menubutton,
  .p-splitbutton .p-splitbutton.p-button-rounded > .p-splitbutton-menubutton.p-button,
  .p-splitbutton .p-splitbutton.p-button-outlined > .p-splitbutton-menubutton.p-button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .p-splitbutton.p-button-secondary.p-button-outlined > .p-button {
    background-color: transparent;
    color: #607d8b;
    border: 1px solid;
  }
  .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):hover {
    background: rgba(96, 125, 139, 0.04);
    color: #607d8b;
  }
  .p-splitbutton.p-button-secondary.p-button-outlined > .p-button:not(:disabled):active {
    background: rgba(96, 125, 139, 0.16);
    color: #607d8b;
  }
  .p-splitbutton.p-button-secondary.p-button-text > .p-button {
    background-color: transparent;
    color: #607d8b;
    border-color: transparent;
  }
  .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):hover {
    background: rgba(96, 125, 139, 0.04);
    border-color: transparent;
    color: #607d8b;
  }
  .p-splitbutton.p-button-secondary.p-button-text > .p-button:not(:disabled):active {
    background: rgba(96, 125, 139, 0.16);
    border-color: transparent;
    color: #607d8b;
  }
  .p-splitbutton.p-button-info.p-button-outlined > .p-button {
    background-color: transparent;
    color: #0288d1;
    border: 1px solid;
  }
  .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):hover {
    background: rgba(2, 136, 209, 0.04);
    color: #0288d1;
  }
  .p-splitbutton.p-button-info.p-button-outlined > .p-button:not(:disabled):active {
    background: rgba(2, 136, 209, 0.16);
    color: #0288d1;
  }
  .p-splitbutton.p-button-info.p-button-text > .p-button {
    background-color: transparent;
    color: #0288d1;
    border-color: transparent;
  }
  .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):hover {
    background: rgba(2, 136, 209, 0.04);
    border-color: transparent;
    color: #0288d1;
  }
  .p-splitbutton.p-button-info.p-button-text > .p-button:not(:disabled):active {
    background: rgba(2, 136, 209, 0.16);
    border-color: transparent;
    color: #0288d1;
  }
  .p-splitbutton.p-button-success.p-button-outlined > .p-button {
    background-color: transparent;
    color: #689f38;
    border: 1px solid;
  }
  .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):hover {
    background: rgba(104, 159, 56, 0.04);
    color: #689f38;
  }
  .p-splitbutton.p-button-success.p-button-outlined > .p-button:not(:disabled):active {
    background: rgba(104, 159, 56, 0.16);
    color: #689f38;
  }
  .p-splitbutton.p-button-success.p-button-text > .p-button {
    background-color: transparent;
    color: #689f38;
    border-color: transparent;
  }
  .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):hover {
    background: rgba(104, 159, 56, 0.04);
    border-color: transparent;
    color: #689f38;
  }
  .p-splitbutton.p-button-success.p-button-text > .p-button:not(:disabled):active {
    background: rgba(104, 159, 56, 0.16);
    border-color: transparent;
    color: #689f38;
  }
  .p-splitbutton.p-button-warning.p-button-outlined > .p-button {
    background-color: transparent;
    color: #fbc02d;
    border: 1px solid;
  }
  .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):hover {
    background: rgba(251, 192, 45, 0.04);
    color: #fbc02d;
  }
  .p-splitbutton.p-button-warning.p-button-outlined > .p-button:not(:disabled):active {
    background: rgba(251, 192, 45, 0.16);
    color: #fbc02d;
  }
  .p-splitbutton.p-button-warning.p-button-text > .p-button {
    background-color: transparent;
    color: #fbc02d;
    border-color: transparent;
  }
  .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):hover {
    background: rgba(251, 192, 45, 0.04);
    border-color: transparent;
    color: #fbc02d;
  }
  .p-splitbutton.p-button-warning.p-button-text > .p-button:not(:disabled):active {
    background: rgba(251, 192, 45, 0.16);
    border-color: transparent;
    color: #fbc02d;
  }
  .p-splitbutton.p-button-help.p-button-outlined > .p-button {
    background-color: transparent;
    color: #9c27b0;
    border: 1px solid;
  }
  .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):hover {
    background: rgba(156, 39, 176, 0.04);
    color: #9c27b0;
  }
  .p-splitbutton.p-button-help.p-button-outlined > .p-button:not(:disabled):active {
    background: rgba(156, 39, 176, 0.16);
    color: #9c27b0;
  }
  .p-splitbutton.p-button-help.p-button-text > .p-button {
    background-color: transparent;
    color: #9c27b0;
    border-color: transparent;
  }
  .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):hover {
    background: rgba(156, 39, 176, 0.04);
    border-color: transparent;
    color: #9c27b0;
  }
  .p-splitbutton.p-button-help.p-button-text > .p-button:not(:disabled):active {
    background: rgba(156, 39, 176, 0.16);
    border-color: transparent;
    color: #9c27b0;
  }
  .p-splitbutton.p-button-danger.p-button-outlined > .p-button {
    background-color: transparent;
    color: #d32f2f;
    border: 1px solid;
  }
  .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):hover {
    background: rgba(211, 47, 47, 0.04);
    color: #d32f2f;
  }
  .p-splitbutton.p-button-danger.p-button-outlined > .p-button:not(:disabled):active {
    background: rgba(211, 47, 47, 0.16);
    color: #d32f2f;
  }
  .p-splitbutton.p-button-danger.p-button-text > .p-button {
    background-color: transparent;
    color: #d32f2f;
    border-color: transparent;
  }
  .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):hover {
    background: rgba(211, 47, 47, 0.04);
    border-color: transparent;
    color: #d32f2f;
  }
  .p-splitbutton.p-button-danger.p-button-text > .p-button:not(:disabled):active {
    background: rgba(211, 47, 47, 0.16);
    border-color: transparent;
    color: #d32f2f;
  }
  .p-speeddial-button.p-button.p-button-icon-only {
    width: 4rem;
    height: 4rem;
  }
  .p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
    font-size: 1.3rem;
  }
  .p-speeddial-button.p-button.p-button-icon-only .p-button-icon.p-icon {
    width: 1.3rem;
    height: 1.3rem;
  }
  .p-speeddial-list {
    outline: 0 none;
  }
  .p-speeddial-action {
    width: 3rem;
    height: 3rem;
    background: #495057;
    color: #fff;
  }
  .p-speeddial-action:hover {
    background: #343a40;
    color: #fff;
  }
  .p-speeddial-direction-up .p-speeddial-item {
    margin: 0.25rem;
  }
  .p-speeddial-direction-up .p-speeddial-item:first-child {
    margin-bottom: 0.5rem;
  }
  .p-speeddial-direction-down .p-speeddial-item {
    margin: 0.25rem;
  }
  .p-speeddial-direction-down .p-speeddial-item:first-child {
    margin-top: 0.5rem;
  }
  .p-speeddial-direction-left .p-speeddial-item {
    margin: 0 0.25rem;
  }
  .p-speeddial-direction-left .p-speeddial-item:first-child {
    margin-right: 0.5rem;
  }
  .p-speeddial-direction-right .p-speeddial-item {
    margin: 0 0.25rem;
  }
  .p-speeddial-direction-right .p-speeddial-item:first-child {
    margin-left: 0.5rem;
  }
  .p-speeddial-circle .p-speeddial-item,
  .p-speeddial-semi-circle .p-speeddial-item,
  .p-speeddial-quarter-circle .p-speeddial-item {
    margin: 0;
  }
  .p-speeddial-circle .p-speeddial-item:first-child, .p-speeddial-circle .p-speeddial-item:last-child,
  .p-speeddial-semi-circle .p-speeddial-item:first-child,
  .p-speeddial-semi-circle .p-speeddial-item:last-child,
  .p-speeddial-quarter-circle .p-speeddial-item:first-child,
  .p-speeddial-quarter-circle .p-speeddial-item:last-child {
    margin: 0;
  }
  .p-speeddial-mask {
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 3px;
  }
  .p-carousel .p-carousel-content .p-carousel-prev,
  .p-carousel .p-carousel-content .p-carousel-next {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
  .p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
    color: #495057;
    border-color: transparent;
    background: #e9ecef;
  }
  .p-carousel .p-carousel-content .p-carousel-prev:focus-visible,
  .p-carousel .p-carousel-content .p-carousel-next:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-carousel .p-carousel-content .p-carousel-prev,
  .p-carousel .p-carousel-content .p-carousel-next {
    margin: 0.5rem;
  }
  .p-carousel .p-carousel-indicators {
    padding: 1rem;
  }
  .p-carousel .p-carousel-indicators .p-carousel-indicator {
    margin-right: 0.5rem;
    margin-bottom: 0.5rem;
  }
  .p-carousel .p-carousel-indicators .p-carousel-indicator button {
    background-color: #e9ecef;
    width: 2rem;
    height: 0.5rem;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    border-radius: 0;
  }
  .p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
    background: #dee2e6;
  }
  .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
    background: #e3f2fd;
    color: #495057;
  }
  .p-datatable .p-paginator-top {
    border-width: 0 0 1px 0;
    border-radius: 0;
  }
  .p-datatable .p-paginator-bottom {
    border-width: 0 0 1px 0;
    border-radius: 0;
  }
  .p-datatable .p-datatable-header {
    background: #f8f9fa;
    color: #495057;
    border: 1px solid #e9ecef;
    border-width: 1px 0 1px 0;
    padding: 1rem 1rem;
    font-weight: 600;
  }
  .p-datatable .p-datatable-footer {
    background: #f8f9fa;
    color: #495057;
    border: 1px solid #e9ecef;
    border-width: 0 0 1px 0;
    padding: 1rem 1rem;
    font-weight: 600;
  }
  .p-datatable .p-datatable-thead > tr > th {
    text-align: left;
    padding: 1rem 1rem;
    border: 1px solid #e9ecef;
    border-width: 0 0 1px 0;
    font-weight: 600;
    color: #495057;
    background: #f8f9fa;
    transition: box-shadow 0.2s;
  }
  .p-datatable .p-datatable-tfoot > tr > td {
    text-align: left;
    padding: 1rem 1rem;
    border: 1px solid #e9ecef;
    border-width: 0 0 1px 0;
    font-weight: 600;
    color: #495057;
    background: #f8f9fa;
  }
  .p-datatable .p-sortable-column .p-sortable-column-icon {
    color: #6c757d;
    margin-left: 0.5rem;
  }
  .p-datatable .p-sortable-column .p-sortable-column-badge {
    border-radius: 50%;
    height: 1.143rem;
    min-width: 1.143rem;
    line-height: 1.143rem;
    color: #495057;
    background: #e3f2fd;
    margin-left: 0.5rem;
  }
  .p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover {
    background: #e9ecef;
    color: #495057;
  }
  .p-datatable .p-sortable-column:not(.p-highlight):not(.p-sortable-disabled):hover .p-sortable-column-icon {
    color: #6c757d;
  }
  .p-datatable .p-sortable-column.p-highlight {
    background: #f8f9fa;
    color: #2196f3;
  }
  .p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
    color: #2196f3;
  }
  .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover {
    background: #e9ecef;
    color: #2196f3;
  }
  .p-datatable .p-sortable-column.p-highlight:not(.p-sortable-disabled):hover .p-sortable-column-icon {
    color: #2196f3;
  }
  .p-datatable .p-sortable-column:focus-visible {
    box-shadow: inset 0 0 0 0.15rem #a6d5fa;
    outline: 0 none;
  }
  .p-datatable .p-datatable-tbody > tr {
    background: #ffffff;
    color: #495057;
    transition: box-shadow 0.2s;
  }
  .p-datatable .p-datatable-tbody > tr > td {
    text-align: left;
    border: 1px solid #e9ecef;
    border-width: 0 0 1px 0;
    padding: 1rem 1rem;
  }
  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
    color: #495057;
    border-color: transparent;
    background: #e9ecef;
  }
  .p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus-visible,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus-visible,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus-visible,
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
    margin-right: 0.5rem;
  }
  .p-datatable .p-datatable-tbody > tr > td > .p-column-title {
    font-weight: 600;
  }
  .p-datatable .p-datatable-tbody > tr > td.p-highlight {
    background: #e3f2fd;
    color: #495057;
  }
  .p-datatable .p-datatable-tbody > tr.p-highlight {
    background: #e3f2fd;
    color: #495057;
  }
  .p-datatable .p-datatable-tbody > tr.p-highlight-contextmenu {
    outline: 0.15rem solid #a6d5fa;
    outline-offset: -0.15rem;
  }
  .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
    box-shadow: inset 0 2px 0 0 #e3f2fd;
  }
  .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
    box-shadow: inset 0 -2px 0 0 #e3f2fd;
  }
  .p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:not(.p-highlight):not(.p-datatable-emptymessage):hover {
    background: #e9ecef;
    color: #495057;
  }
  .p-datatable.p-datatable-selectable .p-datatable-tbody > tr.p-selectable-row:focus-visible {
    outline: 0.15rem solid #a6d5fa;
    outline-offset: -0.15rem;
  }
  .p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:not(.p-highlight):hover {
    background: #e9ecef;
    color: #495057;
  }
  .p-datatable.p-datatable-selectable-cell .p-datatable-tbody > tr.p-selectable-row > td.p-selectable-cell:focus-visible {
    outline: 0.15rem solid #a6d5fa;
    outline-offset: -0.15rem;
  }
  .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):not(.p-datatable-emptymessage):hover {
    background: #e9ecef;
    color: #495057;
  }
  .p-datatable .p-column-resizer-helper {
    background: #2196f3;
  }
  .p-datatable .p-datatable-scrollable-header,
  .p-datatable .p-datatable-scrollable-footer {
    background: #f8f9fa;
  }
  .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-thead,
  .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-datatable-table > .p-datatable-tfoot, .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-thead,
  .p-datatable.p-datatable-scrollable > .p-datatable-wrapper > .p-virtualscroller > .p-datatable-table > .p-datatable-tfoot {
    background-color: #f8f9fa;
  }
  .p-datatable .p-datatable-loading-icon {
    font-size: 2rem;
  }
  .p-datatable .p-datatable-loading-icon.p-icon {
    width: 2rem;
    height: 2rem;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-header {
    border-width: 1px 1px 0 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-footer {
    border-width: 0 1px 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-paginator-top {
    border-width: 0 1px 0 1px;
  }
  .p-datatable.p-datatable-gridlines .p-paginator-bottom {
    border-width: 0 1px 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
    border-width: 1px 0 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th:last-child {
    border-width: 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
    border-width: 1px 0 0 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td:last-child {
    border-width: 1px 1px 0 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td {
    border-width: 1px 0 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tbody > tr:last-child > td:last-child {
    border-width: 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
    border-width: 1px 0 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td:last-child {
    border-width: 1px 1px 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td {
    border-width: 0 0 1px 1px;
  }
  .p-datatable.p-datatable-gridlines .p-datatable-thead + .p-datatable-tfoot > tr > td:last-child {
    border-width: 0 1px 1px 1px;
  }
  .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td {
    border-width: 0 0 1px 1px;
  }
  .p-datatable.p-datatable-gridlines:has(.p-datatable-thead):has(.p-datatable-tbody) .p-datatable-tbody > tr > td:last-child {
    border-width: 0 1px 1px 1px;
  }
  .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td {
    border-width: 0 0 0 1px;
  }
  .p-datatable.p-datatable-gridlines:has(.p-datatable-tbody):has(.p-datatable-tfoot) .p-datatable-tbody > tr:last-child > td:last-child {
    border-width: 0 1px 0 1px;
  }
  .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd {
    background: #fcfcfc;
  }
  .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight {
    background: #e3f2fd;
    color: #495057;
  }
  .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
    color: #495057;
  }
  .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
    color: #495057;
  }
  .p-datatable.p-datatable-striped .p-datatable-tbody > tr.p-row-odd + .p-row-expanded {
    background: #fcfcfc;
  }
  .p-datatable.p-datatable-sm .p-datatable-header {
    padding: 0.5rem 0.5rem;
  }
  .p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
    padding: 0.5rem 0.5rem;
  }
  .p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
    padding: 0.5rem 0.5rem;
  }
  .p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
    padding: 0.5rem 0.5rem;
  }
  .p-datatable.p-datatable-sm .p-datatable-footer {
    padding: 0.5rem 0.5rem;
  }
  .p-datatable.p-datatable-lg .p-datatable-header {
    padding: 1.25rem 1.25rem;
  }
  .p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
    padding: 1.25rem 1.25rem;
  }
  .p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
    padding: 1.25rem 1.25rem;
  }
  .p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
    padding: 1.25rem 1.25rem;
  }
  .p-datatable.p-datatable-lg .p-datatable-footer {
    padding: 1.25rem 1.25rem;
  }
  .p-datatable-drag-selection-helper {
    background: rgba(33, 150, 243, 0.16);
  }
  .p-dataview .p-paginator-top {
    border-width: 0 0 1px 0;
    border-radius: 0;
  }
  .p-dataview .p-paginator-bottom {
    border-width: 0 0 1px 0;
    border-radius: 0;
  }
  .p-dataview .p-dataview-header {
    background: #f8f9fa;
    color: #495057;
    border: 1px solid #e9ecef;
    border-width: 1px 0 1px 0;
    padding: 1rem 1rem;
    font-weight: 600;
  }
  .p-dataview .p-dataview-content {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    padding: 0;
  }
  .p-dataview .p-dataview-footer {
    background: #f8f9fa;
    color: #495057;
    border: 1px solid #e9ecef;
    border-width: 0 0 1px 0;
    padding: 1rem 1rem;
    font-weight: 600;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .p-dataview .p-dataview-loading-icon {
    font-size: 2rem;
  }
  .p-dataview .p-dataview-loading-icon.p-icon {
    width: 2rem;
    height: 2rem;
  }
  .p-datascroller .p-paginator-top {
    border-width: 0 0 1px 0;
    border-radius: 0;
  }
  .p-datascroller .p-paginator-bottom {
    border-width: 0 0 1px 0;
    border-radius: 0;
  }
  .p-datascroller .p-datascroller-header {
    background: #f8f9fa;
    color: #495057;
    border: 1px solid #e9ecef;
    border-width: 1px 0 1px 0;
    padding: 1rem 1rem;
    font-weight: 600;
  }
  .p-datascroller .p-datascroller-content {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    padding: 0;
  }
  .p-datascroller.p-datascroller-inline .p-datascroller-list > li {
    border: solid #e9ecef;
    border-width: 0 0 1px 0;
  }
  .p-datascroller .p-datascroller-footer {
    background: #f8f9fa;
    color: #495057;
    border: 1px solid #e9ecef;
    border-width: 0 0 1px 0;
    padding: 1rem 1rem;
    font-weight: 600;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .p-column-filter-row .p-column-filter-menu-button,
  .p-column-filter-row .p-column-filter-clear-button {
    margin-left: 0.5rem;
  }
  .p-column-filter-menu-button {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-column-filter-menu-button:hover {
    color: #495057;
    border-color: transparent;
    background: #e9ecef;
  }
  .p-column-filter-menu-button.p-column-filter-menu-button-open, .p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
    background: #e9ecef;
    color: #495057;
  }
  .p-column-filter-menu-button.p-column-filter-menu-button-active, .p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
    background: #e3f2fd;
    color: #495057;
  }
  .p-column-filter-menu-button:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-column-filter-clear-button {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-column-filter-clear-button:hover {
    color: #495057;
    border-color: transparent;
    background: #e9ecef;
  }
  .p-column-filter-clear-button:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-column-filter-overlay {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    border-radius: 3px;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
    min-width: 12.5rem;
  }
  .p-column-filter-overlay .p-column-filter-row-items {
    padding: 0.5rem 0;
  }
  .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
    margin: 0;
    padding: 0.5rem 1rem;
    border: 0 none;
    color: #495057;
    background: transparent;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
    color: #495057;
    background: #e3f2fd;
  }
  .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.15rem #a6d5fa;
  }
  .p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
    border-top: 1px solid #dee2e6;
    margin: 0.25rem 0;
  }
  .p-column-filter-overlay-menu .p-column-filter-operator {
    padding: 0.5rem 1rem;
    border-bottom: 0 none;
    color: #495057;
    background: #f8f9fa;
    margin: 0;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
  }
  .p-column-filter-overlay-menu .p-column-filter-constraint {
    padding: 1rem;
    border-bottom: 1px solid #dee2e6;
  }
  .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
    margin-bottom: 0.5rem;
  }
  .p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
    margin-top: 0.5rem;
  }
  .p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
    border-bottom: 0 none;
  }
  .p-column-filter-overlay-menu .p-column-filter-add-rule {
    padding: 0.5rem 1rem;
  }
  .p-column-filter-overlay-menu .p-column-filter-buttonbar {
    padding: 1rem;
  }
  .p-orderlist .p-orderlist-controls {
    padding: 1rem;
  }
  .p-orderlist .p-orderlist-controls .p-button {
    margin-bottom: 0.5rem;
  }
  .p-orderlist .p-orderlist-header {
    background: #f8f9fa;
    color: #495057;
    border: 1px solid #dee2e6;
    padding: 1rem;
    font-weight: 600;
    border-bottom: 0 none;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
  }
  .p-orderlist .p-orderlist-filter-container {
    padding: 1rem;
    background: #ffffff;
    border: 1px solid #dee2e6;
    border-bottom: 0 none;
  }
  .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input {
    padding-right: 1.5rem;
  }
  .p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon {
    right: 0.5rem;
    color: #6c757d;
  }
  .p-orderlist .p-orderlist-list {
    border: 1px solid #dee2e6;
    background: #ffffff;
    color: #495057;
    padding: 0.5rem 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    outline: 0 none;
  }
  .p-orderlist .p-orderlist-list .p-orderlist-item {
    padding: 0.5rem 1rem;
    margin: 0;
    border: 0 none;
    color: #495057;
    background: transparent;
    transition: transform 0.2s, box-shadow 0.2s;
  }
  .p-orderlist .p-orderlist-list .p-orderlist-item:not(.p-highlight):hover {
    background: #e9ecef;
    color: #495057;
  }
  .p-orderlist .p-orderlist-list .p-orderlist-item.p-focus {
    color: #495057;
    background: #dee2e6;
  }
  .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
    color: #495057;
    background: #e3f2fd;
  }
  .p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight.p-focus {
    background: rgba(33, 150, 243, 0.24);
  }
  .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even) {
    background: #e9ecef;
  }
  .p-orderlist.p-orderlist-striped .p-orderlist-list .p-orderlist-item:nth-child(even):hover {
    background: #e9ecef;
  }
  .p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
    background: #e9ecef;
    color: #495057;
  }
  .p-organizationchart .p-organizationchart-node-content.p-highlight {
    background: #e3f2fd;
    color: #495057;
  }
  .p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
    color: #6cbbf5;
  }
  .p-organizationchart .p-organizationchart-line-down {
    background: #dee2e6;
  }
  .p-organizationchart .p-organizationchart-line-left {
    border-right: 1px solid #dee2e6;
    border-color: #dee2e6;
  }
  .p-organizationchart .p-organizationchart-line-top {
    border-top: 1px solid #dee2e6;
    border-color: #dee2e6;
  }
  .p-organizationchart .p-organizationchart-node-content {
    border: 1px solid #dee2e6;
    background: #ffffff;
    color: #495057;
    padding: 1rem;
  }
  .p-organizationchart .p-organizationchart-node-content .p-node-toggler {
    background: inherit;
    color: inherit;
    border-radius: 50%;
  }
  .p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-paginator {
    background: #ffffff;
    color: #6c757d;
    border: solid #e9ecef;
    border-width: 0;
    padding: 0.5rem 1rem;
    border-radius: 3px;
  }
  .p-paginator .p-paginator-first,
  .p-paginator .p-paginator-prev,
  .p-paginator .p-paginator-next,
  .p-paginator .p-paginator-last {
    background-color: transparent;
    border: 0 none;
    color: #6c757d;
    min-width: 2.357rem;
    height: 2.357rem;
    margin: 0.143rem;
    transition: box-shadow 0.2s;
    border-radius: 3px;
  }
  .p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
  .p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
  .p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
  .p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
    background: #e9ecef;
    border-color: transparent;
    color: #495057;
  }
  .p-paginator .p-paginator-first {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-paginator .p-paginator-last {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .p-paginator .p-dropdown {
    margin-left: 0.5rem;
    height: 2.357rem;
  }
  .p-paginator .p-dropdown .p-dropdown-label {
    padding-right: 0;
  }
  .p-paginator .p-paginator-page-input {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }
  .p-paginator .p-paginator-page-input .p-inputtext {
    max-width: 2.357rem;
  }
  .p-paginator .p-paginator-current {
    background-color: transparent;
    border: 0 none;
    color: #6c757d;
    min-width: 2.357rem;
    height: 2.357rem;
    margin: 0.143rem;
    padding: 0 0.5rem;
  }
  .p-paginator .p-paginator-pages .p-paginator-page {
    background-color: transparent;
    border: 0 none;
    color: #6c757d;
    min-width: 2.357rem;
    height: 2.357rem;
    margin: 0.143rem;
    transition: box-shadow 0.2s;
    border-radius: 3px;
  }
  .p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
    background: #e3f2fd;
    border-color: #e3f2fd;
    color: #495057;
  }
  .p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
    background: #e9ecef;
    border-color: transparent;
    color: #495057;
  }
  .p-picklist .p-picklist-buttons {
    padding: 1rem;
  }
  .p-picklist .p-picklist-buttons .p-button {
    margin-bottom: 0.5rem;
  }
  .p-picklist .p-picklist-header {
    background: #f8f9fa;
    color: #495057;
    border: 1px solid #dee2e6;
    padding: 1rem;
    font-weight: 600;
    border-bottom: 0 none;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
  }
  .p-picklist .p-picklist-filter-container {
    padding: 1rem;
    background: #ffffff;
    border: 1px solid #dee2e6;
    border-bottom: 0 none;
  }
  .p-picklist .p-picklist-filter-container .p-picklist-filter-input {
    padding-right: 1.5rem;
  }
  .p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
    right: 0.5rem;
    color: #6c757d;
  }
  .p-picklist .p-picklist-list {
    border: 1px solid #dee2e6;
    background: #ffffff;
    color: #495057;
    padding: 0.5rem 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    outline: 0 none;
  }
  .p-picklist .p-picklist-list .p-picklist-item {
    padding: 0.5rem 1rem;
    margin: 0;
    border: 0 none;
    color: #495057;
    background: transparent;
    transition: transform 0.2s, box-shadow 0.2s;
  }
  .p-picklist .p-picklist-list .p-picklist-item:not(.p-highlight):hover {
    background: #e9ecef;
    color: #495057;
  }
  .p-picklist .p-picklist-list .p-picklist-item.p-focus {
    color: #495057;
    background: #dee2e6;
  }
  .p-picklist .p-picklist-list .p-picklist-item.p-highlight {
    color: #495057;
    background: #e3f2fd;
  }
  .p-picklist .p-picklist-list .p-picklist-item.p-highlight.p-focus {
    background: rgba(33, 150, 243, 0.24);
  }
  .p-tree-container {
    margin: 0;
    padding: 0;
    list-style-type: none;
    overflow: auto;
  }
  .p-treenode-children {
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  .p-treenode-selectable {
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .p-tree-toggler {
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    position: relative;
    flex-shrink: 0;
  }
  .p-treenode-leaf > .p-treenode-content .p-tree-toggler {
    visibility: hidden;
  }
  .p-treenode-content {
    display: flex;
    align-items: center;
  }
  .p-tree-filter {
    width: 100%;
  }
  .p-tree-filter-container {
    position: relative;
    display: block;
    width: 100%;
  }
  .p-tree-filter-icon {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
  }
  .p-tree-loading {
    position: relative;
    min-height: 4rem;
  }
  .p-tree .p-tree-loading-overlay {
    position: absolute;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .p-tree {
    border: 1px solid #dee2e6;
    background: #ffffff;
    color: #495057;
    padding: 1rem;
    border-radius: 3px;
  }
  .p-tree .p-tree-container .p-treenode {
    padding: 0.143rem;
    outline: 0 none;
  }
  .p-tree .p-tree-container .p-treenode:focus > .p-treenode-content {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.15rem #a6d5fa;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content {
    border-radius: 3px;
    transition: box-shadow 0.2s;
    padding: 0;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
    margin-right: 0.5rem;
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
    color: #495057;
    border-color: transparent;
    background: #e9ecef;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
    margin-right: 0.5rem;
    color: #6c757d;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
    margin-right: 0.5rem;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox.p-indeterminate .p-checkbox-icon {
    color: #495057;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
    background: #e3f2fd;
    color: #495057;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
    color: #495057;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
    color: #495057;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
    background: #e9ecef;
    color: #495057;
  }
  .p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover {
    background: #e9ecef;
    color: #495057;
  }
  .p-tree .p-tree-filter-container {
    margin-bottom: 0.5rem;
  }
  .p-tree .p-tree-filter-container .p-tree-filter {
    width: 100%;
    padding-right: 1.5rem;
  }
  .p-tree .p-tree-filter-container .p-tree-filter-icon {
    right: 0.5rem;
    color: #6c757d;
  }
  .p-tree .p-treenode-children {
    padding: 0 0 0 1rem;
  }
  .p-tree .p-tree-loading-icon {
    font-size: 2rem;
  }
  .p-tree .p-tree-loading-icon.p-icon {
    width: 2rem;
    height: 2rem;
  }
  .p-tree .p-treenode-droppoint {
    height: 0.5rem;
  }
  .p-tree .p-treenode-droppoint.p-treenode-droppoint-active {
    background: #89c8f7;
  }
  .p-treetable {
    position: relative;
  }
  .p-treetable > .p-treetable-wrapper {
    overflow: auto;
  }
  .p-treetable table {
    border-collapse: collapse;
    width: 100%;
    table-layout: fixed;
  }
  .p-treetable .p-sortable-column {
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .p-treetable-selectable .p-treetable-tbody > tr {
    cursor: pointer;
  }
  .p-treetable-toggler {
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    vertical-align: middle;
    overflow: hidden;
    position: relative;
  }
  .p-treetable-toggler + .p-checkbox {
    vertical-align: middle;
  }
  .p-treetable-toggler + .p-checkbox + span {
    vertical-align: middle;
  }
  /* Resizable */
  .p-treetable-resizable > .p-treetable-wrapper {
    overflow-x: auto;
  }
  .p-treetable-resizable .p-treetable-thead > tr > th,
  .p-treetable-resizable .p-treetable-tfoot > tr > td,
  .p-treetable-resizable .p-treetable-tbody > tr > td {
    overflow: hidden;
  }
  .p-treetable-resizable .p-resizable-column {
    background-clip: padding-box;
    position: relative;
  }
  .p-treetable-resizable-fit .p-resizable-column:last-child .p-column-resizer {
    display: none;
  }
  .p-treetable .p-column-resizer {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    width: 0.5rem;
    height: 100%;
    padding: 0px;
    cursor: col-resize;
    border: 1px solid transparent;
  }
  .p-treetable .p-column-resizer-helper {
    width: 1px;
    position: absolute;
    z-index: 10;
    display: none;
  }
  /* Scrollable */
  .p-treetable-scrollable-wrapper {
    position: relative;
  }
  .p-treetable-scrollable-header,
  .p-treetable-scrollable-footer {
    overflow: hidden;
    border: 0 none;
  }
  .p-treetable-scrollable-body {
    overflow: auto;
    position: relative;
  }
  .p-treetable-virtual-table {
    position: absolute;
  }
  /* Frozen Columns */
  .p-treetable-frozen-view .p-treetable-scrollable-body {
    overflow: hidden;
  }
  .p-treetable-unfrozen-view {
    position: absolute;
    top: 0px;
    left: 0px;
  }
  /* Reorder */
  .p-treetable-reorder-indicator-up,
  .p-treetable-reorder-indicator-down {
    position: absolute;
    display: none;
  }
  /* Loader */
  .p-treetable .p-treetable-loading-overlay {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
  }
  /* Alignment */
  .p-treetable .p-treetable-thead > tr > th.p-align-left > .p-column-header-content,
  .p-treetable .p-treetable-tbody > tr > td.p-align-left,
  .p-treetable .p-treetable-tfoot > tr > td.p-align-left {
    text-align: left;
    justify-content: flex-start;
  }
  .p-treetable .p-treetable-thead > tr > th.p-align-right > .p-column-header-content,
  .p-treetable .p-treetable-tbody > tr > td.p-align-right,
  .p-treetable .p-treetable-tfoot > tr > td.p-align-right {
    text-align: right;
    justify-content: flex-end;
  }
  .p-treetable .p-treetable-thead > tr > th.p-align-center > .p-column-header-content,
  .p-treetable .p-treetable-tbody > tr > td.p-align-center,
  .p-treetable .p-treetable-tfoot > tr > td.p-align-center {
    text-align: center;
    justify-content: center;
  }
  .p-treetable .p-paginator-top {
    border-width: 0 0 1px 0;
    border-radius: 0;
  }
  .p-treetable .p-paginator-bottom {
    border-width: 0 0 1px 0;
    border-radius: 0;
  }
  .p-treetable .p-treetable-header {
    background: #f8f9fa;
    color: #495057;
    border: 1px solid #e9ecef;
    border-width: 1px 0 1px 0;
    padding: 1rem 1rem;
    font-weight: 600;
  }
  .p-treetable .p-treetable-footer {
    background: #f8f9fa;
    color: #495057;
    border: 1px solid #e9ecef;
    border-width: 0 0 1px 0;
    padding: 1rem 1rem;
    font-weight: 600;
  }
  .p-treetable .p-treetable-thead > tr > th {
    text-align: left;
    padding: 1rem 1rem;
    border: 1px solid #e9ecef;
    border-width: 0 0 1px 0;
    font-weight: 600;
    color: #495057;
    background: #f8f9fa;
    transition: box-shadow 0.2s;
  }
  .p-treetable .p-treetable-tfoot > tr > td {
    text-align: left;
    padding: 1rem 1rem;
    border: 1px solid #e9ecef;
    border-width: 0 0 1px 0;
    font-weight: 600;
    color: #495057;
    background: #f8f9fa;
  }
  .p-treetable .p-sortable-column {
    outline-color: #a6d5fa;
  }
  .p-treetable .p-sortable-column .p-sortable-column-icon {
    color: #6c757d;
    margin-left: 0.5rem;
  }
  .p-treetable .p-sortable-column .p-sortable-column-badge {
    border-radius: 50%;
    height: 1.143rem;
    min-width: 1.143rem;
    line-height: 1.143rem;
    color: #495057;
    background: #e3f2fd;
    margin-left: 0.5rem;
  }
  .p-treetable .p-sortable-column:not(.p-highlight):hover {
    background: #e9ecef;
    color: #495057;
  }
  .p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
    color: #6c757d;
  }
  .p-treetable .p-sortable-column.p-highlight {
    background: #f8f9fa;
    color: #2196f3;
  }
  .p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
    color: #2196f3;
  }
  .p-treetable .p-treetable-tbody > tr {
    background: #ffffff;
    color: #495057;
    transition: box-shadow 0.2s;
  }
  .p-treetable .p-treetable-tbody > tr > td {
    text-align: left;
    border: 1px solid #e9ecef;
    border-width: 0 0 1px 0;
    padding: 1rem 1rem;
  }
  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
    color: #495057;
    border-color: transparent;
    background: #e9ecef;
  }
  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
    margin-right: 0.5rem;
  }
  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox {
    margin-right: 0.5rem;
  }
  .p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler + .p-checkbox .p-indeterminate .p-checkbox-icon {
    color: #495057;
  }
  .p-treetable .p-treetable-tbody > tr:focus-visible {
    outline: 0.15rem solid #a6d5fa;
    outline-offset: -0.15rem;
  }
  .p-treetable .p-treetable-tbody > tr.p-highlight {
    background: #e3f2fd;
    color: #495057;
  }
  .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
    color: #495057;
  }
  .p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
    color: #495057;
  }
  .p-treetable.p-treetable-selectable .p-treetable-tbody > tr:not(.p-highlight):hover, .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
    background: #e9ecef;
    color: #495057;
  }
  .p-treetable.p-treetable-selectable .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler, .p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
    color: #495057;
  }
  .p-treetable .p-column-resizer-helper {
    background: #2196f3;
  }
  .p-treetable .p-treetable-scrollable-header,
  .p-treetable .p-treetable-scrollable-footer {
    background: #f8f9fa;
  }
  .p-treetable .p-treetable-loading-icon {
    font-size: 2rem;
  }
  .p-treetable .p-treetable-loading-icon.p-icon {
    width: 2rem;
    height: 2rem;
  }
  .p-treetable.p-treetable-gridlines .p-treetable-header {
    border-width: 1px 1px 0 1px;
  }
  .p-treetable.p-treetable-gridlines .p-treetable-footer {
    border-width: 0 1px 1px 1px;
  }
  .p-treetable.p-treetable-gridlines .p-treetable-top {
    border-width: 0 1px 0 1px;
  }
  .p-treetable.p-treetable-gridlines .p-treetable-bottom {
    border-width: 0 1px 1px 1px;
  }
  .p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
    border-width: 1px;
  }
  .p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
    border-width: 1px;
  }
  .p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
    border-width: 1px;
  }
  .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd {
    background: #fcfcfc;
  }
  .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd.p-highlight {
    background: #e3f2fd;
    color: #495057;
  }
  .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd.p-highlight .p-row-toggler {
    color: #495057;
  }
  .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd.p-highlight .p-row-toggler:hover {
    color: #495057;
  }
  .p-treetable.p-treetable-striped .p-treetable-tbody > tr.p-row-odd + .p-row-expanded {
    background: #fcfcfc;
  }
  .p-treetable.p-treetable-sm .p-treetable-header {
    padding: 0.875rem 0.875rem;
  }
  .p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
    padding: 0.5rem 0.5rem;
  }
  .p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
    padding: 0.5rem 0.5rem;
  }
  .p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
    padding: 0.5rem 0.5rem;
  }
  .p-treetable.p-treetable-sm .p-treetable-footer {
    padding: 0.5rem 0.5rem;
  }
  .p-treetable.p-treetable-lg .p-treetable-header {
    padding: 1.25rem 1.25rem;
  }
  .p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
    padding: 1.25rem 1.25rem;
  }
  .p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
    padding: 1.25rem 1.25rem;
  }
  .p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
    padding: 1.25rem 1.25rem;
  }
  .p-treetable.p-treetable-lg .p-treetable-footer {
    padding: 1.25rem 1.25rem;
  }
  .p-timeline .p-timeline-event-marker {
    border: 2px solid #2196f3;
    border-radius: 50%;
    width: 1rem;
    height: 1rem;
    background-color: #ffffff;
  }
  .p-timeline .p-timeline-event-connector {
    background-color: #dee2e6;
  }
  .p-timeline.p-timeline-vertical .p-timeline-event-opposite,
  .p-timeline.p-timeline-vertical .p-timeline-event-content {
    padding: 0 1rem;
  }
  .p-timeline.p-timeline-vertical .p-timeline-event-connector {
    width: 2px;
  }
  .p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
  .p-timeline.p-timeline-horizontal .p-timeline-event-content {
    padding: 1rem 0;
  }
  .p-timeline.p-timeline-horizontal .p-timeline-event-connector {
    height: 2px;
  }
  .p-accordion .p-accordion-header .p-accordion-header-link {
    padding: 1rem;
    border: 1px solid #dee2e6;
    color: #495057;
    background: #f8f9fa;
    font-weight: 600;
    border-radius: 3px;
    transition: box-shadow 0.2s;
  }
  .p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
    margin-right: 0.5rem;
  }
  .p-accordion .p-accordion-header:not(.p-disabled) .p-accordion-header-link:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
    background: #e9ecef;
    border-color: #dee2e6;
    color: #495057;
  }
  .p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
    background: #f8f9fa;
    border-color: #dee2e6;
    color: #495057;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
    border-color: #dee2e6;
    background: #e9ecef;
    color: #495057;
  }
  .p-accordion .p-accordion-content {
    padding: 1rem;
    border: 1px solid #dee2e6;
    background: #ffffff;
    color: #495057;
    border-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-accordion .p-accordion-tab {
    margin-bottom: 0;
  }
  .p-accordion .p-accordion-tab .p-accordion-header .p-accordion-header-link {
    border-radius: 0;
  }
  .p-accordion .p-accordion-tab .p-accordion-content {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }
  .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header .p-accordion-header-link {
    border-top: 0 none;
  }
  .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link, .p-accordion .p-accordion-tab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
    border-top: 0 none;
  }
  .p-accordion .p-accordion-tab:first-child .p-accordion-header .p-accordion-header-link {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
  }
  .p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-accordion .p-accordion-tab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-content {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-card {
    background: #ffffff;
    color: #495057;
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
    border-radius: 3px;
  }
  .p-card .p-card-body {
    padding: 1rem;
  }
  .p-card .p-card-title {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
  }
  .p-card .p-card-subtitle {
    font-weight: 400;
    margin-bottom: 0.5rem;
    color: #6c757d;
  }
  .p-card .p-card-content {
    padding: 1rem 0;
  }
  .p-card .p-card-footer {
    padding: 1rem 0 0 0;
  }
  .p-fieldset {
    border: 1px solid #dee2e6;
    background: #ffffff;
    color: #495057;
    border-radius: 3px;
  }
  .p-fieldset .p-fieldset-legend {
    padding: 1rem;
    border: 1px solid #dee2e6;
    color: #495057;
    background: #f8f9fa;
    font-weight: 600;
    border-radius: 3px;
  }
  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
    padding: 0;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
    padding: 1rem;
    color: #495057;
    border-radius: 3px;
    transition: box-shadow 0.2s;
  }
  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
    margin-right: 0.5rem;
  }
  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
    background: #e9ecef;
    border-color: #dee2e6;
    color: #495057;
  }
  .p-fieldset .p-fieldset-content {
    padding: 1rem;
  }
  .p-divider .p-divider-content {
    background-color: #ffffff;
  }
  .p-divider.p-divider-horizontal {
    margin: 1rem 0;
    padding: 0 1rem;
  }
  .p-divider.p-divider-horizontal:before {
    border-top: 1px #dee2e6;
  }
  .p-divider.p-divider-horizontal .p-divider-content {
    padding: 0 0.5rem;
  }
  .p-divider.p-divider-vertical {
    margin: 0 1rem;
    padding: 1rem 0;
  }
  .p-divider.p-divider-vertical:before {
    border-left: 1px #dee2e6;
  }
  .p-divider.p-divider-vertical .p-divider-content {
    padding: 0.5rem 0;
  }
  .p-panel .p-panel-header {
    border: 1px solid #dee2e6;
    padding: 1rem;
    background: #f8f9fa;
    color: #495057;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
  }
  .p-panel .p-panel-header .p-panel-title {
    font-weight: 600;
  }
  .p-panel .p-panel-header .p-panel-header-icon {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
    color: #495057;
    border-color: transparent;
    background: #e9ecef;
  }
  .p-panel .p-panel-header .p-panel-header-icon:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-panel.p-panel-toggleable .p-panel-header {
    padding: 0.5rem 1rem;
  }
  .p-panel:has(> .p-panel-footer) .p-panel-content {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
  .p-panel .p-panel-content {
    padding: 1rem;
    border: 1px solid #dee2e6;
    background: #ffffff;
    color: #495057;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
    border-top: 0 none;
  }
  .p-panel .p-panel-footer {
    padding: 0.5rem 1rem;
    border: 1px solid #dee2e6;
    background: #ffffff;
    color: #495057;
    border-top: 0 none;
  }
  .p-splitter {
    border: 1px solid #dee2e6;
    background: #ffffff;
    border-radius: 3px;
    color: #495057;
  }
  .p-splitter .p-splitter-gutter {
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    background: #f8f9fa;
  }
  .p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
    background: #dee2e6;
  }
  .p-splitter .p-splitter-gutter .p-splitter-gutter-handle:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-splitter .p-splitter-gutter-resizing {
    background: #dee2e6;
  }
  .p-stepper .p-stepper-nav {
    display: flex;
    justify-content: space-between;
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  .p-stepper .p-stepper-header {
    padding: 0.5rem;
  }
  .p-stepper .p-stepper-header .p-stepper-action {
    transition: box-shadow 0.2s;
    border-radius: 3px;
    background: #ffffff;
    outline-color: transparent;
  }
  .p-stepper .p-stepper-header .p-stepper-action .p-stepper-number {
    color: #495057;
    border: 1px solid #e9ecef;
    border-width: 2px;
    background: #ffffff;
    min-width: 2rem;
    height: 2rem;
    line-height: 2rem;
    font-size: 1.143rem;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-stepper .p-stepper-header .p-stepper-action .p-stepper-title {
    margin-left: 0.5rem;
    color: #6c757d;
    font-weight: 600;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-stepper .p-stepper-header .p-stepper-action:not(.p-disabled):focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-stepper .p-stepper-header.p-highlight .p-stepper-number {
    background: #e3f2fd;
    color: #495057;
  }
  .p-stepper .p-stepper-header.p-highlight .p-stepper-title {
    color: #495057;
  }
  .p-stepper .p-stepper-header:not(.p-disabled):focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-stepper .p-stepper-header:has(~ .p-highlight) .p-stepper-separator {
    background-color: #2196f3;
  }
  .p-stepper .p-stepper-panels {
    background: #ffffff;
    padding: 1rem;
    color: #495057;
  }
  .p-stepper .p-stepper-separator {
    background-color: #dee2e6;
    width: 100%;
    height: 2px;
    margin-inline-start: 1rem;
    transition: box-shadow 0.2s;
  }
  .p-stepper.p-stepper-vertical {
    display: flex;
    flex-direction: column;
  }
  .p-stepper.p-stepper-vertical .p-stepper-toggleable-content {
    display: flex;
    flex: 1 1 auto;
    background: #ffffff;
    color: #495057;
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel {
    display: flex;
    flex-direction: column;
    flex: initial;
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel.p-stepper-panel-active {
    flex: 1 1 auto;
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-header {
    flex: initial;
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-content {
    width: 100%;
    padding-left: 1rem;
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel .p-stepper-separator {
    flex: 0 0 auto;
    width: 2px;
    height: auto;
    margin-inline-start: calc(1.75rem + 2px);
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel:has(~ .p-stepper-panel-active) .p-stepper-separator {
    background-color: #2196f3;
  }
  .p-stepper.p-stepper-vertical .p-stepper-panel:last-of-type .p-stepper-content {
    padding-left: 3rem;
  }
  .p-scrollpanel .p-scrollpanel-bar {
    background: #f8f9fa;
    border: 0 none;
  }
  .p-scrollpanel .p-scrollpanel-bar:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-tabview-nav-container {
    position: relative;
  }
  .p-tabview-scrollable .p-tabview-nav-container {
    overflow: hidden;
  }
  .p-tabview-nav-content {
    overflow-x: auto;
    overflow-y: hidden;
    scroll-behavior: smooth;
    scrollbar-width: none;
    overscroll-behavior: contain auto;
    position: relative;
  }
  .p-tabview-nav {
    display: flex;
    margin: 0;
    padding: 0;
    list-style-type: none;
    flex: 1 1 auto;
  }
  .p-tabview-nav-link {
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    display: flex;
    align-items: center;
    position: relative;
    text-decoration: none;
    overflow: hidden;
  }
  .p-tabview-ink-bar {
    display: none;
    z-index: 1;
  }
  .p-tabview-nav-link:focus {
    z-index: 1;
  }
  .p-tabview-close {
    z-index: 1;
  }
  .p-tabview-title {
    line-height: 1;
    white-space: nowrap;
  }
  .p-tabview-nav-btn {
    position: absolute;
    top: 0;
    z-index: 2;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .p-tabview-nav-prev {
    left: 0;
  }
  .p-tabview-nav-next {
    right: 0;
  }
  .p-tabview-nav-content::-webkit-scrollbar {
    display: none;
  }
  .p-tabview .p-tabview-nav {
    background: #ffffff;
    border: 1px solid #dee2e6;
    border-width: 0 0 2px 0;
  }
  .p-tabview .p-tabview-nav li {
    margin-right: 0;
  }
  .p-tabview .p-tabview-nav li .p-tabview-nav-link {
    border: solid #dee2e6;
    border-width: 0 0 2px 0;
    border-color: transparent transparent #dee2e6 transparent;
    background: #ffffff;
    color: #6c757d;
    padding: 1rem;
    font-weight: 600;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    transition: box-shadow 0.2s;
    margin: 0 0 -2px 0;
  }
  .p-tabview .p-tabview-nav li .p-tabview-nav-link:not(.p-disabled):focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.2rem #a6d5fa;
  }
  .p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
    background: #ffffff;
    border-color: #6c757d;
    color: #6c757d;
  }
  .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
    background: #ffffff;
    border-color: #2196f3;
    color: #2196f3;
  }
  .p-tabview .p-tabview-close {
    margin-left: 0.5rem;
  }
  .p-tabview .p-tabview-nav-btn.p-link {
    background: #ffffff;
    color: #2196f3;
    width: 2.357rem;
    box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    border-radius: 0;
  }
  .p-tabview .p-tabview-nav-btn.p-link:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.2rem #a6d5fa;
  }
  .p-tabview .p-tabview-panels {
    background: #ffffff;
    padding: 1rem;
    border: 0 none;
    color: #495057;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-toolbar {
    background: #f8f9fa;
    border: 1px solid #dee2e6;
    padding: 1rem;
    border-radius: 3px;
    gap: 0.5rem;
  }
  .p-toolbar .p-toolbar-separator {
    margin: 0 0.5rem;
  }
  .p-confirm-popup {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    border-radius: 3px;
    box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  }
  .p-confirm-popup .p-confirm-popup-content {
    padding: 1rem;
  }
  .p-confirm-popup .p-confirm-popup-footer {
    text-align: right;
    padding: 0 1rem 1rem 1rem;
  }
  .p-confirm-popup .p-confirm-popup-footer button {
    margin: 0 0.5rem 0 0;
    width: auto;
  }
  .p-confirm-popup .p-confirm-popup-footer button:last-child {
    margin: 0;
  }
  .p-confirm-popup:after {
    border: solid transparent;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
  }
  .p-confirm-popup:before {
    border: solid transparent;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #f2f2f2;
  }
  .p-confirm-popup.p-confirm-popup-flipped:after {
    border-top-color: #ffffff;
  }
  .p-confirm-popup.p-confirm-popup-flipped:before {
    border-top-color: #ffffff;
  }
  .p-confirm-popup .p-confirm-popup-icon {
    font-size: 1.5rem;
  }
  .p-confirm-popup .p-confirm-popup-icon.p-icon {
    width: 1.5rem;
    height: 1.5rem;
  }
  .p-confirm-popup .p-confirm-popup-message {
    margin-left: 1rem;
  }
  .p-dialog {
    border-radius: 3px;
    box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
    border: 0 none;
  }
  .p-dialog .p-dialog-header {
    border-bottom: 0 none;
    background: #ffffff;
    color: #495057;
    padding: 1.5rem;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
  }
  .p-dialog .p-dialog-header .p-dialog-title {
    font-weight: 600;
    font-size: 1.25rem;
  }
  .p-dialog .p-dialog-header .p-dialog-header-icon {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
    color: #495057;
    border-color: transparent;
    background: #e9ecef;
  }
  .p-dialog .p-dialog-header .p-dialog-header-icon:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-dialog .p-dialog-header .p-dialog-header-icon {
    margin-right: 0.5rem;
  }
  .p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
    margin-right: 0;
  }
  .p-dialog .p-dialog-content {
    background: #ffffff;
    color: #495057;
    padding: 0 1.5rem 2rem 1.5rem;
  }
  .p-dialog .p-dialog-content:last-of-type {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-dialog .p-dialog-footer {
    border-top: 0 none;
    background: #ffffff;
    color: #495057;
    padding: 0 1.5rem 1.5rem 1.5rem;
    text-align: right;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-dialog .p-dialog-footer button {
    margin: 0 0.5rem 0 0;
    width: auto;
  }
  .p-dialog.p-dialog-maximized .p-dialog-header, .p-dialog.p-dialog-maximized .p-dialog-content:last-of-type {
    border-radius: 0;
  }
  .p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
    font-size: 2rem;
  }
  .p-dialog.p-confirm-dialog .p-confirm-dialog-icon.p-icon {
    width: 2rem;
    height: 2rem;
  }
  .p-dialog.p-confirm-dialog .p-confirm-dialog-message {
    margin-left: 1rem;
  }
  .p-overlaypanel {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    border-radius: 3px;
    box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  }
  .p-overlaypanel .p-overlaypanel-content {
    padding: 1rem;
  }
  .p-overlaypanel .p-overlaypanel-close {
    background: #2196f3;
    color: #ffffff;
    width: 2rem;
    height: 2rem;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    border-radius: 50%;
    position: absolute;
    top: -1rem;
    right: -1rem;
  }
  .p-overlaypanel .p-overlaypanel-close:enabled:hover {
    background: #0d89ec;
    color: #ffffff;
  }
  .p-overlaypanel:after {
    border: solid transparent;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #ffffff;
  }
  .p-overlaypanel:before {
    border: solid transparent;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #f2f2f2;
  }
  .p-overlaypanel.p-overlaypanel-flipped:after {
    border-top-color: #ffffff;
  }
  .p-overlaypanel.p-overlaypanel-flipped:before {
    border-top-color: #ffffff;
  }
  .p-sidebar {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  }
  .p-sidebar .p-sidebar-header {
    padding: 1rem;
  }
  .p-sidebar .p-sidebar-header .p-sidebar-close,
  .p-sidebar .p-sidebar-header .p-sidebar-icon {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    border: 0 none;
    background: transparent;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
  .p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
    color: #495057;
    border-color: transparent;
    background: #e9ecef;
  }
  .p-sidebar .p-sidebar-header .p-sidebar-close:focus-visible,
  .p-sidebar .p-sidebar-header .p-sidebar-icon:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-sidebar .p-sidebar-header + .p-sidebar-content {
    padding-top: 0;
  }
  .p-sidebar .p-sidebar-content {
    padding: 1rem;
  }
  .p-tooltip .p-tooltip-text {
    background: #495057;
    color: #ffffff;
    padding: 0.5rem 0.5rem;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
    border-radius: 3px;
  }
  .p-tooltip.p-tooltip-right .p-tooltip-arrow {
    border-right-color: #495057;
  }
  .p-tooltip.p-tooltip-left .p-tooltip-arrow {
    border-left-color: #495057;
  }
  .p-tooltip.p-tooltip-top .p-tooltip-arrow {
    border-top-color: #495057;
  }
  .p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
    border-bottom-color: #495057;
  }
  .p-fileupload .p-fileupload-buttonbar {
    background: #f8f9fa;
    padding: 1rem;
    border: 1px solid #dee2e6;
    color: #495057;
    border-bottom: 0 none;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    gap: 0.5rem;
  }
  .p-fileupload .p-fileupload-buttonbar .p-button {
    margin-right: 0.5rem;
  }
  .p-fileupload .p-fileupload-content {
    background: #ffffff;
    padding: 2rem 1rem;
    border: 1px solid #dee2e6;
    color: #495057;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-fileupload .p-progressbar {
    height: 0.25rem;
  }
  .p-fileupload .p-fileupload-row > div {
    padding: 1rem 1rem;
  }
  .p-fileupload.p-fileupload-advanced .p-message {
    margin-top: 0;
  }
  .p-breadcrumb {
    background: #ffffff;
    border: 1px solid #dee2e6;
    border-radius: 3px;
    padding: 1rem;
  }
  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link {
    transition: box-shadow 0.2s;
    border-radius: 3px;
  }
  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-breadcrumb .p-breadcrumb-list li .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
  }
  .p-breadcrumb .p-breadcrumb-list li.p-menuitem-separator {
    margin: 0 0.5rem 0 0.5rem;
    color: #495057;
  }
  .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-text {
    color: #495057;
  }
  .p-breadcrumb .p-breadcrumb-list li:last-child .p-menuitem-icon {
    color: #6c757d;
  }
  .p-contextmenu {
    padding: 0.25rem 0;
    background: #ffffff;
    color: #495057;
    border: 0 none;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
    border-radius: 3px;
    width: 12.5rem;
  }
  .p-contextmenu .p-contextmenu-root-list {
    outline: 0 none;
  }
  .p-contextmenu .p-submenu-list {
    padding: 0.25rem 0;
    background: #ffffff;
    border: 0 none;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
    border-radius: 3px;
  }
  .p-contextmenu .p-menuitem > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #495057;
    padding: 0.75rem 1rem;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-contextmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content {
    color: #495057;
    background: #e9ecef;
  }
  .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-contextmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-contextmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: #e9ecef;
  }
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #495057;
    background: #dee2e6;
  }
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #495057;
  }
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-contextmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-contextmenu .p-menuitem-separator {
    border-top: 1px solid #dee2e6;
    margin: 0.25rem 0;
  }
  .p-contextmenu .p-submenu-icon {
    font-size: 0.875rem;
  }
  .p-contextmenu .p-submenu-icon.p-icon {
    width: 0.875rem;
    height: 0.875rem;
  }
  .p-dock .p-dock-list-container {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.2);
    padding: 0.5rem 0.5rem;
    border-radius: 0.5rem;
  }
  .p-dock .p-dock-list-container .p-dock-list {
    outline: 0 none;
  }
  .p-dock .p-dock-item {
    padding: 0.5rem;
    border-radius: 3px;
  }
  .p-dock .p-dock-item.p-focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.15rem #a6d5fa;
  }
  .p-dock .p-dock-action {
    width: 4rem;
    height: 4rem;
  }
  .p-dock.p-dock-top .p-dock-item-second-prev,
  .p-dock.p-dock-top .p-dock-item-second-next, .p-dock.p-dock-bottom .p-dock-item-second-prev,
  .p-dock.p-dock-bottom .p-dock-item-second-next {
    margin: 0 0.9rem;
  }
  .p-dock.p-dock-top .p-dock-item-prev,
  .p-dock.p-dock-top .p-dock-item-next, .p-dock.p-dock-bottom .p-dock-item-prev,
  .p-dock.p-dock-bottom .p-dock-item-next {
    margin: 0 1.3rem;
  }
  .p-dock.p-dock-top .p-dock-item-current, .p-dock.p-dock-bottom .p-dock-item-current {
    margin: 0 1.5rem;
  }
  .p-dock.p-dock-left .p-dock-item-second-prev,
  .p-dock.p-dock-left .p-dock-item-second-next, .p-dock.p-dock-right .p-dock-item-second-prev,
  .p-dock.p-dock-right .p-dock-item-second-next {
    margin: 0.9rem 0;
  }
  .p-dock.p-dock-left .p-dock-item-prev,
  .p-dock.p-dock-left .p-dock-item-next, .p-dock.p-dock-right .p-dock-item-prev,
  .p-dock.p-dock-right .p-dock-item-next {
    margin: 1.3rem 0;
  }
  .p-dock.p-dock-left .p-dock-item-current, .p-dock.p-dock-right .p-dock-item-current {
    margin: 1.5rem 0;
  }
  .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container {
    overflow-x: auto;
    width: 100%;
  }
  .p-dock.p-dock-mobile.p-dock-top .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-bottom .p-dock-list-container .p-dock-list {
    margin: 0 auto;
  }
  .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container {
    overflow-y: auto;
    height: 100%;
  }
  .p-dock.p-dock-mobile.p-dock-left .p-dock-list-container .p-dock-list, .p-dock.p-dock-mobile.p-dock-right .p-dock-list-container .p-dock-list {
    margin: auto 0;
  }
  .p-dock.p-dock-mobile .p-dock-list .p-dock-item {
    transform: none;
    margin: 0;
  }
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-second-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-top .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-second-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-bottom .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-second-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-left .p-dock-item-current, .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-second-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-prev,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-next,
  .p-dock.p-dock-mobile.p-dock-magnification.p-dock-right .p-dock-item-current {
    transform: none;
    margin: 0;
  }
  .p-megamenu {
    padding: 0.5rem;
    background: #f8f9fa;
    color: #495057;
    border: 1px solid #dee2e6;
    border-radius: 3px;
  }
  .p-megamenu .p-megamenu-root-list {
    outline: 0 none;
  }
  .p-megamenu .p-menuitem > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #495057;
    padding: 0.75rem 1rem;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-megamenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content {
    color: #495057;
    background: #e9ecef;
  }
  .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-megamenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-megamenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: #e9ecef;
  }
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #495057;
    background: #dee2e6;
  }
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #495057;
  }
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-megamenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-megamenu .p-megamenu-panel {
    background: #ffffff;
    color: #495057;
    border: 0 none;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  }
  .p-megamenu .p-submenu-header {
    margin: 0;
    padding: 0.75rem 1rem;
    color: #495057;
    background: #ffffff;
    font-weight: 600;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
  }
  .p-megamenu .p-submenu-list {
    padding: 0.25rem 0;
    width: 12.5rem;
  }
  .p-megamenu .p-submenu-list .p-menuitem-separator {
    border-top: 1px solid #dee2e6;
    margin: 0.25rem 0;
  }
  .p-megamenu.p-megamenu-vertical {
    width: 12.5rem;
    padding: 0.25rem 0;
  }
  .p-megamenu .p-megamenu-button {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-megamenu .p-megamenu-button:hover {
    color: #6c757d;
    background: #e9ecef;
  }
  .p-megamenu .p-megamenu-button:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 3px;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
    padding: 0.75rem 1rem;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
    margin-left: 0.5rem;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-megamenu.p-megamenu-horizontal .p-megamenu-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list {
    padding: 0.25rem 0;
    background: #ffffff;
    border: 0 none;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-menu-separator {
    border-top: 1px solid #dee2e6;
    margin: 0.25rem 0;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-icon {
    font-size: 0.875rem;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-icon.p-icon {
    width: 0.875rem;
    height: 0.875rem;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem {
    width: 100%;
    position: static;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link {
    color: #495057;
    padding: 0.75rem 1rem;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content {
    color: #495057;
    background: #e9ecef;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content {
    background: #e9ecef;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #495057;
    background: #dee2e6;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #495057;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
    margin-left: auto;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
    transform: rotate(-180deg);
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-list {
    width: 100%;
    position: static;
    box-shadow: none;
    border: 0 none;
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-list .p-submenu-icon {
    transition: transform 0.2s;
    transform: rotate(90deg);
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
    transform: rotate(-90deg);
  }
  .p-megamenu.p-megamenu-mobile-active .p-megamenu-root-list .p-menuitem {
    width: 100%;
    position: static;
  }
  .p-menu {
    padding: 0.25rem 0;
    background: #ffffff;
    color: #495057;
    border: 1px solid #dee2e6;
    border-radius: 3px;
    width: 12.5rem;
  }
  .p-menu .p-menuitem > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #495057;
    padding: 0.75rem 1rem;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-menu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-menu .p-menuitem.p-highlight > .p-menuitem-content {
    color: #495057;
    background: #e9ecef;
  }
  .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-menu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-menu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: #e9ecef;
  }
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #495057;
    background: #dee2e6;
  }
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #495057;
  }
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-menu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-menu.p-menu-overlay {
    background: #ffffff;
    border: 0 none;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  }
  .p-menu .p-submenu-header {
    margin: 0;
    padding: 0.75rem 1rem;
    color: #495057;
    background: #ffffff;
    font-weight: 600;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
  }
  .p-menu .p-menu-separator {
    border-top: 1px solid #dee2e6;
    margin: 0.25rem 0;
  }
  .p-menubar {
    padding: 0.5rem;
    background: #f8f9fa;
    color: #495057;
    border: 1px solid #dee2e6;
    border-radius: 3px;
  }
  .p-menubar .p-menubar-root-list {
    outline: 0 none;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 3px;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link {
    padding: 0.75rem 1rem;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
    margin-left: 0.5rem;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-menubar .p-menubar-root-list > .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-menubar .p-menuitem > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #495057;
    padding: 0.75rem 1rem;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-menubar .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-menubar .p-menuitem.p-highlight > .p-menuitem-content {
    color: #495057;
    background: #e9ecef;
  }
  .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-menubar .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-menubar .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: #e9ecef;
  }
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #495057;
    background: #dee2e6;
  }
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #495057;
  }
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-menubar .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-menubar .p-submenu-list {
    padding: 0.25rem 0;
    background: #ffffff;
    border: 0 none;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
    width: 12.5rem;
  }
  .p-menubar .p-submenu-list .p-menuitem-separator {
    border-top: 1px solid #dee2e6;
    margin: 0.25rem 0;
  }
  .p-menubar .p-submenu-list .p-submenu-icon {
    font-size: 0.875rem;
  }
  .p-menubar.p-menubar-mobile .p-menubar-button {
    width: 2rem;
    height: 2rem;
    color: #6c757d;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-menubar.p-menubar-mobile .p-menubar-button:hover {
    color: #6c757d;
    background: #e9ecef;
  }
  .p-menubar.p-menubar-mobile .p-menubar-button:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list {
    padding: 0.25rem 0;
    background: #ffffff;
    border: 0 none;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem-separator {
    border-top: 1px solid #dee2e6;
    margin: 0.25rem 0;
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-icon {
    font-size: 0.875rem;
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    margin-left: auto;
    transition: transform 0.2s;
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list .p-menuitem.p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
    transform: rotate(-180deg);
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-submenu-icon {
    transition: transform 0.2s;
    transform: rotate(90deg);
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-content > .p-menuitem-link > .p-submenu-icon {
    transform: rotate(-90deg);
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list ul li a {
    padding-left: 2.25rem;
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li a {
    padding-left: 3.75rem;
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li a {
    padding-left: 5.25rem;
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li a {
    padding-left: 6.75rem;
  }
  .p-menubar.p-menubar-mobile .p-menubar-root-list ul li ul li ul li ul li ul li a {
    padding-left: 8.25rem;
  }
  @media screen and (max-width: 960px) {
    .p-menubar {
      position: relative;
    }
    .p-menubar .p-menubar-button {
      display: flex;
      width: 2rem;
      height: 2rem;
      color: #6c757d;
      border-radius: 50%;
      transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    }
    .p-menubar .p-menubar-button:hover {
      color: #6c757d;
      background: #e9ecef;
    }
    .p-menubar .p-menubar-button:focus {
      outline: 0 none;
      outline-offset: 0;
      box-shadow: 0 0 0 0.2rem #a6d5fa;
    }
    .p-menubar .p-menubar-root-list {
      position: absolute;
      display: none;
      padding: 0.25rem 0;
      background: #ffffff;
      border: 0 none;
      box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
      width: 100%;
    }
    .p-menubar .p-menubar-root-list .p-menu-separator {
      border-top: 1px solid #dee2e6;
      margin: 0.25rem 0;
    }
    .p-menubar .p-menubar-root-list .p-submenu-icon {
      font-size: 0.875rem;
    }
    .p-menubar .p-menubar-root-list .p-submenu-icon.p-icon {
      width: 0.875rem;
      height: 0.875rem;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem {
      width: 100%;
      position: static;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content {
      color: #495057;
      transition: box-shadow 0.2s;
      border-radius: 0;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link {
      color: #495057;
      padding: 0.75rem 1rem;
      -webkit-user-select: none;
         -moz-user-select: none;
              user-select: none;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
      color: #495057;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
      color: #6c757d;
      margin-right: 0.5rem;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
      color: #6c757d;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content {
      color: #495057;
      background: #e9ecef;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
      color: #495057;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
      color: #6c757d;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content {
      background: #e9ecef;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
      color: #495057;
      background: #dee2e6;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
      color: #495057;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
      color: #495057;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
      color: #495057;
      background: #e9ecef;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
      color: #495057;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
      color: #6c757d;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
      margin-left: auto;
      transition: transform 0.2s;
    }
    .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
      transform: rotate(-180deg);
    }
    .p-menubar .p-menubar-root-list .p-submenu-list {
      width: 100%;
      position: static;
      box-shadow: none;
      border: 0 none;
    }
    .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
      transition: transform 0.2s;
      transform: rotate(90deg);
    }
    .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
      transform: rotate(-90deg);
    }
    .p-menubar .p-menubar-root-list .p-menuitem {
      width: 100%;
      position: static;
    }
    .p-menubar .p-menubar-root-list ul li a {
      padding-left: 2.25rem;
    }
    .p-menubar .p-menubar-root-list ul li ul li a {
      padding-left: 3.75rem;
    }
    .p-menubar .p-menubar-root-list ul li ul li ul li a {
      padding-left: 5.25rem;
    }
    .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
      padding-left: 6.75rem;
    }
    .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
      padding-left: 8.25rem;
    }
    .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
      display: flex;
      flex-direction: column;
      top: 100%;
      left: 0;
      z-index: 1;
    }
  }
  .p-panelmenu .p-panelmenu-header {
    outline: 0 none;
  }
  .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content {
    border: 1px solid #dee2e6;
    color: #495057;
    background: #f8f9fa;
    border-radius: 3px;
    transition: box-shadow 0.2s;
  }
  .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link {
    color: #495057;
    padding: 1rem;
    font-weight: 600;
  }
  .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-submenu-icon {
    margin-right: 0.5rem;
  }
  .p-panelmenu .p-panelmenu-header .p-panelmenu-header-content .p-panelmenu-header-link .p-menuitem-icon {
    margin-right: 0.5rem;
  }
  .p-panelmenu .p-panelmenu-header:not(.p-disabled):focus-visible .p-panelmenu-header-content {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.2rem #a6d5fa;
  }
  .p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content {
    background: #e9ecef;
    border-color: #dee2e6;
    color: #495057;
  }
  .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight .p-panelmenu-header-content {
    background: #f8f9fa;
    border-color: #dee2e6;
    color: #495057;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    margin-bottom: 0;
  }
  .p-panelmenu .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
    border-color: #dee2e6;
    background: #e9ecef;
    color: #495057;
  }
  .p-panelmenu .p-panelmenu-content {
    padding: 0.25rem 0;
    border: 1px solid #dee2e6;
    background: #ffffff;
    color: #495057;
    border-top: 0;
    border-top-right-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-panelmenu .p-panelmenu-content .p-panelmenu-root-list {
    outline: 0 none;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #495057;
    padding: 0.75rem 1rem;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content {
    color: #495057;
    background: #e9ecef;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: #e9ecef;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #495057;
    background: #dee2e6;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #495057;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-panelmenu .p-panelmenu-content .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    margin-right: 0.5rem;
  }
  .p-panelmenu .p-panelmenu-content .p-menuitem-separator {
    border-top: 1px solid #dee2e6;
    margin: 0.25rem 0;
  }
  .p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-list) {
    padding: 0 0 0 1rem;
  }
  .p-panelmenu .p-panelmenu-panel {
    margin-bottom: 0;
  }
  .p-panelmenu .p-panelmenu-panel .p-panelmenu-header .p-panelmenu-header-content {
    border-radius: 0;
  }
  .p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
    border-radius: 0;
  }
  .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header .p-panelmenu-header-content {
    border-top: 0 none;
  }
  .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover .p-panelmenu-header-content, .p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover .p-panelmenu-header-content {
    border-top: 0 none;
  }
  .p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header .p-panelmenu-header-content {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
  }
  .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) .p-panelmenu-header-content {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-slidemenu {
    padding: 0.25rem 0;
    background: #ffffff;
    color: #495057;
    border: 1px solid #dee2e6;
    border-radius: 3px;
    width: 12.5rem;
  }
  .p-slidemenu .p-menuitem-link > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link {
    color: #495057;
    padding: 0.75rem 1rem;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-slidemenu .p-menuitem-link > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content {
    color: #495057;
    background: #e9ecef;
  }
  .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-slidemenu .p-menuitem-link.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-slidemenu .p-menuitem-link.p-highlight.p-focus > .p-menuitem-content {
    background: #e9ecef;
  }
  .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #495057;
    background: #dee2e6;
  }
  .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #495057;
  }
  .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-slidemenu .p-menuitem-link:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-slidemenu.p-slidemenu-overlay {
    background: #ffffff;
    border: 0 none;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  }
  .p-slidemenu .p-slidemenu-list {
    padding: 0.25rem 0;
    background: #ffffff;
    border: 0 none;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  }
  .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link {
    background: #e9ecef;
  }
  .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-text {
    color: #495057;
  }
  .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon, .p-slidemenu .p-slidemenu.p-slidemenu-active > .p-slidemenu-link .p-slidemenu-icon {
    color: #6c757d;
  }
  .p-slidemenu .p-slidemenu-separator {
    border-top: 1px solid #dee2e6;
    margin: 0.25rem 0;
  }
  .p-slidemenu .p-slidemenu-icon {
    font-size: 0.875rem;
  }
  .p-slidemenu .p-slidemenu-icon.p-icon {
    width: 0.875rem;
    height: 0.875rem;
  }
  .p-slidemenu .p-slidemenu-backward {
    padding: 0.75rem 1rem;
    color: #495057;
  }
  .p-steps .p-steps-item .p-menuitem-link {
    background: transparent;
    transition: box-shadow 0.2s;
    border-radius: 3px;
    background: #ffffff;
  }
  .p-steps .p-steps-item .p-menuitem-link .p-steps-number {
    color: #495057;
    border: 1px solid #e9ecef;
    background: #ffffff;
    min-width: 2rem;
    height: 2rem;
    line-height: 2rem;
    font-size: 1.143rem;
    z-index: 1;
    border-radius: 50%;
  }
  .p-steps .p-steps-item .p-menuitem-link .p-steps-title {
    margin-top: 0.5rem;
    color: #6c757d;
  }
  .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-steps .p-steps-item.p-highlight .p-steps-number {
    background: #e3f2fd;
    color: #495057;
  }
  .p-steps .p-steps-item.p-highlight .p-steps-title {
    font-weight: 600;
    color: #495057;
  }
  .p-steps .p-steps-item:before {
    content: " ";
    border-top: 1px solid #dee2e6;
    width: 100%;
    top: 50%;
    left: 0;
    display: block;
    position: absolute;
    margin-top: -1rem;
  }
  .p-tabmenu .p-tabmenu-nav {
    background: #ffffff;
    border: 1px solid #dee2e6;
    border-width: 0 0 2px 0;
  }
  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
    margin-right: 0;
  }
  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
    border: solid #dee2e6;
    border-width: 0 0 2px 0;
    border-color: transparent transparent #dee2e6 transparent;
    background: #ffffff;
    color: #6c757d;
    padding: 1rem;
    font-weight: 600;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    transition: box-shadow 0.2s;
    margin: 0 0 -2px 0;
    height: calc(100% + 2px);
  }
  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
    margin-right: 0.5rem;
  }
  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.2rem #a6d5fa;
  }
  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
    background: #ffffff;
    border-color: #6c757d;
    color: #6c757d;
  }
  .p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
    background: #ffffff;
    border-color: #2196f3;
    color: #2196f3;
  }
  .p-tieredmenu {
    padding: 0.25rem 0;
    background: #ffffff;
    color: #495057;
    border: 1px solid #dee2e6;
    border-radius: 3px;
    width: 12.5rem;
  }
  .p-tieredmenu.p-tieredmenu-overlay {
    background: #ffffff;
    border: 0 none;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  }
  .p-tieredmenu .p-tieredmenu-root-list {
    outline: 0 none;
  }
  .p-tieredmenu .p-submenu-list {
    padding: 0.25rem 0;
    background: #ffffff;
    border: 0 none;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
  }
  .p-tieredmenu .p-menuitem > .p-menuitem-content {
    color: #495057;
    transition: box-shadow 0.2s;
    border-radius: 0;
  }
  .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link {
    color: #495057;
    padding: 0.75rem 1rem;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
  }
  .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-menuitem-icon {
    color: #6c757d;
    margin-right: 0.5rem;
  }
  .p-tieredmenu .p-menuitem > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content {
    color: #495057;
    background: #e9ecef;
  }
  .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-tieredmenu .p-menuitem.p-highlight > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-tieredmenu .p-menuitem.p-highlight.p-focus > .p-menuitem-content {
    background: #e9ecef;
  }
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content {
    color: #495057;
    background: #dee2e6;
  }
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-menuitem-icon,
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled).p-focus > .p-menuitem-content .p-menuitem-link .p-submenu-icon {
    color: #495057;
  }
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover {
    color: #495057;
    background: #e9ecef;
  }
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-menuitem-icon,
  .p-tieredmenu .p-menuitem:not(.p-highlight):not(.p-disabled) > .p-menuitem-content:hover .p-menuitem-link .p-submenu-icon {
    color: #6c757d;
  }
  .p-tieredmenu .p-menuitem-separator {
    border-top: 1px solid #dee2e6;
    margin: 0.25rem 0;
  }
  .p-tieredmenu .p-submenu-icon {
    font-size: 0.875rem;
  }
  .p-tieredmenu .p-submenu-icon.p-icon {
    width: 0.875rem;
    height: 0.875rem;
  }
  .p-inline-message {
    padding: 0.5rem 0.5rem;
    margin: 0;
    border-radius: 3px;
  }
  .p-inline-message.p-inline-message-info {
    background: #b3e5fc;
    border: solid #0891cf;
    border-width: 0px;
    color: #044868;
  }
  .p-inline-message.p-inline-message-info .p-inline-message-icon {
    color: #044868;
  }
  .p-inline-message.p-inline-message-success {
    background: #c8e6c9;
    border: solid #439446;
    border-width: 0px;
    color: #224a23;
  }
  .p-inline-message.p-inline-message-success .p-inline-message-icon {
    color: #224a23;
  }
  .p-inline-message.p-inline-message-warn {
    background: #ffecb3;
    border: solid #d9a300;
    border-width: 0px;
    color: #6d5100;
  }
  .p-inline-message.p-inline-message-warn .p-inline-message-icon {
    color: #6d5100;
  }
  .p-inline-message.p-inline-message-error {
    background: #ffcdd2;
    border: solid #e60017;
    border-width: 0px;
    color: #73000c;
  }
  .p-inline-message.p-inline-message-error .p-inline-message-icon {
    color: #73000c;
  }
  .p-inline-message .p-inline-message-icon {
    font-size: 1rem;
    margin-right: 0.5rem;
  }
  .p-inline-message .p-inline-message-icon.p-icon {
    width: 1rem;
    height: 1rem;
  }
  .p-inline-message .p-inline-message-text {
    font-size: 1rem;
  }
  .p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
    margin-right: 0;
  }
  .p-message {
    margin: 1rem 0;
    border-radius: 3px;
  }
  .p-message .p-message-wrapper {
    padding: 1rem 1.5rem;
  }
  .p-message .p-message-close {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: transparent;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-message .p-message-close:hover {
    background: rgba(255, 255, 255, 0.5);
  }
  .p-message .p-message-close:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-message.p-message-info {
    background: #b3e5fc;
    border: solid #0891cf;
    border-width: 0 0 0 6px;
    color: #044868;
  }
  .p-message.p-message-info .p-message-icon {
    color: #044868;
  }
  .p-message.p-message-info .p-message-close {
    color: #044868;
  }
  .p-message.p-message-success {
    background: #c8e6c9;
    border: solid #439446;
    border-width: 0 0 0 6px;
    color: #224a23;
  }
  .p-message.p-message-success .p-message-icon {
    color: #224a23;
  }
  .p-message.p-message-success .p-message-close {
    color: #224a23;
  }
  .p-message.p-message-warn {
    background: #ffecb3;
    border: solid #d9a300;
    border-width: 0 0 0 6px;
    color: #6d5100;
  }
  .p-message.p-message-warn .p-message-icon {
    color: #6d5100;
  }
  .p-message.p-message-warn .p-message-close {
    color: #6d5100;
  }
  .p-message.p-message-error {
    background: #ffcdd2;
    border: solid #e60017;
    border-width: 0 0 0 6px;
    color: #73000c;
  }
  .p-message.p-message-error .p-message-icon {
    color: #73000c;
  }
  .p-message.p-message-error .p-message-close {
    color: #73000c;
  }
  .p-message .p-message-text {
    font-size: 1rem;
    font-weight: 500;
  }
  .p-message .p-message-icon {
    font-size: 1.5rem;
    margin-right: 0.5rem;
  }
  .p-message .p-message-icon.p-icon {
    width: 1.5rem;
    height: 1.5rem;
  }
  .p-message .p-message-summary {
    font-weight: 700;
  }
  .p-message .p-message-detail {
    margin-left: 0.5rem;
  }
  .p-toast {
    opacity: 0.9;
  }
  .p-toast .p-toast-message {
    margin: 0 0 1rem 0;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
    border-radius: 3px;
  }
  .p-toast .p-toast-message .p-toast-message-content {
    padding: 1rem;
  }
  .p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
    margin: 0 0 0 1rem;
  }
  .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
    font-size: 2rem;
  }
  .p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon.p-icon {
    width: 2rem;
    height: 2rem;
  }
  .p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
    font-weight: 700;
  }
  .p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
    margin: 0.5rem 0 0 0;
  }
  .p-toast .p-toast-message .p-toast-icon-close {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background: transparent;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-toast .p-toast-message .p-toast-icon-close:hover {
    background: rgba(255, 255, 255, 0.5);
  }
  .p-toast .p-toast-message .p-toast-icon-close:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-toast .p-toast-message.p-toast-message-info {
    background: #b3e5fc;
    border: solid #0891cf;
    border-width: 0 0 0 6px;
    color: #044868;
  }
  .p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
  .p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
    color: #044868;
  }
  .p-toast .p-toast-message.p-toast-message-success {
    background: #c8e6c9;
    border: solid #439446;
    border-width: 0 0 0 6px;
    color: #224a23;
  }
  .p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
  .p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
    color: #224a23;
  }
  .p-toast .p-toast-message.p-toast-message-warn {
    background: #ffecb3;
    border: solid #d9a300;
    border-width: 0 0 0 6px;
    color: #6d5100;
  }
  .p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
  .p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
    color: #6d5100;
  }
  .p-toast .p-toast-message.p-toast-message-error {
    background: #ffcdd2;
    border: solid #e60017;
    border-width: 0 0 0 6px;
    color: #73000c;
  }
  .p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
  .p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
    color: #73000c;
  }
  .p-galleria .p-galleria-close {
    margin: 0.5rem;
    background: transparent;
    color: #f8f9fa;
    width: 4rem;
    height: 4rem;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    border-radius: 50%;
  }
  .p-galleria .p-galleria-close .p-galleria-close-icon {
    font-size: 2rem;
  }
  .p-galleria .p-galleria-close .p-galleria-close-icon.p-icon {
    width: 2rem;
    height: 2rem;
  }
  .p-galleria .p-galleria-close:hover {
    background: rgba(255, 255, 255, 0.1);
    color: #f8f9fa;
  }
  .p-galleria .p-galleria-item-nav {
    background: transparent;
    color: #f8f9fa;
    width: 4rem;
    height: 4rem;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    border-radius: 3px;
    margin: 0 0.5rem;
  }
  .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
  .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
    font-size: 2rem;
  }
  .p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon.p-icon,
  .p-galleria .p-galleria-item-nav .p-galleria-item-next-icon.p-icon {
    width: 2rem;
    height: 2rem;
  }
  .p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
    background: rgba(255, 255, 255, 0.1);
    color: #f8f9fa;
  }
  .p-galleria .p-galleria-caption {
    background: rgba(0, 0, 0, 0.5);
    color: #f8f9fa;
    padding: 1rem;
  }
  .p-galleria .p-galleria-indicators {
    padding: 1rem;
  }
  .p-galleria .p-galleria-indicators .p-galleria-indicator button {
    background-color: #e9ecef;
    width: 1rem;
    height: 1rem;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    border-radius: 50%;
  }
  .p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
    background: #dee2e6;
  }
  .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
    background: #e3f2fd;
    color: #495057;
  }
  .p-galleria.p-galleria-indicators-bottom .p-galleria-indicator, .p-galleria.p-galleria-indicators-top .p-galleria-indicator {
    margin-right: 0.5rem;
  }
  .p-galleria.p-galleria-indicators-left .p-galleria-indicator, .p-galleria.p-galleria-indicators-right .p-galleria-indicator {
    margin-bottom: 0.5rem;
  }
  .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
    background: rgba(0, 0, 0, 0.5);
  }
  .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
    background: rgba(255, 255, 255, 0.4);
  }
  .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
    background: rgba(255, 255, 255, 0.6);
  }
  .p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
    background: #e3f2fd;
    color: #495057;
  }
  .p-galleria .p-galleria-thumbnail-container {
    background: rgba(0, 0, 0, 0.9);
    padding: 1rem 0.25rem;
  }
  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
    margin: 0.5rem;
    background-color: transparent;
    color: #f8f9fa;
    width: 2rem;
    height: 2rem;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    border-radius: 50%;
  }
  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
    background: rgba(255, 255, 255, 0.1);
    color: #f8f9fa;
  }
  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content {
    transition: box-shadow 0.2s;
  }
  .p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-galleria-mask {
    --maskbg: rgba(0, 0, 0, 0.9);
  }
  .p-image-mask {
    --maskbg: rgba(0, 0, 0, 0.9);
  }
  .p-image-preview-indicator {
    background-color: transparent;
    color: #f8f9fa;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-image-preview-indicator .p-icon {
    width: 1.5rem;
    height: 1.5rem;
  }
  .p-image-preview-container:hover > .p-image-preview-indicator {
    background-color: rgba(0, 0, 0, 0.5);
  }
  .p-image-toolbar {
    padding: 1rem;
  }
  .p-image-action.p-link {
    color: #f8f9fa;
    background-color: transparent;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    margin-right: 0.5rem;
  }
  .p-image-action.p-link:last-child {
    margin-right: 0;
  }
  .p-image-action.p-link:hover {
    color: #f8f9fa;
    background-color: rgba(255, 255, 255, 0.1);
  }
  .p-image-action.p-link span {
    font-size: 1.5rem;
  }
  .p-image-action.p-link .p-icon {
    width: 1.5rem;
    height: 1.5rem;
  }
  .p-avatar {
    background-color: #dee2e6;
    border-radius: 3px;
  }
  .p-avatar.p-avatar-lg {
    width: 3rem;
    height: 3rem;
    font-size: 1.5rem;
  }
  .p-avatar.p-avatar-lg .p-avatar-icon {
    font-size: 1.5rem;
  }
  .p-avatar.p-avatar-xl {
    width: 4rem;
    height: 4rem;
    font-size: 2rem;
  }
  .p-avatar.p-avatar-xl .p-avatar-icon {
    font-size: 2rem;
  }
  .p-avatar-circle {
    border-radius: 50%;
  }
  .p-avatar-group .p-avatar {
    border: 2px solid #ffffff;
  }
  .p-chip {
    background-color: #dee2e6;
    color: #495057;
    border-radius: 16px;
    padding: 0 0.5rem;
  }
  .p-chip .p-chip-text {
    line-height: 1.5;
    margin-top: 0.25rem;
    margin-bottom: 0.25rem;
  }
  .p-chip .p-chip-icon {
    margin-right: 0.5rem;
  }
  .p-chip img {
    width: 2rem;
    height: 2rem;
    margin-left: -0.5rem;
    margin-right: 0.5rem;
  }
  .p-chip .p-chip-remove-icon {
    border-radius: 3px;
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
    margin-left: 0.5rem;
  }
  .p-chip .p-chip-remove-icon:focus-visible {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-chip .p-chip-remove-icon:focus {
    outline: 0 none;
  }
  .p-scrolltop {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12);
    transition: background-color 0.2s, color 0.2s, box-shadow 0.2s;
  }
  .p-scrolltop.p-link {
    background: rgba(0, 0, 0, 0.7);
  }
  .p-scrolltop.p-link:hover {
    background: rgba(0, 0, 0, 0.8);
  }
  .p-scrolltop .p-scrolltop-icon {
    font-size: 1.5rem;
    color: #f8f9fa;
  }
  .p-scrolltop .p-scrolltop-icon.p-icon {
    width: 1.5rem;
    height: 1.5rem;
  }
  .p-skeleton {
    background-color: #e9ecef;
    border-radius: 3px;
  }
  .p-skeleton:after {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
  }
  .p-tag {
    background: #2196f3;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.25rem 0.4rem;
    border-radius: 3px;
  }
  .p-tag.p-tag-success {
    background-color: #689f38;
    color: #ffffff;
  }
  .p-tag.p-tag-info {
    background-color: #0288d1;
    color: #ffffff;
  }
  .p-tag.p-tag-warning {
    background-color: #fbc02d;
    color: #212529;
  }
  .p-tag.p-tag-danger {
    background-color: #d32f2f;
    color: #ffffff;
  }
  .p-tag .p-tag-icon {
    margin-right: 0.25rem;
    font-size: 0.75rem;
  }
  .p-tag .p-tag-icon.p-icon {
    width: 0.75rem;
    height: 0.75rem;
  }
  .p-inplace .p-inplace-display {
    padding: 0.5rem 0.5rem;
    border-radius: 3px;
    transition: background-color 0.2s, color 0.2s, border-color 0.2s, box-shadow 0.2s;
  }
  .p-inplace .p-inplace-display:not(.p-disabled):hover {
    background: #e9ecef;
    color: #495057;
  }
  .p-inplace .p-inplace-display:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem #a6d5fa;
  }
  .p-metergroup .p-metergroup-meter-container {
    background: #dee2e6;
    border-radius: 3px;
  }
  .p-metergroup .p-metergroup-meter {
    border: 0 none;
    background: #2196f3;
  }
  .p-metergroup .p-metergroup-label-list .p-metergroup-label-list-item {
    line-height: 1.5rem;
  }
  .p-metergroup .p-metergroup-label-list .p-metergroup-label-type {
    background: #2196f3;
    width: 0.5rem;
    height: 0.5rem;
    border-radius: 100%;
    margin-right: 0.5rem;
  }
  .p-metergroup .p-metergroup-label-list .p-metergroup-label {
    margin-right: 1rem;
  }
  .p-metergroup .p-metergroup-label-list .p-metergroup-label-icon {
    width: 1rem;
    height: 1rem;
    margin-right: 0.5rem;
  }
  .p-metergroup.p-metergroup-horizontal .p-metergroup-meter-container {
    height: 0.5rem;
  }
  .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:first-of-type {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
  }
  .p-metergroup.p-metergroup-horizontal .p-metergroup-meter:last-of-type {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-start {
    margin-bottom: 1rem;
  }
  .p-metergroup.p-metergroup-horizontal .p-metergroup-label-list-end {
    margin-top: 1rem;
  }
  .p-metergroup.p-metergroup-vertical .p-metergroup-meter-container {
    width: 0.5rem;
    height: 100%;
  }
  .p-metergroup.p-metergroup-vertical .p-metergroup-meter:first-of-type {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
  }
  .p-metergroup.p-metergroup-vertical .p-metergroup-meter:last-of-type {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
  }
  .p-metergroup.p-metergroup-vertical .p-metergroup-label-list:not(.p-metergroup-label-list-start) {
    margin-left: 1rem;
  }
  .p-progressbar {
    border: 0 none;
    height: 1.5rem;
    background: #dee2e6;
    border-radius: 3px;
  }
  .p-progressbar .p-progressbar-value {
    border: 0 none;
    margin: 0;
    background: #2196f3;
  }
  .p-progressbar .p-progressbar-label {
    color: #ffffff;
    line-height: 1.5rem;
  }
  .p-terminal {
    background: #ffffff;
    color: #495057;
    border: 1px solid #dee2e6;
    padding: 1rem;
  }
  .p-terminal .p-terminal-input {
    font-family: var(--font-family);
    font-feature-settings: var(--font-feature-settings, normal);
    font-size: 1rem;
  }
  .p-badge {
    background: #2196f3;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 700;
    min-width: 1.5rem;
    height: 1.5rem;
    line-height: 1.5rem;
  }
  .p-badge.p-badge-secondary {
    background-color: #607d8b;
    color: #ffffff;
  }
  .p-badge.p-badge-success {
    background-color: #689f38;
    color: #ffffff;
  }
  .p-badge.p-badge-info {
    background-color: #0288d1;
    color: #ffffff;
  }
  .p-badge.p-badge-warning {
    background-color: #fbc02d;
    color: #212529;
  }
  .p-badge.p-badge-danger {
    background-color: #d32f2f;
    color: #ffffff;
  }
  .p-badge.p-badge-lg {
    font-size: 1.125rem;
    min-width: 2.25rem;
    height: 2.25rem;
    line-height: 2.25rem;
  }
  .p-badge.p-badge-xl {
    font-size: 1.5rem;
    min-width: 3rem;
    height: 3rem;
    line-height: 3rem;
  }
  .p-tag {
    background: #2196f3;
    color: #ffffff;
    font-size: 0.75rem;
    font-weight: 700;
    padding: 0.25rem 0.4rem;
    border-radius: 3px;
  }
  .p-tag.p-tag-success {
    background-color: #689f38;
    color: #ffffff;
  }
  .p-tag.p-tag-info {
    background-color: #0288d1;
    color: #ffffff;
  }
  .p-tag.p-tag-warning {
    background-color: #fbc02d;
    color: #212529;
  }
  .p-tag.p-tag-danger {
    background-color: #d32f2f;
    color: #ffffff;
  }
}
/* Customizations to the designer theme should be defined here */
@layer primereact {
  .p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
    background-color: #2196f3;
  }
  .p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
    background-color: #2196f3;
  }
  .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
    box-shadow: inset 0 2px 0 0 #2196f3;
  }
  .p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
    box-shadow: inset 0 -2px 0 0 #2196f3;
  }
}
/**
 * The primereact[.min].css has been deprecated. In order not to break existing projects, it is currently included in the build as an empty file.
 */@font-face {
    font-family: 'primeicons';
    font-display: block;
    src: url('/assets/primeicons-DMOk5skT.eot');
    src: url('/assets/primeicons-DMOk5skT.eot?#iefix') format('embedded-opentype'), url('/assets/primeicons-C6QP2o4f.woff2') format('woff2'), url('/assets/primeicons-WjwUDZjB.woff') format('woff'), url('/assets/primeicons-MpK4pl85.ttf') format('truetype'), url('/assets/primeicons-Dr5RGzOO.svg?#primeicons') format('svg');
    font-weight: normal;
    font-style: normal;
}

.pi {
    font-family: 'primeicons';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    display: inline-block;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.pi:before {
    --webkit-backface-visibility:hidden;
    backface-visibility: hidden;
}

.pi-fw {
    width: 1.28571429em;
    text-align: center;
}

.pi-spin {
    animation: fa-spin 2s infinite linear;
}

@media (prefers-reduced-motion: reduce) {
  .pi-spin {
    animation-delay: -1ms;
    animation-duration: 1ms;
    animation-iteration-count: 1;
    transition-delay: 0s;
    transition-duration: 0s;
  }
}

@keyframes fa-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(359deg);
    }
}

.pi-folder-plus:before {
    content: "\ea05";
}

.pi-receipt:before {
    content: "\ea06";
}

.pi-asterisk:before {
    content: "\ea07";
}

.pi-face-smile:before {
    content: "\ea08";
}

.pi-pinterest:before {
    content: "\ea09";
}

.pi-expand:before {
    content: "\ea0a";
}

.pi-pen-to-square:before {
    content: "\ea0b";
}

.pi-wave-pulse:before {
    content: "\ea0c";
}

.pi-turkish-lira:before {
    content: "\ea0d";
}

.pi-spinner-dotted:before {
    content: "\ea0e";
}

.pi-crown:before {
    content: "\ea0f";
}

.pi-pause-circle:before {
    content: "\ea10";
}

.pi-warehouse:before {
    content: "\ea11";
}

.pi-objects-column:before {
    content: "\ea12";
}

.pi-clipboard:before {
    content: "\ea13";
}

.pi-play-circle:before {
    content: "\ea14";
}

.pi-venus:before {
    content: "\ea15";
}

.pi-cart-minus:before {
    content: "\ea16";
}

.pi-file-plus:before {
    content: "\ea17";
}

.pi-microchip:before {
    content: "\ea18";
}

.pi-twitch:before {
    content: "\ea19";
}

.pi-building-columns:before {
    content: "\ea1a";
}

.pi-file-check:before {
    content: "\ea1b";
}

.pi-microchip-ai:before {
    content: "\ea1c";
}

.pi-trophy:before {
    content: "\ea1d";
}

.pi-barcode:before {
    content: "\ea1e";
}

.pi-file-arrow-up:before {
    content: "\ea1f";
}

.pi-mars:before {
    content: "\ea20";
}

.pi-tiktok:before {
    content: "\ea21";
}

.pi-arrow-up-right-and-arrow-down-left-from-center:before {
    content: "\ea22";
}

.pi-ethereum:before {
    content: "\ea23";
}

.pi-list-check:before {
    content: "\ea24";
}

.pi-thumbtack:before {
    content: "\ea25";
}

.pi-arrow-down-left-and-arrow-up-right-to-center:before {
    content: "\ea26";
}

.pi-equals:before {
    content: "\ea27";
}

.pi-lightbulb:before {
    content: "\ea28";
}

.pi-star-half:before {
    content: "\ea29";
}

.pi-address-book:before {
    content: "\ea2a";
}

.pi-chart-scatter:before {
    content: "\ea2b";
}

.pi-indian-rupee:before {
    content: "\ea2c";
}

.pi-star-half-fill:before {
    content: "\ea2d";
}

.pi-cart-arrow-down:before {
    content: "\ea2e";
}

.pi-calendar-clock:before {
    content: "\ea2f";
}

.pi-sort-up-fill:before {
    content: "\ea30";
}

.pi-sparkles:before {
    content: "\ea31";
}

.pi-bullseye:before {
    content: "\ea32";
}

.pi-sort-down-fill:before {
    content: "\ea33";
}

.pi-graduation-cap:before {
    content: "\ea34";
}

.pi-hammer:before {
    content: "\ea35";
}

.pi-bell-slash:before {
    content: "\ea36";
}

.pi-gauge:before {
    content: "\ea37";
}

.pi-shop:before {
    content: "\ea38";
}

.pi-headphones:before {
    content: "\ea39";
}

.pi-eraser:before {
    content: "\ea04";
}

.pi-stopwatch:before {
    content: "\ea01";
}

.pi-verified:before {
    content: "\ea02";
}

.pi-delete-left:before {
    content: "\ea03";
}

.pi-hourglass:before {
    content: "\e9fe";
}

.pi-truck:before {
    content: "\ea00";
}

.pi-wrench:before {
    content: "\e9ff";
}

.pi-microphone:before {
    content: "\e9fa";
}

.pi-megaphone:before {
    content: "\e9fb";
}

.pi-arrow-right-arrow-left:before {
    content: "\e9fc";
}

.pi-bitcoin:before {
    content: "\e9fd";
}

.pi-file-edit:before {
    content: "\e9f6";
}

.pi-language:before {
    content: "\e9f7";
}

.pi-file-export:before {
    content: "\e9f8";
}

.pi-file-import:before {
    content: "\e9f9";
}

.pi-file-word:before {
    content: "\e9f1";
}

.pi-gift:before {
    content: "\e9f2";
}

.pi-cart-plus:before {
    content: "\e9f3";
}

.pi-thumbs-down-fill:before {
    content: "\e9f4";
}

.pi-thumbs-up-fill:before {
    content: "\e9f5";
}

.pi-arrows-alt:before {
    content: "\e9f0";
}

.pi-calculator:before {
    content: "\e9ef";
}

.pi-sort-alt-slash:before {
    content: "\e9ee";
}

.pi-arrows-h:before {
    content: "\e9ec";
}

.pi-arrows-v:before {
    content: "\e9ed";
}

.pi-pound:before {
    content: "\e9eb";
}

.pi-prime:before {
    content: "\e9ea";
}

.pi-chart-pie:before {
    content: "\e9e9";
}

.pi-reddit:before {
    content: "\e9e8";
}

.pi-code:before {
    content: "\e9e7";
}

.pi-sync:before {
    content: "\e9e6";
}

.pi-shopping-bag:before {
    content: "\e9e5";
}

.pi-server:before {
    content: "\e9e4";
}

.pi-database:before {
    content: "\e9e3";
}

.pi-hashtag:before {
    content: "\e9e2";
}

.pi-bookmark-fill:before {
    content: "\e9df";
}

.pi-filter-fill:before {
    content: "\e9e0";
}

.pi-heart-fill:before {
    content: "\e9e1";
}

.pi-flag-fill:before {
    content: "\e9de";
}

.pi-circle:before {
    content: "\e9dc";
}

.pi-circle-fill:before {
    content: "\e9dd";
}

.pi-bolt:before {
    content: "\e9db";
}

.pi-history:before {
    content: "\e9da";
}

.pi-box:before {
    content: "\e9d9";
}

.pi-at:before {
    content: "\e9d8";
}

.pi-arrow-up-right:before {
    content: "\e9d4";
}

.pi-arrow-up-left:before {
    content: "\e9d5";
}

.pi-arrow-down-left:before {
    content: "\e9d6";
}

.pi-arrow-down-right:before {
    content: "\e9d7";
}

.pi-telegram:before {
    content: "\e9d3";
}

.pi-stop-circle:before {
    content: "\e9d2";
}

.pi-stop:before {
    content: "\e9d1";
}

.pi-whatsapp:before {
    content: "\e9d0";
}

.pi-building:before {
    content: "\e9cf";
}

.pi-qrcode:before {
    content: "\e9ce";
}

.pi-car:before {
    content: "\e9cd";
}

.pi-instagram:before {
    content: "\e9cc";
}

.pi-linkedin:before {
    content: "\e9cb";
}

.pi-send:before {
    content: "\e9ca";
}

.pi-slack:before {
    content: "\e9c9";
}

.pi-sun:before {
    content: "\e9c8";
}

.pi-moon:before {
    content: "\e9c7";
}

.pi-vimeo:before {
    content: "\e9c6";
}

.pi-youtube:before {
    content: "\e9c5";
}

.pi-flag:before {
    content: "\e9c4";
}

.pi-wallet:before {
    content: "\e9c3";
}

.pi-map:before {
    content: "\e9c2";
}

.pi-link:before {
    content: "\e9c1";
}

.pi-credit-card:before {
    content: "\e9bf";
}

.pi-discord:before {
    content: "\e9c0";
}

.pi-percentage:before {
    content: "\e9be";
}

.pi-euro:before {
    content: "\e9bd";
}

.pi-book:before {
    content: "\e9ba";
}

.pi-shield:before {
    content: "\e9b9";
}

.pi-paypal:before {
    content: "\e9bb";
}

.pi-amazon:before {
    content: "\e9bc";
}

.pi-phone:before {
    content: "\e9b8";
}

.pi-filter-slash:before {
    content: "\e9b7";
}

.pi-facebook:before {
    content: "\e9b4";
}

.pi-github:before {
    content: "\e9b5";
}

.pi-twitter:before {
    content: "\e9b6";
}

.pi-step-backward-alt:before {
    content: "\e9ac";
}

.pi-step-forward-alt:before {
    content: "\e9ad";
}

.pi-forward:before {
    content: "\e9ae";
}

.pi-backward:before {
    content: "\e9af";
}

.pi-fast-backward:before {
    content: "\e9b0";
}

.pi-fast-forward:before {
    content: "\e9b1";
}

.pi-pause:before {
    content: "\e9b2";
}

.pi-play:before {
    content: "\e9b3";
}

.pi-compass:before {
    content: "\e9ab";
}

.pi-id-card:before {
    content: "\e9aa";
}

.pi-ticket:before {
    content: "\e9a9";
}

.pi-file-o:before {
    content: "\e9a8";
}

.pi-reply:before {
    content: "\e9a7";
}

.pi-directions-alt:before {
    content: "\e9a5";
}

.pi-directions:before {
    content: "\e9a6";
}

.pi-thumbs-up:before {
    content: "\e9a3";
}

.pi-thumbs-down:before {
    content: "\e9a4";
}

.pi-sort-numeric-down-alt:before {
    content: "\e996";
}

.pi-sort-numeric-up-alt:before {
    content: "\e997";
}

.pi-sort-alpha-down-alt:before {
    content: "\e998";
}

.pi-sort-alpha-up-alt:before {
    content: "\e999";
}

.pi-sort-numeric-down:before {
    content: "\e99a";
}

.pi-sort-numeric-up:before {
    content: "\e99b";
}

.pi-sort-alpha-down:before {
    content: "\e99c";
}

.pi-sort-alpha-up:before {
    content: "\e99d";
}

.pi-sort-alt:before {
    content: "\e99e";
}

.pi-sort-amount-up:before {
    content: "\e99f";
}

.pi-sort-amount-down:before {
    content: "\e9a0";
}

.pi-sort-amount-down-alt:before {
    content: "\e9a1";
}

.pi-sort-amount-up-alt:before {
    content: "\e9a2";
}

.pi-palette:before {
    content: "\e995";
}

.pi-undo:before {
    content: "\e994";
}

.pi-desktop:before {
    content: "\e993";
}

.pi-sliders-v:before {
    content: "\e991";
}

.pi-sliders-h:before {
    content: "\e992";
}

.pi-search-plus:before {
    content: "\e98f";
}

.pi-search-minus:before {
    content: "\e990";
}

.pi-file-excel:before {
    content: "\e98e";
}

.pi-file-pdf:before {
    content: "\e98d";
}

.pi-check-square:before {
    content: "\e98c";
}

.pi-chart-line:before {
    content: "\e98b";
}

.pi-user-edit:before {
    content: "\e98a";
}

.pi-exclamation-circle:before {
    content: "\e989";
}

.pi-android:before {
    content: "\e985";
}

.pi-google:before {
    content: "\e986";
}

.pi-apple:before {
    content: "\e987";
}

.pi-microsoft:before {
    content: "\e988";
}

.pi-heart:before {
    content: "\e984";
}

.pi-mobile:before {
    content: "\e982";
}

.pi-tablet:before {
    content: "\e983";
}

.pi-key:before {
    content: "\e981";
}

.pi-shopping-cart:before {
    content: "\e980";
}

.pi-comments:before {
    content: "\e97e";
}

.pi-comment:before {
    content: "\e97f";
}

.pi-briefcase:before {
    content: "\e97d";
}

.pi-bell:before {
    content: "\e97c";
}

.pi-paperclip:before {
    content: "\e97b";
}

.pi-share-alt:before {
    content: "\e97a";
}

.pi-envelope:before {
    content: "\e979";
}

.pi-volume-down:before {
    content: "\e976";
}

.pi-volume-up:before {
    content: "\e977";
}

.pi-volume-off:before {
    content: "\e978";
}

.pi-eject:before {
    content: "\e975";
}

.pi-money-bill:before {
    content: "\e974";
}

.pi-images:before {
    content: "\e973";
}

.pi-image:before {
    content: "\e972";
}

.pi-sign-in:before {
    content: "\e970";
}

.pi-sign-out:before {
    content: "\e971";
}

.pi-wifi:before {
    content: "\e96f";
}

.pi-sitemap:before {
    content: "\e96e";
}

.pi-chart-bar:before {
    content: "\e96d";
}

.pi-camera:before {
    content: "\e96c";
}

.pi-dollar:before {
    content: "\e96b";
}

.pi-lock-open:before {
    content: "\e96a";
}

.pi-table:before {
    content: "\e969";
}

.pi-map-marker:before {
    content: "\e968";
}

.pi-list:before {
    content: "\e967";
}

.pi-eye-slash:before {
    content: "\e965";
}

.pi-eye:before {
    content: "\e966";
}

.pi-folder-open:before {
    content: "\e964";
}

.pi-folder:before {
    content: "\e963";
}

.pi-video:before {
    content: "\e962";
}

.pi-inbox:before {
    content: "\e961";
}

.pi-lock:before {
    content: "\e95f";
}

.pi-unlock:before {
    content: "\e960";
}

.pi-tags:before {
    content: "\e95d";
}

.pi-tag:before {
    content: "\e95e";
}

.pi-power-off:before {
    content: "\e95c";
}

.pi-save:before {
    content: "\e95b";
}

.pi-question-circle:before {
    content: "\e959";
}

.pi-question:before {
    content: "\e95a";
}

.pi-copy:before {
    content: "\e957";
}

.pi-file:before {
    content: "\e958";
}

.pi-clone:before {
    content: "\e955";
}

.pi-calendar-times:before {
    content: "\e952";
}

.pi-calendar-minus:before {
    content: "\e953";
}

.pi-calendar-plus:before {
    content: "\e954";
}

.pi-ellipsis-v:before {
    content: "\e950";
}

.pi-ellipsis-h:before {
    content: "\e951";
}

.pi-bookmark:before {
    content: "\e94e";
}

.pi-globe:before {
    content: "\e94f";
}

.pi-replay:before {
    content: "\e94d";
}

.pi-filter:before {
    content: "\e94c";
}

.pi-print:before {
    content: "\e94b";
}

.pi-align-right:before {
    content: "\e946";
}

.pi-align-left:before {
    content: "\e947";
}

.pi-align-center:before {
    content: "\e948";
}

.pi-align-justify:before {
    content: "\e949";
}

.pi-cog:before {
    content: "\e94a";
}

.pi-cloud-download:before {
    content: "\e943";
}

.pi-cloud-upload:before {
    content: "\e944";
}

.pi-cloud:before {
    content: "\e945";
}

.pi-pencil:before {
    content: "\e942";
}

.pi-users:before {
    content: "\e941";
}

.pi-clock:before {
    content: "\e940";
}

.pi-user-minus:before {
    content: "\e93e";
}

.pi-user-plus:before {
    content: "\e93f";
}

.pi-trash:before {
    content: "\e93d";
}

.pi-external-link:before {
    content: "\e93c";
}

.pi-window-maximize:before {
    content: "\e93b";
}

.pi-window-minimize:before {
    content: "\e93a";
}

.pi-refresh:before {
    content: "\e938";
}
  
.pi-user:before {
    content: "\e939";
}

.pi-exclamation-triangle:before {
    content: "\e922";
}

.pi-calendar:before {
    content: "\e927";
}

.pi-chevron-circle-left:before {
    content: "\e928";
}

.pi-chevron-circle-down:before {
    content: "\e929";
}

.pi-chevron-circle-right:before {
    content: "\e92a";
}

.pi-chevron-circle-up:before {
    content: "\e92b";
}

.pi-angle-double-down:before {
    content: "\e92c";
}

.pi-angle-double-left:before {
    content: "\e92d";
}

.pi-angle-double-right:before {
    content: "\e92e";
}

.pi-angle-double-up:before {
    content: "\e92f";
}

.pi-angle-down:before {
    content: "\e930";
}

.pi-angle-left:before {
    content: "\e931";
}

.pi-angle-right:before {
    content: "\e932";
}

.pi-angle-up:before {
    content: "\e933";
}

.pi-upload:before {
    content: "\e934";
}

.pi-download:before {
    content: "\e956";
}

.pi-ban:before {
    content: "\e935";
}

.pi-star-fill:before {
    content: "\e936";
}

.pi-star:before {
    content: "\e937";
}

.pi-chevron-left:before {
    content: "\e900";
}

.pi-chevron-right:before {
    content: "\e901";
}

.pi-chevron-down:before {
    content: "\e902";
}

.pi-chevron-up:before {
    content: "\e903";
}

.pi-caret-left:before {
    content: "\e904";
}

.pi-caret-right:before {
    content: "\e905";
}

.pi-caret-down:before {
    content: "\e906";
}

.pi-caret-up:before {
    content: "\e907";
}

.pi-search:before {
    content: "\e908";
}

.pi-check:before {
    content: "\e909";
}

.pi-check-circle:before {
    content: "\e90a";
}

.pi-times:before {
    content: "\e90b";
}

.pi-times-circle:before {
    content: "\e90c";
}

.pi-plus:before {
    content: "\e90d";
}

.pi-plus-circle:before {
    content: "\e90e";
}

.pi-minus:before {
    content: "\e90f";
}

.pi-minus-circle:before {
    content: "\e910";
}

.pi-circle-on:before {
    content: "\e911";
}

.pi-circle-off:before {
    content: "\e912";
}

.pi-sort-down:before {
    content: "\e913";
}

.pi-sort-up:before {
    content: "\e914";
}

.pi-sort:before {
    content: "\e915";
}

.pi-step-backward:before {
    content: "\e916";
}

.pi-step-forward:before {
    content: "\e917";
}

.pi-th-large:before {
    content: "\e918";
}

.pi-arrow-down:before {
    content: "\e919";
}

.pi-arrow-left:before {
    content: "\e91a";
}

.pi-arrow-right:before {
    content: "\e91b";
}

.pi-arrow-up:before {
    content: "\e91c";
}

.pi-bars:before {
    content: "\e91d";
}

.pi-arrow-circle-down:before {
    content: "\e91e";
}

.pi-arrow-circle-left:before {
    content: "\e91f";
}

.pi-arrow-circle-right:before {
    content: "\e920";
}

.pi-arrow-circle-up:before {
    content: "\e921";
}

.pi-info:before {
    content: "\e923";
}

.pi-info-circle:before {
    content: "\e924";
}

.pi-home:before {
    content: "\e925";
}

.pi-spinner:before {
    content: "\e926";
}
/*!
 * Quill Editor v1.3.7
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  -o-tab-size: 4;
     tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  left: 15px;
  pointer-events: none;
  position: absolute;
  right: 15px;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}
@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}
.ql-snow {
  box-sizing: border-box;
}
.ql-snow * {
  box-sizing: border-box;
}
.ql-snow .ql-hidden {
  display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}
.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-snow .ql-formats:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444;
}
.ql-snow .ql-empty {
  fill: none;
}
.ql-snow .ql-even {
  fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-snow .ql-transparent {
  opacity: 0.4;
}
.ql-snow .ql-direction svg:last-child {
  display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-snow .ql-editor h1 {
  font-size: 2em;
}
.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
  font-size: 1em;
}
.ql-snow .ql-editor h5 {
  font-size: 0.83em;
}
.ql-snow .ql-editor h6 {
  font-size: 0.67em;
}
.ql-snow .ql-editor a {
  text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-snow .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-snow .ql-editor code {
  font-size: 85%;
  padding: 2px 4px;
}
.ql-snow .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-snow .ql-editor img {
  max-width: 100%;
}
.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0px;
}
.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
  content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
  width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: 'Heading 1';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: 'Heading 2';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: 'Heading 3';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: 'Heading 4';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: 'Heading 5';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: 'Heading 6';
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}
.ql-snow .ql-picker.ql-font {
  width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: 'Sans Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: 'Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: 'Monospace';
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}
.ql-snow .ql-picker.ql-size {
  width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: 'Small';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: 'Large';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: 'Huge';
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0,0,0,0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0px;
}
.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0px 0px 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}
.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0px;
  padding: 3px 5px;
  width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: 'Edit';
  margin-left: 16px;
  padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
  content: 'Remove';
  margin-left: 8px;
}
.ql-snow .ql-tooltip a {
  line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0px;
  content: 'Save';
  padding-right: 0px;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}
.ql-snow a {
  color: #06c;
}
.ql-container.ql-snow {
  border: 1px solid #ccc;
}
.vcard_form_container {
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 100%;
}
.vcard_form_container .vcard_form_box {
  width: 100%;
  height: 100%;
  min-height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  position: relative;
  overflow-y: hidden;
  margin: 0rem auto;
}
.vcard_form_container .vcard_form_box .vcard_form_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 1rem;
  height: 10%;
  min-height: 10%;
}
.vcard_form_container .vcard_form_box .vcard_form_title .title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 3rem;
}
.vcard_form_container .vcard_form_box .vcard_form_title .title h5 {
  font-size: 1.2rem;
  color: #181818;
  font-weight: 550;
}
@media screen and (max-width: 600px) {
  .vcard_form_container .vcard_form_box .vcard_form_title .title h5 {
    font-size: 1rem;
    font-weight: 700;
  }
}
.vcard_form_container .vcard_form_box .vcard_form_title .back_action {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 5rem;
}
.vcard_form_container .vcard_form_box .vcard_form_title .back_action .view {
  background-color: transparent;
  font-size: 0.8rem;
  font-weight: 550;
  color: royalblue !important;
}
.vcard_form_container .vcard_form_box .vcard_form_title .back_action .view:hover {
  background-color: none !important;
  text-decoration: underline;
}
.vcard_form_container .vcard_form_box .vcard_form_title .back_action .view:hover i {
  text-decoration: none;
}
.vcard_form_container .vcard_form_box .vcard_form_title .back_action a {
  background-color: rgb(67, 133, 255);
  font-size: 0.6rem;
  color: rgb(255, 255, 255) !important;
  cursor: pointer;
  border-radius: 5px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  transition: all 0.3s ease-in;
  font-weight: 550;
  text-decoration: none;
  padding: 10px 1rem;
}
.vcard_form_container .vcard_form_box .vcard_form_title .back_action a span {
  font-size: 0.7rem;
}
.vcard_form_container .vcard_form_box .vcard_form_title .back_action a:hover {
  scale: 1 !important;
  border: none !important;
  color: #fff;
  transition: all 0.2s ease-in;
}
@media screen and (max-width: 900px) {
  .vcard_form_container .vcard_form_box .vcard_form_title .back_action a {
    display: block !important;
    width: 100%;
    display: none !important;
  }
}
.vcard_form_container .vcard_form_box .vcard_form_title .back_action button {
  padding: 6px 1rem !important;
  background-color: rgb(85, 85, 85) !important;
  font-size: 0.9rem;
  font-weight: 500;
  color: #ffffff !important;
  border-radius: 5px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  transition: all 0.3s ease-in;
}
.vcard_form_container .vcard_form_box .vcard_form_title .back_action button i {
  display: block !important;
  font-size: 1rem !important;
}
.vcard_form_container .vcard_form_box .vcard_form_title .back_action button:hover {
  background-color: #3f3f3f !important;
  scale: 1 !important;
  border: none !important;
  color: #fff !important;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
  transition: all 0.2s ease-in;
}
@media screen and (max-width: 600px) {
  .vcard_form_container .vcard_form_box .vcard_form_title {
    padding: 0rem 0rem;
  }
}
.vcard_form_container .vcard_form_box .vcard_content {
  width: 100%;
  max-width: 1200px;
  height: 90%;
  min-height: 90%;
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 18px 50px -10px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  border-radius: 0rem;
}
.vcard_form_container .vcard_form_box .vcard_content .form_sidenav {
  position: relative;
  left: 0%;
  top: 0%;
  display: flex;
  flex-direction: column;
  width: 20%;
  height: 100%;
  min-height: 100%;
  align-items: center;
  justify-content: flex-start;
  overflow-y: scroll;
  padding: 0.5rem 0rem 5rem 0.4rem;
  transform: translateX(0px);
  transition: all 0.2s linear;
}
.vcard_form_container .vcard_form_box .vcard_content .form_sidenav .menu_item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
  width: 100%;
  height: 50px;
  transition: all 0.1s ease;
  margin-bottom: 10px;
  cursor: pointer;
  position: relative;
}
.vcard_form_container .vcard_form_box .vcard_content .form_sidenav .menu_item i {
  font-size: 1.3rem;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vcard_form_container .vcard_form_box .vcard_content .form_sidenav .menu_item small {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: 50px;
  font-size: 0.8rem;
  font-weight: 500;
  color: #424040;
}
.vcard_form_container .vcard_form_box .vcard_content .form_sidenav .menu_item::before {
  content: "";
  width: 0%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #cdf9ff;
  z-index: -1;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  transition: all 0.3s linear;
}
.vcard_form_container .vcard_form_box .vcard_content .form_sidenav .menu_item:hover::before {
  width: 100%;
  transition: all 0.3s linear;
}
.vcard_form_container .vcard_form_box .vcard_content .form_sidenav .menu_item:hover {
  border-left: 4px solid #6571ff;
  z-index: 1;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  transition: all 0.1s ease;
}
.vcard_form_container .vcard_form_box .vcard_content .form_sidenav::-webkit-scrollbar {
  width: 4px;
  background-color: rgb(255, 255, 255);
  border-radius: 5px;
}
.vcard_form_container .vcard_form_box .vcard_content .form_sidenav::-webkit-scrollbar-thumb {
  width: 3px;
  height: 4px;
  background-color: #7a7a7a;
  border-radius: 5px;
}
@media screen and (max-width: 1000px) {
  .vcard_form_container .vcard_form_box .vcard_content .form_sidenav {
    flex: 0.35;
  }
}
@media screen and (max-width: 980px) {
  .vcard_form_container .vcard_form_box .vcard_content .form_sidenav {
    flex: 0.45;
  }
}
@media screen and (max-width: 800px) {
  .vcard_form_container .vcard_form_box .vcard_content .form_sidenav {
    flex: 0.55;
  }
}
@media screen and (max-width: 600px) {
  .vcard_form_container .vcard_form_box .vcard_content .form_sidenav {
    flex: 0.6;
  }
}
@media screen and (max-width: 500px) {
  .vcard_form_container .vcard_form_box .vcard_content .form_sidenav {
    flex: 0.65;
  }
}
@media screen and (max-width: 470px) {
  .vcard_form_container .vcard_form_box .vcard_content .form_sidenav {
    flex: 0.7;
  }
}
.vcard_form_container .vcard_form_box .vcard_content .form_sidenav2 {
  position: relative;
  left: 0%;
  top: 0%;
  display: flex;
  flex-direction: column;
  width: 15%;
  height: 100%;
  min-height: 100%;
  align-items: center;
  justify-content: flex-start;
  overflow-y: scroll;
  padding: 0rem 0rem 4rem 0.4rem;
  overflow-x: hidden;
  transform: translateX(0px);
  transition: all 0.2s linear;
}
.vcard_form_container .vcard_form_box .vcard_content .form_sidenav2 .progressing {
  margin: 10px auto;
  padding: 5px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  font-size: 1.5rem;
  width: 100%;
  color: royalblue;
}
.vcard_form_container .vcard_form_box .vcard_content .form_sidenav2 .progressing .icon {
  font-size: 1.5rem;
  color: royalblue;
  cursor: pointer;
}
.vcard_form_container .vcard_form_box .vcard_content .form_sidenav2 .progressing .icon:hover {
  color: gray;
}
.vcard_form_container .vcard_form_box .vcard_content .form_sidenav2 .progressing small {
  font-weight: 600;
}
.vcard_form_container .vcard_form_box .vcard_content .form_sidenav2 .menu_item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
  width: 100%;
  height: 50px;
  transition: all 0.1s ease;
  margin-bottom: 10px;
  cursor: pointer;
  padding: 0px 5px;
}
.vcard_form_container .vcard_form_box .vcard_content .form_sidenav2 .menu_item i {
  font-size: 1.2rem;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vcard_form_container .vcard_form_box .vcard_content .form_sidenav2 .menu_item .icon {
  font-size: 1.3rem;
}
.vcard_form_container .vcard_form_box .vcard_content .form_sidenav2 .menu_item small {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: 50px;
  font-size: 0.7rem;
  font-weight: 500;
  color: #424040;
}
.vcard_form_container .vcard_form_box .vcard_content .form_sidenav2 .menu_item:hover {
  background-color: #cdf9ff;
  border-left: 4px solid #6571ff;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  transition: all 0.1s ease;
}
.vcard_form_container .vcard_form_box .vcard_content .form_sidenav2::-webkit-scrollbar {
  width: 4px;
  background-color: rgb(255, 255, 255);
  border-radius: 5px;
}
.vcard_form_container .vcard_form_box .vcard_content .form_sidenav2::-webkit-scrollbar-thumb {
  width: 3px;
  height: 4px;
  background-color: #7a7a7a;
  border-radius: 5px;
}
@media screen and (max-width: 1000px) {
  .vcard_form_container .vcard_form_box .vcard_content .form_sidenav2 {
    flex: 0.35;
  }
}
@media screen and (max-width: 980px) {
  .vcard_form_container .vcard_form_box .vcard_content .form_sidenav2 {
    flex: 0.45;
  }
}
@media screen and (max-width: 800px) {
  .vcard_form_container .vcard_form_box .vcard_content .form_sidenav2 {
    flex: 0.55;
  }
}
@media screen and (max-width: 600px) {
  .vcard_form_container .vcard_form_box .vcard_content .form_sidenav2 {
    flex: 0.6;
  }
}
@media screen and (max-width: 500px) {
  .vcard_form_container .vcard_form_box .vcard_content .form_sidenav2 {
    flex: 0.65;
  }
}
@media screen and (max-width: 470px) {
  .vcard_form_container .vcard_form_box .vcard_content .form_sidenav2 {
    flex: 0.7;
  }
}
.vcard_form_container .vcard_form_box .vcard_content .all_form_inputs {
  position: relative;
  display: flex;
  width: 85%;
  height: 100%;
  min-height: 100%;
  overflow-y: scroll;
  align-items: flex-start;
  justify-content: flex-start;
}
.vcard_form_container .vcard_form_box .vcard_content .all_form_inputs::-webkit-scrollbar {
  width: 4px;
  background-color: rgb(255, 255, 255);
  border-radius: 5px;
}
.vcard_form_container .vcard_form_box .vcard_content .all_form_inputs::-webkit-scrollbar-thumb {
  width: 3px;
  height: 4px;
  background-color: #ffdbba;
  border-radius: 5px;
}
@media screen and (max-width: 1000px) {
  .vcard_form_container .vcard_form_box .vcard_content .all_form_inputs {
    flex: 0.65;
  }
}
@media screen and (max-width: 980px) {
  .vcard_form_container .vcard_form_box .vcard_content .all_form_inputs {
    flex: 0.35;
  }
}
@media screen and (max-width: 800px) {
  .vcard_form_container .vcard_form_box .vcard_content .all_form_inputs {
    flex: 0.45;
  }
}
@media screen and (max-width: 600px) {
  .vcard_form_container .vcard_form_box .vcard_content .all_form_inputs {
    flex: 0.4;
  }
}
@media screen and (max-width: 500px) {
  .vcard_form_container .vcard_form_box .vcard_content .all_form_inputs {
    flex: 0.35;
  }
}
@media screen and (max-width: 470px) {
  .vcard_form_container .vcard_form_box .vcard_content .all_form_inputs {
    flex: 0.3;
  }
}
.vcard_form_container .vcard_form_box .vcard_content .payment_success_container {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0%;
  left: 0%;
  background-color: #ebebeb;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  z-index: 1000;
  padding-bottom: 5rem;
}
.vcard_form_container .vcard_form_box .vcard_content .payment_success_container .popup_box {
  width: 70%;
  height: 50%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background-color: #fff;
  margin: auto;
  box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
}
.vcard_form_container .vcard_form_box .vcard_content .payment_success_container .popup_box .close {
  position: absolute;
  right: 5%;
  top: 5%;
  color: tomato;
  z-index: 10;
  font-size: 2rem;
  cursor: pointer;
}
.vcard_form_container .vcard_form_box .vcard_content .payment_success_container .popup_box .close:hover {
  color: #333;
}
.vcard_form_container .vcard_form_box .vcard_content .payment_success_container .popup_box .left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 15px;
  flex: 0.4;
}
.vcard_form_container .vcard_form_box .vcard_content .payment_success_container .popup_box .left p {
  text-align: start;
}
.vcard_form_container .vcard_form_box .vcard_content .payment_success_container .popup_box .left button {
  padding: 0.5rem 1rem;
  background-color: rgb(3, 190, 103);
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 0.9rem;
}
.vcard_form_container .vcard_form_box .vcard_content .payment_success_container .popup_box .left button .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
}
.vcard_form_container .vcard_form_box .vcard_content .payment_success_container .popup_box .left button:hover {
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
}
.vcard_form_container .vcard_form_box .vcard_content .payment_success_container .popup_box .left button:hover .icon {
  color: rgb(253, 234, 66);
}
.vcard_form_container .vcard_form_box .vcard_content .payment_success_container .popup_box .right {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0.5;
}
.vcard_form_container .vcard_form_box .vcard_content .payment_success_container .popup_box .right img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.vcard_form_container .vcard_form_box .vcard_content .payment_success_container #open {
  scale: 1;
  opacity: 1;
  transition: all 2s ease-in-out;
}
.vcard_form_container .vcard_form_box .vcard_content .payment_success_container #close {
  scale: 0;
  opacity: 0;
  transition: all 0.5s ease-in-out;
}
.vcard_form_container .vcard_form_box::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 600px) {
  .vcard_form_container .vcard_form_box {
    width: 100%;
    height: 100% !important;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    background: white;
    box-shadow: none;
  }
  .vcard_form_container {
    padding: 0.5rem 0rem;
  }
}

#menu_active {
  background-color: #cdf9ff;
  border-left: 4px solid #6571ff;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  transition: all 0.1s ease;
}

@media screen and (max-width: 950px) {
  #slideClose {
    flex: 0;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    overflow-x: hidden;
    transition: all 0.2s linear;
    transform: translateX(-300px);
  }
  #slideClose .menu_item {
    margin: 5px 0px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
  }
  #slideClose .menu_item i {
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  #slideClose .menu_item small {
    display: none;
  }
  #slideClose::-webkit-scrollbar {
    width: 4px;
    display: none;
    background-color: rgb(255, 255, 255);
    border-radius: 5px;
  }
  #slideClose::-webkit-scrollbar-thumb {
    width: 3px;
    height: 4px;
    background-color: #7a7a7a;
    border-radius: 5px;
  }
  #formExpand {
    flex: 1;
    width: 100%;
    height: 100%;
    display: block;
  }
  #formMinimize {
    flex: 1;
    width: 100%;
    height: 100%;
    display: none;
  }
}@property --angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}
@property --angle2 {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}
.plan_container {
  position: relative !important;
  width: 100%;
  height: 100%;
  padding: 1rem;
  overflow-y: scroll;
  z-index: 1;
}
.plan_container .repayment_timer_container {
  position: absolute;
  top: 70%;
  left: 50%;
  transform: translate(-50%, -70%);
  display: flex;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.plan_container .repayment_timer_container .note {
  display: flex;
  align-items: center;
  justify-content: center;
}
.plan_container .repayment_timer_container .note p {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8rem;
  font-weight: 550;
  color: gray;
}
.plan_container .repayment_timer_container .note p strong {
  color: green;
}
.plan_container .repayment_timer_container .timer h4 {
  font-size: 0.9rem;
  font-weight: 600;
  color: red;
}
.plan_container .repayment_timer_container .timer h4 small {
  font-size: 0.7rem;
  font-weight: 550;
  color: gray;
}
.plan_container .activate_plan_container {
  position: absolute;
  top: 20%;
  width: 98%;
  min-height: 300px;
  height: auto;
  max-height: auto;
  background-color: rgba(224, 255, 255, 0.281);
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 5;
}
.plan_container .activate_plan_container .razorpay_popup {
  width: 100%;
  max-width: 1250px;
  height: 100%;
  max-height: auto;
  background-color: #57498b;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: #fff;
}
.plan_container .activate_plan_container .razorpay_popup .left {
  width: 50%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.plan_container .activate_plan_container .razorpay_popup .right {
  width: 50%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  padding: 1rem;
}
.plan_container .activate_plan_container .razorpay_popup .right .user_details {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
}
.plan_container .activate_plan_container .razorpay_popup .right .user_details h2 {
  font-size: 1.2rem;
}
.plan_container .activate_plan_container .razorpay_popup .right .user_details img {
  width: 25px;
  height: 25px;
}
.plan_container .activate_plan_container .razorpay_popup .right .amount_details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  width: 100%;
}
.plan_container .activate_plan_container .razorpay_popup .right .amount_details .title {
  font-size: 1.2rem;
  color: yellow;
}
.plan_container .activate_plan_container .razorpay_popup .right .amount_details .amount {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 10px;
}
.plan_container .activate_plan_container .razorpay_popup .right .amount_details .amount p {
  color: rgb(255, 255, 255);
  font-size: 1.3rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
  width: 100%;
}
.plan_container .activate_plan_container .razorpay_popup .right .amount_details .amount p strong {
  width: 50%;
}
.plan_container .activate_plan_container .razorpay_popup .right .amount_details .amount p small {
  font-size: 0.8rem;
}
.plan_container .activate_plan_container .razorpay_popup .right .actions {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin: 2rem auto;
}
.plan_container .activate_plan_container .razorpay_popup .right .actions .pay {
  padding: 0.4rem 1rem;
  font-size: 0.9rem;
  background-color: rgb(0, 192, 112);
  color: #ffffff;
  font-weight: 550;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  cursor: pointer;
  transition: all 0.2s ease-in;
}
.plan_container .activate_plan_container .razorpay_popup .right .actions .pay:hover {
  filter: drop-shadow(0px 4px 5px rgba(255, 255, 255, 0.4));
  scale: 1.1;
  transition: all 0.2s ease-in;
}
.plan_container .activate_plan_container .razorpay_popup .right .actions .cancel {
  padding: 0.4rem 1rem;
  font-size: 0.9rem;
  background-color: tomato;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  cursor: pointer;
  transition: all 0.2s ease-in;
}
.plan_container .activate_plan_container .razorpay_popup .right .actions .cancel:hover {
  filter: drop-shadow(0px 4px 5px rgba(255, 255, 255, 0.4));
  scale: 1.1;
  transition: all 0.2s ease-in;
}
.plan_container .plan_access_details {
  position: absolute;
  width: 35%;
  display: none;
  height: 80%;
  opacity: 1;
  overflow: hidden;
  background-color: #ffffff;
  left: 40%;
  top: 50%;
  border-radius: 10px;
  transform: translate(-50%, -50%);
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
  padding-left: 10px;
  z-index: 1000;
}
.plan_container .plan_access_details .plan_close {
  position: relative;
  top: 20px;
  right: -90%;
}
.plan_container .plan_access_details .plan_close i {
  font-size: 1.5rem;
  color: red;
  cursor: pointer;
}
.plan_container .plan_access_details .plan_close i:hover {
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4));
  scale: 1.05;
}
.plan_container .plan_access_details .plan_title {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.plan_container .plan_access_details .plan_title h6 {
  font-size: 1rem;
  color: #01324e;
}
.plan_container .plan_access_details .plan_addon_service {
  width: 100%;
  margin: 0rem 0px;
  height: 80%;
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  overflow: scroll;
  overflow-x: hidden;
}
.plan_container .plan_access_details .plan_addon_service .list {
  width: 100%;
  height: 50px;
  display: flex;
  vertical-align: middle;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
}
.plan_container .plan_access_details .plan_addon_service .list .icon i {
  font-size: 1.5rem;
  height: 100%;
  display: flex;
  height: 50px;
  align-items: center;
  justify-content: flex-start;
  color: #1c7952;
}
.plan_container .plan_access_details .plan_addon_service .list .icon .bxs-shield-x {
  color: red;
}
.plan_container .plan_access_details .plan_addon_service .list .text {
  height: 50px;
}
.plan_container .plan_access_details .plan_addon_service .list .text p {
  font-size: 0.8rem;
  font-weight: 550;
  color: #111111;
  display: flex;
  height: 50px;
  align-items: center;
  justify-content: flex-start;
}
.plan_container .plan_access_details .plan_addon_service::-webkit-scrollbar {
  display: block;
  width: 3px;
  height: 5px;
  border-radius: 5px;
}
.plan_container .plan_access_details .plan_addon_service::-webkit-scrollbar-thumb {
  background: rgb(104, 114, 253);
  border-radius: 5px;
}
.plan_container .plan_heading {
  width: 100%;
  padding: 1rem 0rem;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}
.plan_container .plan_heading h5 {
  font-size: 1.2rem;
  font-weight: 550;
  color: rgb(0, 0, 0);
}
.plan_container .plan_heading .actions {
  display: flex;
  align-items: center;
  justify-content: center;
}
.plan_container .plan_heading .actions button {
  padding: 5px 1.5rem;
  background-color: royalblue;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  color: #fff;
  border-radius: 0.3rem;
  transition: all 0.4s ease-in-out;
}
.plan_container .plan_heading .actions button:hover {
  background-color: rgb(83, 83, 83);
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.3);
  transition: all 0.4s ease-in-out;
}
.plan_container .note small {
  font-size: 0.9rem;
  font-weight: 500;
  color: rgb(44, 43, 43);
}
.plan_container .note small b:nth-child(1) {
  color: red;
}
.plan_container .note small b:nth-child(2) {
  color: rgb(29, 119, 104);
}
.plan_container .all_plans_container_box {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
  place-items: start;
  background-color: #fff;
  margin: 1rem auto;
  padding: 10px;
  position: relative;
  z-index: 1;
}
.plan_container .all_plans_container_box .popup_container {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.568627451);
  border-radius: 10px;
  z-index: 1;
}
.plan_container .all_plans_container_box .popup_container .popup_box {
  position: relative;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -30%);
  background-color: #fff;
  width: 500px;
  height: 200px;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  padding: 10px;
  scale: 0;
  transition: all 0.5s ease-in-out;
}
.plan_container .all_plans_container_box .popup_container .popup_box .popup_header {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.plan_container .all_plans_container_box .popup_container .popup_box .popup_header h5 {
  font-size: 1.1rem;
  color: #054e61;
}
.plan_container .all_plans_container_box .popup_container .popup_box .amount {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
}
.plan_container .all_plans_container_box .popup_container .popup_box .amount h6 {
  padding: 10px 1rem;
  color: #424242;
  border-radius: 10px;
  font-size: 1.2rem;
}
.plan_container .all_plans_container_box .popup_container .popup_box .amount h6 small {
  font-size: 1.2rem;
  font-weight: 600;
}
.plan_container .all_plans_container_box .popup_container .popup_box .actions {
  display: flex;
  align-items: center;
  justify-content: space-around;
  width: 100%;
  height: 40%;
}
.plan_container .all_plans_container_box .popup_container .popup_box .actions button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100px;
  height: 40px;
  border-radius: 5px;
  padding: 0px 10px;
  font-size: 0.9rem;
  font-weight: 550;
  cursor: pointer;
}
.plan_container .all_plans_container_box .popup_container .popup_box .actions button i {
  font-size: 1.2rem;
}
.plan_container .all_plans_container_box .popup_container .popup_box .actions button i:nth-child(1) {
  color: rgb(255, 255, 255);
}
.plan_container .all_plans_container_box .popup_container .popup_box .actions button:nth-child(1) {
  background-color: #468073;
  color: #fff;
}
.plan_container .all_plans_container_box .popup_container .popup_box .actions button:nth-child(2) {
  background-color: tomato;
  color: #fff;
}
.plan_container .all_plans_container_box .popup_container .popup_box .actions button:hover {
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
}
@media screen and (max-width: 600px) {
  .plan_container .all_plans_container_box .popup_container .popup_box {
    width: 300px;
    height: 200px;
  }
}
.plan_container .all_plans_container_box .popup_container #activePaymentPopup {
  scale: 1;
  transition: all 0.5s ease-in-out;
}
.plan_container .all_plans_container_box .popup_container #closePaymentPopup {
  scale: 0;
  transition: all 0.5s ease-in-out;
}
.plan_container .all_plans_container_box #activePaymentContainer {
  scale: 1;
  transition: all 0.5s ease-in-out;
}
.plan_container .all_plans_container_box #closePaymentContainer {
  scale: 0;
  transition: all 0.5s ease-in-out;
}
.plan_container .all_plans_container_box .plan {
  width: 100%;
  background: #fff;
  overflow-y: scroll;
  position: relative;
  height: 100%;
  border-radius: 0.5rem;
  border: none;
  box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
  padding: 1rem 0.7rem 1rem 0.7rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
  justify-content: flex-start;
  transition: all 0.5s ease-in;
}
.plan_container .all_plans_container_box .plan .access_details_icons {
  position: absolute;
  right: 6%;
  top: 20%;
  color: rgb(83, 83, 83);
  font-size: 1.5rem;
}
.plan_container .all_plans_container_box .plan .access_details_icons i {
  cursor: pointer;
  font-size: 1.5rem;
  color: rgb(29, 119, 255);
}
.plan_container .all_plans_container_box .plan .batches {
  position: absolute;
  top: 0%;
  right: 0%;
}
.plan_container .all_plans_container_box .plan .batches img {
  width: 30px;
  height: 30px;
  filter: drop-shadow(0px 4px 5px rgba(255, 255, 255, 0.5));
  border-radius: 10px;
}
.plan_container .all_plans_container_box .plan .batches i {
  font-size: 1.5rem;
  color: rgb(161, 65, 225);
}
.plan_container .all_plans_container_box .plan .down_arrow {
  position: absolute;
  bottom: 0%;
  right: -5%;
  transform: translate(-50%, -50%);
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f59a12;
  border-radius: 50%;
}
.plan_container .all_plans_container_box .plan .down_arrow i {
  font-size: 1rem;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
}
.plan_container .all_plans_container_box .plan .plan_title h3 {
  font-size: 1.2rem;
  color: #2e2e2e;
  font-weight: 600;
}
.plan_container .all_plans_container_box .plan .plan_price {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  gap: 2px;
  height: 40px;
}
.plan_container .all_plans_container_box .plan .plan_price .customize_plan_price {
  font-size: 1rem;
  color: #523ab3;
}
.plan_container .all_plans_container_box .plan .plan_price h2 {
  font-size: 1.6rem;
  color: #523ab3;
}
.plan_container .all_plans_container_box .plan .plan_price h2 small {
  font-size: 0.8rem;
  font-weight: 500;
}
.plan_container .all_plans_container_box .plan .plan_price small {
  font-size: 0.8rem;
  font-weight: 500;
  color: #523ab3;
}
.plan_container .all_plans_container_box .plan .card_count {
  display: flex;
  align-items: center;
  justify-content: center;
}
.plan_container .all_plans_container_box .plan .card_count p {
  font-size: 0.9rem;
  font-weight: 500;
  color: #424242;
}
.plan_container .all_plans_container_box .plan .card_count p span {
  font-weight: bold;
  color: rgb(0, 0, 0);
}
.plan_container .all_plans_container_box .plan .card_useCase {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  width: 100%;
  display: block;
  transition: all 0.5s ease-in;
  height: 100px;
}
.plan_container .all_plans_container_box .plan .card_useCase strong {
  font-size: 0.8rem;
  font-weight: 600;
  color: rgb(4, 168, 141);
}
.plan_container .all_plans_container_box .plan .card_useCase p {
  font-size: 0.8rem;
  font-weight: 500;
  color: #424242;
}
.plan_container .all_plans_container_box .plan .card_useCase p span {
  font-weight: bold;
  color: rgb(0, 0, 0);
}
.plan_container .all_plans_container_box .plan .plan_action {
  width: 80%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}
.plan_container .all_plans_container_box .plan .plan_action .action_div {
  text-decoration: none;
  color: #fff;
  font-size: 0.9rem;
  font-weight: 550;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.plan_container .all_plans_container_box .plan .plan_action .action_div button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1rem;
  width: 100%;
  outline: none;
  background-color: #3a8365;
  cursor: pointer;
  border-radius: 5px;
  transition: all 0.3s ease;
}
.plan_container .all_plans_container_box .plan .plan_action .action_div button:hover {
  background-color: #523ab3;
  color: #fff;
  transition: all 0.3s ease;
}
.plan_container .all_plans_container_box .plan .plan_action .action_div #disable {
  cursor: not-allowed;
  display: none;
}
.plan_container .all_plans_container_box .plan .plan_action .activate_plan_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0.5rem 1rem;
  width: auto;
  outline: none;
  background-color: #4962f1;
  border-radius: 5px;
  transition: all 0.3s ease;
  margin: auto;
}
.plan_container .all_plans_container_box .plan .plan_action .activate_plan_btn:hover {
  background-color: #523ab3;
  color: #fff;
  transition: all 0.3s ease;
}
.plan_container .all_plans_container_box .plan .plan_action #activePlan button {
  background-color: #523ab3 !important;
  color: #fff !important;
}
.plan_container .all_plans_container_box .plan .plan_addon_service {
  width: 90%;
  margin: 1rem 0px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.plan_container .all_plans_container_box .plan .plan_addon_service .list {
  width: 100%;
  height: 50px;
  display: flex;
  vertical-align: middle;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
}
.plan_container .all_plans_container_box .plan .plan_addon_service .list .icon i {
  font-size: 1.5rem;
  height: 100%;
  display: flex;
  height: 50px;
  align-items: center;
  justify-content: flex-start;
  color: #64caa0;
}
.plan_container .all_plans_container_box .plan .plan_addon_service .list .icon .bxs-shield-x {
  color: red;
}
.plan_container .all_plans_container_box .plan .plan_addon_service .list .text {
  height: 50px;
}
.plan_container .all_plans_container_box .plan .plan_addon_service .list .text p {
  font-size: 0.8rem;
  font-weight: 500;
  color: #4b4a4a;
  display: flex;
  height: 50px;
  align-items: center;
  justify-content: flex-start;
}
.plan_container .all_plans_container_box .plan:hover {
  transition: all 0.5s ease-in;
}
.plan_container .all_plans_container_box .plan:hover .card_useCase {
  display: block;
  transition: all 0.5s ease-in;
}
.plan_container .all_plans_container_box .plan::after, .plan_container .all_plans_container_box .plan::before {
  content: "";
  width: 103%;
  height: 104%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 0.5rem;
  background-image: conic-gradient(from var(--angle), hsla(0, 0%, 100%, 0.678), rgba(187, 253, 255, 0.815));
  z-index: -1;
  animation: 3s spin linear infinite;
}
@media screen and (max-width: 776px) {
  .plan_container .all_plans_container_box .plan::after, .plan_container .all_plans_container_box .plan::before {
    animation: none;
  }
}
.plan_container .all_plans_container_box .plan::before {
  filter: blur(3rem);
  opacity: 0.8;
}
@media screen and (max-width: 776px) {
  .plan_container .all_plans_container_box .plan::before {
    filter: blur(1.5rem);
    opacity: 1;
  }
}
@keyframes spin {
  from {
    --angle: 0deg;
  }
  to {
    --angle: 360deg;
  }
}
.plan_container .all_plans_container_box .plan::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 950px) {
  .plan_container .all_plans_container_box .plan {
    width: 96%;
  }
}
.plan_container::-webkit-scrollbar {
  width: 3px;
  height: 4px;
  background-color: #d0faf1;
  border-radius: 5px;
}
.plan_container::-webkit-scrollbar-thumb {
  background: #a4a7ff;
  border-radius: 5px;
}

button {
  all: unset;
}

#active {
  background-color: #afff81 !important;
  color: #fff;
}

#activeDetail {
  display: block;
  opacity: 1;
}

#listView {
  opacity: 0;
}.select_vcard_template_container {
  width: 100%;
  height: 100%;
  padding: 1rem 1rem;
  overflow-y: hidden;
  margin: auto;
  position: relative;
}
.select_vcard_template_container .row_one {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 95%;
}
.select_vcard_template_container .row_one h6 {
  font-size: 0.8rem;
  font-weight: bolder;
}
.select_vcard_template_container .row_one h6 sup {
  color: red;
  padding-right: 5px;
  font-weight: bold;
}
@media screen and (max-width: 776px) {
  .select_vcard_template_container .row_one h6 {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 1rem;
  }
}
.select_vcard_template_container .row_one button {
  outline: none;
  border: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 7px 1rem;
  border-radius: 5px;
  font-weight: 500;
  font-size: 0.9rem;
  background-color: royalblue;
  color: #fff;
  transition: all 0.3s ease;
  position: relative;
}
.select_vcard_template_container .row_one button span {
  font-size: 1.2rem;
}
.select_vcard_template_container .row_one button .touch_hand {
  position: absolute;
  top: 65%;
  right: 50%;
}
.select_vcard_template_container .row_one button .touch_hand img {
  width: 30px;
  height: 30px;
  mix-blend-mode: multiply;
}
.select_vcard_template_container .row_one button:hover {
  background-color: rgb(105, 141, 248);
  box-shadow: 0px 4px 4px rgb(124, 124, 124);
  transition: all 0.3s ease;
}
.select_vcard_template_container .row_one button:hover span {
  transform: rotate(360deg);
  transition: transform 0.5s ease-in-out;
}
@media screen and (max-width: 776px) {
  .select_vcard_template_container .row_one button {
    padding: 0.5rem 1rem;
    gap: 0.5rem;
  }
  .select_vcard_template_container .row_one {
    width: 100%;
    margin: 1rem auto;
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-items: flex-end;
    justify-content: center;
  }
}
.select_vcard_template_container .total_template {
  width: 100%;
  margin: 1rem 0px;
}
.select_vcard_template_container .total_template p {
  font-size: 0.9rem;
  font-weight: 600;
  color: royalblue;
  letter-spacing: 1px;
}
.select_vcard_template_container .row_two {
  width: 100%;
  height: 100%;
  padding-bottom: 3rem;
  overflow-y: scroll;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin: auto;
}
.select_vcard_template_container .row_two .image_container {
  display: grid;
  width: 100%;
  min-height: 100% !important;
  height: 100%;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 0.5rem;
  padding-left: 0px;
  place-items: start;
  place-content: start;
}
.select_vcard_template_container .row_two .image_container .image {
  width: 200px !important;
  max-width: 200px;
  height: 450px;
  background-color: #ffffff;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
  position: relative;
  overflow-y: scroll;
  opacity: 1;
  transition: all 1s ease-in-out;
  scroll-behavior: smooth;
  margin: 1rem 0px;
}
.select_vcard_template_container .row_two .image_container .image .selected_gif {
  position: absolute;
  right: 1%;
  top: 3%;
  z-index: 800;
}
.select_vcard_template_container .row_two .image_container .image .selected_gif img {
  width: 30px;
  height: 30px;
  mix-blend-mode: multiply !important;
  border-radius: 1rem;
}
.select_vcard_template_container .row_two .image_container .image .selected_gif small {
  color: #fff;
  font-weight: 550;
  font-size: 0.8rem;
}
.select_vcard_template_container .row_two .image_container .image .touch_hand {
  position: absolute;
  z-index: 900;
  left: 50%;
  top: 50%;
}
.select_vcard_template_container .row_two .image_container .image .touch_hand img {
  width: 45px;
  height: 45px;
}
.select_vcard_template_container .row_two .image_container .image .vcard_name h4 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.2rem auto;
  font-size: 0.8rem;
  font-weight: 550;
  letter-spacing: 1px;
  color: rgb(3, 112, 107);
}
.select_vcard_template_container .row_two .image_container .image .image_box {
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  cursor: pointer;
}
.select_vcard_template_container .row_two .image_container .image .image_box img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  transform: translateY(0%);
  transition: all 10s ease;
  scroll-behavior: smooth;
}
.select_vcard_template_container .row_two .image_container .image .trial_template {
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  cursor: pointer;
}
.select_vcard_template_container .row_two .image_container .image .trial_template img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  transform: translateY(0%);
  transition: all 10s ease;
  scroll-behavior: smooth;
}
.select_vcard_template_container .row_two .image_container .image::-webkit-scrollbar {
  width: 0px;
  height: 0px;
  background-color: #ffffff;
  border-radius: 5px;
}
.select_vcard_template_container .row_two .image_container .image::-webkit-scrollbar-thumb {
  background: #d37ffa;
  border-radius: 2px;
}
.select_vcard_template_container .row_two .image_container .image:hover {
  scroll-behavior: smooth;
  opacity: 0.8;
  border: 1px solid rgb(255, 255, 255);
  transition: all 1s ease-in-out;
}
.select_vcard_template_container .row_two .image_container .image:hover img {
  transform: translateY(0%);
  transition: all 25s linear;
  scroll-behavior: smooth;
}
@media screen and (max-width: 700px) {
  .select_vcard_template_container .row_two .image_container .image {
    height: 800px;
    width: 100% !important;
    max-width: 100%;
    overflow-y: hidden;
    box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
  }
}
.select_vcard_template_container .row_two .image_container .single_template {
  width: 30% !important;
  height: 100% !important;
  background-color: #ffffff;
  position: relative;
  border-radius: 0.5rem;
  overflow-y: scroll;
  padding: 0px;
  border: 1px solid rgb(238, 238, 238);
  opacity: 1;
  transition: all 0.2s ease-in-out;
  scroll-behavior: smooth;
}
.select_vcard_template_container .row_two .image_container .single_template .selected_gif {
  position: absolute;
  right: 2%;
  top: 1% !important;
  z-index: 800;
}
.select_vcard_template_container .row_two .image_container .single_template .selected_gif img {
  width: 20px;
  height: 20px;
  mix-blend-mode: multiply;
  filter: brightness(100%);
}
.select_vcard_template_container .row_two .image_container .single_template .touch_hand {
  position: absolute;
  z-index: 900;
  left: 50%;
  top: 50%;
}
.select_vcard_template_container .row_two .image_container .single_template .touch_hand img {
  width: 45px;
  height: 45px;
}
.select_vcard_template_container .row_two .image_container .single_template .vcard_name h4 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.2rem auto;
  font-size: 0.8rem;
  font-weight: 550;
  letter-spacing: 1px;
  color: rgb(3, 112, 107);
}
.select_vcard_template_container .row_two .image_container .single_template .image_box {
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  cursor: pointer;
}
.select_vcard_template_container .row_two .image_container .single_template .image_box img {
  width: 100%;
  border-radius: 0.5rem;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  transform: translateY(0%);
  transition: all 10s ease;
  scroll-behavior: smooth;
}
.select_vcard_template_container .row_two .image_container .single_template::-webkit-scrollbar {
  width: 0px;
  height: 0px;
  background-color: #ffffff;
  border-radius: 5px;
}
.select_vcard_template_container .row_two .image_container .single_template::-webkit-scrollbar-thumb {
  background: #d37ffa;
  border-radius: 2px;
}
.select_vcard_template_container .row_two .image_container .single_template:hover {
  opacity: 0.8;
  transition: all 0.2s ease-in-out;
}
.select_vcard_template_container .row_two .image_container .trial_single_template {
  width: 30% !important;
  height: 400px;
  background-color: #ffffff;
  position: relative;
  border-radius: 0.5rem;
  overflow-y: scroll;
  padding: 0px;
  border: 1px solid rgb(214, 214, 214);
  opacity: 1;
  transition: all 0.2s ease-in-out;
  scroll-behavior: smooth;
}
.select_vcard_template_container .row_two .image_container .trial_single_template .selected_gif {
  position: absolute;
  right: 2%;
  top: 5%;
  z-index: 800;
}
.select_vcard_template_container .row_two .image_container .trial_single_template .selected_gif img {
  width: 20px;
  height: 20px;
  mix-blend-mode: multiply;
  filter: brightness(100%);
}
.select_vcard_template_container .row_two .image_container .trial_single_template .touch_hand {
  position: absolute;
  z-index: 900;
  left: 50%;
  top: 50%;
}
.select_vcard_template_container .row_two .image_container .trial_single_template .touch_hand img {
  width: 45px;
  height: 45px;
}
.select_vcard_template_container .row_two .image_container .trial_single_template .vcard_name h4 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.2rem auto;
  font-size: 0.8rem;
  font-weight: 550;
  letter-spacing: 1px;
  color: rgb(3, 112, 107);
}
.select_vcard_template_container .row_two .image_container .trial_single_template .image_box {
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  cursor: pointer;
}
.select_vcard_template_container .row_two .image_container .trial_single_template .image_box img {
  width: 100%;
  border-radius: 0.5rem;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  transform: translateY(0%);
  transition: all 10s ease;
  scroll-behavior: smooth;
}
.select_vcard_template_container .row_two .image_container .trial_single_template::-webkit-scrollbar {
  width: 0px;
  height: 0px;
  background-color: #ffffff;
  border-radius: 5px;
}
.select_vcard_template_container .row_two .image_container .trial_single_template::-webkit-scrollbar-thumb {
  background: #d37ffa;
  border-radius: 2px;
}
.select_vcard_template_container .row_two .image_container .trial_single_template:hover {
  opacity: 0.8;
  transition: all 0.2s ease-in-out;
}
.select_vcard_template_container .row_two .image_container .free_image {
  width: 25% !important;
  height: 400px;
  background-color: #ffffff;
  position: relative;
  border-radius: 0.5rem;
  overflow-y: scroll;
  padding: 0px;
  border: 1px solid rgb(214, 214, 214);
  opacity: 1;
  transition: all 0.2s ease-in-out;
  scroll-behavior: smooth;
}
.select_vcard_template_container .row_two .image_container .free_image .selected_gif {
  position: absolute;
  right: 2%;
  top: 5%;
  z-index: 800;
}
.select_vcard_template_container .row_two .image_container .free_image .selected_gif img {
  width: 20px;
  height: 20px;
  mix-blend-mode: multiply;
  filter: brightness(100%);
}
.select_vcard_template_container .row_two .image_container .free_image .touch_hand {
  position: absolute;
  z-index: 900;
  left: 50%;
  top: 50%;
}
.select_vcard_template_container .row_two .image_container .free_image .touch_hand img {
  width: 45px;
  height: 45px;
}
.select_vcard_template_container .row_two .image_container .free_image .image_box {
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  cursor: pointer;
}
.select_vcard_template_container .row_two .image_container .free_image .image_box img {
  width: 100%;
  border-radius: 0.5rem;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  transform: translateY(0%);
  transition: all 10s ease;
  scroll-behavior: smooth;
}
.select_vcard_template_container .row_two .image_container .free_image::-webkit-scrollbar {
  width: 0px;
  height: 0px;
  background-color: #ffffff;
  border-radius: 5px;
}
.select_vcard_template_container .row_two .image_container .free_image::-webkit-scrollbar-thumb {
  background: #d37ffa;
  border-radius: 2px;
}
.select_vcard_template_container .row_two .image_container .free_image:hover {
  scroll-behavior: smooth;
}
.select_vcard_template_container .row_two .image_container .free_image:hover img {
  transition: all 10s ease;
  scroll-behavior: smooth;
}
.select_vcard_template_container .row_two .image_container .free_image:hover {
  opacity: 0.8;
  transition: all 0.2s ease-in-out;
}
.select_vcard_template_container .row_two .image_container::-webkit-scrollbar {
  display: none;
}
.select_vcard_template_container .row_two .image_container::-webkit-scrollbar-thumb {
  background: #d37ffa;
  border-radius: 5px;
}
@media screen and (max-width: 700px) {
  .select_vcard_template_container .row_two .image_container {
    grid-template-columns: 1fr;
    width: 100%;
    place-items: center;
  }
}
.select_vcard_template_container .row_two .noplans {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.select_vcard_template_container .row_two .noplans p {
  font-weight: 500;
  color: red;
  animation: hideshow 1s infinite;
}
@keyframes hideshow {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.select_vcard_template_container .row_two::-webkit-scrollbar {
  margin-top: 10px;
  width: 4px;
  border-radius: 5px;
  background-color: white;
}
.select_vcard_template_container .row_two::-webkit-scrollbar-thumb {
  width: 4px;
  border-radius: 4px;
  background-color: darkgray;
}
.select_vcard_template_container .row_3 {
  width: 100%;
  height: 100%;
  position: relative;
  bottom: 0%;
  right: 0%;
}
.select_vcard_template_container::-webkit-scrollbar {
  display: none;
}
.select_vcard_template_container::-webkit-scrollbar-thumb {
  background: #d37ffa;
  border-radius: 5px;
}
@media screen and (max-width: 900px) {
  .select_vcard_template_container {
    padding: 0.5rem 0.5rem;
    margin: 5px auto;
  }
}

#templateSelected {
  width: 100%;
  opacity: 1;
}

#selected {
  display: block !important;
}

#saved {
  display: block !important;
}

#unsaved {
  display: block !important;
}

#unselected {
  display: block !important;
}

#savedTemplate {
  display: block !important;
}

#UnsavedTemplate {
  opacity: 0;
}.basicform_container {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 1rem;
}
.basicform_container .form1_container_box {
  width: 100%;
  height: auto;
  padding: 1rem;
  margin: auto;
}
.basicform_container .form1_container_box form {
  display: grid;
  width: 100%;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem 2rem;
  place-items: center;
  margin: auto;
}
.basicform_container .form1_container_box form .form_group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 5px;
  width: 100%;
  margin: auto;
  position: relative;
}
.basicform_container .form1_container_box form .form_group label {
  font-size: 0.8rem;
  font-weight: 550 !important;
  color: rgb(70, 70, 70) !important;
  width: 100%;
}
.basicform_container .form1_container_box form .form_group label sup {
  color: red;
  font-weight: bold;
  margin-left: 3px;
  font-size: 0.8rem;
}
.basicform_container .form1_container_box form .form_group label img {
  width: 70px;
  height: 70px;
}
.basicform_container .form1_container_box form .form_group .double_input {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  flex-direction: row !important;
  width: 100%;
}
.basicform_container .form1_container_box form .form_group .p-editor-toolbar {
  border: 1px solid #b9b9b9;
}
.basicform_container .form1_container_box form .form_group .ql-editor {
  border: 1px solid #b9b9b9;
}
.basicform_container .form1_container_box form .form_group .ql-editor:focus {
  border: 1px solid #6a99ff;
}
.basicform_container .form1_container_box form .form_group input[type=text] {
  border: 1px solid #b9b9b9;
  padding: 10px 1rem !important;
  width: 100%;
  outline: none;
  border: 1px solid rgb(185, 185, 185);
  border-radius: 5px;
  color: rgb(87, 87, 87);
  font-weight: 500;
  position: relative;
}
.basicform_container .form1_container_box form .form_group input[type=text]::-moz-placeholder {
  font-size: 0.8rem;
  color: gray;
}
.basicform_container .form1_container_box form .form_group input[type=text]::placeholder {
  font-size: 0.8rem;
  color: gray;
}
.basicform_container .form1_container_box form .form_group input[type=text]:focus {
  border: 1px solid #6a99ff;
}
.basicform_container .form1_container_box form .form_group .VCardName {
  padding: 8px 1rem;
  width: 100%;
  outline: none;
  border: 1px solid rgb(185, 185, 185);
  border-radius: 5px;
  color: rgb(87, 87, 87);
  font-weight: 500;
  position: relative;
}
.basicform_container .form1_container_box form .form_group .VCardName option {
  font-size: 0.9rem;
  font-weight: 500;
  border-radius: none;
}
.basicform_container .form1_container_box form .form_group .input_error {
  border: 1px solid red !important;
  border-radius: 5px;
}
.basicform_container .form1_container_box form .form_group .error {
  position: absolute;
  top: 0%;
  right: 0%;
  color: red;
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
.basicform_container .form1_container_box form .form_group .desc_error {
  position: absolute;
  top: 0%;
  right: 0%;
  color: red;
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
.basicform_container .form1_container_box form .form_group input[type=file] {
  display: block;
  border: none;
  width: 100%;
  font-size: 0.7rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-weight: 550;
  outline: none;
  color: #03796f;
  cursor: pointer;
}
@media screen and (max-width: 700px) {
  .basicform_container .form1_container_box form .form_group {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    width: 95% !important;
    margin: auto !important;
  }
}
.basicform_container .form1_container_box form .url_group {
  cursor: not-allowed !important;
}
.basicform_container .form1_container_box form .profession {
  grid-column: 1/-1;
  display: flex;
  flex-direction: column;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 5px;
  width: 100% !important;
  place-items: start;
  position: relative;
}
.basicform_container .form1_container_box form .profession #Profession {
  width: 100%;
}
@media screen and (max-width: 700px) {
  .basicform_container .form1_container_box form .profession {
    width: 95% !important;
  }
}
.basicform_container .form1_container_box form .ql-editor {
  height: 200px !important;
}
.basicform_container .form1_container_box form .double_col_inputs {
  display: flex;
  flex-direction: column !important;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: flex-start;
}
.basicform_container .form1_container_box form .double_col_inputs .image_upload_type {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.basicform_container .form1_container_box form .double_col_inputs .image_upload_type .logo_type {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.basicform_container .form1_container_box form .double_col_inputs .image_upload_type .logo_type select {
  font-size: 0.8rem;
  color: royalblue;
  border: 1px solid gray;
  padding: 8px 1rem;
  width: 100%;
  outline: none;
  border: 1px solid rgb(185, 185, 185);
  border-radius: 5px;
  color: rgb(87, 87, 87);
  font-weight: 500;
  position: relative;
  cursor: pointer;
}
.basicform_container .form1_container_box form .double_col_inputs .image_upload_type .logo_type select option {
  font-weight: 500;
  color: rgb(83, 83, 83);
}
.basicform_container .form1_container_box form .double_col_inputs .image_upload_type .banner_type {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.basicform_container .form1_container_box form .double_col_inputs .image_upload_type .banner_type select {
  font-size: 0.8rem;
  color: royalblue;
  border: 1px solid gray;
  padding: 8px 1rem;
  width: 100%;
  outline: none;
  border: 1px solid rgb(185, 185, 185);
  border-radius: 5px;
  color: rgb(87, 87, 87);
  font-weight: 500;
  position: relative;
  cursor: pointer;
}
.basicform_container .form1_container_box form .double_col_inputs .image_upload_type .banner_type select option {
  font-weight: 500;
  color: rgb(83, 83, 83);
}
.basicform_container .form1_container_box form .double_col_inputs .images {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 10px;
  justify-content: space-between;
}
.basicform_container .form1_container_box form .double_col_inputs .images .first {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
  position: relative;
}
.basicform_container .form1_container_box form .double_col_inputs .images .first label {
  font-size: 0.8rem;
  font-weight: 500;
  color: rgb(34, 34, 34) !important;
  position: relative;
  width: 100%;
}
.basicform_container .form1_container_box form .double_col_inputs .images .first label sup {
  color: red;
  font-weight: bold;
  margin-left: 3px;
}
.basicform_container .form1_container_box form .double_col_inputs .images .first label .Profile {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  place-items: center;
  width: 90px;
  height: 90px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 1rem;
  filter: brightness(110%);
  border: 1px solid rgb(78, 78, 78);
  position: relative;
}
.basicform_container .form1_container_box form .double_col_inputs .images .first label span {
  position: absolute;
  left: 24%;
  top: 0%;
  color: red;
  font-size: 1.2rem;
  cursor: pointer;
}
.basicform_container .form1_container_box form .double_col_inputs .images .first label span:hover {
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
}
.basicform_container .form1_container_box form .double_col_inputs .images .first label i {
  position: absolute;
  font-size: 1.5rem;
  color: #6571fe;
  left: 40%;
  top: -10%;
}
.basicform_container .form1_container_box form .double_col_inputs .images .first p {
  font-size: 0.7rem;
  font-weight: 600;
  color: rgb(31, 31, 31);
}
.basicform_container .form1_container_box form .double_col_inputs .images .first p strong {
  color: rgb(255, 71, 71);
}
.basicform_container .form1_container_box form .double_col_inputs .images .first small {
  font-size: 0.7rem;
  color: gray;
  font-weight: 500;
}
.basicform_container .form1_container_box form .double_col_inputs .images .second {
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
  gap: 10px;
}
.basicform_container .form1_container_box form .double_col_inputs .images .second label {
  font-size: 0.8rem;
  font-weight: 500;
  color: rgb(34, 34, 34) !important;
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.basicform_container .form1_container_box form .double_col_inputs .images .second label sup {
  color: red;
  font-weight: bold;
  margin-left: 3px;
}
.basicform_container .form1_container_box form .double_col_inputs .images .second label .Banner {
  width: 150px;
  height: 90px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 5px;
  filter: brightness(110%);
  border: 1px solid rgb(78, 78, 78);
  position: relative;
}
.basicform_container .form1_container_box form .double_col_inputs .images .second label i {
  position: absolute;
  font-size: 1.5rem;
  color: #6571fe;
  right: 20%;
  top: -13%;
}
.basicform_container .form1_container_box form .double_col_inputs .images .second p {
  font-size: 0.7rem;
  font-weight: 600;
  color: rgb(31, 31, 31);
}
.basicform_container .form1_container_box form .double_col_inputs .images .second p strong {
  color: rgb(255, 71, 71);
}
.basicform_container .form1_container_box form .double_col_inputs .images .second small {
  font-size: 0.7rem;
  color: gray;
  font-weight: 500;
}
.basicform_container .form1_container_box form .double_col_inputs .images .second span {
  position: absolute;
  right: 14%;
  top: 0%;
  color: red;
  font-size: 1.2rem;
  cursor: pointer;
}
.basicform_container .form1_container_box form .double_col_inputs .images .second span:hover {
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
}
.basicform_container .form1_container_box form .double_col_inputs .images .url_link_input_group {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: flex-start;
  justify-content: center;
}
.basicform_container .form1_container_box form .double_col_inputs .images .url_link_input_group img {
  width: 100px;
  max-width: 100px;
  height: 100px;
  max-height: 100px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 0.5rem;
  border: 1px solid gray;
}
.basicform_container .form1_container_box form .double_col_inputs .images .url_link_input_group input {
  padding: 13px 1rem !important;
  font-size: 0.7rem;
  position: relative;
}
.basicform_container .form1_container_box form .double_col_inputs .images .url_link_input_group .clear_action {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.basicform_container .form1_container_box form .double_col_inputs .images .url_link_input_group .clear_action .clear_btn {
  background-color: tomato;
  color: #fff;
  font-size: 0.9rem;
  padding: 0.2rem 1rem;
  outline: none;
  border: none;
  border-radius: 0.2rem;
  cursor: pointer;
  font-weight: 550;
  transition: all 0.5s ease;
}
.basicform_container .form1_container_box form .double_col_inputs .images .url_link_input_group .clear_action .clear_btn:hover {
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
  transition: all 0.5s ease;
}
.basicform_container .form1_container_box form .double_col_inputs .images .url_link_input_group .banner_address_image {
  width: 150px;
  max-width: 150px;
  height: 100px;
  max-height: 100px;
  -o-object-fit: cover;
     object-fit: cover;
  border: 1px solid gray;
}
.basicform_container .form1_container_box form .double_col_inputs .images .url_link_input_group label {
  font-size: 0.6rem;
  font-weight: 550;
}
.basicform_container .form1_container_box form .form2_title {
  width: 100%;
  display: flex;
  grid-column: 1/-1;
  align-items: center;
  justify-content: flex-start;
}
.basicform_container .form1_container_box form .form2_title h4 {
  font-size: 0.9rem;
  font-weight: 550;
  color: #383838;
}
.basicform_container .form1_container_box form .form_group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 5px;
  width: 100%;
}
.basicform_container .form1_container_box form .form_group label {
  font-size: 0.8rem;
  font-weight: 500;
  color: rgb(34, 34, 34);
  width: 100%;
}
.basicform_container .form1_container_box form .form_group label sup {
  color: red;
  font-weight: bold;
  margin-left: 3px;
}
.basicform_container .form1_container_box form .form_group label img {
  width: 70px;
  height: 70px;
}
.basicform_container .form1_container_box form .form_group input[type=text],
.basicform_container .form1_container_box form .form_group input[type=email],
.basicform_container .form1_container_box form .form_group input[type=tel] {
  padding: 8px 1rem;
  width: 100%;
  outline: none;
  border: 1px solid rgb(185, 185, 185);
  border-radius: 5px;
}
.basicform_container .form1_container_box form .form_group input[type=text]::-moz-placeholder, .basicform_container .form1_container_box form .form_group input[type=email]::-moz-placeholder, .basicform_container .form1_container_box form .form_group input[type=tel]::-moz-placeholder {
  font-size: 0.8rem;
  color: gray;
}
.basicform_container .form1_container_box form .form_group input[type=text]::placeholder,
.basicform_container .form1_container_box form .form_group input[type=email]::placeholder,
.basicform_container .form1_container_box form .form_group input[type=tel]::placeholder {
  font-size: 0.8rem;
  color: gray;
}
.basicform_container .form1_container_box form .form_group .first label,
.basicform_container .form1_container_box form .form_group .second label {
  font-size: 0.9rem;
  font-weight: 500;
  color: rgb(105, 104, 104);
  width: 100%;
}
.basicform_container .form1_container_box form .form_group .first label sup,
.basicform_container .form1_container_box form .form_group .second label sup {
  color: red;
  font-weight: bold;
  margin-left: 3px;
}
.basicform_container .form1_container_box form .form_group .first label img,
.basicform_container .form1_container_box form .form_group .second label img {
  width: 90px;
  height: 90px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 50%;
  border: 2px solid skyblue;
}
.basicform_container .form1_container_box form .form_group input[type=file] {
  display: block;
  border: none;
  width: 100%;
  font-size: 0.7rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-weight: 550;
  outline: none;
  color: #03796f;
  cursor: pointer;
}
.basicform_container .form1_container_box form .actions {
  display: flex;
  align-self: center !important;
  justify-content: flex-start;
  gap: 5px;
  width: 100%;
  height: 50px;
}
.basicform_container .form1_container_box form .actions p {
  font-size: 0.9rem;
  font-weight: 500;
  height: 100%;
}
.basicform_container .form1_container_box form .actions input[type=checkbox] {
  width: 20px;
  height: 20px;
  border: 2px solid #6a74fc;
  border-radius: 4px;
  outline: none;
  cursor: pointer;
  position: relative;
}
.basicform_container .form1_container_box form .actions input[type=checkbox]:checked {
  background-color: #007bff;
  border: 2px solid #007bff;
}
.basicform_container .form1_container_box form .actions .on {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.9rem;
  color: royalblue;
  cursor: pointer;
}
.basicform_container .form1_container_box form .actions .off {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.9rem;
  color: #6c757d;
  cursor: pointer;
}
.basicform_container .form1_container_box form .form_submit_actions {
  display: flex;
  grid-column: 1/-1;
  width: 100%;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}
.basicform_container .form1_container_box form .form_submit_actions button {
  outline: none;
  border: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 7px 1rem;
  border-radius: 5px;
  font-weight: 500;
  font-size: 0.9rem;
}
.basicform_container .form1_container_box form .form_submit_actions button span {
  font-size: 1.2rem;
}
.basicform_container .form1_container_box form .form_submit_actions .save {
  background-color: royalblue;
  color: #fff;
  transition: all 0.3s ease;
}
.basicform_container .form1_container_box form .form_submit_actions .save:hover {
  background-color: rgb(105, 141, 248);
  box-shadow: 0px 4px 4px rgb(124, 124, 124);
  transition: all 0.3s ease;
}
.basicform_container .form1_container_box form .form_submit_actions .save:hover span {
  transform: rotate(360deg);
  transition: transform 0.5s ease-in-out;
}
.basicform_container .form1_container_box form .form_submit_actions .clear {
  background-color: tomato;
  color: #fff;
  transition: all 0.3s ease;
}
.basicform_container .form1_container_box form .form_submit_actions .clear:hover {
  background-color: rgb(207, 83, 245);
  box-shadow: 0px 4px 4px rgb(124, 124, 124);
  transition: all 0.3s ease;
}
.basicform_container .form1_container_box form .form_submit_actions .discard {
  background-color: rgb(138, 138, 138);
  color: #ffffff;
  transition: all 0.3s ease;
}
.basicform_container .form1_container_box form .form_submit_actions .discard:hover {
  box-shadow: 0px 4px 4px rgb(165, 165, 165);
  background-color: rgb(92, 92, 92);
  transition: all 0.3s ease;
}
@media screen and (max-width: 700px) {
  .basicform_container .form1_container_box form .form_submit_actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 2rem;
  }
  .basicform_container .form1_container_box form {
    grid-template-columns: 1fr;
    gap: 1rem 0rem;
    width: 100%;
    margin: auto;
  }
  .basicform_container .form1_container_box {
    width: 100%;
    padding: 1rem 0rem;
    margin: 0px;
  }
}
@media screen and (max-width: 776px) {
  .basicform_container {
    padding: 0px;
  }
}.contactForm_container {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 1rem;
}
.contactForm_container .ContactForm_container_box {
  width: 100%;
  height: auto;
  padding: 1rem;
}
.contactForm_container .ContactForm_container_box .form2_title {
  width: 100%;
  display: flex;
  grid-column: 1/-1;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 1rem;
}
.contactForm_container .ContactForm_container_box .form2_title h4 {
  font-size: 1.2rem;
  font-weight: 600;
  color: #525252;
}
.contactForm_container .ContactForm_container_box form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}
.contactForm_container .ContactForm_container_box form .form_group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 5px;
  width: 100%;
  position: relative;
}
.contactForm_container .ContactForm_container_box form .form_group label {
  font-size: 0.8rem;
  font-weight: 550 !important;
  color: rgb(70, 70, 70) !important;
  width: 100%;
}
.contactForm_container .ContactForm_container_box form .form_group label sup {
  color: red;
  font-weight: bold;
  margin-left: 3px;
  font-size: 0.8rem;
}
.contactForm_container .ContactForm_container_box form .form_group label img {
  width: 70px;
  height: 70px;
}
.contactForm_container .ContactForm_container_box form .form_group input[type=text],
.contactForm_container .ContactForm_container_box form .form_group input[type=email],
.contactForm_container .ContactForm_container_box form .form_group input[type=tel], .contactForm_container .ContactForm_container_box form .form_group textarea {
  padding: 13px 1rem;
  width: 100%;
  outline: none;
  border: 1px solid #b9b9b9;
  border-radius: 5px;
  color: rgb(68, 68, 68);
}
.contactForm_container .ContactForm_container_box form .form_group input[type=text]::-moz-placeholder, .contactForm_container .ContactForm_container_box form .form_group input[type=email]::-moz-placeholder, .contactForm_container .ContactForm_container_box form .form_group input[type=tel]::-moz-placeholder, .contactForm_container .ContactForm_container_box form .form_group textarea::-moz-placeholder {
  font-size: 0.8rem;
  color: gray;
}
.contactForm_container .ContactForm_container_box form .form_group input[type=text]::placeholder,
.contactForm_container .ContactForm_container_box form .form_group input[type=email]::placeholder,
.contactForm_container .ContactForm_container_box form .form_group input[type=tel]::placeholder, .contactForm_container .ContactForm_container_box form .form_group textarea::placeholder {
  font-size: 0.8rem;
  color: gray;
}
.contactForm_container .ContactForm_container_box form .form_group input[type=text]:focus,
.contactForm_container .ContactForm_container_box form .form_group input[type=email]:focus,
.contactForm_container .ContactForm_container_box form .form_group input[type=tel]:focus, .contactForm_container .ContactForm_container_box form .form_group textarea:focus {
  border: 1px solid #6a99ff;
}
.contactForm_container .ContactForm_container_box form .form_group .input_error {
  border: 1px solid red !important;
  border-radius: 5px;
}
.contactForm_container .ContactForm_container_box form .form_group .input_success {
  border: 1px solid #b9b9b9 !important;
  border-radius: 5px;
}
.contactForm_container .ContactForm_container_box form .form_group .error {
  position: absolute;
  top: 0%;
  right: 0%;
  color: red;
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
.contactForm_container .ContactForm_container_box form .form_group .first label,
.contactForm_container .ContactForm_container_box form .form_group .second label {
  font-size: 0.9rem;
  font-weight: 500;
  color: rgb(105, 104, 104);
  width: 100%;
}
.contactForm_container .ContactForm_container_box form .form_group .first label sup,
.contactForm_container .ContactForm_container_box form .form_group .second label sup {
  color: red;
  font-weight: bold;
  margin-left: 3px;
}
.contactForm_container .ContactForm_container_box form .form_group .first label img,
.contactForm_container .ContactForm_container_box form .form_group .second label img {
  width: 90px;
  height: 90px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 50%;
  border: 2px solid skyblue;
}
.contactForm_container .ContactForm_container_box form .form_group input[type=file] {
  display: block;
  border: none;
  width: 100%;
  font-size: 0.7rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-weight: 550;
  outline: none;
  color: #03796f;
  cursor: pointer;
}
.contactForm_container .ContactForm_container_box form .websiteURL_group {
  grid-column: 1/-1;
}
.contactForm_container .ContactForm_container_box form .location_group {
  grid-column: 1/-1;
}
.contactForm_container .ContactForm_container_box form .actions {
  display: flex;
  align-self: center !important;
  justify-content: flex-end;
  gap: 5px;
  width: 100%;
  height: 50px;
}
.contactForm_container .ContactForm_container_box form .actions p {
  font-size: 0.9rem;
  font-weight: 500;
  height: 100%;
}
.contactForm_container .ContactForm_container_box form .actions .on {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.9rem;
  color: royalblue;
  cursor: pointer;
}
.contactForm_container .ContactForm_container_box form .actions .off {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.9rem;
  color: #6C757D;
  cursor: pointer;
}
.contactForm_container .ContactForm_container_box form .add_btn {
  position: static;
  right: 5%;
  top: 40%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.contactForm_container .ContactForm_container_box form .add_btn button {
  padding: 0.2rem 1rem;
  background-color: rgb(255, 128, 10);
  border-radius: 0rem;
  font-size: 0.7rem;
  font-weight: 600;
  color: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.contactForm_container .ContactForm_container_box form .add_btn button i {
  font-size: 0.9rem;
  font-weight: 600;
}
.contactForm_container .ContactForm_container_box form .add_btn button:hover {
  background-color: tomato;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
}
.contactForm_container .ContactForm_container_box form .website_list {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 1rem;
  width: 100%;
}
.contactForm_container .ContactForm_container_box form .website_list .items {
  box-shadow: rgba(123, 255, 178, 0) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
  background-color: lightgreen;
  color: #000000;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
  border-radius: 0rem;
  width: -moz-max-content;
  width: max-content;
  padding: 0.3rem 1rem;
}
.contactForm_container .ContactForm_container_box form .website_list .items small {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1em;
  letter-spacing: 1px;
  flex: 0.8;
  padding: 0.2rem 1rem;
}
.contactForm_container .ContactForm_container_box form .website_list .items .delete {
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgb(255, 255, 255);
  font-size: 2.5rem;
  cursor: pointer;
  height: 100%;
  background-color: rgb(255, 70, 70);
  width: 20px;
  height: 20px;
  border-radius: 50%;
  padding: 0.4rem;
}
.contactForm_container .ContactForm_container_box form .website_list .items .delete i {
  font-size: 1.2rem;
}
.contactForm_container .ContactForm_container_box form .website_list .items .delete:hover {
  background-color: red;
}
.contactForm_container .ContactForm_container_box form .note {
  position: absolute;
  bottom: 0%;
  left: 0%;
  width: 80%;
  display: flex;
  align-items: center;
  justify-content: start;
  margin: 0rem auto;
}
.contactForm_container .ContactForm_container_box form .note small {
  font-weight: 600;
  color: #bbbbbb;
}
.contactForm_container .ContactForm_container_box form .form_submit_actions {
  display: flex;
  grid-column: 1/-1;
  width: 100%;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
}
.contactForm_container .ContactForm_container_box form .form_submit_actions button {
  outline: none;
  border: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 7px 1rem;
  border-radius: 5px;
  font-weight: 500;
  font-size: 0.9rem;
}
.contactForm_container .ContactForm_container_box form .form_submit_actions button span {
  font-size: 1.2rem;
}
.contactForm_container .ContactForm_container_box form .form_submit_actions .save {
  background-color: royalblue;
  color: #fff;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.contactForm_container .ContactForm_container_box form .form_submit_actions .save:hover {
  background-color: rgb(105, 141, 248);
  box-shadow: 0px 4px 4px rgb(124, 124, 124);
  transition: all 0.3s ease;
}
.contactForm_container .ContactForm_container_box form .form_submit_actions .save:hover span {
  transform: rotate(360deg);
  transition: transform 0.5s ease-in-out;
}
.contactForm_container .ContactForm_container_box form .form_submit_actions .clear {
  background-color: tomato;
  color: #fff;
  transition: all 0.3s ease;
}
.contactForm_container .ContactForm_container_box form .form_submit_actions .clear:hover {
  background-color: rgb(207, 83, 245);
  box-shadow: 0px 4px 4px rgb(124, 124, 124);
  transition: all 0.3s ease;
}
.contactForm_container .ContactForm_container_box form .form_submit_actions .discard {
  background-color: rgb(138, 138, 138);
  color: #ffffff;
  transition: all 0.3s ease;
}
.contactForm_container .ContactForm_container_box form .form_submit_actions .discard:hover {
  box-shadow: 0px 4px 4px rgb(165, 165, 165);
  background-color: rgb(92, 92, 92);
  transition: all 0.3s ease;
}
@media screen and (max-width: 700px) {
  .contactForm_container .ContactForm_container_box form .form_submit_actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 2rem;
  }
  .contactForm_container .ContactForm_container_box form {
    grid-template-columns: 1fr;
    place-items: center;
  }
}
@media screen and (max-width: 776px) {
  .contactForm_container .ContactForm_container_box {
    width: 100%;
    padding: 1rem 0px;
  }
  .contactForm_container {
    width: 100%;
    padding: 0rem 0px;
  }
}.aboutForm_container {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 1rem;
}
.aboutForm_container .AboutForm_container_box {
  width: 100%;
  height: auto;
  overflow-x: hidden;
}
.aboutForm_container .AboutForm_container_box .form2_title {
  width: 100%;
  display: flex;
  grid-column: 1/-1;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 1rem;
}
.aboutForm_container .AboutForm_container_box .form2_title h4 {
  font-size: 1.2rem;
  font-weight: 550;
  color: #525252;
}
.aboutForm_container .AboutForm_container_box form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem 1rem;
  width: 100%;
}
.aboutForm_container .AboutForm_container_box form .form_group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 5px;
  width: 100%;
  position: relative;
}
.aboutForm_container .AboutForm_container_box form .form_group label {
  font-size: 0.8rem;
  font-weight: 550 !important;
  color: rgb(70, 70, 70) !important;
  width: 100%;
}
.aboutForm_container .AboutForm_container_box form .form_group label sup {
  color: red;
  font-weight: bold;
  margin-left: 3px;
  font-size: 0.8rem;
}
.aboutForm_container .AboutForm_container_box form .form_group label img {
  width: 70px;
  height: 70px;
}
.aboutForm_container .AboutForm_container_box form .form_group input[type=text],
.aboutForm_container .AboutForm_container_box form .form_group input[type=email],
.aboutForm_container .AboutForm_container_box form .form_group input[type=tel] {
  padding: 13px 1rem;
  width: 100%;
  outline: none;
  border: 1px solid #b9b9b9;
  border-radius: 5px;
  color: rgb(68, 68, 68);
  position: relative;
}
.aboutForm_container .AboutForm_container_box form .form_group input[type=text]::-moz-placeholder, .aboutForm_container .AboutForm_container_box form .form_group input[type=email]::-moz-placeholder, .aboutForm_container .AboutForm_container_box form .form_group input[type=tel]::-moz-placeholder {
  font-size: 0.8rem;
  color: gray;
}
.aboutForm_container .AboutForm_container_box form .form_group input[type=text]::placeholder,
.aboutForm_container .AboutForm_container_box form .form_group input[type=email]::placeholder,
.aboutForm_container .AboutForm_container_box form .form_group input[type=tel]::placeholder {
  font-size: 0.8rem;
  color: gray;
}
.aboutForm_container .AboutForm_container_box form .form_group input[type=text]:focus,
.aboutForm_container .AboutForm_container_box form .form_group input[type=email]:focus,
.aboutForm_container .AboutForm_container_box form .form_group input[type=tel]:focus {
  border: 1px solid #6a99ff;
}
.aboutForm_container .AboutForm_container_box form .form_group .react-datepicker-wrapper {
  width: 100%;
}
.aboutForm_container .AboutForm_container_box form .form_group .input_error {
  border-radius: 5px;
}
.aboutForm_container .AboutForm_container_box form .form_group .input_success {
  border: 1px solid #b9b9b9 !important;
  border-radius: 5px;
}
.aboutForm_container .AboutForm_container_box form .form_group .error {
  position: absolute;
  top: 0%;
  right: 0%;
  color: red;
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
.aboutForm_container .AboutForm_container_box form .form_group .desc_error {
  position: absolute;
  top: 0%;
  right: 0%;
  color: red;
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
.aboutForm_container .AboutForm_container_box form .form_group .first label,
.aboutForm_container .AboutForm_container_box form .form_group .second label {
  font-size: 0.9rem;
  font-weight: 500;
  color: rgb(105, 104, 104);
  width: 100%;
}
.aboutForm_container .AboutForm_container_box form .form_group .first label sup,
.aboutForm_container .AboutForm_container_box form .form_group .second label sup {
  color: red;
  font-weight: bold;
  margin-left: 3px;
}
.aboutForm_container .AboutForm_container_box form .form_group .first label img,
.aboutForm_container .AboutForm_container_box form .form_group .second label img {
  width: 90px;
  height: 90px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 50%;
  border: 2px solid skyblue;
}
.aboutForm_container .AboutForm_container_box form .form_group input[type=file] {
  display: block;
  border: none;
  width: 100%;
  font-size: 0.7rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-weight: 550;
  outline: none;
  color: #03796f;
  cursor: pointer;
}
.aboutForm_container .AboutForm_container_box form .form_group .add_btn {
  position: static;
  right: 5%;
  top: 40%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.aboutForm_container .AboutForm_container_box form .form_group .add_btn button {
  padding: 0.2rem 1rem;
  background-color: rgb(255, 128, 10);
  border-radius: 0rem;
  font-size: 0.7rem;
  font-weight: 600;
  color: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.aboutForm_container .AboutForm_container_box form .form_group .add_btn button i {
  font-size: 0.9rem;
  font-weight: 600;
}
.aboutForm_container .AboutForm_container_box form .form_group .add_btn button:hover {
  background-color: tomato;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
}
.aboutForm_container .AboutForm_container_box form .form_group .bussiness_list {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 1rem;
  width: 100%;
  margin: 0px 10px;
}
.aboutForm_container .AboutForm_container_box form .form_group .bussiness_list .items {
  box-shadow: rgba(91, 113, 122, 0) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
  background-color: lightgreen;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
  border-radius: 0rem;
  width: 100%;
  max-width: -moz-max-content;
  max-width: max-content;
  padding: 0.3rem 1rem;
}
.aboutForm_container .AboutForm_container_box form .form_group .bussiness_list .items small {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.8rem;
  letter-spacing: 1px;
  font-weight: 500 !important;
  padding: 0.1rem 1rem;
  width: auto;
  color: #000000;
}
.aboutForm_container .AboutForm_container_box form .form_group .bussiness_list .items .delete {
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgb(255, 255, 255);
  cursor: pointer;
  background-color: rgb(255, 70, 70);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.aboutForm_container .AboutForm_container_box form .form_group .bussiness_list .items .delete i {
  font-size: 1.5rem;
}
.aboutForm_container .AboutForm_container_box form .form_group .bussiness_list .items .delete:hover {
  background-color: red;
}
@media screen and (max-width: 776px) {
  .aboutForm_container .AboutForm_container_box form .form_group {
    width: 100%;
  }
}
.aboutForm_container .AboutForm_container_box form .bussiness_group, .aboutForm_container .AboutForm_container_box form .category_group {
  grid-column: 1/-1;
}
.aboutForm_container .AboutForm_container_box form .Specialities {
  grid-column: 1/-1;
  border: none !important;
  width: 100%;
}
@media screen and (max-width: 776px) {
  .aboutForm_container .AboutForm_container_box form .Specialities {
    width: 100%;
    overflow: hidden;
  }
}
.aboutForm_container .AboutForm_container_box form .ql-editor {
  max-height: 200px;
  height: 200px;
  width: 100%;
  font-family: Arial, sans-serif;
  background-color: #e0e0e0;
  border: 1px solid #b9d5ff;
  font-size: 1rem;
  font-weight: 500;
}
@media screen and (max-width: 776px) {
  .aboutForm_container .AboutForm_container_box form .ql-editor {
    width: 100%;
  }
}
.aboutForm_container .AboutForm_container_box form .ql-toolbar {
  background-color: rgb(255, 253, 145);
  color: #ffffff !important;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  gap: 0.2rem;
}
@media screen and (max-width: 776px) {
  .aboutForm_container .AboutForm_container_box form .ql-toolbar {
    width: 100%;
  }
}
.aboutForm_container .AboutForm_container_box form .ql-picker-label svg {
  font-size: 1rem;
  fill: #4caf50 !important;
}
.aboutForm_container .AboutForm_container_box form .ql-container {
  border: none;
}
.aboutForm_container .AboutForm_container_box form .ql-toolbar .ql-picker {
  border-radius: 4px;
  padding: 4px;
}
.aboutForm_container .AboutForm_container_box form #Specialities {
  width: 100%;
}
.aboutForm_container .AboutForm_container_box form .form_submit_actions {
  display: flex;
  grid-column: 1/-1;
  width: 100%;
  align-items: center;
  justify-content: flex-end;
  gap: 10px;
  z-index: 10;
  margin: 0rem 0rem 1rem 0rem;
}
.aboutForm_container .AboutForm_container_box form .form_submit_actions button {
  outline: none;
  border: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 7px 1rem;
  border-radius: 5px;
  font-weight: 500;
  font-size: 0.9rem;
  cursor: pointer;
}
.aboutForm_container .AboutForm_container_box form .form_submit_actions button span {
  font-size: 1.2rem;
}
.aboutForm_container .AboutForm_container_box form .form_submit_actions .save {
  background-color: royalblue;
  color: #fff;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.aboutForm_container .AboutForm_container_box form .form_submit_actions .save:hover {
  background-color: rgb(105, 141, 248);
  box-shadow: 0px 4px 4px rgb(124, 124, 124);
  transition: all 0.3s ease;
}
.aboutForm_container .AboutForm_container_box form .form_submit_actions .save:hover span {
  transform: rotate(360deg);
  transition: transform 0.5s ease-in-out;
}
.aboutForm_container .AboutForm_container_box form .form_submit_actions .clear {
  background-color: tomato;
  color: #fff;
  transition: all 0.3s ease;
}
.aboutForm_container .AboutForm_container_box form .form_submit_actions .clear:hover {
  background-color: rgb(207, 83, 245);
  box-shadow: 0px 4px 4px rgb(124, 124, 124);
  transition: all 0.3s ease;
}
.aboutForm_container .AboutForm_container_box form .form_submit_actions .discard {
  background-color: rgb(138, 138, 138);
  color: #ffffff;
  transition: all 0.3s ease;
}
.aboutForm_container .AboutForm_container_box form .form_submit_actions .discard:hover {
  box-shadow: 0px 4px 4px rgb(165, 165, 165);
  background-color: rgb(92, 92, 92);
  transition: all 0.3s ease;
}
@media screen and (max-width: 700px) {
  .aboutForm_container .AboutForm_container_box form .form_submit_actions {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2rem;
  }
  .aboutForm_container .AboutForm_container_box form {
    grid-template-columns: 1fr;
    place-items: start;
  }
}
@media screen and (max-width: 776px) {
  .aboutForm_container {
    width: 100%;
    padding: 0px;
  }
}
.react-datepicker__navigation-icon::before, .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  border-color: #ccc;
  border-style: solid;
  border-width: 3px 3px 0 0;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 6px;
  width: 9px;
}
.react-datepicker-wrapper {
  display: inline-block;
  padding: 0;
  border: 0;
}

.react-datepicker {
  font-family: "Helvetica Neue", helvetica, arial, sans-serif;
  font-size: 0.8rem;
  background-color: #fff;
  color: #000;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  display: inline-block;
  position: relative;
  line-height: initial;
}

.react-datepicker--time-only .react-datepicker__time-container {
  border-left: 0;
}
.react-datepicker--time-only .react-datepicker__time,
.react-datepicker--time-only .react-datepicker__time-box {
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}

.react-datepicker-popper {
  z-index: 1;
  line-height: 0;
}
.react-datepicker-popper .react-datepicker__triangle {
  stroke: #aeaeae;
}
.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle {
  fill: #f0f0f0;
  color: #f0f0f0;
}
.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle {
  fill: #fff;
  color: #fff;
}

.react-datepicker__header {
  text-align: center;
  background-color: #f0f0f0;
  border-bottom: 1px solid #aeaeae;
  border-top-left-radius: 0.3rem;
  padding: 8px 0;
  position: relative;
}
.react-datepicker__header--time {
  padding-bottom: 8px;
  padding-left: 5px;
  padding-right: 5px;
}
.react-datepicker__header--time:not(.react-datepicker__header--time--only) {
  border-top-left-radius: 0;
}
.react-datepicker__header:not(.react-datepicker__header--has-time-select) {
  border-top-right-radius: 0.3rem;
}

.react-datepicker__year-dropdown-container--select,
.react-datepicker__month-dropdown-container--select,
.react-datepicker__month-year-dropdown-container--select,
.react-datepicker__year-dropdown-container--scroll,
.react-datepicker__month-dropdown-container--scroll,
.react-datepicker__month-year-dropdown-container--scroll {
  display: inline-block;
  margin: 0 15px;
}

.react-datepicker__current-month,
.react-datepicker-time__header,
.react-datepicker-year-header {
  margin-top: 0;
  color: #000;
  font-weight: bold;
  font-size: 0.944rem;
}

h2.react-datepicker__current-month {
  padding: 0;
  margin: 0;
}

.react-datepicker-time__header {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.react-datepicker__navigation {
  align-items: center;
  background: none;
  display: flex;
  justify-content: center;
  text-align: center;
  cursor: pointer;
  position: absolute;
  top: 2px;
  padding: 0;
  border: none;
  z-index: 1;
  height: 32px;
  width: 32px;
  text-indent: -999em;
  overflow: hidden;
}
.react-datepicker__navigation--previous {
  left: 2px;
}
.react-datepicker__navigation--next {
  right: 2px;
}
.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button) {
  right: 85px;
}
.react-datepicker__navigation--years {
  position: relative;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__navigation--years-previous {
  top: 4px;
}
.react-datepicker__navigation--years-upcoming {
  top: -4px;
}
.react-datepicker__navigation:hover *::before {
  border-color: rgb(165.75, 165.75, 165.75);
}

.react-datepicker__navigation-icon {
  position: relative;
  top: -1px;
  font-size: 20px;
  width: 0;
}
.react-datepicker__navigation-icon--next {
  left: -2px;
}
.react-datepicker__navigation-icon--next::before {
  transform: rotate(45deg);
  left: -7px;
}
.react-datepicker__navigation-icon--previous {
  right: -2px;
}
.react-datepicker__navigation-icon--previous::before {
  transform: rotate(225deg);
  right: -7px;
}

.react-datepicker__month-container {
  float: left;
}

.react-datepicker__year {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__year-wrapper {
  display: flex;
  flex-wrap: wrap;
  max-width: 180px;
}
.react-datepicker__year .react-datepicker__year-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__month {
  margin: 0.4rem;
  text-align: center;
}
.react-datepicker__month .react-datepicker__month-text,
.react-datepicker__month .react-datepicker__quarter-text {
  display: inline-block;
  width: 4rem;
  margin: 2px;
}

.react-datepicker__input-time-container {
  clear: both;
  width: 100%;
  float: left;
  margin: 5px 0 10px 15px;
  text-align: left;
}
.react-datepicker__input-time-container .react-datepicker-time__caption {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container {
  display: inline-block;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input {
  display: inline-block;
  margin-left: 10px;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input {
  width: auto;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time] {
  -moz-appearance: textfield;
}
.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter {
  margin-left: 5px;
  display: inline-block;
}

.react-datepicker__time-container {
  float: right;
  border-left: 1px solid #aeaeae;
  width: 85px;
}
.react-datepicker__time-container--with-today-button {
  display: inline;
  border: 1px solid #aeaeae;
  border-radius: 0.3rem;
  position: absolute;
  right: -87px;
  top: 0;
}
.react-datepicker__time-container .react-datepicker__time {
  position: relative;
  background: white;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box {
  width: 85px;
  overflow-x: hidden;
  margin: 0 auto;
  text-align: center;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list {
  list-style: none;
  margin: 0;
  height: calc(195px + 1.7rem / 2);
  overflow-y: scroll;
  padding-right: 0;
  padding-left: 0;
  width: 100%;
  box-sizing: content-box;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item {
  height: 30px;
  padding: 5px 10px;
  white-space: nowrap;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover {
  cursor: pointer;
  background-color: #f0f0f0;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected {
  background-color: #216ba5;
  color: white;
  font-weight: bold;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover {
  background-color: #216ba5;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled {
  color: #ccc;
}
.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover {
  cursor: default;
  background-color: transparent;
}

.react-datepicker__week-number {
  color: #ccc;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable {
  cursor: pointer;
}
.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__week-number--selected {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__week-number--selected:hover {
  background-color: rgb(28.75, 93.2196969697, 143.75);
}

.react-datepicker__day-names {
  white-space: nowrap;
  margin-bottom: -8px;
}

.react-datepicker__week {
  white-space: nowrap;
}

.react-datepicker__day-name,
.react-datepicker__day,
.react-datepicker__time-name {
  color: #000;
  display: inline-block;
  width: 1.7rem;
  line-height: 1.7rem;
  text-align: center;
  margin: 0.166rem;
}

.react-datepicker__day,
.react-datepicker__month-text,
.react-datepicker__quarter-text,
.react-datepicker__year-text {
  cursor: pointer;
}
.react-datepicker__day:not([aria-disabled=true]):hover,
.react-datepicker__month-text:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text:not([aria-disabled=true]):hover,
.react-datepicker__year-text:not([aria-disabled=true]):hover {
  border-radius: 0.3rem;
  background-color: #f0f0f0;
}
.react-datepicker__day--today,
.react-datepicker__month-text--today,
.react-datepicker__quarter-text--today,
.react-datepicker__year-text--today {
  font-weight: bold;
}
.react-datepicker__day--highlighted,
.react-datepicker__month-text--highlighted,
.react-datepicker__quarter-text--highlighted,
.react-datepicker__year-text--highlighted {
  border-radius: 0.3rem;
  background-color: #3dcc4a;
  color: #fff;
}
.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,
.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,
.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover {
  background-color: rgb(49.8551020408, 189.6448979592, 62.5632653061);
}
.react-datepicker__day--highlighted-custom-1,
.react-datepicker__month-text--highlighted-custom-1,
.react-datepicker__quarter-text--highlighted-custom-1,
.react-datepicker__year-text--highlighted-custom-1 {
  color: magenta;
}
.react-datepicker__day--highlighted-custom-2,
.react-datepicker__month-text--highlighted-custom-2,
.react-datepicker__quarter-text--highlighted-custom-2,
.react-datepicker__year-text--highlighted-custom-2 {
  color: green;
}
.react-datepicker__day--holidays,
.react-datepicker__month-text--holidays,
.react-datepicker__quarter-text--holidays,
.react-datepicker__year-text--holidays {
  position: relative;
  border-radius: 0.3rem;
  background-color: #ff6803;
  color: #fff;
}
.react-datepicker__day--holidays .overlay,
.react-datepicker__month-text--holidays .overlay,
.react-datepicker__quarter-text--holidays .overlay,
.react-datepicker__year-text--holidays .overlay {
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 4px;
  border-radius: 4px;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s ease-in-out;
}
.react-datepicker__day--holidays:not([aria-disabled=true]):hover,
.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,
.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover {
  background-color: rgb(207, 82.9642857143, 0);
}
.react-datepicker__day--holidays:hover .overlay,
.react-datepicker__month-text--holidays:hover .overlay,
.react-datepicker__quarter-text--holidays:hover .overlay,
.react-datepicker__year-text--holidays:hover .overlay {
  visibility: visible;
  opacity: 1;
}
.react-datepicker__day--selected, .react-datepicker__day--in-selecting-range, .react-datepicker__day--in-range,
.react-datepicker__month-text--selected,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--selected,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--selected,
.react-datepicker__year-text--in-selecting-range,
.react-datepicker__year-text--in-range {
  border-radius: 0.3rem;
  background-color: #216ba5;
  color: #fff;
}
.react-datepicker__day--selected:not([aria-disabled=true]):hover, .react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover, .react-datepicker__day--in-range:not([aria-disabled=true]):hover,
.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,
.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,
.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,
.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,
.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,
.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover {
  background-color: rgb(28.75, 93.2196969697, 143.75);
}
.react-datepicker__day--keyboard-selected,
.react-datepicker__month-text--keyboard-selected,
.react-datepicker__quarter-text--keyboard-selected,
.react-datepicker__year-text--keyboard-selected {
  border-radius: 0.3rem;
  background-color: rgb(186.25, 217.0833333333, 241.25);
  color: rgb(0, 0, 0);
}
.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,
.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,
.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,
.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover {
  background-color: rgb(28.75, 93.2196969697, 143.75);
}
.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range),
.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,
.react-datepicker__month-text--in-range,
.react-datepicker__quarter-text--in-range,
.react-datepicker__year-text--in-range) {
  background-color: rgba(33, 107, 165, 0.5);
}
.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range), .react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range),
.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,
.react-datepicker__month-text--in-selecting-range,
.react-datepicker__quarter-text--in-selecting-range,
.react-datepicker__year-text--in-selecting-range) {
  background-color: #f0f0f0;
  color: #000;
}
.react-datepicker__day--disabled,
.react-datepicker__month-text--disabled,
.react-datepicker__quarter-text--disabled,
.react-datepicker__year-text--disabled {
  cursor: default;
  color: #ccc;
}
.react-datepicker__day--disabled .overlay,
.react-datepicker__month-text--disabled .overlay,
.react-datepicker__quarter-text--disabled .overlay,
.react-datepicker__year-text--disabled .overlay {
  position: absolute;
  bottom: 70%;
  left: 50%;
  transform: translateX(-50%);
  background-color: #333;
  color: #fff;
  padding: 4px;
  border-radius: 4px;
  white-space: nowrap;
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s, opacity 0.3s ease-in-out;
}

.react-datepicker__input-container {
  position: relative;
  display: inline-block;
  width: 100%;
}
.react-datepicker__input-container .react-datepicker__calendar-icon {
  position: absolute;
  padding: 0.5rem;
  box-sizing: content-box;
}

.react-datepicker__view-calendar-icon input {
  padding: 6px 10px 5px 25px;
}

.react-datepicker__year-read-view,
.react-datepicker__month-read-view,
.react-datepicker__month-year-read-view {
  border: 1px solid transparent;
  border-radius: 0.3rem;
  position: relative;
}
.react-datepicker__year-read-view:hover,
.react-datepicker__month-read-view:hover,
.react-datepicker__month-year-read-view:hover {
  cursor: pointer;
}
.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow {
  border-top-color: rgb(178.5, 178.5, 178.5);
}
.react-datepicker__year-read-view--down-arrow,
.react-datepicker__month-read-view--down-arrow,
.react-datepicker__month-year-read-view--down-arrow {
  transform: rotate(135deg);
  right: -16px;
  top: 0;
}

.react-datepicker__year-dropdown,
.react-datepicker__month-dropdown,
.react-datepicker__month-year-dropdown {
  background-color: #f0f0f0;
  position: absolute;
  width: 50%;
  left: 25%;
  top: 30px;
  z-index: 1;
  text-align: center;
  border-radius: 0.3rem;
  border: 1px solid #aeaeae;
}
.react-datepicker__year-dropdown:hover,
.react-datepicker__month-dropdown:hover,
.react-datepicker__month-year-dropdown:hover {
  cursor: pointer;
}
.react-datepicker__year-dropdown--scrollable,
.react-datepicker__month-dropdown--scrollable,
.react-datepicker__month-year-dropdown--scrollable {
  height: 150px;
  overflow-y: scroll;
}

.react-datepicker__year-option,
.react-datepicker__month-option,
.react-datepicker__month-year-option {
  line-height: 20px;
  width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.react-datepicker__year-option:first-of-type,
.react-datepicker__month-option:first-of-type,
.react-datepicker__month-year-option:first-of-type {
  border-top-left-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}
.react-datepicker__year-option:last-of-type,
.react-datepicker__month-option:last-of-type,
.react-datepicker__month-year-option:last-of-type {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border-bottom-left-radius: 0.3rem;
  border-bottom-right-radius: 0.3rem;
}
.react-datepicker__year-option:hover,
.react-datepicker__month-option:hover,
.react-datepicker__month-year-option:hover {
  background-color: #ccc;
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming {
  border-bottom-color: rgb(178.5, 178.5, 178.5);
}
.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,
.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous {
  border-top-color: rgb(178.5, 178.5, 178.5);
}
.react-datepicker__year-option--selected,
.react-datepicker__month-option--selected,
.react-datepicker__month-year-option--selected {
  position: absolute;
  left: 15px;
}

.react-datepicker__close-icon {
  cursor: pointer;
  background-color: transparent;
  border: 0;
  outline: 0;
  padding: 0 6px 0 0;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  display: table-cell;
  vertical-align: middle;
}
.react-datepicker__close-icon::after {
  cursor: pointer;
  background-color: #216ba5;
  color: #fff;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  padding: 2px;
  font-size: 12px;
  line-height: 1;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  content: "×";
}
.react-datepicker__close-icon--disabled {
  cursor: default;
}
.react-datepicker__close-icon--disabled::after {
  cursor: default;
  background-color: #ccc;
}

.react-datepicker__today-button {
  background: #f0f0f0;
  border-top: 1px solid #aeaeae;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  padding: 5px 0;
  clear: left;
}

.react-datepicker__portal {
  position: fixed;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.8);
  left: 0;
  top: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  z-index: 2147483647;
}
.react-datepicker__portal .react-datepicker__day-name,
.react-datepicker__portal .react-datepicker__day,
.react-datepicker__portal .react-datepicker__time-name {
  width: 3rem;
  line-height: 3rem;
}
@media (max-width: 400px), (max-height: 550px) {
  .react-datepicker__portal .react-datepicker__day-name,
  .react-datepicker__portal .react-datepicker__day,
  .react-datepicker__portal .react-datepicker__time-name {
    width: 2rem;
    line-height: 2rem;
  }
}
.react-datepicker__portal .react-datepicker__current-month,
.react-datepicker__portal .react-datepicker-time__header {
  font-size: 1.44rem;
}

.react-datepicker__children-container {
  width: 13.8rem;
  margin: 0.4rem;
  padding-right: 0.2rem;
  padding-left: 0.2rem;
  height: auto;
}

.react-datepicker__aria-live {
  position: absolute;
  clip-path: circle(0);
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  width: 1px;
  white-space: nowrap;
}

.react-datepicker__calendar-icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
}
.socialmedia_component {
  width: 100%;
  height: 100%;
  padding: 1rem;
  position: relative;
}
.socialmedia_component .title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.socialmedia_component .title h6 {
  font-weight: 550;
}
.socialmedia_component .title .note small {
  font-size: 0.8rem;
  color: rgb(136, 136, 136);
}
.socialmedia_component .title .note small span:nth-child(1) {
  color: red;
  font-weight: bold;
  padding-right: 10px;
}
.socialmedia_component .title .note small span:nth-child(2) {
  color: rgb(40, 139, 102);
  font-weight: bold;
}
.socialmedia_component .title .note small span:nth-child(3) {
  color: rgb(98, 101, 245);
  font-weight: 550;
}
.socialmedia_component .all_socialmedias {
  width: 100%;
  padding: 1rem;
}
.socialmedia_component .all_socialmedias form {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  place-items: center;
  margin: auto;
}
.socialmedia_component .all_socialmedias form .form_group {
  width: 100%;
  height: 40px;
  display: flex;
  align-self: flex-start;
  flex-direction: column;
  justify-content: flex-start;
  gap: 0rem;
  position: relative;
}
.socialmedia_component .all_socialmedias form .form_group label {
  height: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  font-size: 0.7rem;
  font-weight: 600;
  padding: 5px 0px;
  color: rgb(73, 73, 73);
}
.socialmedia_component .all_socialmedias form .form_group label i {
  height: 100%;
  font-size: 2.5rem;
  display: flex;
  align-self: center;
  justify-content: flex-start;
  vertical-align: middle;
}
.socialmedia_component .all_socialmedias form .form_group label sub {
  color: tomato;
  font-size: 0.6rem;
  font-weight: 550;
}
.socialmedia_component .all_socialmedias form .form_group input {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px 1rem 15px 3rem;
  border: 1px solid rgb(190, 190, 190);
  outline: none;
  border-radius: 5px;
  width: 100%;
  position: relative;
  color: rgb(70, 70, 70);
  font-size: 1rem;
}
.socialmedia_component .all_socialmedias form .form_group input::-moz-placeholder {
  font-size: 0.8rem;
  color: gray;
}
.socialmedia_component .all_socialmedias form .form_group input::placeholder {
  font-size: 0.8rem;
  color: gray;
}
.socialmedia_component .all_socialmedias form .form_group #WhatsUp {
  border: 1px solid rgb(190, 190, 190) !important;
}
.socialmedia_component .all_socialmedias form .form_group .icon {
  position: absolute;
  top: 65%;
  left: 0%;
  background-color: rgb(255, 255, 255);
  border: 1px solid rgb(190, 190, 190);
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-radius: 5px;
}
.socialmedia_component .all_socialmedias form .form_group .icon i {
  height: 100%;
  font-size: 2.4rem;
  display: flex;
  align-self: center;
  justify-content: flex-start;
  vertical-align: middle;
}
.socialmedia_component .all_socialmedias form .form_group .input_error {
  border: 1px solid red !important;
  border-radius: 5px;
}
.socialmedia_component .all_socialmedias form .form_group .input_success {
  border: 1px solid rgb(110, 110, 110) !important;
  border-radius: 5px;
}
.socialmedia_component .all_socialmedias form .form_group .error {
  position: absolute;
  top: -5%;
  right: 3%;
  color: red;
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
.socialmedia_component .all_socialmedias form .form_group:nth-child(1) .icon i {
  color: #0866FF;
}
.socialmedia_component .all_socialmedias form .form_group:nth-child(2) .icon i {
  color: #43ad6c;
}
.socialmedia_component .all_socialmedias form .form_group:nth-child(3) .icon i {
  color: #5C5EC1;
}
.socialmedia_component .all_socialmedias form .form_group:nth-child(4) .icon i {
  color: #6185fd;
}
.socialmedia_component .all_socialmedias form .form_group:nth-child(5) .icon i {
  color: #03A9F4;
}
.socialmedia_component .all_socialmedias form .form_group:nth-child(6) .icon i {
  color: #363636;
}
.socialmedia_component .all_socialmedias form .form_group:nth-child(7) .icon i {
  color: #FF3D00;
}
.socialmedia_component .all_socialmedias form .form_submit_actions {
  display: flex;
  align-items: center;
  width: 100%;
  grid-column: 1/-1;
  justify-content: flex-end;
  gap: 1rem;
}
.socialmedia_component .all_socialmedias form .form_submit_actions .save button {
  outline: none;
  border: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 7px 1rem;
  border-radius: 5px;
  font-weight: 500;
  font-size: 0.9rem;
  background-color: royalblue;
  color: #fff;
  transition: all 0.3s ease;
}
.socialmedia_component .all_socialmedias form .form_submit_actions .save button span {
  font-size: 1.2rem;
}
.socialmedia_component .all_socialmedias form .form_submit_actions .save button:hover {
  background-color: rgb(105, 141, 248);
  box-shadow: 0px 4px 4px rgb(124, 124, 124);
  transition: all 0.3s ease;
}
.socialmedia_component .all_socialmedias form .form_submit_actions .save button:hover span {
  transform: rotate(360deg);
  transition: transform 0.5s ease-in-out;
}
.socialmedia_component .all_socialmedias form .form_submit_actions .discard button {
  outline: none;
  padding: 8px 1rem;
  border: transparent;
  background-color: #727272;
  border-radius: 5px;
  color: #fff;
  transition: all 0.3s ease;
}
.socialmedia_component .all_socialmedias form .form_submit_actions .discard button:hover {
  background-color: #9c9c9c;
  transition: all 0.3s ease;
}
@media screen and (max-width: 700px) {
  .socialmedia_component .all_socialmedias form .form_submit_actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 1rem;
  }
  .socialmedia_component .all_socialmedias form {
    grid-template-columns: 1fr;
    place-items: center;
  }
}
@media screen and (max-width: 600px) {
  .socialmedia_component .all_socialmedias {
    margin: auto;
    width: 100%;
    padding: 0px;
  }
}
@media screen and (max-width: 776px) {
  .socialmedia_component {
    width: 100%;
    padding: 0px;
  }
}.update_service_container {
  width: 100%;
  height: 100%;
  padding: 1rem;
}
.update_service_container .service_title {
  width: 100%;
  display: flex;
  grid-column: 1/-1;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 1rem;
}
.update_service_container .service_title h4 {
  font-size: 1.2rem;
  font-weight: 550;
  color: #525252;
}
.update_service_container .add_new_service {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  padding: 2px;
}
.update_service_container .add_new_service button {
  display: flex;
  align-items: center;
  justify-content: center;
  outline: none;
  border: transparent;
  border-radius: 5px;
  padding: 7px 1rem;
  font-size: 0.9rem;
  font-weight: 500;
  background-color: #6571ff;
  color: #fff;
  transition: all 0.3s ease;
}
.update_service_container .add_new_service button i {
  font-size: 1.4rem;
  font-weight: 550;
}
.update_service_container .add_new_service button:hover {
  box-shadow: 0px 2px 3px rgb(0, 0, 0.1);
  background-color: #6571ff;
  color: rgb(255, 255, 255);
  font-weight: 500;
  transition: all 0.3s ease;
}
.update_service_container .plan_based_service_add_note {
  margin-top: 1rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.update_service_container .plan_based_service_add_note .note {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.update_service_container .plan_based_service_add_note .note i {
  font-size: 1.3rem;
  color: rgb(94, 94, 94);
}
.update_service_container .plan_based_service_add_note .note small {
  font-size: 0.8rem;
  font-weight: 550;
  color: #427dfa;
}
.update_service_container .plan_based_service_add_note .note small strong {
  color: #464545;
}
.update_service_container .All_service_container {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 0.5rem;
  place-items: start;
  margin: 1rem auto;
}
.update_service_container .All_service_container .video_box {
  width: 250px;
  height: auto;
  background-color: rgb(243, 243, 243);
  border-radius: 0.5rem;
  box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
  margin: auto;
}
.update_service_container .All_service_container .video_box .video_header {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  width: 100%;
}
.update_service_container .All_service_container .video_box .video_header h2 {
  font-size: 0.9rem;
  font-weight: 550;
  color: royalblue;
}
.update_service_container .All_service_container .video_box .video {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}
.update_service_container .All_service_container .video_box .video iframe {
  width: 100%;
  height: 140px;
  border-radius: 0.6rem;
}
.update_service_container .All_service_container .video_box .video img {
  width: 100%;
  box-shadow: rgba(14, 63, 126, 0.04) 0px 0px 0px 1px, rgba(42, 51, 69, 0.04) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.04) 0px 6px 6px -3px, rgba(14, 63, 126, 0.04) 0px 12px 12px -6px, rgba(14, 63, 126, 0.04) 0px 24px 24px -12px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: centers;
     object-position: centers;
  height: 120px;
}
.update_service_container .All_service_container .video_box .product_details {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-start;
  gap: 10px;
  padding: 0.5rem;
  width: 100%;
}
.update_service_container .All_service_container .video_box .product_details .detail {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 10px;
  flex: 1;
  width: 100%;
}
.update_service_container .All_service_container .video_box .product_details .detail .title {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 3px;
  flex: 0.4;
}
.update_service_container .All_service_container .video_box .product_details .detail .title h5 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 0.8rem;
  font-weight: 550;
}
.update_service_container .All_service_container .video_box .product_details .detail .data {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 4px;
  flex: 0.6;
}
.update_service_container .All_service_container .video_box .product_details .detail .data small {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-weight: bold;
  font-size: 0.8rem;
}
.update_service_container .All_service_container .video_box .product_details .detail .data p {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 0.7rem;
  font-weight: 500;
}
.update_service_container .All_service_container .video_box .icon_actions {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1rem;
  height: 50px;
}
.update_service_container .All_service_container .video_box .icon_actions .edit,
.update_service_container .All_service_container .video_box .icon_actions .delete, .update_service_container .All_service_container .video_box .icon_actions .show {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  flex-direction: column;
}
.update_service_container .All_service_container .video_box .icon_actions .edit i,
.update_service_container .All_service_container .video_box .icon_actions .delete i, .update_service_container .All_service_container .video_box .icon_actions .show i {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-size: 1.5rem;
  margin-right: 10px;
  cursor: pointer;
  transition: all 0.3s ease-in;
}
.update_service_container .All_service_container .video_box .icon_actions .edit i:hover,
.update_service_container .All_service_container .video_box .icon_actions .delete i:hover, .update_service_container .All_service_container .video_box .icon_actions .show i:hover {
  scale: 1.1;
  filter: drop-shadow(0px 3px 4px rgba(0, 0, 0, 0.3));
  transition: all 0.3s ease-in;
}
.update_service_container .All_service_container .video_box .icon_actions .edit small,
.update_service_container .All_service_container .video_box .icon_actions .delete small, .update_service_container .All_service_container .video_box .icon_actions .show small {
  font-size: 0.6rem;
  font-weight: 550;
}
.update_service_container .All_service_container .video_box:hover {
  background-color: rgb(231, 231, 231);
}
.update_service_container .All_service_container .note {
  width: 100% !important;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.update_service_container .All_service_container .note small {
  font-size: 0.9rem;
  font-weight: 550;
  color: gray;
}
.update_service_container .deleteall_btn {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 1rem;
}
.update_service_container .deleteall_btn button {
  padding: 0.4rem 1rem;
  background-color: tomato;
  color: #fff;
  font-size: 0.8rem;
  font-weight: 550;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.update_service_container .deleteall_btn button:hover {
  background-color: rgb(255, 81, 50);
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
}
.update_service_container .service_list_table {
  margin: 0.2rem auto;
  padding: 1rem 0.2rem;
  width: 100%;
}
.update_service_container .service_list_table table {
  min-width: 100%;
  border-collapse: collapse;
}
.update_service_container .service_list_table table thead tr th {
  text-align: center;
  padding: 0.7rem 0.5rem;
  font-size: 0.7rem;
  background-color: #427dfa !important;
  font-weight: 550 !important;
  letter-spacing: 1px;
  color: rgb(255, 255, 255);
  background-color: rgb(248, 248, 248);
}
.update_service_container .service_list_table table tbody p {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 10px;
  width: 100%;
  font-size: 0.8rem;
  font-weight: 550;
  color: tomato;
  vertical-align: middle;
}
.update_service_container .service_list_table table tbody tr td {
  padding: 0.5rem;
  font-size: 0.8rem;
  text-align: center;
  font-weight: bold;
  background-color: rgb(199, 255, 199);
  color: rgb(43, 43, 43);
  border-top: 1px solid #dddddd;
}
.update_service_container .service_list_table table tbody tr td i {
  color: royalblue;
  font-size: 2rem;
}
.update_service_container .service_list_table table tbody tr td img {
  width: 90px;
  height: 60px;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
  border: 1px solid rgb(163, 243, 243);
  border-radius: 0.5rem;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.update_service_container .service_list_table table tbody tr td i {
  font-size: 1.5rem;
  margin-right: 10px;
  cursor: pointer;
}
.update_service_container .service_list_table table tbody tr td i:hover {
  filter: drop-shadow(0px 3px 4px rgba(0, 0, 0, 0.3));
}
.update_service_container .service_list_table table tbody tr td a {
  text-decoration: none;
}
@media screen and (max-width: 600px) {
  .update_service_container .service_list_table table {
    min-width: 250%;
  }
}
.update_service_container #shadow_background {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 8%;
  left: 0%;
  background-color: rgba(61, 61, 61, 0.6039215686);
  transition: all 0.4s ease-in;
  overflow-y: scroll;
}
.update_service_container #shadow_background::-webkit-scrollbar {
  width: 4px;
  background-color: rgba(61, 61, 61, 0.6039215686);
}
.update_service_container #shadow_background::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #6571ff;
}
.update_service_container .create_new_service_container {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.update_service_container .create_new_service_container .create_new_service_box {
  position: relative;
  width: 100%;
  margin: 1rem auto;
  padding: 1rem 1rem 3rem 1rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  place-items: center;
  min-width: 100%;
  height: auto;
  max-height: auto;
  overflow-y: scroll;
  transition: all 0.4s ease;
  background-color: #fff;
  box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  z-index: 700;
}
.update_service_container .create_new_service_container .create_new_service_box .title {
  display: flex;
  align-self: center;
  justify-content: space-between;
  width: 100%;
  height: 50px;
  border-bottom: 1px solid rgb(231, 231, 231);
}
.update_service_container .create_new_service_container .create_new_service_box .title p {
  font-weight: 500;
  font-size: 1.1rem;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.update_service_container .create_new_service_container .create_new_service_box .title i {
  font-size: 2rem;
  color: gray;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.update_service_container .create_new_service_container .create_new_service_box .title i:hover {
  color: red;
}
.update_service_container .create_new_service_container .create_new_service_box .ServiceNew_Form {
  margin: 1rem auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem 1.5rem;
  width: 100%;
  margin: auto;
}
.update_service_container .create_new_service_container .create_new_service_box .ServiceNew_Form .image_upload_type {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-start;
  margin: auto;
  width: 100%;
  height: 100%;
}
.update_service_container .create_new_service_container .create_new_service_box .ServiceNew_Form .image_upload_type .banner_type {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.update_service_container .create_new_service_container .create_new_service_box .ServiceNew_Form .image_upload_type .banner_type label {
  font-size: 0.8rem;
  font-weight: 580;
  color: rgb(94, 94, 94);
}
@media screen and (max-width: 776px) {
  .update_service_container .create_new_service_container .create_new_service_box .ServiceNew_Form .image_upload_type .banner_type label {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 1rem 0px;
  }
}
.update_service_container .create_new_service_container .create_new_service_box .ServiceNew_Form .image_upload_type .banner_type select {
  font-size: 0.8rem;
  color: royalblue;
  border: 1px solid gray;
  padding: 8px 1rem;
  width: 50%;
  outline: none;
  border: 1px solid rgb(185, 185, 185);
  border-radius: 5px;
  color: rgb(87, 87, 87);
  font-weight: 500;
  position: relative;
  cursor: pointer;
}
.update_service_container .create_new_service_container .create_new_service_box .ServiceNew_Form .image_upload_type .banner_type select option {
  font-weight: 500;
  color: rgb(83, 83, 83);
}
@media screen and (max-width: 776px) {
  .update_service_container .create_new_service_container .create_new_service_box .ServiceNew_Form .image_upload_type .banner_type select {
    width: 100%;
  }
}
@media screen and (max-width: 700px) {
  .update_service_container .create_new_service_container .create_new_service_box .ServiceNew_Form .image_upload_type .banner_type {
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
  }
}
.update_service_container .create_new_service_container .create_new_service_box .ServiceNew_Form .image_upload_type .serviceImage {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  margin-bottom: 1rem;
  position: relative;
}
.update_service_container .create_new_service_container .create_new_service_box .ServiceNew_Form .image_upload_type .serviceImage label {
  font-size: 0.9rem;
  font-weight: 500;
  position: relative;
}
.update_service_container .create_new_service_container .create_new_service_box .ServiceNew_Form .image_upload_type .serviceImage label sup {
  color: red;
}
.update_service_container .create_new_service_container .create_new_service_box .ServiceNew_Form .image_upload_type .serviceImage label img {
  width: 150px;
  height: 100px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border: 1px solid rgb(165, 165, 165);
  border-radius: 5px;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.3));
}
.update_service_container .create_new_service_container .create_new_service_box .ServiceNew_Form .image_upload_type .serviceImage label i {
  position: absolute;
  font-size: 1.6rem;
  right: 0%;
  top: -15%;
  color: #6571ff;
}
.update_service_container .create_new_service_container .create_new_service_box .ServiceNew_Form .image_upload_type .serviceImage small {
  font-size: 0.7rem;
  font-weight: 500;
  color: gray;
}
.update_service_container .create_new_service_container .create_new_service_box .ServiceNew_Form .image_upload_type .serviceImage p {
  font-size: 0.8rem;
  font-weight: 500;
}
.update_service_container .create_new_service_container .create_new_service_box .ServiceNew_Form .image_upload_type .serviceImage p strong {
  color: red;
}
.update_service_container .create_new_service_container .create_new_service_box .ServiceNew_Form .image_upload_type .serviceImage .quill {
  border: none !important;
  outline: none !important;
}
.update_service_container .create_new_service_container .create_new_service_box .ServiceNew_Form .image_upload_type .serviceImage input {
  padding: 10px 1rem;
  border: 1px solid rgb(165, 165, 165);
  outline: none;
  border-radius: 5px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.update_service_container .create_new_service_container .create_new_service_box .ServiceNew_Form .image_upload_type .serviceImage input::-moz-placeholder {
  font-size: 0.8rem;
}
.update_service_container .create_new_service_container .create_new_service_box .ServiceNew_Form .image_upload_type .serviceImage input::placeholder {
  font-size: 0.8rem;
}
.update_service_container .create_new_service_container .create_new_service_box .ServiceNew_Form .image_upload_type .serviceImage .input_error {
  border: 1px solid rgb(255, 81, 81) !important;
  border-radius: 5px;
}
.update_service_container .create_new_service_container .create_new_service_box .ServiceNew_Form .image_upload_type .serviceImage .error {
  position: absolute;
  bottom: -25%;
  right: 3%;
  color: red;
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
.update_service_container .create_new_service_container .create_new_service_box .ServiceNew_Form .image_upload_type .serviceImage .desc_error {
  position: absolute;
  bottom: -10%;
  right: 3%;
  color: red;
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
.update_service_container .create_new_service_container .create_new_service_box .ServiceNew_Form .image_upload_type .serviceImage .profile_error, .update_service_container .create_new_service_container .create_new_service_box .ServiceNew_Form .image_upload_type .serviceImage .banner_error {
  position: relative;
  font-weight: 500;
  color: red;
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
.update_service_container .create_new_service_container .create_new_service_box .ServiceNew_Form .image_upload_type .serviceImage input[type=file] {
  border: none;
  width: 100%;
  font-size: 0.7rem;
  display: flex;
  align-items: center;
  justify-content: flex-start !important;
  font-weight: 550;
  outline: none;
  color: #03796f;
  cursor: pointer;
}
.update_service_container .create_new_service_container .create_new_service_box .ServiceNew_Form .image_upload_type .serviceImage textarea {
  padding: 10px 1rem;
  border: 1px solid rgb(165, 165, 165);
  outline: none;
  border-radius: 5px;
  width: 100%;
}
.update_service_container .create_new_service_container .create_new_service_box .ServiceNew_Form .image_upload_type .serviceImage textarea::-moz-placeholder {
  font-size: 0.8rem;
}
.update_service_container .create_new_service_container .create_new_service_box .ServiceNew_Form .image_upload_type .serviceImage textarea::placeholder {
  font-size: 0.8rem;
}
.update_service_container .create_new_service_container .create_new_service_box .ServiceNew_Form .form_group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  margin-bottom: 0.2rem;
  position: relative;
}
.update_service_container .create_new_service_container .create_new_service_box .ServiceNew_Form .form_group label {
  font-size: 0.9rem;
  font-weight: 500;
  position: relative;
}
.update_service_container .create_new_service_container .create_new_service_box .ServiceNew_Form .form_group label sup {
  color: red;
}
.update_service_container .create_new_service_container .create_new_service_box .ServiceNew_Form .form_group label img {
  width: 150px;
  height: 100px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border: 1px solid rgb(165, 165, 165);
  border-radius: 5px;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.3));
}
.update_service_container .create_new_service_container .create_new_service_box .ServiceNew_Form .form_group label i {
  position: absolute;
  font-size: 1.6rem;
  right: 0%;
  top: -15%;
  color: #6571ff;
}
.update_service_container .create_new_service_container .create_new_service_box .ServiceNew_Form .form_group small {
  font-size: 0.7rem;
  font-weight: 500;
  color: gray;
}
.update_service_container .create_new_service_container .create_new_service_box .ServiceNew_Form .form_group p {
  font-size: 0.8rem;
  font-weight: 500;
}
.update_service_container .create_new_service_container .create_new_service_box .ServiceNew_Form .form_group p strong {
  color: red;
}
.update_service_container .create_new_service_container .create_new_service_box .ServiceNew_Form .form_group input {
  padding: 10px 1rem;
  border: 1px solid rgb(165, 165, 165);
  outline: none;
  border-radius: 5px;
  width: 100%;
}
.update_service_container .create_new_service_container .create_new_service_box .ServiceNew_Form .form_group input::-moz-placeholder {
  font-size: 0.8rem;
}
.update_service_container .create_new_service_container .create_new_service_box .ServiceNew_Form .form_group input::placeholder {
  font-size: 0.8rem;
}
.update_service_container .create_new_service_container .create_new_service_box .ServiceNew_Form .form_group .input_error {
  border: 1px solid rgb(255, 81, 81) !important;
  border-radius: 5px;
}
.update_service_container .create_new_service_container .create_new_service_box .ServiceNew_Form .form_group .error {
  position: absolute;
  top: -5%;
  right: 3%;
  color: red;
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
.update_service_container .create_new_service_container .create_new_service_box .ServiceNew_Form .form_group .desc_error {
  position: absolute;
  top: 0%;
  right: 3%;
  color: red;
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
.update_service_container .create_new_service_container .create_new_service_box .ServiceNew_Form .form_group .profile_error, .update_service_container .create_new_service_container .create_new_service_box .ServiceNew_Form .form_group .banner_error {
  position: relative;
  font-weight: 500;
  color: red;
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
.update_service_container .create_new_service_container .create_new_service_box .ServiceNew_Form .form_group input[type=file] {
  display: block;
  border: none;
  width: 100%;
  font-size: 0.7rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 550;
  outline: none;
  color: #03796f;
  cursor: pointer;
  margin: auto;
}
@media screen and (max-width: 700px) {
  .update_service_container .create_new_service_container .create_new_service_box .ServiceNew_Form .form_group {
    width: 100%;
    margin: auto;
  }
}
.update_service_container .create_new_service_container .create_new_service_box .ServiceNew_Form .Service_URL {
  grid-column: 1/-1;
}
.update_service_container .create_new_service_container .create_new_service_box .ServiceNew_Form .url_link_input_group {
  width: 100% !important;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  gap: 10px;
  margin: 0.5rem 0px;
}
.update_service_container .create_new_service_container .create_new_service_box .ServiceNew_Form .url_link_input_group img {
  width: 90px;
  max-width: 90px;
  height: 90px;
  max-height: 90px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 1rem;
  border: 1px solid gray;
  margin-bottom: 15px;
}
.update_service_container .create_new_service_container .create_new_service_box .ServiceNew_Form .url_link_input_group .banner_address_image {
  width: 150px;
  height: 90px;
  max-width: 150px;
  max-height: 90px;
  border-radius: 10px;
  -o-object-fit: cover;
     object-fit: cover;
  border: 1px solid gray;
  margin-bottom: 15px;
}
.update_service_container .create_new_service_container .create_new_service_box .ServiceNew_Form .url_link_input_group label {
  font-size: 0.6rem;
  font-weight: 550;
}
.update_service_container .create_new_service_container .create_new_service_box .ServiceNew_Form .url_link_input_group input {
  padding: 0.6rem 1rem !important;
  font-size: 0.7rem;
  position: relative;
}
.update_service_container .create_new_service_container .create_new_service_box .ServiceNew_Form .url_link_input_group .clear_action {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 1rem;
}
.update_service_container .create_new_service_container .create_new_service_box .ServiceNew_Form .url_link_input_group .clear_action .clear_btn {
  background-color: tomato;
  color: #fff;
  font-size: 0.9rem;
  padding: 0.2rem 1rem;
  outline: none;
  border: none;
  border-radius: 0.2rem;
  cursor: pointer;
  font-weight: 550;
  transition: all 0.5s ease;
}
.update_service_container .create_new_service_container .create_new_service_box .ServiceNew_Form .url_link_input_group .clear_action .clear_btn:hover {
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
  transition: all 0.5s ease;
}
.update_service_container .create_new_service_container .create_new_service_box .ServiceNew_Form .form_submit_actions {
  display: flex;
  grid-column: 1/-1;
  align-items: center;
  width: 100%;
  justify-content: flex-end;
  gap: 1rem;
}
.update_service_container .create_new_service_container .create_new_service_box .ServiceNew_Form .form_submit_actions .save button {
  outline: none;
  padding: 6px 2rem;
  border: transparent;
  background-color: #6571ff;
  border-radius: 5px;
  color: #fff;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.update_service_container .create_new_service_container .create_new_service_box .ServiceNew_Form .form_submit_actions .save button:hover {
  background-color: #8992fc;
  transition: all 0.3s ease;
}
.update_service_container .create_new_service_container .create_new_service_box .ServiceNew_Form .form_submit_actions .discard button {
  outline: none;
  padding: 6px 2rem;
  border: transparent;
  background-color: #727272;
  border-radius: 5px;
  color: #fff;
  transition: all 0.3s ease;
}
.update_service_container .create_new_service_container .create_new_service_box .ServiceNew_Form .form_submit_actions .discard button:hover {
  background-color: #9c9c9c;
  transition: all 0.3s ease;
}
@media screen and (max-width: 700px) {
  .update_service_container .create_new_service_container .create_new_service_box .ServiceNew_Form {
    display: grid;
    grid-template-columns: 1fr;
    margin: auto;
  }
}
.update_service_container .create_new_service_container .create_new_service_box::-webkit-scrollbar {
  display: block;
  width: 5px;
  height: 4px;
  border-radius: 4px;
  background-color: #fff;
}
.update_service_container .create_new_service_container .create_new_service_box::-webkit-scrollbar-thumb {
  width: 5px;
  height: 4px;
  border-radius: 4px;
  background-color: rgb(216, 216, 216);
}
@media screen and (max-width: 700px) {
  .update_service_container .create_new_service_container .create_new_service_box {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
    margin: auto;
    padding: 0px;
    box-shadow: none;
  }
}
.update_service_container .view_new_service_container .view_new_service_box {
  position: fixed;
  top: 15%;
  left: 50%;
  transform: translate(-50%, -10%);
  width: 30%;
  margin: 1rem auto;
  padding: 1rem;
  place-items: center;
  min-width: 400px;
  height: auto;
  background-color: #fff;
  box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
}
.update_service_container .view_new_service_container .view_new_service_box .title {
  display: flex;
  align-self: center;
  justify-content: space-between;
  width: 100%;
  height: 50px;
  border-bottom: 1px solid rgb(231, 231, 231);
}
.update_service_container .view_new_service_container .view_new_service_box .title p {
  font-weight: 550;
  font-size: 1.1rem;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.update_service_container .view_new_service_container .view_new_service_box .title i {
  font-size: 2rem;
  color: gray;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.update_service_container .view_new_service_container .view_new_service_box .title i:hover {
  color: red;
}
.update_service_container .view_new_service_container .view_new_service_box .details_container {
  padding: 1rem 5px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
}
.update_service_container .view_new_service_container .view_new_service_box .details_container .service_image {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0px;
}
.update_service_container .view_new_service_container .view_new_service_box .details_container .service_image .service_title {
  font-size: 0.9rem;
  font-weight: 550;
  color: #646363;
}
.update_service_container .view_new_service_container .view_new_service_box .details_container .service_image .service_image {
  padding: 10px 0.5rem;
}
.update_service_container .view_new_service_container .view_new_service_box .details_container .service_image .service_image img {
  width: 150px;
  height: 80px;
  border-radius: 10px;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.update_service_container .view_new_service_container .view_new_service_box .details_container .service_name {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0px;
}
.update_service_container .view_new_service_container .view_new_service_box .details_container .service_name .service_title {
  font-size: 0.9rem;
  font-weight: 550;
  color: #646363;
}
.update_service_container .view_new_service_container .view_new_service_box .details_container .service_name .name {
  padding: 10px 0.5rem;
}
.update_service_container .view_new_service_container .view_new_service_box .details_container .service_name .name p {
  font-size: 0.8rem;
  font-weight: 550;
}
.update_service_container .view_new_service_container .view_new_service_box .details_container .service_desc {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0px;
}
.update_service_container .view_new_service_container .view_new_service_box .details_container .service_desc .service_title {
  font-size: 0.9rem;
  font-weight: 550;
  color: #646363;
}
.update_service_container .view_new_service_container .view_new_service_box .details_container .service_desc .name {
  padding: 10px 0.5rem;
}
.update_service_container .view_new_service_container .view_new_service_box .details_container .service_desc .name p {
  font-size: 0.8rem;
  font-weight: 550;
}
.update_service_container .view_new_service_container .view_new_service_box .details_container .service_url {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0px;
}
.update_service_container .view_new_service_container .view_new_service_box .details_container .service_url .service_title {
  font-size: 0.9rem;
  font-weight: 550;
  color: #646363;
}
.update_service_container .view_new_service_container .view_new_service_box .details_container .service_url .name {
  padding: 10px 0.5rem;
}
.update_service_container .view_new_service_container .view_new_service_box .details_container .service_url .name a {
  text-decoration: none;
  font-size: 0.8rem;
}
@media screen and (max-width: 776px) {
  .update_service_container .view_new_service_container .view_new_service_box {
    padding: 10px;
    width: 95%;
    min-width: 80%;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .update_service_container {
    padding: 0px;
  }
}

#serviceOpen {
  display: block;
  height: auto;
  scale: 1;
  z-index: 800;
  transition: all 0.4s ease-in;
}

#serviceClose {
  display: none;
  scale: 0.9;
  transition: all 0.2s ease-in;
}

#serviceUpdateOpen {
  display: block;
  z-index: 800;
  scale: 1;
  transition: all 0.4s ease-in;
}

#serviceUpdateClose {
  display: none;
  scale: 0.9;
  transition: all 0.2s ease-in;
}.product_container {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 1rem;
}
.product_container .product_title {
  width: 100%;
  display: flex;
  grid-column: 1/-1;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 0rem;
}
.product_container .product_title h4 {
  font-size: 1.2rem;
  font-weight: 550;
  color: #525252;
}
.product_container .add_new_product {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
}
.product_container .add_new_product button {
  outline: none;
  border: transparent;
  border-radius: 5px;
  padding: 7px 1rem;
  font-weight: 500;
  background-color: #6571ff;
  color: #fff;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.product_container .add_new_product button i {
  font-size: 1.4rem;
  font-weight: 550;
}
.product_container .add_new_product button:hover {
  background-color: #6571ff !important;
  color: rgb(255, 255, 255);
  font-weight: 500 !important;
  scale: 1 !important;
  transition: all 0.3s ease;
}
.product_container .All_product_container {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1rem;
  place-items: center;
  margin: 1rem auto;
}
.product_container .All_product_container .video_box {
  width: 280px;
  height: auto;
  background-color: rgb(243, 243, 243);
  border-radius: 0.5rem;
  box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
  margin: auto;
}
.product_container .All_product_container .video_box .video_header {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 5px;
  width: 100%;
}
.product_container .All_product_container .video_box .video_header h2 {
  font-size: 0.9rem;
  font-weight: 550;
  color: royalblue;
}
.product_container .All_product_container .video_box .video {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}
.product_container .All_product_container .video_box .video iframe {
  width: 100%;
  height: 140px;
  border-radius: 0.6rem;
}
.product_container .All_product_container .video_box .video img {
  width: 100%;
  box-shadow: rgba(14, 63, 126, 0.04) 0px 0px 0px 1px, rgba(42, 51, 69, 0.04) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.04) 0px 6px 6px -3px, rgba(14, 63, 126, 0.04) 0px 12px 12px -6px, rgba(14, 63, 126, 0.04) 0px 24px 24px -12px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: centers;
     object-position: centers;
  height: 120px;
}
.product_container .All_product_container .video_box .product_details {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-start;
  gap: 10px;
  padding: 0.5rem;
  width: 100%;
}
.product_container .All_product_container .video_box .product_details .detail {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 10px;
  flex: 1;
  width: 100%;
}
.product_container .All_product_container .video_box .product_details .detail .title {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 3px;
  flex: 0.4;
}
.product_container .All_product_container .video_box .product_details .detail .title h5 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 0.8rem;
  font-weight: 550;
}
.product_container .All_product_container .video_box .product_details .detail .data {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 4px;
  flex: 0.6;
}
.product_container .All_product_container .video_box .product_details .detail .data small {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-weight: bold;
  font-size: 0.8rem;
}
.product_container .All_product_container .video_box .product_details .detail .data p {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 0.7rem;
  font-weight: 500;
}
.product_container .All_product_container .video_box .icon_actions {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1rem;
  height: 50px;
}
.product_container .All_product_container .video_box .icon_actions .edit,
.product_container .All_product_container .video_box .icon_actions .delete, .product_container .All_product_container .video_box .icon_actions .show {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  flex-direction: column;
}
.product_container .All_product_container .video_box .icon_actions .edit i,
.product_container .All_product_container .video_box .icon_actions .delete i, .product_container .All_product_container .video_box .icon_actions .show i {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-size: 1.5rem;
  margin-right: 10px;
  cursor: pointer;
  transition: all 0.3s ease-in;
}
.product_container .All_product_container .video_box .icon_actions .edit i:hover,
.product_container .All_product_container .video_box .icon_actions .delete i:hover, .product_container .All_product_container .video_box .icon_actions .show i:hover {
  scale: 1.1;
  filter: drop-shadow(0px 3px 4px rgba(0, 0, 0, 0.3));
  transition: all 0.3s ease-in;
}
.product_container .All_product_container .video_box .icon_actions .edit small,
.product_container .All_product_container .video_box .icon_actions .delete small, .product_container .All_product_container .video_box .icon_actions .show small {
  font-size: 0.6rem;
  font-weight: 550;
}
.product_container .All_product_container .video_box:hover {
  background-color: rgb(231, 231, 231);
}
.product_container .All_product_container .note {
  width: 100% !important;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.product_container .All_product_container .note small {
  font-size: 0.9rem;
  font-weight: 550;
  color: gray;
}
.product_container .deleteall_btn {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 1rem;
}
.product_container .deleteall_btn button {
  padding: 0.4rem 1rem;
  background-color: tomato;
  color: #fff;
  font-size: 0.8rem;
  font-weight: 550;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.product_container .deleteall_btn button:hover {
  background-color: rgb(255, 81, 50);
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
}
.product_container .plan_based_service_add_note {
  margin-top: 2rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.product_container .plan_based_service_add_note .note {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.product_container .plan_based_service_add_note .note i {
  font-size: 1.3rem;
  color: rgb(94, 94, 94);
}
.product_container .plan_based_service_add_note .note small {
  font-size: 0.8rem;
  font-weight: 550;
  color: #427dfa;
}
.product_container .plan_based_service_add_note .note small strong {
  color: #464545;
}
.product_container .product_list_table {
  margin: 0.5rem auto;
  padding: 1rem 0.2rem;
  width: 100%;
}
.product_container .product_list_table table {
  min-width: 100%;
  border-collapse: collapse;
}
.product_container .product_list_table table p {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 10px;
  width: 100%;
  font-size: 0.8rem;
  font-weight: 550;
  color: tomato;
  vertical-align: middle;
}
.product_container .product_list_table table thead tr th {
  text-align: center;
  padding: 0.7rem 0.5rem;
  font-size: 0.7rem;
  background-color: #427dfa !important;
  font-weight: 550 !important;
  letter-spacing: 1px;
  color: rgb(255, 255, 255);
  background-color: rgb(248, 248, 248);
}
.product_container .product_list_table table tbody tr td {
  padding: 0.5rem;
  font-size: 0.8rem;
  text-align: center;
  font-weight: bold;
  background-color: rgb(199, 255, 199);
  color: rgb(43, 43, 43);
  border-top: 1px solid #dddddd;
}
.product_container .product_list_table table tbody tr td img {
  width: 80px;
  height: 60px;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
  border: 1px solid lightcyan;
  border-radius: 5px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  filter: drop-shadow(0px 4px 3px rgba(0, 0, 0, 0.3));
}
.product_container .product_list_table table tbody tr td i {
  font-size: 1.5rem;
  margin-right: 10px;
  cursor: pointer;
}
.product_container .product_list_table table tbody tr td i:hover {
  filter: drop-shadow(0px 3px 4px rgba(0, 0, 0, 0.3));
}
@media screen and (max-width: 600px) {
  .product_container .product_list_table table {
    min-width: 250%;
  }
}
.product_container #shadow_background {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 8%;
  left: 0%;
  background-color: rgba(61, 61, 61, 0.6039215686);
  transition: all 0.4s ease-in;
  overflow-y: scroll;
}
.product_container #shadow_background::-webkit-scrollbar {
  width: 4px;
  background-color: rgba(61, 61, 61, 0.6039215686);
}
.product_container #shadow_background::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #6571ff;
}
.product_container .create_new_product_container,
.product_container .update_new_product_container {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.product_container .create_new_product_container .create_new_product_box,
.product_container .update_new_product_container .create_new_product_box {
  position: relative;
  width: 100%;
  margin: 0.5rem auto;
  padding: 0.5rem 1rem 0.5rem 1rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  place-items: center;
  min-width: 100%;
  height: auto;
  max-height: auto;
  overflow-y: scroll;
  transition: all 0.4s ease;
  background-color: #fff;
  box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  z-index: 700;
}
.product_container .create_new_product_container .create_new_product_box .title,
.product_container .update_new_product_container .create_new_product_box .title {
  display: flex;
  align-self: center;
  justify-content: space-between;
  width: 100%;
  height: 30px;
  border-bottom: 1px solid rgb(231, 231, 231);
}
.product_container .create_new_product_container .create_new_product_box .title p,
.product_container .update_new_product_container .create_new_product_box .title p {
  font-weight: 500;
  font-size: 1.1rem;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.product_container .create_new_product_container .create_new_product_box .title i,
.product_container .update_new_product_container .create_new_product_box .title i {
  font-size: 2rem;
  color: gray;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.product_container .create_new_product_container .create_new_product_box .title i:hover,
.product_container .update_new_product_container .create_new_product_box .title i:hover {
  color: red;
}
.product_container .create_new_product_container .create_new_product_box form,
.product_container .update_new_product_container .create_new_product_box form {
  margin: 0rem auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.3rem 0.5rem;
  place-items: center;
  width: 100%;
  overflow-y: scroll;
  padding-bottom: 0rem;
  padding: 5px;
}
.product_container .create_new_product_container .create_new_product_box form .form_group,
.product_container .update_new_product_container .create_new_product_box form .form_group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  padding-bottom: 1rem;
  position: relative;
}
.product_container .create_new_product_container .create_new_product_box form .form_group label,
.product_container .update_new_product_container .create_new_product_box form .form_group label {
  font-size: 0.9rem;
  font-weight: 500;
  position: relative;
}
.product_container .create_new_product_container .create_new_product_box form .form_group label sup,
.product_container .update_new_product_container .create_new_product_box form .form_group label sup {
  color: red;
  padding-left: 5px;
}
.product_container .create_new_product_container .create_new_product_box form .form_group label img,
.product_container .update_new_product_container .create_new_product_box form .form_group label img {
  width: 150px;
  height: 100px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border: 1px solid rgb(165, 165, 165);
  border-radius: 5px;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.3));
}
.product_container .create_new_product_container .create_new_product_box form .form_group label i,
.product_container .update_new_product_container .create_new_product_box form .form_group label i {
  position: absolute;
  font-size: 1.6rem;
  right: 0%;
  top: -15%;
  color: #6571ff;
}
.product_container .create_new_product_container .create_new_product_box form .form_group small,
.product_container .update_new_product_container .create_new_product_box form .form_group small {
  font-size: 0.7rem;
  font-weight: 500;
  color: gray;
}
.product_container .create_new_product_container .create_new_product_box form .form_group p,
.product_container .update_new_product_container .create_new_product_box form .form_group p {
  font-size: 0.8rem;
  font-weight: 500;
}
.product_container .create_new_product_container .create_new_product_box form .form_group p strong,
.product_container .update_new_product_container .create_new_product_box form .form_group p strong {
  color: red;
}
.product_container .create_new_product_container .create_new_product_box form .form_group .quill,
.product_container .update_new_product_container .create_new_product_box form .form_group .quill {
  border: none !important;
  outline: none !important;
}
.product_container .create_new_product_container .create_new_product_box form .form_group input,
.product_container .update_new_product_container .create_new_product_box form .form_group input {
  padding: 10px 1rem;
  border: 1px solid rgb(165, 165, 165);
  outline: none;
  border-radius: 5px;
  width: 100%;
}
.product_container .create_new_product_container .create_new_product_box form .form_group input::-moz-placeholder, .product_container .update_new_product_container .create_new_product_box form .form_group input::-moz-placeholder {
  font-size: 0.8rem;
}
.product_container .create_new_product_container .create_new_product_box form .form_group input::placeholder,
.product_container .update_new_product_container .create_new_product_box form .form_group input::placeholder {
  font-size: 0.8rem;
}
.product_container .create_new_product_container .create_new_product_box form .form_group .input_error,
.product_container .update_new_product_container .create_new_product_box form .form_group .input_error {
  border: 1px solid rgb(255, 81, 81) !important;
  border-radius: 5px;
}
.product_container .create_new_product_container .create_new_product_box form .form_group .input_success,
.product_container .update_new_product_container .create_new_product_box form .form_group .input_success {
  border: 1px solid rgb(110, 110, 110) !important;
  border-radius: 5px;
}
.product_container .create_new_product_container .create_new_product_box form .form_group .error,
.product_container .update_new_product_container .create_new_product_box form .form_group .error {
  position: absolute;
  top: 0%;
  right: 13%;
  color: red;
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
.product_container .create_new_product_container .create_new_product_box form .form_group .desc_error,
.product_container .update_new_product_container .create_new_product_box form .form_group .desc_error {
  position: absolute;
  bottom: 0%;
  right: 3%;
  color: red;
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
.product_container .create_new_product_container .create_new_product_box form .form_group input[type=file],
.product_container .update_new_product_container .create_new_product_box form .form_group input[type=file] {
  display: block;
  border: none;
  width: 100%;
  font-size: 0.7rem;
  display: flex;
  align-items: start;
  justify-content: flex-start;
  font-weight: 550;
  outline: none;
  color: #03796f;
}
.product_container .create_new_product_container .create_new_product_box form .form_group textarea,
.product_container .update_new_product_container .create_new_product_box form .form_group textarea {
  padding: 10px 1rem;
  border: 1px solid rgb(165, 165, 165);
  outline: none;
  border-radius: 5px;
  width: 90%;
}
.product_container .create_new_product_container .create_new_product_box form .form_group textarea::-moz-placeholder, .product_container .update_new_product_container .create_new_product_box form .form_group textarea::-moz-placeholder {
  font-size: 0.8rem;
}
.product_container .create_new_product_container .create_new_product_box form .form_group textarea::placeholder,
.product_container .update_new_product_container .create_new_product_box form .form_group textarea::placeholder {
  font-size: 0.8rem;
}
@media screen and (max-width: 700px) {
  .product_container .create_new_product_container .create_new_product_box form .form_group,
  .product_container .update_new_product_container .create_new_product_box form .form_group {
    width: 90%;
  }
}
.product_container .create_new_product_container .create_new_product_box form .productDescription,
.product_container .update_new_product_container .create_new_product_box form .productDescription {
  width: 100%;
}
@media screen and (max-width: 776px) {
  .product_container .create_new_product_container .create_new_product_box form .productDescription,
  .product_container .update_new_product_container .create_new_product_box form .productDescription {
    width: 90%;
    place-content: start;
  }
}
.product_container .create_new_product_container .create_new_product_box form .ql-editor,
.product_container .update_new_product_container .create_new_product_box form .ql-editor {
  height: 200px !important;
}
@media screen and (max-width: 776px) {
  .product_container .create_new_product_container .create_new_product_box form .ql-editor,
  .product_container .update_new_product_container .create_new_product_box form .ql-editor {
    width: 90%;
    margin: 0px;
  }
}
.product_container .create_new_product_container .create_new_product_box form .url_link_input_group,
.product_container .update_new_product_container .create_new_product_box form .url_link_input_group {
  width: 100% !important;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
}
.product_container .create_new_product_container .create_new_product_box form .url_link_input_group img,
.product_container .update_new_product_container .create_new_product_box form .url_link_input_group img {
  width: 90px;
  max-width: 90px;
  height: 90px;
  max-height: 90px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 1rem;
  border: 1px solid gray;
  margin-bottom: 15px;
}
.product_container .create_new_product_container .create_new_product_box form .url_link_input_group .banner_address_image,
.product_container .update_new_product_container .create_new_product_box form .url_link_input_group .banner_address_image {
  width: 150px;
  height: 90px;
  max-width: 150px;
  max-height: 90px;
  border-radius: 10px;
  -o-object-fit: cover;
     object-fit: cover;
  border: 1px solid gray;
  margin-bottom: 15px;
}
.product_container .create_new_product_container .create_new_product_box form .url_link_input_group label,
.product_container .update_new_product_container .create_new_product_box form .url_link_input_group label {
  font-size: 0.6rem;
  font-weight: 550;
}
.product_container .create_new_product_container .create_new_product_box form .url_link_input_group input,
.product_container .update_new_product_container .create_new_product_box form .url_link_input_group input {
  padding: 0.6rem 1rem !important;
  font-size: 0.7rem;
  position: relative;
}
.product_container .create_new_product_container .create_new_product_box form .url_link_input_group .clear_action,
.product_container .update_new_product_container .create_new_product_box form .url_link_input_group .clear_action {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 1rem;
}
.product_container .create_new_product_container .create_new_product_box form .url_link_input_group .clear_action .clear_btn,
.product_container .update_new_product_container .create_new_product_box form .url_link_input_group .clear_action .clear_btn {
  background-color: tomato;
  color: #fff;
  font-size: 0.9rem;
  padding: 0.2rem 1rem;
  outline: none;
  border: none;
  border-radius: 0.2rem;
  cursor: pointer;
  font-weight: 550;
  transition: all 0.5s ease;
}
.product_container .create_new_product_container .create_new_product_box form .url_link_input_group .clear_action .clear_btn:hover,
.product_container .update_new_product_container .create_new_product_box form .url_link_input_group .clear_action .clear_btn:hover {
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
  transition: all 0.5s ease;
}
.product_container .create_new_product_container .create_new_product_box form .productImage .image_upload_type,
.product_container .update_new_product_container .create_new_product_box form .productImage .image_upload_type {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: 10px;
  width: 100%;
}
.product_container .create_new_product_container .create_new_product_box form .productImage .image_upload_type .banner_type,
.product_container .update_new_product_container .create_new_product_box form .productImage .image_upload_type .banner_type {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.product_container .create_new_product_container .create_new_product_box form .productImage .image_upload_type .banner_type label,
.product_container .update_new_product_container .create_new_product_box form .productImage .image_upload_type .banner_type label {
  font-size: 0.8rem;
  font-weight: 580;
  color: rgb(94, 94, 94);
}
.product_container .create_new_product_container .create_new_product_box form .productImage .image_upload_type .banner_type select,
.product_container .update_new_product_container .create_new_product_box form .productImage .image_upload_type .banner_type select {
  font-size: 0.8rem;
  color: royalblue;
  border: 1px solid gray;
  padding: 8px 1rem;
  width: 50%;
  outline: none;
  border: 1px solid rgb(185, 185, 185);
  border-radius: 5px;
  color: rgb(87, 87, 87);
  font-weight: 500;
  position: relative;
  cursor: pointer;
}
.product_container .create_new_product_container .create_new_product_box form .productImage .image_upload_type .banner_type select option,
.product_container .update_new_product_container .create_new_product_box form .productImage .image_upload_type .banner_type select option {
  font-weight: 500;
  color: rgb(83, 83, 83);
}
@media screen and (max-width: 776px) {
  .product_container .create_new_product_container .create_new_product_box form .productImage .image_upload_type .banner_type select,
  .product_container .update_new_product_container .create_new_product_box form .productImage .image_upload_type .banner_type select {
    width: 100%;
    margin: 10px 0px;
  }
  .product_container .create_new_product_container .create_new_product_box form .productImage .image_upload_type .banner_type,
  .product_container .update_new_product_container .create_new_product_box form .productImage .image_upload_type .banner_type {
    display: flex;
    flex-direction: column;
    width: 100%;
    min-width: 100%;
    align-items: flex-start;
    justify-content: center;
  }
  .product_container .create_new_product_container .create_new_product_box form .productImage .image_upload_type,
  .product_container .update_new_product_container .create_new_product_box form .productImage .image_upload_type {
    display: flex;
    flex-direction: column;
  }
}
.product_container .create_new_product_container .create_new_product_box form .form_submit_actions,
.product_container .update_new_product_container .create_new_product_box form .form_submit_actions {
  display: flex;
  align-items: center;
  width: 100%;
  grid-column: 1/-1;
  justify-content: flex-end;
  gap: 3rem;
  padding: 0rem 2rem;
}
.product_container .create_new_product_container .create_new_product_box form .form_submit_actions .save button,
.product_container .update_new_product_container .create_new_product_box form .form_submit_actions .save button {
  outline: none;
  padding: 6px 2rem;
  border: transparent;
  background-color: #6571ff;
  border-radius: 5px;
  color: #fff;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.product_container .create_new_product_container .create_new_product_box form .form_submit_actions .save button:hover,
.product_container .update_new_product_container .create_new_product_box form .form_submit_actions .save button:hover {
  background-color: #8992fc;
  transition: all 0.3s ease;
}
.product_container .create_new_product_container .create_new_product_box form .form_submit_actions .discard button,
.product_container .update_new_product_container .create_new_product_box form .form_submit_actions .discard button {
  outline: none;
  padding: 6px 2rem;
  border: transparent;
  background-color: #727272;
  border-radius: 5px;
  color: #fff;
  transition: all 0.3s ease;
}
.product_container .create_new_product_container .create_new_product_box form .form_submit_actions .discard button:hover,
.product_container .update_new_product_container .create_new_product_box form .form_submit_actions .discard button:hover {
  background-color: #9c9c9c;
  transition: all 0.3s ease;
}
.product_container .create_new_product_container .create_new_product_box form::-webkit-scrollbar,
.product_container .update_new_product_container .create_new_product_box form::-webkit-scrollbar {
  display: block;
  width: 5px;
  height: 4px;
  background-color: #fff;
}
.product_container .create_new_product_container .create_new_product_box form::-webkit-scrollbar-thumb,
.product_container .update_new_product_container .create_new_product_box form::-webkit-scrollbar-thumb {
  width: 5px;
  height: 4px;
  border-radius: 4px;
  background-color: rgb(216, 216, 216);
}
@media screen and (max-width: 700px) {
  .product_container .create_new_product_container .create_new_product_box form,
  .product_container .update_new_product_container .create_new_product_box form {
    display: grid;
    grid-template-columns: 1fr;
    place-items: start;
  }
}
.product_container .create_new_product_container .create_new_product_box::-webkit-scrollbar,
.product_container .update_new_product_container .create_new_product_box::-webkit-scrollbar {
  display: block;
  width: 5px;
  height: 4px;
  background-color: #fff;
}
.product_container .create_new_product_container .create_new_product_box::-webkit-scrollbar-thumb,
.product_container .update_new_product_container .create_new_product_box::-webkit-scrollbar-thumb {
  width: 5px;
  height: 4px;
  border-radius: 4px;
  background-color: rgb(216, 216, 216);
}
@media screen and (max-width: 700px) {
  .product_container .create_new_product_container .create_new_product_box,
  .product_container .update_new_product_container .create_new_product_box {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 1rem;
    width: 100%;
    min-width: 100%;
    margin: auto;
    padding: 10px 0px;
    margin: 1rem auto;
  }
}
.product_container .view_new_service_container .view_new_service_box {
  position: fixed;
  top: 15%;
  left: 50%;
  transform: translate(-50%, -10%);
  width: 30%;
  margin: 1rem auto;
  padding: 1rem;
  place-items: center;
  min-width: 400px;
  height: auto;
  background-color: #fff;
  box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
}
.product_container .view_new_service_container .view_new_service_box .title {
  display: flex;
  align-self: center;
  justify-content: space-between;
  width: 100%;
  height: 50px;
  border-bottom: 1px solid rgb(231, 231, 231);
}
.product_container .view_new_service_container .view_new_service_box .title p {
  font-weight: 550;
  font-size: 1.1rem;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.product_container .view_new_service_container .view_new_service_box .title i {
  font-size: 2rem;
  color: gray;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.product_container .view_new_service_container .view_new_service_box .title i:hover {
  color: red;
}
.product_container .view_new_service_container .view_new_service_box .details_container {
  padding: 1rem 5px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
}
.product_container .view_new_service_container .view_new_service_box .details_container .service_image {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0px;
}
.product_container .view_new_service_container .view_new_service_box .details_container .service_image .service_title {
  font-size: 0.9rem;
  font-weight: 550;
  color: #646363;
}
.product_container .view_new_service_container .view_new_service_box .details_container .service_image .service_image {
  padding: 10px 0.5rem;
}
.product_container .view_new_service_container .view_new_service_box .details_container .service_image .service_image img {
  width: 150px;
  height: 100px;
  border-radius: 4px;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.product_container .view_new_service_container .view_new_service_box .details_container .service_name {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0px;
}
.product_container .view_new_service_container .view_new_service_box .details_container .service_name .service_title {
  font-size: 0.9rem;
  font-weight: 550;
  color: #646363;
}
.product_container .view_new_service_container .view_new_service_box .details_container .service_name .name {
  padding: 10px 0.5rem;
}
.product_container .view_new_service_container .view_new_service_box .details_container .service_name .name p {
  font-size: 0.8rem;
  font-weight: 550;
}
.product_container .view_new_service_container .view_new_service_box .details_container .service_desc {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0px;
}
.product_container .view_new_service_container .view_new_service_box .details_container .service_desc .service_title {
  font-size: 0.9rem;
  font-weight: 550;
  color: #646363;
}
.product_container .view_new_service_container .view_new_service_box .details_container .service_desc .name {
  padding: 10px 0.5rem;
}
.product_container .view_new_service_container .view_new_service_box .details_container .service_desc .name p {
  font-size: 0.8rem;
  font-weight: 550;
}
.product_container .view_new_service_container .view_new_service_box .details_container .service_url {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0px;
}
.product_container .view_new_service_container .view_new_service_box .details_container .service_url .service_title {
  font-size: 0.9rem;
  font-weight: 550;
  color: #646363;
}
.product_container .view_new_service_container .view_new_service_box .details_container .service_url .name {
  padding: 10px 0.5rem;
}
.product_container .view_new_service_container .view_new_service_box .details_container .service_url .name a {
  text-decoration: none;
  font-size: 0.8rem;
}
@media screen and (max-width: 776px) {
  .product_container .view_new_service_container .view_new_service_box {
    width: 95%;
    min-width: 90%;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .product_container {
    padding: 0px;
  }
}

#productOpen {
  display: block;
  scale: 1;
  transition: all 0.4s ease-in;
}

#productClose {
  display: none;
  scale: 0.9;
  transition: all 0.2s ease-in;
}.payment_container {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 1rem;
}
.payment_container .payment_container_title {
  display: block;
}
.payment_container .payment_container_title h4 {
  font-size: 1rem;
  font-weight: 550;
}
.payment_container .payments_box {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex: 1;
  margin: 1rem auto;
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
  box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
  background-color: rgba(244, 255, 251, 0.747);
}
.payment_container .payments_box .left_upi_app {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  flex: 0.45;
  height: 100%;
  padding: 1rem;
}
.payment_container .payments_box .left_upi_app .upi_app_title {
  display: block;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.payment_container .payments_box .left_upi_app .upi_app_title h5 {
  font-size: 0.9rem;
  font-weight: 550;
}
.payment_container .payments_box .left_upi_app .delete_bank_details {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.payment_container .payments_box .left_upi_app .delete_bank_details i {
  font-size: 1.5rem;
  color: tomato;
  font-weight: 550;
  cursor: pointer;
}
.payment_container .payments_box .left_upi_app .Form1 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.3rem;
  width: 100%;
}
.payment_container .payments_box .left_upi_app .Form1 .form_group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 5px;
  width: 100%;
  position: relative;
}
.payment_container .payments_box .left_upi_app .Form1 .form_group label {
  font-size: 0.8rem;
  font-weight: 550 !important;
  color: rgb(70, 70, 70) !important;
  width: 100%;
}
.payment_container .payments_box .left_upi_app .Form1 .form_group label sup {
  color: red;
  font-weight: bold;
  margin-left: 3px;
  font-size: 0.8rem;
}
.payment_container .payments_box .left_upi_app .Form1 .form_group label img {
  width: 70px;
  height: 70px;
}
.payment_container .payments_box .left_upi_app .Form1 .form_group input[type=text],
.payment_container .payments_box .left_upi_app .Form1 .form_group input[type=email],
.payment_container .payments_box .left_upi_app .Form1 .form_group input[type=tel] {
  padding: 8px 1rem;
  width: 100%;
  outline: none;
  border: 1px solid #b9b9b9;
  border-radius: 5px;
  font-size: 1rem;
  color: rgb(77, 77, 77);
  letter-spacing: 1px;
  color: rgb(68, 68, 68);
}
.payment_container .payments_box .left_upi_app .Form1 .form_group input[type=text]::-moz-placeholder, .payment_container .payments_box .left_upi_app .Form1 .form_group input[type=email]::-moz-placeholder, .payment_container .payments_box .left_upi_app .Form1 .form_group input[type=tel]::-moz-placeholder {
  font-size: 0.8rem;
  color: gray;
}
.payment_container .payments_box .left_upi_app .Form1 .form_group input[type=text]::placeholder,
.payment_container .payments_box .left_upi_app .Form1 .form_group input[type=email]::placeholder,
.payment_container .payments_box .left_upi_app .Form1 .form_group input[type=tel]::placeholder {
  font-size: 0.8rem;
  color: gray;
}
.payment_container .payments_box .left_upi_app .Form1 .form_group input[type=text]:focus,
.payment_container .payments_box .left_upi_app .Form1 .form_group input[type=email]:focus,
.payment_container .payments_box .left_upi_app .Form1 .form_group input[type=tel]:focus {
  border: 1px solid #6a99ff;
}
.payment_container .payments_box .left_upi_app .Form1 .form_group .input_error {
  border: 1px solid red !important;
  border-radius: 5px;
}
.payment_container .payments_box .left_upi_app .Form1 .form_group .input_success {
  border: 1px solid #b9b9b9 !important;
  border-radius: 5px;
}
.payment_container .payments_box .left_upi_app .Form1 .form_group .error {
  position: absolute;
  top: 0%;
  right: 0%;
  color: red;
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
.payment_container .payments_box .left_upi_app .Form1 .form_group .desc_error {
  position: absolute;
  bottom: 0%;
  left: 0%;
  color: red;
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
.payment_container .payments_box .left_upi_app .Form1 .form_group .type_error {
  position: absolute;
  top: 18%;
  left: 60%;
  color: red;
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
.payment_container .payments_box .left_upi_app .Form1 .form_group .first label,
.payment_container .payments_box .left_upi_app .Form1 .form_group .second label {
  font-size: 0.9rem;
  font-weight: 500;
  color: rgb(105, 104, 104);
  width: 100%;
}
.payment_container .payments_box .left_upi_app .Form1 .form_group .first label sup,
.payment_container .payments_box .left_upi_app .Form1 .form_group .second label sup {
  color: red;
  font-weight: bold;
  margin-left: 3px;
}
.payment_container .payments_box .left_upi_app .Form1 .form_group .first label img,
.payment_container .payments_box .left_upi_app .Form1 .form_group .second label img {
  width: 90px;
  height: 90px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 50%;
  border: 2px solid skyblue;
}
.payment_container .payments_box .left_upi_app .Form1 .form_group input[type=file] {
  display: block;
  border: none;
  width: 100%;
  font-size: 0.7rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-weight: 550;
  outline: none;
  color: #03796f;
  cursor: pointer;
}
.payment_container .payments_box .left_upi_app .Form1 .QRCODE .image_upload_type {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.payment_container .payments_box .left_upi_app .Form1 .QRCODE .image_upload_type .logo_type {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.payment_container .payments_box .left_upi_app .Form1 .QRCODE .image_upload_type .logo_type select {
  font-size: 0.8rem;
  color: royalblue;
  border: 1px solid gray;
  padding: 5px 0.6rem;
  width: 100%;
  outline: none;
  border: 1px solid rgb(185, 185, 185);
  border-radius: 5px;
  color: rgb(87, 87, 87);
  font-weight: 500;
  position: relative;
  cursor: pointer;
}
.payment_container .payments_box .left_upi_app .Form1 .QRCODE .image_upload_type .logo_type select option {
  font-weight: 500;
  color: rgb(83, 83, 83);
}
@media screen and (max-width: 776px) {
  .payment_container .payments_box .left_upi_app .Form1 .QRCODE .image_upload_type .logo_type {
    display: flex;
    flex-direction: column;
    gap: 10px;
  }
}
.payment_container .payments_box .left_upi_app .Form1 .QRCODE .image_upload_type .banner_type {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.payment_container .payments_box .left_upi_app .Form1 .QRCODE .image_upload_type .banner_type select {
  font-size: 0.8rem;
  color: royalblue;
  border: 1px solid gray;
  padding: 8px 1rem;
  width: 100%;
  outline: none;
  border: 1px solid rgb(185, 185, 185);
  border-radius: 5px;
  color: rgb(87, 87, 87);
  font-weight: 500;
  position: relative;
  cursor: pointer;
}
.payment_container .payments_box .left_upi_app .Form1 .QRCODE .image_upload_type .banner_type select option {
  font-weight: 500;
  color: rgb(83, 83, 83);
}
.payment_container .payments_box .left_upi_app .Form1 .QRCODE .first {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  position: relative;
  margin: 1rem 0px;
}
.payment_container .payments_box .left_upi_app .Form1 .QRCODE .first label {
  font-size: 0.8rem;
  font-weight: 500;
  color: rgb(34, 34, 34) !important;
  position: relative;
  width: 50%;
}
.payment_container .payments_box .left_upi_app .Form1 .QRCODE .first label sup {
  color: red;
  font-weight: bold;
  margin-left: 3px;
}
.payment_container .payments_box .left_upi_app .Form1 .QRCODE .first label .QRCodeImage {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  place-items: center;
  width: 120px;
  height: 120px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 0.3rem;
  filter: brightness(100%);
  border: 1px solid rgb(255, 255, 255);
  position: relative;
}
.payment_container .payments_box .left_upi_app .Form1 .QRCODE .first label span {
  position: absolute;
  left: 74%;
  top: 0%;
  color: red;
  font-size: 1.2rem;
  cursor: pointer;
}
.payment_container .payments_box .left_upi_app .Form1 .QRCODE .first label span:hover {
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
}
.payment_container .payments_box .left_upi_app .Form1 .QRCODE .first label i {
  position: absolute;
  font-size: 1.5rem;
  color: #6571fe;
  left: 40%;
  top: -10%;
}
.payment_container .payments_box .left_upi_app .Form1 .QRCODE .first .details {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
}
.payment_container .payments_box .left_upi_app .Form1 .QRCODE .first .details p {
  font-size: 0.7rem;
  font-weight: 600;
  color: rgb(31, 31, 31);
}
.payment_container .payments_box .left_upi_app .Form1 .QRCODE .first .details p strong {
  color: rgb(255, 71, 71);
}
.payment_container .payments_box .left_upi_app .Form1 .QRCODE .first .details small {
  font-size: 0.7rem;
  color: gray;
  font-weight: 500;
}
.payment_container .payments_box .left_upi_app .Form1 .Specialities {
  grid-column: 1/-1;
  width: 100%;
}
.payment_container .payments_box .left_upi_app .Form1 .actions {
  display: flex;
  align-self: center !important;
  justify-content: center;
  gap: 5px;
  width: 100%;
}
.payment_container .payments_box .left_upi_app .Form1 .actions p {
  font-size: 0.9rem;
  font-weight: 500;
  height: 100%;
}
.payment_container .payments_box .left_upi_app .Form1 .actions .on {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.9rem;
  color: royalblue;
  cursor: pointer;
}
.payment_container .payments_box .left_upi_app .Form1 .actions .off {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.9rem;
  color: #6c757d;
  cursor: pointer;
}
.payment_container .payments_box .left_upi_app .Form1 .form_submit_actions {
  display: flex;
  grid-column: 1/-1;
  height: 100%;
  width: 100%;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 10px;
}
.payment_container .payments_box .left_upi_app .Form1 .form_submit_actions button {
  outline: none;
  border: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 7px 1rem;
  border-radius: 5px;
  font-weight: 500;
  font-size: 0.9rem;
}
.payment_container .payments_box .left_upi_app .Form1 .form_submit_actions button span {
  font-size: 1.2rem;
}
.payment_container .payments_box .left_upi_app .Form1 .form_submit_actions .save {
  background-color: royalblue;
  color: #fff;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.payment_container .payments_box .left_upi_app .Form1 .form_submit_actions .save:hover {
  background-color: rgb(105, 141, 248);
  box-shadow: 0px 4px 4px rgb(124, 124, 124);
  transition: all 0.3s ease;
}
.payment_container .payments_box .left_upi_app .Form1 .form_submit_actions .save:hover span {
  transform: rotate(360deg);
  transition: transform 0.5s ease-in-out;
}
.payment_container .payments_box .left_upi_app .Form1 .form_submit_actions .clear {
  background-color: tomato;
  color: #fff;
  transition: all 0.3s ease;
}
.payment_container .payments_box .left_upi_app .Form1 .form_submit_actions .clear:hover {
  background-color: rgb(207, 83, 245);
  box-shadow: 0px 4px 4px rgb(124, 124, 124);
  transition: all 0.3s ease;
}
.payment_container .payments_box .left_upi_app .Form1 .form_submit_actions .discard {
  background-color: rgb(138, 138, 138);
  color: #ffffff;
  transition: all 0.3s ease;
}
.payment_container .payments_box .left_upi_app .Form1 .form_submit_actions .discard:hover {
  box-shadow: 0px 4px 4px rgb(165, 165, 165);
  background-color: rgb(92, 92, 92);
  transition: all 0.3s ease;
}
@media screen and (max-width: 700px) {
  .payment_container .payments_box .left_upi_app .Form1 .form_submit_actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 0rem;
  }
  .payment_container .payments_box .left_upi_app .Form1 {
    grid-template-columns: 1fr;
    place-items: center;
    gap: 1rem;
    border-bottom: 1px solid rgb(184, 184, 184);
    padding-bottom: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .payment_container .payments_box .left_upi_app {
    width: 100%;
    flex: 1;
    padding: 0px;
  }
}
.payment_container .payments_box .border {
  content: "";
  height: 100%;
  flex: 0.0015;
  background-color: rgb(221, 221, 221);
}
.payment_container .payments_box .right_bank {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  flex: 0.55;
  height: 100%;
  padding: 1rem;
}
.payment_container .payments_box .right_bank .bank_title {
  display: block;
}
.payment_container .payments_box .right_bank .bank_title h5 {
  font-size: 0.9rem;
  font-weight: 550;
}
.payment_container .payments_box .right_bank .delete_bank_details {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.payment_container .payments_box .right_bank .delete_bank_details i {
  font-size: 1.5rem;
  color: tomato;
  font-weight: 550;
  cursor: pointer;
}
.payment_container .payments_box .right_bank .Form2 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.3rem;
  width: 100%;
}
.payment_container .payments_box .right_bank .Form2 .form_group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 5px;
  width: 100%;
  position: relative;
}
.payment_container .payments_box .right_bank .Form2 .form_group label {
  font-size: 0.8rem;
  font-weight: 550 !important;
  color: rgb(70, 70, 70) !important;
  width: 100%;
}
.payment_container .payments_box .right_bank .Form2 .form_group label sup {
  color: red;
  font-weight: bold;
  margin-left: 3px;
  font-size: 0.8rem;
}
.payment_container .payments_box .right_bank .Form2 .form_group label img {
  width: 70px;
  height: 70px;
}
.payment_container .payments_box .right_bank .Form2 .form_group input[type=text],
.payment_container .payments_box .right_bank .Form2 .form_group input[type=email],
.payment_container .payments_box .right_bank .Form2 .form_group input[type=tel] {
  padding: 8px 1rem;
  width: 100%;
  outline: none;
  border: 1px solid #b9b9b9;
  border-radius: 5px;
  font-size: 1rem;
  color: rgb(77, 77, 77);
  letter-spacing: 1px;
  color: rgb(68, 68, 68);
}
.payment_container .payments_box .right_bank .Form2 .form_group input[type=text]::-moz-placeholder, .payment_container .payments_box .right_bank .Form2 .form_group input[type=email]::-moz-placeholder, .payment_container .payments_box .right_bank .Form2 .form_group input[type=tel]::-moz-placeholder {
  font-size: 0.8rem;
  color: gray;
}
.payment_container .payments_box .right_bank .Form2 .form_group input[type=text]::placeholder,
.payment_container .payments_box .right_bank .Form2 .form_group input[type=email]::placeholder,
.payment_container .payments_box .right_bank .Form2 .form_group input[type=tel]::placeholder {
  font-size: 0.8rem;
  color: gray;
}
.payment_container .payments_box .right_bank .Form2 .form_group input[type=text]:focus,
.payment_container .payments_box .right_bank .Form2 .form_group input[type=email]:focus,
.payment_container .payments_box .right_bank .Form2 .form_group input[type=tel]:focus {
  border: 1px solid #6a99ff;
}
.payment_container .payments_box .right_bank .Form2 .form_group .input_error {
  border-radius: 5px;
}
.payment_container .payments_box .right_bank .Form2 .form_group .input_success {
  border: 1px solid #b9b9b9 !important;
  border-radius: 5px;
}
.payment_container .payments_box .right_bank .Form2 .form_group .error {
  position: absolute;
  top: 0%;
  right: 0%;
  color: red;
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
.payment_container .payments_box .right_bank .Form2 .form_group .desc_error {
  position: absolute;
  bottom: 0%;
  left: 0%;
  color: red;
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
.payment_container .payments_box .right_bank .Form2 .form_group .type_error {
  position: absolute;
  top: 18%;
  left: 60%;
  color: red;
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
.payment_container .payments_box .right_bank .Form2 .form_group select {
  font-size: 0.9rem;
  color: royalblue;
  border: 1px solid gray;
  padding: 8px 0.6rem;
  width: 100%;
  outline: none;
  border: 1px solid rgb(185, 185, 185);
  border-radius: 5px;
  color: rgb(107, 107, 107);
  font-weight: 500;
  position: relative;
  cursor: pointer;
}
.payment_container .payments_box .right_bank .Form2 .form_group select option {
  font-weight: 500;
  color: rgb(83, 83, 83);
}
.payment_container .payments_box .right_bank .Form2 .actions {
  display: flex;
  align-self: center !important;
  justify-content: center;
  gap: 5px;
  width: 100%;
}
.payment_container .payments_box .right_bank .Form2 .actions p {
  font-size: 0.9rem;
  font-weight: 500;
  height: 100%;
}
.payment_container .payments_box .right_bank .Form2 .actions .on {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.9rem;
  color: royalblue;
  cursor: pointer;
}
.payment_container .payments_box .right_bank .Form2 .actions .off {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.9rem;
  color: #6c757d;
  cursor: pointer;
}
.payment_container .payments_box .right_bank .Form2 .form_submit_actions {
  display: flex;
  grid-column: 1/-1;
  height: 100%;
  width: 100%;
  align-items: flex-end;
  justify-content: flex-end;
  gap: 10px;
  margin: 1rem 0px;
}
.payment_container .payments_box .right_bank .Form2 .form_submit_actions button {
  outline: none;
  border: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 7px 1rem;
  border-radius: 5px;
  font-weight: 500;
  font-size: 0.9rem;
}
.payment_container .payments_box .right_bank .Form2 .form_submit_actions button span {
  font-size: 1.2rem;
}
.payment_container .payments_box .right_bank .Form2 .form_submit_actions .save {
  background-color: royalblue;
  color: #fff;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.payment_container .payments_box .right_bank .Form2 .form_submit_actions .save:hover {
  background-color: rgb(105, 141, 248);
  box-shadow: 0px 4px 4px rgb(124, 124, 124);
  transition: all 0.3s ease;
}
.payment_container .payments_box .right_bank .Form2 .form_submit_actions .save:hover span {
  transform: rotate(360deg);
  transition: transform 0.5s ease-in-out;
}
.payment_container .payments_box .right_bank .Form2 .form_submit_actions .clear {
  background-color: tomato;
  color: #fff;
  transition: all 0.3s ease;
}
.payment_container .payments_box .right_bank .Form2 .form_submit_actions .clear:hover {
  background-color: rgb(207, 83, 245);
  box-shadow: 0px 4px 4px rgb(124, 124, 124);
  transition: all 0.3s ease;
}
.payment_container .payments_box .right_bank .Form2 .form_submit_actions .discard {
  background-color: rgb(138, 138, 138);
  color: #ffffff;
  transition: all 0.3s ease;
}
.payment_container .payments_box .right_bank .Form2 .form_submit_actions .discard:hover {
  box-shadow: 0px 4px 4px rgb(165, 165, 165);
  background-color: rgb(92, 92, 92);
  transition: all 0.3s ease;
}
@media screen and (max-width: 700px) {
  .payment_container .payments_box .right_bank .Form2 .form_submit_actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 0.5rem;
  }
  .payment_container .payments_box .right_bank .Form2 {
    grid-template-columns: 1fr;
    place-items: center;
  }
}
@media screen and (max-width: 767px) {
  .payment_container .payments_box .right_bank {
    width: 100%;
    flex: 1;
  }
}
.payment_container .payments_box::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 767px) {
  .payment_container .payments_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    flex: 1;
    height: auto;
  }
}
@media screen and (max-width: 776px) {
  .payment_container {
    padding: 0px;
  }
}.update_gallery_container {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 1rem;
}
.update_gallery_container .Image_Full_view {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 500px;
  height: 350px;
  background-color: #fff;
  border-radius: 0.5rem;
  z-index: 900;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.3);
}
.update_gallery_container .Image_Full_view .close_image {
  position: absolute;
  top: 5%;
  right: 4%;
}
.update_gallery_container .Image_Full_view .close_image i {
  font-size: 1.5rem;
  cursor: pointer;
  color: rgb(226, 57, 57);
  transition: all 0.4s ease-in-out;
}
.update_gallery_container .Image_Full_view .close_image i:hover {
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
  scale: 1.05;
  transition: all 0.4s ease-in-out;
}
.update_gallery_container .Image_Full_view img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 0.5rem;
}
.update_gallery_container .image_title {
  width: 100%;
  display: flex;
  grid-column: 1/-1;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 0rem;
}
.update_gallery_container .image_title h4 {
  font-size: 1.2rem;
  font-weight: 550;
  color: #525252;
}
.update_gallery_container .plan_based_service_add_note {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 0.5rem 0px;
}
.update_gallery_container .plan_based_service_add_note .note {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.update_gallery_container .plan_based_service_add_note .note i {
  font-size: 1.3rem;
  color: rgb(94, 94, 94);
}
.update_gallery_container .plan_based_service_add_note .note small {
  font-size: 0.8rem;
  font-weight: 550;
  color: #427dfa !important;
}
.update_gallery_container .plan_based_service_add_note .note small strong {
  color: #464545;
}
.update_gallery_container .add_new_gallery {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
}
.update_gallery_container .add_new_gallery button {
  outline: none;
  border: transparent;
  border-radius: 5px;
  padding: 7px 1rem;
  font-weight: 500;
  background-color: #6571ff;
  color: #fff;
  font-size: 0.9rem;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.update_gallery_container .add_new_gallery button i {
  font-size: 1.4rem;
  font-weight: 550;
}
.update_gallery_container .add_new_gallery button:hover {
  box-shadow: 0px 2px 3px rgb(0, 0, 0.1);
  background-color: #6571ff;
  color: rgb(255, 255, 255);
  font-weight: 500;
  transition: all 0.3s ease;
}
.update_gallery_container .All_gallery_container {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
  place-items: center;
  margin: 1rem auto;
}
.update_gallery_container .All_gallery_container .video_box {
  width: 200px;
  height: auto;
  background-color: rgb(243, 243, 243);
  border-radius: 0.5rem;
  box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
  margin: auto;
}
.update_gallery_container .All_gallery_container .video_box .video_header {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  width: 100%;
}
.update_gallery_container .All_gallery_container .video_box .video_header h2 {
  font-size: 0.9rem;
  font-weight: 550;
  color: royalblue;
}
.update_gallery_container .All_gallery_container .video_box .video {
  width: 95%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}
.update_gallery_container .All_gallery_container .video_box .video iframe {
  width: 100%;
  height: 140px;
  border-radius: 0.6rem;
}
.update_gallery_container .All_gallery_container .video_box .video img {
  width: 100%;
  border-radius: 0.5rem;
  height: 150px;
  -o-object-fit: cover;
     object-fit: cover;
}
.update_gallery_container .All_gallery_container .video_box .icon_actions {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1rem;
  height: 50px;
}
.update_gallery_container .All_gallery_container .video_box .icon_actions .edit, .update_gallery_container .All_gallery_container .video_box .icon_actions .delete {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  flex-direction: column;
}
.update_gallery_container .All_gallery_container .video_box .icon_actions .edit i, .update_gallery_container .All_gallery_container .video_box .icon_actions .delete i {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-size: 1.5rem;
  margin-right: 10px;
  cursor: pointer;
  transition: all 0.3s ease-in;
}
.update_gallery_container .All_gallery_container .video_box .icon_actions .edit i:hover, .update_gallery_container .All_gallery_container .video_box .icon_actions .delete i:hover {
  scale: 1.1;
  filter: drop-shadow(0px 3px 4px rgba(0, 0, 0, 0.3));
  transition: all 0.3s ease-in;
}
.update_gallery_container .All_gallery_container .video_box .icon_actions .edit small, .update_gallery_container .All_gallery_container .video_box .icon_actions .delete small {
  font-size: 0.6rem;
  font-weight: 550;
}
.update_gallery_container .All_gallery_container .video_box:hover {
  background-color: rgb(231, 231, 231);
}
.update_gallery_container .All_gallery_container .no_gallery {
  width: 100%;
  grid-column: 1/-1;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 1rem auto;
}
.update_gallery_container .All_gallery_container .no_gallery small {
  font-size: 0.9rem;
  font-weight: 550;
  color: gray;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 1400px) {
  .update_gallery_container .All_gallery_container {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
.update_gallery_container .deleteall_btn {
  width: 100%;
  grid-column: 1/-1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 1rem;
}
.update_gallery_container .deleteall_btn button {
  padding: 0.4rem 1rem;
  background-color: tomato;
  color: #fff;
  font-size: 0.8rem;
  font-weight: 550;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.update_gallery_container .deleteall_btn button:hover {
  background-color: rgb(255, 81, 50);
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
}
.update_gallery_container .gallery_list_table {
  margin: 0.5rem auto;
  padding: 1rem 0.2rem;
  z-index: 900;
  width: 100%;
}
.update_gallery_container .gallery_list_table table {
  min-width: 100%;
  border-collapse: collapse;
}
.update_gallery_container .gallery_list_table table thead tr th {
  text-align: center;
  padding: 0.7rem 0.5rem;
  font-size: 0.7rem;
  background-color: #427dfa !important;
  font-weight: 550 !important;
  letter-spacing: 1px;
  color: rgb(255, 255, 255);
  background-color: rgb(248, 248, 248);
}
.update_gallery_container .gallery_list_table table tbody p {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 10px;
  width: 100%;
  font-size: 0.8rem;
  font-weight: 550;
  color: tomato;
  vertical-align: middle;
}
.update_gallery_container .gallery_list_table table tbody tr td {
  padding: 0.5rem;
  font-size: 0.8rem;
  text-align: center;
  font-weight: bold;
  background-color: rgb(199, 255, 199);
  color: rgb(43, 43, 43);
  border-top: 1px solid #dddddd;
}
.update_gallery_container .gallery_list_table table tbody tr td img {
  width: 100px;
  height: 60px;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
  border: 1px solid lightcyan;
  border-radius: 5px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.update_gallery_container .gallery_list_table table tbody tr td i {
  font-size: 1.5rem;
  margin-right: 10px;
  cursor: pointer;
}
.update_gallery_container .gallery_list_table table tbody tr td i:hover {
  filter: drop-shadow(0px 3px 4px rgba(0, 0, 0, 0.3));
}
@media screen and (max-width: 600px) {
  .update_gallery_container .gallery_list_table table {
    min-width: 130%;
  }
}
.update_gallery_container #shadow_background {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 12%;
  left: 0%;
  background-color: rgba(61, 61, 61, 0.6039215686);
  transition: all 0.4s ease-in;
  overflow-y: scroll;
}
.update_gallery_container #shadow_background::-webkit-scrollbar {
  width: 4px;
  background-color: rgba(61, 61, 61, 0.6039215686);
}
.update_gallery_container #shadow_background::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #6571ff;
}
.update_gallery_container .create_new_gallerycontainer, .update_gallery_container .update_new_gallerycontainer {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.update_gallery_container .create_new_gallerycontainer .create_new_gellery_box, .update_gallery_container .create_new_gallerycontainer .update_new_gellery_box, .update_gallery_container .update_new_gallerycontainer .create_new_gellery_box, .update_gallery_container .update_new_gallerycontainer .update_new_gellery_box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 30%;
  max-width: 50% !important;
  margin: 1rem auto;
  padding: 1rem;
  place-items: center;
  height: auto;
  background-color: #fff;
  box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  z-index: 700;
}
.update_gallery_container .create_new_gallerycontainer .create_new_gellery_box .title, .update_gallery_container .create_new_gallerycontainer .update_new_gellery_box .title, .update_gallery_container .update_new_gallerycontainer .create_new_gellery_box .title, .update_gallery_container .update_new_gallerycontainer .update_new_gellery_box .title {
  display: flex;
  align-self: center;
  justify-content: space-between;
  width: 100%;
  height: 50px;
  border-bottom: 1px solid rgb(231, 231, 231);
}
.update_gallery_container .create_new_gallerycontainer .create_new_gellery_box .title p, .update_gallery_container .create_new_gallerycontainer .update_new_gellery_box .title p, .update_gallery_container .update_new_gallerycontainer .create_new_gellery_box .title p, .update_gallery_container .update_new_gallerycontainer .update_new_gellery_box .title p {
  font-weight: 500;
  font-size: 1.1rem;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.update_gallery_container .create_new_gallerycontainer .create_new_gellery_box .title i, .update_gallery_container .create_new_gallerycontainer .update_new_gellery_box .title i, .update_gallery_container .update_new_gallerycontainer .create_new_gellery_box .title i, .update_gallery_container .update_new_gallerycontainer .update_new_gellery_box .title i {
  font-size: 2rem;
  color: gray;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.update_gallery_container .create_new_gallerycontainer .create_new_gellery_box .title i:hover, .update_gallery_container .create_new_gallerycontainer .update_new_gellery_box .title i:hover, .update_gallery_container .update_new_gallerycontainer .create_new_gellery_box .title i:hover, .update_gallery_container .update_new_gallerycontainer .update_new_gellery_box .title i:hover {
  color: red;
}
.update_gallery_container .create_new_gallerycontainer .create_new_gellery_box form, .update_gallery_container .create_new_gallerycontainer .update_new_gellery_box form, .update_gallery_container .update_new_gallerycontainer .create_new_gellery_box form, .update_gallery_container .update_new_gallerycontainer .update_new_gellery_box form {
  margin: 1rem auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
}
.update_gallery_container .create_new_gallerycontainer .create_new_gellery_box form .form_group, .update_gallery_container .create_new_gallerycontainer .update_new_gellery_box form .form_group, .update_gallery_container .update_new_gallerycontainer .create_new_gellery_box form .form_group, .update_gallery_container .update_new_gallerycontainer .update_new_gellery_box form .form_group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  margin-bottom: 1rem;
  position: relative;
}
.update_gallery_container .create_new_gallerycontainer .create_new_gellery_box form .form_group .image_upload_type, .update_gallery_container .create_new_gallerycontainer .update_new_gellery_box form .form_group .image_upload_type, .update_gallery_container .update_new_gallerycontainer .create_new_gellery_box form .form_group .image_upload_type, .update_gallery_container .update_new_gallerycontainer .update_new_gellery_box form .form_group .image_upload_type {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 10px;
  width: 100%;
}
.update_gallery_container .create_new_gallerycontainer .create_new_gellery_box form .form_group .image_upload_type .banner_type, .update_gallery_container .create_new_gallerycontainer .update_new_gellery_box form .form_group .image_upload_type .banner_type, .update_gallery_container .update_new_gallerycontainer .create_new_gellery_box form .form_group .image_upload_type .banner_type, .update_gallery_container .update_new_gallerycontainer .update_new_gellery_box form .form_group .image_upload_type .banner_type {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.update_gallery_container .create_new_gallerycontainer .create_new_gellery_box form .form_group .image_upload_type .banner_type label, .update_gallery_container .create_new_gallerycontainer .update_new_gellery_box form .form_group .image_upload_type .banner_type label, .update_gallery_container .update_new_gallerycontainer .create_new_gellery_box form .form_group .image_upload_type .banner_type label, .update_gallery_container .update_new_gallerycontainer .update_new_gellery_box form .form_group .image_upload_type .banner_type label {
  font-size: 0.9rem;
  font-weight: 700;
  color: rgb(94, 94, 94);
}
.update_gallery_container .create_new_gallerycontainer .create_new_gellery_box form .form_group .image_upload_type .banner_type select, .update_gallery_container .create_new_gallerycontainer .update_new_gellery_box form .form_group .image_upload_type .banner_type select, .update_gallery_container .update_new_gallerycontainer .create_new_gellery_box form .form_group .image_upload_type .banner_type select, .update_gallery_container .update_new_gallerycontainer .update_new_gellery_box form .form_group .image_upload_type .banner_type select {
  font-size: 0.8rem;
  color: royalblue;
  border: 1px solid gray;
  padding: 5px 0.6rem;
  width: 50%;
  outline: none;
  border: 1px solid rgb(185, 185, 185);
  border-radius: 5px;
  color: rgb(87, 87, 87);
  font-weight: 500;
  position: relative;
  cursor: pointer;
}
.update_gallery_container .create_new_gallerycontainer .create_new_gellery_box form .form_group .image_upload_type .banner_type select option, .update_gallery_container .create_new_gallerycontainer .update_new_gellery_box form .form_group .image_upload_type .banner_type select option, .update_gallery_container .update_new_gallerycontainer .create_new_gellery_box form .form_group .image_upload_type .banner_type select option, .update_gallery_container .update_new_gallerycontainer .update_new_gellery_box form .form_group .image_upload_type .banner_type select option {
  font-weight: 500;
  color: rgb(83, 83, 83);
}
@media screen and (max-width: 776px) {
  .update_gallery_container .create_new_gallerycontainer .create_new_gellery_box form .form_group .image_upload_type .banner_type select, .update_gallery_container .create_new_gallerycontainer .update_new_gellery_box form .form_group .image_upload_type .banner_type select, .update_gallery_container .update_new_gallerycontainer .create_new_gellery_box form .form_group .image_upload_type .banner_type select, .update_gallery_container .update_new_gallerycontainer .update_new_gellery_box form .form_group .image_upload_type .banner_type select {
    width: 100%;
    padding: 10px 1rem;
  }
  .update_gallery_container .create_new_gallerycontainer .create_new_gellery_box form .form_group .image_upload_type .banner_type, .update_gallery_container .create_new_gallerycontainer .update_new_gellery_box form .form_group .image_upload_type .banner_type, .update_gallery_container .update_new_gallerycontainer .create_new_gellery_box form .form_group .image_upload_type .banner_type, .update_gallery_container .update_new_gallerycontainer .update_new_gellery_box form .form_group .image_upload_type .banner_type {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    width: 100%;
    gap: 10px;
  }
}
.update_gallery_container .create_new_gallerycontainer .create_new_gellery_box form .form_group label, .update_gallery_container .create_new_gallerycontainer .update_new_gellery_box form .form_group label, .update_gallery_container .update_new_gallerycontainer .create_new_gellery_box form .form_group label, .update_gallery_container .update_new_gallerycontainer .update_new_gellery_box form .form_group label {
  font-size: 0.9rem;
  font-weight: 500;
  position: relative;
}
.update_gallery_container .create_new_gallerycontainer .create_new_gellery_box form .form_group label sup, .update_gallery_container .create_new_gallerycontainer .update_new_gellery_box form .form_group label sup, .update_gallery_container .update_new_gallerycontainer .create_new_gellery_box form .form_group label sup, .update_gallery_container .update_new_gallerycontainer .update_new_gellery_box form .form_group label sup {
  color: red;
}
.update_gallery_container .create_new_gallerycontainer .create_new_gellery_box form .form_group label img, .update_gallery_container .create_new_gallerycontainer .update_new_gellery_box form .form_group label img, .update_gallery_container .update_new_gallerycontainer .create_new_gellery_box form .form_group label img, .update_gallery_container .update_new_gallerycontainer .update_new_gellery_box form .form_group label img {
  margin-top: 0.5rem;
  width: 150px;
  height: 100px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border: 1px solid rgb(165, 165, 165);
  border-radius: 5px;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.3));
}
.update_gallery_container .create_new_gallerycontainer .create_new_gellery_box form .form_group label i, .update_gallery_container .create_new_gallerycontainer .update_new_gellery_box form .form_group label i, .update_gallery_container .update_new_gallerycontainer .create_new_gellery_box form .form_group label i, .update_gallery_container .update_new_gallerycontainer .update_new_gellery_box form .form_group label i {
  position: absolute;
  font-size: 1.6rem;
  right: 0%;
  top: -6%;
  color: #6571ff;
}
.update_gallery_container .create_new_gallerycontainer .create_new_gellery_box form .form_group small, .update_gallery_container .create_new_gallerycontainer .update_new_gellery_box form .form_group small, .update_gallery_container .update_new_gallerycontainer .create_new_gellery_box form .form_group small, .update_gallery_container .update_new_gallerycontainer .update_new_gellery_box form .form_group small {
  font-size: 0.7rem;
  font-weight: 500;
  color: gray;
}
.update_gallery_container .create_new_gallerycontainer .create_new_gellery_box form .form_group p, .update_gallery_container .create_new_gallerycontainer .update_new_gellery_box form .form_group p, .update_gallery_container .update_new_gallerycontainer .create_new_gellery_box form .form_group p, .update_gallery_container .update_new_gallerycontainer .update_new_gellery_box form .form_group p {
  font-size: 0.7rem;
  font-weight: 550;
  margin: 10px 0px;
}
.update_gallery_container .create_new_gallerycontainer .create_new_gellery_box form .form_group p strong, .update_gallery_container .create_new_gallerycontainer .update_new_gellery_box form .form_group p strong, .update_gallery_container .update_new_gallerycontainer .create_new_gellery_box form .form_group p strong, .update_gallery_container .update_new_gallerycontainer .update_new_gellery_box form .form_group p strong {
  color: red;
}
.update_gallery_container .create_new_gallerycontainer .create_new_gellery_box form .form_group input, .update_gallery_container .create_new_gallerycontainer .update_new_gellery_box form .form_group input, .update_gallery_container .update_new_gallerycontainer .create_new_gellery_box form .form_group input, .update_gallery_container .update_new_gallerycontainer .update_new_gellery_box form .form_group input {
  padding: 10px 1rem;
  border: 1px solid rgb(165, 165, 165);
  outline: none;
  border-radius: 5px;
  width: 100%;
}
.update_gallery_container .create_new_gallerycontainer .create_new_gellery_box form .form_group input::-moz-placeholder, .update_gallery_container .create_new_gallerycontainer .update_new_gellery_box form .form_group input::-moz-placeholder, .update_gallery_container .update_new_gallerycontainer .create_new_gellery_box form .form_group input::-moz-placeholder, .update_gallery_container .update_new_gallerycontainer .update_new_gellery_box form .form_group input::-moz-placeholder {
  font-size: 0.8rem;
}
.update_gallery_container .create_new_gallerycontainer .create_new_gellery_box form .form_group input::placeholder, .update_gallery_container .create_new_gallerycontainer .update_new_gellery_box form .form_group input::placeholder, .update_gallery_container .update_new_gallerycontainer .create_new_gellery_box form .form_group input::placeholder, .update_gallery_container .update_new_gallerycontainer .update_new_gellery_box form .form_group input::placeholder {
  font-size: 0.8rem;
}
.update_gallery_container .create_new_gallerycontainer .create_new_gellery_box form .form_group input[type=file], .update_gallery_container .create_new_gallerycontainer .update_new_gellery_box form .form_group input[type=file], .update_gallery_container .update_new_gallerycontainer .create_new_gellery_box form .form_group input[type=file], .update_gallery_container .update_new_gallerycontainer .update_new_gellery_box form .form_group input[type=file] {
  display: block;
  border: none !important;
  width: 100%;
  font-size: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-weight: 550;
  outline: none;
  color: #03796f;
  cursor: pointer;
}
.update_gallery_container .create_new_gallerycontainer .create_new_gellery_box form .form_group .input_error, .update_gallery_container .create_new_gallerycontainer .update_new_gellery_box form .form_group .input_error, .update_gallery_container .update_new_gallerycontainer .create_new_gellery_box form .form_group .input_error, .update_gallery_container .update_new_gallerycontainer .update_new_gellery_box form .form_group .input_error {
  border: 1px solid rgb(255, 81, 81) !important;
  border-radius: 5px;
}
.update_gallery_container .create_new_gallerycontainer .create_new_gellery_box form .form_group .input_success, .update_gallery_container .create_new_gallerycontainer .update_new_gellery_box form .form_group .input_success, .update_gallery_container .update_new_gallerycontainer .create_new_gellery_box form .form_group .input_success, .update_gallery_container .update_new_gallerycontainer .update_new_gellery_box form .form_group .input_success {
  border: 1px solid rgb(110, 110, 110) !important;
  border-radius: 5px;
}
.update_gallery_container .create_new_gallerycontainer .create_new_gellery_box form .form_group .error, .update_gallery_container .create_new_gallerycontainer .update_new_gellery_box form .form_group .error, .update_gallery_container .update_new_gallerycontainer .create_new_gellery_box form .form_group .error, .update_gallery_container .update_new_gallerycontainer .update_new_gellery_box form .form_group .error {
  position: absolute;
  bottom: -5%;
  left: 0%;
  color: red;
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
.update_gallery_container .create_new_gallerycontainer .create_new_gellery_box form .form_group .url_error, .update_gallery_container .create_new_gallerycontainer .update_new_gellery_box form .form_group .url_error, .update_gallery_container .update_new_gallerycontainer .create_new_gellery_box form .form_group .url_error, .update_gallery_container .update_new_gallerycontainer .update_new_gellery_box form .form_group .url_error {
  position: absolute;
  bottom: -25%;
  left: 0%;
  color: red;
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
.update_gallery_container .create_new_gallerycontainer .create_new_gellery_box form .form_group textarea, .update_gallery_container .create_new_gallerycontainer .update_new_gellery_box form .form_group textarea, .update_gallery_container .update_new_gallerycontainer .create_new_gellery_box form .form_group textarea, .update_gallery_container .update_new_gallerycontainer .update_new_gellery_box form .form_group textarea {
  padding: 10px 1rem;
  border: 1px solid rgb(165, 165, 165);
  outline: none;
  border-radius: 5px;
  width: 100%;
}
.update_gallery_container .create_new_gallerycontainer .create_new_gellery_box form .form_group textarea::-moz-placeholder, .update_gallery_container .create_new_gallerycontainer .update_new_gellery_box form .form_group textarea::-moz-placeholder, .update_gallery_container .update_new_gallerycontainer .create_new_gellery_box form .form_group textarea::-moz-placeholder, .update_gallery_container .update_new_gallerycontainer .update_new_gellery_box form .form_group textarea::-moz-placeholder {
  font-size: 0.8rem;
}
.update_gallery_container .create_new_gallerycontainer .create_new_gellery_box form .form_group textarea::placeholder, .update_gallery_container .create_new_gallerycontainer .update_new_gellery_box form .form_group textarea::placeholder, .update_gallery_container .update_new_gallerycontainer .create_new_gellery_box form .form_group textarea::placeholder, .update_gallery_container .update_new_gallerycontainer .update_new_gellery_box form .form_group textarea::placeholder {
  font-size: 0.8rem;
}
.update_gallery_container .create_new_gallerycontainer .create_new_gellery_box form .url_link_input_group, .update_gallery_container .create_new_gallerycontainer .update_new_gellery_box form .url_link_input_group, .update_gallery_container .update_new_gallerycontainer .create_new_gellery_box form .url_link_input_group, .update_gallery_container .update_new_gallerycontainer .update_new_gellery_box form .url_link_input_group {
  width: 100% !important;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
}
.update_gallery_container .create_new_gallerycontainer .create_new_gellery_box form .url_link_input_group img, .update_gallery_container .create_new_gallerycontainer .update_new_gellery_box form .url_link_input_group img, .update_gallery_container .update_new_gallerycontainer .create_new_gellery_box form .url_link_input_group img, .update_gallery_container .update_new_gallerycontainer .update_new_gellery_box form .url_link_input_group img {
  width: 90px;
  max-width: 90px;
  height: 90px;
  max-height: 90px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 1rem;
  border: 1px solid gray;
  margin-bottom: 15px;
}
.update_gallery_container .create_new_gallerycontainer .create_new_gellery_box form .url_link_input_group .banner_address_image, .update_gallery_container .create_new_gallerycontainer .update_new_gellery_box form .url_link_input_group .banner_address_image, .update_gallery_container .update_new_gallerycontainer .create_new_gellery_box form .url_link_input_group .banner_address_image, .update_gallery_container .update_new_gallerycontainer .update_new_gellery_box form .url_link_input_group .banner_address_image {
  width: 150px;
  height: 90px;
  max-width: 150px;
  max-height: 90px;
  border-radius: 5px;
  -o-object-fit: cover;
     object-fit: cover;
  border: 1px solid gray;
  margin-bottom: 15px;
}
.update_gallery_container .create_new_gallerycontainer .create_new_gellery_box form .url_link_input_group label, .update_gallery_container .create_new_gallerycontainer .update_new_gellery_box form .url_link_input_group label, .update_gallery_container .update_new_gallerycontainer .create_new_gellery_box form .url_link_input_group label, .update_gallery_container .update_new_gallerycontainer .update_new_gellery_box form .url_link_input_group label {
  font-size: 0.6rem;
  font-weight: 550;
}
.update_gallery_container .create_new_gallerycontainer .create_new_gellery_box form .url_link_input_group input, .update_gallery_container .create_new_gallerycontainer .update_new_gellery_box form .url_link_input_group input, .update_gallery_container .update_new_gallerycontainer .create_new_gellery_box form .url_link_input_group input, .update_gallery_container .update_new_gallerycontainer .update_new_gellery_box form .url_link_input_group input {
  padding: 0.6rem 1rem !important;
  font-size: 0.7rem;
  position: relative;
}
.update_gallery_container .create_new_gallerycontainer .create_new_gellery_box form .url_link_input_group .clear_action, .update_gallery_container .create_new_gallerycontainer .update_new_gellery_box form .url_link_input_group .clear_action, .update_gallery_container .update_new_gallerycontainer .create_new_gellery_box form .url_link_input_group .clear_action, .update_gallery_container .update_new_gallerycontainer .update_new_gellery_box form .url_link_input_group .clear_action {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 1rem;
}
.update_gallery_container .create_new_gallerycontainer .create_new_gellery_box form .url_link_input_group .clear_action .clear_btn, .update_gallery_container .create_new_gallerycontainer .update_new_gellery_box form .url_link_input_group .clear_action .clear_btn, .update_gallery_container .update_new_gallerycontainer .create_new_gellery_box form .url_link_input_group .clear_action .clear_btn, .update_gallery_container .update_new_gallerycontainer .update_new_gellery_box form .url_link_input_group .clear_action .clear_btn {
  background-color: tomato;
  color: #fff;
  font-size: 0.9rem;
  padding: 0.2rem 1rem;
  outline: none;
  border: none;
  border-radius: 0.2rem;
  cursor: pointer;
  font-weight: 550;
  transition: all 0.5s ease;
}
.update_gallery_container .create_new_gallerycontainer .create_new_gellery_box form .url_link_input_group .clear_action .clear_btn:hover, .update_gallery_container .create_new_gallerycontainer .update_new_gellery_box form .url_link_input_group .clear_action .clear_btn:hover, .update_gallery_container .update_new_gallerycontainer .create_new_gellery_box form .url_link_input_group .clear_action .clear_btn:hover, .update_gallery_container .update_new_gallerycontainer .update_new_gellery_box form .url_link_input_group .clear_action .clear_btn:hover {
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
  transition: all 0.5s ease;
}
.update_gallery_container .create_new_gallerycontainer .create_new_gellery_box form .form_submit_actions, .update_gallery_container .create_new_gallerycontainer .update_new_gellery_box form .form_submit_actions, .update_gallery_container .update_new_gallerycontainer .create_new_gellery_box form .form_submit_actions, .update_gallery_container .update_new_gallerycontainer .update_new_gellery_box form .form_submit_actions {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: flex-end;
  gap: 1rem;
}
.update_gallery_container .create_new_gallerycontainer .create_new_gellery_box form .form_submit_actions .save button, .update_gallery_container .create_new_gallerycontainer .update_new_gellery_box form .form_submit_actions .save button, .update_gallery_container .update_new_gallerycontainer .create_new_gellery_box form .form_submit_actions .save button, .update_gallery_container .update_new_gallerycontainer .update_new_gellery_box form .form_submit_actions .save button {
  outline: none;
  padding: 8px 1rem;
  border: transparent;
  background-color: #6571ff;
  border-radius: 5px;
  color: #fff;
  transition: all 0.3s ease;
}
.update_gallery_container .create_new_gallerycontainer .create_new_gellery_box form .form_submit_actions .save button:hover, .update_gallery_container .create_new_gallerycontainer .update_new_gellery_box form .form_submit_actions .save button:hover, .update_gallery_container .update_new_gallerycontainer .create_new_gellery_box form .form_submit_actions .save button:hover, .update_gallery_container .update_new_gallerycontainer .update_new_gellery_box form .form_submit_actions .save button:hover {
  background-color: #8992fc;
  transition: all 0.3s ease;
}
.update_gallery_container .create_new_gallerycontainer .create_new_gellery_box form .form_submit_actions .discard button, .update_gallery_container .create_new_gallerycontainer .update_new_gellery_box form .form_submit_actions .discard button, .update_gallery_container .update_new_gallerycontainer .create_new_gellery_box form .form_submit_actions .discard button, .update_gallery_container .update_new_gallerycontainer .update_new_gellery_box form .form_submit_actions .discard button {
  outline: none;
  padding: 8px 1rem;
  border: transparent;
  background-color: #727272;
  border-radius: 5px;
  color: #fff;
  transition: all 0.3s ease;
}
.update_gallery_container .create_new_gallerycontainer .create_new_gellery_box form .form_submit_actions .discard button:hover, .update_gallery_container .create_new_gallerycontainer .update_new_gellery_box form .form_submit_actions .discard button:hover, .update_gallery_container .update_new_gallerycontainer .create_new_gellery_box form .form_submit_actions .discard button:hover, .update_gallery_container .update_new_gallerycontainer .update_new_gellery_box form .form_submit_actions .discard button:hover {
  background-color: #9c9c9c;
  transition: all 0.3s ease;
}
@media screen and (max-width: 900px) {
  .update_gallery_container .create_new_gallerycontainer .create_new_gellery_box, .update_gallery_container .create_new_gallerycontainer .update_new_gellery_box, .update_gallery_container .update_new_gallerycontainer .create_new_gellery_box, .update_gallery_container .update_new_gallerycontainer .update_new_gellery_box {
    width: 100% !important;
    max-width: 95% !important;
    height: auto;
  }
}
@media screen and (max-width: 776px) {
  .update_gallery_container {
    padding: 0px;
  }
}

#galleryOpen {
  display: block;
  scale: 1;
  transition: all 0.4s ease-in;
}

#galleryClose {
  display: none;
  scale: 0.9;
  transition: all 0.2s ease-in;
}

#galleryUpdateOpen {
  display: block;
  scale: 1;
  transition: all 0.4s ease-in;
}

#galleryUpdateClose {
  display: none;
  scale: 0.9;
  transition: all 0.2s ease-in;
}.update_video_container {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 1rem;
}
.update_video_container .image_title {
  width: 100%;
  display: flex;
  grid-column: 1/-1;
  align-items: center;
  justify-content: flex-start;
}
.update_video_container .image_title h4 {
  font-size: 1.2rem;
  font-weight: 550;
  color: #525252;
}
.update_video_container .add_new_gallery {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
}
.update_video_container .add_new_gallery button {
  outline: none;
  border: transparent;
  border-radius: 5px;
  font-size: 0.7rem;
  padding: 7px 1rem;
  font-weight: 500;
  background-color: #6571ff;
  color: #fff;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.update_video_container .add_new_gallery button i {
  font-size: 1rem;
  font-weight: 550;
}
.update_video_container .add_new_gallery button:hover {
  box-shadow: 0px 2px 3px rgb(0, 0, 0.1);
  background-color: #6571ff;
  color: rgb(255, 255, 255);
  font-weight: 500;
  transition: all 0.3s ease;
}
.update_video_container .container1 {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-direction: column;
  padding: 10px;
}
.update_video_container .container1 .left {
  width: 100%;
  height: auto;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1rem;
}
.update_video_container .container1 .left .col-1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 5px;
  padding: 5px;
  border-right: 1px solid rgb(194, 194, 194);
}
.update_video_container .container1 .left .col-1 p {
  font-size: 0.8rem;
  font-weight: 600;
  color: rgb(31, 31, 31);
}
.update_video_container .container1 .left .col-1 p strong {
  color: rgb(255, 71, 71);
}
.update_video_container .container1 .left .col-1 .title {
  display: flex;
  align-self: center;
  justify-content: space-between;
  width: 100%;
  height: 50px;
  border-bottom: 1px solid rgb(231, 231, 231);
}
.update_video_container .container1 .left .col-1 .title p {
  font-weight: 500;
  font-size: 1.1rem;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.update_video_container .container1 .left .col-1 .title i {
  font-size: 2rem;
  color: gray;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.update_video_container .container1 .left .col-1 .title i:hover {
  color: red;
}
.update_video_container .container1 .left .col-1 .plan_based_service_add_note {
  margin: 0.5rem 0px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 50px;
}
.update_video_container .container1 .left .col-1 .plan_based_service_add_note .note {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.update_video_container .container1 .left .col-1 .plan_based_service_add_note .note i {
  font-size: 1.3rem;
  color: rgb(94, 94, 94);
}
.update_video_container .container1 .left .col-1 .plan_based_service_add_note .note small {
  font-size: 0.8rem;
  font-weight: 550;
  color: #427dfa !important;
}
.update_video_container .container1 .left .col-1 .plan_based_service_add_note .note small strong {
  color: #464545;
}
.update_video_container .container1 .left .col-1 small {
  font-size: 0.9rem;
  font-weight: 500;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.update_video_container .container1 .left .col-1 small .icon {
  font-size: 1.4rem;
  color: royalblue;
}
.update_video_container .container1 .left .col-1 small i {
  font-size: 1.4rem;
  color: royalblue;
}
.update_video_container .container1 .left .col-1 h1 {
  font-size: 1rem;
  font-weight: 550;
  color: rgb(61, 61, 61);
}
.update_video_container .container1 .left .col-1 video {
  width: 100%;
  height: 150px;
}
.update_video_container .container1 .left .col-1 input[type=file] {
  display: block;
  border: none;
  width: 100%;
  font-size: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-weight: 550;
  outline: none;
  color: #009499;
  cursor: pointer;
  margin: 1rem 0px;
}
.update_video_container .container1 .left .col-1 button {
  width: -moz-max-content;
  width: max-content;
  padding: 0.4rem 1rem;
  background-color: #4d4d4d;
  color: #fff;
  cursor: pointer;
  font-size: 0.9rem;
}
.update_video_container .container1 .left .col-1 .form_submit_actions {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: flex-end;
  gap: 1rem;
}
.update_video_container .container1 .left .col-1 .form_submit_actions button {
  outline: none;
  padding: 8px 1rem;
  border: transparent;
  background-color: #6571ff;
  border-radius: 5px;
  color: #fff;
  transition: all 0.3s ease;
}
.update_video_container .container1 .left .col-1 .form_submit_actions button:hover {
  background-color: #8992fc;
  transition: all 0.3s ease;
}
.update_video_container .container1 .left .col-1 .form_submit_actions .discard button {
  outline: none;
  padding: 8px 1rem;
  border: transparent;
  background-color: #727272;
  border-radius: 5px;
  color: #fff;
  transition: all 0.3s ease;
}
.update_video_container .container1 .left .col-1 .form_submit_actions .discard button:hover {
  background-color: #9c9c9c;
  transition: all 0.3s ease;
}
.update_video_container .container1 .left .col-1 .local_videos {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  flex-wrap: wrap;
  place-items: start;
  padding: 10px;
}
.update_video_container .container1 .left .col-1 .local_videos .video_box {
  width: 100%;
  height: auto;
  background-color: rgb(243, 243, 243);
  border-radius: 0.5rem;
  box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
  margin: 1rem 0px;
}
.update_video_container .container1 .left .col-1 .local_videos .video_box .video_header {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.update_video_container .container1 .left .col-1 .local_videos .video_box .video_header h2 {
  font-size: 0.8rem;
  font-weight: 550;
  color: royalblue;
}
.update_video_container .container1 .left .col-1 .local_videos .video_box .video {
  width: 95%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}
.update_video_container .container1 .left .col-1 .local_videos .video_box .video iframe {
  width: 100%;
  height: auto;
  border-radius: 0.6rem;
}
.update_video_container .container1 .left .col-1 .local_videos .video_box .video video {
  width: auto;
  height: 100px;
}
.update_video_container .container1 .left .col-1 .local_videos .video_box .icon_actions {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1rem;
  height: 50px;
}
.update_video_container .container1 .left .col-1 .local_videos .video_box .icon_actions .edit,
.update_video_container .container1 .left .col-1 .local_videos .video_box .icon_actions .delete {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  flex-direction: column;
}
.update_video_container .container1 .left .col-1 .local_videos .video_box .icon_actions .edit i,
.update_video_container .container1 .left .col-1 .local_videos .video_box .icon_actions .delete i {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-size: 1.1rem;
  margin-right: 10px;
  cursor: pointer;
  transition: all 0.3s ease-in;
}
.update_video_container .container1 .left .col-1 .local_videos .video_box .icon_actions .edit i:hover,
.update_video_container .container1 .left .col-1 .local_videos .video_box .icon_actions .delete i:hover {
  scale: 1.1;
  filter: drop-shadow(0px 3px 4px rgba(0, 0, 0, 0.3));
  transition: all 0.3s ease-in;
}
.update_video_container .container1 .left .col-1 .local_videos .video_box .icon_actions .edit small,
.update_video_container .container1 .left .col-1 .local_videos .video_box .icon_actions .delete small {
  font-size: 0.6rem;
  font-weight: 600;
}
.update_video_container .container1 .left .col-1 .local_videos .video_box:hover {
  background-color: rgb(231, 231, 231);
}
.update_video_container .container1 .left .col-1 .local_videos .no_gallery {
  width: 100%;
  grid-column: 1/-1;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 1rem auto;
}
.update_video_container .container1 .left .col-1 .local_videos .no_gallery small {
  font-size: 0.9rem;
  font-weight: 550;
  color: gray;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.update_video_container .container1 .left .create_new_gellery_box,
.update_video_container .container1 .left .update_new_gellery_box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  place-items: center;
  height: auto;
}
.update_video_container .container1 .left .create_new_gellery_box .title,
.update_video_container .container1 .left .update_new_gellery_box .title {
  display: flex;
  align-self: center;
  justify-content: space-between;
  width: 100%;
  height: 50px;
  border-bottom: 1px solid rgb(231, 231, 231);
}
.update_video_container .container1 .left .create_new_gellery_box .title p,
.update_video_container .container1 .left .update_new_gellery_box .title p {
  font-weight: 500;
  font-size: 1.1rem;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.update_video_container .container1 .left .create_new_gellery_box .title i,
.update_video_container .container1 .left .update_new_gellery_box .title i {
  font-size: 2rem;
  color: gray;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.update_video_container .container1 .left .create_new_gellery_box .title i:hover,
.update_video_container .container1 .left .update_new_gellery_box .title i:hover {
  color: red;
}
.update_video_container .container1 .left .create_new_gellery_box .plan_based_service_add_note,
.update_video_container .container1 .left .update_new_gellery_box .plan_based_service_add_note {
  margin: 0.5rem 0px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  height: 50px;
}
.update_video_container .container1 .left .create_new_gellery_box .plan_based_service_add_note .note,
.update_video_container .container1 .left .update_new_gellery_box .plan_based_service_add_note .note {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.update_video_container .container1 .left .create_new_gellery_box .plan_based_service_add_note .note i,
.update_video_container .container1 .left .update_new_gellery_box .plan_based_service_add_note .note i {
  font-size: 1.3rem;
  color: rgb(94, 94, 94);
}
.update_video_container .container1 .left .create_new_gellery_box .plan_based_service_add_note .note small,
.update_video_container .container1 .left .update_new_gellery_box .plan_based_service_add_note .note small {
  font-size: 0.8rem;
  font-weight: 550;
  color: #427dfa !important;
}
.update_video_container .container1 .left .create_new_gellery_box .plan_based_service_add_note .note small strong,
.update_video_container .container1 .left .update_new_gellery_box .plan_based_service_add_note .note small strong {
  color: #464545;
}
.update_video_container .container1 .left .create_new_gellery_box .youtube,
.update_video_container .container1 .left .update_new_gellery_box .youtube {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-start;
  gap: 1rem;
  flex: 1;
  width: 100%;
  height: 100%;
}
.update_video_container .container1 .left .create_new_gellery_box .youtube .video_show,
.update_video_container .container1 .left .update_new_gellery_box .youtube .video_show {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-start;
  gap: 10px;
}
.update_video_container .container1 .left .create_new_gellery_box .youtube .video_show label,
.update_video_container .container1 .left .update_new_gellery_box .youtube .video_show label {
  font-size: 0.9rem;
  font-weight: 500;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.update_video_container .container1 .left .create_new_gellery_box .youtube .video_show label .icon,
.update_video_container .container1 .left .update_new_gellery_box .youtube .video_show label .icon {
  font-size: 1.6rem;
  color: royalblue;
}
.update_video_container .container1 .left .create_new_gellery_box .youtube .video_show label i,
.update_video_container .container1 .left .update_new_gellery_box .youtube .video_show label i {
  font-size: 1.4rem;
  color: royalblue;
}
.update_video_container .container1 .left .create_new_gellery_box .youtube .video_show .video,
.update_video_container .container1 .left .update_new_gellery_box .youtube .video_show .video {
  width: 100%;
}
.update_video_container .container1 .left .create_new_gellery_box .youtube .video_show .video iframe,
.update_video_container .container1 .left .update_new_gellery_box .youtube .video_show .video iframe {
  width: 100%;
  height: 150px;
  filter: brightness(105%);
}
@media screen and (max-width: 776px) {
  .update_video_container .container1 .left .create_new_gellery_box .youtube .video_show,
  .update_video_container .container1 .left .update_new_gellery_box .youtube .video_show {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
}
.update_video_container .container1 .left .create_new_gellery_box .youtube .video_input,
.update_video_container .container1 .left .update_new_gellery_box .youtube .video_input {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  gap: 1rem;
}
.update_video_container .container1 .left .create_new_gellery_box .youtube .video_input .form_group,
.update_video_container .container1 .left .update_new_gellery_box .youtube .video_input .form_group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  justify-content: center;
  width: 100%;
  margin-bottom: 1rem;
  position: relative;
}
.update_video_container .container1 .left .create_new_gellery_box .youtube .video_input .form_group label,
.update_video_container .container1 .left .update_new_gellery_box .youtube .video_input .form_group label {
  font-size: 0.9rem;
  font-weight: 500;
  position: relative;
}
.update_video_container .container1 .left .create_new_gellery_box .youtube .video_input .form_group label sup,
.update_video_container .container1 .left .update_new_gellery_box .youtube .video_input .form_group label sup {
  color: red;
}
.update_video_container .container1 .left .create_new_gellery_box .youtube .video_input .form_group label img,
.update_video_container .container1 .left .update_new_gellery_box .youtube .video_input .form_group label img {
  margin-top: 0.5rem;
  width: 150px;
  height: 100px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border: 1px solid rgb(165, 165, 165);
  border-radius: 5px;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.3));
}
.update_video_container .container1 .left .create_new_gellery_box .youtube .video_input .form_group label i,
.update_video_container .container1 .left .update_new_gellery_box .youtube .video_input .form_group label i {
  position: absolute;
  font-size: 1.6rem;
  right: 0%;
  top: -6%;
  color: #6571ff;
}
.update_video_container .container1 .left .create_new_gellery_box .youtube .video_input .form_group text small,
.update_video_container .container1 .left .update_new_gellery_box .youtube .video_input .form_group text small {
  font-size: 0.7rem;
  font-weight: 500;
  color: gray;
}
.update_video_container .container1 .left .create_new_gellery_box .youtube .video_input .form_group p,
.update_video_container .container1 .left .update_new_gellery_box .youtube .video_input .form_group p {
  font-size: 0.7rem;
  font-weight: 550;
}
.update_video_container .container1 .left .create_new_gellery_box .youtube .video_input .form_group p strong,
.update_video_container .container1 .left .update_new_gellery_box .youtube .video_input .form_group p strong {
  color: red;
}
.update_video_container .container1 .left .create_new_gellery_box .youtube .video_input .form_group input,
.update_video_container .container1 .left .update_new_gellery_box .youtube .video_input .form_group input {
  padding: 10px 1rem;
  border: 1px solid rgb(165, 165, 165);
  outline: none;
  border-radius: 5px;
  width: 100%;
}
.update_video_container .container1 .left .create_new_gellery_box .youtube .video_input .form_group input::-moz-placeholder, .update_video_container .container1 .left .update_new_gellery_box .youtube .video_input .form_group input::-moz-placeholder {
  font-size: 0.8rem;
}
.update_video_container .container1 .left .create_new_gellery_box .youtube .video_input .form_group input::placeholder,
.update_video_container .container1 .left .update_new_gellery_box .youtube .video_input .form_group input::placeholder {
  font-size: 0.8rem;
}
.update_video_container .container1 .left .create_new_gellery_box .youtube .video_input .form_group textarea,
.update_video_container .container1 .left .update_new_gellery_box .youtube .video_input .form_group textarea {
  padding: 10px 1rem;
  border: 1px solid rgb(165, 165, 165);
  outline: none;
  border-radius: 5px;
  width: 100%;
}
.update_video_container .container1 .left .create_new_gellery_box .youtube .video_input .form_group input[type=file],
.update_video_container .container1 .left .update_new_gellery_box .youtube .video_input .form_group input[type=file] {
  display: block;
  border: none !important;
  width: 100%;
  font-size: 0.7rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-weight: 550;
  outline: none;
  color: #03796f;
  cursor: pointer;
}
.update_video_container .container1 .left .create_new_gellery_box .youtube .video_input .form_group .input_error,
.update_video_container .container1 .left .update_new_gellery_box .youtube .video_input .form_group .input_error {
  border: 1px solid rgb(255, 81, 81) !important;
  border-radius: 5px;
}
.update_video_container .container1 .left .create_new_gellery_box .youtube .video_input .form_group .input_success,
.update_video_container .container1 .left .update_new_gellery_box .youtube .video_input .form_group .input_success {
  border: 1px solid rgb(110, 110, 110) !important;
  border-radius: 5px;
}
.update_video_container .container1 .left .create_new_gellery_box .youtube .video_input .form_group .error,
.update_video_container .container1 .left .update_new_gellery_box .youtube .video_input .form_group .error {
  position: absolute;
  top: 0%;
  right: 0%;
  color: red;
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
.update_video_container .container1 .left .create_new_gellery_box .youtube .video_input .form_group .url_error,
.update_video_container .container1 .left .update_new_gellery_box .youtube .video_input .form_group .url_error {
  position: absolute;
  bottom: -25%;
  left: 0%;
  color: red;
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
.update_video_container .container1 .left .create_new_gellery_box .youtube .video_input .form_group textarea,
.update_video_container .container1 .left .update_new_gellery_box .youtube .video_input .form_group textarea {
  padding: 10px 1rem;
  border: 1px solid rgb(165, 165, 165);
  outline: none;
  border-radius: 5px;
  width: 100%;
  font-size: 0.9rem;
  color: rgb(63, 63, 63);
}
.update_video_container .container1 .left .create_new_gellery_box .youtube .video_input .form_group textarea::-moz-placeholder, .update_video_container .container1 .left .update_new_gellery_box .youtube .video_input .form_group textarea::-moz-placeholder {
  font-size: 0.8rem;
}
.update_video_container .container1 .left .create_new_gellery_box .youtube .video_input .form_group textarea::placeholder,
.update_video_container .container1 .left .update_new_gellery_box .youtube .video_input .form_group textarea::placeholder {
  font-size: 0.8rem;
}
.update_video_container .container1 .left .create_new_gellery_box .youtube .video_input .form_submit_actions,
.update_video_container .container1 .left .update_new_gellery_box .youtube .video_input .form_submit_actions {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: flex-end;
  gap: 1rem;
}
.update_video_container .container1 .left .create_new_gellery_box .youtube .video_input .form_submit_actions .save button,
.update_video_container .container1 .left .update_new_gellery_box .youtube .video_input .form_submit_actions .save button {
  outline: none;
  padding: 8px 1rem;
  border: transparent;
  background-color: #6571ff;
  border-radius: 5px;
  color: #fff;
  transition: all 0.3s ease;
}
.update_video_container .container1 .left .create_new_gellery_box .youtube .video_input .form_submit_actions .save button:hover,
.update_video_container .container1 .left .update_new_gellery_box .youtube .video_input .form_submit_actions .save button:hover {
  background-color: #8992fc;
  transition: all 0.3s ease;
}
.update_video_container .container1 .left .create_new_gellery_box .youtube .video_input .form_submit_actions .discard button,
.update_video_container .container1 .left .update_new_gellery_box .youtube .video_input .form_submit_actions .discard button {
  outline: none;
  padding: 8px 1rem;
  border: transparent;
  background-color: #727272;
  border-radius: 5px;
  color: #fff;
  transition: all 0.3s ease;
}
.update_video_container .container1 .left .create_new_gellery_box .youtube .video_input .form_submit_actions .discard button:hover,
.update_video_container .container1 .left .update_new_gellery_box .youtube .video_input .form_submit_actions .discard button:hover {
  background-color: #9c9c9c;
  transition: all 0.3s ease;
}
@media screen and (max-width: 776px) {
  .update_video_container .container1 .left .create_new_gellery_box .youtube .video_input,
  .update_video_container .container1 .left .update_new_gellery_box .youtube .video_input {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .update_video_container .container1 .left .create_new_gellery_box .youtube,
  .update_video_container .container1 .left .update_new_gellery_box .youtube {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
}
.update_video_container .container1 .left .create_new_gellery_box .All_videos_container,
.update_video_container .container1 .left .update_new_gellery_box .All_videos_container {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
  place-items: center;
  margin: 1rem auto;
}
.update_video_container .container1 .left .create_new_gellery_box .All_videos_container .video_box,
.update_video_container .container1 .left .update_new_gellery_box .All_videos_container .video_box {
  width: 150px;
  height: auto;
  background-color: rgb(243, 243, 243);
  border-radius: 0.5rem;
  box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
  margin: auto;
}
.update_video_container .container1 .left .create_new_gellery_box .All_videos_container .video_box .video_header,
.update_video_container .container1 .left .update_new_gellery_box .All_videos_container .video_box .video_header {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.update_video_container .container1 .left .create_new_gellery_box .All_videos_container .video_box .video_header h2,
.update_video_container .container1 .left .update_new_gellery_box .All_videos_container .video_box .video_header h2 {
  font-size: 0.9rem;
  font-weight: 550;
  color: royalblue;
}
.update_video_container .container1 .left .create_new_gellery_box .All_videos_container .video_box .video,
.update_video_container .container1 .left .update_new_gellery_box .All_videos_container .video_box .video {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}
.update_video_container .container1 .left .create_new_gellery_box .All_videos_container .video_box .video iframe,
.update_video_container .container1 .left .update_new_gellery_box .All_videos_container .video_box .video iframe {
  width: 100%;
  height: 100px;
}
.update_video_container .container1 .left .create_new_gellery_box .All_videos_container .video_box .icon_actions,
.update_video_container .container1 .left .update_new_gellery_box .All_videos_container .video_box .icon_actions {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1rem;
  height: 50px;
}
.update_video_container .container1 .left .create_new_gellery_box .All_videos_container .video_box .icon_actions .edit,
.update_video_container .container1 .left .create_new_gellery_box .All_videos_container .video_box .icon_actions .delete,
.update_video_container .container1 .left .update_new_gellery_box .All_videos_container .video_box .icon_actions .edit,
.update_video_container .container1 .left .update_new_gellery_box .All_videos_container .video_box .icon_actions .delete {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  flex-direction: column;
}
.update_video_container .container1 .left .create_new_gellery_box .All_videos_container .video_box .icon_actions .edit i,
.update_video_container .container1 .left .create_new_gellery_box .All_videos_container .video_box .icon_actions .delete i,
.update_video_container .container1 .left .update_new_gellery_box .All_videos_container .video_box .icon_actions .edit i,
.update_video_container .container1 .left .update_new_gellery_box .All_videos_container .video_box .icon_actions .delete i {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-size: 1.2rem;
  margin-right: 10px;
  cursor: pointer;
  transition: all 0.3s ease-in;
}
.update_video_container .container1 .left .create_new_gellery_box .All_videos_container .video_box .icon_actions .edit i:hover,
.update_video_container .container1 .left .create_new_gellery_box .All_videos_container .video_box .icon_actions .delete i:hover,
.update_video_container .container1 .left .update_new_gellery_box .All_videos_container .video_box .icon_actions .edit i:hover,
.update_video_container .container1 .left .update_new_gellery_box .All_videos_container .video_box .icon_actions .delete i:hover {
  scale: 1.1;
  filter: drop-shadow(0px 3px 4px rgba(0, 0, 0, 0.3));
  transition: all 0.3s ease-in;
}
.update_video_container .container1 .left .create_new_gellery_box .All_videos_container .video_box .icon_actions .edit small,
.update_video_container .container1 .left .create_new_gellery_box .All_videos_container .video_box .icon_actions .delete small,
.update_video_container .container1 .left .update_new_gellery_box .All_videos_container .video_box .icon_actions .edit small,
.update_video_container .container1 .left .update_new_gellery_box .All_videos_container .video_box .icon_actions .delete small {
  font-size: 0.6rem;
  font-weight: 550;
}
.update_video_container .container1 .left .create_new_gellery_box .All_videos_container .video_box:hover,
.update_video_container .container1 .left .update_new_gellery_box .All_videos_container .video_box:hover {
  background-color: rgb(231, 231, 231);
}
.update_video_container .container1 .left .create_new_gellery_box .All_videos_container .note,
.update_video_container .container1 .left .update_new_gellery_box .All_videos_container .note {
  width: 100% !important;
  height: 100%;
  display: flex;
  grid-column: 1/-1;
  align-items: center;
  justify-content: center;
}
.update_video_container .container1 .left .create_new_gellery_box .All_videos_container .note small,
.update_video_container .container1 .left .update_new_gellery_box .All_videos_container .note small {
  font-size: 0.9rem;
  font-weight: 550;
  color: gray;
}
@media screen and (min-width: 1400px) {
  .update_video_container .container1 .left .create_new_gellery_box .All_videos_container,
  .update_video_container .container1 .left .update_new_gellery_box .All_videos_container {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
@media screen and (max-width: 900px) {
  .update_video_container .container1 .left .create_new_gellery_box,
  .update_video_container .container1 .left .update_new_gellery_box {
    width: 100% !important;
    max-width: 95% !important;
    height: auto;
  }
}
.update_video_container #shadow_background {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 8%;
  left: 0%;
  background-color: rgba(61, 61, 61, 0.6039215686);
  transition: all 0.4s ease-in;
  overflow-y: scroll;
}
.update_video_container #shadow_background::-webkit-scrollbar {
  width: 4px;
  background-color: rgba(61, 61, 61, 0.6039215686);
}
.update_video_container #shadow_background::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #6571ff;
}
.update_video_container .create_new_gallerycontainer,
.update_video_container .update_new_gallerycontainer {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.update_video_container .create_new_gallerycontainer .create_new_gellery_box,
.update_video_container .create_new_gallerycontainer .update_new_gellery_box,
.update_video_container .update_new_gallerycontainer .create_new_gellery_box,
.update_video_container .update_new_gallerycontainer .update_new_gellery_box {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 950px;
  max-width: 60% !important;
  margin: 1rem auto;
  padding: 1rem;
  place-items: center;
  height: auto;
  background-color: #fff;
  box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  z-index: 700;
}
.update_video_container .create_new_gallerycontainer .create_new_gellery_box .title,
.update_video_container .create_new_gallerycontainer .update_new_gellery_box .title,
.update_video_container .update_new_gallerycontainer .create_new_gellery_box .title,
.update_video_container .update_new_gallerycontainer .update_new_gellery_box .title {
  display: flex;
  align-self: center;
  justify-content: space-between;
  width: 100%;
  height: 50px;
  border-bottom: 1px solid rgb(231, 231, 231);
}
.update_video_container .create_new_gallerycontainer .create_new_gellery_box .title p,
.update_video_container .create_new_gallerycontainer .update_new_gellery_box .title p,
.update_video_container .update_new_gallerycontainer .create_new_gellery_box .title p,
.update_video_container .update_new_gallerycontainer .update_new_gellery_box .title p {
  font-weight: 500;
  font-size: 1.1rem;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.update_video_container .create_new_gallerycontainer .create_new_gellery_box .title i,
.update_video_container .create_new_gallerycontainer .update_new_gellery_box .title i,
.update_video_container .update_new_gallerycontainer .create_new_gellery_box .title i,
.update_video_container .update_new_gallerycontainer .update_new_gellery_box .title i {
  font-size: 2rem;
  color: gray;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.update_video_container .create_new_gallerycontainer .create_new_gellery_box .title i:hover,
.update_video_container .create_new_gallerycontainer .update_new_gellery_box .title i:hover,
.update_video_container .update_new_gallerycontainer .create_new_gellery_box .title i:hover,
.update_video_container .update_new_gallerycontainer .update_new_gellery_box .title i:hover {
  color: red;
}
.update_video_container .create_new_gallerycontainer .create_new_gellery_box form,
.update_video_container .create_new_gallerycontainer .update_new_gellery_box form,
.update_video_container .update_new_gallerycontainer .create_new_gellery_box form,
.update_video_container .update_new_gallerycontainer .update_new_gellery_box form {
  margin: 1rem auto;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  flex: 1;
  width: 100%;
  height: 100%;
}
.update_video_container .create_new_gallerycontainer .create_new_gellery_box form .video_show,
.update_video_container .create_new_gallerycontainer .update_new_gellery_box form .video_show,
.update_video_container .update_new_gallerycontainer .create_new_gellery_box form .video_show,
.update_video_container .update_new_gallerycontainer .update_new_gellery_box form .video_show {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-start;
  gap: 10px;
}
.update_video_container .create_new_gallerycontainer .create_new_gellery_box form .video_show label,
.update_video_container .create_new_gallerycontainer .update_new_gellery_box form .video_show label,
.update_video_container .update_new_gallerycontainer .create_new_gellery_box form .video_show label,
.update_video_container .update_new_gallerycontainer .update_new_gellery_box form .video_show label {
  font-size: 0.9rem;
  font-weight: 500;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.update_video_container .create_new_gallerycontainer .create_new_gellery_box form .video_show label .icon,
.update_video_container .create_new_gallerycontainer .update_new_gellery_box form .video_show label .icon,
.update_video_container .update_new_gallerycontainer .create_new_gellery_box form .video_show label .icon,
.update_video_container .update_new_gallerycontainer .update_new_gellery_box form .video_show label .icon {
  font-size: 1.4rem;
  color: royalblue;
}
.update_video_container .create_new_gallerycontainer .create_new_gellery_box form .video_show .video,
.update_video_container .create_new_gallerycontainer .update_new_gellery_box form .video_show .video,
.update_video_container .update_new_gallerycontainer .create_new_gellery_box form .video_show .video,
.update_video_container .update_new_gallerycontainer .update_new_gellery_box form .video_show .video {
  width: 100%;
}
.update_video_container .create_new_gallerycontainer .create_new_gellery_box form .video_show .video iframe,
.update_video_container .create_new_gallerycontainer .update_new_gellery_box form .video_show .video iframe,
.update_video_container .update_new_gallerycontainer .create_new_gellery_box form .video_show .video iframe,
.update_video_container .update_new_gallerycontainer .update_new_gellery_box form .video_show .video iframe {
  width: 100%;
  height: 250px;
  filter: brightness(105%);
}
@media screen and (max-width: 776px) {
  .update_video_container .create_new_gallerycontainer .create_new_gellery_box form .video_show,
  .update_video_container .create_new_gallerycontainer .update_new_gellery_box form .video_show,
  .update_video_container .update_new_gallerycontainer .create_new_gellery_box form .video_show,
  .update_video_container .update_new_gallerycontainer .update_new_gellery_box form .video_show {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
}
.update_video_container .create_new_gallerycontainer .create_new_gellery_box form .video_input,
.update_video_container .create_new_gallerycontainer .update_new_gellery_box form .video_input,
.update_video_container .update_new_gallerycontainer .create_new_gellery_box form .video_input,
.update_video_container .update_new_gallerycontainer .update_new_gellery_box form .video_input {
  width: 50%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  gap: 1rem;
}
.update_video_container .create_new_gallerycontainer .create_new_gellery_box form .video_input .form_group,
.update_video_container .create_new_gallerycontainer .update_new_gellery_box form .video_input .form_group,
.update_video_container .update_new_gallerycontainer .create_new_gellery_box form .video_input .form_group,
.update_video_container .update_new_gallerycontainer .update_new_gellery_box form .video_input .form_group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  justify-content: center;
  width: 100%;
  margin-bottom: 1rem;
  position: relative;
}
.update_video_container .create_new_gallerycontainer .create_new_gellery_box form .video_input .form_group label,
.update_video_container .create_new_gallerycontainer .update_new_gellery_box form .video_input .form_group label,
.update_video_container .update_new_gallerycontainer .create_new_gellery_box form .video_input .form_group label,
.update_video_container .update_new_gallerycontainer .update_new_gellery_box form .video_input .form_group label {
  font-size: 0.9rem;
  font-weight: 500;
  position: relative;
}
.update_video_container .create_new_gallerycontainer .create_new_gellery_box form .video_input .form_group label sup,
.update_video_container .create_new_gallerycontainer .update_new_gellery_box form .video_input .form_group label sup,
.update_video_container .update_new_gallerycontainer .create_new_gellery_box form .video_input .form_group label sup,
.update_video_container .update_new_gallerycontainer .update_new_gellery_box form .video_input .form_group label sup {
  color: red;
}
.update_video_container .create_new_gallerycontainer .create_new_gellery_box form .video_input .form_group label img,
.update_video_container .create_new_gallerycontainer .update_new_gellery_box form .video_input .form_group label img,
.update_video_container .update_new_gallerycontainer .create_new_gellery_box form .video_input .form_group label img,
.update_video_container .update_new_gallerycontainer .update_new_gellery_box form .video_input .form_group label img {
  margin-top: 0.5rem;
  width: 150px;
  height: 100px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border: 1px solid rgb(165, 165, 165);
  border-radius: 5px;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.3));
}
.update_video_container .create_new_gallerycontainer .create_new_gellery_box form .video_input .form_group label i,
.update_video_container .create_new_gallerycontainer .update_new_gellery_box form .video_input .form_group label i,
.update_video_container .update_new_gallerycontainer .create_new_gellery_box form .video_input .form_group label i,
.update_video_container .update_new_gallerycontainer .update_new_gellery_box form .video_input .form_group label i {
  position: absolute;
  font-size: 1.6rem;
  right: 0%;
  top: -6%;
  color: #6571ff;
}
.update_video_container .create_new_gallerycontainer .create_new_gellery_box form .video_input .form_group text small,
.update_video_container .create_new_gallerycontainer .update_new_gellery_box form .video_input .form_group text small,
.update_video_container .update_new_gallerycontainer .create_new_gellery_box form .video_input .form_group text small,
.update_video_container .update_new_gallerycontainer .update_new_gellery_box form .video_input .form_group text small {
  font-size: 0.7rem;
  font-weight: 500;
  color: gray;
}
.update_video_container .create_new_gallerycontainer .create_new_gellery_box form .video_input .form_group p,
.update_video_container .create_new_gallerycontainer .update_new_gellery_box form .video_input .form_group p,
.update_video_container .update_new_gallerycontainer .create_new_gellery_box form .video_input .form_group p,
.update_video_container .update_new_gallerycontainer .update_new_gellery_box form .video_input .form_group p {
  font-size: 0.7rem;
  font-weight: 550;
}
.update_video_container .create_new_gallerycontainer .create_new_gellery_box form .video_input .form_group p strong,
.update_video_container .create_new_gallerycontainer .update_new_gellery_box form .video_input .form_group p strong,
.update_video_container .update_new_gallerycontainer .create_new_gellery_box form .video_input .form_group p strong,
.update_video_container .update_new_gallerycontainer .update_new_gellery_box form .video_input .form_group p strong {
  color: red;
}
.update_video_container .create_new_gallerycontainer .create_new_gellery_box form .video_input .form_group input,
.update_video_container .create_new_gallerycontainer .update_new_gellery_box form .video_input .form_group input,
.update_video_container .update_new_gallerycontainer .create_new_gellery_box form .video_input .form_group input,
.update_video_container .update_new_gallerycontainer .update_new_gellery_box form .video_input .form_group input {
  padding: 10px 1rem;
  border: 1px solid rgb(165, 165, 165);
  outline: none;
  border-radius: 5px;
  width: 100%;
}
.update_video_container .create_new_gallerycontainer .create_new_gellery_box form .video_input .form_group input::-moz-placeholder, .update_video_container .create_new_gallerycontainer .update_new_gellery_box form .video_input .form_group input::-moz-placeholder, .update_video_container .update_new_gallerycontainer .create_new_gellery_box form .video_input .form_group input::-moz-placeholder, .update_video_container .update_new_gallerycontainer .update_new_gellery_box form .video_input .form_group input::-moz-placeholder {
  font-size: 0.8rem;
}
.update_video_container .create_new_gallerycontainer .create_new_gellery_box form .video_input .form_group input::placeholder,
.update_video_container .create_new_gallerycontainer .update_new_gellery_box form .video_input .form_group input::placeholder,
.update_video_container .update_new_gallerycontainer .create_new_gellery_box form .video_input .form_group input::placeholder,
.update_video_container .update_new_gallerycontainer .update_new_gellery_box form .video_input .form_group input::placeholder {
  font-size: 0.8rem;
}
.update_video_container .create_new_gallerycontainer .create_new_gellery_box form .video_input .form_group textarea,
.update_video_container .create_new_gallerycontainer .update_new_gellery_box form .video_input .form_group textarea,
.update_video_container .update_new_gallerycontainer .create_new_gellery_box form .video_input .form_group textarea,
.update_video_container .update_new_gallerycontainer .update_new_gellery_box form .video_input .form_group textarea {
  padding: 10px 1rem;
  border: 1px solid rgb(165, 165, 165);
  outline: none;
  border-radius: 5px;
  width: 100%;
}
.update_video_container .create_new_gallerycontainer .create_new_gellery_box form .video_input .form_group input[type=file],
.update_video_container .create_new_gallerycontainer .update_new_gellery_box form .video_input .form_group input[type=file],
.update_video_container .update_new_gallerycontainer .create_new_gellery_box form .video_input .form_group input[type=file],
.update_video_container .update_new_gallerycontainer .update_new_gellery_box form .video_input .form_group input[type=file] {
  display: block;
  border: none !important;
  width: 100%;
  font-size: 0.7rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-weight: 550;
  outline: none;
  color: #03796f;
  cursor: pointer;
}
.update_video_container .create_new_gallerycontainer .create_new_gellery_box form .video_input .form_group .input_error,
.update_video_container .create_new_gallerycontainer .update_new_gellery_box form .video_input .form_group .input_error,
.update_video_container .update_new_gallerycontainer .create_new_gellery_box form .video_input .form_group .input_error,
.update_video_container .update_new_gallerycontainer .update_new_gellery_box form .video_input .form_group .input_error {
  border: 1px solid rgb(255, 81, 81) !important;
  border-radius: 5px;
}
.update_video_container .create_new_gallerycontainer .create_new_gellery_box form .video_input .form_group .input_success,
.update_video_container .create_new_gallerycontainer .update_new_gellery_box form .video_input .form_group .input_success,
.update_video_container .update_new_gallerycontainer .create_new_gellery_box form .video_input .form_group .input_success,
.update_video_container .update_new_gallerycontainer .update_new_gellery_box form .video_input .form_group .input_success {
  border: 1px solid rgb(110, 110, 110) !important;
  border-radius: 5px;
}
.update_video_container .create_new_gallerycontainer .create_new_gellery_box form .video_input .form_group .error,
.update_video_container .create_new_gallerycontainer .update_new_gellery_box form .video_input .form_group .error,
.update_video_container .update_new_gallerycontainer .create_new_gellery_box form .video_input .form_group .error,
.update_video_container .update_new_gallerycontainer .update_new_gellery_box form .video_input .form_group .error {
  position: absolute;
  bottom: -5%;
  left: 0%;
  color: red;
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
.update_video_container .create_new_gallerycontainer .create_new_gellery_box form .video_input .form_group .url_error,
.update_video_container .create_new_gallerycontainer .update_new_gellery_box form .video_input .form_group .url_error,
.update_video_container .update_new_gallerycontainer .create_new_gellery_box form .video_input .form_group .url_error,
.update_video_container .update_new_gallerycontainer .update_new_gellery_box form .video_input .form_group .url_error {
  position: absolute;
  bottom: -25%;
  left: 0%;
  color: red;
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
.update_video_container .create_new_gallerycontainer .create_new_gellery_box form .video_input .form_group textarea,
.update_video_container .create_new_gallerycontainer .update_new_gellery_box form .video_input .form_group textarea,
.update_video_container .update_new_gallerycontainer .create_new_gellery_box form .video_input .form_group textarea,
.update_video_container .update_new_gallerycontainer .update_new_gellery_box form .video_input .form_group textarea {
  padding: 10px 1rem;
  border: 1px solid rgb(165, 165, 165);
  outline: none;
  border-radius: 5px;
  width: 100%;
  font-size: 0.9rem;
  color: rgb(63, 63, 63);
}
.update_video_container .create_new_gallerycontainer .create_new_gellery_box form .video_input .form_group textarea::-moz-placeholder, .update_video_container .create_new_gallerycontainer .update_new_gellery_box form .video_input .form_group textarea::-moz-placeholder, .update_video_container .update_new_gallerycontainer .create_new_gellery_box form .video_input .form_group textarea::-moz-placeholder, .update_video_container .update_new_gallerycontainer .update_new_gellery_box form .video_input .form_group textarea::-moz-placeholder {
  font-size: 0.8rem;
}
.update_video_container .create_new_gallerycontainer .create_new_gellery_box form .video_input .form_group textarea::placeholder,
.update_video_container .create_new_gallerycontainer .update_new_gellery_box form .video_input .form_group textarea::placeholder,
.update_video_container .update_new_gallerycontainer .create_new_gellery_box form .video_input .form_group textarea::placeholder,
.update_video_container .update_new_gallerycontainer .update_new_gellery_box form .video_input .form_group textarea::placeholder {
  font-size: 0.8rem;
}
.update_video_container .create_new_gallerycontainer .create_new_gellery_box form .video_input .form_submit_actions,
.update_video_container .create_new_gallerycontainer .update_new_gellery_box form .video_input .form_submit_actions,
.update_video_container .update_new_gallerycontainer .create_new_gellery_box form .video_input .form_submit_actions,
.update_video_container .update_new_gallerycontainer .update_new_gellery_box form .video_input .form_submit_actions {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: flex-end;
  gap: 1rem;
}
.update_video_container .create_new_gallerycontainer .create_new_gellery_box form .video_input .form_submit_actions .save button,
.update_video_container .create_new_gallerycontainer .update_new_gellery_box form .video_input .form_submit_actions .save button,
.update_video_container .update_new_gallerycontainer .create_new_gellery_box form .video_input .form_submit_actions .save button,
.update_video_container .update_new_gallerycontainer .update_new_gellery_box form .video_input .form_submit_actions .save button {
  outline: none;
  padding: 8px 1rem;
  border: transparent;
  background-color: #6571ff;
  border-radius: 5px;
  color: #fff;
  transition: all 0.3s ease;
}
.update_video_container .create_new_gallerycontainer .create_new_gellery_box form .video_input .form_submit_actions .save button:hover,
.update_video_container .create_new_gallerycontainer .update_new_gellery_box form .video_input .form_submit_actions .save button:hover,
.update_video_container .update_new_gallerycontainer .create_new_gellery_box form .video_input .form_submit_actions .save button:hover,
.update_video_container .update_new_gallerycontainer .update_new_gellery_box form .video_input .form_submit_actions .save button:hover {
  background-color: #8992fc;
  transition: all 0.3s ease;
}
.update_video_container .create_new_gallerycontainer .create_new_gellery_box form .video_input .form_submit_actions .discard button,
.update_video_container .create_new_gallerycontainer .update_new_gellery_box form .video_input .form_submit_actions .discard button,
.update_video_container .update_new_gallerycontainer .create_new_gellery_box form .video_input .form_submit_actions .discard button,
.update_video_container .update_new_gallerycontainer .update_new_gellery_box form .video_input .form_submit_actions .discard button {
  outline: none;
  padding: 8px 1rem;
  border: transparent;
  background-color: #727272;
  border-radius: 5px;
  color: #fff;
  transition: all 0.3s ease;
}
.update_video_container .create_new_gallerycontainer .create_new_gellery_box form .video_input .form_submit_actions .discard button:hover,
.update_video_container .create_new_gallerycontainer .update_new_gellery_box form .video_input .form_submit_actions .discard button:hover,
.update_video_container .update_new_gallerycontainer .create_new_gellery_box form .video_input .form_submit_actions .discard button:hover,
.update_video_container .update_new_gallerycontainer .update_new_gellery_box form .video_input .form_submit_actions .discard button:hover {
  background-color: #9c9c9c;
  transition: all 0.3s ease;
}
@media screen and (max-width: 776px) {
  .update_video_container .create_new_gallerycontainer .create_new_gellery_box form .video_input,
  .update_video_container .create_new_gallerycontainer .update_new_gellery_box form .video_input,
  .update_video_container .update_new_gallerycontainer .create_new_gellery_box form .video_input,
  .update_video_container .update_new_gallerycontainer .update_new_gellery_box form .video_input {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .update_video_container .create_new_gallerycontainer .create_new_gellery_box form,
  .update_video_container .create_new_gallerycontainer .update_new_gellery_box form,
  .update_video_container .update_new_gallerycontainer .create_new_gellery_box form,
  .update_video_container .update_new_gallerycontainer .update_new_gellery_box form {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
}
@media screen and (max-width: 900px) {
  .update_video_container .create_new_gallerycontainer .create_new_gellery_box,
  .update_video_container .create_new_gallerycontainer .update_new_gellery_box,
  .update_video_container .update_new_gallerycontainer .create_new_gellery_box,
  .update_video_container .update_new_gallerycontainer .update_new_gellery_box {
    width: 100% !important;
    max-width: 95% !important;
    height: auto;
  }
}
@media screen and (max-width: 776px) {
  .update_video_container {
    padding: 0px;
  }
}

#galleryOpen {
  display: block;
  scale: 1;
  transition: all 0.4s ease-in;
}

#galleryClose {
  display: none;
  scale: 0.9;
  transition: all 0.2s ease-in;
}

#galleryUpdateOpen {
  display: block;
  scale: 1;
  transition: all 0.4s ease-in;
}

#galleryUpdateClose {
  display: none;
  scale: 0.9;
  transition: all 0.2s ease-in;
}.update_testimonial_container {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 1rem;
}
.update_testimonial_container .image_title {
  width: 100%;
  display: flex;
  grid-column: 1/-1;
  align-items: center;
  justify-content: flex-start;
}
.update_testimonial_container .image_title h4 {
  font-size: 1.2rem;
  font-weight: 550;
  color: #525252;
}
.update_testimonial_container .add_new_testimonial {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
}
.update_testimonial_container .add_new_testimonial button {
  outline: none;
  border: transparent;
  border-radius: 5px;
  padding: 7px 1rem;
  font-weight: 500;
  background-color: #6571ff;
  color: #fff;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.update_testimonial_container .add_new_testimonial button i {
  font-size: 1.4rem;
  font-weight: 550;
}
.update_testimonial_container .add_new_testimonial button:hover {
  box-shadow: 0px 2px 3px rgb(0, 0, 0.1);
  background-color: #6571ff;
  color: rgb(255, 255, 255);
  font-weight: 500 Im !important;
  transition: all 0.3s ease;
}
.update_testimonial_container .plan_based_service_add_note {
  margin-top: 2rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.update_testimonial_container .plan_based_service_add_note .note {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.update_testimonial_container .plan_based_service_add_note .note i {
  font-size: 1.3rem;
  color: rgb(94, 94, 94);
}
.update_testimonial_container .plan_based_service_add_note .note small {
  font-size: 0.8rem;
  font-weight: 550;
  color: #427dfa;
}
.update_testimonial_container .plan_based_service_add_note .note small strong {
  color: #464545;
}
.update_testimonial_container .All_testimonial_container {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 1rem;
  place-items: center;
  margin: 1rem auto;
}
.update_testimonial_container .All_testimonial_container .video_box {
  width: 300px;
  height: auto;
  background-color: rgb(243, 243, 243);
  border-radius: 0.5rem;
  box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
  margin: auto;
}
.update_testimonial_container .All_testimonial_container .video_box .video_header {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  width: 100%;
}
.update_testimonial_container .All_testimonial_container .video_box .video_header h2 {
  font-size: 0.9rem;
  font-weight: 550;
  color: royalblue;
}
.update_testimonial_container .All_testimonial_container .video_box .video {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}
.update_testimonial_container .All_testimonial_container .video_box .video iframe {
  width: 100%;
  height: 140px;
  border-radius: 0.6rem;
}
.update_testimonial_container .All_testimonial_container .video_box .video img {
  width: 60px;
  height: 60px;
  border-radius: 1rem;
  box-shadow: rgba(14, 63, 126, 0.04) 0px 0px 0px 1px, rgba(42, 51, 69, 0.04) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.04) 0px 6px 6px -3px, rgba(14, 63, 126, 0.04) 0px 12px 12px -6px, rgba(14, 63, 126, 0.04) 0px 24px 24px -12px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: centers;
     object-position: centers;
}
.update_testimonial_container .All_testimonial_container .video_box .product_details {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-start;
  gap: 10px;
  padding: 0.5rem;
  width: 100%;
}
.update_testimonial_container .All_testimonial_container .video_box .product_details .detail {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 10px;
  flex: 1;
  width: 100%;
}
.update_testimonial_container .All_testimonial_container .video_box .product_details .detail .title {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 3px;
  flex: 0.4;
}
.update_testimonial_container .All_testimonial_container .video_box .product_details .detail .title h5 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 0.8rem;
  font-weight: 550;
}
.update_testimonial_container .All_testimonial_container .video_box .product_details .detail .data {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 4px;
  flex: 0.6;
}
.update_testimonial_container .All_testimonial_container .video_box .product_details .detail .data small {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-weight: bold;
  font-size: 0.8rem;
}
.update_testimonial_container .All_testimonial_container .video_box .product_details .detail .data p {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 0.7rem;
  font-weight: 500;
}
.update_testimonial_container .All_testimonial_container .video_box .icon_actions {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1rem;
  height: 50px;
}
.update_testimonial_container .All_testimonial_container .video_box .icon_actions .edit,
.update_testimonial_container .All_testimonial_container .video_box .icon_actions .delete, .update_testimonial_container .All_testimonial_container .video_box .icon_actions .show {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  flex-direction: column;
}
.update_testimonial_container .All_testimonial_container .video_box .icon_actions .edit i,
.update_testimonial_container .All_testimonial_container .video_box .icon_actions .delete i, .update_testimonial_container .All_testimonial_container .video_box .icon_actions .show i {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-size: 1.5rem;
  margin-right: 10px;
  cursor: pointer;
  transition: all 0.3s ease-in;
}
.update_testimonial_container .All_testimonial_container .video_box .icon_actions .edit i:hover,
.update_testimonial_container .All_testimonial_container .video_box .icon_actions .delete i:hover, .update_testimonial_container .All_testimonial_container .video_box .icon_actions .show i:hover {
  scale: 1.1;
  filter: drop-shadow(0px 3px 4px rgba(0, 0, 0, 0.3));
  transition: all 0.3s ease-in;
}
.update_testimonial_container .All_testimonial_container .video_box .icon_actions .edit small,
.update_testimonial_container .All_testimonial_container .video_box .icon_actions .delete small, .update_testimonial_container .All_testimonial_container .video_box .icon_actions .show small {
  font-size: 0.6rem;
  font-weight: 550;
}
.update_testimonial_container .All_testimonial_container .video_box:hover {
  background-color: rgb(231, 231, 231);
}
.update_testimonial_container .All_testimonial_container .note {
  width: 100% !important;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.update_testimonial_container .All_testimonial_container .note small {
  font-size: 0.9rem;
  font-weight: 550;
  color: gray;
}
.update_testimonial_container .testimonial_list_table {
  margin: 0.5rem auto;
  padding: 1rem 0.2rem;
  width: 100%;
  overflow-x: auto;
}
.update_testimonial_container .testimonial_list_table table {
  min-width: 100%;
  border-collapse: collapse;
}
.update_testimonial_container .testimonial_list_table table thead tr th {
  text-align: center;
  padding: 0.7rem 0.5rem;
  font-size: 0.7rem;
  background-color: #427dfa !important;
  font-weight: 550 !important;
  letter-spacing: 1px;
  color: rgb(255, 255, 255);
  background-color: rgb(248, 248, 248);
}
.update_testimonial_container .testimonial_list_table table tbody p {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 10px;
  width: 100%;
  font-size: 0.8rem;
  font-weight: 550;
  color: tomato;
  vertical-align: middle;
}
.update_testimonial_container .testimonial_list_table table tbody tr td {
  padding: 0.5rem;
  font-size: 0.8rem;
  text-align: center;
  font-weight: bold;
  background-color: rgb(199, 255, 199);
  color: rgb(43, 43, 43);
  border-top: 1px solid #dddddd;
}
.update_testimonial_container .testimonial_list_table table tbody tr td img {
  width: 60px;
  height: 60px;
  border: 1px solid lightcyan;
  border-radius: 50%;
  border: 2px solid rgb(187, 187, 187);
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.update_testimonial_container .testimonial_list_table table tbody tr td i {
  font-size: 1.5rem;
  margin-right: 10px;
  cursor: pointer;
}
.update_testimonial_container .testimonial_list_table table tbody tr td i:hover {
  filter: drop-shadow(0px 3px 4px rgba(0, 0, 0, 0.3));
}
@media screen and (max-width: 600px) {
  .update_testimonial_container .testimonial_list_table table {
    min-width: 330%;
  }
}
.update_testimonial_container #shadow_background {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 8%;
  left: 0%;
  background-color: rgba(61, 61, 61, 0.6039215686);
  transition: all 0.4s ease-in;
  overflow-y: scroll;
}
.update_testimonial_container #shadow_background::-webkit-scrollbar {
  width: 4px;
  background-color: rgba(61, 61, 61, 0.6039215686);
}
.update_testimonial_container #shadow_background::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #707070 !important;
}
.update_testimonial_container .create_new_testimonial_container .create_new_testimonial_box, .update_testimonial_container .create_new_testimonial_container .update_new_testimonial_box, .update_testimonial_container .update_new_testimonial_container .create_new_testimonial_box, .update_testimonial_container .update_new_testimonial_container .update_new_testimonial_box {
  width: 100%;
  max-width: 100%;
  margin: 1rem auto;
  padding: 1rem 0px 1rem 1rem;
  place-items: center;
  height: auto;
  z-index: 1000;
  background-color: #fff;
  box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
}
.update_testimonial_container .create_new_testimonial_container .create_new_testimonial_box .title, .update_testimonial_container .create_new_testimonial_container .update_new_testimonial_box .title, .update_testimonial_container .update_new_testimonial_container .create_new_testimonial_box .title, .update_testimonial_container .update_new_testimonial_container .update_new_testimonial_box .title {
  display: flex;
  align-self: center;
  justify-content: space-between;
  width: 100%;
  height: 50px;
  border-bottom: 1px solid rgb(231, 231, 231);
}
.update_testimonial_container .create_new_testimonial_container .create_new_testimonial_box .title p, .update_testimonial_container .create_new_testimonial_container .update_new_testimonial_box .title p, .update_testimonial_container .update_new_testimonial_container .create_new_testimonial_box .title p, .update_testimonial_container .update_new_testimonial_container .update_new_testimonial_box .title p {
  font-weight: 500;
  font-size: 1.1rem;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.update_testimonial_container .create_new_testimonial_container .create_new_testimonial_box .title i, .update_testimonial_container .create_new_testimonial_container .update_new_testimonial_box .title i, .update_testimonial_container .update_new_testimonial_container .create_new_testimonial_box .title i, .update_testimonial_container .update_new_testimonial_container .update_new_testimonial_box .title i {
  font-size: 2rem;
  color: gray;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.update_testimonial_container .create_new_testimonial_container .create_new_testimonial_box .title i:hover, .update_testimonial_container .create_new_testimonial_container .update_new_testimonial_box .title i:hover, .update_testimonial_container .update_new_testimonial_container .create_new_testimonial_box .title i:hover, .update_testimonial_container .update_new_testimonial_container .update_new_testimonial_box .title i:hover {
  color: red;
}
.update_testimonial_container .create_new_testimonial_container .create_new_testimonial_box form, .update_testimonial_container .create_new_testimonial_container .update_new_testimonial_box form, .update_testimonial_container .update_new_testimonial_container .create_new_testimonial_box form, .update_testimonial_container .update_new_testimonial_container .update_new_testimonial_box form {
  margin: 1rem auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-row-gap: 0.5rem;
  grid-column-gap: 0.5rem;
  place-items: start;
  overflow-y: scroll;
  padding-bottom: 2rem;
  padding-right: 10px;
  width: 100%;
  position: relative;
}
.update_testimonial_container .create_new_testimonial_container .create_new_testimonial_box form .form_group, .update_testimonial_container .create_new_testimonial_container .update_new_testimonial_box form .form_group, .update_testimonial_container .update_new_testimonial_container .create_new_testimonial_box form .form_group, .update_testimonial_container .update_new_testimonial_container .update_new_testimonial_box form .form_group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  margin-bottom: 1rem;
}
.update_testimonial_container .create_new_testimonial_container .create_new_testimonial_box form .form_group label, .update_testimonial_container .create_new_testimonial_container .update_new_testimonial_box form .form_group label, .update_testimonial_container .update_new_testimonial_container .create_new_testimonial_box form .form_group label, .update_testimonial_container .update_new_testimonial_container .update_new_testimonial_box form .form_group label {
  font-size: 0.9rem;
  font-weight: 500;
  position: relative;
}
.update_testimonial_container .create_new_testimonial_container .create_new_testimonial_box form .form_group label sup, .update_testimonial_container .create_new_testimonial_container .update_new_testimonial_box form .form_group label sup, .update_testimonial_container .update_new_testimonial_container .create_new_testimonial_box form .form_group label sup, .update_testimonial_container .update_new_testimonial_container .update_new_testimonial_box form .form_group label sup {
  color: red;
}
.update_testimonial_container .create_new_testimonial_container .create_new_testimonial_box form .form_group label img, .update_testimonial_container .create_new_testimonial_container .update_new_testimonial_box form .form_group label img, .update_testimonial_container .update_new_testimonial_container .create_new_testimonial_box form .form_group label img, .update_testimonial_container .update_new_testimonial_container .update_new_testimonial_box form .form_group label img {
  width: 80px;
  height: 80px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border: 1px solid rgb(165, 165, 165);
  border-radius: 50%;
  cursor: pointer;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.3));
}
.update_testimonial_container .create_new_testimonial_container .create_new_testimonial_box form .form_group label i, .update_testimonial_container .create_new_testimonial_container .update_new_testimonial_box form .form_group label i, .update_testimonial_container .update_new_testimonial_container .create_new_testimonial_box form .form_group label i, .update_testimonial_container .update_new_testimonial_container .update_new_testimonial_box form .form_group label i {
  position: absolute;
  font-size: 1.6rem;
  right: 0%;
  top: -5%;
  color: #6571ff;
}
.update_testimonial_container .create_new_testimonial_container .create_new_testimonial_box form .form_group small, .update_testimonial_container .create_new_testimonial_container .update_new_testimonial_box form .form_group small, .update_testimonial_container .update_new_testimonial_container .create_new_testimonial_box form .form_group small, .update_testimonial_container .update_new_testimonial_container .update_new_testimonial_box form .form_group small {
  font-size: 0.7rem;
  font-weight: 500;
  color: gray;
}
.update_testimonial_container .create_new_testimonial_container .create_new_testimonial_box form .form_group .p-editor-toolbar, .update_testimonial_container .create_new_testimonial_container .update_new_testimonial_box form .form_group .p-editor-toolbar, .update_testimonial_container .update_new_testimonial_container .create_new_testimonial_box form .form_group .p-editor-toolbar, .update_testimonial_container .update_new_testimonial_container .update_new_testimonial_box form .form_group .p-editor-toolbar {
  border: 1px solid #b9b9b9;
}
.update_testimonial_container .create_new_testimonial_container .create_new_testimonial_box form .form_group .ql-editor, .update_testimonial_container .create_new_testimonial_container .update_new_testimonial_box form .form_group .ql-editor, .update_testimonial_container .update_new_testimonial_container .create_new_testimonial_box form .form_group .ql-editor, .update_testimonial_container .update_new_testimonial_container .update_new_testimonial_box form .form_group .ql-editor {
  border: 1px solid #b9b9b9;
}
.update_testimonial_container .create_new_testimonial_container .create_new_testimonial_box form .form_group input, .update_testimonial_container .create_new_testimonial_container .update_new_testimonial_box form .form_group input, .update_testimonial_container .update_new_testimonial_container .create_new_testimonial_box form .form_group input, .update_testimonial_container .update_new_testimonial_container .update_new_testimonial_box form .form_group input {
  padding: 10px 1rem;
  border: 1px solid rgb(165, 165, 165);
  outline: none;
  border-radius: 5px;
  width: 100%;
}
.update_testimonial_container .create_new_testimonial_container .create_new_testimonial_box form .form_group input::-moz-placeholder, .update_testimonial_container .create_new_testimonial_container .update_new_testimonial_box form .form_group input::-moz-placeholder, .update_testimonial_container .update_new_testimonial_container .create_new_testimonial_box form .form_group input::-moz-placeholder, .update_testimonial_container .update_new_testimonial_container .update_new_testimonial_box form .form_group input::-moz-placeholder {
  font-size: 0.8rem;
}
.update_testimonial_container .create_new_testimonial_container .create_new_testimonial_box form .form_group input::placeholder, .update_testimonial_container .create_new_testimonial_container .update_new_testimonial_box form .form_group input::placeholder, .update_testimonial_container .update_new_testimonial_container .create_new_testimonial_box form .form_group input::placeholder, .update_testimonial_container .update_new_testimonial_container .update_new_testimonial_box form .form_group input::placeholder {
  font-size: 0.8rem;
}
.update_testimonial_container .create_new_testimonial_container .create_new_testimonial_box form .form_group input[type=file], .update_testimonial_container .create_new_testimonial_container .update_new_testimonial_box form .form_group input[type=file], .update_testimonial_container .update_new_testimonial_container .create_new_testimonial_box form .form_group input[type=file], .update_testimonial_container .update_new_testimonial_container .update_new_testimonial_box form .form_group input[type=file] {
  display: none;
}
.update_testimonial_container .create_new_testimonial_container .create_new_testimonial_box form .form_group textarea, .update_testimonial_container .create_new_testimonial_container .update_new_testimonial_box form .form_group textarea, .update_testimonial_container .update_new_testimonial_container .create_new_testimonial_box form .form_group textarea, .update_testimonial_container .update_new_testimonial_container .update_new_testimonial_box form .form_group textarea {
  padding: 10px 1rem;
  border: 1px solid rgb(165, 165, 165);
  outline: none;
  border-radius: 5px;
  width: 100%;
}
.update_testimonial_container .create_new_testimonial_container .create_new_testimonial_box form .form_group textarea::-moz-placeholder, .update_testimonial_container .create_new_testimonial_container .update_new_testimonial_box form .form_group textarea::-moz-placeholder, .update_testimonial_container .update_new_testimonial_container .create_new_testimonial_box form .form_group textarea::-moz-placeholder, .update_testimonial_container .update_new_testimonial_container .update_new_testimonial_box form .form_group textarea::-moz-placeholder {
  font-size: 0.8rem;
}
.update_testimonial_container .create_new_testimonial_container .create_new_testimonial_box form .form_group textarea::placeholder, .update_testimonial_container .create_new_testimonial_container .update_new_testimonial_box form .form_group textarea::placeholder, .update_testimonial_container .update_new_testimonial_container .create_new_testimonial_box form .form_group textarea::placeholder, .update_testimonial_container .update_new_testimonial_container .update_new_testimonial_box form .form_group textarea::placeholder {
  font-size: 0.8rem;
}
.update_testimonial_container .create_new_testimonial_container .create_new_testimonial_box form .form_submit_actions, .update_testimonial_container .create_new_testimonial_container .update_new_testimonial_box form .form_submit_actions, .update_testimonial_container .update_new_testimonial_container .create_new_testimonial_box form .form_submit_actions, .update_testimonial_container .update_new_testimonial_container .update_new_testimonial_box form .form_submit_actions {
  display: flex;
  align-items: center;
  width: 100%;
  grid-column: 1/-1;
  justify-content: flex-end;
  gap: 1rem;
}
.update_testimonial_container .create_new_testimonial_container .create_new_testimonial_box form .form_submit_actions .save button, .update_testimonial_container .create_new_testimonial_container .update_new_testimonial_box form .form_submit_actions .save button, .update_testimonial_container .update_new_testimonial_container .create_new_testimonial_box form .form_submit_actions .save button, .update_testimonial_container .update_new_testimonial_container .update_new_testimonial_box form .form_submit_actions .save button {
  outline: none;
  padding: 8px 1rem;
  border: transparent;
  background-color: #6571ff;
  border-radius: 5px;
  color: #fff;
  transition: all 0.3s ease;
}
.update_testimonial_container .create_new_testimonial_container .create_new_testimonial_box form .form_submit_actions .save button:hover, .update_testimonial_container .create_new_testimonial_container .update_new_testimonial_box form .form_submit_actions .save button:hover, .update_testimonial_container .update_new_testimonial_container .create_new_testimonial_box form .form_submit_actions .save button:hover, .update_testimonial_container .update_new_testimonial_container .update_new_testimonial_box form .form_submit_actions .save button:hover {
  background-color: #8992fc;
  transition: all 0.3s ease;
}
.update_testimonial_container .create_new_testimonial_container .create_new_testimonial_box form .form_submit_actions .discard button, .update_testimonial_container .create_new_testimonial_container .update_new_testimonial_box form .form_submit_actions .discard button, .update_testimonial_container .update_new_testimonial_container .create_new_testimonial_box form .form_submit_actions .discard button, .update_testimonial_container .update_new_testimonial_container .update_new_testimonial_box form .form_submit_actions .discard button {
  outline: none;
  padding: 8px 1rem;
  border: transparent;
  background-color: #727272;
  border-radius: 5px;
  color: #fff;
  transition: all 0.3s ease;
}
.update_testimonial_container .create_new_testimonial_container .create_new_testimonial_box form .form_submit_actions .discard button:hover, .update_testimonial_container .create_new_testimonial_container .update_new_testimonial_box form .form_submit_actions .discard button:hover, .update_testimonial_container .update_new_testimonial_container .create_new_testimonial_box form .form_submit_actions .discard button:hover, .update_testimonial_container .update_new_testimonial_container .update_new_testimonial_box form .form_submit_actions .discard button:hover {
  background-color: #9c9c9c;
  transition: all 0.3s ease;
}
.update_testimonial_container .create_new_testimonial_container .create_new_testimonial_box form::-webkit-scrollbar, .update_testimonial_container .create_new_testimonial_container .update_new_testimonial_box form::-webkit-scrollbar, .update_testimonial_container .update_new_testimonial_container .create_new_testimonial_box form::-webkit-scrollbar, .update_testimonial_container .update_new_testimonial_container .update_new_testimonial_box form::-webkit-scrollbar {
  width: 3px;
  height: 4px;
  background-color: #ffffff;
  border-radius: 5px;
}
.update_testimonial_container .create_new_testimonial_container .create_new_testimonial_box form::-webkit-scrollbar-thumb, .update_testimonial_container .create_new_testimonial_container .update_new_testimonial_box form::-webkit-scrollbar-thumb, .update_testimonial_container .update_new_testimonial_container .create_new_testimonial_box form::-webkit-scrollbar-thumb, .update_testimonial_container .update_new_testimonial_container .update_new_testimonial_box form::-webkit-scrollbar-thumb {
  background: #727171 !important;
  border-radius: 5px;
}
@media screen and (max-width: 700px) {
  .update_testimonial_container .create_new_testimonial_container .create_new_testimonial_box form, .update_testimonial_container .create_new_testimonial_container .update_new_testimonial_box form, .update_testimonial_container .update_new_testimonial_container .create_new_testimonial_box form, .update_testimonial_container .update_new_testimonial_container .update_new_testimonial_box form {
    display: grid;
    grid-template-columns: 1fr;
    margin: auto;
  }
}
.update_testimonial_container .view_new_testimonial_container .view_new_testimonial_box {
  position: absolute;
  top: 15%;
  left: 50%;
  transform: translate(-50%, -10%);
  width: 30%;
  margin: 1rem auto;
  padding: 1rem;
  place-items: center;
  min-width: 400px;
  height: auto;
  background-color: #fff;
  box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  z-index: 300;
}
.update_testimonial_container .view_new_testimonial_container .view_new_testimonial_box .title {
  display: flex;
  align-self: center;
  justify-content: space-between;
  width: 100%;
  height: 50px;
  border-bottom: 1px solid rgb(231, 231, 231);
}
.update_testimonial_container .view_new_testimonial_container .view_new_testimonial_box .title p {
  font-weight: 550;
  font-size: 1.1rem;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.update_testimonial_container .view_new_testimonial_container .view_new_testimonial_box .title i {
  font-size: 2rem;
  color: gray;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.update_testimonial_container .view_new_testimonial_container .view_new_testimonial_box .title i:hover {
  color: red;
}
.update_testimonial_container .view_new_testimonial_container .view_new_testimonial_box .details_container {
  padding: 1rem 5px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
}
.update_testimonial_container .view_new_testimonial_container .view_new_testimonial_box .details_container .service_image {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0px;
}
.update_testimonial_container .view_new_testimonial_container .view_new_testimonial_box .details_container .service_image .service_title {
  font-size: 0.9rem;
  font-weight: 550;
  color: #646363;
}
.update_testimonial_container .view_new_testimonial_container .view_new_testimonial_box .details_container .service_image .service_image {
  padding: 10px 0.5rem;
}
.update_testimonial_container .view_new_testimonial_container .view_new_testimonial_box .details_container .service_image .service_image img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.update_testimonial_container .view_new_testimonial_container .view_new_testimonial_box .details_container .service_name {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0px;
}
.update_testimonial_container .view_new_testimonial_container .view_new_testimonial_box .details_container .service_name .service_title {
  font-size: 0.9rem;
  font-weight: 550;
  color: #646363;
}
.update_testimonial_container .view_new_testimonial_container .view_new_testimonial_box .details_container .service_name .name {
  padding: 10px 0.5rem;
}
.update_testimonial_container .view_new_testimonial_container .view_new_testimonial_box .details_container .service_name .name p {
  font-size: 0.8rem;
  font-weight: 550;
}
.update_testimonial_container .view_new_testimonial_container .view_new_testimonial_box .details_container .service_desc {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0px;
}
.update_testimonial_container .view_new_testimonial_container .view_new_testimonial_box .details_container .service_desc .service_title {
  font-size: 0.9rem;
  font-weight: 550;
  color: #646363;
}
.update_testimonial_container .view_new_testimonial_container .view_new_testimonial_box .details_container .service_desc .name {
  padding: 10px 0.5rem;
}
.update_testimonial_container .view_new_testimonial_container .view_new_testimonial_box .details_container .service_desc .name p {
  font-size: 0.8rem;
  font-weight: 550;
}
.update_testimonial_container .view_new_testimonial_container .view_new_testimonial_box .details_container .service_url {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0px;
}
.update_testimonial_container .view_new_testimonial_container .view_new_testimonial_box .details_container .service_url .service_title {
  font-size: 0.9rem;
  font-weight: 550;
  color: #646363;
}
.update_testimonial_container .view_new_testimonial_container .view_new_testimonial_box .details_container .service_url .name {
  padding: 10px 0.5rem;
}
.update_testimonial_container .view_new_testimonial_container .view_new_testimonial_box .details_container .service_url .name a {
  text-decoration: none;
  font-size: 0.8rem;
}
@media screen and (max-width: 776px) {
  .update_testimonial_container .view_new_testimonial_container .view_new_testimonial_box {
    width: 90%;
    min-width: 90%;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1000;
  }
  .update_testimonial_container {
    padding: 0px;
  }
}

#serviceOpen {
  display: block;
  scale: 1;
  transition: all 0.4s ease-in;
}

#serviceClose {
  display: none;
  scale: 0.9;
  transition: all 0.2s ease-in;
}

#testimonialUpdateOpen {
  display: block;
  height: 550px;
  scale: 1;
  transition: all 0.4s ease-in;
}
#testimonialUpdateOpen::-webkit-scrollbar {
  width: 3px;
  height: 4px;
  background-color: #ffffff;
  border-radius: 5px;
}
#testimonialUpdateOpen::-webkit-scrollbar-thumb {
  background: #5c5c5c !important;
  border-radius: 5px;
}

#testimonialUpdateClose {
  display: none;
  scale: 0.9;
  transition: all 0.2s ease-in;
}.google_map_container {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 1rem;
}
.google_map_container .image_title {
  width: 100%;
  display: flex;
  grid-column: 1/-1;
  align-items: center;
  justify-content: flex-start;
}
.google_map_container .image_title h4 {
  font-size: 1.2rem;
  font-weight: 550;
  color: #525252;
}
.google_map_container .note p {
  font-size: 0.8rem;
  font-weight: 500;
  color: rgb(71, 71, 71);
}
.google_map_container .note p strong {
  font-weight: 550;
  color: tomato;
}
.google_map_container .google_map_form {
  width: 100%;
  margin: 1rem auto;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  height: 100%;
}
.google_map_container .google_map_form form {
  width: 100%;
  flex: 0.5;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
}
.google_map_container .google_map_form form .form_group {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 5px;
  position: relative;
}
.google_map_container .google_map_form form .form_group label {
  font-size: 0.8rem;
  font-weight: 550;
}
.google_map_container .google_map_form form .form_group textarea {
  width: 100%;
  border: 1px solid gray;
  font-size: 0.8rem;
  outline: none;
  padding: 1rem;
  border-radius: 0.5rem;
  caret-color: #0a8168;
}
.google_map_container .google_map_form form .form_group textarea::-moz-placeholder {
  font-size: 0.7rem;
}
.google_map_container .google_map_form form .form_group textarea::placeholder {
  font-size: 0.7rem;
}
.google_map_container .google_map_form form .form_group textarea:focus {
  border: 1px solid #0a8168;
}
.google_map_container .google_map_form form .form_group textarea::-webkit-scrollbar {
  display: none;
}
.google_map_container .google_map_form form .form_group .input_error {
  border: 1px solid rgb(255, 81, 81) !important;
  border-radius: 5px;
}
.google_map_container .google_map_form form .form_group .input_success {
  border: 1px solid rgb(110, 110, 110) !important;
  border-radius: 5px;
}
.google_map_container .google_map_form form .form_group .error {
  position: absolute;
  bottom: -15%;
  left: 0%;
  color: red;
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
@media screen and (max-width: 900px) {
  .google_map_container .google_map_form form .form_group {
    width: 95%;
  }
}
.google_map_container .google_map_form form .form_submit_actions {
  padding-top: 2rem;
  display: flex;
  align-items: center;
  width: 50%;
  justify-content: flex-start;
  gap: 1rem;
}
.google_map_container .google_map_form form .form_submit_actions .save button {
  outline: none;
  border: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 7px 1rem;
  border-radius: 5px;
  font-weight: 500;
  font-size: 0.9rem;
  background-color: royalblue;
  color: #fff;
  transition: all 0.3s ease;
}
.google_map_container .google_map_form form .form_submit_actions .save button span {
  font-size: 1.2rem;
}
.google_map_container .google_map_form form .form_submit_actions .save button:hover {
  background-color: rgb(105, 141, 248);
  box-shadow: 0px 4px 4px rgb(124, 124, 124);
  transition: all 0.3s ease;
}
.google_map_container .google_map_form form .form_submit_actions .save button:hover span {
  transform: rotate(360deg);
  transition: transform 0.5s ease-in-out;
}
.google_map_container .google_map_form form .form_submit_actions .discard button {
  outline: none;
  padding: 6px 2rem;
  border: transparent;
  background-color: #727272;
  border-radius: 5px;
  color: #fff;
  transition: all 0.3s ease;
}
.google_map_container .google_map_form form .form_submit_actions .discard button:hover {
  background-color: #9c9c9c;
  transition: all 0.3s ease;
}
.google_map_container .google_map_form form .preview {
  width: 100%;
  margin: 1rem auto;
}
.google_map_container .google_map_form form .preview .title {
  padding: 10px 0px;
  width: 100%;
  color: #727272;
  font-weight: 550;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.google_map_container .google_map_form form .preview .google_map {
  width: 100%;
}
.google_map_container .google_map_form .googlemap_demo_container {
  width: 100%;
  height: 100%;
  flex: 0.5;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
}
.google_map_container .google_map_form .googlemap_demo_container .demo_image {
  height: 100%;
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.google_map_container .google_map_form .googlemap_demo_container .demo_image img {
  height: 80%;
  -o-object-fit: cover;
     object-fit: cover;
  filter: brightness(100%);
}
@media screen and (max-width: 900px) {
  .google_map_container .google_map_form .googlemap_demo_container .demo_image img {
    width: 50%;
    height: 60% !important;
  }
}
.google_map_container .google_map_form .googlemap_demo_container .demo_image .lap_view_image {
  height: 300px !important;
  position: absolute;
  top: 0%;
  bottom: 0%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 900px) {
  .google_map_container .google_map_form .googlemap_demo_container .demo_image {
    width: 50%;
    height: 50% !important;
  }
  .google_map_container .google_map_form .googlemap_demo_container {
    width: 100%;
    height: 50% !important;
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    position: relative;
  }
}
.google_map_container .google_map_form .description {
  flex: 0.5;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 10px 1.5rem;
  gap: 10px;
  width: 100%;
}
.google_map_container .google_map_form .description .desc_title {
  font-weight: 550;
  font-size: 0.9rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.google_map_container .google_map_form .description .desc_title span {
  color: royalblue;
}
.google_map_container .google_map_form .description .step {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.google_map_container .google_map_form .description .step h5 {
  font-size: 0.9rem;
  font-weight: 550;
  color: green;
}
.google_map_container .google_map_form .description .step ul li {
  font-size: 0.8rem;
  font-weight: 500;
}
.google_map_container .google_map_form .description .step ul li i {
  font-size: 1.2rem;
  color: tomato;
}
.google_map_container .google_map_form .description .step ul li small {
  cursor: pointer;
  color: royalblue;
  font-weight: 500;
  font-size: 0.7rem;
}
@media screen and (max-width: 900px) {
  .google_map_container .google_map_form .description {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1 !important;
    padding: 1rem 0.2rem;
  }
  .google_map_container .google_map_form {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 1rem;
  }
}
@media screen and (max-width: 776px) {
  .google_map_container {
    padding: 0px;
  }
}.banner_container {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 1rem;
}
.banner_container .title {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  padding-top: 1rem;
}
.banner_container .title h4 {
  font-size: 0.9rem;
  font-weight: 550;
  color: #383838;
}
.banner_container .title .note small {
  font-size: 0.8rem;
  color: rgb(136, 136, 136);
}
.banner_container .title .note small span:nth-child(1) {
  color: red;
  font-weight: bold;
  padding-right: 10px;
}
.banner_container .title .note small span:nth-child(2) {
  color: rgb(40, 139, 102);
  font-weight: bold;
}
.banner_container .title .note small span:nth-child(3) {
  color: rgb(98, 101, 245);
  font-weight: 550;
  padding-right: 5px;
}
.banner_container .form_container_box {
  width: 100%;
  height: auto;
  padding: 1rem;
}
.banner_container .form_container_box form {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-row-gap: 2rem;
  grid-column-gap: 1.5rem;
  place-items: start;
}
.banner_container .form_container_box form .form_group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 5px;
  width: 100%;
}
.banner_container .form_container_box form .form_group label {
  font-size: 0.8rem;
  font-weight: 500;
  color: rgb(34, 34, 34);
  width: 100%;
}
.banner_container .form_container_box form .form_group label sup {
  color: red;
  font-weight: bold;
  margin-left: 3px;
}
.banner_container .form_container_box form .form_group label img {
  width: 70px;
  height: 70px;
}
.banner_container .form_container_box form .form_group .p-editor-toolbar {
  border: 1px solid #b9b9b9;
}
.banner_container .form_container_box form .form_group .ql-editor {
  border: 1px solid #b9b9b9;
}
.banner_container .form_container_box form .form_group input[type=text],
.banner_container .form_container_box form .form_group input[type=email],
.banner_container .form_container_box form .form_group input[type=tel] {
  padding: 8px 1rem;
  width: 100%;
  outline: none;
  border: 1px solid rgb(185, 185, 185);
  border-radius: 5px;
}
.banner_container .form_container_box form .form_group input[type=text]::-moz-placeholder, .banner_container .form_container_box form .form_group input[type=email]::-moz-placeholder, .banner_container .form_container_box form .form_group input[type=tel]::-moz-placeholder {
  font-size: 0.8rem;
  color: gray;
}
.banner_container .form_container_box form .form_group input[type=text]::placeholder,
.banner_container .form_container_box form .form_group input[type=email]::placeholder,
.banner_container .form_container_box form .form_group input[type=tel]::placeholder {
  font-size: 0.8rem;
  color: gray;
}
.banner_container .form_container_box form .form_group textarea {
  padding: 8px 1rem;
  width: 100%;
  outline: none;
  border: 1px solid rgb(185, 185, 185);
  border-radius: 5px;
}
.banner_container .form_container_box form .form_group textarea::-moz-placeholder {
  font-size: 0.8rem;
  color: gray;
}
.banner_container .form_container_box form .form_group textarea::placeholder {
  font-size: 0.8rem;
  color: gray;
}
.banner_container .form_container_box form .form_group .first label,
.banner_container .form_container_box form .form_group .second label {
  font-size: 0.9rem;
  font-weight: 500;
  color: rgb(105, 104, 104);
  width: 100%;
}
.banner_container .form_container_box form .form_group .first label sup,
.banner_container .form_container_box form .form_group .second label sup {
  color: red;
  font-weight: bold;
  margin-left: 3px;
}
.banner_container .form_container_box form .form_group .first label img,
.banner_container .form_container_box form .form_group .second label img {
  width: 90px;
  height: 90px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 50%;
  border: 2px solid skyblue;
}
.banner_container .form_container_box form .form_group input[type=file] {
  display: none;
}
.banner_container .form_container_box form .form_submit_actions {
  display: flex;
  align-items: center;
  grid-column: 1/-1;
  justify-content: flex-end;
  gap: 10px;
}
.banner_container .form_container_box form .form_submit_actions button {
  outline: none;
  border: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 7px 1rem;
  border-radius: 5px;
  font-weight: 500;
  font-size: 0.9rem;
  background-color: royalblue;
  color: #fff;
  transition: all 0.3s ease;
}
.banner_container .form_container_box form .form_submit_actions button span {
  font-size: 1.2rem;
}
.banner_container .form_container_box form .form_submit_actions button:hover {
  background-color: rgb(105, 141, 248);
  box-shadow: 0px 4px 4px rgb(124, 124, 124);
  transition: all 0.3s ease;
}
.banner_container .form_container_box form .form_submit_actions button:hover span {
  transform: rotate(360deg);
  transition: transform 0.5s ease-in-out;
}
.banner_container .form_container_box form .form_submit_actions .save {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: royalblue;
  color: #fff;
  transition: all 0.3s ease;
}
.banner_container .form_container_box form .form_submit_actions .save:hover {
  background-color: rgb(105, 141, 248);
  box-shadow: 0px 4px 4px rgb(124, 124, 124);
  transition: all 0.3s ease;
}
.banner_container .form_container_box form .form_submit_actions .discard {
  background-color: rgb(138, 138, 138);
  color: #ffffff;
  transition: all 0.3s ease;
}
.banner_container .form_container_box form .form_submit_actions .discard:hover {
  box-shadow: 0px 4px 4px rgb(165, 165, 165);
  background-color: rgb(92, 92, 92);
  transition: all 0.3s ease;
}
@media screen and (max-width: 900px) {
  .banner_container .form_container_box form {
    display: grid;
    grid-template-columns: 1fr;
    gap: 10px 0px;
  }
}
@media screen and (max-width: 776px) {
  .banner_container .form_container_box {
    padding: 0px;
  }
  .banner_container {
    padding: 0px;
  }
}.business_hour_container {
  width: 100%;
  height: 100%;
  position: relative;
  padding: 1rem;
}
.business_hour_container .title {
  padding-top: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
}
.business_hour_container .title h4 {
  font-size: 0.9rem;
  font-weight: 550;
  color: #383838;
}
.business_hour_container .title .note small {
  font-size: 0.8rem;
  color: rgb(136, 136, 136);
}
.business_hour_container .title .note small span:nth-child(1) {
  color: red;
  font-weight: bold;
  padding-right: 10px;
}
.business_hour_container .title .note small span:nth-child(2) {
  color: rgb(40, 139, 102);
  font-weight: bold;
}
.business_hour_container .title .note small span:nth-child(3) {
  color: rgb(98, 101, 245);
  font-weight: 550;
  padding-right: 5px;
}
.business_hour_container .business_box {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  gap: 1rem;
  place-items: center;
  margin: 2rem auto;
  width: 100%;
}
.business_hour_container .business_box .cs-form {
  display: flex;
  flex: 1;
  width: 100%;
  align-items: flex-start;
  flex-direction: column;
  justify-content: space-evenly;
  gap: 10px;
  border-left: 4px solid rgb(144, 151, 255);
  border-radius: 3px;
  padding-left: 10px;
}
.business_hour_container .business_box .cs-form h5 {
  font-size: 0.8rem;
  font-weight: 550;
  flex: 0.4;
  display: flex;
  color: rgb(83, 83, 83);
}
.business_hour_container .business_box .cs-form .times {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  width: 95%;
}
.business_hour_container .business_box .cs-form .times .to {
  display: flex;
  flex: 0.1;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
}
.business_hour_container .business_box .cs-form .times .to p {
  display: flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  font-size: 0.8rem;
  font-weight: 500;
  color: rgb(51, 51, 51);
}
.business_hour_container .business_box .cs-form .times input {
  flex: 0.9;
  width: 90%;
  border: 1px solid rgb(255, 255, 255);
  background-color: #ffffff;
  box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
  outline: none;
  cursor: pointer;
  font-size: 0.9rem;
  padding: 0.8rem 1rem;
  font-weight: 500;
}
.business_hour_container .business_box .form_submit_actions {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: flex-start;
  gap: 1rem;
}
.business_hour_container .business_box .form_submit_actions .save button {
  outline: none;
  padding: 8px 1rem;
  border: transparent;
  background-color: #6571ff;
  border-radius: 5px;
  color: #fff;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.business_hour_container .business_box .form_submit_actions .save button:hover {
  background-color: #8992fc;
  transition: all 0.3s ease;
}
.business_hour_container .business_box .form_submit_actions .discard button {
  outline: none;
  padding: 8px 1rem;
  border: transparent;
  background-color: #727272;
  border-radius: 5px;
  color: #fff;
  transition: all 0.3s ease;
}
.business_hour_container .business_box .form_submit_actions .discard button:hover {
  background-color: #9c9c9c;
  transition: all 0.3s ease;
}
@media screen and (max-width: 776px) {
  .business_hour_container .business_box {
    margin: 1rem auto;
  }
  .business_hour_container {
    padding: 0px;
  }
}.manage_container {
  width: 100%;
  position: relative;
  padding: 1rem;
}
.manage_container .title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.manage_container .title h6 {
  font-weight: 550;
}
.manage_container .title .note small {
  font-size: 0.8rem;
  color: rgb(136, 136, 136);
}
.manage_container .title .note small span:nth-child(1) {
  color: red;
  font-weight: bold;
  padding-right: 10px;
}
.manage_container .title .note small span:nth-child(2) {
  color: rgb(115, 105, 207);
  font-weight: bold;
}
.manage_container .title .note small span:nth-child(3) {
  color: rgb(55, 138, 62);
  font-weight: 550;
}
.manage_container .all_session_box {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 1rem;
  place-items: center;
  margin: 2rem auto;
}
.manage_container .all_session_box .session {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: flex-start;
  height: 40px;
}
.manage_container .all_session_box .session .checkbox {
  height: 100%;
  display: flex;
  flex: 0.01;
  align-items: center;
  justify-content: flex-start;
}
.manage_container .all_session_box .session .checkbox .on {
  font-size: 2.3rem;
  cursor: pointer;
  color: #6571FF;
}
.manage_container .all_session_box .session .checkbox .off {
  font-size: 2.3rem;
  cursor: pointer;
  color: #7c7c7c;
}
.manage_container .all_session_box .session .session_name {
  display: flex;
  flex: 0.99;
  height: 100%;
}
.manage_container .all_session_box .session .session_name p {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: start;
  font-size: 0.8rem;
  font-weight: 500;
  letter-spacing: 1px;
  color: rgb(80, 80, 80);
}
@media screen and (max-width: 700px) {
  .manage_container .all_session_box {
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem;
  }
}
.manage_container .submit_actions {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: flex-end;
  gap: 1rem;
}
.manage_container .submit_actions .save button {
  outline: none;
  padding: 8px 1rem;
  border: transparent;
  background-color: #6571ff;
  border-radius: 5px;
  color: #fff;
  transition: all 0.3s ease;
}
.manage_container .submit_actions .save button:hover {
  background-color: #8992fc;
  transition: all 0.3s ease;
}
.manage_container .submit_actions .discard button {
  outline: none;
  padding: 8px 1rem;
  border: transparent;
  background-color: #727272;
  border-radius: 5px;
  color: #fff;
  transition: all 0.3s ease;
}
.manage_container .submit_actions .discard button:hover {
  background-color: #9c9c9c;
  transition: all 0.3s ease;
}
@media screen and (max-width: 776px) {
  .manage_container {
    padding: 0px;
  }
}.Dynamic_theme_container {
  position: relative;
  width: 100%;
  height: 100%;
  max-height: 100%;
  padding: 0px 0.5rem;
}
.Dynamic_theme_container .dynamic_box {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 10px;
  flex: 1;
  height: 100%;
  max-height: 100%;
  position: relative;
}
.Dynamic_theme_container .dynamic_box .dynanic_content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 0.7;
  height: 100%;
  min-height: 100%;
  overflow-y: scroll;
  border-right: 1px solid rgb(221, 221, 221);
}
.Dynamic_theme_container .dynamic_box .dynanic_content .dynamic_title {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  color: #fff;
}
.Dynamic_theme_container .dynamic_box .dynanic_content .dynamic_title h4 {
  font-size: 1rem;
  font-weight: 550;
  padding: 5px 0px;
  color: rgb(1, 126, 105);
}
.Dynamic_theme_container .dynamic_box .dynanic_content::-webkit-scrollbar {
  width: 4px;
  height: 100%;
  background-color: rgb(255, 255, 255);
  border-radius: 4px;
}
.Dynamic_theme_container .dynamic_box .dynanic_content::-webkit-scrollbar-thumb {
  width: 4px;
  height: 10px;
  background-color: rgb(247, 247, 247);
}
.Dynamic_theme_container .dynamic_box .vcard_preview {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  flex: 0.3;
  height: 100%;
  min-height: 100%;
  position: relative;
  padding-top: 10px;
}.VCardTheme_container {
  width: 100%;
  height: 100%;
  position: relative;
  padding: 1rem 0.5rem;
}
.VCardTheme_container form {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  width: 100%;
  gap: 1rem 1rem;
  height: auto;
}
.VCardTheme_container form .image_upload_type {
  display: flex;
  align-items: center;
  flex-direction: column !important;
  justify-content: space-between;
  grid-column: 1/-1;
  width: 100%;
}
.VCardTheme_container form .image_upload_type .logo_type {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 5px;
}
.VCardTheme_container form .image_upload_type .logo_type select {
  font-size: 0.8rem;
  color: royalblue;
  border: 1px solid gray;
  padding: 8px 1rem;
  width: 100%;
  outline: none;
  border: 1px solid rgb(185, 185, 185);
  border-radius: 5px;
  color: rgb(87, 87, 87);
  font-weight: 500;
  position: relative;
  cursor: pointer;
}
.VCardTheme_container form .image_upload_type .logo_type select option {
  font-weight: 500;
  color: rgb(83, 83, 83);
}
.VCardTheme_container form .image_upload_type .banner_type {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.VCardTheme_container form .image_upload_type .banner_type select {
  font-size: 0.8rem;
  color: royalblue;
  border: 1px solid gray;
  padding: 8px 1rem;
  width: 100%;
  outline: none;
  border: 1px solid rgb(185, 185, 185);
  border-radius: 5px;
  color: rgb(87, 87, 87);
  font-weight: 500;
  position: relative;
  cursor: pointer;
}
.VCardTheme_container form .image_upload_type .banner_type select option {
  font-weight: 500;
  color: rgb(83, 83, 83);
}
.VCardTheme_container form .title {
  grid-column: 1/-1;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.VCardTheme_container form .title small {
  font-size: 0.9rem;
  color: rgb(75, 75, 75);
}
.VCardTheme_container form .title .toggle {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.VCardTheme_container form .title .toggle small {
  font-size: 0.9rem;
}
.VCardTheme_container form .title .toggle .icon {
  cursor: pointer;
  font-size: 2rem;
}
.VCardTheme_container form .title .toggle .icon:hover {
  color: rgb(71, 105, 255);
}
.VCardTheme_container form .title .toggle .iconOn {
  cursor: pointer;
  font-size: 2rem;
  color: rgb(71, 105, 255);
}
.VCardTheme_container form .title .toggle .iconOn:hover {
  color: rgb(255, 92, 63);
}
.VCardTheme_container form .paste_image_address_container {
  display: flex;
  align-items: center;
  width: 100%;
  grid-column: 1/-1;
  gap: 10px;
  justify-content: space-between;
}
.VCardTheme_container form .paste_image_address_container .first {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
  position: relative;
}
.VCardTheme_container form .paste_image_address_container .first label {
  font-size: 0.8rem;
  font-weight: 500;
  color: rgb(34, 34, 34) !important;
  position: relative;
  width: 100%;
}
.VCardTheme_container form .paste_image_address_container .first label sup {
  color: red;
  font-weight: bold;
  margin-left: 3px;
}
.VCardTheme_container form .paste_image_address_container .first label .Profile {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  place-items: center;
  width: 90px;
  height: 90px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 1rem;
  filter: brightness(110%);
  border: 1px solid rgb(78, 78, 78);
  position: relative;
}
.VCardTheme_container form .paste_image_address_container .first label span {
  position: absolute;
  left: 24%;
  top: 0%;
  color: red;
  font-size: 1.2rem;
  cursor: pointer;
}
.VCardTheme_container form .paste_image_address_container .first label span:hover {
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
}
.VCardTheme_container form .paste_image_address_container .first label i {
  position: absolute;
  font-size: 1.5rem;
  color: #6571fe;
  left: 40%;
  top: -10%;
}
.VCardTheme_container form .paste_image_address_container .first p {
  font-size: 0.7rem;
  font-weight: 600;
  color: rgb(31, 31, 31);
}
.VCardTheme_container form .paste_image_address_container .first p strong {
  color: rgb(255, 71, 71);
}
.VCardTheme_container form .paste_image_address_container .first small {
  font-size: 0.7rem;
  color: gray;
  font-weight: 500;
}
.VCardTheme_container form .paste_image_address_container .second {
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  position: relative;
  gap: 10px;
}
.VCardTheme_container form .paste_image_address_container .second label {
  font-size: 0.8rem;
  font-weight: 500;
  color: rgb(34, 34, 34) !important;
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.VCardTheme_container form .paste_image_address_container .second label sup {
  color: red;
  font-weight: bold;
  margin-left: 3px;
}
.VCardTheme_container form .paste_image_address_container .second label .Banner {
  width: 150px;
  height: 90px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 5px;
  filter: brightness(110%);
  border: 1px solid rgb(78, 78, 78);
  position: relative;
}
.VCardTheme_container form .paste_image_address_container .second label i {
  position: absolute;
  font-size: 1.5rem;
  color: #6571fe;
  right: 20%;
  top: -13%;
}
.VCardTheme_container form .paste_image_address_container .second p {
  font-size: 0.7rem;
  font-weight: 600;
  color: rgb(31, 31, 31);
}
.VCardTheme_container form .paste_image_address_container .second p strong {
  color: rgb(255, 71, 71);
}
.VCardTheme_container form .paste_image_address_container .second small {
  font-size: 0.7rem;
  color: gray;
  font-weight: 500;
}
.VCardTheme_container form .paste_image_address_container .second span {
  position: absolute;
  right: 14%;
  top: 0%;
  color: red;
  font-size: 1.2rem;
  cursor: pointer;
}
.VCardTheme_container form .paste_image_address_container .second span:hover {
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
}
.VCardTheme_container form .paste_image_address_container .url_link_input_group {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  align-items: flex-start;
  justify-content: center;
}
.VCardTheme_container form .paste_image_address_container .url_link_input_group img {
  width: 100px;
  max-width: 100px;
  height: 100px;
  max-height: 100px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 0.5rem;
  border: 1px solid gray;
}
.VCardTheme_container form .paste_image_address_container .url_link_input_group input {
  padding: 8px 1rem !important;
  font-size: 0.7rem;
  position: relative;
  width: 100%;
  outline: none;
  border: 1px solid rgb(185, 185, 185);
}
.VCardTheme_container form .paste_image_address_container .url_link_input_group .clear_action {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.VCardTheme_container form .paste_image_address_container .url_link_input_group .clear_action .clear_btn {
  background-color: tomato;
  color: #fff;
  font-size: 0.9rem;
  padding: 0.2rem 1rem;
  outline: none;
  border: none;
  border-radius: 0.2rem;
  cursor: pointer;
  font-weight: 550;
  transition: all 0.5s ease;
}
.VCardTheme_container form .paste_image_address_container .url_link_input_group .clear_action .clear_btn:hover {
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
  transition: all 0.5s ease;
}
.VCardTheme_container form .paste_image_address_container .url_link_input_group .banner_address_image {
  width: 150px;
  max-width: 150px;
  height: 100px;
  max-height: 100px;
  -o-object-fit: cover;
     object-fit: cover;
  border: 1px solid gray;
}
.VCardTheme_container form .paste_image_address_container .url_link_input_group label {
  font-size: 0.6rem;
  font-weight: 550;
}
.VCardTheme_container form .First_colour {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
}
.VCardTheme_container form .First_colour .theme_title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.VCardTheme_container form .First_colour .colourPicker {
  margin: 0.5rem 0px;
}
.VCardTheme_container form .First_colour h2 {
  font-size: 0.9rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  font-weight: 500;
}
.VCardTheme_container form .First_colour h2 strong {
  font-weight: 550;
  letter-spacing: 1px;
}
.VCardTheme_container form .full_row {
  grid-column: 1/-1;
  width: 100%;
}
.VCardTheme_container form .svg_design_group {
  grid-column: 1/-1;
  width: 100%;
}
.VCardTheme_container form .svg_design_group .theme_title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.VCardTheme_container form .svg_design_group .theme_title .link {
  font-size: 0.7rem;
  color: royalblue;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.VCardTheme_container form .svg_design_group .theme_title .link a {
  text-decoration: underline;
  cursor: pointer;
}
.VCardTheme_container form .svg_design_group textarea {
  width: 100%;
  outline: none;
  border: 1px solid rgb(168, 168, 168);
  padding: 0.5rem;
  font-size: 0.7rem;
  color: rgb(92, 92, 92);
  border-radius: 0.4rem;
}
.VCardTheme_container form .svg_design_group .preview_container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  width: 100%;
}
.VCardTheme_container form .svg_design_group .preview_container .title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}
.VCardTheme_container form .svg_design_group .preview_container .title h2 {
  font-size: 0.9rem;
  font-weight: 600;
}
.VCardTheme_container form .svg_design_group .preview_container .preview {
  width: 100%;
  height: auto;
}
.VCardTheme_container form .svg_design_group .preview_container .preview .svg {
  width: 100%;
}
.VCardTheme_container form .lap_background {
  width: 100%;
  height: 200px;
  background-color: antiquewhite;
  margin: 1rem auto;
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-clip: border-box;
  overflow: hidden;
  box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
}
.VCardTheme_container form .lap_background small {
  font-size: 0.6rem;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 10px;
}
.VCardTheme_container form .lap_background .vcardback {
  position: absolute;
  top: 2%;
  left: 50%;
  transform: translate(-50%, 0%);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 35%;
  background-color: blueviolet;
  margin: auto;
  box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
}
.VCardTheme_container form .form_actions {
  grid-column: 1/-1;
  padding: 1rem 0px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.VCardTheme_container form .form_actions button {
  background-color: royalblue;
  padding: 0.4rem 2rem;
  cursor: pointer;
  font-size: 0.9rem;
  font-weight: 550;
  color: #fff;
}
.VCardTheme_container form .form_actions button:hover {
  background-color: gray;
}.logo_banner_design_container {
  width: 100%;
  height: 100%;
  position: relative;
  padding: 1rem;
}
.logo_banner_design_container form {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 2rem 10px;
  width: 100%;
}
.logo_banner_design_container form .form_group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 15px;
  width: 100%;
}
.logo_banner_design_container form .form_group .form_label {
  font-size: 0.9rem;
  font-weight: 600;
}
.logo_banner_design_container form .form_group .current {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}
.logo_banner_design_container form .form_group .current p {
  font-size: 0.8rem;
  font-weight: 550;
}
.logo_banner_design_container form .form_group .input_container {
  width: 100%;
  position: relative;
}
.logo_banner_design_container form .form_group .input_container input {
  width: 100%;
  padding: 0.5rem 0.5rem;
  outline: none;
  border: 1px solid gray;
  border-radius: 5px;
  font-size: 1rem;
  font-weight: 550;
  color: rgb(65, 65, 65);
}
.logo_banner_design_container form .form_group .input_container input:focus {
  border: 1px solid royalblue;
}
.logo_banner_design_container form .form_group .input_container select {
  position: absolute;
  right: 0%;
  top: 0%;
  padding: 0.5rem 0rem;
  border: 1px solid gray;
  border-left: none;
  border-bottom: none;
  border-radius: 5px;
  outline: none;
  font-size: 0.9rem;
  color: rgb(5, 112, 103);
}
.logo_banner_design_container form .form_group .input_container select option {
  font-size: 0.9rem;
}
.logo_banner_design_container form .form_group .input_container #LogoPosition {
  position: relative;
  width: 100%;
  border: 1px solid gray;
  font-size: 1rem;
  color: rgb(65, 65, 65);
}
.logo_banner_design_container form .radio_group {
  width: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  padding-top: 10px;
}
.logo_banner_design_container form .radio_group .form_label {
  font-size: 0.9rem;
  font-weight: 600;
}
.logo_banner_design_container form .radio_group .radio_input {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  flex-direction: column;
}
.logo_banner_design_container form .radio_group .radio_input .radio {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.logo_banner_design_container form .radio_group .radio_input .radio label {
  font-size: 1rem;
  font-weight: 500;
  cursor: pointer;
  letter-spacing: 1px;
}
.logo_banner_design_container form .radio_group .radio_input .radio input[type=radio] {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  cursor: pointer;
}
.logo_banner_design_container form .radio_group .radio_input .Animation-1 {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  position: relative;
}
.logo_banner_design_container form .radio_group .radio_input .Animation-1 img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  animation: logoAnime1 3s linear infinite;
}
@keyframes logoAnime1 {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0px);
  }
}
.logo_banner_design_container form .radio_group .radio_input .Animation-2 {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  position: relative;
}
.logo_banner_design_container form .radio_group .radio_input .Animation-2 img {
  width: 100px;
  height: 100px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  animation: logoAnime2 5s linear infinite;
}
@keyframes logoAnime2 {
  0% {
    transform: translateY(0px);
    filter: grayscale(0);
  }
  25% {
    transform: translateY(10px);
    filter: grayscale(10);
  }
  100% {
    filter: grayscale(0);
    transform: translateY(0px);
  }
}
.logo_banner_design_container form .radio_group .radio_input .Animation-3 {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  position: relative;
}
.logo_banner_design_container form .radio_group .radio_input .Animation-3 img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  animation: logoAnime3 6s linear infinite;
}
@keyframes logoAnime3 {
  0% {
    scale: 1;
    border-radius: 0px;
  }
  50% {
    scale: 1;
    border-radius: 50%;
  }
  100% {
    scale: 1;
    border-radius: 0px;
  }
}
.logo_banner_design_container form .radio_group .radio_input .Animation-4 {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  position: relative;
}
.logo_banner_design_container form .radio_group .radio_input .Animation-4 img {
  width: 100px;
  height: 100px;
  border-radius: 0.5rem;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  border: 3px solid transparent;
  animation: logoAnime4 6s linear infinite;
}
@keyframes logoAnime4 {
  0% {
    border-color: brown;
  }
  25% {
    border-color: #fff;
  }
  50% {
    border-color: green;
  }
  75% {
    border-color: yellow;
  }
  100% {
    border-color: royalblue;
  }
}
.logo_banner_design_container form .radio_group .radio_input .Animation-5 {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  position: relative;
}
.logo_banner_design_container form .radio_group .radio_input .Animation-5 img {
  width: 100px;
  height: 100px;
  border-radius: 0.5rem;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  border: 3px solid transparent;
  animation: logoAnime5 6s linear infinite;
}
@keyframes logoAnime5 {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.05);
  }
  100% {
    transform: scale(1);
  }
}
.logo_banner_design_container form .radio_group .radio_input .Animation-6 {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  position: relative;
}
.logo_banner_design_container form .radio_group .radio_input .Animation-6 img {
  width: 100px;
  height: 100px;
  border-radius: 0.5rem;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}
.logo_banner_design_container form .radio_group .radio_input .Animation-6 img:hover {
  animation: logoAnime6 6s linear infinite;
}
@keyframes logoAnime6 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}
.logo_banner_design_container form .form_actions {
  grid-column: 1/-1;
  padding: 1rem 0px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.logo_banner_design_container form .form_actions button {
  background-color: royalblue;
  padding: 0.4rem 2rem;
  cursor: pointer;
  font-size: 0.9rem;
  font-weight: 550;
  color: #fff;
}
.logo_banner_design_container form .form_actions button:hover {
  background-color: gray;
}
@media screen and (min-width: 1000px) {
  .logo_banner_design_container form {
    grid-template-columns: 1fr 1fr;
  }
}.Dynamic_contact_icon_container {
  width: 100%;
  height: 100%;
  position: relative;
  padding: 1rem 0.5rem;
}
.Dynamic_contact_icon_container form {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 0.5rem;
  width: 100%;
  height: 100%;
}
.Dynamic_contact_icon_container form .First_colour {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
}
.Dynamic_contact_icon_container form .First_colour .theme_title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 0.9rem;
}
.Dynamic_contact_icon_container form .First_colour .colourPicker {
  margin: 0.5rem 0px;
}
.Dynamic_contact_icon_container form .First_colour h2 {
  font-size: 0.9rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-weight: 500;
}
.Dynamic_contact_icon_container form .First_colour h2 strong {
  font-weight: 550;
  letter-spacing: 1px;
}
.Dynamic_contact_icon_container form .btn_preview {
  grid-column: 1/-1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  width: 100%;
  margin: 0px auto;
}
.Dynamic_contact_icon_container form .btn_preview .btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.Dynamic_contact_icon_container form .btn_preview .btn .title {
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 1px;
  border-bottom: 1px solid rgb(138, 138, 138);
  padding-bottom: 5px;
}
.Dynamic_contact_icon_container form .btn_preview .btn button {
  background-color: rgb(34, 131, 78);
  padding: 0.5rem 1rem;
  color: #fff;
  font-size: 0.7rem;
  border-radius: 0.3rem;
}
.Dynamic_contact_icon_container form .btn_preview .icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.Dynamic_contact_icon_container form .btn_preview .icon .title {
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 1px;
  border-bottom: 1px solid rgb(138, 138, 138);
  padding-bottom: 5px;
}
.Dynamic_contact_icon_container form .btn_preview .icon i {
  background-color: rgb(34, 131, 78);
  padding: 0.4rem 0.6rem;
  color: #fff;
  font-size: 1rem;
  border-radius: 0.3rem;
}
.Dynamic_contact_icon_container form .radio_group {
  grid-column: 1/-1;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  padding-top: 10px;
}
.Dynamic_contact_icon_container form .radio_group .form_label {
  font-size: 0.9rem;
  font-weight: 600;
}
.Dynamic_contact_icon_container form .radio_group .radio_inputs {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.Dynamic_contact_icon_container form .radio_group .radio_inputs .radio_input {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.Dynamic_contact_icon_container form .radio_group .radio_inputs .radio_input label {
  font-size: 1rem;
  font-weight: 500;
  cursor: pointer;
  letter-spacing: 1px;
}
.Dynamic_contact_icon_container form .form_group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 15px;
}
.Dynamic_contact_icon_container form .form_group .form_label {
  font-size: 0.8rem;
  font-weight: 600;
}
.Dynamic_contact_icon_container form .form_group .current {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}
.Dynamic_contact_icon_container form .form_group .current p {
  font-size: 0.8rem;
  font-weight: 550;
}
.Dynamic_contact_icon_container form .form_group .input_container {
  width: 100%;
  position: relative;
}
.Dynamic_contact_icon_container form .form_group .input_container input {
  width: 100%;
  padding: 0.5rem 0.5rem;
  outline: none;
  border: 1px solid gray;
  border-radius: 5px;
  font-size: 1rem;
  font-weight: 550;
  color: rgb(65, 65, 65);
}
.Dynamic_contact_icon_container form .form_group .input_container input:focus {
  border: 1px solid royalblue;
}
.Dynamic_contact_icon_container form .form_group .input_container select {
  position: absolute;
  right: 0%;
  top: 0%;
  padding: 0.5rem 0rem;
  border: 1px solid gray;
  border-left: none;
  border-bottom: none;
  border-radius: 5px;
  outline: none;
  font-size: 0.9rem;
  color: rgb(5, 112, 103);
}
.Dynamic_contact_icon_container form .form_group .input_container select option {
  font-size: 0.9rem;
}
.Dynamic_contact_icon_container form .form_group .input_container #LogoPosition {
  position: relative;
  width: 100%;
  border: 1px solid gray;
  font-size: 1rem;
  color: rgb(65, 65, 65);
}
.Dynamic_contact_icon_container form .form_actions {
  grid-column: 1/-1;
  padding: 1rem 0px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.Dynamic_contact_icon_container form .form_actions button {
  background-color: royalblue;
  padding: 0.4rem 2rem;
  cursor: pointer;
  font-size: 0.9rem;
  font-weight: 550;
  color: #fff;
}
.Dynamic_contact_icon_container form .form_actions button:hover {
  background-color: gray;
}.title_design_container {
  width: 100%;
  height: 100%;
  position: relative;
  padding: 0.5rem 0.5rem;
}
.title_design_container form {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  width: 100%;
  height: 100%;
}
.title_design_container form .form_group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 15px;
  width: 100%;
}
.title_design_container form .form_group .form_label {
  font-size: 0.9rem;
  font-weight: 600;
}
.title_design_container form .form_group .colourPicker {
  margin: 0.5rem 0px;
}
.title_design_container form .form_group h2 {
  font-size: 0.9rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  font-weight: 500;
}
.title_design_container form .form_group h2 strong {
  font-weight: 550;
  letter-spacing: 1px;
}
.title_design_container form .form_group .current {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}
.title_design_container form .form_group .current p {
  font-size: 0.8rem;
  font-weight: 550;
}
.title_design_container form .form_group .input_container {
  width: 100%;
  position: relative;
}
.title_design_container form .form_group .input_container input {
  width: 100%;
  padding: 0.5rem 0.5rem;
  outline: none;
  border: 1px solid gray;
  border-radius: 5px;
  font-size: 1rem;
  font-weight: 550;
  color: rgb(73, 73, 73);
}
.title_design_container form .form_group .input_container input:focus {
  border: 1px solid royalblue;
}
.title_design_container form .form_group .input_container select {
  position: absolute;
  right: 0%;
  top: 0%;
  padding: 0.5rem 0rem;
  border: 1px solid gray;
  border-left: none;
  border-bottom: none;
  border-radius: 5px;
  outline: none;
  font-size: 0.9rem;
  color: rgb(5, 112, 103);
}
.title_design_container form .form_group .input_container select option {
  font-size: 0.9rem;
}
.title_design_container form .form_group .input_container #TitleFontWeight, .title_design_container form .form_group .input_container #TitleFont, .title_design_container form .form_group .input_container #SubTitleFontWeight, .title_design_container form .form_group .input_container #SubTitleFont {
  width: 100%;
  position: relative;
  padding: 0.5rem 0rem;
  border: 1px solid gray;
  border-radius: 5px;
  outline: none;
  font-size: 0.9rem;
  color: rgb(73, 73, 73);
  font-weight: 550;
}
.title_design_container form .form_group .input_container #TitleFontWeight option, .title_design_container form .form_group .input_container #TitleFont option, .title_design_container form .form_group .input_container #SubTitleFontWeight option, .title_design_container form .form_group .input_container #SubTitleFont option {
  font-size: 0.9rem;
}
.title_design_container form .form_group .input_container #LogoPosition {
  position: relative;
  width: 100%;
  border: 1px solid gray;
  font-size: 1rem;
  color: rgb(65, 65, 65);
}
.title_design_container form .radio_group {
  grid-column: 1/-1;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
}
.title_design_container form .radio_group .form_label {
  font-size: 0.9rem;
  font-weight: 600;
}
.title_design_container form .radio_group .radio_inputs {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.title_design_container form .radio_group .radio_inputs .radio_input {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.title_design_container form .radio_group .radio_inputs .radio_input label {
  font-size: 1rem;
  font-weight: 500;
  cursor: pointer;
  letter-spacing: 1px;
}
.title_design_container form .form_actions {
  grid-column: 1/-1;
  padding: 1rem 0px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.title_design_container form .form_actions button {
  background-color: royalblue;
  padding: 0.4rem 2rem;
  cursor: pointer;
  font-size: 0.9rem;
  font-weight: 550;
  color: #fff;
}
.title_design_container form .form_actions button:hover {
  background-color: gray;
}


.DOCTOR_TITLE_PREVIEW, .DOCTOR_PREVIEW_CARD .google_map_container, .DOCTOR_PREVIEW_CARD .video, .DOCTOR_PREVIEW_CARD .gallery, .DOCTOR_PREVIEW_CARD .Payment, .DOCTOR_PREVIEW_CARD .our_products, .DOCTOR_PREVIEW_CARD .our_services {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.DOCTOR_SUB_TITLE_PREVIEW {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
.DOCTOR_SUB_TITLE_PREVIEW h3 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  font-weight: 600;
  font-size: 1rem !important;
  color: #2e2d2d;
  position: relative;
}
.full_image {
  display: none;
  z-index: 500;
  margin: auto;
  width: 100%;
  height: 800px;
  background: linear-gradient(#ffffff, #ffffff);
}
.full_image .close_Full_Image_gallery {
  position: absolute;
  width: 100%;
  left: 90%;
  top: 5%;
}
.full_image .close_Full_Image_gallery .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  color: red;
  cursor: pointer;
  place-items: center;
  transition: all 0.3s ease-in-out;
}
.full_image .close_Full_Image_gallery .icon:hover {
  filter: drop-shadow(0px 4px 5px rgba(255, 156, 117, 0.6));
  scale: 1.2;
  transition: all 0.3s ease-in-out;
}
.full_image img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.5));
  border-radius: 5px;
  z-index: 1000;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 600px) {
  .full_image img {
    width: 70%;
    height: 150px;
  }
}
.DOCTOR_PREVIEW_CARD {
  width: 350px;
  max-width: 350px;
  min-height: 100%;
  height: auto;
  overflow-x: hidden;
  background-color: #ffffff;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
  overflow-y: scroll;
  position: relative;
}
.DOCTOR_PREVIEW_CARD .contact_row_3 {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.DOCTOR_PREVIEW_CARD .contact_row_3 a {
  text-decoration: none;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 15px;
}
.DOCTOR_PREVIEW_CARD .contact_row_3 a .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  padding: 5px;
  border-radius: 5px;
  background-color: #6ebe4b;
}
.DOCTOR_PREVIEW_CARD .contact_row_3 a .contact_data {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 2px;
}
.DOCTOR_PREVIEW_CARD .contact_row_3 a .contact_data small {
  font-size: 0.7rem;
  font-weight: 600;
}
.DOCTOR_PREVIEW_CARD .contact_row_3 a .contact_data p {
  font-size: 0.9rem;
  font-weight: 500;
}
.DOCTOR_PREVIEW_CARD .contact_row_3 .add_to_contact {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.3rem auto;
}
.DOCTOR_PREVIEW_CARD .contact_row_3 .add_to_contact button {
  padding: 7px 2rem;
  background-color: #6ebe4b;
  font-weight: 550;
  font-size: 0.8rem;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  transition: all 0.4s ease-in-out;
}
.DOCTOR_PREVIEW_CARD .contact_row_3 .add_to_contact button:hover {
  background-color: #6ebe4b;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
  transition: all 0.4s ease-in-out;
}
.DOCTOR_PREVIEW_CARD .about_row_4 {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.DOCTOR_PREVIEW_CARD .about_row_4 .about_details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-items: flex-start;
  gap: 15px;
  width: 100%;
}
.DOCTOR_PREVIEW_CARD .about_row_4 .about_details .detail {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  width: 100%;
}
.DOCTOR_PREVIEW_CARD .about_row_4 .about_details .detail .detail_title {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 1rem;
  font-weight: 550;
  flex: 0.4;
}
.DOCTOR_PREVIEW_CARD .about_row_4 .about_details .detail .detail_title h5 {
  font-size: 0.8rem;
  font-weight: 600;
}
.DOCTOR_PREVIEW_CARD .about_row_4 .about_details .detail .detail_message {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 5px;
  font-weight: 550;
  flex: 0.6;
}
.DOCTOR_PREVIEW_CARD .about_row_4 .about_details .detail .detail_message strong {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.DOCTOR_PREVIEW_CARD .about_row_4 .about_details .detail .detail_message p {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 0.8rem;
  font-weight: 500;
}
.DOCTOR_PREVIEW_CARD .about_row_4 .about_details .detail .detail_message .social_medias {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row !important;
  gap: 1.3rem;
  width: 100%;
  margin-left: 5px;
}
.DOCTOR_PREVIEW_CARD .about_row_4 .about_details .detail .detail_message .social_medias a {
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: all 0.3s ease-in-out;
}
.DOCTOR_PREVIEW_CARD .about_row_4 .about_details .detail .detail_message .social_medias a i {
  z-index: 2;
  font-size: 1rem;
  font-weight: 500;
  transition: all 0.3s ease-in-out;
  position: relative;
}
.DOCTOR_PREVIEW_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg1 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.DOCTOR_PREVIEW_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg1 #sw-js-blob-svg {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.DOCTOR_PREVIEW_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg1 #sw-js-blob-svg #stop1 {
  stop-color: #5365ff;
}
.DOCTOR_PREVIEW_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg1 #sw-js-blob-svg #stop2 {
  stop-color: #5365ff;
}
.DOCTOR_PREVIEW_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg2 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.DOCTOR_PREVIEW_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg2 #sw-js-blob-svg {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.DOCTOR_PREVIEW_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg2 #sw-js-blob-svg #stop3 {
  stop-color: #ff004d;
}
.DOCTOR_PREVIEW_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg2 #sw-js-blob-svg #stop4 {
  stop-color: #f500da;
}
.DOCTOR_PREVIEW_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg3 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.DOCTOR_PREVIEW_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg3 #sw-js-blob-svg {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.DOCTOR_PREVIEW_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg3 #sw-js-blob-svg #stop5 {
  stop-color: #10b856;
}
.DOCTOR_PREVIEW_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg3 #sw-js-blob-svg #stop6 {
  stop-color: #10b856;
}
.DOCTOR_PREVIEW_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg6 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.DOCTOR_PREVIEW_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg6 #sw-js-blob-svg6 {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.DOCTOR_PREVIEW_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg6 #sw-js-blob-svg6 #stop11 {
  stop-color: #4da6e9;
}
.DOCTOR_PREVIEW_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg6 #sw-js-blob-svg6 #stop12 {
  stop-color: #4da6e9;
}
.DOCTOR_PREVIEW_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg4 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.DOCTOR_PREVIEW_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg4 #sw-js-blob-svg {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.DOCTOR_PREVIEW_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg4 #sw-js-blob-svg #stop7 {
  stop-color: #ff777b;
}
.DOCTOR_PREVIEW_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg4 #sw-js-blob-svg #stop8 {
  stop-color: #ff656a;
}
.DOCTOR_PREVIEW_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg5 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.DOCTOR_PREVIEW_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg5 #sw-js-blob-svg5 {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.DOCTOR_PREVIEW_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg5 #sw-js-blob-svg5 #stop9 {
  stop-color: #a5a5a5;
}
.DOCTOR_PREVIEW_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg5 #sw-js-blob-svg5 #stop10 {
  stop-color: #999999;
}
.DOCTOR_PREVIEW_CARD .about_row_4 .about_details .detail .detail_message .social_medias a small {
  display: none;
  position: absolute;
  transition: all 0.4s ease-in-out;
}
.DOCTOR_PREVIEW_CARD .about_row_4 .about_details .detail .detail_message .social_medias a:hover {
  scale: 1.1;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
  transition: all 0.3s ease-in-out;
}
.DOCTOR_PREVIEW_CARD .about_row_4 .about_details .detail .detail_message .social_medias a:hover .social_media_svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.DOCTOR_PREVIEW_CARD .about_row_4 .about_details .detail .detail_message .social_medias a:hover .social_media_svg img {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60px;
}
.DOCTOR_PREVIEW_CARD .about_row_4 .about_details .detail .detail_message .icon {
  font-size: 1.2rem;
  cursor: pointer;
  color: rgb(104, 104, 104);
}
.DOCTOR_PREVIEW_CARD .about_row_4 .specialities {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.DOCTOR_PREVIEW_CARD .about_row_4 .specialities ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  margin: auto;
  width: 90%;
  font-size: 1.3rem;
}
.DOCTOR_PREVIEW_CARD .about_row_4 .specialities ul li {
  font-size: 0.9rem;
  font-weight: 500;
}
.DOCTOR_PREVIEW_CARD .our_services {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.DOCTOR_PREVIEW_CARD .our_products {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.DOCTOR_PREVIEW_CARD .Payment {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.DOCTOR_PREVIEW_CARD .Payment .payment_details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-items: flex-start;
  gap: 10px;
  width: 100%;
}
.DOCTOR_PREVIEW_CARD .Payment .payment_details .detail {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  width: 100%;
}
.DOCTOR_PREVIEW_CARD .Payment .payment_details .detail .detail_title {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 1rem;
  font-weight: 550;
  flex: 0.4;
}
.DOCTOR_PREVIEW_CARD .Payment .payment_details .detail .detail_title h5 {
  font-size: 0.8rem;
  font-weight: 600;
}
.DOCTOR_PREVIEW_CARD .Payment .payment_details .detail .detail_message {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 5px;
  font-weight: 550;
  flex: 0.6;
}
.DOCTOR_PREVIEW_CARD .Payment .payment_details .detail .detail_message p {
  font-size: 0.8rem;
  font-weight: 500;
}
.DOCTOR_PREVIEW_CARD .Payment .payment_details .detail .detail_message .icon {
  font-size: 1.2rem;
  cursor: pointer;
}
.DOCTOR_PREVIEW_CARD .Payment .payment_details .detail .detail_message .icon:hover {
  color: royalblue;
}
.DOCTOR_PREVIEW_CARD .Payment .sub_title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
.DOCTOR_PREVIEW_CARD .Payment .sub_title h4 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  font-weight: 550;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-size: 1.05rem !important;
  position: relative;
}
.DOCTOR_PREVIEW_CARD .Payment .account_details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-items: flex-start;
  gap: 10px;
  width: 100%;
}
.DOCTOR_PREVIEW_CARD .Payment .account_details .detail {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  width: 100%;
}
.DOCTOR_PREVIEW_CARD .Payment .account_details .detail .detail_title {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 1rem;
  font-weight: 550;
  flex: 0.4;
}
.DOCTOR_PREVIEW_CARD .Payment .account_details .detail .detail_title h5 {
  font-size: 0.8rem;
  font-weight: 600;
}
.DOCTOR_PREVIEW_CARD .Payment .account_details .detail .detail_message {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 5px;
  font-weight: 550;
  flex: 0.6;
}
.DOCTOR_PREVIEW_CARD .Payment .account_details .detail .detail_message p {
  font-size: 0.8rem;
  font-weight: 500;
}
.DOCTOR_PREVIEW_CARD .Payment .account_details .detail .detail_message .icon {
  font-size: 1.2rem;
  cursor: pointer;
}
.DOCTOR_PREVIEW_CARD .Payment .account_details .detail .detail_message .icon:hover {
  color: royalblue;
}
.DOCTOR_PREVIEW_CARD .Payment .qr_code_upi_name {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
.DOCTOR_PREVIEW_CARD .Payment .qr_code_upi_name h4 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  font-weight: 550;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-size: 0.9rem !important;
  position: relative;
}
.DOCTOR_PREVIEW_CARD .Payment .qr_image_box {
  width: 60%;
  height: 250px;
  background-color: #bcffee;
  padding: 1rem;
  border-radius: 10px;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4));
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.DOCTOR_PREVIEW_CARD .Payment .qr_image_box .user_name {
  display: flex;
  align-items: center;
  justify-content: center;
}
.DOCTOR_PREVIEW_CARD .Payment .qr_image_box .user_name h4 {
  font-size: 1rem;
  font-weight: 550;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.DOCTOR_PREVIEW_CARD .Payment .qr_image_box .qr_image {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.DOCTOR_PREVIEW_CARD .Payment .qr_image_box .qr_image img {
  width: 80%;
  height: 90%;
  -o-object-fit: cover;
     object-fit: cover;
  margin: auto;
}
.DOCTOR_PREVIEW_CARD .gallery {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.DOCTOR_PREVIEW_CARD .gallery .all_gallerys {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.5rem;
  place-items: center;
  /* Different spans for larger images */
}
.DOCTOR_PREVIEW_CARD .gallery .all_gallerys .gallery_image {
  width: 100%;
}
.DOCTOR_PREVIEW_CARD .gallery .all_gallerys .gallery_image img {
  cursor: pointer;
  width: 100%;
  height: 100%;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
  border: 1px solid rgb(196, 196, 196);
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease;
}
.DOCTOR_PREVIEW_CARD .gallery .all_gallerys .gallery_image img:hover {
  opacity: 0.7;
  transition: all 0.3s ease;
}
.DOCTOR_PREVIEW_CARD .gallery .all_gallerys .span-1 {
  grid-row: span 1;
  grid-column: span 1;
}
.DOCTOR_PREVIEW_CARD .gallery .all_gallerys .span-2 {
  grid-row: span 2;
  grid-column: span 1;
}
.DOCTOR_PREVIEW_CARD .gallery .all_gallerys .span-3 {
  grid-row: span 3;
  grid-column: span 3;
}
.DOCTOR_PREVIEW_CARD .gallery .all_gallerys .span-4 {
  grid-row: span 1;
  grid-column: span 1;
}
.DOCTOR_PREVIEW_CARD .gallery .all_gallerys .span-5 {
  grid-row: span 2;
  grid-column: span 2;
}
.DOCTOR_PREVIEW_CARD .video {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.DOCTOR_PREVIEW_CARD .video .videos_container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
  margin: auto;
}
.DOCTOR_PREVIEW_CARD .video .videos_container .video_image {
  width: 100%;
}
.DOCTOR_PREVIEW_CARD .video .videos_container .video_image iframe {
  width: 100%;
  height: 200px;
}
.DOCTOR_PREVIEW_CARD .google_map_container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  padding: 1rem;
  height: auto !important;
}
.DOCTOR_PREVIEW_CARD .google_map_container .google_map {
  width: 100%;
}
.DOCTOR_PREVIEW_CARD .google_map_container .google_map iframe {
  width: 100% !important;
  height: 250px !important;
  border: none !important;
  margin: 1rem auto;
  border-radius: 0.5rem;
  filter: drop-shadow(0px 4px 5px rgba(56, 56, 56, 0.527));
}
.DOCTOR_PREVIEW_CARD .Footer {
  position: relative;
  bottom: 0%;
  width: 100%;
  margin-top: 3rem;
}
.DOCTOR_PREVIEW_CARD .Footer .footer_container {
  width: 100%;
  min-height: 50px;
  height: 50px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px 0px;
  z-index: 600;
}
.DOCTOR_PREVIEW_CARD .Footer .footer_container p {
  font-size: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 400;
  letter-spacing: 1px;
}
@media (max-width: 600px) {
  .DOCTOR_PREVIEW_CARD .Footer .footer_container p {
    font-size: 0.7rem;
  }
}
.DOCTOR_PREVIEW_CARD .Footer .footer_container svg {
  position: absolute;
  z-index: -1;
  bottom: 0%;
  left: 0%;
  width: 100%;
}
.DOCTOR_PREVIEW_CARD::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 600px) {
  .DOCTOR_PREVIEW_CARD {
    width: 100vw !important;
    min-width: 100vw;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin-top: 0rem;
    display: block;
  }
}
.vcard_preview_loader {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vcard_preview_loader .preview_loader {
  height: 5px;
  width: 5px;
  color: #706dff;
  box-shadow: -10px -10px 0 5px, -10px -10px 0 5px, -10px -10px 0 5px, -10px -10px 0 5px;
  animation: loader-38 6s infinite;
}
@keyframes loader-38 {
  0% {
    box-shadow: -10px -10px 0 5px, -10px -10px 0 5px, -10px -10px 0 5px, -10px -10px 0 5px;
  }
  8.33% {
    box-shadow: -10px -10px 0 5px, 10px -10px 0 5px, 10px -10px 0 5px, 10px -10px 0 5px;
  }
  16.66% {
    box-shadow: -10px -10px 0 5px, 10px -10px 0 5px, 10px 10px 0 5px, 10px 10px 0 5px;
  }
  24.99% {
    box-shadow: -10px -10px 0 5px, 10px -10px 0 5px, 10px 10px 0 5px, -10px 10px 0 5px;
  }
  33.32% {
    box-shadow: -10px -10px 0 5px, 10px -10px 0 5px, 10px 10px 0 5px, -10px -10px 0 5px;
  }
  41.65% {
    box-shadow: 10px -10px 0 5px, 10px -10px 0 5px, 10px 10px 0 5px, 10px -10px 0 5px;
  }
  49.98% {
    box-shadow: 10px 10px 0 5px, 10px 10px 0 5px, 10px 10px 0 5px, 10px 10px 0 5px;
  }
  58.31% {
    box-shadow: -10px 10px 0 5px, -10px 10px 0 5px, 10px 10px 0 5px, -10px 10px 0 5px;
  }
  66.64% {
    box-shadow: -10px -10px 0 5px, -10px -10px 0 5px, 10px 10px 0 5px, -10px 10px 0 5px;
  }
  74.97% {
    box-shadow: -10px -10px 0 5px, 10px -10px 0 5px, 10px 10px 0 5px, -10px 10px 0 5px;
  }
  83.3% {
    box-shadow: -10px -10px 0 5px, 10px 10px 0 5px, 10px 10px 0 5px, -10px 10px 0 5px;
  }
  91.63% {
    box-shadow: -10px -10px 0 5px, -10px 10px 0 5px, -10px 10px 0 5px, -10px 10px 0 5px;
  }
  100% {
    box-shadow: -10px -10px 0 5px, -10px -10px 0 5px, -10px -10px 0 5px, -10px -10px 0 5px;
  }
}
.date-input {
  appearance: none; /* Remove default styling */
  -webkit-appearance: none; /* Remove default styling in Safari */
  -moz-appearance: none; /* Remove default styling in Firefox */
  padding: 10px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
/* Custom icon for the date picker */
.date-input::-webkit-calendar-picker-indicator {
  cursor: pointer;
  opacity: 1;
  position: absolute;
  right: 10px;
  top: 70%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url("https://img.icons8.com/emoji/48/calendar-emoji.png") no-repeat center center;
  background-size: contain;
}/* Slider */
.slick-slider
{
    position: relative;

    display: block;
    box-sizing: border-box;

    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list
{
    transform: translate3d(0, 0, 0);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}

/* Slider */
.slick-loading .slick-list
{
    background: #fff url('/assets/ajax-loader-BcnMEykj.gif') center center no-repeat;
}

/* Icons */
@font-face
{
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;

    src: url('data:application/vnd.ms-fontobject;base64,AAgAAGQHAAABAAIAAAAAAAIABQkAAAAAAAABAJABAAAAAExQAQAAgCAAAAAAAAAAAAAAAAEAAAAAAAAATxDE8AAAAAAAAAAAAAAAAAAAAAAAAAoAcwBsAGkAYwBrAAAADgBSAGUAZwB1AGwAYQByAAAAFgBWAGUAcgBzAGkAbwBuACAAMQAuADAAAAAKAHMAbABpAGMAawAAAAAAAAEAAAANAIAAAwBQRkZUTW3RyK8AAAdIAAAAHEdERUYANAAGAAAHKAAAACBPUy8yT/b9sgAAAVgAAABWY21hcCIPRb0AAAHIAAABYmdhc3D//wADAAAHIAAAAAhnbHlmP5u2YAAAAzwAAAIsaGVhZAABMfsAAADcAAAANmhoZWED5QIFAAABFAAAACRobXR4BkoASgAAAbAAAAAWbG9jYQD2AaIAAAMsAAAAEG1heHAASwBHAAABOAAAACBuYW1lBSeBwgAABWgAAAFucG9zdC+zMgMAAAbYAAAARQABAAAAAQAA8MQQT18PPPUACwIAAAAAAM9xeH8AAAAAz3F4fwAlACUB2wHbAAAACAACAAAAAAAAAAEAAAHbAAAALgIAAAAAAAHbAAEAAAAAAAAAAAAAAAAAAAAEAAEAAAAHAEQAAgAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQIAAZAABQAIAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAIABQkAAAAAAACAAAABAAAAIAAAAAAAAAAAUGZFZABAAGEhkgHg/+AALgHb/9sAAAABAAAAAAAAAgAAAAAAAAACAAAAAgAAJQAlACUAJQAAAAAAAwAAAAMAAAAcAAEAAAAAAFwAAwABAAAAHAAEAEAAAAAMAAgAAgAEAAAAYSAiIZAhkv//AAAAAABhICIhkCGS//8AAP+l3+PedN5xAAEAAAAAAAAAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGAIwAsAEWAAIAJQAlAdsB2wAYACwAAD8BNjQvASYjIg8BBhUUHwEHBhUUHwEWMzI2FAcGBwYiJyYnJjQ3Njc2MhcWF/GCBgaCBQcIBR0GBldXBgYdBQgH7x0eMjB8MDIeHR0eMjB8MDIecYIGDgaCBQUeBQcJBFhYBAkHBR4F0nwwMh4dHR4yMHwwMh4dHR4yAAAAAgAlACUB2wHbABgALAAAJTc2NTQvATc2NTQvASYjIg8BBhQfARYzMjYUBwYHBiInJicmNDc2NzYyFxYXASgdBgZXVwYGHQUIBwWCBgaCBQcIuB0eMjB8MDIeHR0eMjB8MDIecR4FBwkEWFgECQcFHgUFggYOBoIF0nwwMh4dHR4yMHwwMh4dHR4yAAABACUAJQHbAdsAEwAAABQHBgcGIicmJyY0NzY3NjIXFhcB2x0eMjB8MDIeHR0eMjB8MDIeAT58MDIeHR0eMjB8MDIeHR0eMgABACUAJQHbAdsAQwAAARUUBisBIicmPwEmIyIHBgcGBwYUFxYXFhcWMzI3Njc2MzIfARYVFAcGBwYjIicmJyYnJjQ3Njc2NzYzMhcWFzc2FxYB2woIgAsGBQkoKjodHBwSFAwLCwwUEhwcHSIeIBMGAQQDJwMCISspNC8mLBobFBERFBsaLCYvKicpHSUIDAsBt4AICgsLCScnCwwUEhwcOhwcEhQMCw8OHAMDJwMDAgQnFBQRFBsaLCZeJiwaGxQRDxEcJQgEBgAAAAAAAAwAlgABAAAAAAABAAUADAABAAAAAAACAAcAIgABAAAAAAADACEAbgABAAAAAAAEAAUAnAABAAAAAAAFAAsAugABAAAAAAAGAAUA0gADAAEECQABAAoAAAADAAEECQACAA4AEgADAAEECQADAEIAKgADAAEECQAEAAoAkAADAAEECQAFABYAogADAAEECQAGAAoAxgBzAGwAaQBjAGsAAHNsaWNrAABSAGUAZwB1AGwAYQByAABSZWd1bGFyAABGAG8AbgB0AEYAbwByAGcAZQAgADIALgAwACAAOgAgAHMAbABpAGMAawAgADoAIAAxADQALQA0AC0AMgAwADEANAAARm9udEZvcmdlIDIuMCA6IHNsaWNrIDogMTQtNC0yMDE0AABzAGwAaQBjAGsAAHNsaWNrAABWAGUAcgBzAGkAbwBuACAAMQAuADAAAFZlcnNpb24gMS4wAABzAGwAaQBjAGsAAHNsaWNrAAAAAAIAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAABwAAAAEAAgECAQMAhwBECmFycm93cmlnaHQJYXJyb3dsZWZ0AAAAAAAAAf//AAIAAQAAAA4AAAAYAAAAAAACAAEAAwAGAAEABAAAAAIAAAAAAAEAAAAAzu7XsAAAAADPcXh/AAAAAM9xeH8=');
    src: url('data:application/vnd.ms-fontobject;base64,AAgAAGQHAAABAAIAAAAAAAIABQkAAAAAAAABAJABAAAAAExQAQAAgCAAAAAAAAAAAAAAAAEAAAAAAAAATxDE8AAAAAAAAAAAAAAAAAAAAAAAAAoAcwBsAGkAYwBrAAAADgBSAGUAZwB1AGwAYQByAAAAFgBWAGUAcgBzAGkAbwBuACAAMQAuADAAAAAKAHMAbABpAGMAawAAAAAAAAEAAAANAIAAAwBQRkZUTW3RyK8AAAdIAAAAHEdERUYANAAGAAAHKAAAACBPUy8yT/b9sgAAAVgAAABWY21hcCIPRb0AAAHIAAABYmdhc3D//wADAAAHIAAAAAhnbHlmP5u2YAAAAzwAAAIsaGVhZAABMfsAAADcAAAANmhoZWED5QIFAAABFAAAACRobXR4BkoASgAAAbAAAAAWbG9jYQD2AaIAAAMsAAAAEG1heHAASwBHAAABOAAAACBuYW1lBSeBwgAABWgAAAFucG9zdC+zMgMAAAbYAAAARQABAAAAAQAA8MQQT18PPPUACwIAAAAAAM9xeH8AAAAAz3F4fwAlACUB2wHbAAAACAACAAAAAAAAAAEAAAHbAAAALgIAAAAAAAHbAAEAAAAAAAAAAAAAAAAAAAAEAAEAAAAHAEQAAgAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQIAAZAABQAIAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAIABQkAAAAAAACAAAABAAAAIAAAAAAAAAAAUGZFZABAAGEhkgHg/+AALgHb/9sAAAABAAAAAAAAAgAAAAAAAAACAAAAAgAAJQAlACUAJQAAAAAAAwAAAAMAAAAcAAEAAAAAAFwAAwABAAAAHAAEAEAAAAAMAAgAAgAEAAAAYSAiIZAhkv//AAAAAABhICIhkCGS//8AAP+l3+PedN5xAAEAAAAAAAAAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGAIwAsAEWAAIAJQAlAdsB2wAYACwAAD8BNjQvASYjIg8BBhUUHwEHBhUUHwEWMzI2FAcGBwYiJyYnJjQ3Njc2MhcWF/GCBgaCBQcIBR0GBldXBgYdBQgH7x0eMjB8MDIeHR0eMjB8MDIecYIGDgaCBQUeBQcJBFhYBAkHBR4F0nwwMh4dHR4yMHwwMh4dHR4yAAAAAgAlACUB2wHbABgALAAAJTc2NTQvATc2NTQvASYjIg8BBhQfARYzMjYUBwYHBiInJicmNDc2NzYyFxYXASgdBgZXVwYGHQUIBwWCBgaCBQcIuB0eMjB8MDIeHR0eMjB8MDIecR4FBwkEWFgECQcFHgUFggYOBoIF0nwwMh4dHR4yMHwwMh4dHR4yAAABACUAJQHbAdsAEwAAABQHBgcGIicmJyY0NzY3NjIXFhcB2x0eMjB8MDIeHR0eMjB8MDIeAT58MDIeHR0eMjB8MDIeHR0eMgABACUAJQHbAdsAQwAAARUUBisBIicmPwEmIyIHBgcGBwYUFxYXFhcWMzI3Njc2MzIfARYVFAcGBwYjIicmJyYnJjQ3Njc2NzYzMhcWFzc2FxYB2woIgAsGBQkoKjodHBwSFAwLCwwUEhwcHSIeIBMGAQQDJwMCISspNC8mLBobFBERFBsaLCYvKicpHSUIDAsBt4AICgsLCScnCwwUEhwcOhwcEhQMCw8OHAMDJwMDAgQnFBQRFBsaLCZeJiwaGxQRDxEcJQgEBgAAAAAAAAwAlgABAAAAAAABAAUADAABAAAAAAACAAcAIgABAAAAAAADACEAbgABAAAAAAAEAAUAnAABAAAAAAAFAAsAugABAAAAAAAGAAUA0gADAAEECQABAAoAAAADAAEECQACAA4AEgADAAEECQADAEIAKgADAAEECQAEAAoAkAADAAEECQAFABYAogADAAEECQAGAAoAxgBzAGwAaQBjAGsAAHNsaWNrAABSAGUAZwB1AGwAYQByAABSZWd1bGFyAABGAG8AbgB0AEYAbwByAGcAZQAgADIALgAwACAAOgAgAHMAbABpAGMAawAgADoAIAAxADQALQA0AC0AMgAwADEANAAARm9udEZvcmdlIDIuMCA6IHNsaWNrIDogMTQtNC0yMDE0AABzAGwAaQBjAGsAAHNsaWNrAABWAGUAcgBzAGkAbwBuACAAMQAuADAAAFZlcnNpb24gMS4wAABzAGwAaQBjAGsAAHNsaWNrAAAAAAIAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAABwAAAAEAAgECAQMAhwBECmFycm93cmlnaHQJYXJyb3dsZWZ0AAAAAAAAAf//AAIAAQAAAA4AAAAYAAAAAAACAAEAAwAGAAEABAAAAAIAAAAAAAEAAAAAzu7XsAAAAADPcXh/AAAAAM9xeH8=') format('embedded-opentype'), url('data:font/woff;base64,d09GRk9UVE8AAAVkAAsAAAAAB1wAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAABCAAAAi4AAAKbH/pWDkZGVE0AAAM4AAAAGgAAABxt0civR0RFRgAAA1QAAAAcAAAAIAAyAARPUy8yAAADcAAAAFIAAABgUBj/rmNtYXAAAAPEAAAAUAAAAWIiC0SwaGVhZAAABBQAAAAuAAAANgABMftoaGVhAAAERAAAABwAAAAkA+UCA2htdHgAAARgAAAADgAAAA4ESgBKbWF4cAAABHAAAAAGAAAABgAFUABuYW1lAAAEeAAAANwAAAFuBSeBwnBvc3QAAAVUAAAAEAAAACAAAwABeJw9ks9vEkEUx2cpWyeUoFYgNkHi2Wt7N3rVm3cTs3UVLC4LxIWEQvi1P3i7O1tYLJDAmlgKGEhQrsajf0j7J3jYTXrQWUrMJG+++b55n5e8NwwKBhHDMLv5kxT3ATEBxKBn3qOAl9zxHgb1MAPhHQgHkyF08Gr/L8B/Eb6zWnmCJ7AJVLubQOheArXvJ1A4EXi6j4I+Zg9F0QFKvsnlBCmXeve+sFEnb/nCptdtQ4QYhVFRAT1HrF8UQK/RL/SbmUbclsvGVFXRZKDHUE38cc4qpkbAAsuwiImvro+ufcfaOIQ6szlrmjRJDaKZKnbjN3GWKIbiIzRFUfCffuxxKOL+3LDlDVvx2TdxN84qZEsnhNBa6pgm2dAsnzbLsETdsmRFxUeHV4e+I2/ptN8TyqV8T3Dt29t7EYOuajVIw2y1Wy3M86w0zg/Fz2IvawmQAUHOVrPVfLkoScVynsqsTG0MGUs4z55nh3mnOJa+li+rl9WpPIcFfDubDeaDC+fLBdYN3QADzLauGfj4B6sZmq6CCpqmtSvF0qlUl2qf5AJIUCSlTqlb7lUG+LRfGzZGzZEyBgccMu6MuqPecNDvD4Y9Kjtj4gD+DsvKVMTcMdtqtZtmkzQstQvYje7Syep0PDSAhSOeHYXYWThEF//A/0YvYV1fSQtpKU5STtrhbQ444OtpKSWJIg3pOg8cBs7maTY1EZf07aq+hjWs7IWzdCYTGhb2CtZ47x+Uhx28AAB4nGNgYGBkAIJz765vANHnCyvqYTQAWnkHswAAeJxjYGRgYOADYgkGEGBiYARCFjAG8RgABHYAN3icY2BmYmCcwMDKwMHow5jGwMDgDqW/MkgytDAwMDGwcjKAQQMDAyOQUmCAgoA01xQGB4ZExUmMD/4/YNBjvP3/NgNEDQPjbbBKBQZGADfLDgsAAHicY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQzMCQqKClOUJz0/z9YHRLv/+L7D+8V3cuHmgAHjGwM6ELUByxUMIOZCmbgAAA5LQ8XeJxjYGRgYABiO68w73h+m68M3EwMIHC+sKIeTqsyqDLeZrwN5HIwgKUB/aYJUgAAeJxjYGRgYLzNwMCgx8QAAkA2IwMqYAIAMGIB7QIAAAACAAAlACUAJQAlAAAAAFAAAAUAAHicbY49asNAEIU/2ZJDfkiRIvXapUFCEqpcptABUrg3ZhEiQoKVfY9UqVLlGDlADpAT5e16IUWysMz3hjfzBrjjjQT/EjKpCy+4YhN5yZoxcirPe+SMWz4jr6S+5UzSa3VuwpTnBfc8RF7yxDZyKs9r5IxHPiKv1P9iZqDnyAvMQ39UecbScVb/gJO03Xk4CFom3XYK1clhMdQUlKo7/d9NF13RkIdfy+MV7TSe2sl11tRFaXYmJKpWTd7kdVnJ8veevZKc+n3I93t9Jnvr5n4aTVWU/0z9AI2qMkV4nGNgZkAGjAxoAAAAjgAF') format('woff'), url('data:font/ttf;base64,AAEAAAANAIAAAwBQRkZUTW3RyK8AAAdIAAAAHEdERUYANAAGAAAHKAAAACBPUy8yT/b9sgAAAVgAAABWY21hcCIPRb0AAAHIAAABYmdhc3D//wADAAAHIAAAAAhnbHlmP5u2YAAAAzwAAAIsaGVhZAABMfsAAADcAAAANmhoZWED5QIFAAABFAAAACRobXR4BkoASgAAAbAAAAAWbG9jYQD2AaIAAAMsAAAAEG1heHAASwBHAAABOAAAACBuYW1lBSeBwgAABWgAAAFucG9zdC+zMgMAAAbYAAAARQABAAAAAQAA8MQQT18PPPUACwIAAAAAAM9xeH8AAAAAz3F4fwAlACUB2wHbAAAACAACAAAAAAAAAAEAAAHbAAAALgIAAAAAAAHbAAEAAAAAAAAAAAAAAAAAAAAEAAEAAAAHAEQAAgAAAAAAAgAAAAEAAQAAAEAAAAAAAAAAAQIAAZAABQAIAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAIABQkAAAAAAACAAAABAAAAIAAAAAAAAAAAUGZFZABAAGEhkgHg/+AALgHb/9sAAAABAAAAAAAAAgAAAAAAAAACAAAAAgAAJQAlACUAJQAAAAAAAwAAAAMAAAAcAAEAAAAAAFwAAwABAAAAHAAEAEAAAAAMAAgAAgAEAAAAYSAiIZAhkv//AAAAAABhICIhkCGS//8AAP+l3+PedN5xAAEAAAAAAAAAAAAAAAAAAAEGAAABAAAAAAAAAAECAAAAAgAAAAAAAAAAAAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGAIwAsAEWAAIAJQAlAdsB2wAYACwAAD8BNjQvASYjIg8BBhUUHwEHBhUUHwEWMzI2FAcGBwYiJyYnJjQ3Njc2MhcWF/GCBgaCBQcIBR0GBldXBgYdBQgH7x0eMjB8MDIeHR0eMjB8MDIecYIGDgaCBQUeBQcJBFhYBAkHBR4F0nwwMh4dHR4yMHwwMh4dHR4yAAAAAgAlACUB2wHbABgALAAAJTc2NTQvATc2NTQvASYjIg8BBhQfARYzMjYUBwYHBiInJicmNDc2NzYyFxYXASgdBgZXVwYGHQUIBwWCBgaCBQcIuB0eMjB8MDIeHR0eMjB8MDIecR4FBwkEWFgECQcFHgUFggYOBoIF0nwwMh4dHR4yMHwwMh4dHR4yAAABACUAJQHbAdsAEwAAABQHBgcGIicmJyY0NzY3NjIXFhcB2x0eMjB8MDIeHR0eMjB8MDIeAT58MDIeHR0eMjB8MDIeHR0eMgABACUAJQHbAdsAQwAAARUUBisBIicmPwEmIyIHBgcGBwYUFxYXFhcWMzI3Njc2MzIfARYVFAcGBwYjIicmJyYnJjQ3Njc2NzYzMhcWFzc2FxYB2woIgAsGBQkoKjodHBwSFAwLCwwUEhwcHSIeIBMGAQQDJwMCISspNC8mLBobFBERFBsaLCYvKicpHSUIDAsBt4AICgsLCScnCwwUEhwcOhwcEhQMCw8OHAMDJwMDAgQnFBQRFBsaLCZeJiwaGxQRDxEcJQgEBgAAAAAAAAwAlgABAAAAAAABAAUADAABAAAAAAACAAcAIgABAAAAAAADACEAbgABAAAAAAAEAAUAnAABAAAAAAAFAAsAugABAAAAAAAGAAUA0gADAAEECQABAAoAAAADAAEECQACAA4AEgADAAEECQADAEIAKgADAAEECQAEAAoAkAADAAEECQAFABYAogADAAEECQAGAAoAxgBzAGwAaQBjAGsAAHNsaWNrAABSAGUAZwB1AGwAYQByAABSZWd1bGFyAABGAG8AbgB0AEYAbwByAGcAZQAgADIALgAwACAAOgAgAHMAbABpAGMAawAgADoAIAAxADQALQA0AC0AMgAwADEANAAARm9udEZvcmdlIDIuMCA6IHNsaWNrIDogMTQtNC0yMDE0AABzAGwAaQBjAGsAAHNsaWNrAABWAGUAcgBzAGkAbwBuACAAMQAuADAAAFZlcnNpb24gMS4wAABzAGwAaQBjAGsAAHNsaWNrAAAAAAIAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAABwAAAAEAAgECAQMAhwBECmFycm93cmlnaHQJYXJyb3dsZWZ0AAAAAAAAAf//AAIAAQAAAA4AAAAYAAAAAAACAAEAAwAGAAEABAAAAAIAAAAAAAEAAAAAzu7XsAAAAADPcXh/AAAAAM9xeH8=') format('truetype'), url('/assets/slick-BlzDm7g2.svg#slick') format('svg');
}
/* Arrows */
.slick-prev,
.slick-next
{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    width: 20px;
    height: 20px;
    padding: 0;
    transform: translate(0, -50%);

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
}
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus
{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before
{
    opacity: 1;
}
.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before
{
    opacity: .25;
}

.slick-prev:before,
.slick-next:before
{
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;

    opacity: .75;
    color: white;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-prev
{
    left: -25px;
}
[dir='rtl'] .slick-prev
{
    right: -25px;
    left: auto;
}
.slick-prev:before
{
    content: '←';
}
[dir='rtl'] .slick-prev:before
{
    content: '→';
}

.slick-next
{
    right: -25px;
}
[dir='rtl'] .slick-next
{
    right: auto;
    left: -25px;
}
.slick-next:before
{
    content: '→';
}
[dir='rtl'] .slick-next:before
{
    content: '←';
}

/* Dots */
.slick-dotted.slick-slider
{
    margin-bottom: 30px;
}

.slick-dots
{
    position: absolute;
    bottom: -25px;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}
.slick-dots li
{
    position: relative;

    display: inline-block;

    width: 20px;
    height: 20px;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;

    display: block;

    width: 20px;
    height: 20px;
    padding: 5px;

    cursor: pointer;

    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'slick';
    font-size: 6px;
    line-height: 20px;

    position: absolute;
    top: 0;
    left: 0;

    width: 20px;
    height: 20px;

    content: '•';
    text-align: center;

    opacity: .25;
    color: black;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}
.react-slideshow-container{display:flex;align-items:center;position:relative}.react-slideshow-container .nav{z-index:10;position:absolute;cursor:pointer}.react-slideshow-container .nav:first-of-type{left:0}.react-slideshow-container .nav:last-of-type{right:0}.react-slideshow-container .default-nav{height:30px;background:rgba(255,255,255,0.6);width:30px;border:0;text-align:center;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center}.react-slideshow-container .default-nav:hover,.react-slideshow-container .default-nav:focus{background:#fff;color:#666;outline:0}.react-slideshow-container .default-nav.disabled:hover{cursor:not-allowed}.react-slideshow-container .default-nav:first-of-type{margin-right:-30px;border-right:0;border-top:0}.react-slideshow-container .default-nav:last-of-type{margin-left:-30px}.react-slideshow-container+ul.indicators{display:flex;flex-wrap:wrap;justify-content:center;margin-top:20px}.react-slideshow-container+ul.indicators li{display:inline-block;position:relative;width:7px;height:7px;padding:5px;margin:0}.react-slideshow-container+ul.indicators .each-slideshow-indicator{border:0;opacity:.25;cursor:pointer;background:transparent;color:transparent}.react-slideshow-container+ul.indicators .each-slideshow-indicator:before{position:absolute;top:0;left:0;width:7px;height:7px;border-radius:50%;content:'';background:#000;text-align:center}.react-slideshow-container+ul.indicators .each-slideshow-indicator:hover,.react-slideshow-container+ul.indicators .each-slideshow-indicator.active{opacity:.75;outline:0}.react-slideshow-fadezoom-wrapper{width:100%;overflow:hidden}.react-slideshow-fadezoom-wrapper .react-slideshow-fadezoom-images-wrap{display:flex;flex-wrap:wrap}.react-slideshow-fadezoom-wrapper .react-slideshow-fadezoom-images-wrap>div{position:relative;opacity:0}.react-slideshow-wrapper .react-slideshow-fade-images-wrap>div[aria-hidden='true']{display:none}.react-slideshow-wrapper.slide{width:100%;overflow:hidden}.react-slideshow-wrapper .images-wrap.horizontal{display:flex;flex-wrap:wrap;width:auto}.react-slideshow-wrapper .images-wrap>div[aria-hidden='true']{display:none}
.carousel .control-arrow,.carousel.carousel-slider .control-arrow{transition:all .25s ease-in;opacity:.4;filter:alpha(opacity=40);position:absolute;z-index:2;top:20px;background:none;border:0;font-size:32px;cursor:pointer}.carousel .control-arrow:focus,.carousel .control-arrow:hover{opacity:1;filter:alpha(opacity=100)}.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{margin:0 5px;display:inline-block;border-top:8px solid transparent;border-bottom:8px solid transparent;content:''}.carousel .control-disabled.control-arrow{opacity:0;filter:alpha(opacity=0);cursor:inherit;display:none}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:8px solid #fff}.carousel-root{outline:none}.carousel{position:relative;width:100%}.carousel *{box-sizing:border-box}.carousel img{width:100%;display:inline-block;pointer-events:none}.carousel .carousel{position:relative}.carousel .control-arrow{outline:0;border:0;background:none;top:50%;margin-top:-13px;font-size:18px}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{transition:all .15s ease-in;transform:translate3d(0, 0, 0);position:relative;list-style:none;white-space:nowrap}.carousel .thumb{transition:border .15s ease-in;display:inline-block;margin-right:6px;white-space:nowrap;overflow:hidden;border:3px solid #fff;padding:2px}.carousel .thumb:focus{border:3px solid #ccc;outline:none}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{position:relative;margin:0;overflow:hidden}.carousel.carousel-slider .control-arrow{top:0;color:#fff;font-size:26px;bottom:0;margin-top:0;padding:5px}.carousel.carousel-slider .control-arrow:hover{background:rgba(0,0,0,0.2)}.carousel .slider-wrapper{overflow:hidden;margin:auto;width:100%;transition:height .15s ease-in}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-direction:column;flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{flex-direction:column}.carousel .slider{margin:0;padding:0;position:relative;list-style:none;width:100%}.carousel .slider.animated{transition:all .35s ease-in-out}.carousel .slide{min-width:100%;margin:0;position:relative;text-align:center}.carousel .slide img{width:100%;vertical-align:top;border:0}.carousel .slide iframe{display:inline-block;width:calc(100% - 80px);margin:0 40px 40px;border:0}.carousel .slide .legend{transition:all .5s ease-in-out;position:absolute;bottom:40px;left:50%;margin-left:-45%;width:90%;border-radius:10px;background:#000;color:#fff;padding:10px;font-size:12px;text-align:center;opacity:0.25;transition:opacity .35s ease-in-out}.carousel .control-dots{position:absolute;bottom:0;margin:10px 0;padding:0;text-align:center;width:100%;z-index:1}@media (min-width: 960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{transition:opacity .25s ease-in;opacity:.3;filter:alpha(opacity=30);box-shadow:1px 1px 2px rgba(0,0,0,0.9);background:#fff;border-radius:50%;width:8px;height:8px;cursor:pointer;display:inline-block;margin:0 8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{opacity:1;filter:alpha(opacity=100)}.carousel .carousel-status{position:absolute;top:0;right:0;padding:5px;font-size:10px;text-shadow:1px 1px 1px rgba(0,0,0,0.9);color:#fff}.carousel:hover .slide .legend{opacity:1}
.service_design_container {
  width: 100%;
  height: 100%;
  padding: 0.5rem;
  position: relative;
}
.service_design_container form {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  width: 100%;
  height: 100%;
}
.service_design_container form .First_colour {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  padding: 1rem 0px;
}
.service_design_container form .First_colour .theme_title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.service_design_container form .First_colour .colourPicker {
  margin: 0.5rem 0px;
}
.service_design_container form .First_colour h2 {
  font-size: 0.9rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-weight: 500;
}
.service_design_container form .First_colour h2 strong {
  font-weight: 550;
  letter-spacing: 1px;
}
.service_design_container form .form_group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 15px;
  width: 100%;
}
.service_design_container form .form_group .form_label {
  font-size: 0.9rem;
  font-weight: 600;
}
.service_design_container form .form_group .colourPicker {
  margin: 0.5rem 0px;
}
.service_design_container form .form_group h2 {
  font-size: 0.9rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  font-weight: 500;
}
.service_design_container form .form_group h2 strong {
  font-weight: 550;
  letter-spacing: 1px;
}
.service_design_container form .form_group .current {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}
.service_design_container form .form_group .current p {
  font-size: 0.8rem;
  font-weight: 550;
}
.service_design_container form .form_group .input_container {
  width: 100%;
  position: relative;
}
.service_design_container form .form_group .input_container input {
  width: 100%;
  padding: 0.5rem 0.5rem;
  outline: none;
  border: 1px solid gray;
  border-radius: 5px;
  font-size: 1rem;
  font-weight: 550;
  color: rgb(73, 73, 73);
}
.service_design_container form .form_group .input_container input:focus {
  border: 1px solid royalblue;
}
.service_design_container form .form_group .input_container select {
  position: absolute;
  right: 0%;
  top: 0%;
  padding: 0.5rem 0rem;
  border: 1px solid gray;
  border-left: none;
  border-bottom: none;
  border-radius: 5px;
  outline: none;
  font-size: 0.9rem;
  color: rgb(5, 112, 103);
}
.service_design_container form .form_group .input_container select option {
  font-size: 0.9rem;
}
.service_design_container form .form_group .input_container #ServiceFontWeight, .service_design_container form .form_group .input_container #ServiceTitleFont {
  width: 100%;
  position: relative;
  padding: 0.5rem 0rem;
  border: 1px solid gray;
  border-radius: 5px;
  outline: none;
  font-size: 0.9rem;
  color: rgb(73, 73, 73);
  font-weight: 550;
}
.service_design_container form .form_group .input_container #ServiceFontWeight option, .service_design_container form .form_group .input_container #ServiceTitleFont option {
  font-size: 0.9rem;
}
.service_design_container form .form_group .input_container #LogoPosition {
  position: relative;
  width: 100%;
  border: 1px solid gray;
  font-size: 1rem;
  color: rgb(65, 65, 65);
}
.service_design_container form .radio_group {
  grid-column: 1/-1;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
}
.service_design_container form .radio_group .form_label {
  font-size: 0.9rem;
  font-weight: 600;
}
.service_design_container form .radio_group .radio_inputs {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.service_design_container form .radio_group .radio_inputs .radio_input {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.service_design_container form .radio_group .radio_inputs .radio_input label {
  font-size: 1rem;
  font-weight: 500;
  cursor: pointer;
  letter-spacing: 1px;
}
.service_design_container form .form_actions {
  grid-column: 1/-1;
  padding: 1rem 0px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.service_design_container form .form_actions button {
  background-color: royalblue;
  padding: 0.4rem 2rem;
  cursor: pointer;
  font-size: 0.9rem;
  font-weight: 550;
  color: #fff;
}
.service_design_container form .form_actions button:hover {
  background-color: gray;
}.product_design_container {
  width: 100%;
  height: 100%;
  padding: 0.5rem;
  position: relative;
}
.product_design_container form {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  width: 100%;
  height: 100%;
}
.product_design_container form .First_colour {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  padding: 1rem 0px;
}
.product_design_container form .First_colour .theme_title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.product_design_container form .First_colour .colourPicker {
  margin: 0.5rem 0px;
}
.product_design_container form .First_colour h2 {
  font-size: 0.9rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-weight: 500;
}
.product_design_container form .First_colour h2 strong {
  font-weight: 550;
  letter-spacing: 1px;
}
.product_design_container form .form_group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 15px;
  width: 100%;
}
.product_design_container form .form_group .form_label {
  font-size: 0.9rem;
  font-weight: 600;
}
.product_design_container form .form_group .colourPicker {
  margin: 0.5rem 0px;
}
.product_design_container form .form_group h2 {
  font-size: 0.9rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  font-weight: 500;
}
.product_design_container form .form_group h2 strong {
  font-weight: 550;
  letter-spacing: 1px;
}
.product_design_container form .form_group .current {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}
.product_design_container form .form_group .current p {
  font-size: 0.8rem;
  font-weight: 550;
}
.product_design_container form .form_group .input_container {
  width: 100%;
  position: relative;
}
.product_design_container form .form_group .input_container input {
  width: 100%;
  padding: 0.5rem 0.5rem;
  outline: none;
  border: 1px solid gray;
  border-radius: 5px;
  font-size: 1rem;
  font-weight: 550;
  color: rgb(73, 73, 73);
}
.product_design_container form .form_group .input_container input:focus {
  border: 1px solid royalblue;
}
.product_design_container form .form_group .input_container select {
  position: absolute;
  right: 0%;
  top: 0%;
  padding: 0.5rem 0rem;
  border: 1px solid gray;
  border-left: none;
  border-bottom: none;
  border-radius: 5px;
  outline: none;
  font-size: 0.9rem;
  color: rgb(5, 112, 103);
}
.product_design_container form .form_group .input_container select option {
  font-size: 0.9rem;
}
.product_design_container form .form_group .input_container #ProductFontWeight, .product_design_container form .form_group .input_container #ProductTitleFont {
  width: 100%;
  position: relative;
  padding: 0.5rem 0rem;
  border: 1px solid gray;
  border-radius: 5px;
  outline: none;
  font-size: 0.9rem;
  color: rgb(73, 73, 73);
  font-weight: 550;
}
.product_design_container form .form_group .input_container #ProductFontWeight option, .product_design_container form .form_group .input_container #ProductTitleFont option {
  font-size: 0.9rem;
}
.product_design_container form .form_group .input_container #LogoPosition {
  position: relative;
  width: 100%;
  border: 1px solid gray;
  font-size: 1rem;
  color: rgb(65, 65, 65);
}
.product_design_container form .radio_group {
  grid-column: 1/-1;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
}
.product_design_container form .radio_group .form_label {
  font-size: 0.9rem;
  font-weight: 600;
}
.product_design_container form .radio_group .radio_inputs {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.product_design_container form .radio_group .radio_inputs .radio_input {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.product_design_container form .radio_group .radio_inputs .radio_input label {
  font-size: 1rem;
  font-weight: 500;
  cursor: pointer;
  letter-spacing: 1px;
}
.product_design_container form .form_actions {
  grid-column: 1/-1;
  padding: 1rem 0px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.product_design_container form .form_actions button {
  background-color: royalblue;
  padding: 0.4rem 2rem;
  cursor: pointer;
  font-size: 0.9rem;
  font-weight: 550;
  color: #fff;
}
.product_design_container form .form_actions button:hover {
  background-color: gray;
}.gallery_design_container {
  width: 100%;
  height: 100%;
  position: relative;
  padding: 1rem;
}
.gallery_design_container form {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 2rem 10px;
  width: 100%;
}
.gallery_design_container form .form_group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 15px;
  width: 100%;
}
.gallery_design_container form .form_group .form_label {
  font-size: 0.9rem;
  font-weight: 600;
}
.gallery_design_container form .form_group .current {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}
.gallery_design_container form .form_group .current p {
  font-size: 0.8rem;
  font-weight: 550;
}
.gallery_design_container form .form_group .input_container {
  width: 100%;
  position: relative;
}
.gallery_design_container form .form_group .input_container input {
  width: 100%;
  padding: 0.5rem 0.5rem;
  outline: none;
  border: 1px solid gray;
  border-radius: 5px;
  font-size: 1rem;
  font-weight: 550;
  color: rgb(65, 65, 65);
}
.gallery_design_container form .form_group .input_container input:focus {
  border: 1px solid royalblue;
}
.gallery_design_container form .form_group .input_container select {
  position: absolute;
  right: 0%;
  top: 0%;
  padding: 0.5rem 0rem;
  border: 1px solid gray;
  border-left: none;
  border-bottom: none;
  border-radius: 5px;
  outline: none;
  font-size: 0.9rem;
  color: rgb(5, 112, 103);
}
.gallery_design_container form .form_group .input_container select option {
  font-size: 0.9rem;
}
.gallery_design_container form .form_group .input_container #LogoPosition {
  position: relative;
  width: 100%;
  border: 1px solid gray;
  font-size: 1rem;
  color: rgb(65, 65, 65);
}
.gallery_design_container form .form_actions {
  grid-column: 1/-1;
  padding: 1rem 0px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.gallery_design_container form .form_actions button {
  background-color: royalblue;
  padding: 0.4rem 2rem;
  cursor: pointer;
  font-size: 0.9rem;
  font-weight: 550;
  color: #fff;
}
.gallery_design_container form .form_actions button:hover {
  background-color: gray;
}
@media screen and (min-width: 1000px) {
  .gallery_design_container form {
    grid-template-columns: 1fr 1fr;
  }
}.Dynamic_timer_theme_container {
  width: 100%;
  height: 100%;
  position: relative;
  padding: 1rem 0.5rem;
}
.Dynamic_timer_theme_container form {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 0.5rem;
  width: 100%;
  height: 100%;
}
.Dynamic_timer_theme_container form .First_colour {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
}
.Dynamic_timer_theme_container form .First_colour .theme_title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 0.9rem;
}
.Dynamic_timer_theme_container form .First_colour .colourPicker {
  margin: 0.5rem 0px;
}
.Dynamic_timer_theme_container form .First_colour h2 {
  font-size: 0.9rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-weight: 500;
}
.Dynamic_timer_theme_container form .First_colour h2 strong {
  font-weight: 550;
  letter-spacing: 1px;
}
.Dynamic_timer_theme_container form .btn_preview {
  grid-column: 1/-1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  width: 100%;
  margin: 0px auto;
}
.Dynamic_timer_theme_container form .btn_preview .btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.Dynamic_timer_theme_container form .btn_preview .btn .title {
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 1px;
  border-bottom: 1px solid rgb(138, 138, 138);
  padding-bottom: 5px;
}
.Dynamic_timer_theme_container form .btn_preview .btn button {
  background-color: rgb(34, 131, 78);
  padding: 0.5rem 1rem;
  color: #fff;
  font-size: 0.7rem;
  border-radius: 0.3rem;
}
.Dynamic_timer_theme_container form .btn_preview .icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.Dynamic_timer_theme_container form .btn_preview .icon .title {
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 1px;
  border-bottom: 1px solid rgb(138, 138, 138);
  padding-bottom: 5px;
}
.Dynamic_timer_theme_container form .btn_preview .icon i {
  background-color: rgb(34, 131, 78);
  padding: 0.4rem 0.6rem;
  color: #fff;
  font-size: 1rem;
  border-radius: 0.3rem;
}
.Dynamic_timer_theme_container form .radio_group {
  grid-column: 1/-1;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  padding-top: 10px;
}
.Dynamic_timer_theme_container form .radio_group .form_label {
  font-size: 0.9rem;
  font-weight: 600;
}
.Dynamic_timer_theme_container form .radio_group .radio_inputs {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.Dynamic_timer_theme_container form .radio_group .radio_inputs .radio_input {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.Dynamic_timer_theme_container form .radio_group .radio_inputs .radio_input label {
  font-size: 1rem;
  font-weight: 500;
  cursor: pointer;
  letter-spacing: 1px;
}
.Dynamic_timer_theme_container form .form_group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 15px;
}
.Dynamic_timer_theme_container form .form_group .form_label {
  font-size: 0.8rem;
  font-weight: 600;
}
.Dynamic_timer_theme_container form .form_group .current {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}
.Dynamic_timer_theme_container form .form_group .current p {
  font-size: 0.8rem;
  font-weight: 550;
}
.Dynamic_timer_theme_container form .form_group .input_container {
  width: 100%;
  position: relative;
}
.Dynamic_timer_theme_container form .form_group .input_container input {
  width: 100%;
  padding: 0.5rem 0.5rem;
  outline: none;
  border: 1px solid gray;
  border-radius: 5px;
  font-size: 1rem;
  font-weight: 550;
  color: rgb(65, 65, 65);
}
.Dynamic_timer_theme_container form .form_group .input_container input:focus {
  border: 1px solid royalblue;
}
.Dynamic_timer_theme_container form .form_group .input_container select {
  position: absolute;
  right: 0%;
  top: 0%;
  padding: 0.5rem 0rem;
  border: 1px solid gray;
  border-left: none;
  border-bottom: none;
  border-radius: 5px;
  outline: none;
  font-size: 0.9rem;
  color: rgb(5, 112, 103);
}
.Dynamic_timer_theme_container form .form_group .input_container select option {
  font-size: 0.9rem;
}
.Dynamic_timer_theme_container form .form_group .input_container #LogoPosition {
  position: relative;
  width: 100%;
  border: 1px solid gray;
  font-size: 1rem;
  color: rgb(65, 65, 65);
}
.Dynamic_timer_theme_container form .form_actions {
  grid-column: 1/-1;
  padding: 1rem 0px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.Dynamic_timer_theme_container form .form_actions button {
  background-color: royalblue;
  padding: 0.4rem 2rem;
  cursor: pointer;
  font-size: 0.9rem;
  font-weight: 550;
  color: #fff;
}
.Dynamic_timer_theme_container form .form_actions button:hover {
  background-color: gray;
}.testimonial_design_container {
  width: 100%;
  height: 100%;
  position: relative;
  padding: 1rem;
}
.testimonial_design_container form {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  width: 100%;
  gap: 10px 10px;
}
.testimonial_design_container form .First_colour {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
}
.testimonial_design_container form .First_colour .theme_title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.testimonial_design_container form .First_colour .colourPicker {
  margin: 0.5rem 0px;
}
.testimonial_design_container form .First_colour h2 {
  font-size: 0.9rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-weight: 500;
}
.testimonial_design_container form .First_colour h2 strong {
  font-weight: 550;
  letter-spacing: 1px;
}
.testimonial_design_container form .form_group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 15px;
  width: 100%;
}
.testimonial_design_container form .form_group .form_label {
  font-size: 0.9rem;
  font-weight: 600;
}
.testimonial_design_container form .form_group .colourPicker {
  margin: 0.5rem 0px;
}
.testimonial_design_container form .form_group h2 {
  font-size: 0.9rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  font-weight: 500;
}
.testimonial_design_container form .form_group h2 strong {
  font-weight: 550;
  letter-spacing: 1px;
}
.testimonial_design_container form .form_group .current {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}
.testimonial_design_container form .form_group .current p {
  font-size: 0.8rem;
  font-weight: 550;
}
.testimonial_design_container form .form_group .input_container {
  width: 100%;
  position: relative;
}
.testimonial_design_container form .form_group .input_container input {
  width: 100%;
  padding: 0.5rem 0.5rem;
  outline: none;
  border: 1px solid gray;
  border-radius: 5px;
  font-size: 1rem;
  font-weight: 550;
  color: rgb(73, 73, 73);
}
.testimonial_design_container form .form_group .input_container input:focus {
  border: 1px solid royalblue;
}
.testimonial_design_container form .form_group .input_container select {
  position: absolute;
  right: 0%;
  top: 0%;
  padding: 0.5rem 0rem;
  border: 1px solid gray;
  border-left: none;
  border-bottom: none;
  border-radius: 5px;
  outline: none;
  font-size: 0.9rem;
  color: rgb(5, 112, 103);
}
.testimonial_design_container form .form_group .input_container select option {
  font-size: 0.9rem;
}
.testimonial_design_container form .form_group .input_container #ProductFontWeight, .testimonial_design_container form .form_group .input_container #ProductTitleFont {
  width: 100%;
  position: relative;
  padding: 0.5rem 0rem;
  border: 1px solid gray;
  border-radius: 5px;
  outline: none;
  font-size: 0.9rem;
  color: rgb(73, 73, 73);
  font-weight: 550;
}
.testimonial_design_container form .form_group .input_container #ProductFontWeight option, .testimonial_design_container form .form_group .input_container #ProductTitleFont option {
  font-size: 0.9rem;
}
.testimonial_design_container form .form_group .input_container #LogoPosition {
  position: relative;
  width: 100%;
  border: 1px solid gray;
  font-size: 1rem;
  color: rgb(65, 65, 65);
}
.testimonial_design_container form .form_group select {
  position: absolute;
  right: 0%;
  top: 0%;
  padding: 0.5rem 0rem;
  border: 1px solid gray;
  border-left: none;
  border-bottom: none;
  border-radius: 5px;
  outline: none;
  font-size: 0.9rem;
  color: rgb(5, 112, 103);
}
.testimonial_design_container form .form_group select option {
  font-size: 0.9rem;
}
.testimonial_design_container form .form_group #FlexDirection, .testimonial_design_container form .form_group #UserDataFlexDirection {
  position: relative;
  width: 100%;
  border: 1px solid gray;
  font-size: 1rem;
  color: rgb(65, 65, 65);
}
.testimonial_design_container form .radio_group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
}
.testimonial_design_container form .radio_group .form_label {
  font-size: 0.9rem;
  font-weight: 600;
}
.testimonial_design_container form .radio_group .radio_inputs {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
}
.testimonial_design_container form .radio_group .radio_inputs .radio_input {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
}
.testimonial_design_container form .radio_group .radio_inputs .radio_input label {
  font-size: 1rem;
  font-weight: 500;
  cursor: pointer;
  letter-spacing: 1px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
}
.testimonial_design_container form .radio_group .radio_inputs .radio_input label img {
  width: 250px;
  height: 110px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}
.testimonial_design_container form .form_actions {
  grid-column: 1/-1;
  padding: 1rem 0px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.testimonial_design_container form .form_actions button {
  background-color: royalblue;
  padding: 0.4rem 2rem;
  cursor: pointer;
  font-size: 0.9rem;
  font-weight: 550;
  color: #fff;
}
.testimonial_design_container form .form_actions button:hover {
  background-color: gray;
}.appoinment_theme_container {
  width: 100%;
  height: 100%;
  padding: 1rem;
  position: relative;
}
.appoinment_theme_container .appoinment_title {
  display: block;
}
.appoinment_theme_container .appoinment_title h4 {
  font-size: 0.9rem;
  font-weight: 600;
}
.appoinment_theme_container form {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1rem 0.5rem;
  width: 100%;
  height: auto;
  margin-top: 1rem;
}
.appoinment_theme_container form .First_colour {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 5px;
}
.appoinment_theme_container form .First_colour .theme_title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 0.9rem;
}
.appoinment_theme_container form .First_colour .colourPicker {
  margin: 0.5rem 0px;
}
.appoinment_theme_container form .First_colour h2 {
  font-size: 0.9rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-weight: 500;
}
.appoinment_theme_container form .First_colour h2 strong {
  font-weight: 550;
  letter-spacing: 1px;
}
.appoinment_theme_container form .btn_preview {
  grid-column: 1/-1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  width: 100%;
  margin: 0px auto;
}
.appoinment_theme_container form .btn_preview .btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.appoinment_theme_container form .btn_preview .btn .title {
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 1px;
  border-bottom: 1px solid rgb(138, 138, 138);
  padding-bottom: 5px;
}
.appoinment_theme_container form .btn_preview .btn button {
  background-color: rgb(34, 131, 78);
  padding: 0.5rem 1rem;
  color: #fff;
  font-size: 0.7rem;
  border-radius: 0.3rem;
}
.appoinment_theme_container form .btn_preview .icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.appoinment_theme_container form .btn_preview .icon .title {
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 1px;
  border-bottom: 1px solid rgb(138, 138, 138);
  padding-bottom: 5px;
}
.appoinment_theme_container form .btn_preview .icon i {
  background-color: rgb(34, 131, 78);
  padding: 0.4rem 0.6rem;
  color: #fff;
  font-size: 1rem;
  border-radius: 0.3rem;
}
.appoinment_theme_container form .radio_group {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  padding-top: 10px;
}
.appoinment_theme_container form .radio_group .form_label {
  font-size: 0.9rem;
  font-weight: 600;
}
.appoinment_theme_container form .radio_group .radio_input {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  flex-direction: column;
}
.appoinment_theme_container form .radio_group .radio_input .radio {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.appoinment_theme_container form .radio_group .radio_input .radio label {
  font-size: 1rem;
  font-weight: 500;
  cursor: pointer;
  letter-spacing: 1px;
}
.appoinment_theme_container form .radio_group .radio_input .radio input[type=radio] {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  cursor: pointer;
}
.appoinment_theme_container form .radio_group .radio_input .Design1 {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  position: relative;
}
.appoinment_theme_container form .radio_group .radio_input .Design1 .Design1 {
  padding: 0.5rem 2rem;
  outline: none;
  width: 100%;
  border: 1px solid #9b9b9b;
  border-radius: 0.3rem;
  font-size: 0.9rem;
  letter-spacing: 1px;
}
.appoinment_theme_container form .radio_group .radio_input .Design1 .Design1:focus {
  border: 1px solid royalblue;
}
.appoinment_theme_container form .radio_group .radio_input .Design1 .Design1:focus + .icon {
  color: #007bff;
}
.appoinment_theme_container form .radio_group .radio_input .Design1 label {
  font-size: 0.9rem;
  font-weight: 500;
  color: gray;
  display: none;
}
.appoinment_theme_container form .radio_group .radio_input .Design1 label sup {
  color: red;
  font-size: 1rem;
}
.appoinment_theme_container form .radio_group .radio_input .Design1 .slideLabel {
  position: absolute;
  left: 10px;
  top: 10px;
  transition: all 0.3s ease;
  pointer-events: none;
}
.appoinment_theme_container form .radio_group .radio_input .Design1 .icon {
  position: absolute;
  top: 20%;
  left: 2%;
  font-size: 1.3rem;
  color: #9b9b9b;
}
.appoinment_theme_container form .radio_group .radio_input .Design1 .iconwithlabel {
  position: absolute;
  top: 55%;
  left: 2%;
  font-size: 1.3rem;
  color: #9b9b9b;
}
.appoinment_theme_container form .radio_group .radio_input .Design1 .iconwithanimation {
  position: absolute;
  top: 55%;
  left: 2%;
  font-size: 1.3rem;
  color: #9b9b9b;
}
.appoinment_theme_container form .radio_group .radio_input .Design2 {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  position: relative;
}
.appoinment_theme_container form .radio_group .radio_input .Design2 .Design2 {
  padding: 0.5rem 2rem;
  outline: none;
  width: 100%;
  border: none;
  border-bottom: 1px solid #9b9b9b;
  position: relative;
  font-size: 0.9rem;
  letter-spacing: 1px;
}
.appoinment_theme_container form .radio_group .radio_input .Design2 .Design2:focus {
  border-bottom: 1px solid royalblue;
}
.appoinment_theme_container form .radio_group .radio_input .Design2 .Design2:focus + .icon {
  color: #007bff;
}
.appoinment_theme_container form .radio_group .radio_input .Design2 label {
  font-size: 0.9rem;
  font-weight: 500;
  color: gray;
  display: none;
}
.appoinment_theme_container form .radio_group .radio_input .Design2 label sup {
  color: red;
  font-size: 1rem;
}
.appoinment_theme_container form .radio_group .radio_input .Design2 .slideLabel {
  position: absolute;
  left: 10px;
  top: 10px;
  transition: all 0.3s ease;
  pointer-events: none;
}
.appoinment_theme_container form .radio_group .radio_input .Design2 .icon {
  position: absolute;
  top: 20%;
  left: 2%;
  font-size: 1.3rem;
  color: #9b9b9b;
}
.appoinment_theme_container form .radio_group .radio_input .Design2 .iconwithlabel {
  position: absolute;
  top: 55%;
  left: 2%;
  font-size: 1.3rem;
  color: #9b9b9b;
}
.appoinment_theme_container form .radio_group .radio_input .Design2 .iconwithanimation {
  position: absolute;
  top: 55%;
  left: 2%;
  font-size: 1.3rem;
  color: #9b9b9b;
}
.appoinment_theme_container form .radio_group .radio_input .Design3 {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  position: relative;
}
.appoinment_theme_container form .radio_group .radio_input .Design3 .Design3 {
  padding: 0.5rem 2rem;
  outline: none;
  width: 100%;
  border: 1px solid #9b9b9b;
  border-radius: 0.3rem;
  font-size: 0.9rem;
  letter-spacing: 1px;
}
.appoinment_theme_container form .radio_group .radio_input .Design3 .Design3:focus {
  border: 1px solid royalblue;
}
.appoinment_theme_container form .radio_group .radio_input .Design3 .Design3:focus + .icon {
  color: #007bff;
}
.appoinment_theme_container form .radio_group .radio_input .Design3 .Design3:focus + .iconwithlabel {
  color: #007bff;
}
.appoinment_theme_container form .radio_group .radio_input .Design3 label {
  font-size: 0.9rem;
  font-weight: 500;
  color: gray;
  display: block;
}
.appoinment_theme_container form .radio_group .radio_input .Design3 label sup {
  color: red;
  font-size: 1rem;
}
.appoinment_theme_container form .radio_group .radio_input .Design3 .slideLabel {
  position: absolute;
  left: 10px;
  top: 10px;
  transition: all 0.3s ease;
  pointer-events: none;
}
.appoinment_theme_container form .radio_group .radio_input .Design3 .icon {
  position: absolute;
  top: 20%;
  left: 2%;
  font-size: 1.3rem;
  color: #9b9b9b;
}
.appoinment_theme_container form .radio_group .radio_input .Design3 .iconwithlabel {
  position: absolute;
  top: 55%;
  left: 2%;
  font-size: 1.3rem;
  color: #9b9b9b;
}
.appoinment_theme_container form .radio_group .radio_input .Design3 .iconwithanimation {
  position: absolute;
  top: 55%;
  left: 2%;
  font-size: 1.3rem;
  color: #9b9b9b;
}
.appoinment_theme_container form .radio_group .radio_input .Design4 {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  position: relative;
}
.appoinment_theme_container form .radio_group .radio_input .Design4 .Design4 {
  padding: 0.5rem 2rem;
  outline: none;
  width: 100%;
  border: none;
  border-bottom: 1px solid #9b9b9b;
  position: relative;
  font-size: 0.9rem;
  letter-spacing: 1px;
}
.appoinment_theme_container form .radio_group .radio_input .Design4 .Design4:focus {
  border-bottom: 1px solid royalblue;
}
.appoinment_theme_container form .radio_group .radio_input .Design4 .Design4:focus + .icon {
  color: #007bff;
}
.appoinment_theme_container form .radio_group .radio_input .Design4 .Design4:focus + .iconwithlabel {
  color: #007bff;
}
.appoinment_theme_container form .radio_group .radio_input .Design4 label {
  font-size: 0.9rem;
  font-weight: 500;
  color: gray;
  display: block;
}
.appoinment_theme_container form .radio_group .radio_input .Design4 label sup {
  color: red;
  font-size: 1rem;
}
.appoinment_theme_container form .radio_group .radio_input .Design4 .slideLabel {
  position: absolute;
  left: 10px;
  top: 10px;
  transition: all 0.3s ease;
  pointer-events: none;
}
.appoinment_theme_container form .radio_group .radio_input .Design4 .icon {
  position: absolute;
  top: 20%;
  left: 2%;
  font-size: 1.3rem;
  color: #9b9b9b;
}
.appoinment_theme_container form .radio_group .radio_input .Design4 .iconwithlabel {
  position: absolute;
  top: 55%;
  left: 2%;
  font-size: 1.3rem;
  color: #9b9b9b;
}
.appoinment_theme_container form .radio_group .radio_input .Design4 .iconwithanimation {
  position: absolute;
  top: 55%;
  left: 2%;
  font-size: 1.3rem;
  color: #9b9b9b;
}
.appoinment_theme_container form .radio_group .radio_input .Design5 {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  position: relative;
}
.appoinment_theme_container form .radio_group .radio_input .Design5 .Design5 {
  padding: 0.5rem 2rem;
  outline: none;
  width: 100%;
  border: 1px solid #9b9b9b;
  border-radius: 0.3rem;
  font-size: 0.9rem;
  letter-spacing: 1px;
  box-shadow: none;
  transition: box-shadow 0.3s ease;
}
.appoinment_theme_container form .radio_group .radio_input .Design5 .Design5:focus {
  box-shadow: 0 0 10px rgba(0, 123, 255, 0.5);
}
.appoinment_theme_container form .radio_group .radio_input .Design5 .Design5:focus + .icon {
  color: #007bff;
}
.appoinment_theme_container form .radio_group .radio_input .Design5 .Design5:focus + .iconwithlabel {
  color: #007bff;
}
.appoinment_theme_container form .radio_group .radio_input .Design5 label {
  font-size: 0.9rem;
  font-weight: 500;
  color: gray;
  display: block;
}
.appoinment_theme_container form .radio_group .radio_input .Design5 label sup {
  color: red;
  font-size: 1rem;
}
.appoinment_theme_container form .radio_group .radio_input .Design5 .slideLabel {
  position: absolute;
  left: 10px;
  top: 10px;
  transition: all 0.3s ease;
  pointer-events: none;
}
.appoinment_theme_container form .radio_group .radio_input .Design5 .icon {
  position: absolute;
  top: 20%;
  left: 2%;
  font-size: 1.3rem;
  color: #9b9b9b;
}
.appoinment_theme_container form .radio_group .radio_input .Design5 .iconwithlabel {
  position: absolute;
  top: 55%;
  left: 2%;
  font-size: 1.3rem;
  color: #9b9b9b;
}
.appoinment_theme_container form .radio_group .radio_input .Design5 .iconwithanimation {
  position: absolute;
  top: 55%;
  left: 2%;
  font-size: 1.3rem;
  color: #9b9b9b;
}
.appoinment_theme_container form .radio_group .radio_input .Design6 {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  position: relative;
}
.appoinment_theme_container form .radio_group .radio_input .Design6 .Design6 {
  padding: 0.5rem 2rem;
  outline: none;
  width: 100%;
  border: none;
  border-bottom: 1px solid #9b9b9b;
  position: relative;
  font-size: 0.9rem;
  letter-spacing: 1px;
}
.appoinment_theme_container form .radio_group .radio_input .Design6 .Design6::-moz-placeholder {
  -moz-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  opacity: 1;
}
.appoinment_theme_container form .radio_group .radio_input .Design6 .Design6::placeholder {
  transition: opacity 0.4s ease;
  opacity: 1;
}
.appoinment_theme_container form .radio_group .radio_input .Design6 .Design6:focus::-moz-placeholder {
  opacity: 0;
}
.appoinment_theme_container form .radio_group .radio_input .Design6 .Design6:focus::placeholder {
  opacity: 0;
}
.appoinment_theme_container form .radio_group .radio_input .Design6 .Design6:focus {
  border-bottom: 1px solid royalblue;
}
.appoinment_theme_container form .radio_group .radio_input .Design6 .Design6:focus + .icon {
  color: #007bff;
}
.appoinment_theme_container form .radio_group .radio_input .Design6 .Design6:focus + .iconwithlabel {
  color: #007bff;
}
.appoinment_theme_container form .radio_group .radio_input .Design6 label {
  font-size: 0.9rem;
  font-weight: 500;
  color: gray;
  display: block;
}
.appoinment_theme_container form .radio_group .radio_input .Design6 label sup {
  color: red;
  font-size: 1rem;
}
.appoinment_theme_container form .radio_group .radio_input .Design6 .slideLabel {
  position: absolute;
  left: 10px;
  top: 10px;
  transition: all 0.3s ease;
  pointer-events: none;
}
.appoinment_theme_container form .radio_group .radio_input .Design6 .icon {
  position: absolute;
  top: 20%;
  left: 2%;
  font-size: 1.3rem;
  color: #9b9b9b;
}
.appoinment_theme_container form .radio_group .radio_input .Design6 .iconwithlabel {
  position: absolute;
  top: 55%;
  left: 2%;
  font-size: 1.3rem;
  color: #9b9b9b;
}
.appoinment_theme_container form .radio_group .radio_input .Design6 .iconwithanimation {
  position: absolute;
  top: 55%;
  left: 2%;
  font-size: 1.3rem;
  color: #9b9b9b;
}
.appoinment_theme_container form .radio_group .radio_input .Design7 {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  position: relative;
}
.appoinment_theme_container form .radio_group .radio_input .Design7 .Design7 {
  padding: 0.5rem 2rem;
  outline: none;
  width: 100%;
  border: 1px solid #9b9b9b;
  border-radius: 0.3rem;
  font-size: 0.9rem;
  letter-spacing: 1px;
  box-shadow: none;
  transition: box-shadow 0.3s ease;
}
@keyframes shake {
  0%, 100% {
    transform: translateX(0);
  }
  20%, 60% {
    transform: translateX(-5px);
  }
  40%, 80% {
    transform: translateX(0px);
  }
}
.appoinment_theme_container form .radio_group .radio_input .Design7 .Design7:focus {
  animation: shake 1s ease-in-out;
  box-shadow: 0 0 10px rgba(0, 123, 255, 0.5);
}
.appoinment_theme_container form .radio_group .radio_input .Design7 .Design7:focus + .icon {
  color: #007bff;
}
.appoinment_theme_container form .radio_group .radio_input .Design7 .Design7:focus + .iconwithlabel {
  color: #007bff;
}
.appoinment_theme_container form .radio_group .radio_input .Design7 label {
  font-size: 0.9rem;
  font-weight: 500;
  color: gray;
  display: block;
}
.appoinment_theme_container form .radio_group .radio_input .Design7 label sup {
  color: red;
  font-size: 1rem;
}
.appoinment_theme_container form .radio_group .radio_input .Design7 .slideLabel {
  position: absolute;
  left: 10px;
  top: 10px;
  transition: all 0.3s ease;
  pointer-events: none;
}
.appoinment_theme_container form .radio_group .radio_input .Design7 .icon {
  position: absolute;
  top: 20%;
  left: 2%;
  font-size: 1.3rem;
  color: #9b9b9b;
}
.appoinment_theme_container form .radio_group .radio_input .Design7 .iconwithlabel {
  position: absolute;
  top: 55%;
  left: 2%;
  font-size: 1.3rem;
  color: #9b9b9b;
}
.appoinment_theme_container form .radio_group .radio_input .Design7 .iconwithanimation {
  position: absolute;
  top: 55%;
  left: 2%;
  font-size: 1.3rem;
  color: #9b9b9b;
}
.appoinment_theme_container form .radio_group .radio_input .Design8 {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  position: relative;
}
.appoinment_theme_container form .radio_group .radio_input .Design8 .Design8 {
  padding: 0.5rem 2rem;
  outline: none;
  width: 100%;
  border: none;
  border-bottom: 1px solid #9b9b9b;
  position: relative;
  font-size: 0.9rem;
  letter-spacing: 1px;
}
.appoinment_theme_container form .radio_group .radio_input .Design8 .Design8::-moz-placeholder {
  -moz-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  opacity: 1;
}
.appoinment_theme_container form .radio_group .radio_input .Design8 .Design8::placeholder {
  transition: opacity 0.4s ease;
  opacity: 1;
}
.appoinment_theme_container form .radio_group .radio_input .Design8 .Design8:focus::-moz-placeholder {
  opacity: 0;
}
.appoinment_theme_container form .radio_group .radio_input .Design8 .Design8:focus::placeholder {
  opacity: 0;
}
.appoinment_theme_container form .radio_group .radio_input .Design8 .Design8:focus {
  border-bottom: 1px solid royalblue;
  animation: bounce 1s ease-in-out;
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-5px);
  }
  60% {
    transform: translateY(-2px);
  }
}
.appoinment_theme_container form .radio_group .radio_input .Design8 .Design8:focus + .icon {
  color: #007bff;
}
.appoinment_theme_container form .radio_group .radio_input .Design8 .Design8:focus + .iconwithlabel {
  color: #007bff;
}
.appoinment_theme_container form .radio_group .radio_input .Design8 label {
  font-size: 0.9rem;
  font-weight: 500;
  color: gray;
  display: block;
}
.appoinment_theme_container form .radio_group .radio_input .Design8 label sup {
  color: red;
  font-size: 1rem;
}
.appoinment_theme_container form .radio_group .radio_input .Design8 .slideLabel {
  position: absolute;
  left: 10px;
  top: 10px;
  transition: all 0.3s ease;
  pointer-events: none;
}
.appoinment_theme_container form .radio_group .radio_input .Design8 .icon {
  position: absolute;
  top: 20%;
  left: 2%;
  font-size: 1.3rem;
  color: #9b9b9b;
}
.appoinment_theme_container form .radio_group .radio_input .Design8 .iconwithlabel {
  position: absolute;
  top: 55%;
  left: 2%;
  font-size: 1.3rem;
  color: #9b9b9b;
}
.appoinment_theme_container form .radio_group .radio_input .Design8 .iconwithanimation {
  position: absolute;
  top: 55%;
  left: 2%;
  font-size: 1.3rem;
  color: #9b9b9b;
}
.appoinment_theme_container form .radio_group .radio_input .Design9 {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  position: relative;
}
.appoinment_theme_container form .radio_group .radio_input .Design9 .Design9 {
  padding: 0.5rem 2rem;
  outline: none;
  width: 100%;
  border: 1px solid #9b9b9b;
  border-radius: 0.3rem;
  font-size: 0.9rem;
  letter-spacing: 1px;
  box-shadow: none;
  transition: box-shadow 0.3s ease;
}
@keyframes shake {
  0%, 100% {
    transform: translateY(0);
  }
  20%, 60% {
    transform: translateY(-3px);
  }
  40%, 80% {
    transform: translateY(0px);
  }
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.appoinment_theme_container form .radio_group .radio_input .Design9 .Design9:focus {
  animation: shake 1s ease-in-out;
  box-shadow: 0 0 10px rgba(0, 123, 255, 0.5);
}
.appoinment_theme_container form .radio_group .radio_input .Design9 .Design9:focus + .icon {
  color: #007bff;
}
.appoinment_theme_container form .radio_group .radio_input .Design9 .Design9:focus + .iconwithlabel {
  color: #007bff;
}
.appoinment_theme_container form .radio_group .radio_input .Design9 .Design9:focus + .iconwithanimation {
  color: #007bff;
  animation: rotate 0.5s ease-in-out;
}
.appoinment_theme_container form .radio_group .radio_input .Design9 label {
  font-size: 0.9rem;
  font-weight: 500;
  color: gray;
  display: block;
}
.appoinment_theme_container form .radio_group .radio_input .Design9 label sup {
  color: red;
  font-size: 1rem;
}
.appoinment_theme_container form .radio_group .radio_input .Design9 .slideLabel {
  position: absolute;
  left: 10px;
  top: 10px;
  transition: all 0.3s ease;
  pointer-events: none;
}
.appoinment_theme_container form .radio_group .radio_input .Design9 .icon {
  position: absolute;
  top: 20%;
  left: 2%;
  font-size: 1.3rem;
  color: #9b9b9b;
}
.appoinment_theme_container form .radio_group .radio_input .Design9 .iconwithlabel {
  position: absolute;
  top: 55%;
  left: 2%;
  font-size: 1.3rem;
  color: #9b9b9b;
}
.appoinment_theme_container form .radio_group .radio_input .Design9 .iconwithanimation {
  position: absolute;
  top: 55%;
  left: 2%;
  font-size: 1.3rem;
  color: #9b9b9b;
}
.appoinment_theme_container form .form_group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 15px;
}
.appoinment_theme_container form .form_group .form_label {
  font-size: 0.8rem;
  font-weight: 600;
}
.appoinment_theme_container form .form_group .current {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}
.appoinment_theme_container form .form_group .current p {
  font-size: 0.8rem;
  font-weight: 550;
}
.appoinment_theme_container form .form_group .input_container {
  width: 100%;
  position: relative;
}
.appoinment_theme_container form .form_group .input_container input {
  width: 100%;
  padding: 0.5rem 0.5rem;
  outline: none;
  border: 1px solid gray;
  border-radius: 5px;
  font-size: 1rem;
  font-weight: 550;
  color: rgb(65, 65, 65);
}
.appoinment_theme_container form .form_group .input_container input:focus {
  border: 1px solid royalblue;
}
.appoinment_theme_container form .form_group .input_container select {
  position: absolute;
  right: 0%;
  top: 0%;
  padding: 0.5rem 0rem;
  border: 1px solid gray;
  border-left: none;
  border-bottom: none;
  border-radius: 5px;
  outline: none;
  font-size: 0.9rem;
  color: rgb(5, 112, 103);
}
.appoinment_theme_container form .form_group .input_container select option {
  font-size: 0.9rem;
}
.appoinment_theme_container form .form_group .input_container #LogoPosition {
  position: relative;
  width: 100%;
  border: 1px solid gray;
  font-size: 1rem;
  color: rgb(65, 65, 65);
}
.appoinment_theme_container form .form_actions {
  grid-column: 1/-1;
  padding: 1rem 0px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.appoinment_theme_container form .form_actions button {
  background-color: royalblue;
  padding: 0.4rem 2rem;
  cursor: pointer;
  font-size: 0.9rem;
  font-weight: 550;
  color: #fff;
}
.appoinment_theme_container form .form_actions button:hover {
  background-color: gray;
}.feedback_theme_container {
  width: 100%;
  height: 100%;
  padding: 1rem;
  position: relative;
}
.feedback_theme_container .feedback_title {
  display: block;
}
.feedback_theme_container .feedback_title h4 {
  font-size: 0.9rem;
  font-weight: 600;
}
.feedback_theme_container form {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1rem 0.5rem;
  width: 100%;
  height: auto;
  margin-top: 1rem;
}
.feedback_theme_container form .First_colour {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 5px;
}
.feedback_theme_container form .First_colour .theme_title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 0.9rem;
}
.feedback_theme_container form .First_colour .colourPicker {
  margin: 0.5rem 0px;
}
.feedback_theme_container form .First_colour h2 {
  font-size: 0.9rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-weight: 500;
}
.feedback_theme_container form .First_colour h2 strong {
  font-weight: 550;
  letter-spacing: 1px;
}
.feedback_theme_container form .btn_preview {
  grid-column: 1/-1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  width: 100%;
  margin: 0px auto;
}
.feedback_theme_container form .btn_preview .btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.feedback_theme_container form .btn_preview .btn .title {
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 1px;
  border-bottom: 1px solid rgb(138, 138, 138);
  padding-bottom: 5px;
}
.feedback_theme_container form .btn_preview .btn button {
  background-color: rgb(34, 131, 78);
  padding: 0.5rem 1rem;
  color: #fff;
  font-size: 0.7rem;
  border-radius: 0.3rem;
}
.feedback_theme_container form .btn_preview .icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.feedback_theme_container form .btn_preview .icon .title {
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 1px;
  border-bottom: 1px solid rgb(138, 138, 138);
  padding-bottom: 5px;
}
.feedback_theme_container form .btn_preview .icon i {
  background-color: rgb(34, 131, 78);
  padding: 0.4rem 0.6rem;
  color: #fff;
  font-size: 1rem;
  border-radius: 0.3rem;
}
.feedback_theme_container form .radio_group {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  padding-top: 10px;
}
.feedback_theme_container form .radio_group .form_label {
  font-size: 0.9rem;
  font-weight: 600;
}
.feedback_theme_container form .radio_group .radio_input {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  flex-direction: column;
}
.feedback_theme_container form .radio_group .radio_input .radio {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.feedback_theme_container form .radio_group .radio_input .radio label {
  font-size: 1rem;
  font-weight: 500;
  cursor: pointer;
  letter-spacing: 1px;
}
.feedback_theme_container form .radio_group .radio_input .radio input[type=radio] {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  cursor: pointer;
}
.feedback_theme_container form .radio_group .radio_input .Design1 {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  position: relative;
}
.feedback_theme_container form .radio_group .radio_input .Design1 .Design1 {
  padding: 0.5rem 2rem;
  outline: none;
  width: 100%;
  border: 1px solid #9b9b9b;
  border-radius: 0.3rem;
  font-size: 0.9rem;
  letter-spacing: 1px;
}
.feedback_theme_container form .radio_group .radio_input .Design1 .Design1:focus {
  border: 1px solid royalblue;
}
.feedback_theme_container form .radio_group .radio_input .Design1 .Design1:focus + .icon {
  color: #007bff;
}
.feedback_theme_container form .radio_group .radio_input .Design1 label {
  font-size: 0.9rem;
  font-weight: 500;
  color: gray;
  display: none;
}
.feedback_theme_container form .radio_group .radio_input .Design1 label sup {
  color: red;
  font-size: 1rem;
}
.feedback_theme_container form .radio_group .radio_input .Design1 .slideLabel {
  position: absolute;
  left: 10px;
  top: 10px;
  transition: all 0.3s ease;
  pointer-events: none;
}
.feedback_theme_container form .radio_group .radio_input .Design1 .icon {
  position: absolute;
  top: 20%;
  left: 2%;
  font-size: 1.3rem;
  color: #9b9b9b;
}
.feedback_theme_container form .radio_group .radio_input .Design1 .iconwithlabel {
  position: absolute;
  top: 55%;
  left: 2%;
  font-size: 1.3rem;
  color: #9b9b9b;
}
.feedback_theme_container form .radio_group .radio_input .Design1 .iconwithanimation {
  position: absolute;
  top: 55%;
  left: 2%;
  font-size: 1.3rem;
  color: #9b9b9b;
}
.feedback_theme_container form .radio_group .radio_input .Design2 {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  position: relative;
}
.feedback_theme_container form .radio_group .radio_input .Design2 .Design2 {
  padding: 0.5rem 2rem;
  outline: none;
  width: 100%;
  border: none;
  border-bottom: 1px solid #9b9b9b;
  position: relative;
  font-size: 0.9rem;
  letter-spacing: 1px;
}
.feedback_theme_container form .radio_group .radio_input .Design2 .Design2:focus {
  border-bottom: 1px solid royalblue;
}
.feedback_theme_container form .radio_group .radio_input .Design2 .Design2:focus + .icon {
  color: #007bff;
}
.feedback_theme_container form .radio_group .radio_input .Design2 label {
  font-size: 0.9rem;
  font-weight: 500;
  color: gray;
  display: none;
}
.feedback_theme_container form .radio_group .radio_input .Design2 label sup {
  color: red;
  font-size: 1rem;
}
.feedback_theme_container form .radio_group .radio_input .Design2 .slideLabel {
  position: absolute;
  left: 10px;
  top: 10px;
  transition: all 0.3s ease;
  pointer-events: none;
}
.feedback_theme_container form .radio_group .radio_input .Design2 .icon {
  position: absolute;
  top: 20%;
  left: 2%;
  font-size: 1.3rem;
  color: #9b9b9b;
}
.feedback_theme_container form .radio_group .radio_input .Design2 .iconwithlabel {
  position: absolute;
  top: 55%;
  left: 2%;
  font-size: 1.3rem;
  color: #9b9b9b;
}
.feedback_theme_container form .radio_group .radio_input .Design2 .iconwithanimation {
  position: absolute;
  top: 55%;
  left: 2%;
  font-size: 1.3rem;
  color: #9b9b9b;
}
.feedback_theme_container form .radio_group .radio_input .Design3 {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  position: relative;
}
.feedback_theme_container form .radio_group .radio_input .Design3 .Design3 {
  padding: 0.5rem 2rem;
  outline: none;
  width: 100%;
  border: 1px solid #9b9b9b;
  border-radius: 0.3rem;
  font-size: 0.9rem;
  letter-spacing: 1px;
}
.feedback_theme_container form .radio_group .radio_input .Design3 .Design3:focus {
  border: 1px solid royalblue;
}
.feedback_theme_container form .radio_group .radio_input .Design3 .Design3:focus + .icon {
  color: #007bff;
}
.feedback_theme_container form .radio_group .radio_input .Design3 .Design3:focus + .iconwithlabel {
  color: #007bff;
}
.feedback_theme_container form .radio_group .radio_input .Design3 label {
  font-size: 0.9rem;
  font-weight: 500;
  color: gray;
  display: block;
}
.feedback_theme_container form .radio_group .radio_input .Design3 label sup {
  color: red;
  font-size: 1rem;
}
.feedback_theme_container form .radio_group .radio_input .Design3 .slideLabel {
  position: absolute;
  left: 10px;
  top: 10px;
  transition: all 0.3s ease;
  pointer-events: none;
}
.feedback_theme_container form .radio_group .radio_input .Design3 .icon {
  position: absolute;
  top: 20%;
  left: 2%;
  font-size: 1.3rem;
  color: #9b9b9b;
}
.feedback_theme_container form .radio_group .radio_input .Design3 .iconwithlabel {
  position: absolute;
  top: 55%;
  left: 2%;
  font-size: 1.3rem;
  color: #9b9b9b;
}
.feedback_theme_container form .radio_group .radio_input .Design3 .iconwithanimation {
  position: absolute;
  top: 55%;
  left: 2%;
  font-size: 1.3rem;
  color: #9b9b9b;
}
.feedback_theme_container form .radio_group .radio_input .Design4 {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  position: relative;
}
.feedback_theme_container form .radio_group .radio_input .Design4 .Design4 {
  padding: 0.5rem 2rem;
  outline: none;
  width: 100%;
  border: none;
  border-bottom: 1px solid #9b9b9b;
  position: relative;
  font-size: 0.9rem;
  letter-spacing: 1px;
}
.feedback_theme_container form .radio_group .radio_input .Design4 .Design4:focus {
  border-bottom: 1px solid royalblue;
}
.feedback_theme_container form .radio_group .radio_input .Design4 .Design4:focus + .icon {
  color: #007bff;
}
.feedback_theme_container form .radio_group .radio_input .Design4 .Design4:focus + .iconwithlabel {
  color: #007bff;
}
.feedback_theme_container form .radio_group .radio_input .Design4 label {
  font-size: 0.9rem;
  font-weight: 500;
  color: gray;
  display: block;
}
.feedback_theme_container form .radio_group .radio_input .Design4 label sup {
  color: red;
  font-size: 1rem;
}
.feedback_theme_container form .radio_group .radio_input .Design4 .slideLabel {
  position: absolute;
  left: 10px;
  top: 10px;
  transition: all 0.3s ease;
  pointer-events: none;
}
.feedback_theme_container form .radio_group .radio_input .Design4 .icon {
  position: absolute;
  top: 20%;
  left: 2%;
  font-size: 1.3rem;
  color: #9b9b9b;
}
.feedback_theme_container form .radio_group .radio_input .Design4 .iconwithlabel {
  position: absolute;
  top: 55%;
  left: 2%;
  font-size: 1.3rem;
  color: #9b9b9b;
}
.feedback_theme_container form .radio_group .radio_input .Design4 .iconwithanimation {
  position: absolute;
  top: 55%;
  left: 2%;
  font-size: 1.3rem;
  color: #9b9b9b;
}
.feedback_theme_container form .radio_group .radio_input .Design5 {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  position: relative;
}
.feedback_theme_container form .radio_group .radio_input .Design5 .Design5 {
  padding: 0.5rem 2rem;
  outline: none;
  width: 100%;
  border: 1px solid #9b9b9b;
  border-radius: 0.3rem;
  font-size: 0.9rem;
  letter-spacing: 1px;
  box-shadow: none;
  transition: box-shadow 0.3s ease;
}
.feedback_theme_container form .radio_group .radio_input .Design5 .Design5:focus {
  box-shadow: 0 0 10px rgba(0, 123, 255, 0.5);
}
.feedback_theme_container form .radio_group .radio_input .Design5 .Design5:focus + .icon {
  color: #007bff;
}
.feedback_theme_container form .radio_group .radio_input .Design5 .Design5:focus + .iconwithlabel {
  color: #007bff;
}
.feedback_theme_container form .radio_group .radio_input .Design5 label {
  font-size: 0.9rem;
  font-weight: 500;
  color: gray;
  display: block;
}
.feedback_theme_container form .radio_group .radio_input .Design5 label sup {
  color: red;
  font-size: 1rem;
}
.feedback_theme_container form .radio_group .radio_input .Design5 .slideLabel {
  position: absolute;
  left: 10px;
  top: 10px;
  transition: all 0.3s ease;
  pointer-events: none;
}
.feedback_theme_container form .radio_group .radio_input .Design5 .icon {
  position: absolute;
  top: 20%;
  left: 2%;
  font-size: 1.3rem;
  color: #9b9b9b;
}
.feedback_theme_container form .radio_group .radio_input .Design5 .iconwithlabel {
  position: absolute;
  top: 55%;
  left: 2%;
  font-size: 1.3rem;
  color: #9b9b9b;
}
.feedback_theme_container form .radio_group .radio_input .Design5 .iconwithanimation {
  position: absolute;
  top: 55%;
  left: 2%;
  font-size: 1.3rem;
  color: #9b9b9b;
}
.feedback_theme_container form .radio_group .radio_input .Design6 {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  position: relative;
}
.feedback_theme_container form .radio_group .radio_input .Design6 .Design6 {
  padding: 0.5rem 2rem;
  outline: none;
  width: 100%;
  border: none;
  border-bottom: 1px solid #9b9b9b;
  position: relative;
  font-size: 0.9rem;
  letter-spacing: 1px;
}
.feedback_theme_container form .radio_group .radio_input .Design6 .Design6::-moz-placeholder {
  -moz-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  opacity: 1;
}
.feedback_theme_container form .radio_group .radio_input .Design6 .Design6::placeholder {
  transition: opacity 0.4s ease;
  opacity: 1;
}
.feedback_theme_container form .radio_group .radio_input .Design6 .Design6:focus::-moz-placeholder {
  opacity: 0;
}
.feedback_theme_container form .radio_group .radio_input .Design6 .Design6:focus::placeholder {
  opacity: 0;
}
.feedback_theme_container form .radio_group .radio_input .Design6 .Design6:focus {
  border-bottom: 1px solid royalblue;
}
.feedback_theme_container form .radio_group .radio_input .Design6 .Design6:focus + .icon {
  color: #007bff;
}
.feedback_theme_container form .radio_group .radio_input .Design6 .Design6:focus + .iconwithlabel {
  color: #007bff;
}
.feedback_theme_container form .radio_group .radio_input .Design6 label {
  font-size: 0.9rem;
  font-weight: 500;
  color: gray;
  display: block;
}
.feedback_theme_container form .radio_group .radio_input .Design6 label sup {
  color: red;
  font-size: 1rem;
}
.feedback_theme_container form .radio_group .radio_input .Design6 .slideLabel {
  position: absolute;
  left: 10px;
  top: 10px;
  transition: all 0.3s ease;
  pointer-events: none;
}
.feedback_theme_container form .radio_group .radio_input .Design6 .icon {
  position: absolute;
  top: 20%;
  left: 2%;
  font-size: 1.3rem;
  color: #9b9b9b;
}
.feedback_theme_container form .radio_group .radio_input .Design6 .iconwithlabel {
  position: absolute;
  top: 55%;
  left: 2%;
  font-size: 1.3rem;
  color: #9b9b9b;
}
.feedback_theme_container form .radio_group .radio_input .Design6 .iconwithanimation {
  position: absolute;
  top: 55%;
  left: 2%;
  font-size: 1.3rem;
  color: #9b9b9b;
}
.feedback_theme_container form .radio_group .radio_input .Design7 {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  position: relative;
}
.feedback_theme_container form .radio_group .radio_input .Design7 .Design7 {
  padding: 0.5rem 2rem;
  outline: none;
  width: 100%;
  border: 1px solid #9b9b9b;
  border-radius: 0.3rem;
  font-size: 0.9rem;
  letter-spacing: 1px;
  box-shadow: none;
  transition: box-shadow 0.3s ease;
}
@keyframes shake {
  0%, 100% {
    transform: translateX(0);
  }
  20%, 60% {
    transform: translateX(-5px);
  }
  40%, 80% {
    transform: translateX(0px);
  }
}
.feedback_theme_container form .radio_group .radio_input .Design7 .Design7:focus {
  animation: shake 1s ease-in-out;
  box-shadow: 0 0 10px rgba(0, 123, 255, 0.5);
}
.feedback_theme_container form .radio_group .radio_input .Design7 .Design7:focus + .icon {
  color: #007bff;
}
.feedback_theme_container form .radio_group .radio_input .Design7 .Design7:focus + .iconwithlabel {
  color: #007bff;
}
.feedback_theme_container form .radio_group .radio_input .Design7 label {
  font-size: 0.9rem;
  font-weight: 500;
  color: gray;
  display: block;
}
.feedback_theme_container form .radio_group .radio_input .Design7 label sup {
  color: red;
  font-size: 1rem;
}
.feedback_theme_container form .radio_group .radio_input .Design7 .slideLabel {
  position: absolute;
  left: 10px;
  top: 10px;
  transition: all 0.3s ease;
  pointer-events: none;
}
.feedback_theme_container form .radio_group .radio_input .Design7 .icon {
  position: absolute;
  top: 20%;
  left: 2%;
  font-size: 1.3rem;
  color: #9b9b9b;
}
.feedback_theme_container form .radio_group .radio_input .Design7 .iconwithlabel {
  position: absolute;
  top: 55%;
  left: 2%;
  font-size: 1.3rem;
  color: #9b9b9b;
}
.feedback_theme_container form .radio_group .radio_input .Design7 .iconwithanimation {
  position: absolute;
  top: 55%;
  left: 2%;
  font-size: 1.3rem;
  color: #9b9b9b;
}
.feedback_theme_container form .radio_group .radio_input .Design8 {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  position: relative;
}
.feedback_theme_container form .radio_group .radio_input .Design8 .Design8 {
  padding: 0.5rem 2rem;
  outline: none;
  width: 100%;
  border: none;
  border-bottom: 1px solid #9b9b9b;
  position: relative;
  font-size: 0.9rem;
  letter-spacing: 1px;
}
.feedback_theme_container form .radio_group .radio_input .Design8 .Design8::-moz-placeholder {
  -moz-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  opacity: 1;
}
.feedback_theme_container form .radio_group .radio_input .Design8 .Design8::placeholder {
  transition: opacity 0.4s ease;
  opacity: 1;
}
.feedback_theme_container form .radio_group .radio_input .Design8 .Design8:focus::-moz-placeholder {
  opacity: 0;
}
.feedback_theme_container form .radio_group .radio_input .Design8 .Design8:focus::placeholder {
  opacity: 0;
}
.feedback_theme_container form .radio_group .radio_input .Design8 .Design8:focus {
  border-bottom: 1px solid royalblue;
  animation: bounce 1s ease-in-out;
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-5px);
  }
  60% {
    transform: translateY(-2px);
  }
}
.feedback_theme_container form .radio_group .radio_input .Design8 .Design8:focus + .icon {
  color: #007bff;
}
.feedback_theme_container form .radio_group .radio_input .Design8 .Design8:focus + .iconwithlabel {
  color: #007bff;
}
.feedback_theme_container form .radio_group .radio_input .Design8 label {
  font-size: 0.9rem;
  font-weight: 500;
  color: gray;
  display: block;
}
.feedback_theme_container form .radio_group .radio_input .Design8 label sup {
  color: red;
  font-size: 1rem;
}
.feedback_theme_container form .radio_group .radio_input .Design8 .slideLabel {
  position: absolute;
  left: 10px;
  top: 10px;
  transition: all 0.3s ease;
  pointer-events: none;
}
.feedback_theme_container form .radio_group .radio_input .Design8 .icon {
  position: absolute;
  top: 20%;
  left: 2%;
  font-size: 1.3rem;
  color: #9b9b9b;
}
.feedback_theme_container form .radio_group .radio_input .Design8 .iconwithlabel {
  position: absolute;
  top: 55%;
  left: 2%;
  font-size: 1.3rem;
  color: #9b9b9b;
}
.feedback_theme_container form .radio_group .radio_input .Design8 .iconwithanimation {
  position: absolute;
  top: 55%;
  left: 2%;
  font-size: 1.3rem;
  color: #9b9b9b;
}
.feedback_theme_container form .radio_group .radio_input .Design9 {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  position: relative;
}
.feedback_theme_container form .radio_group .radio_input .Design9 .Design9 {
  padding: 0.5rem 2rem;
  outline: none;
  width: 100%;
  border: 1px solid #9b9b9b;
  border-radius: 0.3rem;
  font-size: 0.9rem;
  letter-spacing: 1px;
  box-shadow: none;
  transition: box-shadow 0.3s ease;
}
@keyframes shake {
  0%, 100% {
    transform: translateY(0);
  }
  20%, 60% {
    transform: translateY(-3px);
  }
  40%, 80% {
    transform: translateY(0px);
  }
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.feedback_theme_container form .radio_group .radio_input .Design9 .Design9:focus {
  animation: shake 1s ease-in-out;
  box-shadow: 0 0 10px rgba(0, 123, 255, 0.5);
}
.feedback_theme_container form .radio_group .radio_input .Design9 .Design9:focus + .icon {
  color: #007bff;
}
.feedback_theme_container form .radio_group .radio_input .Design9 .Design9:focus + .iconwithlabel {
  color: #007bff;
}
.feedback_theme_container form .radio_group .radio_input .Design9 .Design9:focus + .iconwithanimation {
  color: #007bff;
  animation: rotate 0.5s ease-in-out;
}
.feedback_theme_container form .radio_group .radio_input .Design9 label {
  font-size: 0.9rem;
  font-weight: 500;
  color: gray;
  display: block;
}
.feedback_theme_container form .radio_group .radio_input .Design9 label sup {
  color: red;
  font-size: 1rem;
}
.feedback_theme_container form .radio_group .radio_input .Design9 .slideLabel {
  position: absolute;
  left: 10px;
  top: 10px;
  transition: all 0.3s ease;
  pointer-events: none;
}
.feedback_theme_container form .radio_group .radio_input .Design9 .icon {
  position: absolute;
  top: 20%;
  left: 2%;
  font-size: 1.3rem;
  color: #9b9b9b;
}
.feedback_theme_container form .radio_group .radio_input .Design9 .iconwithlabel {
  position: absolute;
  top: 55%;
  left: 2%;
  font-size: 1.3rem;
  color: #9b9b9b;
}
.feedback_theme_container form .radio_group .radio_input .Design9 .iconwithanimation {
  position: absolute;
  top: 55%;
  left: 2%;
  font-size: 1.3rem;
  color: #9b9b9b;
}
.feedback_theme_container form .form_group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 15px;
}
.feedback_theme_container form .form_group .form_label {
  font-size: 0.8rem;
  font-weight: 600;
}
.feedback_theme_container form .form_group .current {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}
.feedback_theme_container form .form_group .current p {
  font-size: 0.8rem;
  font-weight: 550;
}
.feedback_theme_container form .form_group .input_container {
  width: 100%;
  position: relative;
}
.feedback_theme_container form .form_group .input_container input {
  width: 100%;
  padding: 0.5rem 0.5rem;
  outline: none;
  border: 1px solid gray;
  border-radius: 5px;
  font-size: 1rem;
  font-weight: 550;
  color: rgb(65, 65, 65);
}
.feedback_theme_container form .form_group .input_container input:focus {
  border: 1px solid royalblue;
}
.feedback_theme_container form .form_group .input_container select {
  position: absolute;
  right: 0%;
  top: 0%;
  padding: 0.5rem 0rem;
  border: 1px solid gray;
  border-left: none;
  border-bottom: none;
  border-radius: 5px;
  outline: none;
  font-size: 0.9rem;
  color: rgb(5, 112, 103);
}
.feedback_theme_container form .form_group .input_container select option {
  font-size: 0.9rem;
}
.feedback_theme_container form .form_group .input_container #LogoPosition {
  position: relative;
  width: 100%;
  border: 1px solid gray;
  font-size: 1rem;
  color: rgb(65, 65, 65);
}
.feedback_theme_container form .form_actions {
  grid-column: 1/-1;
  padding: 1rem 0px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.feedback_theme_container form .form_actions button {
  background-color: royalblue;
  padding: 0.4rem 2rem;
  cursor: pointer;
  font-size: 0.9rem;
  font-weight: 550;
  color: #fff;
}
.feedback_theme_container form .form_actions button:hover {
  background-color: gray;
}

.Dynamic_Vcard_container {
  width: 100%;
  min-height: 100%;
  height: auto;
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin: auto;
  overflow-y: scroll;
  overflow-x: hidden;
  background-image: url("");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background: linear-gradient(90deg, #a68eff, #886dff 50%, #a68eff, #886dff 50%);
}
.Dynamic_Vcard_container .full_image {
  display: none;
  margin: auto;
  width: 100%;
  height: 800px;
  background: linear-gradient(#ffffff, #ffffff);
  z-index: 1;
}
.Dynamic_Vcard_container .full_image .close_Full_Image_gallery {
  position: absolute;
  width: 100%;
  left: 90%;
  top: 5%;
  z-index: 10;
}
.Dynamic_Vcard_container .full_image .close_Full_Image_gallery .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  color: red;
  z-index: 10;
  cursor: pointer;
  place-items: center;
  transition: all 0.3s ease-in-out;
}
.Dynamic_Vcard_container .full_image .close_Full_Image_gallery .icon:hover {
  filter: drop-shadow(0px 4px 5px rgba(255, 156, 117, 0.6));
  scale: 1.2;
  transition: all 0.3s ease-in-out;
}
.Dynamic_Vcard_container .full_image img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  height: auto;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.5));
  border-radius: 5px;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 1;
}
@media (max-width: 600px) {
  .Dynamic_Vcard_container .full_image img {
    width: 70%;
    height: 150px;
  }
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .menu_navbar_box {
  width: 80px;
  height: 100vh;
  background-color: #ffffff;
  position: fixed;
  top: 100%;
  right: 0%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .menu_navbar_box .up_btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0.1;
  font-size: 2.5rem;
  font-weight: bold;
  background-color: #ffffff;
  border-top-left-radius: 0rem;
  border-top-right-radius: 0rem;
  color: #ffffff;
  cursor: pointer;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 1650px) {
  .Dynamic_Vcard_container .Dynamic_Vcard_box .menu_navbar_box .up_btn .icon {
    transform: rotate(-90deg);
    font-size: 1.5rem;
  }
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .menu_navbar_box .up_btn:hover {
  background: linear-gradient(120deg, #686868 40%, #686868 60%);
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 1650px) {
  .Dynamic_Vcard_container .Dynamic_Vcard_box .menu_navbar_box .up_btn {
    height: 100%;
    flex: 0.1;
    display: flex;
    border-radius: 0px;
    border-top-left-radius: 0rem;
    border-bottom-left-radius: 0rem;
    flex-direction: row !important;
  }
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .menu_navbar_box .hideUpArrow {
  opacity: 1;
  cursor: not-allowed;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .menu_navbar_box .all_menus {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  gap: 1rem;
  flex: 0.8;
  max-height: 80%;
  padding: 0.5rem;
  width: 100%;
  overflow-y: scroll;
  scroll-behavior: smooth;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .menu_navbar_box .all_menus .menu {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 100%;
  cursor: pointer;
  padding: 5px 10px;
  border-radius: 4px;
  transition: all 0.5s ease-in-out;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .menu_navbar_box .all_menus .menu .icon {
  font-size: 1.4rem;
}
@media screen and (max-width: 1650px) {
  .Dynamic_Vcard_container .Dynamic_Vcard_box .menu_navbar_box .all_menus .menu .icon {
    font-size: 1rem;
  }
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .menu_navbar_box .all_menus .menu p {
  font-size: 0.8rem;
  font-weight: 550;
}
@media screen and (max-width: 1650px) {
  .Dynamic_Vcard_container .Dynamic_Vcard_box .menu_navbar_box .all_menus .menu p {
    font-size: 0.6rem;
  }
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .menu_navbar_box .all_menus .menu:hover {
  color: #ffffff;
  background-color: #ffffff;
  transition: all 0.5s ease-in-out;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .menu_navbar_box .all_menus .menuActive {
  color: #ffffff;
  background-color: #ffffff;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .menu_navbar_box .all_menus::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 1650px) {
  .Dynamic_Vcard_container .Dynamic_Vcard_box .menu_navbar_box .all_menus {
    height: 100%;
    width: 100%;
    flex: 0.8;
    display: flex;
    flex-direction: row !important;
  }
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .menu_navbar_box .down_btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0.1;
  font-size: 2.5rem;
  font-weight: bold;
  background-color: #ffffff;
  border-bottom-left-radius: 0rem;
  border-bottom-right-radius: 0rem;
  color: #ffffff;
  cursor: pointer;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 1650px) {
  .Dynamic_Vcard_container .Dynamic_Vcard_box .menu_navbar_box .down_btn .down {
    transform: rotate(-90deg);
    font-size: 1.5rem;
  }
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .menu_navbar_box .down_btn:hover {
  background: linear-gradient(120deg, #686868 40%, #686868 60%);
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 1650px) {
  .Dynamic_Vcard_container .Dynamic_Vcard_box .menu_navbar_box .down_btn {
    height: 100%;
    flex: 0.1;
    display: flex;
    border-radius: 0px;
    border-top-right-radius: 0rem;
    border-bottom-right-radius: 0rem;
    flex-direction: row !important;
  }
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .menu_navbar_box .hideDownArrow {
  opacity: 1;
  cursor: not-allowed;
}
@media screen and (max-width: 1650px) {
  .Dynamic_Vcard_container .Dynamic_Vcard_box .menu_navbar_box {
    position: sticky;
    top: 0%;
    left: 0%;
    transform: translate(0%, 0%);
    z-index: 100;
    display: flex;
    flex-direction: row;
    width: 100%;
    max-width: 100%;
    height: 50px;
    align-items: center;
    justify-content: center;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
  }
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 .about_details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-items: flex-start;
  gap: 15px;
  width: 100%;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 .about_details .detail {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  width: 100%;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 .about_details .detail .detail_title {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 1rem;
  font-weight: 550;
  flex: 0.4;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 .about_details .detail .detail_title h5 {
  font-size: 0.8rem;
  font-weight: 600;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 .about_details .detail .detail_message {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 5px;
  font-weight: 550;
  flex: 0.6;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 .about_details .detail .detail_message strong {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 .about_details .detail .detail_message p {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 0.8rem;
  font-weight: 500;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 .about_details .detail .detail_message .social_medias {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row !important;
  gap: 1.3rem;
  width: 100%;
  margin-left: 5px;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 .about_details .detail .detail_message .social_medias a {
  text-decoration: none;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: all 0.3s ease-in-out;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 .about_details .detail .detail_message .social_medias a i {
  z-index: 2;
  font-size: 1rem;
  font-weight: 500;
  color: #ffffff;
  transition: all 0.3s ease-in-out;
  position: relative;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg1 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg1 #sw-js-blob-svg {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg1 #sw-js-blob-svg #stop1 {
  stop-color: #5365ff;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg1 #sw-js-blob-svg #stop2 {
  stop-color: #5365ff;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg2 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg2 #sw-js-blob-svg {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg2 #sw-js-blob-svg #stop3 {
  stop-color: #ff004d;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg2 #sw-js-blob-svg #stop4 {
  stop-color: #f500da;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg3 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg3 #sw-js-blob-svg {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg3 #sw-js-blob-svg #stop5 {
  stop-color: #10b856;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg3 #sw-js-blob-svg #stop6 {
  stop-color: #10b856;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg6 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg6 #sw-js-blob-svg6 {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg6 #sw-js-blob-svg6 #stop11 {
  stop-color: #4da6e9;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg6 #sw-js-blob-svg6 #stop12 {
  stop-color: #4da6e9;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg4 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg4 #sw-js-blob-svg {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg4 #sw-js-blob-svg #stop7 {
  stop-color: #ff777b;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg4 #sw-js-blob-svg #stop8 {
  stop-color: #ff656a;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg5 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg5 #sw-js-blob-svg5 {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg5 #sw-js-blob-svg5 #stop9 {
  stop-color: #a5a5a5;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg5 #sw-js-blob-svg5 #stop10 {
  stop-color: #999999;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 .about_details .detail .detail_message .social_medias a small {
  display: none;
  position: absolute;
  transition: all 0.4s ease-in-out;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 .about_details .detail .detail_message .social_medias a:hover {
  scale: 1.1;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
  transition: all 0.3s ease-in-out;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 .about_details .detail .detail_message .social_medias a:hover .social_media_svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 .about_details .detail .detail_message .social_medias a:hover .social_media_svg img {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60px;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 .about_details .detail .detail_message .icon {
  font-size: 1.2rem;
  cursor: pointer;
  color: rgb(104, 104, 104);
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 .specialities {
  width: 98%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: auto;
  font-size: 0.9rem;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 .specialities p {
  width: 100%;
  font-size: 0.9rem;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 .specialities ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  margin: auto;
  width: 90%;
  font-size: 1.3rem;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 .specialities ul li {
  font-size: 0.9rem;
  font-weight: 500;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .gallery {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .gallery .all_gallerys {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 0.5rem;
  place-items: center;
  margin: auto;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .gallery .all_gallerys .gallery_image {
  width: 100%;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .gallery .all_gallerys .gallery_image img {
  cursor: pointer;
  width: 100%;
  height: 150px;
  border-radius: 10px;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .gallery .all_gallerys .gallery_image img:hover {
  opacity: 0.7;
  transition: all 0.3s ease;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .video {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .video .videos_container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
  margin: auto;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .video .videos_container .video_image {
  width: 100%;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .video .videos_container .video_image iframe {
  width: 100%;
  height: 200px;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .google_map_container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .google_map_container .google_map {
  width: 100%;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .google_map_container .google_map iframe {
  width: 100% !important;
  height: 250px !important;
  border: none !important;
  margin: 1rem auto;
  border-radius: 0.5rem;
  filter: drop-shadow(0px 4px 5px rgba(56, 56, 56, 0.527));
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row {
  width: 100%;
  padding: 0rem 1rem;
  display: flex;
  flex-direction: column;
  gap: 0rem;
  align-items: center;
  justify-content: center;
  position: relative;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .popup_message_container {
  position: absolute;
  top: -3%;
  left: 22%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .popup_message_container .popup_success_box {
  display: inline-block;
  width: auto;
  background-color: rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
  padding: 0.7px 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  position: relative;
  font-size: 0.7rem;
  font-weight: 500;
  transition: transform 0.5s ease-in-out;
  z-index: -1;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .popup_message_container .popup_success_box .popup_close i {
  font-size: 1.4rem;
  font-weight: 600;
  color: rgb(255, 101, 101);
  cursor: pointer;
  transition: all 0.5s ease;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .popup_message_container .popup_success_box .popup_close i:hover {
  transform: rotate(90deg);
  transition: all 0.5s ease;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .popup_message_container .popup_success_box .popup_close .icon {
  font-size: 1.2rem;
  color: #2cc478;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .popup_message_container .popup_success_box .popup_message {
  font-size: 0.9rem;
  color: rgb(48, 48, 48);
  font-weight: 500;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .popup_message_container #successOpen {
  transform: translateX(0px);
  transition: transform 0.5s ease-in-out;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .popup_message_container #successClose {
  transform: translateX(500px);
  transition: transform 0.5s ease-in-out;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .popup_message_container .popup_error_box {
  display: inline-block;
  height: 40px;
  background-color: rgb(255, 177, 141) !important;
  border-radius: 5px;
  padding: 0px 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3rem;
  position: relative;
  z-index: -1;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .popup_message_container .popup_error_box .popup_close i {
  font-size: 1.4rem;
  color: rgb(255, 255, 255);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.5s ease;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .popup_message_container .popup_error_box .popup_close i:hover {
  transform: rotate(90deg);
  transition: all 0.5s ease;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .popup_message_container .popup_error_box .popup_message {
  font-size: 0.9rem;
  color: #2cc478;
  font-weight: 550;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .Feedback_container_message {
  width: 100%;
  height: auto;
  margin: 0rem auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .Feedback_container_message .feeback_title {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: space-between;
  gap: 10px;
  z-index: 800;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .Feedback_container_message .feeback_title button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 0.7rem;
  color: #313131;
  background: transparent;
  cursor: pointer;
  outline: none;
  border: transparent;
  font-weight: 600;
  position: relative;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .Feedback_container_message .feeback_title button i {
  font-size: 1.4rem;
  color: rgb(43, 43, 43);
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .Feedback_container_message .feeback_title button .count {
  position: absolute;
  right: -7%;
  top: -8%;
  font-size: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  color: #474747;
  border-radius: 50%;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .Feedback_container_message .feeback_title .feedBack_loader {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: block;
  margin: 15px auto;
  position: relative;
  color: #253bff;
  left: -100px;
  box-sizing: border-box;
  animation: shadowRolling 2s linear infinite;
}
@keyframes shadowRolling {
  0% {
    box-shadow: 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
  }
  12% {
    box-shadow: 100px 0 rgb(76, 247, 176), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
  }
  25% {
    box-shadow: 110px 0 rgb(107, 98, 233), 100px 0 rgb(75, 45, 243), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
  }
  36% {
    box-shadow: 120px 0 rgb(94, 236, 255), 110px 0 rgb(226, 253, 72), 100px 0 rgb(219, 99, 119), 0px 0 rgba(255, 255, 255, 0);
  }
  50% {
    box-shadow: 130px 0 rgb(240, 135, 49), 120px 0 rgb(56, 163, 74), 110px 0 rgb(99, 95, 95), 100px 0 rgb(135, 111, 221);
  }
  62% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 130px 0 white, 120px 0 white, 110px 0 white;
  }
  75% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 130px 0 white, 120px 0 white;
  }
  87% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 130px 0 white;
  }
  100% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0);
  }
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .Feedback_container_message .comment_box {
  width: 100%;
  max-height: 300px;
  height: auto;
  overflow: scroll;
  margin: 1rem auto;
  background: transparent;
  border-radius: 5px;
  position: relative;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .Feedback_container_message .comment_box .comment_box_title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  background-color: royalblue;
  color: #fff;
  font-weight: 400;
  display: none;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .Feedback_container_message .comment_box .message {
  width: 100%;
  padding: 10px;
  border-bottom: 2px solid rgb(238, 237, 237);
  position: relative;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .Feedback_container_message .comment_box .message .user_detail {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 5px;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .userName p {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 1.1rem;
  color: rgb(22, 22, 22);
  letter-spacing: 1px;
  font-weight: 550;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .userName p i {
  color: rgb(94, 94, 94);
  font-size: 1.4rem;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .userName p::first-letter {
  text-transform: uppercase !important;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars .ratting_container1 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars .ratting_container1 span i {
  font-size: 1.2rem;
  cursor: pointer;
  color: lightgray;
  transition: all 0.4s ease-in-out;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars .ratting_container1 span .highlight1 {
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
  color: gold;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #noRatting span:nth-child(1) i,
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #noRatting span:nth-child(2) i,
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #noRatting span:nth-child(3) i,
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #noRatting span:nth-child(4) i,
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #noRatting span:nth-child(5) i {
  text-decoration: line-through;
  text-decoration-color: #ff2525;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #singleRatting span:nth-child(1) i {
  color: #F7C52A;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #doubleRatting span:nth-child(1) i,
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #doubleRatting span:nth-child(2) i {
  color: #F7C52A;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #ThreeRatting span:nth-child(1) i,
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #ThreeRatting span:nth-child(2) i,
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #ThreeRatting span:nth-child(3) i {
  color: #F7C52A;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fourRatting span:nth-child(1) i,
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fourRatting span:nth-child(2) i,
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fourRatting span:nth-child(3) i,
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fourRatting span:nth-child(4) i {
  color: #F7C52A;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fullRatting span:nth-child(1) i,
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fullRatting span:nth-child(2) i,
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fullRatting span:nth-child(3) i,
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fullRatting span:nth-child(4) i,
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fullRatting span:nth-child(5) i {
  color: #F7C52A;
  filter: drop-shadow(0px 4px 5px rgba(165, 165, 165, 0.4));
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .Feedback_container_message .comment_box .message .comments {
  margin: 10px auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  width: 100%;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .Feedback_container_message .comment_box .message .comments i {
  color: royalblue;
  font-size: 1.4rem;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .Feedback_container_message .comment_box .message .comments span {
  font-size: 0.9rem;
  color: #272727;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .Feedback_container_message .comment_box .message .date {
  position: absolute;
  right: 2%;
  top: 15%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 0.9rem;
  color: rgb(68, 68, 68);
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .Feedback_container_message .comment_box .message .date i {
  color: darkcyan;
  font-size: 1.1rem;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .Feedback_container_message .comment_box::-webkit-scrollbar {
  display: none;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container {
  width: 100%;
  position: relative;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin: auto;
  padding: 0px 0.5rem 0rem 0.5rem;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .feedback_svg {
  position: absolute;
  top: -4%;
  right: 0%;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .feedback_svg img {
  width: 100px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media (max-width: 600px) {
  .Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .feedback_svg img {
    width: 90px;
  }
  .Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .feedback_svg {
    top: 0%;
  }
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_group {
  margin: 10px auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  width: 95%;
  position: relative;
  margin: 0.2rem 0.2rem;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_group .error {
  font-size: 0.6rem;
  color: tomato !important;
  -webkit-text-fill-color: tomato;
  letter-spacing: 1px;
  display: flex;
  align-items: center;
  font-weight: 550;
  justify-content: flex-start;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_group label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  left: 5%;
  color: #313131;
  -webkit-text-fill-color: #313131;
  font-size: 0.7rem;
  font-weight: 550;
  border-radius: 4px;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_group label span {
  font-size: 1rem;
  color: tomato !important;
  -webkit-text-fill-color: tomato;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_group label span sup {
  color: tomato !important;
}
@media screen and (max-width: 800px) {
  .Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_group label {
    left: 5%;
  }
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_group input,
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_group .ratting_container {
  width: 100%;
  padding: 0.7rem 1rem;
  background-color: transparent;
  border: 1px solid #797979;
  color: #313131;
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border-radius: 0.3rem;
  outline: none;
  caret-color: #313131;
  transition: all 0.3s ease;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_group input::-moz-placeholder, .Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_group .ratting_container::-moz-placeholder {
  font-size: 0.6rem;
  color: #313131;
  letter-spacing: 1px;
  font-weight: 400;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_group input::placeholder,
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_group .ratting_container::placeholder {
  font-size: 0.6rem;
  color: #313131;
  letter-spacing: 1px;
  font-weight: 400;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_group input:focus,
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_group .ratting_container:focus {
  border: double 2px transparent;
  border-radius: 0.3rem;
  background-color: transparent;
  border: 1px solid #313131;
  background-origin: border-box;
  background-clip: padding-box, border-box;
  transition: all 0.3s ease;
}
@media screen and (max-width: 800px) {
  .Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_group input,
  .Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_group .ratting_container {
    padding: 0.8rem 2rem;
    width: 100%;
    background-color: transparent;
  }
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_group .ratting_container {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_group .ratting_container span i {
  font-size: 1.5rem;
  cursor: pointer;
  color: rgb(255, 168, 54);
  transition: all 0.4s ease-in-out;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_group .ratting_container span .highlight {
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
  color: gold;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_group textarea {
  width: 100%;
  padding: 1rem;
  caret-color: #313131;
  color: #313131;
  border: double 1px transparent;
  background-color: transparent;
  border: 1px solid #797979;
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border-radius: 0.3rem;
  outline: none;
  transition: all 0.3s ease;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_group textarea::-moz-placeholder {
  font-size: 0.6rem;
  color: #313131;
  letter-spacing: 1px;
  font-weight: 400;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_group textarea::placeholder {
  font-size: 0.6rem;
  color: #313131;
  letter-spacing: 1px;
  font-weight: 400;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_group textarea:focus {
  border: double 2px transparent;
  border-radius: 0.3rem;
  background-color: transparent;
  border: 1px solid #313131;
  background-origin: border-box;
  background-clip: padding-box, border-box;
  transition: all 0.3s ease;
}
@media screen and (max-width: 800px) {
  .Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_group textarea {
    padding: 0.8rem 2rem;
    width: 100%;
    background-color: transparent;
  }
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_group .icon {
  position: absolute;
  left: 1%;
  top: 63%;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_group .icon img {
  width: 25px;
  height: 25px;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_group .icon i {
  font-size: 1.4rem;
  color: skyblue;
}
@media screen and (max-width: 800px) {
  .Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_group .icon {
    position: absolute;
    left: 2%;
    top: 25%;
  }
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_group .show_pass {
  position: absolute;
  right: 2%;
  top: 25%;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_group .show_pass i {
  font-size: 1.4rem;
  color: skyblue;
  cursor: pointer;
}
@media screen and (max-width: 800px) {
  .Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_group .show_pass {
    position: absolute;
    right: 2%;
    top: 25%;
  }
}
@media screen and (max-width: 900px) {
  .Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_group {
    margin: 0.8rem auto;
  }
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_actions {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 1rem auto;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_actions button {
  margin-right: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background-color: #313131;
  filter: none;
  width: auto;
  padding: 10px 1rem;
  outline: none;
  border: transparent;
  font-weight: 500;
  letter-spacing: 1px;
  font-size: 0.6rem;
  border-radius: 5px;
  cursor: pointer;
  color: #ffffff;
  transition: all 0.4s ease-in;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_actions button span {
  font-size: 1.2rem;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_actions button .form_loader,
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_actions button .form_loader:before,
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_actions button .form_loader:after {
  border-radius: 50%;
  width: 1em;
  height: 1em;
  animation-fill-mode: both;
  animation: bblFadInOut 1.8s infinite ease-in-out;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_actions button .form_loader {
  color: #fff;
  font-size: 7px;
  position: relative;
  text-indent: -9999em;
  transform: translateZ(0);
  animation-delay: -0.16s;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_actions button .form_loader:before,
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_actions button .form_loader:after {
  content: "";
  position: absolute;
  top: 0;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_actions button .form_loader:before {
  left: -3.5em;
  animation-delay: -0.32s;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_actions button .form_loader:after {
  left: 3.5em;
}
@keyframes bblFadInOut {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_actions button:hover {
  background-color: #525252;
  color: #ffffff;
  font-weight: 550;
  transition: all 0.4s ease-in;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .Inquries {
  width: 100%;
  padding: 0rem 1rem;
  display: flex;
  flex-direction: column;
  gap: 0rem;
  align-items: center;
  justify-content: center;
  position: relative;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .Inquries .popup_message_container {
  position: absolute;
  right: 3%;
  top: 5%;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .Inquries .popup_message_container .popup_success_box {
  display: inline-block;
  background-color: rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
  border-radius: 5px;
  padding: 0.6px 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3rem;
  position: relative;
  transition: transform 0.5s ease-in-out;
  z-index: -1;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .Inquries .popup_message_container .popup_success_box .popup_close i {
  font-size: 1.4rem;
  font-weight: 600;
  color: rgb(255, 76, 76);
  cursor: pointer;
  transition: all 0.5s ease;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .Inquries .popup_message_container .popup_success_box .popup_close i:hover {
  transform: rotate(90deg);
  transition: all 0.5s ease;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .Inquries .popup_message_container .popup_success_box .popup_message {
  font-size: 0.9rem;
  color: #4b4b4b;
  font-weight: 550;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .Inquries .popup_message_container #successOpen {
  transform: translateX(0px);
  transition: transform 0.5s ease-in-out;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .Inquries .popup_message_container #successClose {
  transform: translateX(500px);
  transition: transform 0.5s ease-in-out;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .Inquries .popup_message_container .popup_error_box {
  display: inline-block;
  height: 40px;
  background-color: rgb(255, 177, 141) !important;
  border-radius: 5px;
  padding: 0px 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3rem;
  position: relative;
  z-index: -1;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .Inquries .popup_message_container .popup_error_box .popup_close i {
  font-size: 1.4rem;
  color: rgb(255, 255, 255);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.5s ease;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .Inquries .popup_message_container .popup_error_box .popup_close i:hover {
  transform: rotate(90deg);
  transition: all 0.5s ease;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .Inquries .popup_message_container .popup_error_box .popup_message {
  font-size: 0.9rem;
  color: #494949;
  font-weight: 550;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .Inquries .inquiries_container5 {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
  margin: auto;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .Inquries .inquiries_container5 form {
  width: 90%;
  padding: 10px 0px;
  margin: auto;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .Inquries .inquiries_container5 form .form_group {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 10px;
  margin-bottom: 10px;
  margin: 10px auto;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .Inquries .inquiries_container5 form .form_group label {
  font-size: 0.7rem;
  letter-spacing: 1px;
  color: #686868;
  font-weight: 550;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .Inquries .inquiries_container5 form .form_group .input {
  width: 100%;
  position: relative;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .Inquries .inquiries_container5 form .form_group .input input,
.Dynamic_Vcard_container .Dynamic_Vcard_box .Inquries .inquiries_container5 form .form_group .input textarea {
  width: 100%;
  padding: 0.9rem 2.5rem;
  outline: none;
  border: transparent;
  border-radius: 5px;
  background-color: transparent;
  color: #525252;
  border: 1px solid rgb(119, 119, 119);
  caret-color: rgb(78, 78, 78);
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .Inquries .inquiries_container5 form .form_group .input input::-moz-placeholder, .Dynamic_Vcard_container .Dynamic_Vcard_box .Inquries .inquiries_container5 form .form_group .input textarea::-moz-placeholder {
  color: rgb(63, 63, 63);
  letter-spacing: 1px;
  font-size: 0.7rem;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .Inquries .inquiries_container5 form .form_group .input input::placeholder,
.Dynamic_Vcard_container .Dynamic_Vcard_box .Inquries .inquiries_container5 form .form_group .input textarea::placeholder {
  color: rgb(63, 63, 63);
  letter-spacing: 1px;
  font-size: 0.7rem;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .Inquries .inquiries_container5 form .form_group .input i {
  position: absolute;
  left: 2%;
  font-size: 1.5rem;
  color: #757575;
  top: 30%;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .Inquries .inquiries_container5 form .form_group .labelError {
  color: tomato;
  font-weight: 450;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .Inquries .inquiries_container5 form .form_group .input_error {
  border: 1px solid tomato !important;
  border-radius: 5px;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .Inquries .inquiries_container5 form .form_group .error {
  position: absolute;
  top: 12%;
  right: 0%;
  color: tomato;
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .Inquries .inquiries_container5 form .form_group .desc_error {
  position: absolute;
  top: 0%;
  right: 0%;
  color: tomato;
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .Inquries .inquiries_container5 form .form_actions {
  padding: 0px 1rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 1rem auto;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .Inquries .inquiries_container5 form .form_actions button {
  width: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background-color: #313131;
  color: #ffffff;
  padding: 8px 1rem;
  outline: none;
  border: transparent;
  font-weight: 450;
  letter-spacing: 1px;
  font-size: 0.7rem;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.4s ease-in;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .Inquries .inquiries_container5 form .form_actions button img {
  width: 20px;
  height: 20px;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .Inquries .inquiries_container5 form .form_actions button .form_loader,
.Dynamic_Vcard_container .Dynamic_Vcard_box .Inquries .inquiries_container5 form .form_actions button .form_loader:before,
.Dynamic_Vcard_container .Dynamic_Vcard_box .Inquries .inquiries_container5 form .form_actions button .form_loader:after {
  border-radius: 50%;
  width: 1em;
  height: 1em;
  animation-fill-mode: both;
  animation: bblFadInOut 1.8s infinite ease-in-out;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .Inquries .inquiries_container5 form .form_actions button .form_loader {
  color: #fff;
  font-size: 7px;
  position: relative;
  text-indent: -9999em;
  transform: translateZ(0);
  animation-delay: -0.16s;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .Inquries .inquiries_container5 form .form_actions button .form_loader:before,
.Dynamic_Vcard_container .Dynamic_Vcard_box .Inquries .inquiries_container5 form .form_actions button .form_loader:after {
  content: "";
  position: absolute;
  top: 0;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .Inquries .inquiries_container5 form .form_actions button .form_loader:before {
  left: -3.5em;
  animation-delay: -0.32s;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .Inquries .inquiries_container5 form .form_actions button .form_loader:after {
  left: 3.5em;
}
@keyframes bblFadInOut {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .Inquries .inquiries_container5 form .form_actions button:hover {
  background-color: #ffffff;
  transition: all 0.4s ease-in;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.5));
  color: #272727;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .Footer {
  position: relative;
  bottom: 0%;
  width: 100%;
  margin-top: 3rem;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .Footer .footer_container {
  width: 100%;
  min-height: 50px;
  height: 50px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px 0px;
  z-index: 600;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .Footer .footer_container p {
  font-size: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-weight: 400;
  letter-spacing: 1px;
}
@media (max-width: 600px) {
  .Dynamic_Vcard_container .Dynamic_Vcard_box .Footer .footer_container p {
    font-size: 0.7rem;
  }
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .Footer .footer_container svg {
  position: absolute;
  z-index: -1;
  bottom: 0%;
  left: 0%;
  width: 100%;
}
@media screen and (max-width: 600px) {
  .Dynamic_Vcard_container .Dynamic_Vcard_box {
    width: 100vw !important;
    min-width: 100vw;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin-top: 0rem;
  }
}
.Dynamic_Vcard_container::-webkit-scrollbar {
  width: 6px !important;
  height: 4px !important;
  background-color: #a68eff, #886dff;
}
@media screen and (max-width: 650px) {
  .Dynamic_Vcard_container::-webkit-scrollbar {
    display: none !important;
  }
}
.Dynamic_Vcard_container::-webkit-scrollbar-thumb {
  width: 6px !important;
  height: 4px !important;
  border-radius: 10px;
  z-index: 10;
  cursor: pointer;
  background-color: #fff !important;
}
.Dynamic_Vcard_container::-webkit-scrollbar-thumb:hover {
  background-color: rgb(36, 231, 222);
}
.vcard_preview_loader {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vcard_preview_loader .preview_loader {
  height: 5px;
  width: 5px;
  color: #706dff;
  box-shadow: -10px -10px 0 5px, -10px -10px 0 5px, -10px -10px 0 5px, -10px -10px 0 5px;
  animation: loader-38 6s infinite;
}
@keyframes loader-38 {
  0% {
    box-shadow: -10px -10px 0 5px, -10px -10px 0 5px, -10px -10px 0 5px, -10px -10px 0 5px;
  }
  8.33% {
    box-shadow: -10px -10px 0 5px, 10px -10px 0 5px, 10px -10px 0 5px, 10px -10px 0 5px;
  }
  16.66% {
    box-shadow: -10px -10px 0 5px, 10px -10px 0 5px, 10px 10px 0 5px, 10px 10px 0 5px;
  }
  24.99% {
    box-shadow: -10px -10px 0 5px, 10px -10px 0 5px, 10px 10px 0 5px, -10px 10px 0 5px;
  }
  33.32% {
    box-shadow: -10px -10px 0 5px, 10px -10px 0 5px, 10px 10px 0 5px, -10px -10px 0 5px;
  }
  41.65% {
    box-shadow: 10px -10px 0 5px, 10px -10px 0 5px, 10px 10px 0 5px, 10px -10px 0 5px;
  }
  49.98% {
    box-shadow: 10px 10px 0 5px, 10px 10px 0 5px, 10px 10px 0 5px, 10px 10px 0 5px;
  }
  58.31% {
    box-shadow: -10px 10px 0 5px, -10px 10px 0 5px, 10px 10px 0 5px, -10px 10px 0 5px;
  }
  66.64% {
    box-shadow: -10px -10px 0 5px, -10px -10px 0 5px, 10px 10px 0 5px, -10px 10px 0 5px;
  }
  74.97% {
    box-shadow: -10px -10px 0 5px, 10px -10px 0 5px, 10px 10px 0 5px, -10px 10px 0 5px;
  }
  83.3% {
    box-shadow: -10px -10px 0 5px, 10px 10px 0 5px, 10px 10px 0 5px, -10px 10px 0 5px;
  }
  91.63% {
    box-shadow: -10px -10px 0 5px, -10px 10px 0 5px, -10px 10px 0 5px, -10px 10px 0 5px;
  }
  100% {
    box-shadow: -10px -10px 0 5px, -10px -10px 0 5px, -10px -10px 0 5px, -10px -10px 0 5px;
  }
}
.date-input {
  appearance: none; /* Remove default styling */
  -webkit-appearance: none; /* Remove default styling in Safari */
  -moz-appearance: none; /* Remove default styling in Firefox */
  padding: 10px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.date-input::-moz-placeholder {
  color: #888; /* Placeholder color */
}
.date-input::placeholder {
  color: #888; /* Placeholder color */
}
/* Custom icon for the date picker */
.date-input::-webkit-calendar-picker-indicator {
  cursor: pointer;
  color: transparent;
  opacity: 1;
  position: absolute;
  right: 10px;
  top: 70%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url("https://img.icons8.com/emoji/48/calendar-emoji.png") no-repeat center center;
  background-size: contain;
}
.VCard_Loader_container {
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  flex-direction: column;
  position: relative;
  justify-content: center;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
  background: linear-gradient(170deg, #ffffff, #ffffff);
}
.VCard_Loader_container .loadingbackground {
  position: absolute;
  top: 0%;
  left: 0%;
  right: 0%;
  width: 100%;
  height: 100%;
  background: linear-gradient(280deg, #D8EFEF, #D8EFEF);
  z-index: -1;
}
.VCard_Loader_container .loadingbackground .aris_back {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -1;
}
.VCard_Loader_container .logo .aris_logo {
  width: 70px;
  z-index: 1;
  transform-origin: center;
  filter: brightness(100%);
}
@keyframes aris_logo_rotate {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.VCard_Loader_container .slogan {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0px;
  position: relative;
}
.VCard_Loader_container .slogan small {
  font-size: 0.8rem;
  color: rgb(51, 51, 51);
  font-family: "Exo 2", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  letter-spacing: 1px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.VCard_Loader_container .site_box {
  width: 8px;
  height: 40px;
  border-radius: 4px;
  display: block;
  margin: 20px auto;
  position: relative;
  background: currentColor;
  color: #3d3d3d;
  box-sizing: border-box;
  animation: animloader 0.3s 0.3s linear infinite alternate;
}
.VCard_Loader_container .site_box::after, .VCard_Loader_container .site_box::before {
  content: "";
  width: 8px;
  height: 40px;
  border-radius: 4px;
  background: currentColor;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 20px;
  box-sizing: border-box;
  animation: animloader 0.3s 0.45s linear infinite alternate;
}
.VCard_Loader_container .site_box::before {
  left: -20px;
  animation-delay: 0s;
}
@keyframes animloader {
  0% {
    height: 48px;
  }
  100% {
    height: 4px;
  }
}
.VCard_Loader_container .logoLoader {
  z-index: 1;
}
.VCard_Loader_container .vcard_preview_loader {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.VCard_Loader_container .vcard_preview_loader .preview_loader {
  height: 5px;
  width: 5px;
  color: #706dff;
  box-shadow: -10px -10px 0 5px, -10px -10px 0 5px, -10px -10px 0 5px, -10px -10px 0 5px;
  animation: loader-38 6s infinite;
}
@keyframes loader-38 {
  0% {
    box-shadow: -10px -10px 0 5px, -10px -10px 0 5px, -10px -10px 0 5px, -10px -10px 0 5px;
  }
  8.33% {
    box-shadow: -10px -10px 0 5px, 10px -10px 0 5px, 10px -10px 0 5px, 10px -10px 0 5px;
  }
  16.66% {
    box-shadow: -10px -10px 0 5px, 10px -10px 0 5px, 10px 10px 0 5px, 10px 10px 0 5px;
  }
  24.99% {
    box-shadow: -10px -10px 0 5px, 10px -10px 0 5px, 10px 10px 0 5px, -10px 10px 0 5px;
  }
  33.32% {
    box-shadow: -10px -10px 0 5px, 10px -10px 0 5px, 10px 10px 0 5px, -10px -10px 0 5px;
  }
  41.65% {
    box-shadow: 10px -10px 0 5px, 10px -10px 0 5px, 10px 10px 0 5px, 10px -10px 0 5px;
  }
  49.98% {
    box-shadow: 10px 10px 0 5px, 10px 10px 0 5px, 10px 10px 0 5px, 10px 10px 0 5px;
  }
  58.31% {
    box-shadow: -10px 10px 0 5px, -10px 10px 0 5px, 10px 10px 0 5px, -10px 10px 0 5px;
  }
  66.64% {
    box-shadow: -10px -10px 0 5px, -10px -10px 0 5px, 10px 10px 0 5px, -10px 10px 0 5px;
  }
  74.97% {
    box-shadow: -10px -10px 0 5px, 10px -10px 0 5px, 10px 10px 0 5px, -10px 10px 0 5px;
  }
  83.3% {
    box-shadow: -10px -10px 0 5px, 10px 10px 0 5px, 10px 10px 0 5px, -10px 10px 0 5px;
  }
  91.63% {
    box-shadow: -10px -10px 0 5px, -10px 10px 0 5px, -10px 10px 0 5px, -10px 10px 0 5px;
  }
  100% {
    box-shadow: -10px -10px 0 5px, -10px -10px 0 5px, -10px -10px 0 5px, -10px -10px 0 5px;
  }
}.page_not_found {
  width: 100vw;
  height: 100vh;
  background-color: rgb(255, 255, 255);
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 1rem;
}
.page_not_found .left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 2rem;
  height: 100%;
  flex: 0.4;
}
.page_not_found .left h3 {
  font-size: 1.5rem;
  letter-spacing: 1px;
  font-weight: 550;
}
.page_not_found .left p {
  font-size: 0.9rem;
  letter-spacing: 1px;
  line-height: 1.6rem;
}
@media screen and (max-width: 700px) {
  .page_not_found .left p {
    text-align: center;
  }
}
.page_not_found .left a {
  text-decoration: none;
  padding: 0.6rem 2rem;
  background-color: royalblue;
  color: #fff;
  font-size: 0.9rem;
  transition: all 0.3s ease-in-out;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.page_not_found .left a:hover {
  background-color: #fff;
  color: royalblue;
  font-weight: 600;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 1000px) {
  .page_not_found .left {
    flex: 0.5;
  }
}
@media screen and (max-width: 700px) {
  .page_not_found .left {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex: 1;
    width: 100%;
  }
}
.page_not_found .right {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 0.4;
  height: 100%;
}
.page_not_found .right img {
  width: 500px;
}
@media screen and (max-width: 700px) {
  .page_not_found .right img {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 300px;
  }
}
@media screen and (max-width: 1000px) {
  .page_not_found .right {
    flex: 0.5;
  }
}
@media screen and (max-width: 700px) {
  .page_not_found .right {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    flex: 1;
  }
  .page_not_found {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    margin: auto;
    padding: 0rem;
  }
}.inquiry_theme_container {
  width: 100%;
  height: 100%;
  padding: 1rem;
  position: relative;
}
.inquiry_theme_container .inquiry_title {
  display: block;
}
.inquiry_theme_container .inquiry_title h4 {
  font-size: 0.9rem;
  font-weight: 600;
}
.inquiry_theme_container form {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1rem 0.5rem;
  width: 100%;
  height: auto;
  margin-top: 1rem;
}
.inquiry_theme_container form .First_colour {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 5px;
}
.inquiry_theme_container form .First_colour .theme_title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 0.9rem;
}
.inquiry_theme_container form .First_colour .colourPicker {
  margin: 0.5rem 0px;
}
.inquiry_theme_container form .First_colour h2 {
  font-size: 0.9rem;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-weight: 500;
}
.inquiry_theme_container form .First_colour h2 strong {
  font-weight: 550;
  letter-spacing: 1px;
}
.inquiry_theme_container form .btn_preview {
  grid-column: 1/-1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  width: 100%;
  margin: 0px auto;
}
.inquiry_theme_container form .btn_preview .btn {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.inquiry_theme_container form .btn_preview .btn .title {
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 1px;
  border-bottom: 1px solid rgb(138, 138, 138);
  padding-bottom: 5px;
}
.inquiry_theme_container form .btn_preview .btn button {
  background-color: rgb(34, 131, 78);
  padding: 0.5rem 1rem;
  color: #fff;
  font-size: 0.7rem;
  border-radius: 0.3rem;
}
.inquiry_theme_container form .btn_preview .icon {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.inquiry_theme_container form .btn_preview .icon .title {
  font-size: 0.8rem;
  font-weight: 600;
  letter-spacing: 1px;
  border-bottom: 1px solid rgb(138, 138, 138);
  padding-bottom: 5px;
}
.inquiry_theme_container form .btn_preview .icon i {
  background-color: rgb(34, 131, 78);
  padding: 0.4rem 0.6rem;
  color: #fff;
  font-size: 1rem;
  border-radius: 0.3rem;
}
.inquiry_theme_container form .radio_group {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  padding-top: 10px;
}
.inquiry_theme_container form .radio_group .form_label {
  font-size: 0.9rem;
  font-weight: 600;
}
.inquiry_theme_container form .radio_group .radio_input {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  flex-direction: column;
}
.inquiry_theme_container form .radio_group .radio_input .radio {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.inquiry_theme_container form .radio_group .radio_input .radio label {
  font-size: 1rem;
  font-weight: 500;
  cursor: pointer;
  letter-spacing: 1px;
}
.inquiry_theme_container form .radio_group .radio_input .radio input[type=radio] {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  cursor: pointer;
}
.inquiry_theme_container form .radio_group .radio_input .Design1 {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  position: relative;
}
.inquiry_theme_container form .radio_group .radio_input .Design1 .Design1 {
  padding: 0.5rem 2rem;
  outline: none;
  width: 100%;
  border: 1px solid #9b9b9b;
  border-radius: 0.3rem;
  font-size: 0.9rem;
  letter-spacing: 1px;
}
.inquiry_theme_container form .radio_group .radio_input .Design1 .Design1:focus {
  border: 1px solid royalblue;
}
.inquiry_theme_container form .radio_group .radio_input .Design1 .Design1:focus + .icon {
  color: #007bff;
}
.inquiry_theme_container form .radio_group .radio_input .Design1 label {
  font-size: 0.9rem;
  font-weight: 500;
  color: gray;
  display: none;
}
.inquiry_theme_container form .radio_group .radio_input .Design1 label sup {
  color: red;
  font-size: 1rem;
}
.inquiry_theme_container form .radio_group .radio_input .Design1 .slideLabel {
  position: absolute;
  left: 10px;
  top: 10px;
  transition: all 0.3s ease;
  pointer-events: none;
}
.inquiry_theme_container form .radio_group .radio_input .Design1 .icon {
  position: absolute;
  top: 20%;
  left: 2%;
  font-size: 1.3rem;
  color: #9b9b9b;
}
.inquiry_theme_container form .radio_group .radio_input .Design1 .iconwithlabel {
  position: absolute;
  top: 55%;
  left: 2%;
  font-size: 1.3rem;
  color: #9b9b9b;
}
.inquiry_theme_container form .radio_group .radio_input .Design1 .iconwithanimation {
  position: absolute;
  top: 55%;
  left: 2%;
  font-size: 1.3rem;
  color: #9b9b9b;
}
.inquiry_theme_container form .radio_group .radio_input .Design2 {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  position: relative;
}
.inquiry_theme_container form .radio_group .radio_input .Design2 .Design2 {
  padding: 0.5rem 2rem;
  outline: none;
  width: 100%;
  border: none;
  border-bottom: 1px solid #9b9b9b;
  position: relative;
  font-size: 0.9rem;
  letter-spacing: 1px;
}
.inquiry_theme_container form .radio_group .radio_input .Design2 .Design2:focus {
  border-bottom: 1px solid royalblue;
}
.inquiry_theme_container form .radio_group .radio_input .Design2 .Design2:focus + .icon {
  color: #007bff;
}
.inquiry_theme_container form .radio_group .radio_input .Design2 label {
  font-size: 0.9rem;
  font-weight: 500;
  color: gray;
  display: none;
}
.inquiry_theme_container form .radio_group .radio_input .Design2 label sup {
  color: red;
  font-size: 1rem;
}
.inquiry_theme_container form .radio_group .radio_input .Design2 .slideLabel {
  position: absolute;
  left: 10px;
  top: 10px;
  transition: all 0.3s ease;
  pointer-events: none;
}
.inquiry_theme_container form .radio_group .radio_input .Design2 .icon {
  position: absolute;
  top: 20%;
  left: 2%;
  font-size: 1.3rem;
  color: #9b9b9b;
}
.inquiry_theme_container form .radio_group .radio_input .Design2 .iconwithlabel {
  position: absolute;
  top: 55%;
  left: 2%;
  font-size: 1.3rem;
  color: #9b9b9b;
}
.inquiry_theme_container form .radio_group .radio_input .Design2 .iconwithanimation {
  position: absolute;
  top: 55%;
  left: 2%;
  font-size: 1.3rem;
  color: #9b9b9b;
}
.inquiry_theme_container form .radio_group .radio_input .Design3 {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  position: relative;
}
.inquiry_theme_container form .radio_group .radio_input .Design3 .Design3 {
  padding: 0.5rem 2rem;
  outline: none;
  width: 100%;
  border: 1px solid #9b9b9b;
  border-radius: 0.3rem;
  font-size: 0.9rem;
  letter-spacing: 1px;
}
.inquiry_theme_container form .radio_group .radio_input .Design3 .Design3:focus {
  border: 1px solid royalblue;
}
.inquiry_theme_container form .radio_group .radio_input .Design3 .Design3:focus + .icon {
  color: #007bff;
}
.inquiry_theme_container form .radio_group .radio_input .Design3 .Design3:focus + .iconwithlabel {
  color: #007bff;
}
.inquiry_theme_container form .radio_group .radio_input .Design3 label {
  font-size: 0.9rem;
  font-weight: 500;
  color: gray;
  display: block;
}
.inquiry_theme_container form .radio_group .radio_input .Design3 label sup {
  color: red;
  font-size: 1rem;
}
.inquiry_theme_container form .radio_group .radio_input .Design3 .slideLabel {
  position: absolute;
  left: 10px;
  top: 10px;
  transition: all 0.3s ease;
  pointer-events: none;
}
.inquiry_theme_container form .radio_group .radio_input .Design3 .icon {
  position: absolute;
  top: 20%;
  left: 2%;
  font-size: 1.3rem;
  color: #9b9b9b;
}
.inquiry_theme_container form .radio_group .radio_input .Design3 .iconwithlabel {
  position: absolute;
  top: 55%;
  left: 2%;
  font-size: 1.3rem;
  color: #9b9b9b;
}
.inquiry_theme_container form .radio_group .radio_input .Design3 .iconwithanimation {
  position: absolute;
  top: 55%;
  left: 2%;
  font-size: 1.3rem;
  color: #9b9b9b;
}
.inquiry_theme_container form .radio_group .radio_input .Design4 {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  position: relative;
}
.inquiry_theme_container form .radio_group .radio_input .Design4 .Design4 {
  padding: 0.5rem 2rem;
  outline: none;
  width: 100%;
  border: none;
  border-bottom: 1px solid #9b9b9b;
  position: relative;
  font-size: 0.9rem;
  letter-spacing: 1px;
}
.inquiry_theme_container form .radio_group .radio_input .Design4 .Design4:focus {
  border-bottom: 1px solid royalblue;
}
.inquiry_theme_container form .radio_group .radio_input .Design4 .Design4:focus + .icon {
  color: #007bff;
}
.inquiry_theme_container form .radio_group .radio_input .Design4 .Design4:focus + .iconwithlabel {
  color: #007bff;
}
.inquiry_theme_container form .radio_group .radio_input .Design4 label {
  font-size: 0.9rem;
  font-weight: 500;
  color: gray;
  display: block;
}
.inquiry_theme_container form .radio_group .radio_input .Design4 label sup {
  color: red;
  font-size: 1rem;
}
.inquiry_theme_container form .radio_group .radio_input .Design4 .slideLabel {
  position: absolute;
  left: 10px;
  top: 10px;
  transition: all 0.3s ease;
  pointer-events: none;
}
.inquiry_theme_container form .radio_group .radio_input .Design4 .icon {
  position: absolute;
  top: 20%;
  left: 2%;
  font-size: 1.3rem;
  color: #9b9b9b;
}
.inquiry_theme_container form .radio_group .radio_input .Design4 .iconwithlabel {
  position: absolute;
  top: 55%;
  left: 2%;
  font-size: 1.3rem;
  color: #9b9b9b;
}
.inquiry_theme_container form .radio_group .radio_input .Design4 .iconwithanimation {
  position: absolute;
  top: 55%;
  left: 2%;
  font-size: 1.3rem;
  color: #9b9b9b;
}
.inquiry_theme_container form .radio_group .radio_input .Design5 {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  position: relative;
}
.inquiry_theme_container form .radio_group .radio_input .Design5 .Design5 {
  padding: 0.5rem 2rem;
  outline: none;
  width: 100%;
  border: 1px solid #9b9b9b;
  border-radius: 0.3rem;
  font-size: 0.9rem;
  letter-spacing: 1px;
  box-shadow: none;
  transition: box-shadow 0.3s ease;
}
.inquiry_theme_container form .radio_group .radio_input .Design5 .Design5:focus {
  box-shadow: 0 0 10px rgba(0, 123, 255, 0.5);
}
.inquiry_theme_container form .radio_group .radio_input .Design5 .Design5:focus + .icon {
  color: #007bff;
}
.inquiry_theme_container form .radio_group .radio_input .Design5 .Design5:focus + .iconwithlabel {
  color: #007bff;
}
.inquiry_theme_container form .radio_group .radio_input .Design5 label {
  font-size: 0.9rem;
  font-weight: 500;
  color: gray;
  display: block;
}
.inquiry_theme_container form .radio_group .radio_input .Design5 label sup {
  color: red;
  font-size: 1rem;
}
.inquiry_theme_container form .radio_group .radio_input .Design5 .slideLabel {
  position: absolute;
  left: 10px;
  top: 10px;
  transition: all 0.3s ease;
  pointer-events: none;
}
.inquiry_theme_container form .radio_group .radio_input .Design5 .icon {
  position: absolute;
  top: 20%;
  left: 2%;
  font-size: 1.3rem;
  color: #9b9b9b;
}
.inquiry_theme_container form .radio_group .radio_input .Design5 .iconwithlabel {
  position: absolute;
  top: 55%;
  left: 2%;
  font-size: 1.3rem;
  color: #9b9b9b;
}
.inquiry_theme_container form .radio_group .radio_input .Design5 .iconwithanimation {
  position: absolute;
  top: 55%;
  left: 2%;
  font-size: 1.3rem;
  color: #9b9b9b;
}
.inquiry_theme_container form .radio_group .radio_input .Design6 {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  position: relative;
}
.inquiry_theme_container form .radio_group .radio_input .Design6 .Design6 {
  padding: 0.5rem 2rem;
  outline: none;
  width: 100%;
  border: none;
  border-bottom: 1px solid #9b9b9b;
  position: relative;
  font-size: 0.9rem;
  letter-spacing: 1px;
}
.inquiry_theme_container form .radio_group .radio_input .Design6 .Design6::-moz-placeholder {
  -moz-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  opacity: 1;
}
.inquiry_theme_container form .radio_group .radio_input .Design6 .Design6::placeholder {
  transition: opacity 0.4s ease;
  opacity: 1;
}
.inquiry_theme_container form .radio_group .radio_input .Design6 .Design6:focus::-moz-placeholder {
  opacity: 0;
}
.inquiry_theme_container form .radio_group .radio_input .Design6 .Design6:focus::placeholder {
  opacity: 0;
}
.inquiry_theme_container form .radio_group .radio_input .Design6 .Design6:focus {
  border-bottom: 1px solid royalblue;
}
.inquiry_theme_container form .radio_group .radio_input .Design6 .Design6:focus + .icon {
  color: #007bff;
}
.inquiry_theme_container form .radio_group .radio_input .Design6 .Design6:focus + .iconwithlabel {
  color: #007bff;
}
.inquiry_theme_container form .radio_group .radio_input .Design6 label {
  font-size: 0.9rem;
  font-weight: 500;
  color: gray;
  display: block;
}
.inquiry_theme_container form .radio_group .radio_input .Design6 label sup {
  color: red;
  font-size: 1rem;
}
.inquiry_theme_container form .radio_group .radio_input .Design6 .slideLabel {
  position: absolute;
  left: 10px;
  top: 10px;
  transition: all 0.3s ease;
  pointer-events: none;
}
.inquiry_theme_container form .radio_group .radio_input .Design6 .icon {
  position: absolute;
  top: 20%;
  left: 2%;
  font-size: 1.3rem;
  color: #9b9b9b;
}
.inquiry_theme_container form .radio_group .radio_input .Design6 .iconwithlabel {
  position: absolute;
  top: 55%;
  left: 2%;
  font-size: 1.3rem;
  color: #9b9b9b;
}
.inquiry_theme_container form .radio_group .radio_input .Design6 .iconwithanimation {
  position: absolute;
  top: 55%;
  left: 2%;
  font-size: 1.3rem;
  color: #9b9b9b;
}
.inquiry_theme_container form .radio_group .radio_input .Design7 {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  position: relative;
}
.inquiry_theme_container form .radio_group .radio_input .Design7 .Design7 {
  padding: 0.5rem 2rem;
  outline: none;
  width: 100%;
  border: 1px solid #9b9b9b;
  border-radius: 0.3rem;
  font-size: 0.9rem;
  letter-spacing: 1px;
  box-shadow: none;
  transition: box-shadow 0.3s ease;
}
@keyframes shake {
  0%, 100% {
    transform: translateX(0);
  }
  20%, 60% {
    transform: translateX(-5px);
  }
  40%, 80% {
    transform: translateX(0px);
  }
}
.inquiry_theme_container form .radio_group .radio_input .Design7 .Design7:focus {
  animation: shake 1s ease-in-out;
  box-shadow: 0 0 10px rgba(0, 123, 255, 0.5);
}
.inquiry_theme_container form .radio_group .radio_input .Design7 .Design7:focus + .icon {
  color: #007bff;
}
.inquiry_theme_container form .radio_group .radio_input .Design7 .Design7:focus + .iconwithlabel {
  color: #007bff;
}
.inquiry_theme_container form .radio_group .radio_input .Design7 label {
  font-size: 0.9rem;
  font-weight: 500;
  color: gray;
  display: block;
}
.inquiry_theme_container form .radio_group .radio_input .Design7 label sup {
  color: red;
  font-size: 1rem;
}
.inquiry_theme_container form .radio_group .radio_input .Design7 .slideLabel {
  position: absolute;
  left: 10px;
  top: 10px;
  transition: all 0.3s ease;
  pointer-events: none;
}
.inquiry_theme_container form .radio_group .radio_input .Design7 .icon {
  position: absolute;
  top: 20%;
  left: 2%;
  font-size: 1.3rem;
  color: #9b9b9b;
}
.inquiry_theme_container form .radio_group .radio_input .Design7 .iconwithlabel {
  position: absolute;
  top: 55%;
  left: 2%;
  font-size: 1.3rem;
  color: #9b9b9b;
}
.inquiry_theme_container form .radio_group .radio_input .Design7 .iconwithanimation {
  position: absolute;
  top: 55%;
  left: 2%;
  font-size: 1.3rem;
  color: #9b9b9b;
}
.inquiry_theme_container form .radio_group .radio_input .Design8 {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  position: relative;
}
.inquiry_theme_container form .radio_group .radio_input .Design8 .Design8 {
  padding: 0.5rem 2rem;
  outline: none;
  width: 100%;
  border: none;
  border-bottom: 1px solid #9b9b9b;
  position: relative;
  font-size: 0.9rem;
  letter-spacing: 1px;
}
.inquiry_theme_container form .radio_group .radio_input .Design8 .Design8::-moz-placeholder {
  -moz-transition: opacity 0.4s ease;
  transition: opacity 0.4s ease;
  opacity: 1;
}
.inquiry_theme_container form .radio_group .radio_input .Design8 .Design8::placeholder {
  transition: opacity 0.4s ease;
  opacity: 1;
}
.inquiry_theme_container form .radio_group .radio_input .Design8 .Design8:focus::-moz-placeholder {
  opacity: 0;
}
.inquiry_theme_container form .radio_group .radio_input .Design8 .Design8:focus::placeholder {
  opacity: 0;
}
.inquiry_theme_container form .radio_group .radio_input .Design8 .Design8:focus {
  border-bottom: 1px solid royalblue;
  animation: bounce 1s ease-in-out;
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-5px);
  }
  60% {
    transform: translateY(-2px);
  }
}
.inquiry_theme_container form .radio_group .radio_input .Design8 .Design8:focus + .icon {
  color: #007bff;
}
.inquiry_theme_container form .radio_group .radio_input .Design8 .Design8:focus + .iconwithlabel {
  color: #007bff;
}
.inquiry_theme_container form .radio_group .radio_input .Design8 label {
  font-size: 0.9rem;
  font-weight: 500;
  color: gray;
  display: block;
}
.inquiry_theme_container form .radio_group .radio_input .Design8 label sup {
  color: red;
  font-size: 1rem;
}
.inquiry_theme_container form .radio_group .radio_input .Design8 .slideLabel {
  position: absolute;
  left: 10px;
  top: 10px;
  transition: all 0.3s ease;
  pointer-events: none;
}
.inquiry_theme_container form .radio_group .radio_input .Design8 .icon {
  position: absolute;
  top: 20%;
  left: 2%;
  font-size: 1.3rem;
  color: #9b9b9b;
}
.inquiry_theme_container form .radio_group .radio_input .Design8 .iconwithlabel {
  position: absolute;
  top: 55%;
  left: 2%;
  font-size: 1.3rem;
  color: #9b9b9b;
}
.inquiry_theme_container form .radio_group .radio_input .Design8 .iconwithanimation {
  position: absolute;
  top: 55%;
  left: 2%;
  font-size: 1.3rem;
  color: #9b9b9b;
}
.inquiry_theme_container form .radio_group .radio_input .Design9 {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  position: relative;
}
.inquiry_theme_container form .radio_group .radio_input .Design9 .Design9 {
  padding: 0.5rem 2rem;
  outline: none;
  width: 100%;
  border: 1px solid #9b9b9b;
  border-radius: 0.3rem;
  font-size: 0.9rem;
  letter-spacing: 1px;
  box-shadow: none;
  transition: box-shadow 0.3s ease;
}
@keyframes shake {
  0%, 100% {
    transform: translateY(0);
  }
  20%, 60% {
    transform: translateY(-3px);
  }
  40%, 80% {
    transform: translateY(0px);
  }
}
@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.inquiry_theme_container form .radio_group .radio_input .Design9 .Design9:focus {
  animation: shake 1s ease-in-out;
  box-shadow: 0 0 10px rgba(0, 123, 255, 0.5);
}
.inquiry_theme_container form .radio_group .radio_input .Design9 .Design9:focus + .icon {
  color: #007bff;
}
.inquiry_theme_container form .radio_group .radio_input .Design9 .Design9:focus + .iconwithlabel {
  color: #007bff;
}
.inquiry_theme_container form .radio_group .radio_input .Design9 .Design9:focus + .iconwithanimation {
  color: #007bff;
  animation: rotate 0.5s ease-in-out;
}
.inquiry_theme_container form .radio_group .radio_input .Design9 label {
  font-size: 0.9rem;
  font-weight: 500;
  color: gray;
  display: block;
}
.inquiry_theme_container form .radio_group .radio_input .Design9 label sup {
  color: red;
  font-size: 1rem;
}
.inquiry_theme_container form .radio_group .radio_input .Design9 .slideLabel {
  position: absolute;
  left: 10px;
  top: 10px;
  transition: all 0.3s ease;
  pointer-events: none;
}
.inquiry_theme_container form .radio_group .radio_input .Design9 .icon {
  position: absolute;
  top: 20%;
  left: 2%;
  font-size: 1.3rem;
  color: #9b9b9b;
}
.inquiry_theme_container form .radio_group .radio_input .Design9 .iconwithlabel {
  position: absolute;
  top: 55%;
  left: 2%;
  font-size: 1.3rem;
  color: #9b9b9b;
}
.inquiry_theme_container form .radio_group .radio_input .Design9 .iconwithanimation {
  position: absolute;
  top: 55%;
  left: 2%;
  font-size: 1.3rem;
  color: #9b9b9b;
}
.inquiry_theme_container form .form_group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 15px;
}
.inquiry_theme_container form .form_group .form_label {
  font-size: 0.8rem;
  font-weight: 600;
}
.inquiry_theme_container form .form_group .current {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}
.inquiry_theme_container form .form_group .current p {
  font-size: 0.8rem;
  font-weight: 550;
}
.inquiry_theme_container form .form_group .input_container {
  width: 100%;
  position: relative;
}
.inquiry_theme_container form .form_group .input_container input {
  width: 100%;
  padding: 0.5rem 0.5rem;
  outline: none;
  border: 1px solid gray;
  border-radius: 5px;
  font-size: 1rem;
  font-weight: 550;
  color: rgb(65, 65, 65);
}
.inquiry_theme_container form .form_group .input_container input:focus {
  border: 1px solid royalblue;
}
.inquiry_theme_container form .form_group .input_container select {
  position: absolute;
  right: 0%;
  top: 0%;
  padding: 0.5rem 0rem;
  border: 1px solid gray;
  border-left: none;
  border-bottom: none;
  border-radius: 5px;
  outline: none;
  font-size: 0.9rem;
  color: rgb(5, 112, 103);
}
.inquiry_theme_container form .form_group .input_container select option {
  font-size: 0.9rem;
}
.inquiry_theme_container form .form_group .input_container #LogoPosition {
  position: relative;
  width: 100%;
  border: 1px solid gray;
  font-size: 1rem;
  color: rgb(65, 65, 65);
}
.inquiry_theme_container form .form_actions {
  grid-column: 1/-1;
  padding: 1rem 0px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.inquiry_theme_container form .form_actions button {
  background-color: royalblue;
  padding: 0.4rem 2rem;
  cursor: pointer;
  font-size: 0.9rem;
  font-weight: 550;
  color: #fff;
}
.inquiry_theme_container form .form_actions button:hover {
  background-color: gray;
}
.new_OG_Preview_container {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 1rem;
  font-weight: 600;
}
.new_OG_Preview_container .new_vcardurl_row_one {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.new_OG_Preview_container .new_vcardurl_row_one .title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 1rem;
}
.new_OG_Preview_container .new_vcardurl_row_one .title h5 {
  font-size: 1.6rem;
  font-weight: bolder;
  font-weight: 400;
  letter-spacing: 1px;
  font-family: "Teko", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}
.new_OG_Preview_container .new_vcardURL_container_box {
  width: 100%;
  height: auto;
  padding: 1rem 1rem;
  position: relative;
}
.new_OG_Preview_container .new_vcardURL_container_box form {
  display: grid;
  width: 100%;
  max-width: 1400px;
  height: 100%;
  overflow-y: scroll;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 0.6rem 0.5rem;
  place-items: start;
  margin: auto;
  background-color: #fff;
  padding: 0rem 0rem;
}
.new_OG_Preview_container .new_vcardURL_container_box form .form_group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 5px;
  width: 95%;
  margin: auto;
  position: relative;
}
.new_OG_Preview_container .new_vcardURL_container_box form .form_group label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-weight: bold !important;
  color: #000;
  width: 100%;
}
.new_OG_Preview_container .new_vcardURL_container_box form .form_group label sup {
  color: red;
  font-weight: bold;
  margin-left: 3px;
}
.new_OG_Preview_container .new_vcardURL_container_box form .form_group label img {
  width: 70px;
  height: 70px;
}
.new_OG_Preview_container .new_vcardURL_container_box form .form_group label .note {
  width: 18px;
  height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 10px;
  background-color: rgb(32, 32, 32);
  padding: 3px;
  border-radius: 50%;
}
.new_OG_Preview_container .new_vcardURL_container_box form .form_group label .note i {
  color: #fff;
  font-size: 1rem;
  font-weight: 500;
  padding: 3px;
}
.new_OG_Preview_container .new_vcardURL_container_box form .form_group label .note:hover {
  background-color: #24b41f;
}
.new_OG_Preview_container .new_vcardURL_container_box form .form_group input[type=text] {
  padding: 8px 1rem;
  width: 100%;
  outline: none;
  border: 1px solid rgb(185, 185, 185);
  border-radius: 5px;
  position: relative;
  font-size: 1rem;
  color: rgb(85, 85, 85);
  font-size: 550;
}
@media screen and (max-width: 776px) {
  .new_OG_Preview_container .new_vcardURL_container_box form .form_group input[type=text] {
    width: 70% !important;
  }
}
.new_OG_Preview_container .new_vcardURL_container_box form .form_group input[type=text]::-moz-placeholder {
  font-size: 0.8rem;
  color: gray;
}
.new_OG_Preview_container .new_vcardURL_container_box form .form_group input[type=text]::placeholder {
  font-size: 0.8rem;
  color: gray;
}
.new_OG_Preview_container .new_vcardURL_container_box form .form_group textarea {
  width: 100%;
  height: 250px;
  border: 1px solid rgb(196, 196, 196);
  padding: 0.5rem;
  border-radius: 5px;
  color: rgb(85, 85, 85);
}
.new_OG_Preview_container .new_vcardURL_container_box form .form_group #URL_Alies, .new_OG_Preview_container .new_vcardURL_container_box form .form_group #UserName {
  background-color: rgb(236, 236, 236);
  cursor: not-allowed;
}
@media screen and (max-width: 776px) {
  .new_OG_Preview_container .new_vcardURL_container_box form .form_group select {
    width: 70% !important;
  }
}
.new_OG_Preview_container .new_vcardURL_container_box form .form_group .double_input {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  flex-direction: row !important;
  width: 100%;
}
@media screen and (max-width: 776px) {
  .new_OG_Preview_container .new_vcardURL_container_box form .form_group .double_input {
    width: 93% !important;
  }
}
.new_OG_Preview_container .new_vcardURL_container_box form .form_group .VCardName {
  padding: 8px 1rem;
  width: 100%;
  outline: none;
  border: 1px solid rgb(185, 185, 185);
  border-radius: 5px;
  color: rgb(87, 87, 87);
  font-weight: 500;
  position: relative;
}
.new_OG_Preview_container .new_vcardURL_container_box form .form_group .VCardName option {
  font-size: 0.9rem;
  font-weight: 500;
  border-radius: none;
}
.new_OG_Preview_container .new_vcardURL_container_box form .form_group .input_error {
  border: 1px solid red !important;
  border-radius: 5px;
}
.new_OG_Preview_container .new_vcardURL_container_box form .form_group .error {
  position: absolute;
  top: 0%;
  right: 0%;
  color: red;
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
.new_OG_Preview_container .new_vcardURL_container_box form .form_group .desc_error {
  position: absolute;
  top: 0%;
  right: 0%;
  color: red;
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
.new_OG_Preview_container .new_vcardURL_container_box form .form_group .profile_error,
.new_OG_Preview_container .new_vcardURL_container_box form .form_group .banner_error {
  width: 100%;
  position: relative;
  color: red;
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
@media screen and (max-width: 1100px) {
  .new_OG_Preview_container .new_vcardURL_container_box form .form_group .profile_error,
  .new_OG_Preview_container .new_vcardURL_container_box form .form_group .banner_error {
    bottom: -10%;
  }
}
.new_OG_Preview_container .new_vcardURL_container_box form .form_group input[type=file] {
  display: block;
  border: none;
  width: 100%;
  font-size: 0.7rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-weight: 550;
  outline: none;
  color: #03796f;
  cursor: pointer;
}
@media screen and (max-width: 776px) {
  .new_OG_Preview_container .new_vcardURL_container_box form .form_group input[type=file] {
    width: 65% !important;
  }
}
.new_OG_Preview_container .new_vcardURL_container_box form .form_group .Description {
  grid-column: 1/-1;
  border: none !important;
  width: 100%;
}
@media screen and (max-width: 776px) {
  .new_OG_Preview_container .new_vcardURL_container_box form .form_group .Description {
    width: 100%;
    overflow: hidden;
  }
}
.new_OG_Preview_container .new_vcardURL_container_box form .form_group .url_error_handle {
  position: absolute;
  right: 5%;
  bottom: 15%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}
.new_OG_Preview_container .new_vcardURL_container_box form .form_group .url_error_handle .success {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.new_OG_Preview_container .new_vcardURL_container_box form .form_group .url_error_handle .success i {
  color: green;
}
.new_OG_Preview_container .new_vcardURL_container_box form .form_group .url_error_handle .success small {
  font-size: 0.8rem;
  color: green;
}
.new_OG_Preview_container .new_vcardURL_container_box form .form_group .url_error_handle .failure {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.new_OG_Preview_container .new_vcardURL_container_box form .form_group .url_error_handle .failure i {
  color: red;
}
.new_OG_Preview_container .new_vcardURL_container_box form .form_group .url_error_handle .failure small {
  font-size: 0.8rem;
  color: red;
}
@media screen and (max-width: 776px) {
  .new_OG_Preview_container .new_vcardURL_container_box form .form_group .url_error_handle {
    position: absolute;
    right: 37%;
    bottom: 15%;
  }
}
.new_OG_Preview_container .new_vcardURL_container_box form .form_group:nth-child(1) {
  place-items: start;
}
@media screen and (max-width: 776px) {
  .new_OG_Preview_container .new_vcardURL_container_box form .form_group {
    width: 100%;
  }
}
.new_OG_Preview_container .new_vcardURL_container_box form .Description {
  grid-column: 1/-1;
  border: none !important;
  width: 98% !important;
  max-height: auto;
}
.new_OG_Preview_container .new_vcardURL_container_box form .Description .input_success {
  width: 100%;
}
.new_OG_Preview_container .new_vcardURL_container_box form .Description .ql-editor {
  grid-column: 1/-1;
  max-height: auto;
  height: 300px;
  width: 100%;
  font-family: Arial, sans-serif;
  background-color: #f1f1f1;
  border: 1px solid #b9d5ff;
  font-size: 1rem;
  font-weight: 500;
}
@media screen and (max-width: 776px) {
  .new_OG_Preview_container .new_vcardURL_container_box form .Description .ql-editor {
    width: 100%;
  }
}
.new_OG_Preview_container .new_vcardURL_container_box form .Description .ql-toolbar {
  background-color: rgb(255, 253, 145);
  color: #ffffff !important;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  gap: 0.2rem;
}
@media screen and (max-width: 776px) {
  .new_OG_Preview_container .new_vcardURL_container_box form .Description .ql-toolbar {
    width: 100%;
  }
}
.new_OG_Preview_container .new_vcardURL_container_box form .Description .ql-picker-label svg {
  font-size: 1rem;
  fill: #4caf50 !important;
}
.new_OG_Preview_container .new_vcardURL_container_box form .Description .ql-container {
  border: none;
}
.new_OG_Preview_container .new_vcardURL_container_box form .Description .ql-toolbar .ql-picker {
  border-radius: 4px;
  padding: 4px;
}
@media screen and (max-width: 776px) {
  .new_OG_Preview_container .new_vcardURL_container_box form .Description {
    width: 100%;
    overflow: hidden;
  }
}
.new_OG_Preview_container .new_vcardURL_container_box form .profession {
  grid-column: 1/-1;
  display: flex;
  flex-direction: column;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 5px;
  width: 98% !important;
  place-items: start;
  position: relative;
}
.new_OG_Preview_container .new_vcardURL_container_box form .profession #Profession {
  width: 100%;
}
.new_OG_Preview_container .new_vcardURL_container_box form .editor {
  grid-column: span 1;
}
.new_OG_Preview_container .new_vcardURL_container_box form .quill {
  border: 1px solid rgb(110, 110, 110) !important;
  height: 250px !important;
  width: 100% !important;
}
.new_OG_Preview_container .new_vcardURL_container_box form .ql-container {
  border: none;
}
.new_OG_Preview_container .new_vcardURL_container_box form .image_col_inputs {
  grid-column: 1/-1;
  display: flex;
  flex-direction: column !important;
  width: 100%;
  align-items: flex-start;
  justify-content: flex-start;
}
.new_OG_Preview_container .new_vcardURL_container_box form .image_col_inputs .image_upload_type {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.new_OG_Preview_container .new_vcardURL_container_box form .image_col_inputs .image_upload_type .logo_type {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.new_OG_Preview_container .new_vcardURL_container_box form .image_col_inputs .image_upload_type .logo_type select {
  font-size: 0.8rem;
  color: royalblue;
  border: 1px solid gray;
  padding: 8px 1rem;
  width: 100%;
  outline: none;
  border: 1px solid rgb(185, 185, 185);
  border-radius: 5px;
  color: rgb(87, 87, 87);
  font-weight: 500;
  position: relative;
  cursor: pointer;
}
.new_OG_Preview_container .new_vcardURL_container_box form .image_col_inputs .image_upload_type .logo_type select option {
  font-weight: 500;
  color: rgb(83, 83, 83);
}
.new_OG_Preview_container .new_vcardURL_container_box form .image_col_inputs .image_upload_type .banner_type {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.new_OG_Preview_container .new_vcardURL_container_box form .image_col_inputs .image_upload_type .banner_type select {
  font-size: 0.8rem;
  color: royalblue;
  border: 1px solid gray;
  padding: 8px 1rem;
  width: 100%;
  outline: none;
  border: 1px solid rgb(185, 185, 185);
  border-radius: 5px;
  color: rgb(87, 87, 87);
  font-weight: 500;
  position: relative;
  cursor: pointer;
}
.new_OG_Preview_container .new_vcardURL_container_box form .image_col_inputs .image_upload_type .banner_type select option {
  font-weight: 500;
  color: rgb(83, 83, 83);
}
@media screen and (max-width: 776px) {
  .new_OG_Preview_container .new_vcardURL_container_box form .image_col_inputs .image_upload_type {
    width: 65% !important;
  }
}
.new_OG_Preview_container .new_vcardURL_container_box form .image_col_inputs .images {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 10px;
  justify-content: space-between;
}
.new_OG_Preview_container .new_vcardURL_container_box form .image_col_inputs .images .first {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}
.new_OG_Preview_container .new_vcardURL_container_box form .image_col_inputs .images .first label {
  font-size: 0.8rem;
  font-weight: 500;
  color: rgb(34, 34, 34) !important;
  position: relative;
  width: 100%;
}
.new_OG_Preview_container .new_vcardURL_container_box form .image_col_inputs .images .first label sup {
  color: red;
  font-weight: bold;
  margin-left: 3px;
}
.new_OG_Preview_container .new_vcardURL_container_box form .image_col_inputs .images .first label .Profile {
  width: 100px;
  height: 100px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 1rem;
  border: 1px solid rgb(161, 161, 161);
  position: relative;
}
.new_OG_Preview_container .new_vcardURL_container_box form .image_col_inputs .images .first label .clear {
  position: absolute;
  left: 44%;
  top: 0%;
  color: red;
  font-size: 1.2rem;
  cursor: pointer;
  z-index: 100;
  display: none !important;
}
.new_OG_Preview_container .new_vcardURL_container_box form .image_col_inputs .images .first label .clear:hover {
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
}
.new_OG_Preview_container .new_vcardURL_container_box form .image_col_inputs .images .first label i {
  position: absolute;
  font-size: 1.5rem;
  color: #6571fe;
  left: 40%;
  top: -10%;
}
.new_OG_Preview_container .new_vcardURL_container_box form .image_col_inputs .images .first p {
  font-size: 0.7rem;
  font-weight: 600;
  color: rgb(31, 31, 31);
}
.new_OG_Preview_container .new_vcardURL_container_box form .image_col_inputs .images .first p strong {
  color: rgb(255, 71, 71);
}
.new_OG_Preview_container .new_vcardURL_container_box form .image_col_inputs .images .first small {
  font-size: 0.7rem;
  color: gray;
  font-weight: 500;
}
.new_OG_Preview_container .new_vcardURL_container_box form .image_col_inputs .images .second {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}
.new_OG_Preview_container .new_vcardURL_container_box form .image_col_inputs .images .second label {
  font-size: 0.8rem;
  font-weight: 500;
  color: rgb(34, 34, 34) !important;
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.new_OG_Preview_container .new_vcardURL_container_box form .image_col_inputs .images .second label sup {
  color: red;
  font-weight: bold;
  margin-left: 3px;
}
.new_OG_Preview_container .new_vcardURL_container_box form .image_col_inputs .images .second label .Profile {
  width: 150px;
  height: 90px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 10px;
  border: 1px solid rgb(161, 161, 161);
  position: relative;
}
.new_OG_Preview_container .new_vcardURL_container_box form .image_col_inputs .images .second label .clear {
  position: absolute;
  right: 24%;
  top: 0%;
  color: red;
  font-size: 1.2rem;
  cursor: pointer;
  display: none;
}
.new_OG_Preview_container .new_vcardURL_container_box form .image_col_inputs .images .second label .clear:hover {
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
}
.new_OG_Preview_container .new_vcardURL_container_box form .image_col_inputs .images .second label i {
  position: absolute;
  font-size: 1.5rem;
  color: #6571fe;
  right: 20%;
  top: -13%;
}
.new_OG_Preview_container .new_vcardURL_container_box form .image_col_inputs .images .second p {
  font-size: 0.7rem;
  font-weight: 600;
  color: rgb(31, 31, 31);
}
.new_OG_Preview_container .new_vcardURL_container_box form .image_col_inputs .images .second p strong {
  color: rgb(255, 71, 71);
}
.new_OG_Preview_container .new_vcardURL_container_box form .image_col_inputs .images .second small {
  font-size: 0.7rem;
  color: gray;
  font-weight: 500;
}
.new_OG_Preview_container .new_vcardURL_container_box form .url_link_input_group {
  width: 100% !important;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
}
.new_OG_Preview_container .new_vcardURL_container_box form .url_link_input_group img {
  width: 90px;
  max-width: 90px;
  height: 90px;
  max-height: 90px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 1rem;
  border: 1px solid gray;
  margin-bottom: 15px;
}
.new_OG_Preview_container .new_vcardURL_container_box form .url_link_input_group .banner_address_image {
  width: 150px;
  height: 90px;
  max-width: 150px;
  max-height: 90px;
  border-radius: 10px;
  -o-object-fit: cover;
     object-fit: cover;
  border: 1px solid gray;
  margin-bottom: 15px;
}
.new_OG_Preview_container .new_vcardURL_container_box form .url_link_input_group label {
  font-size: 0.6rem;
  font-weight: 550;
}
.new_OG_Preview_container .new_vcardURL_container_box form .url_link_input_group input {
  padding: 8px 1rem !important;
  font-size: 0.7rem;
  position: relative;
  font-size: 550 !important;
}
.new_OG_Preview_container .new_vcardURL_container_box form .url_link_input_group .clear_action {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.new_OG_Preview_container .new_vcardURL_container_box form .url_link_input_group .clear_action .clear_btn {
  background-color: tomato;
  color: #fff;
  font-size: 0.9rem;
  padding: 0.2rem 1rem;
  outline: none;
  border: none;
  border-radius: 0.2rem;
  cursor: pointer;
  font-weight: 550;
  transition: all 0.5s ease;
}
.new_OG_Preview_container .new_vcardURL_container_box form .url_link_input_group .clear_action .clear_btn:hover {
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
  transition: all 0.5s ease;
}
.new_OG_Preview_container .new_vcardURL_container_box form .form2_title {
  width: 100%;
  display: flex;
  grid-column: 1/-1;
  align-items: center;
  justify-content: flex-start;
}
.new_OG_Preview_container .new_vcardURL_container_box form .form2_title h4 {
  font-size: 0.9rem;
  font-weight: 550;
  color: #383838;
}
.new_OG_Preview_container .new_vcardURL_container_box form .form_group {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 5px;
  width: 95%;
  margin: auto;
}
.new_OG_Preview_container .new_vcardURL_container_box form .form_group label {
  font-size: 0.9rem;
  font-weight: 500;
  color: rgb(63, 63, 63);
  width: 100%;
}
.new_OG_Preview_container .new_vcardURL_container_box form .form_group label sup {
  color: red;
  font-weight: bold;
  margin-left: 3px;
}
.new_OG_Preview_container .new_vcardURL_container_box form .form_group label img {
  width: 70px;
  height: 70px;
}
.new_OG_Preview_container .new_vcardURL_container_box form .form_group input[type=text],
.new_OG_Preview_container .new_vcardURL_container_box form .form_group input[type=email],
.new_OG_Preview_container .new_vcardURL_container_box form .form_group input[type=tel] {
  padding: 8px 1rem;
  width: 100%;
  outline: none;
  border: 1px solid rgb(185, 185, 185);
  border-radius: 5px;
}
@media screen and (max-width: 776px) {
  .new_OG_Preview_container .new_vcardURL_container_box form .form_group input[type=text],
  .new_OG_Preview_container .new_vcardURL_container_box form .form_group input[type=email],
  .new_OG_Preview_container .new_vcardURL_container_box form .form_group input[type=tel] {
    width: 65% !important;
  }
}
.new_OG_Preview_container .new_vcardURL_container_box form .form_group input[type=text]::-moz-placeholder, .new_OG_Preview_container .new_vcardURL_container_box form .form_group input[type=email]::-moz-placeholder, .new_OG_Preview_container .new_vcardURL_container_box form .form_group input[type=tel]::-moz-placeholder {
  font-size: 0.8rem;
  color: gray;
}
.new_OG_Preview_container .new_vcardURL_container_box form .form_group input[type=text]::placeholder,
.new_OG_Preview_container .new_vcardURL_container_box form .form_group input[type=email]::placeholder,
.new_OG_Preview_container .new_vcardURL_container_box form .form_group input[type=tel]::placeholder {
  font-size: 0.8rem;
  color: gray;
}
.new_OG_Preview_container .new_vcardURL_container_box form .form_group .first label,
.new_OG_Preview_container .new_vcardURL_container_box form .form_group .second label {
  font-size: 0.9rem;
  font-weight: 500;
  color: rgb(105, 104, 104);
  width: 100%;
}
.new_OG_Preview_container .new_vcardURL_container_box form .form_group .first label sup,
.new_OG_Preview_container .new_vcardURL_container_box form .form_group .second label sup {
  color: red;
  font-weight: bold;
  margin-left: 3px;
}
.new_OG_Preview_container .new_vcardURL_container_box form .form_group .first label img,
.new_OG_Preview_container .new_vcardURL_container_box form .form_group .second label img {
  width: 90px;
  height: 90px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 50%;
  border: 2px solid skyblue;
}
.new_OG_Preview_container .new_vcardURL_container_box form .form_group input[type=file] {
  display: block;
  border: none;
  width: 100%;
  font-size: 0.7rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-weight: 550;
  outline: none;
  color: #03796f;
  cursor: pointer;
}
@media screen and (max-width: 776px) {
  .new_OG_Preview_container .new_vcardURL_container_box form .form_group input[type=file] {
    width: 65% !important;
  }
  .new_OG_Preview_container .new_vcardURL_container_box form .form_group {
    width: 95%;
    margin: auto;
  }
}
.new_OG_Preview_container .new_vcardURL_container_box form .actions {
  display: flex;
  align-self: center !important;
  justify-content: flex-start;
  gap: 5px;
  width: 100%;
  height: 50px;
}
.new_OG_Preview_container .new_vcardURL_container_box form .actions p {
  font-size: 0.9rem;
  font-weight: 500;
  height: 100%;
}
.new_OG_Preview_container .new_vcardURL_container_box form .actions input[type=checkbox] {
  width: 20px;
  height: 20px;
  border: 2px solid #6a74fc;
  border-radius: 4px;
  outline: none;
  cursor: pointer;
  position: relative;
}
.new_OG_Preview_container .new_vcardURL_container_box form .actions input[type=checkbox]:checked {
  background-color: #007bff;
  border: 2px solid #007bff;
}
.new_OG_Preview_container .new_vcardURL_container_box form .actions .on {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.9rem;
  color: royalblue;
  cursor: pointer;
}
.new_OG_Preview_container .new_vcardURL_container_box form .actions .off {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.9rem;
  color: #6c757d;
  cursor: pointer;
}
.new_OG_Preview_container .new_vcardURL_container_box form .form_submit_actions {
  display: flex;
  grid-column: 1/-1;
  width: 100%;
  align-items: center;
  justify-content: flex-end;
  gap: 2rem;
  padding: 0px 2rem;
}
.new_OG_Preview_container .new_vcardURL_container_box form .form_submit_actions button {
  outline: none;
  border: transparent;
  padding: 5px 2rem;
  border-radius: 5px;
  font-weight: 500;
  font-size: 0.9rem;
}
.new_OG_Preview_container .new_vcardURL_container_box form .form_submit_actions .save {
  background-color: #ff8b3f;
  color: #fff;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.new_OG_Preview_container .new_vcardURL_container_box form .form_submit_actions .save:hover {
  background-color: rgb(105, 141, 248);
  box-shadow: 0px 4px 4px rgb(124, 124, 124);
  transition: all 0.3s ease;
}
.new_OG_Preview_container .new_vcardURL_container_box form .form_submit_actions .clear {
  background-color: tomato;
  color: #fff;
  transition: all 0.3s ease;
  display: none;
}
.new_OG_Preview_container .new_vcardURL_container_box form .form_submit_actions .clear:hover {
  background-color: rgb(207, 83, 245);
  box-shadow: 0px 4px 4px rgb(124, 124, 124);
  transition: all 0.3s ease;
}
.new_OG_Preview_container .new_vcardURL_container_box form .form_submit_actions .discard {
  background-color: rgb(138, 138, 138);
  color: #ffffff;
  transition: all 0.3s ease;
}
.new_OG_Preview_container .new_vcardURL_container_box form .form_submit_actions .discard:hover {
  box-shadow: 0px 4px 4px rgb(165, 165, 165);
  background-color: rgb(92, 92, 92);
  transition: all 0.3s ease;
}
@media screen and (max-width: 776px) {
  .new_OG_Preview_container .new_vcardURL_container_box form .form_submit_actions {
    width: 100%;
    margin: auto;
    align-items: center;
    justify-content: flex-start;
    padding-left: 1rem;
  }
}
.new_OG_Preview_container .new_vcardURL_container_box form::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 776px) {
  .new_OG_Preview_container .new_vcardURL_container_box form {
    width: 100%;
    max-width: 100%;
    padding: 10px 0px;
    gap: 1rem;
  }
  .new_OG_Preview_container .new_vcardURL_container_box {
    padding: 10px 0px;
  }
  .new_OG_Preview_container {
    padding: 0px 0px;
  }
}.inquiries_container {
  position: relative;
  width: 100%;
  height: 100%;
}
.inquiries_container .Vcard_delete_popupBox {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 300px;
  height: auto;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.3);
  padding: 10px;
  z-index: 1000;
}
.inquiries_container .Vcard_delete_popupBox .popup_title {
  padding: 10px;
  font-size: 0.8rem;
  font-weight: 550;
  width: 100%;
  text-align: center;
}
.inquiries_container .Vcard_delete_popupBox .popup_actions {
  width: 100%;
  margin: 1rem auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3rem;
}
.inquiries_container .Vcard_delete_popupBox .popup_actions .delete button {
  padding: 6px 1rem;
  outline: none;
  border: transparent;
  background-color: tomato;
  color: white;
  font-weight: 550;
  font-size: 0.9rem;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.5s ease;
}
.inquiries_container .Vcard_delete_popupBox .popup_actions .delete button:hover {
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);
  scale: 1.05;
  transition: all 0.5s ease;
}
.inquiries_container .Vcard_delete_popupBox .popup_actions .cancel button {
  padding: 6px 1rem;
  outline: none;
  border: transparent;
  background-color: rgb(44, 138, 117);
  color: white;
  font-weight: 550;
  font-size: 0.9rem;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.5s ease;
}
.inquiries_container .Vcard_delete_popupBox .popup_actions .cancel button:hover {
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);
  scale: 1.05;
  transition: all 0.5s ease;
}
.inquiries_container .view_inquiry_container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  width: 100%;
  height: 100%;
  background-color: #EFF3F7;
  display: flex;
  align-items: center;
  justify-content: center;
}
.inquiries_container .view_inquiry_container .view_inquiry_box {
  width: 400px;
  height: 500px;
  background-color: #fff;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
  border-radius: 10px;
  padding: 10px;
  position: relative;
}
.inquiries_container .view_inquiry_container .view_inquiry_box .close_icon {
  position: absolute;
  top: 3%;
  right: 5%;
}
.inquiries_container .view_inquiry_container .view_inquiry_box .close_icon i {
  font-size: 2.5rem;
  color: lightgrey;
  cursor: pointer;
}
.inquiries_container .view_inquiry_container .view_inquiry_box .title {
  width: 100%;
  text-align: center;
}
.inquiries_container .view_inquiry_container .view_inquiry_box .title h3 {
  width: 100%;
  font-size: 1.5rem;
}
.inquiries_container .view_inquiry_container .view_inquiry_box .title h3::after {
  content: "";
  height: 3px;
  width: 50%;
  background-color: darkgray;
  display: block;
  margin: 2px auto;
  border-radius: 3px;
}
.inquiries_container .view_inquiry_container .view_inquiry_box .all_details {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
}
.inquiries_container .view_inquiry_container .view_inquiry_box .all_details .detail {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.2rem;
}
.inquiries_container .view_inquiry_container .view_inquiry_box .all_details .detail .detail_title {
  flex: 0.4;
  height: 60px;
}
.inquiries_container .view_inquiry_container .view_inquiry_box .all_details .detail .detail_title h4 {
  font-weight: 550;
  height: 60px;
  vertical-align: middle;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 0.9rem;
}
.inquiries_container .view_inquiry_container .view_inquiry_box .all_details .detail .detail_content {
  flex: 0.6;
  font-weight: 500;
  height: 60px;
}
.inquiries_container .view_inquiry_container .view_inquiry_box .all_details .detail .detail_content p {
  height: 60px;
  vertical-align: middle;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 0.9rem;
}
.inquiries_container .table_container {
  width: 100%;
  margin: 1rem auto;
}
.inquiries_container .table_container .title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  position: relative;
  margin: 1rem 0rem;
}
.inquiries_container .table_container .title h5 {
  font-size: 1.1rem;
  font-weight: 550;
}
.inquiries_container .table_container .title h4 {
  position: relative;
}
.inquiries_container .table_container .title h4 span {
  color: rgb(4, 84, 95);
}
.inquiries_container .table_container .title h4 small {
  position: absolute;
  top: -10%;
  right: -50%;
  font-size: 0.8rem;
  font-weight: 550;
  width: 20px;
  height: 20px;
  background-color: tomato;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.inquiries_container .table_container table {
  min-width: 100%;
  width: auto;
  border: transparent;
  margin: auto;
  border-collapse: collapse;
}
.inquiries_container .table_container table thead tr th {
  width: auto;
  padding: 0.7rem 0.5rem;
  background-color: #424242;
  font-size: 0.8rem;
  font-weight: 560 !important;
  color: rgb(255, 255, 255);
}
.inquiries_container .table_container table tbody {
  font-weight: 550;
}
.inquiries_container .table_container table tbody p {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 10px;
  width: 100%;
  font-size: 0.8rem;
  font-weight: 550;
  color: tomato;
  vertical-align: middle;
}
.inquiries_container .table_container table tbody tr td {
  text-align: center;
  padding: 0.5rem 0rem;
  font-size: 0.9rem;
  vertical-align: middle;
  font-weight: 550 !important;
  background-color: rgb(201, 250, 252);
  color: rgb(43, 43, 43);
  border-bottom: 1px solid rgb(230, 230, 230);
}
.inquiries_container .table_container table tbody tr td i {
  font-size: 1.4rem;
  color: rgb(70, 70, 70);
  cursor: pointer;
}
.inquiries_container .table_container table tbody tr td a {
  text-decoration: none;
  font-size: 0.8rem;
  font-weight: 550;
  color: royalblue;
}
.inquiries_container .table_container table tbody tr td img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border: 1px solid gray;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
}
.inquiries_container .table_container table tbody tr td button:nth-child(1) {
  font-size: 0.9rem;
  padding: 0.3rem 1rem;
  color: rgb(255, 255, 255);
  background-color: rgb(80, 80, 80);
  place-items: center;
  text-align: center;
  width: 40px;
  margin-right: 10px;
  border-radius: 0.3rem;
  cursor: pointer;
  transition: all 0.3s ease;
}
.inquiries_container .table_container table tbody tr td button:nth-child(1):hover {
  background-color: rgb(255, 255, 255);
  color: rgb(70, 70, 70) !important;
  transition: all 0.3s ease;
}
.inquiries_container .table_container table tbody tr td button:nth-child(2) {
  font-size: 0.9rem;
  padding: 0.3rem 1rem;
  color: rgb(54, 54, 54);
  background-color: red;
  border-radius: 0.3rem;
  color: rgb(255, 255, 255) !important;
  cursor: pointer;
  transition: all 0.3s ease;
}
.inquiries_container .table_container table tbody tr td button:nth-child(2):hover {
  background-color: rgb(255, 255, 255);
  color: red !important;
  transition: all 0.3s ease;
}
.inquiries_container .table_container table tbody tr td:nth-child(2) a {
  text-decoration: none;
}
.inquiries_container .table_container table tbody tr td:nth-child(4) i {
  font-size: 1.5rem;
  color: #6571ff;
}
.inquiries_container .table_container table tbody tr td:nth-child(4) small {
  font-size: 0.8rem;
  padding: 5px 10px;
  background-color: rgb(93, 250, 132);
  border-radius: 5px;
  color: #5e5e5e;
  font-weight: 600;
}
.inquiries_container .table_container table tbody tr td:nth-child(5) small {
  font-weight: 550;
  font-size: 0.8rem;
}
.inquiries_container .table_container table tbody tr td:nth-child(5) i {
  font-size: 1.5rem;
  color: #6571ff;
}
.inquiries_container .table_container table tbody tr td:nth-child(6) i {
  margin-left: 0.5rem;
}
.inquiries_container .table_container table tbody tr td:nth-child(6) small {
  padding: 5px 10px;
  background-color: gray;
  border-radius: 5px;
  color: #fff;
  font-weight: 550;
}
.inquiries_container .table_container table tbody tr .plan {
  color: rgb(152, 60, 228);
}
@media screen and (max-width: 600px) {
  .inquiries_container .table_container table {
    min-width: 350%;
  }
}
@media screen and (max-width: 390px) {
  .inquiries_container .table_container table {
    min-width: 450%;
  }
}
@media screen and (max-width: 800px) {
  .inquiries_container .table_container table {
    min-width: 250%;
  }
}
.inquiries_container .row_3 {
  width: 100%;
  position: absolute;
  z-index: -10;
  bottom: 0%;
  right: 0%;
}.inquiries_container {
  position: relative;
  width: 100%;
}
.inquiries_container .Vcard_delete_popupBox {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 300px;
  height: auto;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.3);
  padding: 10px;
  z-index: 1000;
}
.inquiries_container .Vcard_delete_popupBox .popup_title {
  padding: 10px;
  font-size: 0.8rem;
  font-weight: 550;
  width: 100%;
  text-align: center;
}
.inquiries_container .Vcard_delete_popupBox .popup_actions {
  width: 100%;
  margin: 1rem auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3rem;
}
.inquiries_container .Vcard_delete_popupBox .popup_actions .delete button {
  padding: 6px 1rem;
  outline: none;
  border: transparent;
  background-color: tomato;
  color: white;
  font-weight: 550;
  font-size: 0.9rem;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.5s ease;
}
.inquiries_container .Vcard_delete_popupBox .popup_actions .delete button:hover {
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);
  scale: 1.05;
  transition: all 0.5s ease;
}
.inquiries_container .Vcard_delete_popupBox .popup_actions .cancel button {
  padding: 6px 1rem;
  outline: none;
  border: transparent;
  background-color: rgb(44, 138, 117);
  color: white;
  font-weight: 550;
  font-size: 0.9rem;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.5s ease;
}
.inquiries_container .Vcard_delete_popupBox .popup_actions .cancel button:hover {
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);
  scale: 1.05;
  transition: all 0.5s ease;
}
.inquiries_container .view_inquiry_container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 3;
  width: 100%;
  height: 100%;
  background-color: #EFF3F7;
  display: flex;
  align-items: center;
  justify-content: center;
}
.inquiries_container .view_inquiry_container .view_inquiry_box {
  width: 400px;
  height: 500px;
  background-color: #fff;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
  border-radius: 10px;
  padding: 10px;
  position: relative;
}
.inquiries_container .view_inquiry_container .view_inquiry_box .close_icon {
  position: absolute;
  top: 3%;
  right: 5%;
}
.inquiries_container .view_inquiry_container .view_inquiry_box .close_icon i {
  font-size: 2.5rem;
  color: lightgrey;
  cursor: pointer;
}
.inquiries_container .view_inquiry_container .view_inquiry_box .title {
  width: 100%;
  text-align: center;
}
.inquiries_container .view_inquiry_container .view_inquiry_box .title h3 {
  width: 100%;
  font-size: 1.5rem;
}
.inquiries_container .view_inquiry_container .view_inquiry_box .title h3::after {
  content: "";
  height: 3px;
  width: 50%;
  background-color: darkgray;
  display: block;
  margin: 2px auto;
  border-radius: 3px;
}
.inquiries_container .view_inquiry_container .view_inquiry_box .all_details {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
}
.inquiries_container .view_inquiry_container .view_inquiry_box .all_details .detail {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.2rem;
}
.inquiries_container .view_inquiry_container .view_inquiry_box .all_details .detail .detail_title {
  flex: 0.4;
  height: 60px;
}
.inquiries_container .view_inquiry_container .view_inquiry_box .all_details .detail .detail_title h4 {
  font-weight: 550;
  height: 60px;
  vertical-align: middle;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 0.9rem;
}
.inquiries_container .view_inquiry_container .view_inquiry_box .all_details .detail .detail_content {
  flex: 0.6;
  font-weight: 500;
  height: 60px;
}
.inquiries_container .view_inquiry_container .view_inquiry_box .all_details .detail .detail_content p {
  height: 60px;
  vertical-align: middle;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 0.9rem;
}
.inquiries_container .table_container {
  width: 100%;
  margin: 1rem auto;
}
.inquiries_container .table_container .title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  position: relative;
  margin: 1rem 0rem;
}
.inquiries_container .table_container .title h5 {
  font-size: 1.1rem;
  font-weight: 550;
}
.inquiries_container .table_container .title h4 {
  position: relative;
}
.inquiries_container .table_container .title h4 span {
  color: rgb(4, 84, 95);
}
.inquiries_container .table_container .title h4 small {
  position: absolute;
  top: -10%;
  right: -50%;
  font-size: 0.8rem;
  font-weight: 550;
  width: 20px;
  height: 20px;
  background-color: tomato;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.inquiries_container .table_container table {
  min-width: 100%;
  width: auto;
  border: transparent;
  margin: auto;
  border-collapse: collapse;
}
.inquiries_container .table_container table thead tr th {
  width: auto;
  padding: 0.7rem 0.5rem;
  background-color: #424242;
  font-size: 0.8rem;
  font-weight: 560 !important;
  color: rgb(255, 255, 255);
}
.inquiries_container .table_container table tbody {
  font-weight: 550;
}
.inquiries_container .table_container table tbody p {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 10px;
  width: 100%;
  font-size: 0.8rem;
  font-weight: 550;
  color: tomato;
  vertical-align: middle;
}
.inquiries_container .table_container table tbody tr td {
  text-align: center;
  padding: 0.5rem 0rem;
  font-size: 0.9rem;
  vertical-align: middle;
  font-weight: 550 !important;
  background-color: rgb(201, 250, 252);
  color: rgb(43, 43, 43);
  border-bottom: 1px solid rgb(230, 230, 230);
}
.inquiries_container .table_container table tbody tr td i {
  font-size: 1.4rem;
  color: rgb(70, 70, 70);
  cursor: pointer;
}
.inquiries_container .table_container table tbody tr td a {
  text-decoration: none;
  font-size: 0.8rem;
  font-weight: 550;
  color: royalblue;
}
.inquiries_container .table_container table tbody tr td img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border: 1px solid gray;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
}
.inquiries_container .table_container table tbody tr td button:nth-child(1) {
  font-size: 0.9rem;
  padding: 0.3rem 1rem;
  color: rgb(255, 255, 255);
  background-color: rgb(80, 80, 80);
  place-items: center;
  text-align: center;
  width: 40px;
  margin-right: 10px;
  border-radius: 0.3rem;
  cursor: pointer;
  transition: all 0.3s ease;
}
.inquiries_container .table_container table tbody tr td button:nth-child(1):hover {
  background-color: rgb(255, 255, 255);
  color: rgb(70, 70, 70) !important;
  transition: all 0.3s ease;
}
.inquiries_container .table_container table tbody tr td button:nth-child(2) {
  font-size: 0.9rem;
  padding: 0.3rem 1rem;
  color: rgb(54, 54, 54);
  background-color: red;
  border-radius: 0.3rem;
  color: rgb(255, 255, 255) !important;
  cursor: pointer;
  transition: all 0.3s ease;
}
.inquiries_container .table_container table tbody tr td button:nth-child(2):hover {
  background-color: rgb(255, 255, 255);
  color: red !important;
  transition: all 0.3s ease;
}
.inquiries_container .table_container table tbody tr td:nth-child(2) a {
  text-decoration: none;
}
.inquiries_container .table_container table tbody tr td:nth-child(4) i {
  font-size: 1.5rem;
  color: #6571ff;
}
.inquiries_container .table_container table tbody tr td:nth-child(4) small {
  font-size: 0.8rem;
  padding: 5px 10px;
  background-color: rgb(93, 250, 132);
  border-radius: 5px;
  color: #5e5e5e;
  font-weight: 600;
}
.inquiries_container .table_container table tbody tr td:nth-child(5) small {
  font-weight: 550;
  font-size: 0.8rem;
}
.inquiries_container .table_container table tbody tr td:nth-child(5) i {
  font-size: 1.5rem;
  color: #6571ff;
}
.inquiries_container .table_container table tbody tr td:nth-child(6) i {
  margin-left: 0.5rem;
}
.inquiries_container .table_container table tbody tr td:nth-child(6) small {
  padding: 5px 10px;
  background-color: gray;
  border-radius: 5px;
  color: #fff;
  font-weight: 550;
}
.inquiries_container .table_container table tbody tr .plan {
  color: rgb(152, 60, 228);
}
@media screen and (max-width: 600px) {
  .inquiries_container .table_container table {
    min-width: 350%;
  }
}
@media screen and (max-width: 390px) {
  .inquiries_container .table_container table {
    min-width: 450%;
  }
}
@media screen and (max-width: 800px) {
  .inquiries_container .table_container table {
    min-width: 250%;
  }
}
.inquiries_container .row_3 {
  width: 100%;
  position: absolute;
  z-index: -10;
  bottom: 0%;
  right: 0%;
}.client_dashboard_container {
  width: 100%;
  position: relative;
  height: 100%;
  z-index: 1;
  margin: 0px auto;
}
.client_dashboard_container .dashboard_title {
  width: 100%;
  padding: 1rem;
}
.client_dashboard_container .dashboard_title h3 {
  font-size: 1.2rem;
  font-weight: 550;
}
.client_dashboard_container .dashboard_content_box {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  overflow: hidden;
  z-index: -100;
  width: 100%;
}
.client_dashboard_container .dashboard_content_box .row_1 {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 1rem;
  place-items: center;
}
.client_dashboard_container .dashboard_content_box .row_1 .list_box {
  width: 250px;
  height: 160px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background-color: #6571FF;
  border-radius: 10px;
  padding: 10px 0.5rem;
  position: relative;
  box-shadow: 0px 4px 2px rgba(0, 0, 0, 0.1);
}
.client_dashboard_container .dashboard_content_box .row_1 .list_box .icon {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex: 0.4;
}
.client_dashboard_container .dashboard_content_box .row_1 .list_box .icon i {
  padding: 1rem 10px;
  background-color: rgba(134, 144, 248, 0.6588235294);
  color: #ffffff;
  border-radius: 5px;
  font-size: 2rem;
}
@media screen and (max-width: 740px) {
  .client_dashboard_container .dashboard_content_box .row_1 .list_box .icon i {
    font-size: 1.5rem;
    padding: 0.9rem 8px;
  }
}
.client_dashboard_container .dashboard_content_box .row_1 .list_box .details {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 0.6;
  gap: 10px;
}
.client_dashboard_container .dashboard_content_box .row_1 .list_box .details h4 {
  font-size: 2.5rem;
  color: #ffffff;
  font-weight: 550;
}
@media screen and (max-width: 740px) {
  .client_dashboard_container .dashboard_content_box .row_1 .list_box .details h4 {
    font-size: 1.5rem;
  }
}
.client_dashboard_container .dashboard_content_box .row_1 .list_box .details small {
  font-size: 1rem;
  color: #ffffff;
  font-weight: 500;
}
@media screen and (max-width: 740px) {
  .client_dashboard_container .dashboard_content_box .row_1 .list_box .details small {
    font-size: 0.7rem;
  }
  .client_dashboard_container .dashboard_content_box .row_1 .list_box {
    width: 170px;
    height: 100px;
    margin: auto;
  }
}
@media screen and (max-width: 600px) {
  .client_dashboard_container .dashboard_content_box .row_1 .list_box {
    width: 140px;
    height: 100px;
    margin: auto;
  }
}
.client_dashboard_container .dashboard_content_box .row_1 .list_box:nth-child(2) {
  background-color: #53cc53;
}
.client_dashboard_container .dashboard_content_box .row_1 .list_box:nth-child(2) .icon i {
  background-color: rgba(180, 248, 180, 0.5764705882);
  color: #ffffff;
}
.client_dashboard_container .dashboard_content_box .row_1 .list_box:nth-child(3) {
  background-color: #0099FB;
}
.client_dashboard_container .dashboard_content_box .row_1 .list_box:nth-child(3) .icon i {
  background-color: #66C2FD;
}
.client_dashboard_container .dashboard_content_box .row_1 .list_box:nth-child(4) {
  background-color: #f7924e;
}
.client_dashboard_container .dashboard_content_box .row_1 .list_box:nth-child(4) .icon i {
  background-color: rgba(252, 196, 159, 0.6901960784);
}
@media screen and (max-width: 740px) {
  .client_dashboard_container .dashboard_content_box .row_1 {
    margin: auto;
    flex-wrap: wrap;
  }
}
.client_dashboard_container .dashboard_content_box .row_2 {
  width: 100%;
  margin: 2rem 0.5rem;
  position: relative;
}
.client_dashboard_container .dashboard_content_box .row_2 .today_appoinment_title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.client_dashboard_container .dashboard_content_box .row_2 .today_appoinment_title h3 {
  font-size: 1.2rem;
  font-weight: 550;
}
.client_dashboard_container .dashboard_content_box .row_2 .table_container {
  width: 100%;
  margin: 1rem auto;
}
.client_dashboard_container .dashboard_content_box .row_2 .table_container table {
  min-width: 100%;
  width: auto;
  border: transparent;
  margin: auto;
  border-collapse: collapse;
}
.client_dashboard_container .dashboard_content_box .row_2 .table_container table thead tr th {
  width: auto;
  padding: 0.7rem 0.5rem;
  background-color: #424242;
  font-size: 0.8rem;
  font-weight: 560 !important;
  color: rgb(255, 255, 255);
}
.client_dashboard_container .dashboard_content_box .row_2 .table_container table tbody {
  font-weight: 550;
}
.client_dashboard_container .dashboard_content_box .row_2 .table_container table tbody p {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 10px;
  width: 100%;
  font-size: 0.8rem;
  font-weight: 550;
  color: tomato;
  vertical-align: middle;
}
.client_dashboard_container .dashboard_content_box .row_2 .table_container table tbody tr td {
  text-align: center;
  padding: 0.5rem 0rem;
  font-size: 0.9rem;
  vertical-align: middle;
  font-weight: 550 !important;
  background-color: rgb(201, 250, 252);
  color: rgb(43, 43, 43);
  border-bottom: 1px solid rgb(230, 230, 230);
}
.client_dashboard_container .dashboard_content_box .row_2 .table_container table tbody tr td i {
  font-size: 1.4rem;
  color: rgb(70, 70, 70);
  cursor: pointer;
}
.client_dashboard_container .dashboard_content_box .row_2 .table_container table tbody tr td a {
  text-decoration: none;
  font-size: 0.8rem;
  font-weight: 550;
  color: royalblue;
}
.client_dashboard_container .dashboard_content_box .row_2 .table_container table tbody tr td img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border: 1px solid gray;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
}
.client_dashboard_container .dashboard_content_box .row_2 .table_container table tbody tr td button:nth-child(1) {
  font-size: 0.9rem;
  padding: 0.3rem 1rem;
  color: rgb(255, 255, 255);
  background-color: rgb(80, 80, 80);
  place-items: center;
  text-align: center;
  width: 40px;
  margin-right: 10px;
  border-radius: 0.3rem;
  cursor: pointer;
  transition: all 0.3s ease;
}
.client_dashboard_container .dashboard_content_box .row_2 .table_container table tbody tr td button:nth-child(1):hover {
  background-color: rgb(255, 255, 255);
  color: rgb(70, 70, 70) !important;
  transition: all 0.3s ease;
}
.client_dashboard_container .dashboard_content_box .row_2 .table_container table tbody tr td button:nth-child(2) {
  font-size: 0.9rem;
  padding: 0.3rem 1rem;
  color: rgb(54, 54, 54);
  background-color: red;
  border-radius: 0.3rem;
  color: rgb(255, 255, 255) !important;
  cursor: pointer;
  transition: all 0.3s ease;
}
.client_dashboard_container .dashboard_content_box .row_2 .table_container table tbody tr td button:nth-child(2):hover {
  background-color: rgb(255, 255, 255);
  color: red !important;
  transition: all 0.3s ease;
}
.client_dashboard_container .dashboard_content_box .row_2 .table_container table tbody tr td:nth-child(2) a {
  text-decoration: none;
}
.client_dashboard_container .dashboard_content_box .row_2 .table_container table tbody tr td:nth-child(4) i {
  font-size: 1.5rem;
  color: #6571ff;
}
.client_dashboard_container .dashboard_content_box .row_2 .table_container table tbody tr td:nth-child(4) small {
  font-size: 0.8rem;
  padding: 5px 10px;
  background-color: rgb(93, 250, 132);
  border-radius: 5px;
  color: #5e5e5e;
  font-weight: 600;
}
.client_dashboard_container .dashboard_content_box .row_2 .table_container table tbody tr td:nth-child(5) small {
  font-weight: 550;
  font-size: 0.8rem;
}
.client_dashboard_container .dashboard_content_box .row_2 .table_container table tbody tr td:nth-child(5) i {
  font-size: 1.5rem;
  color: #6571ff;
}
.client_dashboard_container .dashboard_content_box .row_2 .table_container table tbody tr td:nth-child(6) i {
  margin-left: 0.5rem;
}
.client_dashboard_container .dashboard_content_box .row_2 .table_container table tbody tr td:nth-child(6) small {
  padding: 5px 10px;
  background-color: gray;
  border-radius: 5px;
  color: #fff;
  font-weight: 550;
}
.client_dashboard_container .dashboard_content_box .row_2 .table_container table tbody tr .plan {
  color: rgb(152, 60, 228);
}
@media screen and (max-width: 600px) {
  .client_dashboard_container .dashboard_content_box .row_2 .table_container table {
    min-width: 350%;
  }
}
@media screen and (max-width: 390px) {
  .client_dashboard_container .dashboard_content_box .row_2 .table_container table {
    min-width: 450%;
  }
}
@media screen and (max-width: 800px) {
  .client_dashboard_container .dashboard_content_box .row_2 .table_container table {
    min-width: 250%;
  }
}
.client_dashboard_container .dashboard_content_box .row_4 {
  width: 100%;
  position: absolute;
  z-index: -10;
  bottom: 0%;
  right: 0%;
}
.client_dashboard_container::-webkit-scrollbar {
  display: none;
}

@keyframes animate {
  0% {
    transform: translateY(0) rotate(0deg);
    opacity: 1;
    border-radius: 0;
  }
  100% {
    transform: translateY(-1000px) rotate(720deg);
    opacity: 0;
    border-radius: 50%;
  }
}
.dashboard_background {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
}

.dashboard_background li {
  position: absolute;
  display: block;
  list-style: none;
  width: 20px;
  height: 20px;
  background: rgba(255, 255, 255, 0.2);
  animation: animate 13s linear infinite;
}

.dashboard_background li:nth-child(0) {
  left: 30%;
  width: 42px;
  height: 42px;
  bottom: -42px;
  animation-delay: 1s;
}

.dashboard_background li:nth-child(1) {
  left: 14%;
  width: 13px;
  height: 13px;
  bottom: -13px;
  animation-delay: 2s;
}

.dashboard_background li:nth-child(2) {
  left: 46%;
  width: 23px;
  height: 23px;
  bottom: -23px;
  animation-delay: 3s;
}

.dashboard_background li:nth-child(3) {
  left: 72%;
  width: 22px;
  height: 22px;
  bottom: -22px;
  animation-delay: 8s;
}

.dashboard_background li:nth-child(4) {
  left: 52%;
  width: 38px;
  height: 38px;
  bottom: -38px;
  animation-delay: 8s;
}

.dashboard_background li:nth-child(5) {
  left: 85%;
  width: 40px;
  height: 40px;
  bottom: -40px;
  animation-delay: 7s;
}

.dashboard_background li:nth-child(6) {
  left: 5%;
  width: 35px;
  height: 35px;
  bottom: -35px;
  animation-delay: 27s;
}

.dashboard_background li:nth-child(7) {
  left: 31%;
  width: 32px;
  height: 32px;
  bottom: -32px;
  animation-delay: 18s;
}

.dashboard_background li:nth-child(8) {
  left: 59%;
  width: 41px;
  height: 41px;
  bottom: -41px;
  animation-delay: 15s;
}

.dashboard_background li:nth-child(9) {
  left: 1%;
  width: 39px;
  height: 39px;
  bottom: -39px;
  animation-delay: 10s;
}

.dashboard_background li:nth-child(10) {
  left: 57%;
  width: 44px;
  height: 44px;
  bottom: -44px;
  animation-delay: 11s;
}

.dashboard_background li:nth-child(11) {
  left: 50%;
  width: 35px;
  height: 35px;
  bottom: -35px;
  animation-delay: 5s;
}

.dashboard_background li:nth-child(12) {
  left: 47%;
  width: 32px;
  height: 32px;
  bottom: -32px;
  animation-delay: 56s;
}

.dashboard_background li:nth-child(13) {
  left: 51%;
  width: 44px;
  height: 44px;
  bottom: -44px;
  animation-delay: 54s;
}

.dashboard_background li:nth-child(14) {
  left: 52%;
  width: 26px;
  height: 26px;
  bottom: -26px;
  animation-delay: 69s;
}

.Corporate_Company_title, .Corporate_Company_container .Corporate_Company_box .Inquries, .Corporate_Company_container .Corporate_Company_box .feedback_row, .Corporate_Company_container .Corporate_Company_box .google_map_container, .Corporate_Company_container .Corporate_Company_box .testimonial, .Corporate_Company_container .Corporate_Company_box .time_container, .Corporate_Company_container .Corporate_Company_box .Appoinment, .Corporate_Company_container .Corporate_Company_box .local_video, .Corporate_Company_container .Corporate_Company_box .video, .Corporate_Company_container .Corporate_Company_box .gallery, .Corporate_Company_container .Corporate_Company_box .Payment, .Corporate_Company_container .Corporate_Company_box .our_products, .Corporate_Company_container .Corporate_Company_box .our_services {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
.Corporate_Company_title h3, .Corporate_Company_container .Corporate_Company_box .Inquries h3, .Corporate_Company_container .Corporate_Company_box .feedback_row h3, .Corporate_Company_container .Corporate_Company_box .google_map_container h3, .Corporate_Company_container .Corporate_Company_box .testimonial h3, .Corporate_Company_container .Corporate_Company_box .time_container h3, .Corporate_Company_container .Corporate_Company_box .Appoinment h3, .Corporate_Company_container .Corporate_Company_box .local_video h3, .Corporate_Company_container .Corporate_Company_box .video h3, .Corporate_Company_container .Corporate_Company_box .gallery h3, .Corporate_Company_container .Corporate_Company_box .Payment h3, .Corporate_Company_container .Corporate_Company_box .our_products h3, .Corporate_Company_container .Corporate_Company_box .our_services h3 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  font-family: "Orbitron", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-size: 1.2rem;
  color: #161616;
  position: relative;
}
.Corporate_Company_title h3::first-letter, .Corporate_Company_container .Corporate_Company_box .Inquries h3::first-letter, .Corporate_Company_container .Corporate_Company_box .feedback_row h3::first-letter, .Corporate_Company_container .Corporate_Company_box .google_map_container h3::first-letter, .Corporate_Company_container .Corporate_Company_box .testimonial h3::first-letter, .Corporate_Company_container .Corporate_Company_box .time_container h3::first-letter, .Corporate_Company_container .Corporate_Company_box .Appoinment h3::first-letter, .Corporate_Company_container .Corporate_Company_box .local_video h3::first-letter, .Corporate_Company_container .Corporate_Company_box .video h3::first-letter, .Corporate_Company_container .Corporate_Company_box .gallery h3::first-letter, .Corporate_Company_container .Corporate_Company_box .Payment h3::first-letter, .Corporate_Company_container .Corporate_Company_box .our_products h3::first-letter, .Corporate_Company_container .Corporate_Company_box .our_services h3::first-letter {
  font-size: 1.7rem !important;
  color: #525252 !important;
}
.Corporate_Company__demo_title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
.Corporate_Company__demo_title h3 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  font-weight: 600;
  font-size: 1rem !important;
  color: #2e2d2d;
  position: relative;
}
.Corporate_Company_container {
  width: 100vw;
  min-height: 100vh;
  height: auto;
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin: auto;
  color: #303030;
  overflow-y: scroll;
  overflow-x: hidden;
  background-image: url("");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background: linear-gradient(120deg, #77faff, #ffdf76 40%, #77faff, #ffdf76 60%);
}
.Corporate_Company_container .full_image {
  display: none;
  margin: auto;
  width: 100%;
  height: 800px;
  background: linear-gradient(#ffffff, #ffffff);
  z-index: 1;
}
.Corporate_Company_container .full_image .close_Full_Image_gallery {
  position: absolute;
  width: 100%;
  left: 90%;
  top: 5%;
  z-index: 10;
}
.Corporate_Company_container .full_image .close_Full_Image_gallery .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  color: red;
  z-index: 10;
  cursor: pointer;
  place-items: center;
  transition: all 0.3s ease-in-out;
}
.Corporate_Company_container .full_image .close_Full_Image_gallery .icon:hover {
  filter: drop-shadow(0px 4px 5px rgba(255, 156, 117, 0.6));
  scale: 1.2;
  transition: all 0.3s ease-in-out;
}
.Corporate_Company_container .full_image img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  height: auto;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.5));
  border-radius: 5px;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 1;
}
@media (max-width: 600px) {
  .Corporate_Company_container .full_image img {
    width: 70%;
    height: 150px;
  }
}
.Corporate_Company_container .menu_navbar_box {
  width: 80px;
  height: 100%;
  min-height: 100%;
  background-color: #ffffff;
  position: fixed;
  top: 0%;
  right: 0%;
  border-top-left-radius: 4rem;
  border-bottom-left-radius: 4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.Corporate_Company_container .menu_navbar_box .up_btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0.1;
  font-size: 2.5rem;
  font-weight: bold;
  background-color: tomato;
  border-top-left-radius: 0rem;
  border-top-right-radius: 0rem;
  color: #ffffff;
  cursor: pointer;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 650px) {
  .Corporate_Company_container .menu_navbar_box .up_btn .icon {
    transform: rotate(-90deg);
    font-size: 1.5rem;
  }
}
.Corporate_Company_container .menu_navbar_box .up_btn:hover {
  background: linear-gradient(120deg, #686868 40%, #686868 60%);
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 650px) {
  .Corporate_Company_container .menu_navbar_box .up_btn {
    height: 100%;
    flex: 0.1;
    display: flex;
    border-radius: 0px;
    border-top-left-radius: 0rem;
    border-bottom-left-radius: 0rem;
    flex-direction: row !important;
  }
}
.Corporate_Company_container .menu_navbar_box .hideUpArrow {
  opacity: 1;
  cursor: not-allowed;
}
.Corporate_Company_container .menu_navbar_box .all_menus {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  gap: 1rem;
  flex: 0.8;
  padding: 0.5rem;
  width: 100%;
  overflow-y: scroll;
}
.Corporate_Company_container .menu_navbar_box .all_menus .menu {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 100%;
  cursor: pointer;
  padding: 5px 10px;
  border-radius: 4px;
  transition: 1ll 0.5s ease-in-out;
}
.Corporate_Company_container .menu_navbar_box .all_menus .menu .icon {
  font-size: 1.4rem;
}
@media screen and (max-width: 650px) {
  .Corporate_Company_container .menu_navbar_box .all_menus .menu .icon {
    font-size: 1rem;
  }
}
.Corporate_Company_container .menu_navbar_box .all_menus .menu p {
  font-size: 0.7rem;
  font-weight: 550;
}
@media screen and (max-width: 650px) {
  .Corporate_Company_container .menu_navbar_box .all_menus .menu p {
    font-size: 0.6rem;
  }
}
.Corporate_Company_container .menu_navbar_box .all_menus .menu:hover {
  color: #ffffff;
  background-color: #797979;
  transition: 1ll 0.5s ease-in-out;
}
.Corporate_Company_container .menu_navbar_box .all_menus .menuActive {
  color: #ffffff;
  background-color: #797979;
}
.Corporate_Company_container .menu_navbar_box .all_menus::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 650px) {
  .Corporate_Company_container .menu_navbar_box .all_menus {
    height: 100%;
    width: 100%;
    flex: 0.8;
    display: flex;
    flex-direction: row !important;
  }
}
.Corporate_Company_container .menu_navbar_box .down_btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0.1;
  font-size: 2.5rem;
  font-weight: bold;
  background-color: tomato;
  border-bottom-left-radius: 0rem;
  border-bottom-right-radius: 0rem;
  color: #ffffff;
  cursor: pointer;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 650px) {
  .Corporate_Company_container .menu_navbar_box .down_btn .down {
    transform: rotate(-90deg);
    font-size: 1.5rem;
  }
}
.Corporate_Company_container .menu_navbar_box .down_btn:hover {
  background: linear-gradient(120deg, #686868 40%, #686868 60%);
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 650px) {
  .Corporate_Company_container .menu_navbar_box .down_btn {
    height: 100%;
    flex: 0.1;
    display: flex;
    border-radius: 0px;
    border-top-right-radius: 0rem;
    border-bottom-right-radius: 0rem;
    flex-direction: row !important;
  }
}
.Corporate_Company_container .menu_navbar_box .hideDownArrow {
  opacity: 1;
  cursor: not-allowed;
}
@media screen and (max-width: 1000px) {
  .Corporate_Company_container .menu_navbar_box {
    position: fixed;
    top: 15%;
    right: 5%;
  }
}
@media screen and (max-width: 700px) {
  .Corporate_Company_container .menu_navbar_box {
    position: fixed;
    top: 15%;
    right: 1%;
  }
}
@media screen and (max-width: 650px) {
  .Corporate_Company_container .menu_navbar_box {
    position: fixed;
    top: 96.7%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 100;
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 50px;
    min-height: 50px;
    align-items: center;
    justify-content: space-between;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
  }
}
.Corporate_Company_container .Corporate_Company_box {
  width: 450px;
  max-width: 450px;
  margin-top: 0.5rem;
  height: auto;
  overflow-x: hidden;
  background: linear-gradient(160deg, #ffffff 50%, #ffffff 50%);
  filter: drop-shadow(0px 4px 5px rgba(56, 56, 56, 0.6509803922));
}
.Corporate_Company_container .Corporate_Company_box .Image_row_1 {
  width: 100%;
  max-height: 300px;
  height: 300px;
  position: relative;
}
.Corporate_Company_container .Corporate_Company_box .Image_row_1 .slide_svg {
  position: absolute;
  width: 100%;
  bottom: -6px;
}
.Corporate_Company_container .Corporate_Company_box .Image_row_1 .slide_svg svg {
  transform: rotate(0deg);
  height: 150px;
}
.Corporate_Company_container .Corporate_Company_box .Image_row_1 .banner_image {
  width: 100%;
  max-height: 300px;
  height: 100%;
  overflow: hidden;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.Corporate_Company_container .Corporate_Company_box .Image_row_1 .banner_image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover; /* Ensures image covers the area */
  -o-object-position: top;
     object-position: top; /* Ensures head portion is not cropped */
}
.Corporate_Company_container .Corporate_Company_box .Image_row_1 .banner_image .overlay {
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 100%;
  height: 20%;
  background: linear-gradient(rgba(205, 98, 226, 0) 0%, #ffffff 100%);
}
.Corporate_Company_container .Corporate_Company_box .Image_row_1 .user_logo {
  position: absolute;
  bottom: -5%;
  left: 5%;
  transform: translate(-5%, -5%);
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.Corporate_Company_container .Corporate_Company_box .Image_row_1 .user_logo img {
  z-index: 2;
  width: 100%;
  height: 100%;
  border-radius: 0.5rem;
  -o-object-fit: cover;
     object-fit: cover; /* Ensures image covers the area */
  -o-object-position: top;
     object-position: top; /* Ensures head portion is not cropped */
  border: 2px solid #ffffff;
  box-shadow: rgba(14, 63, 126, 0.04) 0px 0px 0px 1px, rgba(42, 51, 69, 0.04) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.04) 0px 6px 6px -3px, rgba(14, 63, 126, 0.04) 0px 12px 12px -6px, rgba(14, 63, 126, 0.04) 0px 24px 24px -12px;
}
@keyframes profileBorder {
  0% {
    border: 3px solid #ffffff;
    transform: translateY(0px);
  }
  25% {
    border: 3px solid #ffffff;
    transform: translateY(-5px);
  }
  50% {
    border: 3px solid #ffffff;
    transform: translateY(-10px);
  }
  75% {
    border: 3px solid rgb(255, 255, 255);
    transform: translateY(-5px);
  }
  100% {
    border: 3px solid #ffffff;
    transform: translateY(0px);
  }
}
.Corporate_Company_container .Corporate_Company_box .Image_row_1 .user_logo .svg_image {
  position: absolute;
  z-index: 1;
}
.Corporate_Company_container .Corporate_Company_box .Image_row_1 .user_logo .svg_image img {
  width: 200px;
  height: 200px;
  border: none;
  filter: drop-shadow(0px 4px 5px rgba(255, 255, 255, 0.631372549));
  animation: profileSVGAnime 5s infinite linear;
}
@keyframes profileSVGAnime {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(90deg);
  }
  50% {
    transform: rotate(180deg);
  }
  75% {
    transform: rotate(270deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.Corporate_Company_container .Corporate_Company_box .basic_row_2 {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  position: relative;
}
.Corporate_Company_container .Corporate_Company_box .basic_row_2 .user_details {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.Corporate_Company_container .Corporate_Company_box .basic_row_2 .user_details .user_data {
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex: 1;
  gap: 15px;
  width: 100%;
  height: 100%;
}
.Corporate_Company_container .Corporate_Company_box .basic_row_2 .user_details .user_data .user_information {
  display: flex;
  flex: 0.5;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.Corporate_Company_container .Corporate_Company_box .basic_row_2 .user_details .user_data .user_information h2 {
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 1px;
  color: #313131;
}
.Corporate_Company_container .Corporate_Company_box .basic_row_2 .user_details .user_data .user_information p {
  font-size: 0.9rem;
  font-weight: 500;
  color: #313131;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0rem;
}
.Corporate_Company_container .Corporate_Company_box .basic_row_2 .user_details .user_data .user_information p img {
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media screen and (max-width: 600px) {
  .Corporate_Company_container .Corporate_Company_box .basic_row_2 .user_details .user_data .user_information p img {
    width: 25px;
    height: 25px;
  }
}
.Corporate_Company_container .Corporate_Company_box .basic_row_2 .user_details .user_data .contacts_btns {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  width: 100%;
  flex-wrap: wrap;
}
.Corporate_Company_container .Corporate_Company_box .basic_row_2 .user_details .user_data .contacts_btns a {
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 0.4rem 1rem;
  background-color: #313131;
  color: #ffffff;
  border-radius: 2rem;
  transition: all 0.4s linear;
}
.Corporate_Company_container .Corporate_Company_box .basic_row_2 .user_details .user_data .contacts_btns a .icon {
  font-size: 1rem;
}
.Corporate_Company_container .Corporate_Company_box .basic_row_2 .user_details .user_data .contacts_btns a small {
  font-size: 0.7rem;
  font-weight: 500;
}
.Corporate_Company_container .Corporate_Company_box .basic_row_2 .user_details .user_data .contacts_btns a:hover {
  background-color: #727272;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
  scale: 1.05;
  transition: all 0.4s linear;
}
@media screen and (max-width: 600px) {
  .Corporate_Company_container .Corporate_Company_box .basic_row_2 .user_details .user_data {
    align-items: flex-start;
  }
}
.Corporate_Company_container .Corporate_Company_box .contact_row_3 {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.Corporate_Company_container .Corporate_Company_box .contact_row_3 a {
  text-decoration: none;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 15px;
  color: #313131;
}
.Corporate_Company_container .Corporate_Company_box .contact_row_3 a .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  padding: 5px;
  border-radius: 5px;
  background-color: #525252;
  color: #ffffff;
}
.Corporate_Company_container .Corporate_Company_box .contact_row_3 a .contact_data {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 2px;
}
.Corporate_Company_container .Corporate_Company_box .contact_row_3 a .contact_data small {
  font-size: 0.7rem;
  font-weight: 600;
  color: #313131;
}
.Corporate_Company_container .Corporate_Company_box .contact_row_3 a .contact_data p {
  font-size: 0.9rem;
  font-weight: 500;
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-word;
  white-space: normal;
}
.Corporate_Company_container .Corporate_Company_box .contact_row_3 .add_to_contact {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.3rem auto;
}
.Corporate_Company_container .Corporate_Company_box .contact_row_3 .add_to_contact button {
  padding: 7px 2rem;
  color: #ffffff;
  background-color: #525252;
  font-weight: 550;
  font-size: 0.8rem;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  transition: all 0.4s ease-in-out;
}
.Corporate_Company_container .Corporate_Company_box .contact_row_3 .add_to_contact button:hover {
  background-color: #313131;
  color: #ffffff;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
  transition: all 0.4s ease-in-out;
}
.Corporate_Company_container .Corporate_Company_box .about_row_4 {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.Corporate_Company_container .Corporate_Company_box .about_row_4 .about_details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-items: flex-start;
  gap: 15px;
  width: 100%;
}
.Corporate_Company_container .Corporate_Company_box .about_row_4 .about_details .detail {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  width: 100%;
}
.Corporate_Company_container .Corporate_Company_box .about_row_4 .about_details .detail .detail_title {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 1rem;
  font-weight: 550;
  flex: 0.4;
}
.Corporate_Company_container .Corporate_Company_box .about_row_4 .about_details .detail .detail_title h5 {
  font-size: 0.8rem;
  font-weight: 600;
}
.Corporate_Company_container .Corporate_Company_box .about_row_4 .about_details .detail .detail_message {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 5px;
  font-weight: 550;
  flex: 0.6;
}
.Corporate_Company_container .Corporate_Company_box .about_row_4 .about_details .detail .detail_message strong {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.Corporate_Company_container .Corporate_Company_box .about_row_4 .about_details .detail .detail_message p {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 0.8rem;
  font-weight: 500;
}
.Corporate_Company_container .Corporate_Company_box .about_row_4 .about_details .detail .detail_message .social_medias {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row !important;
  gap: 1.3rem;
  width: 100%;
  margin-left: 5px;
}
.Corporate_Company_container .Corporate_Company_box .about_row_4 .about_details .detail .detail_message .social_medias a {
  text-decoration: none;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: all 0.3s ease-in-out;
}
.Corporate_Company_container .Corporate_Company_box .about_row_4 .about_details .detail .detail_message .social_medias a i {
  z-index: 2;
  font-size: 1rem;
  font-weight: 500;
  color: #ffffff;
  transition: all 0.3s ease-in-out;
  position: relative;
}
.Corporate_Company_container .Corporate_Company_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg1 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Corporate_Company_container .Corporate_Company_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg1 #sw-js-blob-svg {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.Corporate_Company_container .Corporate_Company_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg1 #sw-js-blob-svg #stop1 {
  stop-color: #5365ff;
}
.Corporate_Company_container .Corporate_Company_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg1 #sw-js-blob-svg #stop2 {
  stop-color: #5365ff;
}
.Corporate_Company_container .Corporate_Company_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg2 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Corporate_Company_container .Corporate_Company_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg2 #sw-js-blob-svg {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.Corporate_Company_container .Corporate_Company_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg2 #sw-js-blob-svg #stop3 {
  stop-color: #ff004d;
}
.Corporate_Company_container .Corporate_Company_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg2 #sw-js-blob-svg #stop4 {
  stop-color: #f500da;
}
.Corporate_Company_container .Corporate_Company_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg3 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Corporate_Company_container .Corporate_Company_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg3 #sw-js-blob-svg {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.Corporate_Company_container .Corporate_Company_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg3 #sw-js-blob-svg #stop5 {
  stop-color: #10b856;
}
.Corporate_Company_container .Corporate_Company_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg3 #sw-js-blob-svg #stop6 {
  stop-color: #10b856;
}
.Corporate_Company_container .Corporate_Company_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg6 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Corporate_Company_container .Corporate_Company_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg6 #sw-js-blob-svg6 {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.Corporate_Company_container .Corporate_Company_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg6 #sw-js-blob-svg6 #stop11 {
  stop-color: #4da6e9;
}
.Corporate_Company_container .Corporate_Company_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg6 #sw-js-blob-svg6 #stop12 {
  stop-color: #4da6e9;
}
.Corporate_Company_container .Corporate_Company_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg4 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Corporate_Company_container .Corporate_Company_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg4 #sw-js-blob-svg {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.Corporate_Company_container .Corporate_Company_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg4 #sw-js-blob-svg #stop7 {
  stop-color: #ff777b;
}
.Corporate_Company_container .Corporate_Company_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg4 #sw-js-blob-svg #stop8 {
  stop-color: #ff656a;
}
.Corporate_Company_container .Corporate_Company_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg5 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Corporate_Company_container .Corporate_Company_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg5 #sw-js-blob-svg5 {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.Corporate_Company_container .Corporate_Company_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg5 #sw-js-blob-svg5 #stop9 {
  stop-color: #a5a5a5;
}
.Corporate_Company_container .Corporate_Company_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg5 #sw-js-blob-svg5 #stop10 {
  stop-color: #999999;
}
.Corporate_Company_container .Corporate_Company_box .about_row_4 .about_details .detail .detail_message .social_medias a small {
  display: none;
  position: absolute;
  transition: all 0.4s ease-in-out;
}
.Corporate_Company_container .Corporate_Company_box .about_row_4 .about_details .detail .detail_message .social_medias a:hover {
  scale: 1.1;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
  transition: all 0.3s ease-in-out;
}
.Corporate_Company_container .Corporate_Company_box .about_row_4 .about_details .detail .detail_message .social_medias a:hover .social_media_svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Corporate_Company_container .Corporate_Company_box .about_row_4 .about_details .detail .detail_message .social_medias a:hover .social_media_svg img {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60px;
}
.Corporate_Company_container .Corporate_Company_box .about_row_4 .about_details .detail .detail_message .icon {
  font-size: 1.2rem;
  cursor: pointer;
  color: rgb(104, 104, 104);
}
.Corporate_Company_container .Corporate_Company_box .about_row_4 .specialities {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: auto;
  font-size: 0.9rem;
  line-height: 1.5rem;
}
.Corporate_Company_container .Corporate_Company_box .about_row_4 .specialities p {
  width: 100%;
  font-size: 0.9rem;
}
.Corporate_Company_container .Corporate_Company_box .about_row_4 .specialities ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  margin: auto;
  width: 90%;
  font-size: 1.3rem;
}
.Corporate_Company_container .Corporate_Company_box .about_row_4 .specialities ul li {
  font-size: 0.9rem;
  font-weight: 500;
}
.Corporate_Company_container .Corporate_Company_box .our_services {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.Corporate_Company_container .Corporate_Company_box .our_services .All_Services {
  width: 100%;
  height: auto;
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.Corporate_Company_container .Corporate_Company_box .our_services .All_Services .Service {
  width: 100%;
  padding: 1rem;
  background-color: #f2ffeb;
  border-radius: 3px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
}
.Corporate_Company_container .Corporate_Company_box .our_services .All_Services .Service .service_title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.Corporate_Company_container .Corporate_Company_box .our_services .All_Services .Service .service_title h5 {
  font-size: 1.1rem;
  font-weight: 550;
}
.Corporate_Company_container .Corporate_Company_box .our_services .All_Services .Service .service_description {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  font-size: 0.9rem;
  font-weight: 500;
  color: #313131;
}
.Corporate_Company_container .Corporate_Company_box .our_services .All_Services .Service .service_link {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.Corporate_Company_container .Corporate_Company_box .our_services .All_Services .Service .service_link a {
  text-decoration: none;
  color: royalblue;
  font-size: 0.9rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.Corporate_Company_container .Corporate_Company_box .our_services .All_Services .Service .service_link a:hover {
  text-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
}
.Corporate_Company_container .Corporate_Company_box .our_services .All_Services .Service .service_image {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}
.Corporate_Company_container .Corporate_Company_box .our_services .All_Services .Service .service_image img {
  width: 100%;
  height: 250px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.Corporate_Company_container .Corporate_Company_box .our_services .All_Services .Service .service_action {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.Corporate_Company_container .Corporate_Company_box .our_services .All_Services .Service .service_action .service_price {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.Corporate_Company_container .Corporate_Company_box .our_services .All_Services .Service .service_action .service_price h5 {
  font-size: 1.1rem;
  font-weight: 600;
}
.Corporate_Company_container .Corporate_Company_box .our_services .All_Services .Service .service_action .service_price p {
  font-size: 1rem;
  font-weight: 550;
}
.Corporate_Company_container .Corporate_Company_box .our_services .All_Services .Service .service_action .service_enquiry {
  display: flex;
  align-items: center;
  justify-content: center;
}
.Corporate_Company_container .Corporate_Company_box .our_services .All_Services .Service .service_action .service_enquiry a {
  text-decoration: none;
  color: #ffffff;
  background-color: #313131;
  padding: 0.5rem 1rem;
  border: 2px solid #ffffff;
  font-size: 0.9rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.Corporate_Company_container .Corporate_Company_box .our_services .All_Services .Service .service_action .service_enquiry a:hover {
  background-color: #727272;
}
.Corporate_Company_container .Corporate_Company_box .our_products {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.Corporate_Company_container .Corporate_Company_box .our_products .All_Products {
  width: 100%;
  height: auto;
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.Corporate_Company_container .Corporate_Company_box .our_products .All_Products .Product {
  width: 100%;
  padding: 1rem;
  background-color: #fff6f6;
  border-radius: 3px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
}
.Corporate_Company_container .Corporate_Company_box .our_products .All_Products .Product .product_title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.Corporate_Company_container .Corporate_Company_box .our_products .All_Products .Product .product_title h5 {
  font-size: 1.1rem;
  font-weight: 550;
  color: #2c2c2c;
}
.Corporate_Company_container .Corporate_Company_box .our_products .All_Products .Product .product_description {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  font-size: 0.9rem;
  font-weight: 500;
  color: #313131;
}
.Corporate_Company_container .Corporate_Company_box .our_products .All_Products .Product .product_link {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.Corporate_Company_container .Corporate_Company_box .our_products .All_Products .Product .product_link a {
  text-decoration: none;
  color: royalblue;
  font-size: 0.9rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.Corporate_Company_container .Corporate_Company_box .our_products .All_Products .Product .product_link a:hover {
  text-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
}
.Corporate_Company_container .Corporate_Company_box .our_products .All_Products .Product .product_image {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}
.Corporate_Company_container .Corporate_Company_box .our_products .All_Products .Product .product_image img {
  width: 100%;
  height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.Corporate_Company_container .Corporate_Company_box .our_products .All_Products .Product .product_action {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.Corporate_Company_container .Corporate_Company_box .our_products .All_Products .Product .product_action .product_price {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.Corporate_Company_container .Corporate_Company_box .our_products .All_Products .Product .product_action .product_price h5 {
  font-size: 1.1rem;
  font-weight: 600;
}
.Corporate_Company_container .Corporate_Company_box .our_products .All_Products .Product .product_action .product_price p {
  font-size: 1rem;
  font-weight: 550;
}
.Corporate_Company_container .Corporate_Company_box .our_products .All_Products .Product .product_action .product_enquiry {
  display: flex;
  align-items: center;
  justify-content: center;
}
.Corporate_Company_container .Corporate_Company_box .our_products .All_Products .Product .product_action .product_enquiry a {
  text-decoration: none;
  color: #ffffff;
  background-color: #313131;
  padding: 0.5rem 1rem;
  border: 2px solid #ffffff;
  font-size: 0.9rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.Corporate_Company_container .Corporate_Company_box .our_products .All_Products .Product .product_action .product_enquiry a:hover {
  background-color: #727272;
}
.Corporate_Company_container .Corporate_Company_box .Payment {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.Corporate_Company_container .Corporate_Company_box .Payment .payment_details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-items: flex-start;
  gap: 10px;
  width: 100%;
}
.Corporate_Company_container .Corporate_Company_box .Payment .payment_details .detail {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  width: 100%;
}
.Corporate_Company_container .Corporate_Company_box .Payment .payment_details .detail .detail_title {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 1rem;
  font-weight: 550;
  flex: 0.4;
}
.Corporate_Company_container .Corporate_Company_box .Payment .payment_details .detail .detail_title h5 {
  font-size: 0.8rem;
  font-weight: 600;
}
.Corporate_Company_container .Corporate_Company_box .Payment .payment_details .detail .detail_message {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 5px;
  font-weight: 550;
  flex: 0.6;
}
.Corporate_Company_container .Corporate_Company_box .Payment .payment_details .detail .detail_message p {
  font-size: 0.8rem;
  font-weight: 500;
}
.Corporate_Company_container .Corporate_Company_box .Payment .payment_details .detail .detail_message .icon {
  font-size: 1.2rem;
  cursor: pointer;
  color: rgb(104, 104, 104);
}
.Corporate_Company_container .Corporate_Company_box .Payment .payment_details .detail .detail_message .icon:hover {
  color: royalblue;
}
.Corporate_Company_container .Corporate_Company_box .Payment .sub_title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
.Corporate_Company_container .Corporate_Company_box .Payment .sub_title h3 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  font-weight: 550;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-size: 1.05rem !important;
  color: #2e2d2d;
  position: relative;
}
.Corporate_Company_container .Corporate_Company_box .Payment .account_details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-items: flex-start;
  gap: 10px;
  width: 100%;
}
.Corporate_Company_container .Corporate_Company_box .Payment .account_details .detail {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  width: 100%;
}
.Corporate_Company_container .Corporate_Company_box .Payment .account_details .detail .detail_title {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 1rem;
  font-weight: 550;
  flex: 0.4;
}
.Corporate_Company_container .Corporate_Company_box .Payment .account_details .detail .detail_title h5 {
  font-size: 0.8rem;
  font-weight: 600;
}
.Corporate_Company_container .Corporate_Company_box .Payment .account_details .detail .detail_message {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 5px;
  font-weight: 550;
  flex: 0.6;
}
.Corporate_Company_container .Corporate_Company_box .Payment .account_details .detail .detail_message p {
  font-size: 0.8rem;
  font-weight: 500;
}
.Corporate_Company_container .Corporate_Company_box .Payment .account_details .detail .detail_message .icon {
  font-size: 1.2rem;
  cursor: pointer;
  color: rgb(104, 104, 104);
}
.Corporate_Company_container .Corporate_Company_box .Payment .account_details .detail .detail_message .icon:hover {
  color: royalblue;
}
.Corporate_Company_container .Corporate_Company_box .Payment .qr_code_upi_name {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
.Corporate_Company_container .Corporate_Company_box .Payment .qr_code_upi_name h4 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  font-weight: 550;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-size: 0.9rem !important;
  color: #2e2d2d;
  position: relative;
}
.Corporate_Company_container .Corporate_Company_box .Payment .qr_image_box {
  width: 60%;
  height: 250px;
  background-color: #bcffee;
  padding: 1rem;
  border-radius: 10px;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4));
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.Corporate_Company_container .Corporate_Company_box .Payment .qr_image_box .user_name {
  display: flex;
  align-items: center;
  justify-content: center;
}
.Corporate_Company_container .Corporate_Company_box .Payment .qr_image_box .user_name h4 {
  font-size: 1rem;
  font-weight: 550;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.Corporate_Company_container .Corporate_Company_box .Payment .qr_image_box .qr_image {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.Corporate_Company_container .Corporate_Company_box .Payment .qr_image_box .qr_image img {
  width: 80%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  margin: auto;
}
.Corporate_Company_container .Corporate_Company_box .gallery {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.Corporate_Company_container .Corporate_Company_box .gallery .all_gallerys {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 0.5rem;
  place-items: center;
  margin: auto;
}
.Corporate_Company_container .Corporate_Company_box .gallery .all_gallerys .gallery_image {
  width: 100%;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.Corporate_Company_container .Corporate_Company_box .gallery .all_gallerys .gallery_image img {
  cursor: pointer;
  width: 100%;
  height: 150px;
  border-radius: 10px;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease;
}
.Corporate_Company_container .Corporate_Company_box .gallery .all_gallerys .gallery_image img:hover {
  opacity: 0.7;
  transition: all 0.3s ease;
}
.Corporate_Company_container .Corporate_Company_box .video {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.Corporate_Company_container .Corporate_Company_box .video .videos_container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
  margin: auto;
}
.Corporate_Company_container .Corporate_Company_box .video .videos_container .video_image {
  width: 100%;
}
.Corporate_Company_container .Corporate_Company_box .video .videos_container .video_image iframe {
  width: 100%;
  height: 200px;
}
.Corporate_Company_container .Corporate_Company_box .local_video {
  padding: 0px 1rem;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.Corporate_Company_container .Corporate_Company_box .local_video .local_videos_container {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin: auto;
}
.Corporate_Company_container .Corporate_Company_box .local_video .local_videos_container .video_image {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.Corporate_Company_container .Corporate_Company_box .local_video .local_videos_container .video_image video {
  width: 150px;
  height: auto;
  max-height: 200px;
  border-radius: 0.2rem;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
}
.Corporate_Company_container .Corporate_Company_box .Appoinment {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.Corporate_Company_container .Corporate_Company_box .Appoinment .popup_message_container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  position: absolute;
  top: 10%;
  left: 20%;
}
.Corporate_Company_container .Corporate_Company_box .Appoinment .popup_message_container .popup_success_box {
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
  border-radius: 5px;
  padding: 0.5px 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  position: relative;
  transition: transform 0.5s ease-in-out;
  z-index: -1;
}
.Corporate_Company_container .Corporate_Company_box .Appoinment .popup_message_container .popup_success_box .popup_close i {
  font-size: 1.4rem;
  font-weight: 600;
  color: rgb(255, 79, 79);
  cursor: pointer;
  transition: all 0.5s ease;
}
.Corporate_Company_container .Corporate_Company_box .Appoinment .popup_message_container .popup_success_box .popup_close i:hover {
  transform: rotate(90deg);
  transition: all 0.5s ease;
}
.Corporate_Company_container .Corporate_Company_box .Appoinment .popup_message_container .popup_success_box .popup_message {
  font-size: 0.9rem;
  color: #525252;
  font-weight: 550;
}
.Corporate_Company_container .Corporate_Company_box .Appoinment .popup_message_container #successOpen {
  transform: translateX(0px);
  transition: transform 0.5s ease-in-out;
}
.Corporate_Company_container .Corporate_Company_box .Appoinment .popup_message_container #successClose {
  transform: translateX(500px);
  transition: transform 0.5s ease-in-out;
}
.Corporate_Company_container .Corporate_Company_box .Appoinment .popup_message_container .popup_error_box {
  display: inline-block;
  height: 40px;
  background-color: rgb(255, 177, 141) !important;
  border-radius: 5px;
  padding: 0px 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3rem;
  position: relative;
  z-index: -1;
}
.Corporate_Company_container .Corporate_Company_box .Appoinment .popup_message_container .popup_error_box .popup_close i {
  font-size: 1.4rem;
  color: rgb(255, 255, 255);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.5s ease;
}
.Corporate_Company_container .Corporate_Company_box .Appoinment .popup_message_container .popup_error_box .popup_close i:hover {
  transform: rotate(90deg);
  transition: all 0.5s ease;
}
.Corporate_Company_container .Corporate_Company_box .Appoinment .popup_message_container .popup_error_box .popup_message {
  font-size: 0.9rem;
  color: #494949;
  font-weight: 550;
}
.Corporate_Company_container .Corporate_Company_box .Appoinment .appinment_form_container {
  width: 100%;
}
.Corporate_Company_container .Corporate_Company_box .Appoinment .appinment_form_container form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0rem 1rem;
  width: 100%;
}
.Corporate_Company_container .Corporate_Company_box .Appoinment .appinment_form_container form .form_group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  position: relative;
  gap: 5px;
  padding: 0.5rem 0px;
}
.Corporate_Company_container .Corporate_Company_box .Appoinment .appinment_form_container form .form_group label {
  font-size: 0.8rem;
  font-weight: 550;
  letter-spacing: 1px;
}
.Corporate_Company_container .Corporate_Company_box .Appoinment .appinment_form_container form .form_group .labelError {
  color: tomato;
  font-family: 500;
  font-size: 0.6rem;
}
.Corporate_Company_container .Corporate_Company_box .Appoinment .appinment_form_container form .form_group .input_error {
  border: 1px solid tomato !important;
  border-radius: 5px;
}
.Corporate_Company_container .Corporate_Company_box .Appoinment .appinment_form_container form .form_group .error {
  position: absolute;
  top: 12%;
  right: 0%;
  color: tomato;
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
.Corporate_Company_container .Corporate_Company_box .Appoinment .appinment_form_container form .form_group .desc_error {
  position: absolute;
  top: 0%;
  right: 0%;
  color: tomato;
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
.Corporate_Company_container .Corporate_Company_box .Appoinment .appinment_form_container form .form_group input[type=date], .Corporate_Company_container .Corporate_Company_box .Appoinment .appinment_form_container form .form_group input[type=text], .Corporate_Company_container .Corporate_Company_box .Appoinment .appinment_form_container form .form_group input[type=tel] {
  width: 100%;
  outline: none;
  padding: 10px 1rem;
  border-radius: 0.2rem;
  background-color: transparent;
  border: 1px solid #4b4b4b;
  color: rgb(77, 77, 77);
}
.Corporate_Company_container .Corporate_Company_box .Appoinment .appinment_form_container form .form_group input[type=date]::-moz-placeholder, .Corporate_Company_container .Corporate_Company_box .Appoinment .appinment_form_container form .form_group input[type=text]::-moz-placeholder, .Corporate_Company_container .Corporate_Company_box .Appoinment .appinment_form_container form .form_group input[type=tel]::-moz-placeholder {
  color: rgb(71, 71, 71);
}
.Corporate_Company_container .Corporate_Company_box .Appoinment .appinment_form_container form .form_group input[type=date]::placeholder, .Corporate_Company_container .Corporate_Company_box .Appoinment .appinment_form_container form .form_group input[type=text]::placeholder, .Corporate_Company_container .Corporate_Company_box .Appoinment .appinment_form_container form .form_group input[type=tel]::placeholder {
  color: rgb(71, 71, 71);
}
.Corporate_Company_container .Corporate_Company_box .Appoinment .appinment_form_container form .form_group select {
  width: 100%;
  outline: none;
  padding: 8px 1rem;
  background-color: transparent;
  border: 1px solid #4d4d4d;
  color: rgb(100, 100, 100);
  font-weight: 500;
}
.Corporate_Company_container .Corporate_Company_box .Appoinment .appinment_form_container form .form_group select option {
  color: rgb(59, 59, 59);
  width: 100%;
  font-size: 0.8rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
}
.Corporate_Company_container .Corporate_Company_box .Appoinment .appinment_form_container form .form_submit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  width: 100%;
}
.Corporate_Company_container .Corporate_Company_box .Appoinment .appinment_form_container form .form_submit button {
  display: flex;
  align-self: center;
  justify-content: center;
  gap: 0.5rem;
  outline: none;
  padding: 6px 1rem;
  background-color: #313131;
  color: #fff;
  font-size: 0.8rem;
  border-radius: 0.3rem;
  font-weight: 500;
  transition: all 0.4s ease-in;
}
.Corporate_Company_container .Corporate_Company_box .Appoinment .appinment_form_container form .form_submit button span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.9rem;
}
.Corporate_Company_container .Corporate_Company_box .Appoinment .appinment_form_container form .form_submit button .inquiryloader {
  width: 18px;
  height: 18px;
  border: 2px solid #FFF;
  border-bottom-color: transparent;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.Corporate_Company_container .Corporate_Company_box .Appoinment .appinment_form_container form .form_submit button:hover {
  background-color: #7e7e7e;
  filter: drop-shadow(0px 4px 5px rgba(109, 109, 109, 0.4));
}
.Corporate_Company_container .Corporate_Company_box .Appoinment .appinment_form_container form .form_submit button:nth-child(2) {
  background-color: royalblue;
}
.Corporate_Company_container .Corporate_Company_box .Appoinment .appinment_form_container form .form_submit button:nth-child(2):hover {
  background-color: rgb(248, 137, 118);
}
.Corporate_Company_container .Corporate_Company_box .time_container {
  width: 100%;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.Corporate_Company_container .Corporate_Company_box .time_container .time_list_container {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  place-items: center;
  gap: 1rem 1rem;
  margin: 1rem auto;
}
.Corporate_Company_container .Corporate_Company_box .time_container .time_list_container .time_list {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  padding: 5px 1rem 5px 1rem;
  background-color: #797979;
  width: 100%;
  height: 80px;
  max-height: 80px;
  min-height: 80px;
  border-radius: 0.5rem;
}
.Corporate_Company_container .Corporate_Company_box .time_container .time_list_container .time_list .day {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.Corporate_Company_container .Corporate_Company_box .time_container .time_list_container .time_list .day span {
  font-size: 0.7rem;
  font-weight: 550;
  color: #ffffff;
}
.Corporate_Company_container .Corporate_Company_box .time_container .time_list_container .time_list .day span::after {
  content: "";
  display: block;
  height: 1px;
  background-color: #727272;
  width: 100%;
}
.Corporate_Company_container .Corporate_Company_box .time_container .time_list_container .time_list .time {
  width: 100%;
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  margin-top: 10px;
}
.Corporate_Company_container .Corporate_Company_box .time_container .time_list_container .time_list .time .start {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.Corporate_Company_container .Corporate_Company_box .time_container .time_list_container .time_list .time .start h6 {
  font-size: 0.6rem;
  font-weight: 600;
  color: #ffffff;
}
.Corporate_Company_container .Corporate_Company_box .time_container .time_list_container .time_list .time .start span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.6rem;
  color: #ffffff;
  font-weight: 550;
}
.Corporate_Company_container .Corporate_Company_box .time_container .time_list_container .time_list .time .end {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.Corporate_Company_container .Corporate_Company_box .time_container .time_list_container .time_list .time .end h6 {
  font-size: 0.6rem;
  font-weight: 500;
  color: #ffffff;
}
.Corporate_Company_container .Corporate_Company_box .time_container .time_list_container .time_list .time .end span {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 0.6rem;
  font-weight: 550;
}
@media screen and (max-width: 700px) {
  .Corporate_Company_container .Corporate_Company_box .time_container .time_list_container {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
.Corporate_Company_container .Corporate_Company_box .testimonial {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.Corporate_Company_container .Corporate_Company_box .testimonial .testimonial_container {
  margin: 1rem auto;
  width: 100%;
  height: 180px;
  min-height: 180px;
}
.Corporate_Company_container .Corporate_Company_box .testimonial .testimonial_container .testimonial_list {
  margin: 1rem 1rem;
  width: 100%;
  height: 180px;
  min-height: 180px;
  background-color: #303030;
  overflow-y: auto;
  margin: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  border-radius: 0.5rem;
  position: relative;
}
.Corporate_Company_container .Corporate_Company_box .testimonial .testimonial_container .testimonial_list .client_feedback {
  width: 100%;
  flex: 0.6;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 10px;
}
.Corporate_Company_container .Corporate_Company_box .testimonial .testimonial_container .testimonial_list .client_feedback small {
  width: 100%;
  font-size: 0.8rem;
  color: #ffffff;
  font-weight: 500;
  overflow-y: scroll;
  text-align: start;
}
.Corporate_Company_container .Corporate_Company_box .testimonial .testimonial_container .testimonial_list .client_feedback small::-webkit-scrollbar {
  display: none;
}
.Corporate_Company_container .Corporate_Company_box .testimonial .testimonial_container .testimonial_list .client_detail {
  display: flex;
  align-items: center;
  flex-direction: column-reverse;
  width: 100%;
  height: 100%;
  flex: 0.4;
  justify-content: center;
  gap: 10px;
  background-color: #525252;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
}
.Corporate_Company_container .Corporate_Company_box .testimonial .testimonial_container .testimonial_list .client_detail img {
  width: 60px;
  height: 60px;
  border-radius: 0.5rem;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border: 1px solid #525252;
}
.Corporate_Company_container .Corporate_Company_box .testimonial .testimonial_container .testimonial_list .client_detail .client_name {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.Corporate_Company_container .Corporate_Company_box .testimonial .testimonial_container .testimonial_list .client_detail .client_name h4 {
  font-size: 0.8rem;
  color: #ffffff;
  font-weight: 550;
  border: 1px solid #525252;
}
.Corporate_Company_container .Corporate_Company_box .testimonial .testimonial_container .testimonial_list .client_detail .client_name small {
  color: yellow;
  font-size: 0.7rem;
  font-weight: 550;
}
.Corporate_Company_container .Corporate_Company_box .testimonial .testimonial_container .testimonial_list::-webkit-scrollbar {
  display: none;
}
.Corporate_Company_container .Corporate_Company_box .google_map_container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}
.Corporate_Company_container .Corporate_Company_box .google_map_container .google_map {
  width: 100%;
}
.Corporate_Company_container .Corporate_Company_box .google_map_container .google_map iframe {
  width: 100% !important;
  height: 250px !important;
  border: none !important;
  margin: 1rem auto;
  border-radius: 0.5rem;
  filter: drop-shadow(0px 4px 5px rgba(56, 56, 56, 0.527));
}
.Corporate_Company_container .Corporate_Company_box .feedback_row {
  width: 100%;
  padding: 0rem 1rem;
  display: flex;
  flex-direction: column;
  gap: 0rem;
  align-items: center;
  justify-content: center;
  position: relative;
}
.Corporate_Company_container .Corporate_Company_box .feedback_row .popup_message_container {
  position: absolute;
  top: -3%;
  left: 22%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.Corporate_Company_container .Corporate_Company_box .feedback_row .popup_message_container .popup_success_box {
  display: inline-block;
  width: auto;
  background-color: rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
  padding: 0.7px 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  position: relative;
  font-size: 0.7rem;
  font-weight: 500;
  transition: transform 0.5s ease-in-out;
  z-index: -1;
}
.Corporate_Company_container .Corporate_Company_box .feedback_row .popup_message_container .popup_success_box .popup_close i {
  font-size: 1.4rem;
  font-weight: 600;
  color: rgb(255, 101, 101);
  cursor: pointer;
  transition: all 0.5s ease;
}
.Corporate_Company_container .Corporate_Company_box .feedback_row .popup_message_container .popup_success_box .popup_close i:hover {
  transform: rotate(90deg);
  transition: all 0.5s ease;
}
.Corporate_Company_container .Corporate_Company_box .feedback_row .popup_message_container .popup_success_box .popup_close .icon {
  font-size: 1.2rem;
  color: #2cc478;
}
.Corporate_Company_container .Corporate_Company_box .feedback_row .popup_message_container .popup_success_box .popup_message {
  font-size: 0.9rem;
  color: rgb(48, 48, 48);
  font-weight: 500;
}
.Corporate_Company_container .Corporate_Company_box .feedback_row .popup_message_container #successOpen {
  transform: translateX(0px);
  transition: transform 0.5s ease-in-out;
}
.Corporate_Company_container .Corporate_Company_box .feedback_row .popup_message_container #successClose {
  transform: translateX(500px);
  transition: transform 0.5s ease-in-out;
}
.Corporate_Company_container .Corporate_Company_box .feedback_row .popup_message_container .popup_error_box {
  display: inline-block;
  height: 40px;
  background-color: rgb(255, 177, 141) !important;
  border-radius: 5px;
  padding: 0px 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3rem;
  position: relative;
  z-index: -1;
}
.Corporate_Company_container .Corporate_Company_box .feedback_row .popup_message_container .popup_error_box .popup_close i {
  font-size: 1.4rem;
  color: rgb(255, 255, 255);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.5s ease;
}
.Corporate_Company_container .Corporate_Company_box .feedback_row .popup_message_container .popup_error_box .popup_close i:hover {
  transform: rotate(90deg);
  transition: all 0.5s ease;
}
.Corporate_Company_container .Corporate_Company_box .feedback_row .popup_message_container .popup_error_box .popup_message {
  font-size: 0.9rem;
  color: #2cc478;
  font-weight: 550;
}
.Corporate_Company_container .Corporate_Company_box .feedback_row .Feedback_container_message {
  width: 100%;
  height: auto;
  margin: 0rem auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.Corporate_Company_container .Corporate_Company_box .feedback_row .Feedback_container_message .feeback_title {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: space-between;
  gap: 10px;
  z-index: 800;
}
.Corporate_Company_container .Corporate_Company_box .feedback_row .Feedback_container_message .feeback_title button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 0.7rem;
  color: #313131;
  background: transparent;
  cursor: pointer;
  outline: none;
  border: transparent;
  font-weight: 600;
  position: relative;
}
.Corporate_Company_container .Corporate_Company_box .feedback_row .Feedback_container_message .feeback_title button i {
  font-size: 1.4rem;
  color: rgb(43, 43, 43);
}
.Corporate_Company_container .Corporate_Company_box .feedback_row .Feedback_container_message .feeback_title button .count {
  position: absolute;
  right: -7%;
  top: -8%;
  font-size: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  color: #474747;
  border-radius: 50%;
}
.Corporate_Company_container .Corporate_Company_box .feedback_row .Feedback_container_message .feeback_title .feedBack_loader {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: block;
  margin: 15px auto;
  position: relative;
  color: #253bff;
  left: -100px;
  box-sizing: border-box;
  animation: shadowRolling 2s linear infinite;
}
@keyframes shadowRolling {
  0% {
    box-shadow: 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
  }
  12% {
    box-shadow: 100px 0 rgb(76, 247, 176), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
  }
  25% {
    box-shadow: 110px 0 rgb(107, 98, 233), 100px 0 rgb(75, 45, 243), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
  }
  36% {
    box-shadow: 120px 0 rgb(94, 236, 255), 110px 0 rgb(226, 253, 72), 100px 0 rgb(219, 99, 119), 0px 0 rgba(255, 255, 255, 0);
  }
  50% {
    box-shadow: 130px 0 rgb(240, 135, 49), 120px 0 rgb(56, 163, 74), 110px 0 rgb(99, 95, 95), 100px 0 rgb(135, 111, 221);
  }
  62% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 130px 0 white, 120px 0 white, 110px 0 white;
  }
  75% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 130px 0 white, 120px 0 white;
  }
  87% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 130px 0 white;
  }
  100% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0);
  }
}
.Corporate_Company_container .Corporate_Company_box .feedback_row .Feedback_container_message .comment_box {
  width: 100%;
  max-height: 300px;
  height: auto;
  overflow: scroll;
  margin: 1rem auto;
  background: transparent;
  border-radius: 5px;
  position: relative;
}
.Corporate_Company_container .Corporate_Company_box .feedback_row .Feedback_container_message .comment_box .comment_box_title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  background-color: royalblue;
  color: #fff;
  font-weight: 400;
  display: none;
}
.Corporate_Company_container .Corporate_Company_box .feedback_row .Feedback_container_message .comment_box .message {
  width: 100%;
  padding: 10px;
  border-bottom: 2px solid rgb(238, 237, 237);
  position: relative;
}
.Corporate_Company_container .Corporate_Company_box .feedback_row .Feedback_container_message .comment_box .message .user_detail {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
}
.Corporate_Company_container .Corporate_Company_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 5px;
}
.Corporate_Company_container .Corporate_Company_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .userName p {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 1.1rem;
  color: rgb(22, 22, 22);
  letter-spacing: 1px;
  font-weight: 550;
}
.Corporate_Company_container .Corporate_Company_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .userName p i {
  color: rgb(94, 94, 94);
  font-size: 1.4rem;
}
.Corporate_Company_container .Corporate_Company_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .userName p::first-letter {
  text-transform: uppercase !important;
}
.Corporate_Company_container .Corporate_Company_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars .ratting_container1 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
}
.Corporate_Company_container .Corporate_Company_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars .ratting_container1 span i {
  font-size: 1.2rem;
  cursor: pointer;
  color: lightgray;
  transition: all 0.4s ease-in-out;
}
.Corporate_Company_container .Corporate_Company_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars .ratting_container1 span .highlight1 {
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
  color: gold;
}
.Corporate_Company_container .Corporate_Company_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #noRatting span:nth-child(1) i,
.Corporate_Company_container .Corporate_Company_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #noRatting span:nth-child(2) i,
.Corporate_Company_container .Corporate_Company_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #noRatting span:nth-child(3) i,
.Corporate_Company_container .Corporate_Company_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #noRatting span:nth-child(4) i,
.Corporate_Company_container .Corporate_Company_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #noRatting span:nth-child(5) i {
  text-decoration: line-through;
  text-decoration-color: #ff2525;
}
.Corporate_Company_container .Corporate_Company_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #singleRatting span:nth-child(1) i {
  color: #F7C52A;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
}
.Corporate_Company_container .Corporate_Company_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #doubleRatting span:nth-child(1) i,
.Corporate_Company_container .Corporate_Company_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #doubleRatting span:nth-child(2) i {
  color: #F7C52A;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
}
.Corporate_Company_container .Corporate_Company_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #ThreeRatting span:nth-child(1) i,
.Corporate_Company_container .Corporate_Company_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #ThreeRatting span:nth-child(2) i,
.Corporate_Company_container .Corporate_Company_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #ThreeRatting span:nth-child(3) i {
  color: #F7C52A;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
}
.Corporate_Company_container .Corporate_Company_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fourRatting span:nth-child(1) i,
.Corporate_Company_container .Corporate_Company_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fourRatting span:nth-child(2) i,
.Corporate_Company_container .Corporate_Company_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fourRatting span:nth-child(3) i,
.Corporate_Company_container .Corporate_Company_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fourRatting span:nth-child(4) i {
  color: #F7C52A;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
}
.Corporate_Company_container .Corporate_Company_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fullRatting span:nth-child(1) i,
.Corporate_Company_container .Corporate_Company_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fullRatting span:nth-child(2) i,
.Corporate_Company_container .Corporate_Company_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fullRatting span:nth-child(3) i,
.Corporate_Company_container .Corporate_Company_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fullRatting span:nth-child(4) i,
.Corporate_Company_container .Corporate_Company_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fullRatting span:nth-child(5) i {
  color: #F7C52A;
  filter: drop-shadow(0px 4px 5px rgba(165, 165, 165, 0.4));
}
.Corporate_Company_container .Corporate_Company_box .feedback_row .Feedback_container_message .comment_box .message .comments {
  margin: 10px auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  width: 100%;
}
.Corporate_Company_container .Corporate_Company_box .feedback_row .Feedback_container_message .comment_box .message .comments i {
  color: royalblue;
  font-size: 1.4rem;
}
.Corporate_Company_container .Corporate_Company_box .feedback_row .Feedback_container_message .comment_box .message .comments span {
  font-size: 0.9rem;
  color: #272727;
}
.Corporate_Company_container .Corporate_Company_box .feedback_row .Feedback_container_message .comment_box .message .date {
  position: absolute;
  right: 2%;
  top: 15%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 0.9rem;
  color: rgb(68, 68, 68);
}
.Corporate_Company_container .Corporate_Company_box .feedback_row .Feedback_container_message .comment_box .message .date i {
  color: darkcyan;
  font-size: 1.1rem;
}
.Corporate_Company_container .Corporate_Company_box .feedback_row .Feedback_container_message .comment_box::-webkit-scrollbar {
  display: none;
}
.Corporate_Company_container .Corporate_Company_box .feedback_row .feedback_container {
  width: 100%;
  position: relative;
}
.Corporate_Company_container .Corporate_Company_box .feedback_row .feedback_container form {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin: auto;
  padding: 0px 0.5rem 0rem 0.5rem;
}
.Corporate_Company_container .Corporate_Company_box .feedback_row .feedback_container form .feedback_svg {
  position: absolute;
  top: -4%;
  right: 0%;
}
.Corporate_Company_container .Corporate_Company_box .feedback_row .feedback_container form .feedback_svg img {
  width: 100px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media (max-width: 600px) {
  .Corporate_Company_container .Corporate_Company_box .feedback_row .feedback_container form .feedback_svg img {
    width: 90px;
  }
  .Corporate_Company_container .Corporate_Company_box .feedback_row .feedback_container form .feedback_svg {
    top: 0%;
  }
}
.Corporate_Company_container .Corporate_Company_box .feedback_row .feedback_container form .form_group {
  margin: 10px auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  width: 95%;
  position: relative;
  margin: 0.2rem 0.2rem;
}
.Corporate_Company_container .Corporate_Company_box .feedback_row .feedback_container form .form_group .error {
  font-size: 0.6rem;
  color: tomato !important;
  -webkit-text-fill-color: tomato;
  letter-spacing: 1px;
  display: flex;
  align-items: center;
  font-weight: 550;
  justify-content: flex-start;
}
.Corporate_Company_container .Corporate_Company_box .feedback_row .feedback_container form .form_group label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  left: 5%;
  color: #313131;
  -webkit-text-fill-color: #313131;
  font-size: 0.7rem;
  font-weight: 550;
  border-radius: 4px;
}
.Corporate_Company_container .Corporate_Company_box .feedback_row .feedback_container form .form_group label span {
  font-size: 1rem;
  color: tomato !important;
  -webkit-text-fill-color: tomato;
}
.Corporate_Company_container .Corporate_Company_box .feedback_row .feedback_container form .form_group label span sup {
  color: tomato !important;
}
@media screen and (max-width: 800px) {
  .Corporate_Company_container .Corporate_Company_box .feedback_row .feedback_container form .form_group label {
    left: 5%;
  }
}
.Corporate_Company_container .Corporate_Company_box .feedback_row .feedback_container form .form_group input,
.Corporate_Company_container .Corporate_Company_box .feedback_row .feedback_container form .form_group .ratting_container {
  width: 100%;
  padding: 0.7rem 1rem;
  background-color: transparent;
  border: 1px solid #797979;
  color: #313131;
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border-radius: 0.3rem;
  outline: none;
  caret-color: #313131;
  transition: all 0.3s ease;
}
.Corporate_Company_container .Corporate_Company_box .feedback_row .feedback_container form .form_group input::-moz-placeholder, .Corporate_Company_container .Corporate_Company_box .feedback_row .feedback_container form .form_group .ratting_container::-moz-placeholder {
  font-size: 0.6rem;
  color: #313131;
  letter-spacing: 1px;
  font-weight: 400;
}
.Corporate_Company_container .Corporate_Company_box .feedback_row .feedback_container form .form_group input::placeholder,
.Corporate_Company_container .Corporate_Company_box .feedback_row .feedback_container form .form_group .ratting_container::placeholder {
  font-size: 0.6rem;
  color: #313131;
  letter-spacing: 1px;
  font-weight: 400;
}
.Corporate_Company_container .Corporate_Company_box .feedback_row .feedback_container form .form_group input:focus,
.Corporate_Company_container .Corporate_Company_box .feedback_row .feedback_container form .form_group .ratting_container:focus {
  border: double 2px transparent;
  border-radius: 0.3rem;
  background-color: transparent;
  border: 1px solid #313131;
  background-origin: border-box;
  background-clip: padding-box, border-box;
  transition: all 0.3s ease;
}
@media screen and (max-width: 800px) {
  .Corporate_Company_container .Corporate_Company_box .feedback_row .feedback_container form .form_group input,
  .Corporate_Company_container .Corporate_Company_box .feedback_row .feedback_container form .form_group .ratting_container {
    padding: 0.8rem 2rem;
    width: 100%;
    background-color: transparent;
  }
}
.Corporate_Company_container .Corporate_Company_box .feedback_row .feedback_container form .form_group .ratting_container {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.Corporate_Company_container .Corporate_Company_box .feedback_row .feedback_container form .form_group .ratting_container span i {
  font-size: 1.5rem;
  cursor: pointer;
  color: rgb(255, 168, 54);
  transition: all 0.4s ease-in-out;
}
.Corporate_Company_container .Corporate_Company_box .feedback_row .feedback_container form .form_group .ratting_container span .highlight {
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
  color: gold;
}
.Corporate_Company_container .Corporate_Company_box .feedback_row .feedback_container form .form_group textarea {
  width: 100%;
  padding: 1rem;
  caret-color: #313131;
  color: #313131;
  border: double 1px transparent;
  background-color: transparent;
  border: 1px solid #797979;
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border-radius: 0.3rem;
  outline: none;
  transition: all 0.3s ease;
}
.Corporate_Company_container .Corporate_Company_box .feedback_row .feedback_container form .form_group textarea::-moz-placeholder {
  font-size: 0.6rem;
  color: #313131;
  letter-spacing: 1px;
  font-weight: 400;
}
.Corporate_Company_container .Corporate_Company_box .feedback_row .feedback_container form .form_group textarea::placeholder {
  font-size: 0.6rem;
  color: #313131;
  letter-spacing: 1px;
  font-weight: 400;
}
.Corporate_Company_container .Corporate_Company_box .feedback_row .feedback_container form .form_group textarea:focus {
  border: double 2px transparent;
  border-radius: 0.3rem;
  background-color: transparent;
  border: 1px solid #313131;
  background-origin: border-box;
  background-clip: padding-box, border-box;
  transition: all 0.3s ease;
}
@media screen and (max-width: 800px) {
  .Corporate_Company_container .Corporate_Company_box .feedback_row .feedback_container form .form_group textarea {
    padding: 0.8rem 2rem;
    width: 100%;
    background-color: transparent;
  }
}
.Corporate_Company_container .Corporate_Company_box .feedback_row .feedback_container form .form_group .icon {
  position: absolute;
  left: 1%;
  top: 63%;
}
.Corporate_Company_container .Corporate_Company_box .feedback_row .feedback_container form .form_group .icon img {
  width: 25px;
  height: 25px;
}
.Corporate_Company_container .Corporate_Company_box .feedback_row .feedback_container form .form_group .icon i {
  font-size: 1.4rem;
  color: skyblue;
}
@media screen and (max-width: 800px) {
  .Corporate_Company_container .Corporate_Company_box .feedback_row .feedback_container form .form_group .icon {
    position: absolute;
    left: 2%;
    top: 25%;
  }
}
.Corporate_Company_container .Corporate_Company_box .feedback_row .feedback_container form .form_group .show_pass {
  position: absolute;
  right: 2%;
  top: 25%;
}
.Corporate_Company_container .Corporate_Company_box .feedback_row .feedback_container form .form_group .show_pass i {
  font-size: 1.4rem;
  color: skyblue;
  cursor: pointer;
}
@media screen and (max-width: 800px) {
  .Corporate_Company_container .Corporate_Company_box .feedback_row .feedback_container form .form_group .show_pass {
    position: absolute;
    right: 2%;
    top: 25%;
  }
}
@media screen and (max-width: 900px) {
  .Corporate_Company_container .Corporate_Company_box .feedback_row .feedback_container form .form_group {
    margin: 0.8rem auto;
  }
}
.Corporate_Company_container .Corporate_Company_box .feedback_row .feedback_container form .form_actions {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 1rem auto;
}
.Corporate_Company_container .Corporate_Company_box .feedback_row .feedback_container form .form_actions button {
  margin-right: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background-color: #313131;
  filter: none;
  width: auto;
  padding: 10px 1rem;
  outline: none;
  border: transparent;
  font-weight: 500;
  letter-spacing: 1px;
  font-size: 0.6rem;
  border-radius: 5px;
  cursor: pointer;
  color: #ffffff;
  transition: all 0.4s ease-in;
}
.Corporate_Company_container .Corporate_Company_box .feedback_row .feedback_container form .form_actions button span {
  font-size: 1.2rem;
}
.Corporate_Company_container .Corporate_Company_box .feedback_row .feedback_container form .form_actions button .form_loader,
.Corporate_Company_container .Corporate_Company_box .feedback_row .feedback_container form .form_actions button .form_loader:before,
.Corporate_Company_container .Corporate_Company_box .feedback_row .feedback_container form .form_actions button .form_loader:after {
  border-radius: 50%;
  width: 1em;
  height: 1em;
  animation-fill-mode: both;
  animation: bblFadInOut 1.8s infinite ease-in-out;
}
.Corporate_Company_container .Corporate_Company_box .feedback_row .feedback_container form .form_actions button .form_loader {
  color: #fff;
  font-size: 7px;
  position: relative;
  text-indent: -9999em;
  transform: translateZ(0);
  animation-delay: -0.16s;
}
.Corporate_Company_container .Corporate_Company_box .feedback_row .feedback_container form .form_actions button .form_loader:before,
.Corporate_Company_container .Corporate_Company_box .feedback_row .feedback_container form .form_actions button .form_loader:after {
  content: "";
  position: absolute;
  top: 0;
}
.Corporate_Company_container .Corporate_Company_box .feedback_row .feedback_container form .form_actions button .form_loader:before {
  left: -3.5em;
  animation-delay: -0.32s;
}
.Corporate_Company_container .Corporate_Company_box .feedback_row .feedback_container form .form_actions button .form_loader:after {
  left: 3.5em;
}
@keyframes bblFadInOut {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
.Corporate_Company_container .Corporate_Company_box .feedback_row .feedback_container form .form_actions button:hover {
  background-color: #525252;
  color: #ffffff;
  font-weight: 550;
  transition: all 0.4s ease-in;
}
.Corporate_Company_container .Corporate_Company_box .Inquries {
  width: 100%;
  padding: 0rem 1rem;
  display: flex;
  flex-direction: column;
  gap: 0rem;
  align-items: center;
  justify-content: center;
  position: relative;
}
.Corporate_Company_container .Corporate_Company_box .Inquries .popup_message_container {
  position: absolute;
  right: 3%;
  top: 5%;
}
.Corporate_Company_container .Corporate_Company_box .Inquries .popup_message_container .popup_success_box {
  display: inline-block;
  background-color: rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
  border-radius: 5px;
  padding: 0.6px 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3rem;
  position: relative;
  transition: transform 0.5s ease-in-out;
  z-index: -1;
}
.Corporate_Company_container .Corporate_Company_box .Inquries .popup_message_container .popup_success_box .popup_close i {
  font-size: 1.4rem;
  font-weight: 600;
  color: rgb(255, 76, 76);
  cursor: pointer;
  transition: all 0.5s ease;
}
.Corporate_Company_container .Corporate_Company_box .Inquries .popup_message_container .popup_success_box .popup_close i:hover {
  transform: rotate(90deg);
  transition: all 0.5s ease;
}
.Corporate_Company_container .Corporate_Company_box .Inquries .popup_message_container .popup_success_box .popup_message {
  font-size: 0.9rem;
  color: #4b4b4b;
  font-weight: 550;
}
.Corporate_Company_container .Corporate_Company_box .Inquries .popup_message_container #successOpen {
  transform: translateX(0px);
  transition: transform 0.5s ease-in-out;
}
.Corporate_Company_container .Corporate_Company_box .Inquries .popup_message_container #successClose {
  transform: translateX(500px);
  transition: transform 0.5s ease-in-out;
}
.Corporate_Company_container .Corporate_Company_box .Inquries .popup_message_container .popup_error_box {
  display: inline-block;
  height: 40px;
  background-color: rgb(255, 177, 141) !important;
  border-radius: 5px;
  padding: 0px 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3rem;
  position: relative;
  z-index: -1;
}
.Corporate_Company_container .Corporate_Company_box .Inquries .popup_message_container .popup_error_box .popup_close i {
  font-size: 1.4rem;
  color: rgb(255, 255, 255);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.5s ease;
}
.Corporate_Company_container .Corporate_Company_box .Inquries .popup_message_container .popup_error_box .popup_close i:hover {
  transform: rotate(90deg);
  transition: all 0.5s ease;
}
.Corporate_Company_container .Corporate_Company_box .Inquries .popup_message_container .popup_error_box .popup_message {
  font-size: 0.9rem;
  color: #494949;
  font-weight: 550;
}
.Corporate_Company_container .Corporate_Company_box .Inquries .inquiries_container5 {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
  margin: auto;
}
.Corporate_Company_container .Corporate_Company_box .Inquries .inquiries_container5 form {
  width: 90%;
  padding: 10px 0px;
  margin: auto;
}
.Corporate_Company_container .Corporate_Company_box .Inquries .inquiries_container5 form .form_group {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 10px;
  margin-bottom: 10px;
  margin: 10px auto;
}
.Corporate_Company_container .Corporate_Company_box .Inquries .inquiries_container5 form .form_group label {
  font-size: 0.7rem;
  letter-spacing: 1px;
  color: #686868;
  font-weight: 550;
}
.Corporate_Company_container .Corporate_Company_box .Inquries .inquiries_container5 form .form_group .input {
  width: 100%;
  position: relative;
}
.Corporate_Company_container .Corporate_Company_box .Inquries .inquiries_container5 form .form_group .input input,
.Corporate_Company_container .Corporate_Company_box .Inquries .inquiries_container5 form .form_group .input textarea {
  width: 100%;
  padding: 0.9rem 2.5rem;
  outline: none;
  border: transparent;
  border-radius: 5px;
  background-color: transparent;
  color: #525252;
  border: 1px solid rgb(119, 119, 119);
  caret-color: rgb(78, 78, 78);
}
.Corporate_Company_container .Corporate_Company_box .Inquries .inquiries_container5 form .form_group .input input::-moz-placeholder, .Corporate_Company_container .Corporate_Company_box .Inquries .inquiries_container5 form .form_group .input textarea::-moz-placeholder {
  color: rgb(63, 63, 63);
  letter-spacing: 1px;
  font-size: 0.7rem;
}
.Corporate_Company_container .Corporate_Company_box .Inquries .inquiries_container5 form .form_group .input input::placeholder,
.Corporate_Company_container .Corporate_Company_box .Inquries .inquiries_container5 form .form_group .input textarea::placeholder {
  color: rgb(63, 63, 63);
  letter-spacing: 1px;
  font-size: 0.7rem;
}
.Corporate_Company_container .Corporate_Company_box .Inquries .inquiries_container5 form .form_group .input i {
  position: absolute;
  left: 2%;
  font-size: 1.5rem;
  color: #757575;
  top: 30%;
}
.Corporate_Company_container .Corporate_Company_box .Inquries .inquiries_container5 form .form_group .labelError {
  color: tomato;
  font-weight: 450;
}
.Corporate_Company_container .Corporate_Company_box .Inquries .inquiries_container5 form .form_group .input_error {
  border: 1px solid tomato !important;
  border-radius: 5px;
}
.Corporate_Company_container .Corporate_Company_box .Inquries .inquiries_container5 form .form_group .error {
  position: absolute;
  top: 12%;
  right: 0%;
  color: tomato;
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
.Corporate_Company_container .Corporate_Company_box .Inquries .inquiries_container5 form .form_group .desc_error {
  position: absolute;
  top: 0%;
  right: 0%;
  color: tomato;
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
.Corporate_Company_container .Corporate_Company_box .Inquries .inquiries_container5 form .form_actions {
  padding: 0px 1rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 1rem auto;
}
.Corporate_Company_container .Corporate_Company_box .Inquries .inquiries_container5 form .form_actions button {
  width: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background-color: #313131;
  color: #ffffff;
  padding: 8px 1rem;
  outline: none;
  border: transparent;
  font-weight: 450;
  letter-spacing: 1px;
  font-size: 0.7rem;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.4s ease-in;
}
.Corporate_Company_container .Corporate_Company_box .Inquries .inquiries_container5 form .form_actions button img {
  width: 20px;
  height: 20px;
}
.Corporate_Company_container .Corporate_Company_box .Inquries .inquiries_container5 form .form_actions button .form_loader,
.Corporate_Company_container .Corporate_Company_box .Inquries .inquiries_container5 form .form_actions button .form_loader:before,
.Corporate_Company_container .Corporate_Company_box .Inquries .inquiries_container5 form .form_actions button .form_loader:after {
  border-radius: 50%;
  width: 1em;
  height: 1em;
  animation-fill-mode: both;
  animation: bblFadInOut 1.8s infinite ease-in-out;
}
.Corporate_Company_container .Corporate_Company_box .Inquries .inquiries_container5 form .form_actions button .form_loader {
  color: #fff;
  font-size: 7px;
  position: relative;
  text-indent: -9999em;
  transform: translateZ(0);
  animation-delay: -0.16s;
}
.Corporate_Company_container .Corporate_Company_box .Inquries .inquiries_container5 form .form_actions button .form_loader:before,
.Corporate_Company_container .Corporate_Company_box .Inquries .inquiries_container5 form .form_actions button .form_loader:after {
  content: "";
  position: absolute;
  top: 0;
}
.Corporate_Company_container .Corporate_Company_box .Inquries .inquiries_container5 form .form_actions button .form_loader:before {
  left: -3.5em;
  animation-delay: -0.32s;
}
.Corporate_Company_container .Corporate_Company_box .Inquries .inquiries_container5 form .form_actions button .form_loader:after {
  left: 3.5em;
}
@keyframes bblFadInOut {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
.Corporate_Company_container .Corporate_Company_box .Inquries .inquiries_container5 form .form_actions button:hover {
  background-color: #ffffff;
  transition: all 0.4s ease-in;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.5));
  color: #272727;
}
.Corporate_Company_container .Corporate_Company_box .Footer {
  position: relative;
  bottom: 0%;
  width: 100%;
  margin-top: 3rem;
}
.Corporate_Company_container .Corporate_Company_box .Footer .footer_container {
  width: 100%;
  min-height: 50px;
  height: 50px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px 0px;
  z-index: 600;
}
.Corporate_Company_container .Corporate_Company_box .Footer .footer_container p {
  font-size: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-weight: 400;
  letter-spacing: 1px;
}
@media (max-width: 600px) {
  .Corporate_Company_container .Corporate_Company_box .Footer .footer_container p {
    font-size: 0.7rem;
  }
}
.Corporate_Company_container .Corporate_Company_box .Footer .footer_container svg {
  position: absolute;
  z-index: -1;
  bottom: 0%;
  left: 0%;
  width: 100%;
}
@media screen and (max-width: 600px) {
  .Corporate_Company_container .Corporate_Company_box {
    width: 100vw !important;
    min-width: 100vw;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin-top: 0rem;
  }
}
.Corporate_Company_container::-webkit-scrollbar {
  width: 6px !important;
  height: 4px !important;
  display: none !important;
  background-color: #77faff, #ffdf76;
}
@media screen and (max-width: 650px) {
  .Corporate_Company_container::-webkit-scrollbar {
    display: none !important;
  }
}
.Corporate_Company_container::-webkit-scrollbar-thumb {
  width: 6px !important;
  height: 4px !important;
  border-radius: 10px;
  z-index: 10;
  cursor: pointer;
  display: none;
  background-color: #fff !important;
}
.Corporate_Company_container::-webkit-scrollbar-thumb:hover {
  background-color: rgb(36, 231, 222);
}
.date-input {
  appearance: none; /* Remove default styling */
  -webkit-appearance: none; /* Remove default styling in Safari */
  -moz-appearance: none; /* Remove default styling in Firefox */
  padding: 10px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.date-input::-moz-placeholder {
  color: #888; /* Placeholder color */
}
.date-input::placeholder {
  color: #888; /* Placeholder color */
}
/* Custom icon for the date picker */
.date-input::-webkit-calendar-picker-indicator {
  cursor: pointer;
  color: transparent;
  opacity: 1;
  position: absolute;
  right: 10px;
  top: 70%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url("https://img.icons8.com/emoji/48/calendar-emoji.png") no-repeat center center;
  background-size: contain;
}

.Dynamiv_vcard_Title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
.Dynamiv_vcard_Title h3 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  font-family: "Orbitron", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-size: 1.2rem;
  color: #161616;
  position: relative;
}
.Dynamiv_vcard_Title h3::first-letter {
  font-size: 1.7rem !important;
  color: #525252 !important;
}
.Corporate_Dynamic_Vcard_Live_Container {
  width: 100vw;
  min-height: 100vh;
  height: auto;
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin: auto;
  overflow-y: scroll;
  overflow-x: hidden;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-clip: border-box !important;
}
.Corporate_Dynamic_Vcard_Live_Container .dynamic_full_image {
  display: none;
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  margin: auto;
  width: 100vw;
  height: 800px;
  background: linear-gradient(#ffffff, #ffffff);
  z-index: 1;
}
.Corporate_Dynamic_Vcard_Live_Container .dynamic_full_image .close_Full_Image_gallery {
  position: absolute;
  width: 100%;
  left: 95%;
  top: 5%;
  z-index: 10;
}
.Corporate_Dynamic_Vcard_Live_Container .dynamic_full_image .close_Full_Image_gallery .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  color: red;
  z-index: 10;
  cursor: pointer;
  place-items: center;
  transition: all 0.3s ease-in-out;
}
.Corporate_Dynamic_Vcard_Live_Container .dynamic_full_image .close_Full_Image_gallery .icon:hover {
  filter: drop-shadow(0px 4px 5px rgba(255, 156, 117, 0.6));
  scale: 1.2;
  transition: all 0.3s ease-in-out;
}
.Corporate_Dynamic_Vcard_Live_Container .dynamic_full_image img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  height: auto;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.5));
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 1;
}
@media (max-width: 600px) {
  .Corporate_Dynamic_Vcard_Live_Container .dynamic_full_image img {
    width: 70%;
    height: 150px;
  }
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box {
  margin-top: 0.5rem !important;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .about_details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-items: flex-start;
  gap: 1.2rem;
  width: 100%;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .about_details .detail {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex: 1;
  width: 100%;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .about_details .detail .detail_title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 1rem;
  font-weight: 550;
  flex: 0.5;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .about_details .detail .detail_title h5 {
  font-size: 0.9rem;
  font-weight: 700;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .about_details .detail .detail_message {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
  font-weight: 550;
  flex: 1;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .about_details .detail .detail_message strong {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .about_details .detail .detail_message p {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 0.9rem;
  font-weight: 500;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .bussiness_list {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .bussiness_list .icon {
  font-size: 0.8rem;
  color: #000;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row !important;
  gap: 1.3rem;
  width: 100%;
  margin-left: 5px;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a {
  text-decoration: none;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: all 0.3s ease-in-out;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a i {
  z-index: 2;
  font-size: 1rem;
  font-weight: 500;
  color: #ffffff;
  transition: all 0.3s ease-in-out;
  position: relative;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg1 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg1 #sw-js-blob-svg {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg1 #sw-js-blob-svg #stop1 {
  stop-color: #5365ff;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg1 #sw-js-blob-svg #stop2 {
  stop-color: #5365ff;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg2 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg2 #sw-js-blob-svg {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg2 #sw-js-blob-svg #stop3 {
  stop-color: #ff004d;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg2 #sw-js-blob-svg #stop4 {
  stop-color: #f500da;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg3 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg3 #sw-js-blob-svg {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg3 #sw-js-blob-svg #stop5 {
  stop-color: #10b856;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg3 #sw-js-blob-svg #stop6 {
  stop-color: #10b856;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg6 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg6 #sw-js-blob-svg6 {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg6 #sw-js-blob-svg6 #stop11 {
  stop-color: #4da6e9;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg6 #sw-js-blob-svg6 #stop12 {
  stop-color: #4da6e9;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg4 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg4 #sw-js-blob-svg {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg4 #sw-js-blob-svg #stop7 {
  stop-color: #ff777b;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg4 #sw-js-blob-svg #stop8 {
  stop-color: #ff656a;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg5 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg5 #sw-js-blob-svg5 {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg5 #sw-js-blob-svg5 #stop9 {
  stop-color: #a5a5a5;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg5 #sw-js-blob-svg5 #stop10 {
  stop-color: #999999;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a small {
  display: none;
  position: absolute;
  transition: all 0.4s ease-in-out;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a:hover {
  scale: 1.1;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
  transition: all 0.3s ease-in-out;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a:hover .social_media_svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a:hover .social_media_svg img {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60px;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .icon {
  font-size: 1.2rem;
  cursor: pointer;
  color: rgb(104, 104, 104);
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .about_details .bussiness_detail {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: 5px;
  width: 100%;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .about_details .bussiness_detail .bussiness_title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 1rem;
  gap: 0.3rem;
  font-weight: 550;
  flex: 1;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .about_details .bussiness_detail .bussiness_title h5 {
  font-size: 0.9rem;
  font-weight: 700;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .about_details .bussiness_detail .bussiness_message {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 5px;
  font-weight: 550;
  width: 100%;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .about_details .bussiness_detail .bussiness_message .business-grid {
  display: flex;
  gap: 5px;
  width: 100%;
  place-content: center;
  align-items: flex-start;
  justify-content: flex-start;
  margin: auto;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .about_details .bussiness_detail .bussiness_message .column1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  width: 50%;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .about_details .bussiness_detail .bussiness_message .column2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  width: 50%;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .about_details .bussiness_detail .bussiness_message .bussiness_list {
  padding: 8px 5px;
  border-radius: 4px;
  white-space: nowrap;
  font-size: 0.8rem;
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  overflow-x: scroll;
  word-break: break-word; /* Breaks long words */
  white-space: normal; /* Allows wrapping */
  display: inline-block; /* Keeps element size to content */
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .about_details .bussiness_detail .bussiness_message .bussiness_list p {
  width: 90%;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .about_details .bussiness_detail .bussiness_message .bussiness_list::-webkit-scrollbar {
  display: none;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .about_details .bussiness_detail .bussiness_message strong {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .about_details .bussiness_detail .bussiness_message .all_bussiness {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(50px, auto));
  gap: 10px;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .about_details .bussiness_detail .bussiness_message .bussiness_list {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .about_details .bussiness_detail .bussiness_message .bussiness_list .icon {
  font-size: 0.8rem;
  color: #000;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .about_details .bussiness_detail .bussiness_message .social_medias {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row !important;
  gap: 1.3rem;
  width: 100%;
  margin-left: 5px;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .about_details .bussiness_detail .bussiness_message .social_medias a {
  text-decoration: none;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: all 0.3s ease-in-out;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .about_details .bussiness_detail .bussiness_message .social_medias a i {
  z-index: 2;
  font-size: 1rem;
  font-weight: 500;
  color: #ffffff;
  transition: all 0.3s ease-in-out;
  position: relative;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .about_details .bussiness_detail .bussiness_message .social_medias a .social_media_svg1 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .about_details .bussiness_detail .bussiness_message .social_medias a .social_media_svg1 #sw-js-blob-svg {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .about_details .bussiness_detail .bussiness_message .social_medias a .social_media_svg1 #sw-js-blob-svg #stop1 {
  stop-color: #5365ff;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .about_details .bussiness_detail .bussiness_message .social_medias a .social_media_svg1 #sw-js-blob-svg #stop2 {
  stop-color: #5365ff;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .about_details .bussiness_detail .bussiness_message .social_medias a .social_media_svg2 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .about_details .bussiness_detail .bussiness_message .social_medias a .social_media_svg2 #sw-js-blob-svg {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .about_details .bussiness_detail .bussiness_message .social_medias a .social_media_svg2 #sw-js-blob-svg #stop3 {
  stop-color: #ff004d;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .about_details .bussiness_detail .bussiness_message .social_medias a .social_media_svg2 #sw-js-blob-svg #stop4 {
  stop-color: #f500da;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .about_details .bussiness_detail .bussiness_message .social_medias a .social_media_svg3 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .about_details .bussiness_detail .bussiness_message .social_medias a .social_media_svg3 #sw-js-blob-svg {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .about_details .bussiness_detail .bussiness_message .social_medias a .social_media_svg3 #sw-js-blob-svg #stop5 {
  stop-color: #10b856;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .about_details .bussiness_detail .bussiness_message .social_medias a .social_media_svg3 #sw-js-blob-svg #stop6 {
  stop-color: #10b856;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .about_details .bussiness_detail .bussiness_message .social_medias a .social_media_svg6 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .about_details .bussiness_detail .bussiness_message .social_medias a .social_media_svg6 #sw-js-blob-svg6 {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .about_details .bussiness_detail .bussiness_message .social_medias a .social_media_svg6 #sw-js-blob-svg6 #stop11 {
  stop-color: #4da6e9;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .about_details .bussiness_detail .bussiness_message .social_medias a .social_media_svg6 #sw-js-blob-svg6 #stop12 {
  stop-color: #4da6e9;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .about_details .bussiness_detail .bussiness_message .social_medias a .social_media_svg4 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .about_details .bussiness_detail .bussiness_message .social_medias a .social_media_svg4 #sw-js-blob-svg {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .about_details .bussiness_detail .bussiness_message .social_medias a .social_media_svg4 #sw-js-blob-svg #stop7 {
  stop-color: #ff777b;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .about_details .bussiness_detail .bussiness_message .social_medias a .social_media_svg4 #sw-js-blob-svg #stop8 {
  stop-color: #ff656a;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .about_details .bussiness_detail .bussiness_message .social_medias a .social_media_svg5 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .about_details .bussiness_detail .bussiness_message .social_medias a .social_media_svg5 #sw-js-blob-svg5 {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .about_details .bussiness_detail .bussiness_message .social_medias a .social_media_svg5 #sw-js-blob-svg5 #stop9 {
  stop-color: #a5a5a5;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .about_details .bussiness_detail .bussiness_message .social_medias a .social_media_svg5 #sw-js-blob-svg5 #stop10 {
  stop-color: #999999;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .about_details .bussiness_detail .bussiness_message .social_medias a small {
  display: none;
  position: absolute;
  transition: all 0.4s ease-in-out;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .about_details .bussiness_detail .bussiness_message .social_medias a:hover {
  scale: 1.1;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
  transition: all 0.3s ease-in-out;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .about_details .bussiness_detail .bussiness_message .social_medias a:hover .social_media_svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .about_details .bussiness_detail .bussiness_message .social_medias a:hover .social_media_svg img {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60px;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .about_details .bussiness_detail .bussiness_message .icon {
  font-size: 1.2rem;
  cursor: pointer;
  color: rgb(104, 104, 104);
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .specialities {
  width: 98%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: auto;
  font-size: 0.9rem;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .specialities p {
  width: 100%;
  font-size: 1rem;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .specialities ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  margin: auto;
  width: 90%;
  font-size: 1.3rem;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .about_row_4 .specialities ul li {
  font-size: 1rem;
  font-weight: 500;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .gallery {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .gallery .all_gallerys {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 0.5rem;
  place-items: center;
  margin: auto;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .gallery .all_gallerys .gallery_image {
  width: 100%;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .gallery .all_gallerys .gallery_image img {
  cursor: pointer;
  width: 100%;
  height: auto;
  border-radius: 10px;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .gallery .all_gallerys .gallery_image img:hover {
  opacity: 0.7;
  transition: all 0.3s ease;
}
@media screen and (max-width: 776px) {
  .Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .gallery .all_gallerys {
    grid-template-columns: 1fr 1fr;
    gap: 10px 0.5rem;
  }
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .local_video {
  padding: 0px 1rem;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .local_video .local_videos_container {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 0.5rem;
  margin: 1rem auto;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .local_video .local_videos_container .video_image {
  width: -moz-max-content;
  width: max-content;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .local_video .local_videos_container .video_image video {
  width: 100%;
  height: auto;
  max-height: 200px;
  border-radius: 0.1rem;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .video {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .video .videos_container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
  margin: auto;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .video .videos_container .video_image {
  width: 100%;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .video .videos_container .video_image iframe {
  width: 100%;
  height: 200px;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .google_map_container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .google_map_container .google_map {
  width: 100%;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .google_map_container .google_map iframe {
  width: 100% !important;
  height: 250px !important;
  border: none !important;
  margin: 1rem auto;
  border-radius: 0.5rem;
  filter: drop-shadow(0px 4px 5px rgba(56, 56, 56, 0.527));
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .Footer {
  position: relative;
  bottom: 0%;
  width: 100%;
  margin-top: 3rem;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .Footer .dynamic_footer_container {
  width: 100%;
  min-height: 50px;
  height: 50px;
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 5px;
  justify-content: center;
  padding: 0px 0px;
  z-index: 600;
  background-color: #ffffff;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .Footer .dynamic_footer_container small {
  font-size: 0.7rem;
  font-weight: 600;
  color: royalblue;
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .Footer .dynamic_footer_container p {
  font-size: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  letter-spacing: 1px;
}
@media (max-width: 600px) {
  .Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .Footer .dynamic_footer_container p {
    font-size: 0.7rem;
  }
}
.Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box .Footer .dynamic_footer_container .dynamic_footer_svg {
  position: absolute;
  z-index: -1;
  bottom: 25%;
  left: 0%;
  width: 100%;
}
@media screen and (max-width: 600px) {
  .Corporate_Dynamic_Vcard_Live_Container .Corporate_Dynamic_Vcard_Live_box {
    width: 100vw !important;
    min-width: 100vw;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin-top: 0rem !important;
  }
}
.vcard_preview_loader {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vcard_preview_loader .preview_loader {
  height: 5px;
  width: 5px;
  color: #706dff;
  box-shadow: -10px -10px 0 5px, -10px -10px 0 5px, -10px -10px 0 5px, -10px -10px 0 5px;
  animation: loader-38 6s infinite;
}
@keyframes loader-38 {
  0% {
    box-shadow: -10px -10px 0 5px, -10px -10px 0 5px, -10px -10px 0 5px, -10px -10px 0 5px;
  }
  8.33% {
    box-shadow: -10px -10px 0 5px, 10px -10px 0 5px, 10px -10px 0 5px, 10px -10px 0 5px;
  }
  16.66% {
    box-shadow: -10px -10px 0 5px, 10px -10px 0 5px, 10px 10px 0 5px, 10px 10px 0 5px;
  }
  24.99% {
    box-shadow: -10px -10px 0 5px, 10px -10px 0 5px, 10px 10px 0 5px, -10px 10px 0 5px;
  }
  33.32% {
    box-shadow: -10px -10px 0 5px, 10px -10px 0 5px, 10px 10px 0 5px, -10px -10px 0 5px;
  }
  41.65% {
    box-shadow: 10px -10px 0 5px, 10px -10px 0 5px, 10px 10px 0 5px, 10px -10px 0 5px;
  }
  49.98% {
    box-shadow: 10px 10px 0 5px, 10px 10px 0 5px, 10px 10px 0 5px, 10px 10px 0 5px;
  }
  58.31% {
    box-shadow: -10px 10px 0 5px, -10px 10px 0 5px, 10px 10px 0 5px, -10px 10px 0 5px;
  }
  66.64% {
    box-shadow: -10px -10px 0 5px, -10px -10px 0 5px, 10px 10px 0 5px, -10px 10px 0 5px;
  }
  74.97% {
    box-shadow: -10px -10px 0 5px, 10px -10px 0 5px, 10px 10px 0 5px, -10px 10px 0 5px;
  }
  83.3% {
    box-shadow: -10px -10px 0 5px, 10px 10px 0 5px, 10px 10px 0 5px, -10px 10px 0 5px;
  }
  91.63% {
    box-shadow: -10px -10px 0 5px, -10px 10px 0 5px, -10px 10px 0 5px, -10px 10px 0 5px;
  }
  100% {
    box-shadow: -10px -10px 0 5px, -10px -10px 0 5px, -10px -10px 0 5px, -10px -10px 0 5px;
  }
}
.date-input {
  appearance: none; /* Remove default styling */
  -webkit-appearance: none; /* Remove default styling in Safari */
  -moz-appearance: none; /* Remove default styling in Firefox */
  padding: 10px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.date-input::-moz-placeholder {
  color: #888; /* Placeholder color */
}
.date-input::placeholder {
  color: #888; /* Placeholder color */
}
/* Custom icon for the date picker */
.date-input::-webkit-calendar-picker-indicator {
  cursor: pointer;
  color: transparent;
  opacity: 1;
  position: absolute;
  right: 10px;
  top: 70%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url("https://img.icons8.com/emoji/48/calendar-emoji.png") no-repeat center center;
  background-size: contain;
}.react-tel-input{font-family:'Roboto',sans-serif;font-size:15px;position:relative;width:100%}.react-tel-input :disabled{cursor:not-allowed}.react-tel-input .flag{width:16px;height:11px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAACmCAMAAAACnqETAAADAFBMVEUAAAD30gQCKn0GJJ4MP4kMlD43WGf9/f329vcBAQHhAADx8vHvAwL8AQL7UlL4RUUzqDP2MjLp6un2Jyj0Ghn2PTr9fHvi5OJYuln7Xl75+UPpNzXUAQH29jH6cXC+AAIAJwBNtE/23Ff5aGdDr0TJAQHsZV3qR0IAOQB3x3fdRD/Z2NvuWFLkcG7fVlH4kI4AAlXO0M8BATsdS6MCagIBfQEASgPoKSc4VKL442q4xeQAigD46eetAABYd9jvf3nZMiwAAoD30zz55X5ng9tPbKZnwGXz8x77+lY7OTjzzikABGsenh72pKNPldEAWgHgGBgAACH88/Gqt95JR0OWAwP3uLd/qdr53kMBBJJ3d3XMPTpWer8NnAwABKPH1O1VVFIuLSz13NtZnlf2kEh9keLn7vfZ4vNkZGHzvwJIXZRfZLuDwfv4y8tvk79LlUblzsxorGcCBusFKuYCCcdmfq5jqvlxt/tzktEABLb8/HL2tlTAw8SLlMFpj/ZlpNhBZ81BYbQcGxuToN9SYdjXY2Lz7lD0dCQ6S9Dm0EUCYPdDlvWWvd2AnviXqc11eMZTqPc3cPMCRev16ZrRUE0Hf/tNT7HIJyTptDVTffSsTkvhtgQ0T4jigoFUx/g+hsX9/QUHzQY1dbJ7sHV02Pduvd0leiK1XmaTrfpCQPgELrrdsrY1NamgyPrh03iPxosvX92ysbCgoZzk5kP1YD7t6AILnu+45LykNS40qvXDdHnR6tBennz6u3TSxU1Or9Swz6wqzCsPZKzglJbIqEY8hDhyAgFzbJxuOC+Li4d9sJLFsnhwbvH2d1A3kzAqPZQITsN76nq2dzaZdKJf4F6RJkb078YFiM+tnWZGh2F+dDibykYoMcsnekdI1UhCAwWb25qVkEq43km9yBrclQMGwfyZ3/zZ2QK9gJxsJWCBUk32QwqOSYKRxh6Xdm3B4oMW22EPZzawnR72kgZltCqPxrdH1dkBkqDdWwwMwMO9O2sqKXHvipPGJkzlRVLhJjVIs9KrAAAAB3RSTlMA/v3+/Pn9Fk05qAAAUU9JREFUeNp0nAlYVNcVxzHazoroGBkXhAgCCjMsroDoKIgKdFABBwQUnSAoCqLRFBfcCBIM4kbqShO1hlSrCJqQQmNssVFqjBarsdjFJWlMTOLXJDZt8/X7+j/n3pk3vNq/bb8+3nbP79137/+dd954qTVt8uTJL73OMhqNer03ady4cWOhWbNmjV+0FfKGjMb36Y9/1fXUst9cb2y8/lpb797z5k2dOjXVD9Ljn59fcHBwQEDAgGch3l9on6feeeedn0r9kvT222+/sErRgvcDArwV8f5tN/rcvPnMZ22pqVFRSVGjR38k9Rsp9fLql/MXLj20VGjt2rVeak2Og/auI/kHBQ3We/tCo0ZNhwYNGj58/NaWlpbOyMhIX1//2/jTrICvckhXruQsWbJw4cL3tzhPORynSk5lZWVtglL9IkmdDQ05NqvVGhLwbKSUL+Tvb9yH/2sj+eN0IZZ3fvq3Hnp71ZtCOyofdnTYSzq9xX7UtsF9+/Y1FpeZT54sc2aUlq6Jy89YM/qj2oZaoeOkMR8dV/Tee++NWb04rrA5MRYKDAyc/NKCpwDIyKhE9LEzZ/r4DLQAAE6EyEeM6AcNH7m1pTMnB+fHX7tG9Bs0Xt+GwM/frqm5tz950aKDk6rsiA0xbUrbRAii/BDeV9bGhQsPRlyOCAuZ9GykZwT++n2RHPnVYQU+oaFDPQD8jEQAPiDdaLPaHGVXbn/O7YHQuIH9B/gYgzts1iqrtSopKWlNRkzS6I8arFaOFvTfew8AfiYil/rN6sWTKwtbArOzExISUl7+vwCuQNt8Bg71AQCcTwNpWeFbW3IIQEmJr08XgIzX2xDcvZrs7Jru5EWXwwKSwh2RkQ77w7Q0bXp6YRoDaKO+kZl8MCwsYpJ3pEf8liAAoPhDhqUMQ/wAkF+oqKiosJYA7HxotdnTtVe6Pr/S0h+AI90QffU3T9obGuwdD5PqkmJiMtbM+ajWI/60TX0COhoarAAE1dfXV80FgMmLi1oSKP7/B6ASAGyBV4YM7D/Bx8/bF7g5fgmgEwCCSiJtJQRgxEi9zZqVdYUu9pW0tLCIgOvxdR0dpxx5aWl7EzV7CYDV+tXnCzMzkzMvE4AFlTuhZaSf/OQny1L32RC+JcHikzJ06NAJoe+YNKRbsbG3xPlWZTxssNmdOP/J27ffudLJ60V7DAaT1lxRVvfwYe3Jlrq4uJiKjAwAcIWP+BkAhV/i7HA0uAG8BAIUf8qfzvwvgJcQf+XMK4GWi8OGTpgQ6uftzwC0LIM2WgcASwaXOBwlA7v6/YgAhFRt2pRGeu0/UyImbal77eHDo2kVAJAeKwE0fl6P63/5nSlTAKBCiR8AovbZEL9lf8I5AMD5booAE7OzY8X5fhGJi0/nTzTcMh+80iIBaF0APqvIu3EjqfRGcV3S4aSKYk8AaW4ADU4gOFlfn8sAXnoJBDpTCMDL87zU2kwATl+x1Nw+P2HChKHBBMDHFT8DwGjX11FSYu/f/aMf9XtOjwAacf2hmxRg7ywXDrr30kb7NVhDquo/z0y+nJs7ZUoYA5DxM4BFmcnJyV93PzjbvQhK3urqAYF7xflWVT5ssDaU4Ox7T9+6Ei4BaN0AUkvXJEExMTGHD9cdFgA2yfgZQAP1f0dJw0lrfS4BmIb4z5yZBgL/H8DibbehGROenQ0AQRhvZPwQAGDQ8wlqsFkmdP9ofr/n/OgK2ml1xxQECAAy/tdee++91wCA1mfWJy/KXUTr536T+O67764X2r9//T+3JkPdDx50f7qItDXfff+zeAxY1lYV0VCmPV1Ts5fGAGUYDbHpo0qT6vKTignAtWvXiuf0StwGZZPQybMPAYC8/xF/bj0AUPwvvzytKCdl6dMAvJxRuXjxkCHnL86YMXs2A8B4m4yWQTrdIp0uByMajcATJrwzXwCIiIjAFSrbJwGI+FlH00YH8/rQy5enQPsYgBK/BLCI1c0Afonhn/XjH8MNLP9o1Y4Pfg795N9hYQ23bt1q4fb07z+A/ITR2J8AFJnqOP7iuj7Fc35TK+9/bkPaM+NGiSnsB6wRIwGA4n/5T5Pzc5aeeAqAP1VCM4niWRqVgr1p1sEYlskNJQC4BQZbLJi0MAgCgBUKqYo3VEVEhIWFTZqXtYmVxiIAtB4QeDUAvMuSFBgAJCkwAKHlLAKw4wMIFG5URVgdLdwedEq6BuCgj1qzpi4uiVScYa6I0fWKJQVC2aRDY0eNWrlyECwMMIDDc2vZ6UF0F7z8tB5w4kTvtZ+ygklGkk4lvZ6sne45SDg8aJIQ2z+4Mmg0qcfauXPnfvPNN9XV/1S0VSWyf1Ls4FZ5aIHu/blGKb2UOM0ckq4PmsZ2b8yYMb2l4FbhX8ePHwmhuSPXkhaQ5q0tXzBvntdUUq9eSyFu9njXxpA74Leg198yktRWVI4OkAkymw2Q3WO90+nnN3u2H0QkHI6JpHHj2GvTYdsupd68GfVZ4yTJqJeUaNKhQ+rzCUvOMXEr//4vD3333XdLe+rRJx4iqumDnT2O5zW1HII1hPLy8pJGjz9GWgk9D61Al4fWkWay9VRbUa1GEVCYDRoonu0dr++n0ZQ0dMCNdDRYHVrtuImjWHQ80lvfl4WfhJetw1CFm6h+rkazd28iJHvyIe/IHt7ZOBY7o4GPH4smPqf7nRwz/sH6bmmi2HtvYiBUYPxEcZakt701PdsPAIhb3DBbYmIIAOK+F9HXJ6z7t799AwDI48+cOQRi66m2ogoAYVwIQEkQb8DrJza1azRWq9NpjUjXtg+aNXHU9EEQHW/YsGFD3toHMFZbgzUsDNPkPgAgpScG1vA4TgB8PZATAAoc6IasWPHhhwCQkyNCdwMIJCVqDabA8+cAAJFLYVD92dvpjvQe7ZcA7p0/350dEzNmy+iRAHBPrO9+AwB41Of4h2HoFdZYhsfL7ej7QmbSBdED/GkDXv+ju9Pv4i9mM+g09Rs1duKoQSQR/4whb7msbFhufHy8M2xup6AZ3sHzWOChaveIWQCtn00A7s/84MDuD4bd+fBDcYEukrVna5fwMQPAsqnQZOqqLtBzezysvHd6z/YLANndUELMGAmgXqzPfeON3+IE8PHbuL2YegYCAO+/fz/io2VMM+5HpR/BGXIPGCzix3oAaBo13aApK9Mahg8fNAo9ANsPGi7iB4BLZRUPH9advJGb6zx+3Jk7FwFtCNekNzQUabW3cAv0Ek9uUA0U+PGsY4NmzrxQVBS3e82wGQDA7bvI8SsAsgNP7y26HV4GALyeJzGaY5J18fZ4GT+3DwBK8/K2ZF/s7v46ZYwEsMJHrJ/gApBJ8QPAs9gh2BYBnT077OwUnvcBwB0/nCEAQPFBdADefv5dPEu3p2u18e39Bg2aPou2h9wNmP3wi7bGL9qsuVOcizoBgM/X0BBtamggK2wGABn+WSLw8awm9P4Du3ecys+aMWPGt6J9medF/EsBIBbxJxSFm4vM5moJAOGL+AHAO90jfglgy5bshO7uFAIQM2fkyhUr6sX6fW+MJQDYX1wvWI/+uOIc79mziJec4ESxDPGy6AF9RfzYHgBw02s7yswNhf1GDJ8+lvcfPgKrxfoAa0S9uP9HTV95LHdur8TzuF7W5OSqDdEGAFiaiIjk9U8hAMdw+1Ts3r37VPOMGR/K9l3k+CUA9P9b4c6y8LKC6upqAiDj3wpxD1Dix/m9Uku3KAD6xMx5DgC6xfrLYwnAEuw/jOJnAMHjpnvECwA8aK5YseK3EA2aogf0pQNIAIOaXI8S0/sBAPaHaLUEIOJHPmjUsWACACN7/qLVmoz2Zjabv3x8X+oBdP/DWeih94d9sHv3BzO+fOOND6l9C93xL00BgOy97dHo/ZHm6EcAwM8OHlZ+YLpFtF9eQAGA9+81pg8DQCzdU3D9Ef/YN3AC8OP4Z5D1DBg7XYmfAKitqYl7AA8AvDxxVLtGW1VVVhYRZjC0jhg/Tuzv3j6gCuEjfghGYd/cXrFk5BNqai4K633k938h/Zp15C8Tx68E7X7Dtm2b8QZEAH743j8gYQQwC8TGlp08Z7ZWC+k/4eFf6pc//Sje3+TZ/pFeqXkQ7hoIhhoAnve8ogRgCQZBMQsgTgBgXykpAoDKmpoIuJP/wMvzwaOKHkisVfUnDYZZ2J/k3n4ST/94UiHt2/d+Lx7yttFAXnP+60W6+X9ggQFzGDdeOJT791fQNAgAv/qHFFMAAJou7AWQBCAkKXzknW71bD96APnWQ4c+hthRsv1Ty2WNA4InwYYpzhJSW1MT+lmkxx9awyfNhQVmvf9+c9M4kVt1by8tsmuLub3I/in6er7URGkh1SZ1znfk/xR9o2oP7F8Pax1vbO8RgJcwhYp8BvpMcD1t+0GffPJ7xUo+CA54Yc+DPXv2vGA0vkBavfqIW+xeH3kr8iJ9QxJegQNpu/TMzZupnzXOkQ7+OkumeCCOU+Si2Sr7kR6RkQZ/iA0y62PWVKlUiLy8fsz1MSd6s+YhLz1vu0t7ILS4T1Rqn2cU9fF6YQdpMZIAG6dNmzZ5bX+7PZKGsXi0CM9xwZ+0DmuVnejxsHMDJu3Zu24vkrT+QTtYq4/8nvWHPzyeCa2HUySRbzMKAO9CGhZ15Pku67uGlaS7frzoeFat26uY2CpzijiIrbKfLdH2buy7eKLkR8oAaXWhQNLH8+qEKirKy0tLS6O8bXVZQpvg8dPmbV/O+jH0IvRClLY06hkPAcBGqLa19ckBzC0HVg+0R9rQFpqFtWER1oBPhr3+eutPocevPzIaBwTseTORAu/rQ7sd2AgA4g69T1PlfmGVsX9fn8ESALk4ER5Gsb/Mny2tbzGkPQwASH1s2iTDBwC2yhYeVdgq+yXODAwpCCzAozT7Dml12fqR8VGcOMtk9A0pkUvsI7YvR+DQrl2vQLtWpdbFPAVAq8lgMrcygKEEoKQsJKTMYQgLDQn4ZN3r60T43ngSrH5g1rBcWaINAoCMX1plXq8GoBUAXNYX4RcfPqzVXa8tqk3bpATAVtnCVpytsp8tsCBifcJVil8BoFhfu7OE5RCyGn0HWxweQLYvf/HF2tp1T568IgD0Gf2MJilKBSCrPf5Cc3h76e4zuwmAv8ZqQ5cLMwwNA4DWn+IfwoeqX3/8kQvAQC2rGQCU+NkqywuiAqAVACa6rO/hYsR/uBi3wKZd7wGA1gPAcEvfhAQAmEEA4DwLEgo4/tmzwyYdYqurWF+9zWKxhCKlTjnV2WEBxkhHX5/G8jSZEZoKALWJWbuyYgWBVRgA6vqk9hgDNh54YtI2t2jbn5wBgAl2m1XTYAmxhFoNU5DG/uRnHuG/d/yjEa0X7kID+99tgu6OxTytxK8A0KoAaCGexz+rWHPpUtKaG4e1hwnAhhNZlLtMhwyG+HhDGVvl0PXZ2fv7w3oMe8vPijuf4of2AQCyutDmzWdI1zcv0Psr8SOFF2As0Th8Qr84CiEzcjSKni09b4l5C+al4r9uAcCBA1nthuYKc3spA4i0hWgNdFazgbK8n3iEjzct380S1rd/f+mkAECJH87O21/2v76eALQM4MiRX0+MKqXsFXSYAei8/d3WXLHaoQNTUga4AYSGiesPTSEASvwEwCrin4D4GYAv4m9MS5M5yalGX1uixccntCDwKqf5n5FSboGNBw4caG03m1tbz5zZs3v1bAAAKvtJDAuzAeD1c0r4DEBY4f4DKH4C8AclfgYQxFl0etRWAAj+RwjA6DUyfuoC3xt02F6JnwDQ8UNpeQAB+DTY6op/HxJLU+au3jj5JYRPwvR5ZoFN3v12oVxjkE+oXbG+4o71WH5dJa9VALD7wBPMArvP7AEAfaTVgm3NZkzcszHoBCvhM4BvhTcfMOCB8OZH/sDxp0hrCwA8PvKjNqkaAPaL80sAyvU3fF+sU1tptspDaRkA3gKAEIoforwaAPhZ3f2de4RWeUvAARqDKH65ZDKE7/nxriexm17ZtO0JxvhXX1n1Q5UAYCMQTCsvn7ybEuYL9JE2q9jfZJoSBgADEP5xt757MJM0xMcHUUOfzr9Pywlua+vtThhJAOvdPYDc/LjRayC+CxiDTm2l2SpbeJmPHywzyhLDXH1ICI96wEAcAlIr4ABKSThuXt4c75ByyJ2Zj9qDWbD2SSJmAdaqBSp5CdPoB5frx9LDdEVDG6C5cKnB/xz1kdB3rAcP2Bb7+X0q9GtOXirWU7HGEgBSwI/CoehosrIT2f7pFKmtNFvlYF4W/jvAI6kMoX2y1kBIZKBHu1PDwfNI7A1ZbP+UIgPMAn08hFnAIOROal3P6pnlzSQlK8pHf4F2s+AwjSRNvDsCadl76bQif9tbqDBdNvzPfxcy8+nCw1OULDDrOukEi7PXnngo+IDLY8UZZMmGOmsMn09yPTI8VwjhWEUkXIY4mYVu2/7qq9tJXuqsLoxJj+XMZqEWUmdnskabf8olWOI9Rl9Ik07vqeh1id/EpqZRUGKOhksqxveuZGm0Idx3g//+BPrd734n793wXnuFEoUOXc+ClJcrC4wiI8rv0On4GNUbbh8TBRtwDOPVWerxv2P9SuiPukKcBwd0xRPusuLSH+/xUmd1r9dm5XsuZzZ35kBLxCt+ANBoihA5CY6YAODEmnS8KRpIr7cBgJp2uyDkahcmi+EAUE7SpvPQFRrw9yfcvk5nPHUyApDokQWPBQCOXN7DafPo+ABH1RN8fL0t6OrVq1X3eC7C8dVZ6vHu2P/4xz//WQDAQ44rnmhXFlrYYxeAW+mJ6bcSEyUAEFCyqJdPfkX6HLp8+fJXBEBTyAR2uAD0tWjSfbh9BGAUxX/1zi8HVXcpAHZq03m9BNBptXY4ET8DUOKXANJk/AxAFETYbO/ayJ3aACAwcH3gep/Qru4PUZ8w/nW8X9gWOMSdZR7bRG81jkOU1XjeDUArFOey4i++WFW1vr4NAMTLaFjLvekuAJvylYKIXIcvFcQItzLB9o5G44CzylcA+Pe1+GjS+fojwGDO4hbcOfuXX35bnZ0deIgB7Nyp1QqrygB+1Wb9lbOBAUQTAOV1XuwhdRZXI7Q3UVplfSKS45aEc0MH9p/yTveKkQCw7WrIXneWmYDMrD3++Mnx47x8Iqt8GiTs4+bJ8y6V3Xj4sOLkjV27qjA9AYCBvGJsQkLgXraKBAAEOsCdZPfLdbjjRwQAUOJvxy7t/BK+NKuPhqVYTX6PEHJ101+qq8MWLcrUqdf/ne5Pa+OvMLPRPB3dBw+ychaDSkers7gaFiAliv31sSHr14euv0o8n322XoeAHXhwOyuydsMYwJDax0+ePD5OywCA8NM4fAIwdWfdtIqKvKyMXbuKDPWFRS8wAG3r3lvtF0RBAveANuqv7K2Dc+3K9Z/g7gGtlKRja9sjPjSQF6/eqc7+9ttztKz3Z6uarl22BcqL+jvdo1URvyqzGbSUpOTX6XlkW0mvpaqzuBLA6dOxOD4DKMA7koRzaMyUf3+xczUCvlVgic+m+CWAIUNqjz95vEkBwJdfAniVhj6+/xuRjGyTAO42XRjVxJMfACjxE4CuveRlC2SO7d13NJD59yJFSQD0QRj+tPHu7flhpqv6y+pv/9lF7wn0QexZ4g1bBIBZBCAnIsJaEm+QAJT4f/Naqrmndd2wCFMPhuHTp3OWQDk6vS1hfcL+6v6I/iU8vgPAkAs1+5vPIn62zt6+56AsdNChjx49OqcvwsEQPx2OjwcAIv5d+YW5hfkSgNZ814wNGADHP0HEo58Q8PXe2Fjx/JkCxd7T8uXn+CUA3P4AILcPFu8NuqrDziF+lND4hfCjigAQsywKozQN0Esc8eJ89LTHLk8+7ZmV+LnBnJX2KNAA8KvVQ//9xWTYkDNnJq9VW2m5XF8vl2lSx/X3AMDhU35kee7yXS94mfh8St78RNZDOetAEwBAmaRjoS6t4a7M0TKFcWxNtfE+cvvgsWKCjs3U8jwFAGxd0w150DIAkHO0QSjaSPM3Pa6BI+RnVtojAPAErBRo6AeHtN1YDP8uRra1aiutXgYALTZ1H287pn+SxAAA0pFB0aQT7wuzKbOQwV93kfC/Qt13j/TI0k5kg2Yqox1YY0VBwlKdWXgx6VvLzKlRrPEjRU53Q7QQdpenE/bW7G7JBpZOpUmfLVi9arXQWkhtpdXLZP8WzFsQFx3Hh2vm/CjrBZaX9UbvmzenotZWWmpZ3AOJUgvCtkq/2u2Vy0lmbiOfZhxLqSWuyC/FpS5qbCyiW/6LUm/om2rv6mrvR9VGyCRkNErs6uOprS2bcpaZ91Bbd0CTmsTiPd/i8gtuzxGVPpoIebTY61qJ+aT9pJOytEnQ6NfiSBlxcbWsMTRG7LBtdFvJ8nxI9FAyKEhgkJRa4jqHpigjQxMZqamry/fV1Hk3eWRx198zmjTpmEZovSbe7tRGq4+ntraGnlY9nJfT47Wu5YAGVIKSZIEF7y8KOrg9R5C++r2iI6/W9myvF2p3/YNwyqQYcl/Fc14TkcNAk+r60AkPhBzg0wkA4GNi2fyDCMAg5VURKkfz4uwOzWJN0GBNuR0Qrnk3jTrrqlh68O1wvDlyNCBp6R+k0Tqq7ACgOp7K2koA6b7xSgFGeuTgvkElWBYAEDgidxVY8P5c0DGMrbLTgx908tVTPdo73uumw+4baW94WByTlp+fFuMCkJGhBqD1ACCeFP2pTg/WVzkgTpiXUV6GtCCeD4Li82N29vYGoDs1/Lrvy379ngcADaWtg0JwMAe8ufp46gIM+brdYnEKL4/lSF5fItqjFE6ms6/g/UVBB18Qb1xgeno4x7qqf/XUKdr81i2ZIfJaU1LR0YEsbUxMWmnFUQEgP5/sYFxceXlWn1XIGR6w0JzDWosGZ2SIBgeFwJvDeBBvtxWVz5Ior2Xle486i4KIO1fP3aEXkiv0QQ47pa9CQoTTnP304227d08ejwMsszRaylwAZIGDvwCw/RQ8ObRRaBUXcIiCDpwPAN6NvQoN5vgHngOA5XT7NDVJa+31WUXSjRsxa27EXEuLawGAo3HU/+OysnBjlpdmPeNnExkYV16+HO3NEKMQJjgrGizjl1a0MTLI4xL2vek9KrBg+IiuhBRUFhMAfrojiae74Kcf715m8j0+ngDgj/vBR9QOAyArUmj2njc5cJmkOLCKa5u5PTO4YMM7cR0REPELAMtxxA0bpDX3SsXYFwNdu5bWmZN0bc7RjNraOMSPHpBRCgCrKWcYKq//njNrp4kGmyCQCQlGg5X40WDZA3z6u3vAnUEjRtw5d+5LAJi/Qm9xcOstFht9JxHp9/TjDeteKJyd7AFhuVPKhFX39vcXXd4hssjbuQO4IGxkAD6iPZy1Rg9Yj/g5/IGPAGD58kJ42Q0bwnE8AUDG39mZl5eToyMAiL62Fok2AkD34O7QM26jlIcG14oui6sYEjymrpxeyuUJlaZuqViWnz5Y0x8AQpt7J6V6Hxs+4k4N2chD386f/6EeRseB9lso89oBY6I+3lhVAQYDSHfud5qEkUEWGftj574ii2xWUqJyPTqfKOjg/WlQ5P7v4wJwSguhoJEV7hW1huOHKO1xDQD45aJWWyoAUAPOhBEAgwtAbZ2YhC2haDA/bbkfNvKmxmRobJF5mgEDNL/Q2EPKU72nD7rPPhq5rwf9CIDdageAUK2hod4GAKrj/U8BRiQ/ju8/R/7UJ4Ssbl9HutbpL63uUws2RH/k5bKe1vrKq8td1nsflDsXAES5OXQY9da639SS6uQswAC0ByyTlR6QAQkbEgIBQNbicggY8qCpdRpb3M6dNAguS4rTWC4ZjwVCXIABCitgdZ2RGNBDMAs4bSUAoDre/xRgsCFYvx5hkbkVVjfIv6/L6j61YIMLOs7ysuvttdSRV+vcnqEecycAiFpbFtUbiEpbzpiy6NKsDlhL/pS1ZQuq6TZwkjCYJOtuSVNJpZ8nIQeaf/NmPlKyz9R+b4T++cj46JF+9iM9JK2un5+0uurjkX2T5Qsso5Df/7O6smCj5/a93oI+5eUjKu0JVpLMJK/r18PDZRaWq4i3k0ykcHbLKmcqaoVlCvcQtGjEjyZ6emF1Fre3CpDa6vKZhbHn8wdLueytnqU8n7CTFSllugeMik0WaJd6CrUZDTfmwep/cY3S5M/hmqjP73V9Mj0uKjnA7ZQtFebiRWiVt8x/yrHW6GE1SYf8Hraa2psUa2m0QWRlQ0QWd8FiUrkrL5XK+ytm13iiUog3mzZtQbANsrpL7CfpySCz+G8BXEChYRVAxj1vSsmCDVUBxTfFTq3zpDO+Li5/Q9OFlrg6tdX2MovZCn6MtXM7PS8LAPQ+HQA48IcPeardqFesJtf6HvL2bby97tat9unCCQIAz/ORkWKeBwB3PgafKWxOFVYXCYvjwuqe4NAlnpcIgIhcFkQAAAfOfwwNIwAALR4IkKEpMJp6ZrWj1QUUgx2Yde32G/hIB+VVx6LUVlsCcF2Dyt4MQBzvFQgAKP62pvA2CUBaTZmF/RjLEV+dn7nuVvuo4fQRFQBYoHRH31DKAgdX5EMSb0ZGXIy0uiU+JcLqEoBprvgZgBK/BKDEHxYBAIMEAG16NQDoJYAdO7QCQAKnL043N5+mbpB4qNEZ77CXlFRk5FMJfFOd/OyOxJ/deZ1A99+8Weue5gjALphFLL+yezcB2AhZmy5Y2Wnh9feSCGE1ET8DAM2D3WeHDKFuMGi80R/hl+CjqvgSBsBlc5V0vMpCqigRF4viN7AVXV252B3+S8jaKtdTZoH5q7IIaUUjJnEBhYHWxysA3ty4482Nb2r5+KyMuvw64fQqnBknT2aU7aQe0PX8MqoXaKUsaCvivWvQmiQA7qHQ5t7bkSt5RctWYzcD2MEAwsNDJICvFi7sewf6knRnIltPn8vdxGNYvGkcAPj42OPt9hJfTqpyAws1GRnaImRBXQAQf4mBG7i2snwnaxlp51R1FjnEYRfqgBo69nHO0YD1ngAKNxbiP7S9BFAXV1EhnN7D8KLw5riiirq4lXUHK47VIf6mC63tTU3trU3T78IJilJSpQcAwK5XeLlQAXCg6oMbVYife8DCep8RSqkpACD+e0hL70UPGD5S70/pLXQ6pyhY4BzfYi20uNDgBoD4Bxi4gQyQZnVZPK3OMquXOecIdgQA0vMGuPwbD+yg9RIA4o8T20+tAFvxlV59Te6y0Vh5wWQytLYaTOgBAFCp3KNiEPzxrldUADD8VV06/wUWfw4AZDUVqzoSy2GXHwyZiTGgHwGhLHGoj7Mk0jmUAVS4D54BxcVcr90E5fUfkJTGb36ox4gSDwg9hkthP4RQCDtu3Ic6dYEDF1CYPAHweowBwgqPbVoJyXJXfFCxrCgjDv8Jr4urO51bk1GBLDOUQ+IssxesKKlSqveeH7+iBnAAqo/YTTogsq49rOfB7m23brUOp2UGQNH4DJ1gEVnledP47pKvfLdEqd/9occo8TMAJX4CoFXilwBg+lQA5HoFAIcvviiZWsHXH4q5nVDzk9HqLLNXUaFLJlORqahuz4uQOCDPAkblUYvkx1bTw3oGt3Xi4ivLsoDBnVWeygNc3mYSsoQA4PnyFwDIMCglD8EjXc3/kAQAPbPE4Wx9PW6BF6RDkW1ci2+K+JsngQE9AB2QOwEudGNdRoU6y+zl/ohMmjWyf6uiyfduWEVSnJ0wZLw4UvkMTaebCCuqLOtVFQxKGasQdwSYZdcZPWweSykFFuKwlZxoOBdQXIiGmvUkVxJ5g5TaSivnHs3SqeQ1UZUl7Q1p9Bp3kQWvFicXNvvQfGX7cR8fmqs6oPozOp1KAqgClSyw1AKSnqVA/PbTXj3E7RWnn/81jrcb4loHme7+n/Pz5krWuu3GM5+hVnmOfAICAFVWtzdVE9g05VApHvNTPawnW8fLiYmPeXvofmCNztv2lRxRuG/p1AUXOl6rrDd6WFGyyqsXQ4oXnKe3sRIT2f5YAsY2PV4nNJPUS2nv/a9wQJ3yewPiW2OcP3wDN8LQvIHP3zO+7/kXJ8IvrYGuJBUDgEhqyruaAJSXa0I0eaSjRwGA1otw2DrqOs8HBt6hzb+tSbi4RAdn17jE/UI7UwJw+Po6xLOFjmsroj//fEMmr+eCCovl6lUfeqHu47d2scsG0WA5eSqMj1AovM/QiAB8JXZnnRvBul6u9k4/v9Ccmbzwn8ZIgROwwDPET6sxdeaEa5xOTfiSnHA+//OeWetce0cDVAzl5BwGgNb29lb570L73fZ+AFCqsWg4fgCIYuspLidbVxzwNgggzZOQ0o2AyNpG2JWHKQZgJ6sdycvR3CGdDbYyE6kFABD/+uyEgoFcUBHQEAHVV1XxZyNhcwUAy/r1FP+UiIBZo0zmY+2etcQc//3uzE5T54P1evSokvj4SB/w7I/jAUB4Z3N6ZF8f3/TmJRsYwMILraQLUOvwz8ocHR2ODlSo5V65sg8ANKx0B7IsJGGtLaraXXF+Nir0/r77fPb58wkXM1HAAACUpbZjvQJAfJY00EnLRt8gdPXPIyIuiwoRLqi4mlBQkFI9gQFQUWpDhNNZbwWAXADg+AMD9w8dOmVKaMAsg2FQ+3BYFs/2TL+/EIN4Z8qjgXqjf4kdpoP7kwCgMWkdMGNDI03hOD+11+xhrWWt8uHiwyfbGk+6AdjtjkhhPV3Fx2F0/tnyszixP9cCy8/UshP2y8/Q7Brg9sHeImvLX42JlLADy+E4HrxxZlhY8gSuEGGrjOrnagAg4wMA9RH4lCu+w5lLADpQ+mlxxm8LvFUytKTEcnCWofV5fOVzzAmVlDk7yAneP4/4M79GcSoBcJb4l8SHIH4+Hj8oNoeGLtv8kNojASjWGlnwS5eK16BMM6eidMlhFwBtpK/Bw3qGqqyn2J+SkASAPtM6fz7l62QG4O8RvwQQL95qOGnZDeCyLGaGVeYesL8ayxKANl6Lt125+/DV2CVTZZGzcrHZPDmvbPLm8O/RA4a39+uux+WQF2T6/ZZMxJ/yDbcHPcBGPYDjFwBM2lPL8jafyTCF4/zUXrOHlY7iStXDEDlUAPCNdzgdeHqz8z9Hwzx8SQoAR4/S6/yYo1FsPbUKADipewnZeMvxZcrS7q2LuNY3TMYPAQAUSfHbeDma/1xmtdIYYMYYQE5yYEFKyjdoLwMIC4sHAPzHSQAqKovi8L5w2uT8yrz8uPLiWStN7Su60COnkADg8fkWU2dmZkr/ZwWAoCCMAUEU/7M4np9BE57TrM3avLm8sHnhBkM0ffbX4S4mdoSNXiPiv3b7ypIlt2/rvNjaYnwXFQb99QRAO5QB4Fvio6PZeor4OAury7mYXfMtWeFvD/X6OpNqfbtkXpYLIkTBhX1w30gDA6D9Mfp2d/cTn6kZg7gQoLpaFlQsKH/J9Sj6p1/8Yktq76LFIDAtP39yXn5dXv4zs5DFqFB06Us8jYZn7v/GVRCBW4qrC4aKMQA9wJyzJFqbn2+IXrgkmgHkDqRV8nwE4DDU53DO7dt0C6gLCqZi+tdatHlyGhjN1lPL4vVbAwPvu2aVOyn7dd4h92ReVhREqAsuxk6XqyFplT0LMILXyklQUpiaVJlfWRkXt7g8P6M8I2Na1KyVpTt2vPjiRgjO/MAq3RKopsDd3lNFbuVDWTj/hmYTj3ctzQYCEIFRVzkfirUheRdcAwB1lpXsnyHAFOVyj2w9hdPk9UsPjVM+Oxv/9cdzx49VliF1wcVY1S84eBg9JavMLlyqeOrhw6mpl4qjooqfiSruM+sErLmHYP7++sijvduVYgfa7gX1+XV6Y48TzoF6WOFPDilfxZHUWWB1VlY+Fe12qTe0wCOIQKkE+SaAQcp6E1JvlZRSYaH+AyCPn1sTnxMqmq2SOsurXl5L6vUWnYFb4KXWJ3v39viFBXXWVFpT/EFY0wOiSjg//03Wmd5ZdRcSL9SJdyN4MRK4cuX69bHvtjWyLn4claHNqFCssfN/ACSSlF+MGKC8+fSFjHPbWOJ4Bw/+1VsldXvVy2sXQ+ug2Fgy108DwIHXPr4gfmHhs4fQDegL0g2dPhI20/2ISwA4B52fv5EeQncAwGk0/HReHj/u5qUGrny+oCBWNPhg48GuKK3GcMkKcR2DddI8IfQYIffvA8hfjEDBBklG4A8AHDj0DnTwr656mAApdZZXvcxWe+bM27e3bQujn/J6CoDH/FFkQs1dBnCiklL4izERbebSUmEMTE3HzOIzOQaw42+dnX/bCBGAFjS/heNXADQ27u+6eLHrIABkGOouKVmdsgyhiooMoU/58/ga1vnzNV/j9beUqB94v02JnwDopFxPzOqCCvUyAZi8rQa/d5f9fwAkcg/APXteApgGFWq0hZM9ANx9fkWTJ4CizOQiAWDBYnR8cf1BYHNq4PMAEAgACfsPgkBXVMWlS+gBso6lapJGqKVFI6T+BQpTz6ywuSzeKVVG6tCxtrZsdQPgeLu65C9W8LLyCxEAgFlm2+2IiHsAMOWpAKgHXKAe8AQE3j5BxMrp/NO4tJQBtFOKpp2sJAPYsTwuOTnuRQbwfcWNG5eEMLdc0kkABxMu7t+f0nWzK75nlrdMxpe8SAGgxA8fYVJlhf+nFpkVvUSn6RQAOCtd39WVi3gJQKS4f0R9bxAATAaAewUFADDlqQD+W9y1hkVRRmGyy+6ygrYleMVCM4sQoRvQKiFSBlG56CZiYYigEIgFlcJWhIJ0YUuUCLMbT1mhS4ClaRJPEQRElhbhpRD1qSyhInvq6f6e832zMzta/arebm4zOzvnnW9n3j3fOe9H8f/gev6HH57vpPZyMAbK0pESpAfz/YKA5YuWvb9skdnMBGCq6PO2lpbMz6l19pWhUZdg8h1ljvLHSOCiZUxASxyw/eM9F7Cbn1LHNGWugYHyv3pJgIcDhSRAla5B/zQCZNvdnj2y7U73/lAiYFVJ3/33980jJXkqAsDA84e+aaorq5MEYCaLlBjiVwgw73z//eadZgAEIAV3O6YB9qN4CASQ1t/KMkP82BEE4Mu/5+ieoyDA6pnVzd3G6Ni3r0P8aVqwNA94nJDcetfnWyRuB7Z80rqDvv8MPA+36y1M9W13escIEACVNW9eX9+8vyIghr0Fnq/r/IEdFnq/xP1fwbHjprFqZyYCvHDaYzRXGBkHJAoCArby5qtJa4KAGctAwIzqTR9/vP3j7Xu20whQ69gwAs7UgbPIfGyRRUYxs1LMCzy6tnWTGj8R8CkDnUfyDyc5WOiyxCtmQmTOGxcXd20cm7mdTIALI4DwvHBYGOopjceO9czaggDcA0TBA+4BIGCSsp1mr8YIAgKrqqs/BrbvOWr1lMa5egJ0WWQQAIhqXgAEqE9BQu+3OuilvL7W+FZKOAmHvYuBkwl4rV81WCB4CmNtgncag+XfKyr0bWyiq7kK2MDQdb2dPALUtzPWywznWolWoFcD/fv1Ul6pE1DKjVmkiloGPgMvPTh/qpGOWjsGoPeZUlF9+ypv//pVTspyLe5S3n/paR5YynvfweDt+qzzEAn5CWhkdySGR2NKMD4+1oH/c5WAsv9lO9qSqJZ5k5LbNgukKuerrxUmKrSXzyTQ2moSuJEgiiouIKBfAPBTpWO0IzJS9rAsWNAWPLR0ZQw9VyIisH1UQcnXnJVdSYjg/U/Twcdvl5/fewzejv0ZSlZ2SDmhsLs7t5w+I2yIozwjwwGxjFcZkflh+iz1L7VBtW+jzc3pzM8CwoyGUM7hBcjz5YIKqTSBaWrWWbTxcVZ6IHhgYNMAZ6Vv7ADEk4J9jgUBE1TpiConQzls5WJji2IHStN+8vErCEzzpSqlEVtnVG0dylnZEioQmMf7y7jnzXMTEDjBF/aHAG/n/YHD54us8xDE7WjurLVXuPDDlAjIiUzPyTcY8ImRKSBAZH0PHJAFF4+/jfDwd2wl5c5jw8xB9cSAzVeeL0tleZ8gpYik6yRlQp0KMSkrXb3uq2EXvpv8LmWluWNFEIAqBDcBqnSMTiQCEH7R/D2lu1ItkJZdBWm+aWkj0qq2YjtnZbkKawbvf4TQ39/d3d/Pf/TZFVjg+xID22l/jv6aiyYOP4DECBNQX9HgKMx3VRAB0Q5k9nNiiYCUICaA4p84ejTCp/25zQ21zCCgvHxmJUZAoYEJkOcLLzQMDE5fsRcaLDQ+BA5to8IwImCA4qcn7cePX6cSAG8zI0nj8WJ6fJQqHeMdiZH5dPk3IXyjOf/rkC5fhF9QUFp69jkoNOSsLBdIzOD9ScGcf+gio/GiQ+dfjxcYMV2SAN6O/YGJzcaJQuoSARXfFDkiwztiYjPzw8opNZcSaTBGRpYnwhwT+59/WEijfux/heI4URk+8+aamZWzzTKNPUyebxKZwRURwskLbSqatCj+nTsPCQJ8/Dyn35kAY27nV7VaAiZdDAjT03gUfdLl79rVbcxw5M+mvjykMEePSyutikPpKkvXEtkxzwQA2wzANv6jT0RBYJcggLfT/ofroKK2NSOi4ZOHOEBAaE650VEUkwkC+LGNf5SkJRFwzWiaGm08QbW+xxxZe/dWOvdmhs901EzP1BAgpO9UR74U4sBZbSYm4KNtOz8iIAlLSlGVSgoB/vUDQWb+bSAIGMnnTlL0ivgcXP62Tbu6zZE54bDW+toPI6CrNC6utPQcGgEsXRE/CGDlxe1Tt8Ay8NAtz9KffWBmtpXCv/NO1RFip9G80+hfh+MTAfmFFbGO0AUdMZnhsbPLUzLSMQjQ05kY5J8YGUv7L2scfaB/XOMLtH+8MysWU9tAT0tfX7gkwGgdIaWvvlZZEPAhj4DPQIDOoYIJ2GdsQFkiDDLcBJyvFjzE5+Dmtys7qDwW1ZIgAFJza0HaCIRf+v3XisMD1+IKAoRIsaRmp2/nP/pEzPAkgM3TcAecOFwc35Gf73C5CuubY9rDQQCMkVPgCms04kVkfvhs3v/9/nHj+hE/E1CE+LmYt69vtyQAOWSY1UkCZPyybQ7KkupCP9yG+ImAG2vUyXYyiLyCCfBvaPDXEGA8Xy14iM9v67Tj4u++dPduJiCgYF7p2WdXVZ177tenfT9CODzw58Wx9OQMlq/9ppvsvufSn/EVmAECKEGnOkIMP7TN/9A1fHwiIL+jor4+ph7FuUxAeUo+EwBvcBDA+7//Pp8PEyDiZ4AAPl8iQErfE4cPc8GSBNr4hDK/Wrb9ieOp8YGAffvEF078NmDpeI1a4DC1vjYxJ5YQDuArMCuwC4MItjaY7Kq6lmtz5VOApScr2DE3QcvjP4APPZ9fYpyyljdetMkWFnJ2lghIsVgc+UYjnoL+QeGz9ftP5cd/bCxYIJhk1tn6F7XC+qzzeP32K94ABAEXAyCApOONkwGRtT1rSLxaPQzAP4qwdKk34wvOEn/xKnDUmzBGB9477w4gj7frfX01hg8MvMbfYRZLmHAX4/35DfyOydjbo5pZJn1zvSXUUmEBVb4L6D+f/yMKQKYRvPKSBgeTUKp7gdT0c3XSNSlaZqzjo4upse0DAVFcDHytgmt3rwDqLNQXbekwAaLAwky1x3w8ofRVua/P4iImwwcGNQ198OBBLy2mMlQSnQGLF/vOnD5scyCjTPEpVnZhFjRtdkrbHX8U4JVUUVFfUeF4z2wjWHN9NtZ5SNFop8PBZXzF6dmjID0/ePjh4vLyYsXn4davd0mI/uKh8CWm2Wwz5uN2ki8xS1tRsMDHQy2ytnfzTn3tMLLQhocNAcETpOPEwaHeBz0IQLM5Q5ixzX4iIzVjZUZ2yr0ls8gQvEw6RNCdZm8+vmLjbXZjsGfbnTGdunBEgYa31/6KehdKS9dMkVlfH79JfdousCSnK7ANPviRlgBIz4TmDx7+xlUyq6T+vpkzUeM0EwSkKSil2l2y2AQBNTWoxiSLTZa2ggA+HipRAf65DxABOBN3HpMImGS42cClc+w4sXmoNfVlDwI4cDm7Ezt7UmpMQkRIRMLqEkYZHCJYOmeGH99xfDcISDWkTvHwPU7npplhskADBDhcaE5fY7EycimrmqvxCU5yBoIAZ0YqbEKH5W678VgFcsz7R4/u3MsIy7ZZFaQCtZMFAYsWGY3bXmACRgoCjGaWtg8h06Ma3N3+4Dlau/xRAd6CAJmCIQJsqanW0zUE5GjihxvdsOyYkEC/iLensB98SZl0iNiLG+bx3cczZ4832g1TZPxyBKRsYTM04XiBr0CM0+VyrrmYSwKmjB+6o2CS77qFC5WSl2hnW1tloiUE99yQoIuoDW3WrP19eAYMGwY16uuN2IDsXbtkSQwREGrYtuydDiLgHZNa22tmKawYQsRUiIIFs2cWOMgA3Ky+tuy2W63eY4d4jgCKX5qxPZFhD5oVaX9xeiPiBwGKQ0T4pszdxzcdnz0+WG2rpPoD5fMofiYgz4HLDygjYKhrfqDvsGTFwQEEVGbh8o84e5h950RuQ5vVtx8MjEP8RIA4YEJX6S7hQEG+xKGGmnfeWW5sJgLU2l4LZX0VApo3SkcIszZ+aeCw+D5gJq8Qcesv3t6bdyN9oBCwocKloKmpyTW4KmHx4mGLnVOyED9QdmxvZlvbk20gYNPu3cfDmQAZPxOwfosYfTTbRZ4kXhdQ/z6AEUfCYLz3QGDwsGS+/A8IAootCfh2+gUdIqlMI2B0H+KfQfFTZ6c6AjgLS77Eoc3L33lnUUcz+RKrtb0Wer86AmKE9jfrsrj06j5NQcMvYzdu5OsvQStKuGd3z8g0Bc7CzY/RyASobYAQckPCTdK3mJukqP6A70G4Aymf52W1EZRvsTWXtHM20hUSndEZVrQt4vKPFFJ58jdNfXPm9I07wZnJfaZt8maxU6D5PCKgbhkufkcz+RKTtJUE8PvlPeD55/kxcPfa0++RM/EA2d9ByRnuY8cV4RU2NSo1dcpULQHlhoxYEf4ZggAZ/jyE31g1NV+N/9iQ3aZp5Fs8nCDOn9sBRDl0SBSyxl5jgy/RZnWnQfunwdWcgPRG3NEgKviZkNs8XErJyW8coJo4jh+pWZNH29pVw88jX2I00eBGENRMvsQsRQUB/H4qxmasB2BuFp0jg+dmrefCxk4iAjhLTO5x08JgTD9pWpibAHiRWSIRvyDgSRDA8SN8ip8IcMdfXX0MBJBvscZHGN5iiJ8IyL5wTDYISLUB6n28FtpftrkxC0d98JCy+9e5peR57FEk8SkI0ElN8iVGaVxNjdFcCF9isV0QwNvXqklvgAjIkUOAAQImGW82KlVaIOACOKmOBwMqATnKUwA8yBEgKWACshQdn3kcbYDsW6w5v7UYeQSaqU6lEUBunLUCbxOGfr90A5qtjiqAYuqsu0yVkqjj9YBeatLmGmRlC4NCF7m3hwbR/zmPtq8FtPZm0bpaXsg/88sWNcuJ/81QGFCW01DA8k+iCsD+HrtwOhonqIh9pZgCYpghfIXF1RcNegLu1rVeb0+p2pDkmTcmWenO4QI2BXJIXRYVdUWS5h1508aqWXZAX2sszNDUz1uvgvXzKZf40MwX6R0puCXvVeC009T0uSZGL5aimlrgsbq2NdPARqFSAgp4++juYqdmsawwesRrpbPNs1Y4NcpiycbuLqcLv7OzKqfe8d6XG0UWF4Djg77WGFIaULPU6kQJpm0efXTtqZf4GFD8vkx6RwquRdYsEeI9aRSyppw2JYwHATiQphZ4rK5tDVnV6kt8gbQZcVuxHQEmInBgMyAIuIZqd6Ujg00bPhPgb8/KaiqrbGrLbNkNApAvp/dI5OprjSGllx9oKiiQWV8QgMB/+OabH14ngIBTLfGB0IXXGQjQOVLk0WSvcJTg/b1HjRmT3NWVfDWDCcDxNLXAcqkrV0y3UGKUVv4KS06k4a5IvsFGg82W4pTxny4IQPzI+E1sngil5yZABvhCtr2msrKsrL2sJbNpSWwYCHjpvQx1u77WGAQ0lXVtLaiSWV8i4BCmYcYJBtby8ckugn1ozf5iBHD8TIDekSKPJns1S4SMRU3pxStXagkAnZpaYNGuHjElLcIqCVhY2DCnetjWrajuRUbI2L1ypc3s3Mzxn75ZElDnP3L4yJ3NUHoKAcoVDsKZVFa2tcMvP65lScvUOx5JwdpRe1ezozwmS30CRslaY5WArtTcLrmEBxMw7hmgkVYgen2tCDg1JCRVU5w9wPEzAXpHCnah1SwRMgQP3ITkZDseusBz8V6cNVVrgQUBFYGrdwRWSHO0woVz6ue8m3z2OaVLUZxs6541q9uwsuH4McJxk5l+506sI9P+kcNJKofILyjPWI7CXB0IaI/tmUEE7G8JuyPSkIFs0XEpTVuJAG2tsSAgI7iKs54gAN/9ZwjjBAHpQnnWObOF9BZKEvFLAvSOFAoBSOLheIIAFDFnX6olQK4mp86vm8v37i2HYwET0DBnznx8P7efc24ptmMEVNhsIe4sKxFw/sSLzIdkgYM+CxtKBLS0NM3vw11uMBNfgUhaNkuugLYaI0CNX0rpAy1dUWVx4v0g4NFHrxUj4DUQcKcgIDUqCgSYFQIGZPyt75r0jhRUIHF/ibpECBEA45mNl3KPPAgQq8npCDBmwARItKlRre2cBvpl0Ps4B2zrtmVPkPFJApBTbTbX1TWPBAH6goWhWI+wMhMFUC0tRwaXbAYBuP4Z6nS5rtaYf0scaKqqKsX7FQLoHnBtx2uCAGVPbvNKZwKMRhl+77smvSPFipmo9OD4BQFGIDk7N5mPgQssaoU1tcB6H18QUN9O8QNzh3LACcPUggQmgB4AdTv9rxl+1clLbnh3pq3bvHl+S8sgsGTzbBCwyuJu6zHX6muNJ9MSH+/jAPx+IgC3vh8OH0b8TADf1QFaLg1marcyAQNMQG8rCNA7UqygUieO/1U+Ht+YduzINQv4i1phtRYYBEzx8PFFbW77EqXN7N2rva/tDtEvqWH+uyU3QMDqrErG5vDNRMBe7ZoarfpaY7HEh/r+9fT4B15nEAGA6LYGmACcungMAia9IwXXInMWex4fz6wWTwgChhJyGd6EC7QqDTB5ojVNV5BAVN+od3AANJP0c8NUeTo7r3U8jqsuqaGrNZZaW33/ep37WR5B02amb03TO1LQXis2cIGEPF8mxw0vo4TSO6lRngycm8f6c3mL895Tz2D7IGRuUvQR8i6Tvr46qXoGgAINLomYCgz19qw/GeMMv2l8uPNxxQhZ3/ZmtCkwQ1pbLM+6cQvDKODuHLuccBrjlFL6KkDbR6f3Fc5YzwVaAi7X3WshTRmyE9NUbFxsSHwPwJewweXaHw2dW78SSBPS9Ko6T6l6BrLHqATOEXg6zDvbZseyvAEy6zu2MiElISTFnuh0kt1g1lSeKFXPx6Jvw4MpitYW5Rb9+bO5GytfIX3VeISPsFqwIXyJ9b7C/kgZKVnrzrIyFwhwNyPj7rTMlFecQrGvATrLmpYhY5SV5YLUTGNpSgURNVqpCgJycvCDTVr0gQCbPcAOF6ULpZMUChsnTAAdYoa/CATgt4Z6PhabgWtm+bUgQLPuDlas0J0/CEBgmtXx1HiEj7BnBsq80+slt0cwrW35yB14g7L/fU1N5SBgUd225prmZvzT8QIIWJyBq4/w9zaVHXiBCWgX8Z+tFEQs12QYckHADcgv5CN+SUDqJVi2WcQPAi5IwHjxi9pRVNQCFE2FoUIGtxKuIkxPeiUxalSq36jixYziFZ9tOwQoo+DDZyUBLpdRIQAXViN9RTx3bdnyKKUh7lrrE8J1pAUFUqh54bHEEBO6L92xXsaP3ekNdxIBzc11zXUdy5mANcZVxmJx+V9A3osIcLnjv8SeS1ng5WrbSOhS/ZIYdlsCHtDSIv/C8UUJiVEbEzc6isKZgLAVM+1m+xrCQWBNdN4jAci8+zqJEJTu3qp+PTRSuK4C+dHl/BoE0Fp2Bw4I6QsCEM2WlIwMUPDoQyCACyZm4IRYamsJoCzFS3dgvh1QZpxLvkCWt3lnc0dH3aLlNcsQcF7kquJVuPxNB16QBLTL+M+eYIew4CzwIqVSDwREqPETAUNxBTTl9xfMjSzescNZviM8fMCR4ggHAZhtUOJ/GQQsDh6VGuI7cxURsMZNgHL8IL5gD3f+8ENPA7JMd93Jnz8aNSaHxep44oLiB3IK4gcBomAibdy4UsSvJ+AOEKAvOJisLqbGAa/A+HfSt5/iv4wIcHH8IwKy3W12y/3l+TEBFL+6GpzNMwucixHEX38QMLBsERGAG4wHAaHOmc7a6Rw/E6B9vyRgeWddTc+yh4gAWcDR3y+lr/ARvj09/faHeLuQ3jNQyS1Xm5u28WfCbwI/t+oLDkiaNjMKmwUBaxo6cfk5fiKggeIfRj/OcEtpvhxZ4EWaR23hkJynn0b80qP0uTAmQOMHEO1E/JVU4VS0bFlReNjcL38W+Jjwc+/4jW/nTg/FuuF8fuvmHpSOQwC7zrBP8H03d7bcdwNPtbEZm0b6Ch9h3Ai2KFNxbqXGaX0vvXRFAB7L0REBYt21ukV0xfPqcfkXyfiR9Y12pQ3zTbCiBubQRcOx/+XXLJqjdWgAAc/h+iN+JmC2TY2fgBGgVHjtxlK54WGn8AkOsEepr1es4tEB5AEHo0Wef0ts7O0iQM5Sq6vjgQB1KpK2mw3ysy2M0JPa5k7K8roNKd4hmOZ0lnVqV6ML2+Vn99/ZXDdyotj/suWeDg1UEIG7AB4CjNlmXe1wvJPL3ABRkPFPPsG3riIo3xEQIGcZRZhEgPoUoP312y93t/HJ1eZOMifTFRwAJi2ODr7g8frdd9+/6jLs7y5AMHmC5B+yzO4SB5Jz0gwil0ACkHPCEv/kE6zvslOFsgCXVyAHitU5dFJabscO2iy211kmT4zXFUioApyxoiF4UrCKKVfrs7TwRvFwJt7Rdvqxj4cc26Skvrm0gl0hNrAWlu+9SpGm+uONB7T11nkEFvj4B2jV7T958uPT5k4+7zvluumPZxZQzdSefEVncRHlKRXvhLXMI8WPKHeeFfWpU66+2I2bxuuztDeopjkPA2+dIWt9xSIwsWFsniYW1SA5PFYWSLg/T18wofcN5l+D5JPlqidtkGTq3OXx+ZM7MLkB++7QDp7BMZ3sU5zqB6td5TUIeH29RyelT9QkjfEuCPDw+gIBWEYZi2lLPL5dn6X9vkK7uvqun0St78bg2KL89vZYIgB5e9EoCCFABCRkB4waFSgelWVy9ThVCut9gykfkJ7TiQVPmnqK1tyfZJrfE9ilfj4I2LFxdce+jn3+b/ASG3x+2Zj/svtJn+JRtByesj8IwK+kyFSLgoU+fl1pJcDoRrqTNvanpKutuUBxvXVXdwgYUAjQL2xMxcvrqhcutNqruc3tmFzSIraoKbCqpWg2ETBTNEqyEPLB9Ugd5et2f6tkSyMH4AQc0eK5H1NREWHj43OOL316J9DUfpAIWNJXUqDWOk/uwFjZV7gv1PLGp5IAX7vdzzfAHjJB+BRnj4Kxsbrw8hkPbXvo0ewQBe9CKnaljR5dMoj4B68dfcTgqbUt9fVL2g3Z5yhfKzYsMDaT+dghiyQgrQWPgVBrbkvuu9W9+bLWt6ioottNADu9BUIOEwF2q93X94QEapI4feLOOhs5/u6KCmuMQkBDw/T0+9e0d7b3HLw/2tQQtHB/ybw0WTsMAlZvWr3vDf+gjn1MAElfu1+C1c8vdQJtlxdMXXj5jIefKXxw/c8+Er1QSl1bYex73eC4/bcNjpMEpNTUpIiChvr65x21BssxBXRArK6N+M+/iKRv647OzoUNDXMKl7TX7tmDEeBYwKvLhYe3NLWAAG7MdHG36BgmIISywr7utrloJ8evpt0pfuSpkaN2kfSFUnQ1dC5Ys6aop70FvxVMFqyEg4qVNFkLfB4TsG/fGxQ/pu9J+dl9rX7D7NZRtF1XOwwCHq149MEv8UoABPAIaBwcd+2rg9cyAXyNm2XBQkPnlztiUqBZBIbwCGCLjzp/MxPgKK+GCij0r9/elrO9N56qLlnptBw4MBg+m5e8cFH8IECt5j7BGH7iininev1PT9osa4PxiypGSGsQ0NlQ1g4CsEY6pDKPgMZ5aUoW+rw3Vg+sw7y1nL4XBASEWBP8Un1puz5r7XXWaw8+mNJtVbDQZ8LWNEUJv/pqY3+k+v0X94DumApHtLpiob5NjdvcPr7utsJaavOSBIQTAZktLWeFzz6dZmpcFH8ZF0EtjaCeYVmQgIWTk4o1M4+VWVPNuuODgPbOpibcAfct20cEzJ+zv0TMoigEVK/m+CUByDonJEwYAWfJS2i7LmsNAh5c/60GV/gEY4EkjVsc33SgvbDEHdTXqlvxFFgQPUSF3pzse9z+GVWEgp9AgIj/0ieBcNPp90xfsMDF/cJXEgEbIsoA8l0mxA3qzdN4Ieh3VOmNLG9WT1N7T0/PvmUvEwFL+maUqtIZBLy9eqMIXxKAeO2pVmvCKN6ul9pev6z/9lktAd471BwtcF6e6vIEHkBAyu54TfzxenMyOFMzygWGTOXHP0HU+t56j3ITdF0IoJbX8/N88MiWE0sEb/1C0LfiPJwNrsCypvY3yHHC1FMwSiOVQQAeg7J8AzD9g7TGCPiOcYWCabqCB9XxVqAt3mPR1l9MOkD+aZ2Jz9CW+tL205OAQV43mBPQemmql776haClFI6Pjxbo1e1vMs31qDn4J2ntpZeKVgzkB6y+7tetEr2M7b0vM2B6JrerWdbLTxzBB+qzynqCshT4BfAMvX7JjPjElKypUxMdiZI3xV3CIrPEdDlOkyDmXj1yhMsfFOxou/XYx0mQ3sBUQH98fbxeeql4jq1h/vwGm1153bpDwaZO16ae3pdp4QG4aSvb3W1uFzWW9KHAAQUNgFrQYFINHAmmLMMW+sv4ovimN5htFVjj62HCzcDp8UYkiOm2K+6Cs3k1OpRVKlnhvPe43oHTvlSQ8X7UykPyNWFpkpDexe4CjgqrrbvCUIG/u7u7K1z6eEWBREKC6sBgt7UvXDjfliBf66XpyzcXw4UX5dlyu2JudrgR1lq37R+k6WwOXRY0cIpN9SF+NWuLdCDBrDD8xqZYUHpbwfe8dEJkfEa6IyMyIzIofDM1SIAAIRttstY3773pq5TjkTna+4unf6M5/lLZZrfaXcBRERGD6CNKbLaIwLLGTindu7oUKcxS0Wq1qw4MCWBgznxriHgNy1as2vQmgMLNuI4hgoDp0y9Us8Bk7tXYuB/3wMHGfhCgncpae5pYKFlK3XlHs7YYHzM+Zn5sPY3LWeZCEFCyEi1jW7bwyh5vtX6ptAF+DFSblMXYbObuzs5uKwhYtQrF2qNJqpOP8WlEsOpzvEFI7417Kzcvwn0QBEBDlJQsdux9zzXuSFl3EMULFMxQpDCEiJ/Nb1jACOswxYEhwTZ/DjHAr/F+Q4qM/+mON0EA1ieFR+aFQkoyAbj8TXPQlHek8dAHTMBTMn5MZgqhk91gtIv9s7Y8Rlj/li8oP8dvndkaE2M1SpdReIzqsr6FICCCYMzo6Ww6UiEIOHzg8OETh6+l2uM8nqVIxwDiLHJSFknv4tq9mzfvq2letjnMaQx1BZY4sVNZo6sisZDPZ96M0aPj4s5mKQxlZLdhPCOppUhFMICCgCXWEHptaG7GIBDxPx3XEX36zewRugBnL9vi6PL34RnY19j45utrP3n4ecKbEpdCGAHGhiVGaoDfjnsALr/lQf8P+L6UXm+hiSCcvkShrna4cKkwWcFPIXNPj9koCDgwsbFxeP+1JJ3xGvEXrzlYnIEs2ZqkY85KVHdnEQF1ze+AgIxIgyHCFpy7uqy5OAMEsI0vjZcROH8mAPEGQCj5ZZ/rlooh1iW33bbEGoXXMRUx3Rkcf08cLWV98kLJB+jyX4fLX0fT16d5ZpVp/UASxsaL68XqcTwCHnzrg5eZQb/qG1J4+Ct4K10bv4YAY4WrtrY+NHSFGAEnTvQfuZZylnjN8R8EA5QjjHZL6X3LQMDs4sgUw7JAIqAx0uEPAvj8S5EWl1KYpKEd9Xw0Ia9KRTDwwAMLU6PO9jZ0d3P4lOmJewME6KTkVa6SPmigvsbDb74mCFDjJwIGXU3AEQX70Umi+qQGpba/fLNqsksE97KUdsO0IUa47GCuqbbWbAmlgFHwcWI4jk6lt71uvwdRshOfpfyU6Ozra9rMXWaNByqaWppccUGQ0uL8x20dgaSxJIDiDaH4tVIxxLrwgQfmpIZ466WpXkp+4VooLj8qWCQBavyvjtvwjOfrL/yy/ahVW3yDfAKqM/j+z4Crr6VQ5yvMBAQCZloMGgFQVrgEXYX9OBoRoD8fECB/SvUAggBzs6UszlVcaGYCeK0KavbD/kzAqaUixsB1ty1J9e5Vbsp7qvYgw3GStCQp3NdY8vzrDBCgPvUIG3y6BLYKeAepbFrS/f27XlZshm9gRF/h6SsMAuRTgN7DBOArII7feKqCjHihH+QwYAL487qRpmMC9FL4r6Virgmo7WVAYP7Ue0ppif+1/4sTH7izrm5jsA0C+v2nELhEpJrhr1teTilEUCCOcvRortxpxYqkJOXopyrI0LflWdxrTwicJIUf2GCaq5WGSTC4nzZtndvyIgzgo2G7B2SNw1VXjQw9R/N+/epzQZM1OWZgnhszGJfq8MckTbGtbdIfXv82TD0xAzs00jDJiaxncIIsY1s3Nyy/PMgRCTsouR0ODVF+qpPt2P66ukOWBPX9l9cp6CkoaEk7z2io+YaADlfCVaNHqEBKqErGHa4QkD3l92xeZZWqAX+fku31b8M0vy8QpbCKFGYCVq97e906tvYhAiLb2spRmy+2gwBEfoni4njJ2MGYi5ZftDNhgnw/CLhIunuPXJ6WVjMZN9FOrRSeN8LdIgkwAUVFOQtynAvuKSrCC4Ph1z9+tRm6ugw2/MFg8Pq3QVnVsq+q3VlSImAdCEhel2tMTU5uRYNCZnkbehPk9pBsuwLy6LzQ1BlxzfKROy3yfweDAMR/jSwrWT7ZuDLBMCBvgj/9tHU8CKDoq6q8CRczAU6MAAyBBQvwgi/879lRUfRvw39BgCuwqa9MWeh4jkkSkJycm1yLv0BAZmI59WZI6asvUKC8PFWLi6zGyCtAgDR3H3PObQ+keUfFzAqJql5XnZzMbnCt80Yg/LRzq6puSsPEEAgQGOjJFH8wEH4dExx8MS7/f0JA55KyOftlv8WGsj3JYi2L5GRj7eNvm0FAW2Ybxf+LlL46qUq+vX2B15xPFilw9Zl43uV1irm9IMAeMmuW3Sj5hRIUBFS99VZV2lg3AZkopJQMSJ/jm25KMPxHBPS0NO0vk+eHE5wWLK29UpPffhwjQC999W1uuIeU1cD1REwlnT8ZBMjhf+W5D4AAc8isAnM1H5L79ogA79KqHxdV/aQSgPjBQLgkgG8D+Ps/ImAJrv+c990LKU9bLU82udZci2puvfRtL9Sux19/namzERUFO/3FdGBklljiYqRKAHyWv8Is4k8//cQNGCDAG6iqajmGphVJQHgPCBhQRkAqf/v/s3vAEjV+QQDHT0DG7vFWvdTEkFduGDxiBiOoXWLxGqVgQV3i4qZzHzCVggBzzziNFJ43huMvrfqpCk07IICR2TMwHwNAfQoA/9VToM+15HzNQspz8fgHkiUNraeQvu48MGDqp6fgYnfFQrS6xMWFY667rdTbaK45wBBGF5fNGKN1uU0GAYz5bh1wCS484T/TAUdNk7ULKSuFvK0SJ0lfHS677MzyFZrV1NQlLi6Aj9dYb3+T55IXM9CxogAcV/3vSvC/Bj1utPD6n/EnnaQbrf6BCX0AAAAASUVORK5CYII=)}.react-tel-input .ad{background-position:-16px 0}.react-tel-input .ae{background-position:-32px 0}.react-tel-input .af{background-position:-48px 0}.react-tel-input .ag{background-position:-64px 0}.react-tel-input .ai{background-position:-80px 0}.react-tel-input .al{background-position:-96px 0}.react-tel-input .am{background-position:-112px 0}.react-tel-input .ao{background-position:-128px 0}.react-tel-input .ar{background-position:-144px 0}.react-tel-input .as{background-position:-160px 0}.react-tel-input .at{background-position:-176px 0}.react-tel-input .au{background-position:-192px 0}.react-tel-input .aw{background-position:-208px 0}.react-tel-input .az{background-position:-224px 0}.react-tel-input .ba{background-position:-240px 0}.react-tel-input .bb{background-position:0 -11px}.react-tel-input .bd{background-position:-16px -11px}.react-tel-input .be{background-position:-32px -11px}.react-tel-input .bf{background-position:-48px -11px}.react-tel-input .bg{background-position:-64px -11px}.react-tel-input .bh{background-position:-80px -11px}.react-tel-input .bi{background-position:-96px -11px}.react-tel-input .bj{background-position:-112px -11px}.react-tel-input .bm{background-position:-128px -11px}.react-tel-input .bn{background-position:-144px -11px}.react-tel-input .bo{background-position:-160px -11px}.react-tel-input .br{background-position:-176px -11px}.react-tel-input .bs{background-position:-192px -11px}.react-tel-input .bt{background-position:-208px -11px}.react-tel-input .bw{background-position:-224px -11px}.react-tel-input .by{background-position:-240px -11px}.react-tel-input .bz{background-position:0 -22px}.react-tel-input .ca{background-position:-16px -22px}.react-tel-input .cd{background-position:-32px -22px}.react-tel-input .cf{background-position:-48px -22px}.react-tel-input .cg{background-position:-64px -22px}.react-tel-input .ch{background-position:-80px -22px}.react-tel-input .ci{background-position:-96px -22px}.react-tel-input .ck{background-position:-112px -22px}.react-tel-input .cl{background-position:-128px -22px}.react-tel-input .cm{background-position:-144px -22px}.react-tel-input .cn{background-position:-160px -22px}.react-tel-input .co{background-position:-176px -22px}.react-tel-input .cr{background-position:-192px -22px}.react-tel-input .cu{background-position:-208px -22px}.react-tel-input .cv{background-position:-224px -22px}.react-tel-input .cw{background-position:-240px -22px}.react-tel-input .cy{background-position:0 -33px}.react-tel-input .cz{background-position:-16px -33px}.react-tel-input .de{background-position:-32px -33px}.react-tel-input .dj{background-position:-48px -33px}.react-tel-input .dk{background-position:-64px -33px}.react-tel-input .dm{background-position:-80px -33px}.react-tel-input .do{background-position:-96px -33px}.react-tel-input .dz{background-position:-112px -33px}.react-tel-input .ec{background-position:-128px -33px}.react-tel-input .ee{background-position:-144px -33px}.react-tel-input .eg{background-position:-160px -33px}.react-tel-input .er{background-position:-176px -33px}.react-tel-input .es{background-position:-192px -33px}.react-tel-input .et{background-position:-208px -33px}.react-tel-input .fi{background-position:-224px -33px}.react-tel-input .fj{background-position:-240px -33px}.react-tel-input .fk{background-position:0 -44px}.react-tel-input .fm{background-position:-16px -44px}.react-tel-input .fo{background-position:-32px -44px}.react-tel-input .fr,.react-tel-input .bl,.react-tel-input .mf{background-position:-48px -44px}.react-tel-input .ga{background-position:-64px -44px}.react-tel-input .gb{background-position:-80px -44px}.react-tel-input .gd{background-position:-96px -44px}.react-tel-input .ge{background-position:-112px -44px}.react-tel-input .gf{background-position:-128px -44px}.react-tel-input .gh{background-position:-144px -44px}.react-tel-input .gi{background-position:-160px -44px}.react-tel-input .gl{background-position:-176px -44px}.react-tel-input .gm{background-position:-192px -44px}.react-tel-input .gn{background-position:-208px -44px}.react-tel-input .gp{background-position:-224px -44px}.react-tel-input .gq{background-position:-240px -44px}.react-tel-input .gr{background-position:0 -55px}.react-tel-input .gt{background-position:-16px -55px}.react-tel-input .gu{background-position:-32px -55px}.react-tel-input .gw{background-position:-48px -55px}.react-tel-input .gy{background-position:-64px -55px}.react-tel-input .hk{background-position:-80px -55px}.react-tel-input .hn{background-position:-96px -55px}.react-tel-input .hr{background-position:-112px -55px}.react-tel-input .ht{background-position:-128px -55px}.react-tel-input .hu{background-position:-144px -55px}.react-tel-input .id{background-position:-160px -55px}.react-tel-input .ie{background-position:-176px -55px}.react-tel-input .il{background-position:-192px -55px}.react-tel-input .in{background-position:-208px -55px}.react-tel-input .io{background-position:-224px -55px}.react-tel-input .iq{background-position:-240px -55px}.react-tel-input .ir{background-position:0 -66px}.react-tel-input .is{background-position:-16px -66px}.react-tel-input .it{background-position:-32px -66px}.react-tel-input .je{background-position:-144px -154px}.react-tel-input .jm{background-position:-48px -66px}.react-tel-input .jo{background-position:-64px -66px}.react-tel-input .jp{background-position:-80px -66px}.react-tel-input .ke{background-position:-96px -66px}.react-tel-input .kg{background-position:-112px -66px}.react-tel-input .kh{background-position:-128px -66px}.react-tel-input .ki{background-position:-144px -66px}.react-tel-input .xk{background-position:-128px -154px}.react-tel-input .km{background-position:-160px -66px}.react-tel-input .kn{background-position:-176px -66px}.react-tel-input .kp{background-position:-192px -66px}.react-tel-input .kr{background-position:-208px -66px}.react-tel-input .kw{background-position:-224px -66px}.react-tel-input .ky{background-position:-240px -66px}.react-tel-input .kz{background-position:0 -77px}.react-tel-input .la{background-position:-16px -77px}.react-tel-input .lb{background-position:-32px -77px}.react-tel-input .lc{background-position:-48px -77px}.react-tel-input .li{background-position:-64px -77px}.react-tel-input .lk{background-position:-80px -77px}.react-tel-input .lr{background-position:-96px -77px}.react-tel-input .ls{background-position:-112px -77px}.react-tel-input .lt{background-position:-128px -77px}.react-tel-input .lu{background-position:-144px -77px}.react-tel-input .lv{background-position:-160px -77px}.react-tel-input .ly{background-position:-176px -77px}.react-tel-input .ma{background-position:-192px -77px}.react-tel-input .mc{background-position:-208px -77px}.react-tel-input .md{background-position:-224px -77px}.react-tel-input .me{background-position:-112px -154px;height:12px}.react-tel-input .mg{background-position:0 -88px}.react-tel-input .mh{background-position:-16px -88px}.react-tel-input .mk{background-position:-32px -88px}.react-tel-input .ml{background-position:-48px -88px}.react-tel-input .mm{background-position:-64px -88px}.react-tel-input .mn{background-position:-80px -88px}.react-tel-input .mo{background-position:-96px -88px}.react-tel-input .mp{background-position:-112px -88px}.react-tel-input .mq{background-position:-128px -88px}.react-tel-input .mr{background-position:-144px -88px}.react-tel-input .ms{background-position:-160px -88px}.react-tel-input .mt{background-position:-176px -88px}.react-tel-input .mu{background-position:-192px -88px}.react-tel-input .mv{background-position:-208px -88px}.react-tel-input .mw{background-position:-224px -88px}.react-tel-input .mx{background-position:-240px -88px}.react-tel-input .my{background-position:0 -99px}.react-tel-input .mz{background-position:-16px -99px}.react-tel-input .na{background-position:-32px -99px}.react-tel-input .nc{background-position:-48px -99px}.react-tel-input .ne{background-position:-64px -99px}.react-tel-input .nf{background-position:-80px -99px}.react-tel-input .ng{background-position:-96px -99px}.react-tel-input .ni{background-position:-112px -99px}.react-tel-input .nl,.react-tel-input .bq{background-position:-128px -99px}.react-tel-input .no{background-position:-144px -99px}.react-tel-input .np{background-position:-160px -99px}.react-tel-input .nr{background-position:-176px -99px}.react-tel-input .nu{background-position:-192px -99px}.react-tel-input .nz{background-position:-208px -99px}.react-tel-input .om{background-position:-224px -99px}.react-tel-input .pa{background-position:-240px -99px}.react-tel-input .pe{background-position:0 -110px}.react-tel-input .pf{background-position:-16px -110px}.react-tel-input .pg{background-position:-32px -110px}.react-tel-input .ph{background-position:-48px -110px}.react-tel-input .pk{background-position:-64px -110px}.react-tel-input .pl{background-position:-80px -110px}.react-tel-input .pm{background-position:-96px -110px}.react-tel-input .pr{background-position:-112px -110px}.react-tel-input .ps{background-position:-128px -110px}.react-tel-input .pt{background-position:-144px -110px}.react-tel-input .pw{background-position:-160px -110px}.react-tel-input .py{background-position:-176px -110px}.react-tel-input .qa{background-position:-192px -110px}.react-tel-input .re{background-position:-208px -110px}.react-tel-input .ro{background-position:-224px -110px}.react-tel-input .rs{background-position:-240px -110px}.react-tel-input .ru{background-position:0 -121px}.react-tel-input .rw{background-position:-16px -121px}.react-tel-input .sa{background-position:-32px -121px}.react-tel-input .sb{background-position:-48px -121px}.react-tel-input .sc{background-position:-64px -121px}.react-tel-input .sd{background-position:-80px -121px}.react-tel-input .se{background-position:-96px -121px}.react-tel-input .sg{background-position:-112px -121px}.react-tel-input .sh{background-position:-128px -121px}.react-tel-input .si{background-position:-144px -121px}.react-tel-input .sk{background-position:-160px -121px}.react-tel-input .sl{background-position:-176px -121px}.react-tel-input .sm{background-position:-192px -121px}.react-tel-input .sn{background-position:-208px -121px}.react-tel-input .so{background-position:-224px -121px}.react-tel-input .sr{background-position:-240px -121px}.react-tel-input .ss{background-position:0 -132px}.react-tel-input .st{background-position:-16px -132px}.react-tel-input .sv{background-position:-32px -132px}.react-tel-input .sx{background-position:-48px -132px}.react-tel-input .sy{background-position:-64px -132px}.react-tel-input .sz{background-position:-80px -132px}.react-tel-input .tc{background-position:-96px -132px}.react-tel-input .td{background-position:-112px -132px}.react-tel-input .tg{background-position:-128px -132px}.react-tel-input .th{background-position:-144px -132px}.react-tel-input .tj{background-position:-160px -132px}.react-tel-input .tk{background-position:-176px -132px}.react-tel-input .tl{background-position:-192px -132px}.react-tel-input .tm{background-position:-208px -132px}.react-tel-input .tn{background-position:-224px -132px}.react-tel-input .to{background-position:-240px -132px}.react-tel-input .tr{background-position:0 -143px}.react-tel-input .tt{background-position:-16px -143px}.react-tel-input .tv{background-position:-32px -143px}.react-tel-input .tw{background-position:-48px -143px}.react-tel-input .tz{background-position:-64px -143px}.react-tel-input .ua{background-position:-80px -143px}.react-tel-input .ug{background-position:-96px -143px}.react-tel-input .us{background-position:-112px -143px}.react-tel-input .uy{background-position:-128px -143px}.react-tel-input .uz{background-position:-144px -143px}.react-tel-input .va{background-position:-160px -143px}.react-tel-input .vc{background-position:-176px -143px}.react-tel-input .ve{background-position:-192px -143px}.react-tel-input .vg{background-position:-208px -143px}.react-tel-input .vi{background-position:-224px -143px}.react-tel-input .vn{background-position:-240px -143px}.react-tel-input .vu{background-position:0 -154px}.react-tel-input .wf{background-position:-16px -154px}.react-tel-input .ws{background-position:-32px -154px}.react-tel-input .ye{background-position:-48px -154px}.react-tel-input .za{background-position:-64px -154px}.react-tel-input .zm{background-position:-80px -154px}.react-tel-input .zw{background-position:-96px -154px}.react-tel-input *{box-sizing:border-box;-moz-box-sizing:border-box}.react-tel-input .hide{display:none}.react-tel-input .v-hide{visibility:hidden}.react-tel-input .form-control{position:relative;font-size:14px;letter-spacing:.01rem;margin-top:0 !important;margin-bottom:0 !important;padding-left:48px;margin-left:0;background:#FFFFFF;border:1px solid #CACACA;border-radius:5px;line-height:25px;height:35px;width:300px;outline:none}.react-tel-input .form-control.invalid-number{border:1px solid #d79f9f;background-color:#FAF0F0;border-left-color:#cacaca}.react-tel-input .form-control.invalid-number:focus{border:1px solid #d79f9f;border-left-color:#cacaca;background-color:#FAF0F0}.react-tel-input .flag-dropdown{position:absolute;top:0;bottom:0;padding:0;background-color:#f5f5f5;border:1px solid #cacaca;border-radius:3px 0 0 3px}.react-tel-input .flag-dropdown:hover,.react-tel-input .flag-dropdown:focus{cursor:pointer}.react-tel-input .flag-dropdown.invalid-number{border-color:#d79f9f}.react-tel-input .flag-dropdown.open{z-index:2;background:#fff;border-radius:3px 0 0 0}.react-tel-input .flag-dropdown.open .selected-flag{background:#fff;border-radius:3px 0 0 0}.react-tel-input input[disabled]+.flag-dropdown:hover{cursor:default}.react-tel-input input[disabled]+.flag-dropdown:hover .selected-flag{background-color:transparent}.react-tel-input .selected-flag{outline:none;position:relative;width:38px;height:100%;padding:0 0 0 8px;border-radius:3px 0 0 3px}.react-tel-input .selected-flag:hover,.react-tel-input .selected-flag:focus{background-color:#fff}.react-tel-input .selected-flag .flag{position:absolute;top:50%;margin-top:-5px}.react-tel-input .selected-flag .arrow{position:relative;top:50%;margin-top:-2px;left:20px;width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #555}.react-tel-input .selected-flag .arrow.up{border-top:none;border-bottom:4px solid #555}.react-tel-input .country-list{outline:none;z-index:1;list-style:none;position:absolute;padding:0;margin:10px 0 10px -1px;box-shadow:1px 2px 10px rgba(0,0,0,0.35);background-color:white;width:300px;max-height:200px;overflow-y:scroll;border-radius:0 0 3px 3px}.react-tel-input .country-list .flag{display:inline-block}.react-tel-input .country-list .divider{padding-bottom:5px;margin-bottom:5px;border-bottom:1px solid #ccc}.react-tel-input .country-list .country{padding:7px 9px}.react-tel-input .country-list .country .dial-code{color:#6b6b6b}.react-tel-input .country-list .country:hover{background-color:#f1f1f1}.react-tel-input .country-list .country.highlight{background-color:#f1f1f1}.react-tel-input .country-list .flag{margin-right:7px;margin-top:2px}.react-tel-input .country-list .country-name{margin-right:6px}.react-tel-input .country-list .search{position:sticky;top:0;background-color:#fff;padding:10px 0 6px 10px}.react-tel-input .country-list .search-emoji{font-size:15px}.react-tel-input .country-list .search-box{border:1px solid #cacaca;border-radius:3px;font-size:15px;line-height:15px;margin-left:6px;padding:3px 8px 5px;outline:none}.react-tel-input .country-list .no-entries-message{padding:7px 10px 11px;opacity:.7}.react-tel-input .invalid-number-message{position:absolute;z-index:1;font-size:13px;left:46px;top:-8px;background:#fff;padding:0 2px;color:#de0000}.react-tel-input .special-label{display:none;position:absolute;z-index:1;font-size:13px;left:46px;top:-8px;background:#fff;padding:0 2px;white-space:nowrap}
.dynamic_vcard_loader {
  width: 100%;
  height: 100vh;
  z-index: 10;
  position: fixed;
  top: 0;
  left: 0;
  background: linear-gradient(120deg, #ffffff, #ffffff);
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
}
.dynamic_vcard_loader .svg-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0px;
}
.dynamic_vcard_loader .svg-wrapper .loading-text {
  width: 100%;
  font-weight: bold;
  color: rgb(61, 61, 61);
  transform: translate(0.4rem);
  margin-top: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.2rem;
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  overflow-x: hidden;
  letter-spacing: 1px;
}


.GYM_TRAINER_LIVE_TITLE, .GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Inquries, .GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row, .GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .google_map_container, .GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Testimonial, .GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Appoinment, .GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .row_5, .GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .local_video, .GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .video, .GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .gallery, .GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Payment, .GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .our_products, .GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .our_services {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.GYM_TRAINER_LIVE_TITLE h3, .GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Inquries h3, .GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row h3, .GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .google_map_container h3, .GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Testimonial h3, .GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Appoinment h3, .GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .row_5 h3, .GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .local_video h3, .GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .video h3, .GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .gallery h3, .GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Payment h3, .GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .our_products h3, .GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .our_services h3 {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: "Poppins", sans-serif;
  font-style: normal;
  gap: 10px;
  font-weight: 500;
  font-size: 1.2rem;
  color: yellow;
}
.GYM_TRAINER_LIVE_TITLE h3::before, .GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Inquries h3::before, .GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row h3::before, .GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .google_map_container h3::before, .GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Testimonial h3::before, .GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Appoinment h3::before, .GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .row_5 h3::before, .GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .local_video h3::before, .GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .video h3::before, .GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .gallery h3::before, .GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Payment h3::before, .GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .our_products h3::before, .GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .our_services h3::before {
  content: "";
  width: 50px;
  height: 1px;
  background-color: yellow;
  position: relative;
}
.GYM_TRAINER_LIVE_TITLE h3::after, .GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Inquries h3::after, .GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row h3::after, .GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .google_map_container h3::after, .GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Testimonial h3::after, .GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Appoinment h3::after, .GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .row_5 h3::after, .GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .local_video h3::after, .GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .video h3::after, .GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .gallery h3::after, .GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Payment h3::after, .GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .our_products h3::after, .GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .our_services h3::after {
  content: "";
  width: 50px;
  height: 1px;
  background-color: yellow;
  position: relative;
}
.GYM_TRAINER_LIVE_SUB_TITLE {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
.GYM_TRAINER_LIVE_SUB_TITLE h4 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  font-weight: 600;
  font-size: 1rem !important;
  color: #cacaca;
  position: relative;
}
.GYM_TRAINER_LIVE_CONTAINER {
  width: 100vw;
  min-height: 100vh;
  height: auto;
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin: auto;
  color: #f0f0f0;
  overflow-y: scroll;
  overflow-x: hidden;
  background-image: url("");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background: linear-gradient(90deg, #f4ffb7, #d2ffbe 50%, #f4ffb7, #d2ffbe 50%);
}
.GYM_TRAINER_LIVE_CONTAINER .full_image {
  display: none;
  margin: auto;
  width: 100%;
  height: 800px;
  background: linear-gradient(#101216, #101216, #101216, #101216);
  z-index: 1;
}
.GYM_TRAINER_LIVE_CONTAINER .full_image .close_Full_Image_gallery {
  position: absolute;
  width: 100%;
  left: 90%;
  top: 5%;
  z-index: 10;
}
.GYM_TRAINER_LIVE_CONTAINER .full_image .close_Full_Image_gallery .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  color: red;
  z-index: 10;
  cursor: pointer;
  place-items: center;
  transition: all 0.3s ease-in-out;
}
.GYM_TRAINER_LIVE_CONTAINER .full_image .close_Full_Image_gallery .icon:hover {
  filter: drop-shadow(0px 4px 5px rgba(255, 156, 117, 0.6));
  scale: 1.2;
  transition: all 0.3s ease-in-out;
}
.GYM_TRAINER_LIVE_CONTAINER .full_image img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  height: auto;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.5));
  border-radius: 5px;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 1;
}
@media (max-width: 600px) {
  .GYM_TRAINER_LIVE_CONTAINER .full_image img {
    width: 70%;
    height: 150px;
  }
}
.GYM_TRAINER_LIVE_CONTAINER .menu_navbar_box {
  width: 80px;
  height: 100%;
  background-color: #313131;
  position: fixed;
  top: 0%;
  right: 0%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.GYM_TRAINER_LIVE_CONTAINER .menu_navbar_box .up_btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0.1;
  font-size: 2.5rem;
  font-weight: bold;
  background-color: rgb(255, 110, 84);
  color: #ffffff;
  cursor: pointer;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 650px) {
  .GYM_TRAINER_LIVE_CONTAINER .menu_navbar_box .up_btn .icon {
    transform: rotate(-90deg);
    font-size: 1.5rem;
  }
}
.GYM_TRAINER_LIVE_CONTAINER .menu_navbar_box .up_btn:hover {
  background: linear-gradient(120deg, #686868 40%, #686868 60%);
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 650px) {
  .GYM_TRAINER_LIVE_CONTAINER .menu_navbar_box .up_btn {
    height: 100%;
    flex: 0.1;
    display: flex;
    border-radius: 0px;
    border-top-left-radius: 0rem;
    border-bottom-left-radius: 0rem;
    flex-direction: row !important;
  }
}
.GYM_TRAINER_LIVE_CONTAINER .menu_navbar_box .hideUpArrow {
  opacity: 1;
  cursor: not-allowed;
}
.GYM_TRAINER_LIVE_CONTAINER .menu_navbar_box .all_menus {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  gap: 1rem;
  flex: 0.8;
  padding: 0.5rem;
  width: 100%;
  overflow-y: scroll;
}
.GYM_TRAINER_LIVE_CONTAINER .menu_navbar_box .all_menus .menu {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 100%;
  cursor: pointer;
  padding: 5px 10px;
  border-radius: 10px;
  transition: 1ll 0.5s ease-in-out;
}
.GYM_TRAINER_LIVE_CONTAINER .menu_navbar_box .all_menus .menu .icon {
  font-size: 1.4rem;
}
@media screen and (max-width: 650px) {
  .GYM_TRAINER_LIVE_CONTAINER .menu_navbar_box .all_menus .menu .icon {
    font-size: 1rem;
  }
}
.GYM_TRAINER_LIVE_CONTAINER .menu_navbar_box .all_menus .menu p {
  font-size: 0.7rem;
  font-weight: 550;
}
@media screen and (max-width: 650px) {
  .GYM_TRAINER_LIVE_CONTAINER .menu_navbar_box .all_menus .menu p {
    font-size: 0.6rem;
  }
}
.GYM_TRAINER_LIVE_CONTAINER .menu_navbar_box .all_menus .menu:hover {
  color: yellow;
  background-color: #797979;
  transition: 1ll 0.5s ease-in-out;
}
.GYM_TRAINER_LIVE_CONTAINER .menu_navbar_box .all_menus .menuActive {
  color: yellow;
  background-color: #797979;
}
.GYM_TRAINER_LIVE_CONTAINER .menu_navbar_box .all_menus::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 650px) {
  .GYM_TRAINER_LIVE_CONTAINER .menu_navbar_box .all_menus {
    height: 100%;
    width: 100%;
    flex: 0.8;
    display: flex;
    flex-direction: row !important;
  }
}
.GYM_TRAINER_LIVE_CONTAINER .menu_navbar_box .down_btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0.1;
  font-size: 2.5rem;
  font-weight: bold;
  background-color: rgb(255, 110, 84);
  color: #ffffff;
  cursor: pointer;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 650px) {
  .GYM_TRAINER_LIVE_CONTAINER .menu_navbar_box .down_btn .down {
    transform: rotate(-90deg);
    font-size: 1.5rem;
  }
}
.GYM_TRAINER_LIVE_CONTAINER .menu_navbar_box .down_btn:hover {
  background: linear-gradient(120deg, #686868 40%, #686868 60%);
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 650px) {
  .GYM_TRAINER_LIVE_CONTAINER .menu_navbar_box .down_btn {
    height: 100%;
    flex: 0.1;
    display: flex;
    border-radius: 0px;
    border-top-right-radius: 0rem;
    border-bottom-right-radius: 0rem;
    flex-direction: row !important;
  }
}
.GYM_TRAINER_LIVE_CONTAINER .menu_navbar_box .hideDownArrow {
  opacity: 1;
  cursor: not-allowed;
}
@media screen and (max-width: 1000px) {
  .GYM_TRAINER_LIVE_CONTAINER .menu_navbar_box {
    position: fixed;
    top: 15%;
    right: 5%;
  }
}
@media screen and (max-width: 700px) {
  .GYM_TRAINER_LIVE_CONTAINER .menu_navbar_box {
    position: fixed;
    top: 15%;
    right: 1%;
  }
}
@media screen and (max-width: 650px) {
  .GYM_TRAINER_LIVE_CONTAINER .menu_navbar_box {
    position: fixed;
    top: 96.5%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 100;
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 50px;
    align-items: center;
    justify-content: space-between;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
  }
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD {
  width: 450px;
  max-width: 450px;
  margin-top: 0.5rem;
  height: auto;
  overflow-x: hidden;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
  background: linear-gradient(160deg, #101216, #101216 50%, #101216, #101216 50%);
  filter: drop-shadow(0px 4px 5px rgba(56, 56, 56, 0.6509803922));
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Image_row_1 {
  width: 100%;
  max-height: 400px;
  height: 400px;
  position: relative;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Image_row_1 .slide_svg {
  position: absolute;
  width: 100%;
  bottom: -6px;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Image_row_1 .slide_svg svg {
  transform: rotate(0deg);
  height: 150px;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Image_row_1 .slide_svg .overlay {
  position: relative;
  top: -3px;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(rgba(205, 98, 226, 0) 0%, #101216, #101216 100%);
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Image_row_1 .banner_image {
  width: 100%;
  max-height: 300px;
  height: 300px;
  overflow: hidden;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  position: relative;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Image_row_1 .banner_image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover; /* Ensures image covers the area */
  -o-object-position: top;
     object-position: top; /* Ensures head portion is not cropped */
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Image_row_1 .banner_image .overlay {
  position: absolute;
  bottom: 0%;
  left: 0;
  width: 100%;
  height: 20%;
  background: linear-gradient(rgba(133, 133, 133, 0) 0%, #101216, #101216 100%);
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Image_row_1 .user_logo {
  position: absolute;
  bottom: 0%;
  left: 1%;
  right: 0%;
  width: 100%;
  flex: 1;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  margin: 0.5rem auto;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Image_row_1 .user_logo .logo {
  display: flex;
  width: 30%;
  align-items: flex-start;
  justify-content: center;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Image_row_1 .user_logo .logo img {
  z-index: 2;
  width: 100px;
  height: 100px;
  border-radius: 0.5rem;
  -o-object-fit: cover;
     object-fit: cover; /* Ensures image covers the area */
  -o-object-position: top;
     object-position: top; /* Ensures head portion is not cropped */
  border: 3px solid #ffffff;
  filter: drop-shadow(0px 4px 5px rgba(255, 255, 255, 0.4));
}
@keyframes profileBorder {
  0% {
    border: 3px solid #ffffff;
    transform: translateY(0px);
  }
  25% {
    border: 3px solid #ffffff;
    transform: translateY(-5px);
  }
  50% {
    border: 3px solid #ffffff;
    transform: translateY(-10px);
  }
  75% {
    border: 3px solid rgb(255, 255, 255);
    transform: translateY(-5px);
  }
  100% {
    border: 3px solid #ffffff;
    transform: translateY(0px);
  }
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Image_row_1 .user_logo .basic_row_2 {
  width: 70%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Image_row_1 .user_logo .basic_row_2 .user_details {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Image_row_1 .user_logo .basic_row_2 .user_details .user_data {
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex: 1;
  gap: 15px;
  width: 100%;
  height: 100%;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Image_row_1 .user_logo .basic_row_2 .user_details .user_data .user_information {
  display: flex;
  flex: 0.5;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 5px;
  position: relative;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Image_row_1 .user_logo .basic_row_2 .user_details .user_data .user_information h2 {
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 1px;
  color: #f0f0f0;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Image_row_1 .user_logo .basic_row_2 .user_details .user_data .user_information p {
  font-size: 0.9rem;
  font-weight: 500;
  color: #f0f0f0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0rem;
  position: relative;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Image_row_1 .user_logo .basic_row_2 .user_details .user_data .user_information p img {
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media screen and (max-width: 600px) {
  .GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Image_row_1 .user_logo .basic_row_2 .user_details .user_data .user_information p img {
    width: 25px;
    height: 25px;
  }
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Image_row_1 .user_logo .basic_row_2 .user_details .user_data .user_information p::after {
  content: "";
  height: 2px;
  background-color: #fff;
  position: absolute;
  top: 65%;
  width: 100%;
  margin-top: 10px;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Image_row_1 .user_logo .basic_row_2 .user_details .user_data .contacts_btns {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  width: 100%;
  flex-wrap: wrap;
  padding: 0px 0rem;
  overflow-x: scroll;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Image_row_1 .user_logo .basic_row_2 .user_details .user_data .contacts_btns a {
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 0.4rem 1rem;
  background-color: #313131;
  color: #ffffff;
  border-radius: 2rem;
  transition: all 0.4s linear;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Image_row_1 .user_logo .basic_row_2 .user_details .user_data .contacts_btns a .icon {
  font-size: 1rem;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Image_row_1 .user_logo .basic_row_2 .user_details .user_data .contacts_btns a small {
  font-size: 0.7rem;
  font-weight: 500;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Image_row_1 .user_logo .basic_row_2 .user_details .user_data .contacts_btns a:hover {
  background-color: #727272;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
  scale: 1.05;
  transition: all 0.4s linear;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Image_row_1 .user_logo .basic_row_2 .user_details .user_data .contacts_btns::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 900px) {
  .GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Image_row_1 .user_logo .basic_row_2 .user_details .user_data .contacts_btns {
    overflow-x: hidden;
    flex-wrap: wrap;
    width: 100%;
  }
}
@media screen and (max-width: 600px) {
  .GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Image_row_1 .user_logo .basic_row_2 .user_details .user_data {
    align-items: flex-start;
  }
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Image_row_1 .user_logo .svg_image {
  position: absolute;
  z-index: 1;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Image_row_1 .user_logo .svg_image img {
  width: 200px;
  height: 200px;
  border: none;
  filter: drop-shadow(0px 4px 5px rgba(255, 255, 255, 0.631372549));
  animation: profileSVGAnime 5s infinite linear;
}
@keyframes profileSVGAnime {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(90deg);
  }
  50% {
    transform: rotate(180deg);
  }
  75% {
    transform: rotate(270deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .contact_row_3 {
  padding: 1rem 1rem 1rem 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .contact_row_3 a {
  text-decoration: none;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 15px;
  color: #f0f0f0;
  width: 100%;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .contact_row_3 a .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  padding: 5px;
  border-radius: 1rem;
  background-color: #525252;
  color: #f0f0f0;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .contact_row_3 a .contact_data {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 2px;
  width: 100%;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .contact_row_3 a .contact_data small {
  font-size: 0.7rem;
  font-weight: 600;
  color: #f0f0f0;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .contact_row_3 a .contact_data p {
  font-size: 0.9rem;
  font-weight: 500;
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-word;
  white-space: normal;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .contact_row_3 .add_to_contact {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.3rem auto;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .contact_row_3 .add_to_contact button {
  padding: 7px 2rem;
  color: #f0f0f0;
  background-color: #525252;
  font-weight: 550;
  font-size: 0.8rem;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  transition: all 0.4s ease-in-out;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .contact_row_3 .add_to_contact button:hover {
  background-color: #313131;
  color: #ffffff;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
  transition: all 0.4s ease-in-out;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .about_row_4 {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .about_row_4 .about_details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-items: flex-start;
  gap: 15px;
  width: 100%;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .about_row_4 .about_details .detail {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  width: 100%;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .about_row_4 .about_details .detail .detail_title {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 1rem;
  font-weight: 550;
  flex: 0.4;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .about_row_4 .about_details .detail .detail_title h5 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 0.8rem;
  font-weight: 600;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .about_row_4 .about_details .detail .detail_message {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 5px;
  font-weight: 550;
  flex: 0.6;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .about_row_4 .about_details .detail .detail_message strong {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 0.8rem;
  font-weight: 500;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .about_row_4 .about_details .detail .detail_message p {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 0.8rem;
  font-weight: 500;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row !important;
  gap: 1.3rem;
  width: 100%;
  margin-left: 5px;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a {
  text-decoration: none;
  color: #f0f0f0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: all 0.3s ease-in-out;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a i {
  z-index: 2;
  font-size: 1rem;
  font-weight: 500;
  color: #ffffff;
  transition: all 0.3s ease-in-out;
  position: relative;
  padding: 5px;
  border-radius: 1rem;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a:nth-child(1) i {
  background-color: #5365ff;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a:nth-child(2) i {
  background-color: #ff53c6;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a:nth-child(3) i {
  background-color: #28d67f;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a:nth-child(4) i {
  background-color: rgb(37, 190, 250);
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a:nth-child(5) i {
  background-color: rgb(250, 97, 37);
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg1 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg1 #sw-js-blob-svg {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg1 #sw-js-blob-svg #stop1 {
  stop-color: #5365ff;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg1 #sw-js-blob-svg #stop2 {
  stop-color: #5365ff;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg2 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg2 #sw-js-blob-svg {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg2 #sw-js-blob-svg #stop3 {
  stop-color: #ff004d;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg2 #sw-js-blob-svg #stop4 {
  stop-color: #f500da;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg3 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg3 #sw-js-blob-svg {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg3 #sw-js-blob-svg #stop5 {
  stop-color: #10b856;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg3 #sw-js-blob-svg #stop6 {
  stop-color: #10b856;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg6 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg6 #sw-js-blob-svg6 {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg6 #sw-js-blob-svg6 #stop11 {
  stop-color: #4da6e9;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg6 #sw-js-blob-svg6 #stop12 {
  stop-color: #4da6e9;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg4 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg4 #sw-js-blob-svg {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg4 #sw-js-blob-svg #stop7 {
  stop-color: #ff777b;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg4 #sw-js-blob-svg #stop8 {
  stop-color: #ff656a;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg5 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg5 #sw-js-blob-svg5 {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg5 #sw-js-blob-svg5 #stop9 {
  stop-color: #a5a5a5;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg5 #sw-js-blob-svg5 #stop10 {
  stop-color: #999999;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a small {
  display: none;
  position: absolute;
  transition: all 0.4s ease-in-out;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a:hover {
  scale: 1.1;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
  transition: all 0.3s ease-in-out;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a:hover .social_media_svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a:hover .social_media_svg img {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60px;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .icon {
  font-size: 1.2rem;
  cursor: pointer;
  color: rgb(104, 104, 104);
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .about_row_4 .specialities {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .about_row_4 .specialities ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  margin: auto;
  width: 90%;
  font-size: 1.3rem;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .about_row_4 .specialities ul li {
  font-size: 0.9rem;
  font-weight: 500;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .our_services {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .our_services .All_Services {
  width: 100%;
  height: auto;
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .our_services .All_Services .Service {
  width: 100%;
  padding: 1rem;
  background-color: #f2ffeb;
  border-radius: 3px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  color: rgb(63, 63, 63);
  gap: 10px;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .our_services .All_Services .Service .service_title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .our_services .All_Services .Service .service_title h5 {
  font-size: 1.1rem;
  font-weight: 550;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .our_services .All_Services .Service .service_description {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  font-size: 0.9rem;
  font-weight: 500;
  color: rgb(63, 63, 63);
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .our_services .All_Services .Service .service_link {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .our_services .All_Services .Service .service_link a {
  text-decoration: none;
  color: royalblue;
  font-size: 0.9rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .our_services .All_Services .Service .service_link a:hover {
  text-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .our_services .All_Services .Service .service_image {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .our_services .All_Services .Service .service_image img {
  width: 100%;
  height: 250px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .our_services .All_Services .Service .service_action {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .our_services .All_Services .Service .service_action .service_price {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .our_services .All_Services .Service .service_action .service_price h5 {
  font-size: 1.1rem;
  font-weight: 600;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .our_services .All_Services .Service .service_action .service_price p {
  font-size: 1rem;
  font-weight: 550;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .our_services .All_Services .Service .service_action .service_enquiry {
  display: flex;
  align-items: center;
  justify-content: center;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .our_services .All_Services .Service .service_action .service_enquiry a {
  text-decoration: none;
  color: #f0f0f0;
  background-color: #313131;
  padding: 0.5rem 1rem;
  border: 2px solid yellow;
  font-size: 0.9rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .our_services .All_Services .Service .service_action .service_enquiry a:hover {
  background-color: #727272;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .our_products {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .our_products .All_Products {
  width: 100%;
  height: auto;
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .our_products .All_Products .Product {
  width: 100%;
  padding: 1rem;
  background-color: #fff6f6;
  border-radius: 3px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  color: rgb(63, 63, 63);
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .our_products .All_Products .Product .product_title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .our_products .All_Products .Product .product_title h5 {
  font-size: 1.1rem;
  font-weight: 550;
  color: #2c2c2c;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .our_products .All_Products .Product .product_description {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  font-size: 0.9rem;
  font-weight: 500;
  color: rgb(63, 63, 63);
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .our_products .All_Products .Product .product_link {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .our_products .All_Products .Product .product_link a {
  text-decoration: none;
  color: royalblue;
  font-size: 0.9rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .our_products .All_Products .Product .product_link a:hover {
  text-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .our_products .All_Products .Product .product_image {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .our_products .All_Products .Product .product_image img {
  width: 100%;
  height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .our_products .All_Products .Product .product_action {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .our_products .All_Products .Product .product_action .product_price {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .our_products .All_Products .Product .product_action .product_price h5 {
  font-size: 1.1rem;
  font-weight: 600;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .our_products .All_Products .Product .product_action .product_price p {
  font-size: 1rem;
  font-weight: 550;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .our_products .All_Products .Product .product_action .product_enquiry {
  display: flex;
  align-items: center;
  justify-content: center;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .our_products .All_Products .Product .product_action .product_enquiry a {
  text-decoration: none;
  color: #f0f0f0;
  background-color: #313131;
  padding: 0.5rem 1rem;
  border: 2px solid yellow;
  font-size: 0.9rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .our_products .All_Products .Product .product_action .product_enquiry a:hover {
  background-color: #727272;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Payment {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Payment .payment_details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-items: flex-start;
  gap: 10px;
  width: 100%;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Payment .payment_details .detail {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  width: 100%;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Payment .payment_details .detail .detail_title {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 1rem;
  font-weight: 550;
  flex: 0.4;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Payment .payment_details .detail .detail_title h5 {
  font-size: 0.8rem;
  font-weight: 600;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Payment .payment_details .detail .detail_message {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 5px;
  font-weight: 550;
  flex: 0.6;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Payment .payment_details .detail .detail_message p {
  font-size: 0.8rem;
  font-weight: 500;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Payment .payment_details .detail .detail_message .icon {
  font-size: 1.2rem;
  cursor: pointer;
  color: rgb(104, 104, 104);
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Payment .payment_details .detail .detail_message .icon:hover {
  color: royalblue;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Payment .sub_title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Payment .sub_title h4 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  font-weight: 550;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-size: 1.05rem !important;
  color: #cacaca;
  position: relative;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Payment .account_details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-items: flex-start;
  gap: 10px;
  width: 100%;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Payment .account_details .detail {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  width: 100%;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Payment .account_details .detail .detail_title {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 1rem;
  font-weight: 550;
  flex: 0.4;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Payment .account_details .detail .detail_title h5 {
  font-size: 0.8rem;
  font-weight: 600;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Payment .account_details .detail .detail_message {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 5px;
  font-weight: 550;
  flex: 0.6;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Payment .account_details .detail .detail_message p {
  font-size: 0.8rem;
  font-weight: 500;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Payment .account_details .detail .detail_message .icon {
  font-size: 1.2rem;
  cursor: pointer;
  color: rgb(104, 104, 104);
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Payment .account_details .detail .detail_message .icon:hover {
  color: royalblue;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Payment .qr_code_upi_name {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Payment .qr_code_upi_name h4 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  font-weight: 550;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-size: 0.9rem !important;
  color: #cacaca;
  position: relative;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Payment .qr_image_box {
  width: 70%;
  height: 300px;
  background-color: #effdff;
  color: #3d3d3d;
  padding: 1rem;
  border-radius: 10px;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4));
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Payment .qr_image_box .user_name {
  display: flex;
  align-items: center;
  justify-content: center;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Payment .qr_image_box .user_name h4 {
  font-size: 1rem;
  font-weight: 550;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Payment .qr_image_box .qr_image {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Payment .qr_image_box .qr_image img {
  width: 80%;
  height: 90%;
  -o-object-fit: cover;
     object-fit: cover;
  margin: auto;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .gallery {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .gallery .all_gallerys {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0.5rem;
  place-items: center;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .gallery .all_gallerys .gallery_image {
  width: 100%;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .gallery .all_gallerys .gallery_image img {
  cursor: pointer;
  width: 100%;
  height: 150px;
  border-radius: 10px;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .gallery .all_gallerys .gallery_image img:hover {
  opacity: 0.7;
  transition: all 0.3s ease;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .video {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .video .videos_container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
  margin: auto;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .video .videos_container .video_image {
  width: 100%;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .video .videos_container .video_image iframe {
  width: 100%;
  height: 200px;
  filter: drop-shadow(0px 4px 5px rgba(99, 99, 99, 0.336));
  border-radius: 0.5rem;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .local_video {
  padding: 0px 1rem;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .local_video .local_videos_container {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin: auto;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .local_video .local_videos_container .video_image {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .local_video .local_videos_container .video_image video {
  width: -moz-max-content;
  width: max-content;
  min-width: 50%;
  height: auto;
  max-height: 200px;
  border-radius: 0.2rem;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .row_5 {
  width: 100%;
  padding: 1rem;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .row_5 .time_list_container {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  place-items: center;
  gap: 1rem 1rem;
  margin: 1rem auto;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .row_5 .time_list_container .time_list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 5px 1rem 5px 1rem;
  background-color: rgba(39, 43, 51, 0.5882352941);
  width: 100%;
  border-radius: 0.5rem;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .row_5 .time_list_container .time_list .day {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .row_5 .time_list_container .time_list .day span {
  font-size: 0.7rem;
  font-weight: 550;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .row_5 .time_list_container .time_list .day span::after {
  content: "";
  display: block;
  height: 1px;
  background-color: gray;
  width: 100%;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .row_5 .time_list_container .time_list .time {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 15px;
  margin-top: 10px;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .row_5 .time_list_container .time_list .time .start h6 {
  font-size: 0.6rem;
  font-weight: 600;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .row_5 .time_list_container .time_list .time .start span {
  font-size: 0.6rem;
  font-weight: 550;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .row_5 .time_list_container .time_list .time .end h6 {
  font-size: 0.6rem;
  font-weight: 500;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .row_5 .time_list_container .time_list .time .end span {
  font-size: 0.6rem;
  font-weight: 550;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Appoinment {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Appoinment .popup_message_container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  position: absolute;
  top: 14%;
  left: 20%;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Appoinment .popup_message_container .popup_success_box {
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
  border-radius: 5px;
  padding: 0.5px 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  position: relative;
  transition: transform 0.5s ease-in-out;
  z-index: -1;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Appoinment .popup_message_container .popup_success_box .popup_close i {
  font-size: 1.4rem;
  font-weight: 600;
  color: rgb(255, 79, 79);
  cursor: pointer;
  transition: all 0.5s ease;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Appoinment .popup_message_container .popup_success_box .popup_close i:hover {
  transform: rotate(90deg);
  transition: all 0.5s ease;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Appoinment .popup_message_container .popup_success_box .popup_message {
  font-size: 0.9rem;
  color: #525252;
  font-weight: 550;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Appoinment .popup_message_container #successOpen {
  transform: translateX(0px);
  transition: transform 0.5s ease-in-out;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Appoinment .popup_message_container #successClose {
  transform: translateX(500px);
  transition: transform 0.5s ease-in-out;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Appoinment .popup_message_container .popup_error_box {
  display: inline-block;
  height: 40px;
  background-color: rgb(255, 177, 141) !important;
  border-radius: 5px;
  padding: 0px 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3rem;
  position: relative;
  z-index: -1;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Appoinment .popup_message_container .popup_error_box .popup_close i {
  font-size: 1.4rem;
  color: rgb(255, 255, 255);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.5s ease;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Appoinment .popup_message_container .popup_error_box .popup_close i:hover {
  transform: rotate(90deg);
  transition: all 0.5s ease;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Appoinment .popup_message_container .popup_error_box .popup_message {
  font-size: 0.9rem;
  color: #494949;
  font-weight: 550;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Appoinment .appinment_form_container {
  width: 100%;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Appoinment .appinment_form_container form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0rem 1rem;
  width: 100%;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Appoinment .appinment_form_container form .form_group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  position: relative;
  gap: 5px;
  padding: 0.5rem 0px;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Appoinment .appinment_form_container form .form_group label {
  font-size: 0.7rem;
  font-weight: 500;
  letter-spacing: 1px;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Appoinment .appinment_form_container form .form_group .labelError {
  color: tomato;
  font-family: 500;
  font-size: 0.6rem;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Appoinment .appinment_form_container form .form_group .input_error {
  border: 1px solid tomato !important;
  border-radius: 5px;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Appoinment .appinment_form_container form .form_group .error {
  position: absolute;
  top: 12%;
  right: 0%;
  color: tomato;
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Appoinment .appinment_form_container form .form_group .desc_error {
  position: absolute;
  top: 0%;
  right: 0%;
  color: tomato;
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Appoinment .appinment_form_container form .form_group input[type=date], .GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Appoinment .appinment_form_container form .form_group input[type=text], .GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Appoinment .appinment_form_container form .form_group input[type=tel] {
  width: 100%;
  outline: none;
  padding: 10px 1rem;
  border-radius: 0.2rem;
  background-color: transparent;
  border: 1px solid #f0f0f0;
  color: #f0f0f0;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Appoinment .appinment_form_container form .form_group input[type=date]::-moz-placeholder, .GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Appoinment .appinment_form_container form .form_group input[type=text]::-moz-placeholder, .GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Appoinment .appinment_form_container form .form_group input[type=tel]::-moz-placeholder {
  color: #f0f0f0;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Appoinment .appinment_form_container form .form_group input[type=date]::placeholder, .GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Appoinment .appinment_form_container form .form_group input[type=text]::placeholder, .GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Appoinment .appinment_form_container form .form_group input[type=tel]::placeholder {
  color: #f0f0f0;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Appoinment .appinment_form_container form .form_group select {
  width: 100%;
  outline: none;
  padding: 8px 1rem;
  background-color: transparent;
  border: 1px solid #f0f0f0;
  color: #f0f0f0;
  font-weight: 500;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Appoinment .appinment_form_container form .form_group select option {
  color: #3d3d3d;
  width: 100%;
  font-size: 0.8rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Appoinment .appinment_form_container form .form_submit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  width: 100%;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Appoinment .appinment_form_container form .form_submit button {
  display: flex;
  align-self: center;
  justify-content: center;
  gap: 0.5rem;
  outline: none;
  padding: 6px 1rem;
  background-color: #313131;
  color: #fff;
  font-size: 0.8rem;
  border-radius: 0.3rem;
  font-weight: 500;
  transition: all 0.4s ease-in;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Appoinment .appinment_form_container form .form_submit button span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.9rem;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Appoinment .appinment_form_container form .form_submit button .inquiryloader {
  width: 18px;
  height: 18px;
  border: 2px solid #FFF;
  border-bottom-color: transparent;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Appoinment .appinment_form_container form .form_submit button:hover {
  background-color: #7e7e7e;
  filter: drop-shadow(0px 4px 5px rgba(109, 109, 109, 0.4));
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Appoinment .appinment_form_container form .form_submit button:nth-child(2) {
  background-color: royalblue;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Appoinment .appinment_form_container form .form_submit button:nth-child(2):hover {
  background-color: rgb(248, 137, 118);
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Testimonial {
  width: 100%;
  padding: 1rem 0rem;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Testimonial .testimonial_container {
  margin: 1rem auto;
  width: 100%;
  height: 150px;
  max-height: 150px;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Testimonial .testimonial_container .testimonial_list {
  margin: 1rem 1rem;
  width: 90%;
  height: 100%;
  min-height: 150px;
  background-color: #2c323a;
  overflow-y: auto;
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  border-radius: 0.5rem;
  padding: 0.5rem 1rem;
  position: relative;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Testimonial .testimonial_container .testimonial_list .client_feedback {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Testimonial .testimonial_container .testimonial_list .client_detail {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: flex-start;
  gap: 10px;
  margin-top: 0.5rem;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Testimonial .testimonial_container .testimonial_list .client_detail img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Testimonial .testimonial_container .testimonial_list .client_detail .client_name {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Testimonial .testimonial_container .testimonial_list .client_detail .client_name h4 {
  font-size: 0.8rem;
  color: #fff;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Testimonial .testimonial_container .testimonial_list .client_detail .client_name small {
  font-size: 0.7rem;
  color: skyblue;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Testimonial .testimonial_container .testimonial_list::-webkit-scrollbar {
  display: none;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .google_map_container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .google_map_container .google_map {
  width: 100%;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .google_map_container .google_map iframe {
  width: 100% !important;
  height: 250px !important;
  border: none !important;
  margin: 1rem auto;
  border-radius: 0.5rem;
  filter: drop-shadow(0px 4px 5px rgba(56, 56, 56, 0.527));
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row {
  width: 100%;
  padding: 0rem 1rem;
  display: flex;
  flex-direction: column;
  gap: 0rem;
  align-items: center;
  justify-content: center;
  position: relative;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .popup_message_container {
  position: absolute;
  top: 18%;
  left: 22%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .popup_message_container .popup_success_box {
  display: inline-block;
  width: auto;
  background-color: rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
  padding: 0.7px 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  position: relative;
  font-size: 0.7rem;
  font-weight: 500;
  transition: transform 0.5s ease-in-out;
  z-index: -1;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .popup_message_container .popup_success_box .popup_close i {
  font-size: 1.4rem;
  font-weight: 600;
  color: rgb(255, 101, 101);
  cursor: pointer;
  transition: all 0.5s ease;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .popup_message_container .popup_success_box .popup_close i:hover {
  transform: rotate(90deg);
  transition: all 0.5s ease;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .popup_message_container .popup_success_box .popup_close .icon {
  font-size: 1.2rem;
  color: #2cc478;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .popup_message_container .popup_success_box .popup_message {
  font-size: 0.9rem;
  color: rgb(48, 48, 48);
  font-weight: 500;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .popup_message_container #successOpen {
  transform: translateX(0px);
  transition: transform 0.5s ease-in-out;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .popup_message_container #successClose {
  transform: translateX(500px);
  transition: transform 0.5s ease-in-out;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .popup_message_container .popup_error_box {
  display: inline-block;
  height: 40px;
  background-color: rgb(255, 177, 141) !important;
  border-radius: 5px;
  padding: 0px 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3rem;
  position: relative;
  z-index: -1;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .popup_message_container .popup_error_box .popup_close i {
  font-size: 1.4rem;
  color: rgb(255, 255, 255);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.5s ease;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .popup_message_container .popup_error_box .popup_close i:hover {
  transform: rotate(90deg);
  transition: all 0.5s ease;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .popup_message_container .popup_error_box .popup_message {
  font-size: 0.9rem;
  color: #2cc478;
  font-weight: 550;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .Feedback_container_message {
  width: 100%;
  height: auto;
  margin: 0rem auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  margin: 1rem;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .Feedback_container_message .feeback_title {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: space-between;
  gap: 10px;
  z-index: 800;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .Feedback_container_message .feeback_title button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 0.7rem;
  color: #f0f0f0;
  background: transparent;
  cursor: pointer;
  outline: none;
  border: transparent;
  font-weight: 600;
  position: relative;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .Feedback_container_message .feeback_title button i {
  font-size: 1.4rem;
  color: #f0f0f0;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .Feedback_container_message .feeback_title button .count {
  position: absolute;
  right: -7%;
  top: -8%;
  font-size: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  color: #f0f0f0;
  border-radius: 50%;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .Feedback_container_message .feeback_title .feedBack_loader {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: block;
  margin: 15px auto;
  position: relative;
  color: #253bff;
  left: -100px;
  box-sizing: border-box;
  animation: shadowRolling 2s linear infinite;
}
@keyframes shadowRolling {
  0% {
    box-shadow: 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
  }
  12% {
    box-shadow: 100px 0 rgb(76, 247, 176), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
  }
  25% {
    box-shadow: 110px 0 rgb(107, 98, 233), 100px 0 rgb(75, 45, 243), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
  }
  36% {
    box-shadow: 120px 0 rgb(94, 236, 255), 110px 0 rgb(226, 253, 72), 100px 0 rgb(219, 99, 119), 0px 0 rgba(255, 255, 255, 0);
  }
  50% {
    box-shadow: 130px 0 rgb(240, 135, 49), 120px 0 rgb(56, 163, 74), 110px 0 rgb(99, 95, 95), 100px 0 rgb(135, 111, 221);
  }
  62% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 130px 0 white, 120px 0 white, 110px 0 white;
  }
  75% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 130px 0 white, 120px 0 white;
  }
  87% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 130px 0 white;
  }
  100% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0);
  }
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box {
  width: 100%;
  max-height: 300px;
  height: auto;
  overflow: scroll;
  margin: 1rem auto;
  background: transparent;
  border-radius: 5px;
  position: relative;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .comment_box_title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  background-color: royalblue;
  color: #fff;
  font-weight: 400;
  display: none;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message {
  width: 100%;
  padding: 10px;
  border-bottom: 1px solid rgb(216, 216, 216);
  position: relative;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 5px;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .userName p {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 1.1rem;
  color: #f0f0f0;
  letter-spacing: 1px;
  font-weight: 550;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .userName p i {
  color: #5e5e5e;
  font-size: 1.4rem;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .userName p::first-letter {
  text-transform: uppercase !important;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars .ratting_container1 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars .ratting_container1 span i {
  font-size: 1.2rem;
  cursor: pointer;
  color: lightgray;
  transition: all 0.4s ease-in-out;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars .ratting_container1 span .highlight1 {
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
  color: gold;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #noRatting span:nth-child(1) i,
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #noRatting span:nth-child(2) i,
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #noRatting span:nth-child(3) i,
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #noRatting span:nth-child(4) i,
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #noRatting span:nth-child(5) i {
  text-decoration: line-through;
  text-decoration-color: #ff2525;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #singleRatting span:nth-child(1) i {
  color: #F7C52A;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #doubleRatting span:nth-child(1) i,
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #doubleRatting span:nth-child(2) i {
  color: #F7C52A;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #ThreeRatting span:nth-child(1) i,
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #ThreeRatting span:nth-child(2) i,
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #ThreeRatting span:nth-child(3) i {
  color: #F7C52A;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fourRatting span:nth-child(1) i,
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fourRatting span:nth-child(2) i,
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fourRatting span:nth-child(3) i,
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fourRatting span:nth-child(4) i {
  color: #F7C52A;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fullRatting span:nth-child(1) i,
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fullRatting span:nth-child(2) i,
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fullRatting span:nth-child(3) i,
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fullRatting span:nth-child(4) i,
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fullRatting span:nth-child(5) i {
  color: #F7C52A;
  filter: drop-shadow(0px 4px 5px rgba(165, 165, 165, 0.4));
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .comments {
  margin: 10px auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  width: 100%;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .comments i {
  color: yellow;
  font-size: 1.4rem;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .comments span {
  font-size: 0.9rem;
  color: #f0f0f0;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .date {
  position: absolute;
  right: 2%;
  top: 15%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 0.9rem;
  color: yellow;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .date i {
  color: #f0f0f0;
  font-size: 1.1rem;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box::-webkit-scrollbar {
  display: none;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .feedback_container {
  width: 100%;
  position: relative;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .feedback_container form {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin: auto;
  padding: 0px 0.5rem 0rem 0.5rem;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .feedback_container form .feedback_svg {
  position: absolute;
  top: -4%;
  right: 0%;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .feedback_container form .feedback_svg img {
  width: 100px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media (max-width: 600px) {
  .GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .feedback_container form .feedback_svg img {
    width: 90px;
  }
  .GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .feedback_container form .feedback_svg {
    top: 0%;
  }
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .feedback_container form .form_group {
  margin: 10px auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  width: 95%;
  position: relative;
  margin: 0.2rem 0.2rem;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .feedback_container form .form_group .error {
  font-size: 0.6rem;
  color: tomato !important;
  -webkit-text-fill-color: tomato;
  letter-spacing: 1px;
  display: flex;
  align-items: center;
  font-weight: 550;
  justify-content: flex-start;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .feedback_container form .form_group label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  left: 5%;
  color: #f0f0f0;
  -webkit-text-fill-color: #f0f0f0;
  font-size: 0.7rem;
  font-weight: 550;
  border-radius: 4px;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .feedback_container form .form_group label span {
  font-size: 1rem;
  color: tomato !important;
  -webkit-text-fill-color: tomato;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .feedback_container form .form_group label span sup {
  color: tomato !important;
}
@media screen and (max-width: 800px) {
  .GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .feedback_container form .form_group label {
    left: 5%;
  }
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .feedback_container form .form_group input,
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .feedback_container form .form_group .ratting_container {
  width: 100%;
  padding: 0.7rem 1rem;
  background-color: transparent;
  border: 1px solid #797979;
  color: #f0f0f0;
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border-radius: 0.3rem;
  outline: none;
  caret-color: #f0f0f0;
  transition: all 0.3s ease;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .feedback_container form .form_group input::-moz-placeholder, .GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .feedback_container form .form_group .ratting_container::-moz-placeholder {
  font-size: 0.6rem;
  color: #f0f0f0;
  letter-spacing: 1px;
  font-weight: 400;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .feedback_container form .form_group input::placeholder,
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .feedback_container form .form_group .ratting_container::placeholder {
  font-size: 0.6rem;
  color: #f0f0f0;
  letter-spacing: 1px;
  font-weight: 400;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .feedback_container form .form_group input:focus,
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .feedback_container form .form_group .ratting_container:focus {
  border: double 2px transparent;
  border-radius: 0.3rem;
  background-color: transparent;
  border: 1px solid #f0f0f0;
  background-origin: border-box;
  background-clip: padding-box, border-box;
  transition: all 0.3s ease;
}
@media screen and (max-width: 800px) {
  .GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .feedback_container form .form_group input,
  .GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .feedback_container form .form_group .ratting_container {
    padding: 0.8rem 2rem;
    width: 100%;
    background-color: transparent;
  }
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .feedback_container form .form_group .ratting_container {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .feedback_container form .form_group .ratting_container span i {
  font-size: 1.5rem;
  cursor: pointer;
  color: rgb(255, 168, 54);
  transition: all 0.4s ease-in-out;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .feedback_container form .form_group .ratting_container span .highlight {
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
  color: gold;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .feedback_container form .form_group textarea {
  width: 100%;
  padding: 1rem;
  caret-color: #f0f0f0;
  color: #f0f0f0;
  border: double 1px transparent;
  background-color: transparent;
  border: 1px solid #797979;
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border-radius: 0.3rem;
  outline: none;
  transition: all 0.3s ease;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .feedback_container form .form_group textarea::-moz-placeholder {
  font-size: 0.6rem;
  color: #f0f0f0;
  letter-spacing: 1px;
  font-weight: 400;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .feedback_container form .form_group textarea::placeholder {
  font-size: 0.6rem;
  color: #f0f0f0;
  letter-spacing: 1px;
  font-weight: 400;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .feedback_container form .form_group textarea:focus {
  border: double 2px transparent;
  border-radius: 0.3rem;
  background-color: transparent;
  border: 1px solid #f0f0f0;
  background-origin: border-box;
  background-clip: padding-box, border-box;
  transition: all 0.3s ease;
}
@media screen and (max-width: 800px) {
  .GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .feedback_container form .form_group textarea {
    padding: 0.8rem 2rem;
    width: 100%;
    background-color: transparent;
  }
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .feedback_container form .form_group .icon {
  position: absolute;
  left: 1%;
  top: 63%;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .feedback_container form .form_group .icon img {
  width: 25px;
  height: 25px;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .feedback_container form .form_group .icon i {
  font-size: 1.4rem;
  color: skyblue;
}
@media screen and (max-width: 800px) {
  .GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .feedback_container form .form_group .icon {
    position: absolute;
    left: 2%;
    top: 25%;
  }
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .feedback_container form .form_group .show_pass {
  position: absolute;
  right: 2%;
  top: 25%;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .feedback_container form .form_group .show_pass i {
  font-size: 1.4rem;
  color: skyblue;
  cursor: pointer;
}
@media screen and (max-width: 800px) {
  .GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .feedback_container form .form_group .show_pass {
    position: absolute;
    right: 2%;
    top: 25%;
  }
}
@media screen and (max-width: 900px) {
  .GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .feedback_container form .form_group {
    margin: 0.8rem auto;
  }
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .feedback_container form .form_actions {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 1rem auto;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .feedback_container form .form_actions button {
  margin-right: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background-color: #313131;
  filter: none;
  width: auto;
  padding: 10px 1rem;
  outline: none;
  border: transparent;
  font-weight: 500;
  letter-spacing: 1px;
  font-size: 0.6rem;
  border-radius: 5px;
  cursor: pointer;
  color: #f0f0f0;
  transition: all 0.4s ease-in;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .feedback_container form .form_actions button span {
  font-size: 1.2rem;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .feedback_container form .form_actions button .form_loader,
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .feedback_container form .form_actions button .form_loader:before,
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .feedback_container form .form_actions button .form_loader:after {
  border-radius: 50%;
  width: 1em;
  height: 1em;
  animation-fill-mode: both;
  animation: bblFadInOut 1.8s infinite ease-in-out;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .feedback_container form .form_actions button .form_loader {
  color: #fff;
  font-size: 7px;
  position: relative;
  text-indent: -9999em;
  transform: translateZ(0);
  animation-delay: -0.16s;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .feedback_container form .form_actions button .form_loader:before,
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .feedback_container form .form_actions button .form_loader:after {
  content: "";
  position: absolute;
  top: 0;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .feedback_container form .form_actions button .form_loader:before {
  left: -3.5em;
  animation-delay: -0.32s;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .feedback_container form .form_actions button .form_loader:after {
  left: 3.5em;
}
@keyframes bblFadInOut {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .feedback_row .feedback_container form .form_actions button:hover {
  background-color: #525252;
  color: #f0f0f0;
  font-weight: 550;
  transition: all 0.4s ease-in;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Inquries {
  width: 100%;
  padding: 0rem 1rem;
  display: flex;
  flex-direction: column;
  gap: 0rem;
  align-items: center;
  justify-content: center;
  position: relative;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Inquries .popup_message_container {
  position: absolute;
  right: 3%;
  top: 7%;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Inquries .popup_message_container .popup_success_box {
  display: inline-block;
  background-color: rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
  border-radius: 5px;
  padding: 0.6px 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3rem;
  position: relative;
  transition: transform 0.5s ease-in-out;
  z-index: -1;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Inquries .popup_message_container .popup_success_box .popup_close i {
  font-size: 1.4rem;
  font-weight: 600;
  color: rgb(255, 76, 76);
  cursor: pointer;
  transition: all 0.5s ease;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Inquries .popup_message_container .popup_success_box .popup_close i:hover {
  transform: rotate(90deg);
  transition: all 0.5s ease;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Inquries .popup_message_container .popup_success_box .popup_message {
  font-size: 0.9rem;
  color: #4b4b4b;
  font-weight: 550;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Inquries .popup_message_container #successOpen {
  transform: translateX(0px);
  transition: transform 0.5s ease-in-out;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Inquries .popup_message_container #successClose {
  transform: translateX(500px);
  transition: transform 0.5s ease-in-out;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Inquries .popup_message_container .popup_error_box {
  display: inline-block;
  height: 40px;
  background-color: rgb(255, 177, 141) !important;
  border-radius: 5px;
  padding: 0px 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3rem;
  position: relative;
  z-index: -1;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Inquries .popup_message_container .popup_error_box .popup_close i {
  font-size: 1.4rem;
  color: rgb(255, 255, 255);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.5s ease;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Inquries .popup_message_container .popup_error_box .popup_close i:hover {
  transform: rotate(90deg);
  transition: all 0.5s ease;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Inquries .popup_message_container .popup_error_box .popup_message {
  font-size: 0.9rem;
  color: #494949;
  font-weight: 550;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Inquries .inquiries_container5 {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
  margin: auto;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Inquries .inquiries_container5 form {
  width: 90%;
  padding: 10px 0px;
  margin: auto;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Inquries .inquiries_container5 form .form_group {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 10px;
  margin-bottom: 10px;
  margin: 10px auto;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Inquries .inquiries_container5 form .form_group label {
  font-size: 0.7rem;
  letter-spacing: 1px;
  color: #f0f0f0;
  font-weight: 550;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Inquries .inquiries_container5 form .form_group .input {
  width: 100%;
  position: relative;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Inquries .inquiries_container5 form .form_group .input input,
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Inquries .inquiries_container5 form .form_group .input textarea {
  width: 100%;
  padding: 0.9rem 2.5rem;
  outline: none;
  border: transparent;
  border-radius: 5px;
  background-color: transparent;
  color: #f0f0f0;
  border: 1px solid #f0f0f0;
  caret-color: rgb(78, 78, 78);
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Inquries .inquiries_container5 form .form_group .input input::-moz-placeholder, .GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Inquries .inquiries_container5 form .form_group .input textarea::-moz-placeholder {
  color: #f0f0f0;
  letter-spacing: 1px;
  font-size: 0.7rem;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Inquries .inquiries_container5 form .form_group .input input::placeholder,
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Inquries .inquiries_container5 form .form_group .input textarea::placeholder {
  color: #f0f0f0;
  letter-spacing: 1px;
  font-size: 0.7rem;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Inquries .inquiries_container5 form .form_group .input i {
  position: absolute;
  left: 2%;
  font-size: 1.5rem;
  color: #f0f0f0;
  top: 30%;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Inquries .inquiries_container5 form .form_group .labelError {
  color: tomato;
  font-weight: 450;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Inquries .inquiries_container5 form .form_group .input_error {
  border: 1px solid tomato !important;
  border-radius: 5px;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Inquries .inquiries_container5 form .form_group .error {
  position: absolute;
  top: 12%;
  right: 0%;
  color: tomato;
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Inquries .inquiries_container5 form .form_group .desc_error {
  position: absolute;
  top: 0%;
  right: 0%;
  color: tomato;
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Inquries .inquiries_container5 form .form_actions {
  padding: 0px 1rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 1rem auto;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button {
  width: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background-color: #313131;
  color: #f0f0f0;
  padding: 8px 1rem;
  outline: none;
  border: transparent;
  font-weight: 450;
  letter-spacing: 1px;
  font-size: 0.7rem;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.4s ease-in;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button img {
  width: 20px;
  height: 20px;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button .form_loader,
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button .form_loader:before,
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button .form_loader:after {
  border-radius: 50%;
  width: 1em;
  height: 1em;
  animation-fill-mode: both;
  animation: bblFadInOut 1.8s infinite ease-in-out;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button .form_loader {
  color: #fff;
  font-size: 7px;
  position: relative;
  text-indent: -9999em;
  transform: translateZ(0);
  animation-delay: -0.16s;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button .form_loader:before,
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button .form_loader:after {
  content: "";
  position: absolute;
  top: 0;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button .form_loader:before {
  left: -3.5em;
  animation-delay: -0.32s;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button .form_loader:after {
  left: 3.5em;
}
@keyframes bblFadInOut {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button:hover {
  background-color: #727272;
  transition: all 0.4s ease-in;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.5));
  color: #f0f0f0;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Gym_Footer {
  position: relative;
  bottom: 0%;
  width: 100%;
  margin-top: 3rem;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Gym_Footer .gym_footer_container {
  width: 100%;
  min-height: 50px;
  height: 50px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px 0px;
  z-index: 600;
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Gym_Footer .gym_footer_container p {
  font-size: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #f0f0f0;
  font-weight: 400;
  letter-spacing: 1px;
}
@media (max-width: 600px) {
  .GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Gym_Footer .gym_footer_container p {
    font-size: 0.7rem;
  }
}
.GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD .Gym_Footer .gym_footer_container svg {
  position: absolute;
  z-index: -1;
  bottom: 0%;
  left: 0%;
  width: 100%;
}
@media screen and (max-width: 600px) {
  .GYM_TRAINER_LIVE_CONTAINER .GYM_TRAINER_LIVE_CARD {
    width: 100vw !important;
    min-width: 100vw;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin-top: 0rem;
  }
}
.GYM_TRAINER_LIVE_CONTAINER::-webkit-scrollbar {
  width: 6px !important;
  height: 4px !important;
  display: none;
  background-color: #f4ffb7, #d2ffbe;
}
@media screen and (max-width: 650px) {
  .GYM_TRAINER_LIVE_CONTAINER::-webkit-scrollbar {
    display: none !important;
  }
}
.GYM_TRAINER_LIVE_CONTAINER::-webkit-scrollbar-thumb {
  width: 6px !important;
  height: 4px !important;
  border-radius: 10px;
  z-index: 10;
  cursor: pointer;
  background-color: #fff !important;
}
.GYM_TRAINER_LIVE_CONTAINER::-webkit-scrollbar-thumb:hover {
  background-color: rgb(36, 231, 222);
}
.date-input {
  appearance: none; /* Remove default styling */
  -webkit-appearance: none; /* Remove default styling in Safari */
  -moz-appearance: none; /* Remove default styling in Firefox */
  padding: 10px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.date-input::-moz-placeholder {
  color: #888; /* Placeholder color */
}
.date-input::placeholder {
  color: #888; /* Placeholder color */
}
/* Custom icon for the date picker */
.date-input::-webkit-calendar-picker-indicator {
  cursor: pointer;
  color: transparent;
  opacity: 1;
  position: absolute;
  right: 10px;
  top: 70%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url("https://img.icons8.com/emoji/48/calendar-emoji.png") no-repeat center center;
  background-size: contain;
}


.TAXI_DRIVER_LIVE_DEMO_TITLE, .TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Inquries, .TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row, .TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .google_map_container, .TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Testimonial, .TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Appoinment, .TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .row_5, .TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .video, .TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .gallery, .TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Payment, .TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .our_products, .TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .our_services {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.TAXI_DRIVER_LIVE_DEMO_TITLE h3, .TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Inquries h3, .TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row h3, .TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .google_map_container h3, .TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Testimonial h3, .TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Appoinment h3, .TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .row_5 h3, .TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .video h3, .TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .gallery h3, .TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Payment h3, .TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .our_products h3, .TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .our_services h3 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-weight: 500;
  font-size: 1.2rem;
}
.TAXI_DRIVER_LIVE_DEMO_TITLE h3::after, .TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Inquries h3::after, .TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row h3::after, .TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .google_map_container h3::after, .TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Testimonial h3::after, .TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Appoinment h3::after, .TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .row_5 h3::after, .TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .video h3::after, .TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .gallery h3::after, .TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Payment h3::after, .TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .our_products h3::after, .TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .our_services h3::after {
  content: "";
  width: 50px;
  height: 2px;
  background-color: #ffffff;
  position: relative;
  animation: TaxilineAnime 3s infinite linear;
}
@keyframes TaxilineAnime {
  0% {
    width: 0px;
  }
  50% {
    width: 50px;
  }
  100% {
    width: 0px;
  }
}
.TAXI_DRIVER_PREVIEW_DEMO_SUB_TITLE {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
.TAXI_DRIVER_PREVIEW_DEMO_SUB_TITLE h3 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  font-weight: 600;
  font-size: 1rem !important;
  color: #cacaca;
  position: relative;
}
.TAXI_DRIVER_LIVE_CONTAINER {
  width: 100vw;
  min-height: 100vh;
  height: auto;
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin: auto;
  color: #f0f0f0;
  overflow-y: scroll;
  overflow-x: hidden;
  background-image: url("");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background: linear-gradient(90deg, #ffffff, #ffffff 100%, #ffffff, #ffffff 100%);
}
.TAXI_DRIVER_LIVE_CONTAINER .full_image {
  display: none;
  margin: auto;
  width: 100%;
  height: 800px;
  background: linear-gradient(#034b45, #034b45, #034b45, #034b45);
  z-index: 1;
}
.TAXI_DRIVER_LIVE_CONTAINER .full_image .close_Full_Image_gallery {
  position: absolute;
  width: 100%;
  left: 90%;
  top: 5%;
  z-index: 10;
}
.TAXI_DRIVER_LIVE_CONTAINER .full_image .close_Full_Image_gallery .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  color: red;
  z-index: 10;
  cursor: pointer;
  place-items: center;
  transition: all 0.3s ease-in-out;
}
.TAXI_DRIVER_LIVE_CONTAINER .full_image .close_Full_Image_gallery .icon:hover {
  filter: drop-shadow(0px 4px 5px rgba(255, 156, 117, 0.6));
  scale: 1.2;
  transition: all 0.3s ease-in-out;
}
.TAXI_DRIVER_LIVE_CONTAINER .full_image img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  height: auto;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.5));
  border-radius: 5px;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 1;
}
@media (max-width: 600px) {
  .TAXI_DRIVER_LIVE_CONTAINER .full_image img {
    width: 70%;
    height: 150px;
  }
}
.TAXI_DRIVER_LIVE_CONTAINER .menu_navbar_box {
  width: 80px;
  height: 100%;
  background-color: #034b45;
  position: fixed;
  top: 0%;
  right: 0%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.TAXI_DRIVER_LIVE_CONTAINER .menu_navbar_box .up_btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0.1;
  font-size: 2.5rem;
  font-weight: bold;
  background-color: rgb(255, 110, 84);
  color: #ffffff;
  cursor: pointer;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 650px) {
  .TAXI_DRIVER_LIVE_CONTAINER .menu_navbar_box .up_btn .icon {
    transform: rotate(-90deg);
    font-size: 1.5rem;
  }
}
.TAXI_DRIVER_LIVE_CONTAINER .menu_navbar_box .up_btn:hover {
  background: linear-gradient(120deg, #686868 40%, #686868 60%);
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 650px) {
  .TAXI_DRIVER_LIVE_CONTAINER .menu_navbar_box .up_btn {
    height: 100%;
    flex: 0.1;
    display: flex;
    border-radius: 0px;
    border-top-left-radius: 0rem;
    border-bottom-left-radius: 0rem;
    flex-direction: row !important;
  }
}
.TAXI_DRIVER_LIVE_CONTAINER .menu_navbar_box .hideUpArrow {
  opacity: 1;
  cursor: not-allowed;
}
.TAXI_DRIVER_LIVE_CONTAINER .menu_navbar_box .all_menus {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  gap: 1rem;
  flex: 0.8;
  padding: 0.5rem;
  width: 100%;
  overflow-y: scroll;
}
.TAXI_DRIVER_LIVE_CONTAINER .menu_navbar_box .all_menus .menu {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 100%;
  cursor: pointer;
  padding: 5px 10px;
  border-radius: 10px;
  transition: 1ll 0.5s ease-in-out;
}
.TAXI_DRIVER_LIVE_CONTAINER .menu_navbar_box .all_menus .menu .icon {
  font-size: 1.4rem;
}
@media screen and (max-width: 650px) {
  .TAXI_DRIVER_LIVE_CONTAINER .menu_navbar_box .all_menus .menu .icon {
    font-size: 1rem;
  }
}
.TAXI_DRIVER_LIVE_CONTAINER .menu_navbar_box .all_menus .menu p {
  font-size: 0.7rem;
  font-weight: 500;
}
@media screen and (max-width: 650px) {
  .TAXI_DRIVER_LIVE_CONTAINER .menu_navbar_box .all_menus .menu p {
    font-size: 0.6rem;
  }
}
.TAXI_DRIVER_LIVE_CONTAINER .menu_navbar_box .all_menus .menu:hover {
  color: rgb(255, 255, 255);
  background-color: rgba(3, 194, 178, 0.6862745098);
  transition: 1ll 0.5s ease-in-out;
}
.TAXI_DRIVER_LIVE_CONTAINER .menu_navbar_box .all_menus .menuActive {
  color: #f0f0f0;
  background-color: rgba(3, 194, 178, 0.6862745098);
}
.TAXI_DRIVER_LIVE_CONTAINER .menu_navbar_box .all_menus::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 650px) {
  .TAXI_DRIVER_LIVE_CONTAINER .menu_navbar_box .all_menus {
    height: 100%;
    width: 100%;
    flex: 0.8;
    display: flex;
    flex-direction: row !important;
  }
}
.TAXI_DRIVER_LIVE_CONTAINER .menu_navbar_box .down_btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0.1;
  font-size: 2.5rem;
  font-weight: bold;
  background-color: rgb(255, 110, 84);
  color: #ffffff;
  cursor: pointer;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 650px) {
  .TAXI_DRIVER_LIVE_CONTAINER .menu_navbar_box .down_btn .down {
    transform: rotate(-90deg);
    font-size: 1.5rem;
  }
}
.TAXI_DRIVER_LIVE_CONTAINER .menu_navbar_box .down_btn:hover {
  background: linear-gradient(120deg, #686868 40%, #686868 60%);
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 650px) {
  .TAXI_DRIVER_LIVE_CONTAINER .menu_navbar_box .down_btn {
    height: 100%;
    flex: 0.1;
    display: flex;
    border-radius: 0px;
    border-top-right-radius: 0rem;
    border-bottom-right-radius: 0rem;
    flex-direction: row !important;
  }
}
.TAXI_DRIVER_LIVE_CONTAINER .menu_navbar_box .hideDownArrow {
  opacity: 1;
  cursor: not-allowed;
}
@media screen and (max-width: 1000px) {
  .TAXI_DRIVER_LIVE_CONTAINER .menu_navbar_box {
    position: fixed;
    top: 15%;
    right: 5%;
  }
}
@media screen and (max-width: 700px) {
  .TAXI_DRIVER_LIVE_CONTAINER .menu_navbar_box {
    position: fixed;
    top: 15%;
    right: 1%;
  }
}
@media screen and (max-width: 650px) {
  .TAXI_DRIVER_LIVE_CONTAINER .menu_navbar_box {
    position: fixed;
    top: 96.5%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 100;
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 50px;
    align-items: center;
    justify-content: space-between;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
  }
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD {
  width: 450px;
  max-width: 450px;
  margin-top: 0.5rem;
  height: auto;
  overflow-x: hidden;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
  background: linear-gradient(160deg, #034b45, #034b45 50%, #034b45, #034b45 50%);
  filter: drop-shadow(0px 4px 5px rgba(56, 56, 56, 0.6509803922));
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Image_row_1 {
  width: 100%;
  max-height: 300px;
  height: 300px;
  position: relative;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Image_row_1 .slide_svg {
  position: absolute;
  width: 100%;
  bottom: -6px;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Image_row_1 .slide_svg svg {
  transform: rotate(0deg);
  height: 150px;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Image_row_1 .slide_svg .overlay {
  position: relative;
  top: -3px;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(rgba(205, 98, 226, 0) 0%, #034b45, #034b45 100%);
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Image_row_1 .banner_image {
  width: 100%;
  max-height: 300px;
  height: 300px;
  overflow: hidden;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  position: relative;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Image_row_1 .banner_image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover; /* Ensures image covers the area */
  -o-object-position: top;
     object-position: top; /* Ensures head portion is not cropped */
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Image_row_1 .banner_image .overlay {
  position: absolute;
  bottom: -50px;
  left: 0;
  width: 100%;
  height: 40%;
  background: linear-gradient(rgba(133, 133, 133, 0) 0%, #034b45, #034b45 100%);
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Image_row_1 .user_logo {
  position: absolute;
  bottom: -10%;
  left: 1%;
  right: 0%;
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: space-between;
  gap: 10px;
  margin: 0.5rem auto;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Image_row_1 .user_logo .logo {
  display: flex;
  flex: 0.3;
  align-items: center;
  justify-content: center;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Image_row_1 .user_logo .logo img {
  z-index: 2;
  width: 90px;
  height: 90px;
  border-radius: 0.5rem;
  -o-object-fit: cover;
     object-fit: cover; /* Ensures image covers the area */
  -o-object-position: top;
     object-position: top; /* Ensures head portion is not cropped */
  border: 2px solid rgb(255, 255, 85);
  background-color: #fff;
  filter: drop-shadow(0px 4px 5px rgba(255, 210, 9, 0.4));
}
@keyframes profileBorder {
  0% {
    border: 3px solid #ffffff;
    transform: translateY(0px);
  }
  25% {
    border: 3px solid #ffffff;
    transform: translateY(-5px);
  }
  50% {
    border: 3px solid #ffffff;
    transform: translateY(-10px);
  }
  75% {
    border: 3px solid rgb(255, 255, 255);
    transform: translateY(-5px);
  }
  100% {
    border: 3px solid #ffffff;
    transform: translateY(0px);
  }
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Image_row_1 .user_logo .svg_image {
  position: absolute;
  z-index: 1;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Image_row_1 .user_logo .svg_image img {
  width: 200px;
  height: 200px;
  border: none;
  filter: drop-shadow(0px 4px 5px rgba(255, 255, 255, 0.631372549));
  animation: profileSVGAnime 5s infinite linear;
}
@keyframes profileSVGAnime {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(90deg);
  }
  50% {
    transform: rotate(180deg);
  }
  75% {
    transform: rotate(270deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .basic_row_2 {
  padding: 1rem;
  flex: 0.7;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .basic_row_2 .user_details {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .basic_row_2 .user_details .user_data {
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex: 1;
  gap: 15px;
  width: 100%;
  height: 100%;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .basic_row_2 .user_details .user_data .user_information {
  display: flex;
  flex: 0.5;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 5px;
  position: relative;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .basic_row_2 .user_details .user_data .user_information h2 {
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 1px;
  color: #f0f0f0;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .basic_row_2 .user_details .user_data .user_information p {
  font-size: 0.9rem;
  font-weight: 500;
  color: rgb(255, 255, 85);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0rem;
  position: relative;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .basic_row_2 .user_details .user_data .user_information p img {
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media screen and (max-width: 600px) {
  .TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .basic_row_2 .user_details .user_data .user_information p img {
    width: 25px;
    height: 25px;
  }
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .basic_row_2 .user_details .user_data .contacts_btns {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  width: 100%;
  flex-wrap: wrap;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .basic_row_2 .user_details .user_data .contacts_btns a {
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 0.4rem 1rem;
  background-color: rgba(5, 156, 144, 0.5568627451);
  color: #ffffff;
  border-radius: 0.5rem;
  transition: all 0.4s linear;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .basic_row_2 .user_details .user_data .contacts_btns a .icon {
  font-size: 1rem;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .basic_row_2 .user_details .user_data .contacts_btns a small {
  font-size: 0.7rem;
  font-weight: 500;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .basic_row_2 .user_details .user_data .contacts_btns a:hover {
  background-color: rgba(5, 156, 144, 0.5568627451);
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
  scale: 1.05;
  transition: all 0.4s linear;
}
@media screen and (max-width: 600px) {
  .TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .basic_row_2 .user_details .user_data {
    align-items: flex-start;
  }
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .contact_row_3 {
  padding: 0rem 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .contact_row_3 a {
  text-decoration: none;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 15px;
  color: #f0f0f0;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .contact_row_3 a .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  padding: 5px;
  border-radius: 0.2rem;
  background-color: rgba(5, 156, 144, 0.5568627451);
  filter: drop-shadow(0px 3px 3px rgba(1, 148, 148, 0.61));
  color: #f0f0f0;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .contact_row_3 a .contact_data {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 2px;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .contact_row_3 a .contact_data small {
  font-size: 0.7rem;
  font-weight: 600;
  color: #f0f0f0;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .contact_row_3 a .contact_data p {
  font-size: 0.9rem;
  font-weight: 500;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .contact_row_3 .add_to_contact {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.3rem auto;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .contact_row_3 .add_to_contact button {
  padding: 7px 2rem;
  color: #f0f0f0;
  background-color: rgba(5, 156, 144, 0.5568627451);
  font-weight: 550;
  font-size: 0.8rem;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  transition: all 0.4s ease-in-out;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .contact_row_3 .add_to_contact button:hover {
  background-color: #036159;
  color: #ffffff;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
  transition: all 0.4s ease-in-out;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .about_details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-items: flex-start;
  gap: 1.2rem;
  width: 100%;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .about_details .detail {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex: 1;
  width: 100%;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .about_details .detail .detail_title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 1rem;
  font-weight: 550;
  flex: 0.5;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .about_details .detail .detail_title h5 {
  font-size: 0.9rem;
  font-weight: 700;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .about_details .detail .detail_message {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
  font-weight: 550;
  flex: 1;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .about_details .detail .detail_message strong {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .about_details .detail .detail_message p {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 0.9rem;
  font-weight: 500;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .bussiness_list {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .bussiness_list .icon {
  font-size: 0.8rem;
  color: #000;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row !important;
  gap: 1.3rem;
  width: 100%;
  margin-left: 5px;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a {
  text-decoration: none;
  color: #3d3d3d;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: all 0.3s ease-in-out;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a i {
  z-index: 2;
  font-size: 1rem;
  font-weight: 500;
  color: #ffffff;
  transition: all 0.3s ease-in-out;
  position: relative;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg1 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg1 #sw-js-blob-svg {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg1 #sw-js-blob-svg #stop1 {
  stop-color: #5365ff;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg1 #sw-js-blob-svg #stop2 {
  stop-color: #5365ff;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg2 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg2 #sw-js-blob-svg {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg2 #sw-js-blob-svg #stop3 {
  stop-color: #ff004d;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg2 #sw-js-blob-svg #stop4 {
  stop-color: #f500da;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg3 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg3 #sw-js-blob-svg {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg3 #sw-js-blob-svg #stop5 {
  stop-color: #10b856;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg3 #sw-js-blob-svg #stop6 {
  stop-color: #10b856;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg6 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg6 #sw-js-blob-svg6 {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg6 #sw-js-blob-svg6 #stop11 {
  stop-color: #4da6e9;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg6 #sw-js-blob-svg6 #stop12 {
  stop-color: #4da6e9;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg4 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg4 #sw-js-blob-svg {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg4 #sw-js-blob-svg #stop7 {
  stop-color: #ff777b;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg4 #sw-js-blob-svg #stop8 {
  stop-color: #ff656a;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg5 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg5 #sw-js-blob-svg5 {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg5 #sw-js-blob-svg5 #stop9 {
  stop-color: #a5a5a5;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg5 #sw-js-blob-svg5 #stop10 {
  stop-color: #999999;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a small {
  display: none;
  position: absolute;
  transition: all 0.4s ease-in-out;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a:hover {
  scale: 1.1;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
  transition: all 0.3s ease-in-out;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a:hover .social_media_svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a:hover .social_media_svg img {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60px;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .icon {
  font-size: 1.2rem;
  cursor: pointer;
  color: rgb(104, 104, 104);
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .about_details .bussiness_detail {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: 5px;
  width: 100%;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .about_details .bussiness_detail .bussiness_title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 1rem;
  gap: 0.3rem;
  font-weight: 550;
  flex: 1;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .about_details .bussiness_detail .bussiness_title h5 {
  font-size: 0.9rem;
  font-weight: 700;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .about_details .bussiness_detail .bussiness_message {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 5px;
  font-weight: 550;
  width: 100%;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .about_details .bussiness_detail .bussiness_message .business-grid {
  display: flex;
  gap: 5px;
  width: 100%;
  place-content: center;
  align-items: flex-start;
  justify-content: flex-start;
  margin: auto;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .about_details .bussiness_detail .bussiness_message .column1 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  width: 50%;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .about_details .bussiness_detail .bussiness_message .column2 {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  width: 50%;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .about_details .bussiness_detail .bussiness_message .bussiness_list {
  padding: 8px 5px;
  border-radius: 4px;
  white-space: nowrap;
  font-size: 0.8rem;
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  overflow-x: scroll;
  word-break: break-word; /* Breaks long words */
  white-space: normal; /* Allows wrapping */
  display: inline-block; /* Keeps element size to content */
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .about_details .bussiness_detail .bussiness_message .bussiness_list p {
  width: 90%;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .about_details .bussiness_detail .bussiness_message .bussiness_list::-webkit-scrollbar {
  display: none;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .about_details .bussiness_detail .bussiness_message strong {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .about_details .bussiness_detail .bussiness_message .all_bussiness {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(50px, auto));
  gap: 10px;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .about_details .bussiness_detail .bussiness_message .bussiness_list {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .about_details .bussiness_detail .bussiness_message .bussiness_list .icon {
  font-size: 0.8rem;
  color: #000;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .about_details .bussiness_detail .bussiness_message .social_medias {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row !important;
  gap: 1.3rem;
  width: 100%;
  margin-left: 5px;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .about_details .bussiness_detail .bussiness_message .social_medias a {
  text-decoration: none;
  color: #3d3d3d;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: all 0.3s ease-in-out;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .about_details .bussiness_detail .bussiness_message .social_medias a i {
  z-index: 2;
  font-size: 1rem;
  font-weight: 500;
  color: #ffffff;
  transition: all 0.3s ease-in-out;
  position: relative;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .about_details .bussiness_detail .bussiness_message .social_medias a .social_media_svg1 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .about_details .bussiness_detail .bussiness_message .social_medias a .social_media_svg1 #sw-js-blob-svg {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .about_details .bussiness_detail .bussiness_message .social_medias a .social_media_svg1 #sw-js-blob-svg #stop1 {
  stop-color: #5365ff;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .about_details .bussiness_detail .bussiness_message .social_medias a .social_media_svg1 #sw-js-blob-svg #stop2 {
  stop-color: #5365ff;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .about_details .bussiness_detail .bussiness_message .social_medias a .social_media_svg2 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .about_details .bussiness_detail .bussiness_message .social_medias a .social_media_svg2 #sw-js-blob-svg {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .about_details .bussiness_detail .bussiness_message .social_medias a .social_media_svg2 #sw-js-blob-svg #stop3 {
  stop-color: #ff004d;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .about_details .bussiness_detail .bussiness_message .social_medias a .social_media_svg2 #sw-js-blob-svg #stop4 {
  stop-color: #f500da;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .about_details .bussiness_detail .bussiness_message .social_medias a .social_media_svg3 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .about_details .bussiness_detail .bussiness_message .social_medias a .social_media_svg3 #sw-js-blob-svg {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .about_details .bussiness_detail .bussiness_message .social_medias a .social_media_svg3 #sw-js-blob-svg #stop5 {
  stop-color: #10b856;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .about_details .bussiness_detail .bussiness_message .social_medias a .social_media_svg3 #sw-js-blob-svg #stop6 {
  stop-color: #10b856;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .about_details .bussiness_detail .bussiness_message .social_medias a .social_media_svg6 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .about_details .bussiness_detail .bussiness_message .social_medias a .social_media_svg6 #sw-js-blob-svg6 {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .about_details .bussiness_detail .bussiness_message .social_medias a .social_media_svg6 #sw-js-blob-svg6 #stop11 {
  stop-color: #4da6e9;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .about_details .bussiness_detail .bussiness_message .social_medias a .social_media_svg6 #sw-js-blob-svg6 #stop12 {
  stop-color: #4da6e9;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .about_details .bussiness_detail .bussiness_message .social_medias a .social_media_svg4 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .about_details .bussiness_detail .bussiness_message .social_medias a .social_media_svg4 #sw-js-blob-svg {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .about_details .bussiness_detail .bussiness_message .social_medias a .social_media_svg4 #sw-js-blob-svg #stop7 {
  stop-color: #ff777b;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .about_details .bussiness_detail .bussiness_message .social_medias a .social_media_svg4 #sw-js-blob-svg #stop8 {
  stop-color: #ff656a;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .about_details .bussiness_detail .bussiness_message .social_medias a .social_media_svg5 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .about_details .bussiness_detail .bussiness_message .social_medias a .social_media_svg5 #sw-js-blob-svg5 {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .about_details .bussiness_detail .bussiness_message .social_medias a .social_media_svg5 #sw-js-blob-svg5 #stop9 {
  stop-color: #a5a5a5;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .about_details .bussiness_detail .bussiness_message .social_medias a .social_media_svg5 #sw-js-blob-svg5 #stop10 {
  stop-color: #999999;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .about_details .bussiness_detail .bussiness_message .social_medias a small {
  display: none;
  position: absolute;
  transition: all 0.4s ease-in-out;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .about_details .bussiness_detail .bussiness_message .social_medias a:hover {
  scale: 1.1;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
  transition: all 0.3s ease-in-out;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .about_details .bussiness_detail .bussiness_message .social_medias a:hover .social_media_svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .about_details .bussiness_detail .bussiness_message .social_medias a:hover .social_media_svg img {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60px;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .about_details .bussiness_detail .bussiness_message .icon {
  font-size: 1.2rem;
  cursor: pointer;
  color: rgb(104, 104, 104);
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .specialities {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .specialities ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  margin: auto;
  width: 90%;
  font-size: 1.3rem;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .about_row_4 .specialities ul li {
  font-size: 0.9rem;
  font-weight: 500;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .our_services {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .our_services .All_Services {
  width: 100%;
  height: auto;
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .our_services .All_Services .Service {
  width: 100%;
  padding: 1rem;
  background-color: #f2ffeb;
  border-radius: 3px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  color: rgb(63, 63, 63);
  gap: 10px;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .our_services .All_Services .Service .service_title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .our_services .All_Services .Service .service_title h5 {
  font-size: 1.1rem;
  font-weight: 550;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .our_services .All_Services .Service .service_description {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  font-size: 0.9rem;
  font-weight: 500;
  color: rgb(63, 63, 63);
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .our_services .All_Services .Service .service_link {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .our_services .All_Services .Service .service_link a {
  text-decoration: none;
  color: royalblue;
  font-size: 0.9rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .our_services .All_Services .Service .service_link a:hover {
  text-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .our_services .All_Services .Service .service_image {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .our_services .All_Services .Service .service_image img {
  width: 100%;
  height: 250px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .our_services .All_Services .Service .service_action {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .our_services .All_Services .Service .service_action .service_price {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .our_services .All_Services .Service .service_action .service_price h5 {
  font-size: 1.1rem;
  font-weight: 600;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .our_services .All_Services .Service .service_action .service_price p {
  font-size: 1rem;
  font-weight: 550;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .our_services .All_Services .Service .service_action .service_enquiry {
  display: flex;
  align-items: center;
  justify-content: center;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .our_services .All_Services .Service .service_action .service_enquiry a {
  text-decoration: none;
  color: #f0f0f0;
  background-color: #036159;
  padding: 0.5rem 1rem;
  border: 2px solid rgb(255, 255, 85);
  font-size: 0.9rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .our_services .All_Services .Service .service_action .service_enquiry a:hover {
  background-color: rgba(5, 156, 144, 0.5568627451);
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .our_products {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .our_products .All_Products {
  width: 100%;
  height: auto;
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .our_products .All_Products .Product {
  width: 100%;
  padding: 1rem;
  background-color: rgba(249, 255, 160, 0.9176470588);
  border-radius: 3px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  color: rgb(78, 78, 78);
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .our_products .All_Products .Product .product_title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .our_products .All_Products .Product .product_title h5 {
  font-size: 1.1rem;
  font-weight: 550;
  color: #181818;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .our_products .All_Products .Product .product_description {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  font-size: 0.9rem;
  font-weight: 500;
  color: rgb(78, 78, 78);
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .our_products .All_Products .Product .product_link {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .our_products .All_Products .Product .product_link a {
  text-decoration: none;
  color: royalblue;
  font-size: 0.9rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .our_products .All_Products .Product .product_link a:hover {
  text-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .our_products .All_Products .Product .product_image {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .our_products .All_Products .Product .product_image img {
  width: 100%;
  height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .our_products .All_Products .Product .product_action {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .our_products .All_Products .Product .product_action .product_price {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .our_products .All_Products .Product .product_action .product_price h5 {
  font-size: 1.1rem;
  font-weight: 600;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .our_products .All_Products .Product .product_action .product_price p {
  font-size: 1rem;
  font-weight: 550;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .our_products .All_Products .Product .product_action .product_enquiry {
  display: flex;
  align-items: center;
  justify-content: center;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .our_products .All_Products .Product .product_action .product_enquiry a {
  text-decoration: none;
  color: #f0f0f0;
  background-color: #036159;
  padding: 0.5rem 1rem;
  border: 2px solid rgb(255, 255, 85);
  font-size: 0.9rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .our_products .All_Products .Product .product_action .product_enquiry a:hover {
  background-color: rgba(5, 156, 144, 0.5568627451);
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Payment {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Payment .payment_details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-items: flex-start;
  gap: 10px;
  width: 100%;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Payment .payment_details .detail {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  width: 100%;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Payment .payment_details .detail .detail_title {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 1rem;
  font-weight: 550;
  flex: 0.4;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Payment .payment_details .detail .detail_title h5 {
  font-size: 0.8rem;
  font-weight: 600;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Payment .payment_details .detail .detail_message {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 5px;
  font-weight: 550;
  flex: 0.6;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Payment .payment_details .detail .detail_message p {
  font-size: 0.8rem;
  font-weight: 500;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Payment .payment_details .detail .detail_message .icon {
  font-size: 1.2rem;
  cursor: pointer;
  color: rgba(5, 156, 144, 0.5568627451);
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Payment .payment_details .detail .detail_message .icon:hover {
  color: #f0f0f0;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Payment .sub_title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Payment .sub_title h4 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  font-weight: 550;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-size: 1.05rem !important;
  color: #cacaca;
  position: relative;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Payment .account_details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-items: flex-start;
  gap: 10px;
  width: 100%;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Payment .account_details .detail {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  width: 100%;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Payment .account_details .detail .detail_title {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 1rem;
  font-weight: 550;
  flex: 0.4;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Payment .account_details .detail .detail_title h5 {
  font-size: 0.8rem;
  font-weight: 600;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Payment .account_details .detail .detail_message {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 5px;
  font-weight: 550;
  flex: 0.6;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Payment .account_details .detail .detail_message p {
  font-size: 0.8rem;
  font-weight: 500;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Payment .account_details .detail .detail_message .icon {
  font-size: 1.2rem;
  cursor: pointer;
  color: rgba(5, 156, 144, 0.5568627451);
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Payment .account_details .detail .detail_message .icon:hover {
  color: #f0f0f0;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Payment .qr_code_upi_name {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Payment .qr_code_upi_name h4 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  font-weight: 550;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-size: 0.9rem !important;
  color: #cacaca;
  position: relative;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Payment .qr_image_box {
  width: 70%;
  height: 300px;
  background-color: #effdff;
  color: #3d3d3d;
  padding: 1rem;
  border-radius: 10px;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4));
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Payment .qr_image_box .user_name {
  display: flex;
  align-items: center;
  justify-content: center;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Payment .qr_image_box .user_name h4 {
  font-size: 1rem;
  font-weight: 550;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Payment .qr_image_box .qr_image {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Payment .qr_image_box .qr_image img {
  width: 80%;
  height: 90%;
  -o-object-fit: cover;
     object-fit: cover;
  margin: auto;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .gallery {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .gallery .all_gallerys {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0.5rem;
  place-items: center;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .gallery .all_gallerys .gallery_image {
  width: 100%;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .gallery .all_gallerys .gallery_image img {
  cursor: pointer;
  width: 100%;
  height: 150px;
  border-radius: 10px;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .gallery .all_gallerys .gallery_image img:hover {
  opacity: 0.7;
  transition: all 0.3s ease;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .video {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .video .videos_container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
  margin: auto;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .video .videos_container .video_image {
  width: 100%;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .video .videos_container .video_image iframe {
  width: 100%;
  height: 200px;
  filter: drop-shadow(0px 4px 5px rgba(6, 255, 201, 0.336));
  border-radius: 0.5rem;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .row_5 {
  width: 100%;
  padding: 1rem;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .row_5 .time_list_container {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  place-items: center;
  gap: 1rem 1rem;
  margin: 1rem auto;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .row_5 .time_list_container .time_list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 5px 1rem 5px 1rem;
  background-color: rgba(5, 156, 144, 0.5568627451);
  width: 100%;
  border-radius: 0.5rem;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .row_5 .time_list_container .time_list .day {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .row_5 .time_list_container .time_list .day span {
  font-size: 0.7rem;
  font-weight: 550;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .row_5 .time_list_container .time_list .day span::after {
  content: "";
  display: block;
  height: 1px;
  background-color: gray;
  width: 100%;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .row_5 .time_list_container .time_list .time {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 15px;
  margin-top: 10px;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .row_5 .time_list_container .time_list .time .start h6 {
  font-size: 0.6rem;
  font-weight: 600;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .row_5 .time_list_container .time_list .time .start span {
  font-size: 0.6rem;
  font-weight: 550;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .row_5 .time_list_container .time_list .time .end h6 {
  font-size: 0.6rem;
  font-weight: 500;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .row_5 .time_list_container .time_list .time .end span {
  font-size: 0.6rem;
  font-weight: 550;
}
@media screen and (max-width: 700px) {
  .TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .row_5 .time_list_container {
    grid-template-columns: 1fr 1fr;
  }
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Appoinment {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Appoinment .popup_message_container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  position: absolute;
  top: 14%;
  left: 20%;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Appoinment .popup_message_container .popup_success_box {
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
  border-radius: 5px;
  padding: 0.5px 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  position: relative;
  transition: transform 0.5s ease-in-out;
  z-index: -1;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Appoinment .popup_message_container .popup_success_box .popup_close i {
  font-size: 1.4rem;
  font-weight: 600;
  color: rgb(255, 79, 79);
  cursor: pointer;
  transition: all 0.5s ease;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Appoinment .popup_message_container .popup_success_box .popup_close i:hover {
  transform: rotate(90deg);
  transition: all 0.5s ease;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Appoinment .popup_message_container .popup_success_box .popup_message {
  font-size: 0.9rem;
  color: #525252;
  font-weight: 550;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Appoinment .popup_message_container #successOpen {
  transform: translateX(0px);
  transition: transform 0.5s ease-in-out;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Appoinment .popup_message_container #successClose {
  transform: translateX(500px);
  transition: transform 0.5s ease-in-out;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Appoinment .popup_message_container .popup_error_box {
  display: inline-block;
  height: 40px;
  background-color: rgb(255, 177, 141) !important;
  border-radius: 5px;
  padding: 0px 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3rem;
  position: relative;
  z-index: -1;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Appoinment .popup_message_container .popup_error_box .popup_close i {
  font-size: 1.4rem;
  color: rgb(255, 255, 255);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.5s ease;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Appoinment .popup_message_container .popup_error_box .popup_close i:hover {
  transform: rotate(90deg);
  transition: all 0.5s ease;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Appoinment .popup_message_container .popup_error_box .popup_message {
  font-size: 0.9rem;
  color: #494949;
  font-weight: 550;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Appoinment .appinment_form_container {
  width: 100%;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Appoinment .appinment_form_container form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0rem 1rem;
  width: 100%;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Appoinment .appinment_form_container form .form_group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  position: relative;
  gap: 5px;
  padding: 0.5rem 0px;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Appoinment .appinment_form_container form .form_group label {
  font-size: 0.7rem;
  font-weight: 500;
  letter-spacing: 1px;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Appoinment .appinment_form_container form .form_group .labelError {
  color: tomato;
  font-family: 500;
  font-size: 0.6rem;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Appoinment .appinment_form_container form .form_group .input_error {
  border: 1px solid tomato !important;
  border-radius: 5px;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Appoinment .appinment_form_container form .form_group .error {
  position: absolute;
  top: 12%;
  right: 0%;
  color: tomato;
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Appoinment .appinment_form_container form .form_group .desc_error {
  position: absolute;
  top: 0%;
  right: 0%;
  color: tomato;
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Appoinment .appinment_form_container form .form_group input[type=date], .TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Appoinment .appinment_form_container form .form_group input[type=text], .TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Appoinment .appinment_form_container form .form_group input[type=tel] {
  width: 100%;
  outline: none;
  padding: 10px 1rem;
  border-radius: 0.2rem;
  background-color: transparent;
  border: 1px solid #f0f0f0;
  color: #f0f0f0;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Appoinment .appinment_form_container form .form_group input[type=date]::-moz-placeholder, .TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Appoinment .appinment_form_container form .form_group input[type=text]::-moz-placeholder, .TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Appoinment .appinment_form_container form .form_group input[type=tel]::-moz-placeholder {
  color: #f0f0f0;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Appoinment .appinment_form_container form .form_group input[type=date]::placeholder, .TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Appoinment .appinment_form_container form .form_group input[type=text]::placeholder, .TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Appoinment .appinment_form_container form .form_group input[type=tel]::placeholder {
  color: #f0f0f0;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Appoinment .appinment_form_container form .form_group select {
  width: 100%;
  outline: none;
  padding: 8px 1rem;
  background-color: transparent;
  border: 1px solid #f0f0f0;
  color: #f0f0f0;
  font-weight: 500;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Appoinment .appinment_form_container form .form_group select option {
  color: #3d3d3d;
  width: 100%;
  font-size: 0.8rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Appoinment .appinment_form_container form .form_submit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  width: 100%;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Appoinment .appinment_form_container form .form_submit button {
  display: flex;
  align-self: center;
  justify-content: center;
  gap: 0.5rem;
  outline: none;
  padding: 6px 1rem;
  background-color: #036159;
  color: #fff;
  font-size: 0.8rem;
  border-radius: 0.3rem;
  font-weight: 500;
  transition: all 0.4s ease-in;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Appoinment .appinment_form_container form .form_submit button span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.9rem;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Appoinment .appinment_form_container form .form_submit button .inquiryloader {
  width: 18px;
  height: 18px;
  border: 2px solid #FFF;
  border-bottom-color: transparent;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Appoinment .appinment_form_container form .form_submit button:hover {
  background-color: #7e7e7e;
  filter: drop-shadow(0px 4px 5px rgba(109, 109, 109, 0.4));
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Appoinment .appinment_form_container form .form_submit button:nth-child(2) {
  background-color: royalblue;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Appoinment .appinment_form_container form .form_submit button:nth-child(2):hover {
  background-color: rgb(248, 137, 118);
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Testimonial {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Testimonial .testimonial_container {
  margin: 1rem auto;
  width: 100%;
  height: 150px;
  max-height: 150px;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Testimonial .testimonial_container .carousel {
  height: 150px;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Testimonial .testimonial_container .carousel-slider {
  height: 150px;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Testimonial .testimonial_container .testimonial_list {
  margin: 1rem 1rem;
  width: 90%;
  height: 150px;
  min-height: 150px;
  background-color: rgba(26, 139, 130, 0.4588235294);
  overflow-y: scroll;
  margin: auto;
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: flex-start;
  border-radius: 0.5rem;
  padding: 0.5rem 1rem;
  position: relative;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Testimonial .testimonial_container .testimonial_list .client_feedback {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Testimonial .testimonial_container .testimonial_list .client_detail {
  display: flex;
  align-items: flex-start;
  width: 100%;
  height: 100%;
  justify-content: flex-start;
  gap: 10px;
  margin-top: 0.5rem;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Testimonial .testimonial_container .testimonial_list .client_detail img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Testimonial .testimonial_container .testimonial_list .client_detail .client_name {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Testimonial .testimonial_container .testimonial_list .client_detail .client_name h4 {
  font-size: 0.8rem;
  color: #ffffff;
  font-weight: 550;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Testimonial .testimonial_container .testimonial_list .client_detail .client_name small {
  font-size: 0.7rem;
  color: rgb(253, 236, 81);
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Testimonial .testimonial_container .testimonial_list::-webkit-scrollbar {
  display: none;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .google_map_container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .google_map_container .google_map {
  width: 100%;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .google_map_container .google_map iframe {
  width: 100% !important;
  height: 250px !important;
  border: none !important;
  margin: 1rem auto;
  border-radius: 0.5rem;
  filter: drop-shadow(0px 4px 5px rgba(56, 56, 56, 0.527));
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row {
  width: 100%;
  padding: 0rem 1rem;
  display: flex;
  flex-direction: column;
  gap: 0rem;
  align-items: center;
  justify-content: center;
  position: relative;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .popup_message_container {
  position: absolute;
  top: 18%;
  left: 22%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .popup_message_container .popup_success_box {
  display: inline-block;
  width: auto;
  background-color: rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
  padding: 0.7px 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  position: relative;
  font-size: 0.7rem;
  font-weight: 500;
  transition: transform 0.5s ease-in-out;
  z-index: -1;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .popup_message_container .popup_success_box .popup_close i {
  font-size: 1.4rem;
  font-weight: 600;
  color: rgb(255, 101, 101);
  cursor: pointer;
  transition: all 0.5s ease;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .popup_message_container .popup_success_box .popup_close i:hover {
  transform: rotate(90deg);
  transition: all 0.5s ease;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .popup_message_container .popup_success_box .popup_close .icon {
  font-size: 1.2rem;
  color: #2cc478;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .popup_message_container .popup_success_box .popup_message {
  font-size: 0.9rem;
  color: rgb(48, 48, 48);
  font-weight: 500;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .popup_message_container #successOpen {
  transform: translateX(0px);
  transition: transform 0.5s ease-in-out;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .popup_message_container #successClose {
  transform: translateX(500px);
  transition: transform 0.5s ease-in-out;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .popup_message_container .popup_error_box {
  display: inline-block;
  height: 40px;
  background-color: rgb(255, 177, 141) !important;
  border-radius: 5px;
  padding: 0px 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3rem;
  position: relative;
  z-index: -1;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .popup_message_container .popup_error_box .popup_close i {
  font-size: 1.4rem;
  color: rgb(255, 255, 255);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.5s ease;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .popup_message_container .popup_error_box .popup_close i:hover {
  transform: rotate(90deg);
  transition: all 0.5s ease;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .popup_message_container .popup_error_box .popup_message {
  font-size: 0.9rem;
  color: #2cc478;
  font-weight: 550;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .Feedback_container_message {
  width: 100%;
  height: auto;
  margin: 0rem auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  margin: 1rem;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .Feedback_container_message .feeback_title {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: space-between;
  gap: 10px;
  z-index: 800;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .Feedback_container_message .feeback_title button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 0.7rem;
  color: #f0f0f0;
  background: transparent;
  cursor: pointer;
  outline: none;
  border: transparent;
  font-weight: 600;
  position: relative;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .Feedback_container_message .feeback_title button i {
  font-size: 1.4rem;
  color: #f0f0f0;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .Feedback_container_message .feeback_title button .count {
  position: absolute;
  right: -7%;
  top: -8%;
  font-size: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  color: #f0f0f0;
  border-radius: 50%;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .Feedback_container_message .feeback_title .feedBack_loader {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: block;
  margin: 15px auto;
  position: relative;
  color: #253bff;
  left: -100px;
  box-sizing: border-box;
  animation: shadowRolling 2s linear infinite;
}
@keyframes shadowRolling {
  0% {
    box-shadow: 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
  }
  12% {
    box-shadow: 100px 0 rgb(76, 247, 176), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
  }
  25% {
    box-shadow: 110px 0 rgb(107, 98, 233), 100px 0 rgb(75, 45, 243), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
  }
  36% {
    box-shadow: 120px 0 rgb(94, 236, 255), 110px 0 rgb(226, 253, 72), 100px 0 rgb(219, 99, 119), 0px 0 rgba(255, 255, 255, 0);
  }
  50% {
    box-shadow: 130px 0 rgb(240, 135, 49), 120px 0 rgb(56, 163, 74), 110px 0 rgb(99, 95, 95), 100px 0 rgb(135, 111, 221);
  }
  62% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 130px 0 white, 120px 0 white, 110px 0 white;
  }
  75% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 130px 0 white, 120px 0 white;
  }
  87% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 130px 0 white;
  }
  100% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0);
  }
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box {
  width: 100%;
  max-height: 300px;
  height: auto;
  overflow: scroll;
  margin: 1rem auto;
  background: transparent;
  border-radius: 5px;
  position: relative;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .comment_box_title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  background-color: royalblue;
  color: #fff;
  font-weight: 400;
  display: none;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message {
  width: 100%;
  padding: 10px;
  border-bottom: 1px solid rgb(216, 216, 216);
  position: relative;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 5px;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .userName p {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 1.1rem;
  color: #f0f0f0;
  letter-spacing: 1px;
  font-weight: 550;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .userName p i {
  color: #5e5e5e;
  font-size: 1.4rem;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .userName p::first-letter {
  text-transform: uppercase !important;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars .ratting_container1 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars .ratting_container1 span i {
  font-size: 1.2rem;
  cursor: pointer;
  color: lightgray;
  transition: all 0.4s ease-in-out;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars .ratting_container1 span .highlight1 {
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
  color: gold;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #noRatting span:nth-child(1) i,
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #noRatting span:nth-child(2) i,
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #noRatting span:nth-child(3) i,
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #noRatting span:nth-child(4) i,
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #noRatting span:nth-child(5) i {
  text-decoration: line-through;
  text-decoration-color: #ff2525;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #singleRatting span:nth-child(1) i {
  color: #F7C52A;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #doubleRatting span:nth-child(1) i,
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #doubleRatting span:nth-child(2) i {
  color: #F7C52A;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #ThreeRatting span:nth-child(1) i,
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #ThreeRatting span:nth-child(2) i,
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #ThreeRatting span:nth-child(3) i {
  color: #F7C52A;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fourRatting span:nth-child(1) i,
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fourRatting span:nth-child(2) i,
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fourRatting span:nth-child(3) i,
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fourRatting span:nth-child(4) i {
  color: #F7C52A;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fullRatting span:nth-child(1) i,
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fullRatting span:nth-child(2) i,
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fullRatting span:nth-child(3) i,
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fullRatting span:nth-child(4) i,
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fullRatting span:nth-child(5) i {
  color: #F7C52A;
  filter: drop-shadow(0px 4px 5px rgba(165, 165, 165, 0.4));
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .comments {
  margin: 10px auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  width: 100%;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .comments i {
  color: rgb(255, 255, 85);
  font-size: 1.4rem;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .comments span {
  font-size: 0.9rem;
  color: #f0f0f0;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .date {
  position: absolute;
  right: 2%;
  top: 15%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 0.9rem;
  color: rgb(255, 255, 85);
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .date i {
  color: #f0f0f0;
  font-size: 1.1rem;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box::-webkit-scrollbar {
  display: none;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .feedback_container {
  width: 100%;
  position: relative;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .feedback_container form {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin: auto;
  padding: 0px 0.5rem 0rem 0.5rem;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .feedback_container form .feedback_svg {
  position: absolute;
  top: -4%;
  right: 0%;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .feedback_container form .feedback_svg img {
  width: 100px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media (max-width: 600px) {
  .TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .feedback_container form .feedback_svg img {
    width: 90px;
  }
  .TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .feedback_container form .feedback_svg {
    top: 0%;
  }
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .feedback_container form .form_group {
  margin: 10px auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  width: 95%;
  position: relative;
  margin: 0.2rem 0.2rem;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .feedback_container form .form_group .error {
  font-size: 0.6rem;
  color: tomato !important;
  -webkit-text-fill-color: tomato;
  letter-spacing: 1px;
  display: flex;
  align-items: center;
  font-weight: 550;
  justify-content: flex-start;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .feedback_container form .form_group label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  left: 5%;
  color: #f0f0f0;
  -webkit-text-fill-color: #f0f0f0;
  font-size: 0.7rem;
  font-weight: 550;
  border-radius: 4px;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .feedback_container form .form_group label span {
  font-size: 1rem;
  color: tomato !important;
  -webkit-text-fill-color: tomato;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .feedback_container form .form_group label span sup {
  color: tomato !important;
}
@media screen and (max-width: 800px) {
  .TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .feedback_container form .form_group label {
    left: 5%;
  }
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .feedback_container form .form_group input,
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .feedback_container form .form_group .ratting_container {
  width: 100%;
  padding: 0.7rem 1rem;
  background-color: transparent;
  border: 1px solid #ffffff;
  color: #f0f0f0;
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border-radius: 0.3rem;
  outline: none;
  caret-color: #f0f0f0;
  transition: all 0.3s ease;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .feedback_container form .form_group input::-moz-placeholder, .TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .feedback_container form .form_group .ratting_container::-moz-placeholder {
  font-size: 0.6rem;
  color: #f0f0f0;
  letter-spacing: 1px;
  font-weight: 400;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .feedback_container form .form_group input::placeholder,
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .feedback_container form .form_group .ratting_container::placeholder {
  font-size: 0.6rem;
  color: #f0f0f0;
  letter-spacing: 1px;
  font-weight: 400;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .feedback_container form .form_group input:focus,
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .feedback_container form .form_group .ratting_container:focus {
  border: double 2px transparent;
  border-radius: 0.3rem;
  background-color: transparent;
  border: 1px solid #f0f0f0;
  background-origin: border-box;
  background-clip: padding-box, border-box;
  transition: all 0.3s ease;
}
@media screen and (max-width: 800px) {
  .TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .feedback_container form .form_group input,
  .TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .feedback_container form .form_group .ratting_container {
    padding: 0.8rem 2rem;
    width: 100%;
    background-color: transparent;
  }
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .feedback_container form .form_group .ratting_container {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .feedback_container form .form_group .ratting_container span i {
  font-size: 1.5rem;
  cursor: pointer;
  color: rgb(255, 168, 54);
  transition: all 0.4s ease-in-out;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .feedback_container form .form_group .ratting_container span .highlight {
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
  color: gold;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .feedback_container form .form_group textarea {
  width: 100%;
  padding: 1rem;
  caret-color: #f0f0f0;
  color: #f0f0f0;
  border: double 1px transparent;
  background-color: transparent;
  border: 1px solid #ffffff;
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border-radius: 0.3rem;
  outline: none;
  transition: all 0.3s ease;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .feedback_container form .form_group textarea::-moz-placeholder {
  font-size: 0.6rem;
  color: #f0f0f0;
  letter-spacing: 1px;
  font-weight: 400;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .feedback_container form .form_group textarea::placeholder {
  font-size: 0.6rem;
  color: #f0f0f0;
  letter-spacing: 1px;
  font-weight: 400;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .feedback_container form .form_group textarea:focus {
  border: double 2px transparent;
  border-radius: 0.3rem;
  background-color: transparent;
  border: 1px solid #f0f0f0;
  background-origin: border-box;
  background-clip: padding-box, border-box;
  transition: all 0.3s ease;
}
@media screen and (max-width: 800px) {
  .TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .feedback_container form .form_group textarea {
    padding: 0.8rem 2rem;
    width: 100%;
    background-color: transparent;
  }
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .feedback_container form .form_group .icon {
  position: absolute;
  left: 1%;
  top: 63%;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .feedback_container form .form_group .icon img {
  width: 25px;
  height: 25px;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .feedback_container form .form_group .icon i {
  font-size: 1.4rem;
  color: skyblue;
}
@media screen and (max-width: 800px) {
  .TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .feedback_container form .form_group .icon {
    position: absolute;
    left: 2%;
    top: 25%;
  }
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .feedback_container form .form_group .show_pass {
  position: absolute;
  right: 2%;
  top: 25%;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .feedback_container form .form_group .show_pass i {
  font-size: 1.4rem;
  color: skyblue;
  cursor: pointer;
}
@media screen and (max-width: 800px) {
  .TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .feedback_container form .form_group .show_pass {
    position: absolute;
    right: 2%;
    top: 25%;
  }
}
@media screen and (max-width: 900px) {
  .TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .feedback_container form .form_group {
    margin: 0.8rem auto;
  }
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .feedback_container form .form_actions {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 1rem auto;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .feedback_container form .form_actions button {
  margin-right: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background-color: #036159;
  filter: none;
  width: auto;
  padding: 10px 1rem;
  outline: none;
  border: transparent;
  font-weight: 500;
  letter-spacing: 1px;
  font-size: 0.6rem;
  border-radius: 5px;
  cursor: pointer;
  color: #f0f0f0;
  transition: all 0.4s ease-in;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .feedback_container form .form_actions button span {
  font-size: 1.2rem;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .feedback_container form .form_actions button .form_loader,
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .feedback_container form .form_actions button .form_loader:before,
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .feedback_container form .form_actions button .form_loader:after {
  border-radius: 50%;
  width: 1em;
  height: 1em;
  animation-fill-mode: both;
  animation: bblFadInOut 1.8s infinite ease-in-out;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .feedback_container form .form_actions button .form_loader {
  color: #fff;
  font-size: 7px;
  position: relative;
  text-indent: -9999em;
  transform: translateZ(0);
  animation-delay: -0.16s;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .feedback_container form .form_actions button .form_loader:before,
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .feedback_container form .form_actions button .form_loader:after {
  content: "";
  position: absolute;
  top: 0;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .feedback_container form .form_actions button .form_loader:before {
  left: -3.5em;
  animation-delay: -0.32s;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .feedback_container form .form_actions button .form_loader:after {
  left: 3.5em;
}
@keyframes bblFadInOut {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .feedback_row .feedback_container form .form_actions button:hover {
  background-color: rgba(5, 156, 144, 0.5568627451);
  color: #f0f0f0;
  font-weight: 550;
  transition: all 0.4s ease-in;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Inquries {
  width: 100%;
  padding: 0rem 1rem;
  display: flex;
  flex-direction: column;
  gap: 0rem;
  align-items: center;
  justify-content: center;
  position: relative;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Inquries .popup_message_container {
  position: absolute;
  right: 3%;
  top: 7%;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Inquries .popup_message_container .popup_success_box {
  display: inline-block;
  background-color: rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
  border-radius: 5px;
  padding: 0.6px 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3rem;
  position: relative;
  transition: transform 0.5s ease-in-out;
  z-index: -1;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Inquries .popup_message_container .popup_success_box .popup_close i {
  font-size: 1.4rem;
  font-weight: 600;
  color: rgb(255, 76, 76);
  cursor: pointer;
  transition: all 0.5s ease;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Inquries .popup_message_container .popup_success_box .popup_close i:hover {
  transform: rotate(90deg);
  transition: all 0.5s ease;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Inquries .popup_message_container .popup_success_box .popup_message {
  font-size: 0.9rem;
  color: #4b4b4b;
  font-weight: 550;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Inquries .popup_message_container #successOpen {
  transform: translateX(0px);
  transition: transform 0.5s ease-in-out;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Inquries .popup_message_container #successClose {
  transform: translateX(500px);
  transition: transform 0.5s ease-in-out;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Inquries .popup_message_container .popup_error_box {
  display: inline-block;
  height: 40px;
  background-color: rgb(255, 177, 141) !important;
  border-radius: 5px;
  padding: 0px 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3rem;
  position: relative;
  z-index: -1;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Inquries .popup_message_container .popup_error_box .popup_close i {
  font-size: 1.4rem;
  color: rgb(255, 255, 255);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.5s ease;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Inquries .popup_message_container .popup_error_box .popup_close i:hover {
  transform: rotate(90deg);
  transition: all 0.5s ease;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Inquries .popup_message_container .popup_error_box .popup_message {
  font-size: 0.9rem;
  color: #494949;
  font-weight: 550;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Inquries .inquiries_container5 {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
  margin: auto;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Inquries .inquiries_container5 form {
  width: 90%;
  padding: 10px 0px;
  margin: auto;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Inquries .inquiries_container5 form .form_group {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 10px;
  margin-bottom: 10px;
  margin: 10px auto;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Inquries .inquiries_container5 form .form_group label {
  font-size: 0.7rem;
  letter-spacing: 1px;
  color: #f0f0f0;
  font-weight: 550;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Inquries .inquiries_container5 form .form_group .input {
  width: 100%;
  position: relative;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Inquries .inquiries_container5 form .form_group .input input,
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Inquries .inquiries_container5 form .form_group .input textarea {
  width: 100%;
  padding: 0.9rem 2.5rem;
  outline: none;
  border: transparent;
  border-radius: 5px;
  background-color: transparent;
  color: #f0f0f0;
  border: 1px solid #f0f0f0;
  caret-color: rgb(78, 78, 78);
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Inquries .inquiries_container5 form .form_group .input input::-moz-placeholder, .TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Inquries .inquiries_container5 form .form_group .input textarea::-moz-placeholder {
  color: #f0f0f0;
  letter-spacing: 1px;
  font-size: 0.7rem;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Inquries .inquiries_container5 form .form_group .input input::placeholder,
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Inquries .inquiries_container5 form .form_group .input textarea::placeholder {
  color: #f0f0f0;
  letter-spacing: 1px;
  font-size: 0.7rem;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Inquries .inquiries_container5 form .form_group .input i {
  position: absolute;
  left: 2%;
  font-size: 1.5rem;
  color: #f0f0f0;
  top: 30%;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Inquries .inquiries_container5 form .form_group .labelError {
  color: tomato;
  font-weight: 450;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Inquries .inquiries_container5 form .form_group .input_error {
  border: 1px solid tomato !important;
  border-radius: 5px;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Inquries .inquiries_container5 form .form_group .error {
  position: absolute;
  top: 12%;
  right: 0%;
  color: tomato;
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Inquries .inquiries_container5 form .form_group .desc_error {
  position: absolute;
  top: 0%;
  right: 0%;
  color: tomato;
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Inquries .inquiries_container5 form .form_actions {
  padding: 0px 1rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 1rem auto;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button {
  width: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background-color: #036159;
  color: #f0f0f0;
  padding: 8px 1rem;
  outline: none;
  border: transparent;
  font-weight: 450;
  letter-spacing: 1px;
  font-size: 0.7rem;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.4s ease-in;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button img {
  width: 20px;
  height: 20px;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button .form_loader,
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button .form_loader:before,
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button .form_loader:after {
  border-radius: 50%;
  width: 1em;
  height: 1em;
  animation-fill-mode: both;
  animation: bblFadInOut 1.8s infinite ease-in-out;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button .form_loader {
  color: #fff;
  font-size: 7px;
  position: relative;
  text-indent: -9999em;
  transform: translateZ(0);
  animation-delay: -0.16s;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button .form_loader:before,
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button .form_loader:after {
  content: "";
  position: absolute;
  top: 0;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button .form_loader:before {
  left: -3.5em;
  animation-delay: -0.32s;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button .form_loader:after {
  left: 3.5em;
}
@keyframes bblFadInOut {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button:hover {
  background-color: rgba(5, 156, 144, 0.5568627451);
  transition: all 0.4s ease-in;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.5));
  color: #f0f0f0;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Gym_Footer {
  position: relative;
  bottom: 0%;
  width: 100%;
  margin-top: 3rem;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Gym_Footer .gym_footer_container {
  width: 100%;
  min-height: 50px;
  height: 50px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px 0px;
  z-index: 600;
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Gym_Footer .gym_footer_container p {
  font-size: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #3d3d3d;
  font-weight: 500;
  letter-spacing: 1px;
}
@media (max-width: 600px) {
  .TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Gym_Footer .gym_footer_container p {
    font-size: 0.7rem;
  }
}
.TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD .Gym_Footer .gym_footer_container svg {
  position: absolute;
  z-index: -1;
  bottom: 0%;
  left: 0%;
  width: 100%;
}
@media screen and (max-width: 600px) {
  .TAXI_DRIVER_LIVE_CONTAINER .TAXI_DRIVER_LIVE_CARD {
    width: 100vw !important;
    min-width: 100vw;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin-top: 0rem;
  }
}
.TAXI_DRIVER_LIVE_CONTAINER::-webkit-scrollbar {
  width: 6px !important;
  height: 4px !important;
  display: none;
  background-color: #ffffff, #ffffff;
}
@media screen and (max-width: 650px) {
  .TAXI_DRIVER_LIVE_CONTAINER::-webkit-scrollbar {
    display: none !important;
  }
}
.TAXI_DRIVER_LIVE_CONTAINER::-webkit-scrollbar-thumb {
  width: 6px !important;
  height: 4px !important;
  border-radius: 10px;
  z-index: 10;
  cursor: pointer;
  background-color: #fff !important;
}
.TAXI_DRIVER_LIVE_CONTAINER::-webkit-scrollbar-thumb:hover {
  background-color: rgb(36, 231, 222);
}
.date-input {
  appearance: none; /* Remove default styling */
  -webkit-appearance: none; /* Remove default styling in Safari */
  -moz-appearance: none; /* Remove default styling in Firefox */
  padding: 10px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.date-input::-moz-placeholder {
  color: #888; /* Placeholder color */
}
.date-input::placeholder {
  color: #888; /* Placeholder color */
}
/* Custom icon for the date picker */
.date-input::-webkit-calendar-picker-indicator {
  cursor: pointer;
  color: transparent;
  opacity: 1;
  position: absolute;
  right: 10px;
  top: 70%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url("https://img.icons8.com/emoji/48/calendar-emoji.png") no-repeat center center;
  background-size: contain;
}



.FASHION_DESIGNER_LIVE_TITLE, .FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Inquries, .FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row, .FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .google_map_container, .FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Testimonial, .FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Appoinment, .FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .row_5, .FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .video, .FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .gallery, .FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Payment, .FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .our_products, .FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .our_services {
  font-family: "Exo 2", sans-serif;
  font-optical-sizing: auto;
  font-weight: 550;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.FASHION_DESIGNER_LIVE_TITLE h3, .FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Inquries h3, .FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row h3, .FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .google_map_container h3, .FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Testimonial h3, .FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Appoinment h3, .FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .row_5 h3, .FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .video h3, .FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .gallery h3, .FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Payment h3, .FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .our_products h3, .FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .our_services h3 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-family: "Exo 2", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-size: 1.2rem;
  color: #ffde82;
}
.FASHION_DESIGNER_LIVE_SUB_TITLE {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
.FASHION_DESIGNER_LIVE_SUB_TITLE h3 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  font-weight: 600;
  font-size: 1rem !important;
  color: #cacaca;
  position: relative;
}
.FASHION_DESIGNER_LIVE_CONTAINER {
  width: 100vw;
  min-height: 100vh;
  height: auto;
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin: auto;
  color: #f0f0f0;
  overflow-y: scroll;
  overflow-x: hidden;
  background-image: url("");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background: linear-gradient(90deg, rgba(48, 39, 27, 0.5960784314), rgba(0, 54, 45, 0.5764705882) 100%, rgba(48, 39, 27, 0.5960784314), rgba(0, 54, 45, 0.5764705882) 100%);
}
.FASHION_DESIGNER_LIVE_CONTAINER .full_image {
  display: none;
  margin: auto;
  width: 100%;
  height: 800px;
  background: linear-gradient(#a661d4, #a661d4, #a661d4, #a661d4);
  z-index: 1;
}
.FASHION_DESIGNER_LIVE_CONTAINER .full_image .close_Full_Image_gallery {
  position: absolute;
  width: 100%;
  left: 90%;
  top: 5%;
  z-index: 10;
}
.FASHION_DESIGNER_LIVE_CONTAINER .full_image .close_Full_Image_gallery .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  color: red;
  z-index: 10;
  cursor: pointer;
  place-items: center;
  transition: all 0.3s ease-in-out;
}
.FASHION_DESIGNER_LIVE_CONTAINER .full_image .close_Full_Image_gallery .icon:hover {
  filter: drop-shadow(0px 4px 5px rgba(255, 156, 117, 0.6));
  scale: 1.2;
  transition: all 0.3s ease-in-out;
}
.FASHION_DESIGNER_LIVE_CONTAINER .full_image img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  height: auto;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.5));
  border-radius: 5px;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 1;
}
@media (max-width: 600px) {
  .FASHION_DESIGNER_LIVE_CONTAINER .full_image img {
    width: 70%;
    height: 150px;
  }
}
.FASHION_DESIGNER_LIVE_CONTAINER .menu_navbar_box {
  width: 80px;
  height: 100%;
  background-color: #a661d4;
  position: fixed;
  top: 0%;
  right: 0%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  filter: drop-shadow(0px 4px 5px rgba(238, 238, 238, 0.308));
}
.FASHION_DESIGNER_LIVE_CONTAINER .menu_navbar_box .up_btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0.1;
  font-size: 2.5rem;
  font-weight: bold;
  background-color: rgb(99, 99, 99);
  color: #ffffff;
  cursor: pointer;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 650px) {
  .FASHION_DESIGNER_LIVE_CONTAINER .menu_navbar_box .up_btn .icon {
    transform: rotate(-90deg);
    font-size: 1.5rem;
  }
}
.FASHION_DESIGNER_LIVE_CONTAINER .menu_navbar_box .up_btn:hover {
  background: linear-gradient(120deg, tomato 40%, tomato 60%);
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 650px) {
  .FASHION_DESIGNER_LIVE_CONTAINER .menu_navbar_box .up_btn {
    height: 100%;
    flex: 0.1;
    display: flex;
    border-radius: 0px;
    border-top-left-radius: 0rem;
    border-bottom-left-radius: 0rem;
    flex-direction: row !important;
  }
}
.FASHION_DESIGNER_LIVE_CONTAINER .menu_navbar_box .hideUpArrow {
  opacity: 1;
  cursor: not-allowed;
}
.FASHION_DESIGNER_LIVE_CONTAINER .menu_navbar_box .all_menus {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  gap: 1rem;
  flex: 0.8;
  padding: 0.5rem;
  width: 100%;
  overflow-y: scroll;
}
.FASHION_DESIGNER_LIVE_CONTAINER .menu_navbar_box .all_menus .menu {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 100%;
  cursor: pointer;
  padding: 5px 10px;
  border-radius: 10px;
  transition: 1ll 0.5s ease-in-out;
}
.FASHION_DESIGNER_LIVE_CONTAINER .menu_navbar_box .all_menus .menu .icon {
  font-size: 1.4rem;
}
@media screen and (max-width: 650px) {
  .FASHION_DESIGNER_LIVE_CONTAINER .menu_navbar_box .all_menus .menu .icon {
    font-size: 1rem;
  }
}
.FASHION_DESIGNER_LIVE_CONTAINER .menu_navbar_box .all_menus .menu p {
  font-size: 0.7rem;
  font-weight: 500;
}
@media screen and (max-width: 650px) {
  .FASHION_DESIGNER_LIVE_CONTAINER .menu_navbar_box .all_menus .menu p {
    font-size: 0.6rem;
  }
}
.FASHION_DESIGNER_LIVE_CONTAINER .menu_navbar_box .all_menus .menu:hover {
  color: rgb(255, 255, 255);
  background-color: #b887d7;
  transition: 1ll 0.5s ease-in-out;
}
.FASHION_DESIGNER_LIVE_CONTAINER .menu_navbar_box .all_menus .menuActive {
  color: #f0f0f0;
  background-color: #b887d7;
}
.FASHION_DESIGNER_LIVE_CONTAINER .menu_navbar_box .all_menus::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 650px) {
  .FASHION_DESIGNER_LIVE_CONTAINER .menu_navbar_box .all_menus {
    height: 100%;
    width: 100%;
    flex: 0.8;
    display: flex;
    flex-direction: row !important;
  }
}
.FASHION_DESIGNER_LIVE_CONTAINER .menu_navbar_box .down_btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0.1;
  font-size: 2.5rem;
  font-weight: bold;
  background-color: rgb(99, 99, 99);
  color: #ffffff;
  cursor: pointer;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 650px) {
  .FASHION_DESIGNER_LIVE_CONTAINER .menu_navbar_box .down_btn .down {
    transform: rotate(-90deg);
    font-size: 1.5rem;
  }
}
.FASHION_DESIGNER_LIVE_CONTAINER .menu_navbar_box .down_btn:hover {
  background: linear-gradient(120deg, tomato 40%, tomato 60%);
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 650px) {
  .FASHION_DESIGNER_LIVE_CONTAINER .menu_navbar_box .down_btn {
    height: 100%;
    flex: 0.1;
    display: flex;
    border-radius: 0px;
    border-top-right-radius: 0rem;
    border-bottom-right-radius: 0rem;
    flex-direction: row !important;
  }
}
.FASHION_DESIGNER_LIVE_CONTAINER .menu_navbar_box .hideDownArrow {
  opacity: 1;
  cursor: not-allowed;
}
@media screen and (max-width: 1000px) {
  .FASHION_DESIGNER_LIVE_CONTAINER .menu_navbar_box {
    position: fixed;
    top: 15%;
    right: 5%;
  }
}
@media screen and (max-width: 700px) {
  .FASHION_DESIGNER_LIVE_CONTAINER .menu_navbar_box {
    position: fixed;
    top: 15%;
    right: 1%;
  }
}
@media screen and (max-width: 650px) {
  .FASHION_DESIGNER_LIVE_CONTAINER .menu_navbar_box {
    position: fixed;
    top: 96.5%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 100;
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 50px;
    align-items: center;
    justify-content: space-between;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
  }
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD {
  width: 450px;
  max-width: 450px;
  margin-top: 0.5rem;
  height: auto;
  overflow-x: hidden;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
  background: linear-gradient(160deg, #a661d4, #a661d4 50%, #a661d4, #a661d4 50%);
  filter: drop-shadow(0px 4px 5px rgba(176, 115, 216, 0.5764705882));
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Image_row_1 {
  width: 100%;
  max-height: 300px;
  height: 300px;
  position: relative;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Image_row_1 .slide_svg {
  position: absolute;
  width: 100%;
  bottom: -6px;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Image_row_1 .slide_svg svg {
  transform: rotate(0deg);
  height: 150px;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Image_row_1 .slide_svg .overlay {
  position: relative;
  top: -3px;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(rgba(205, 98, 226, 0) 0%, #a661d4, #a661d4 100%);
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Image_row_1 .banner_image {
  width: 100%;
  max-height: 300px;
  height: 300px;
  overflow: hidden;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  position: relative;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Image_row_1 .banner_image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover; /* Ensures image covers the area */
  -o-object-position: top;
     object-position: top; /* Ensures head portion is not cropped */
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Image_row_1 .banner_image .overlay {
  position: absolute;
  bottom: -50px;
  left: 0;
  width: 100%;
  height: 40%;
  background: linear-gradient(rgba(133, 133, 133, 0) 0%, #a661d4, #a661d4 100%);
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Image_row_1 .user_logo {
  position: absolute;
  bottom: -5%;
  right: 70%;
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: space-between;
  gap: 10px;
  margin: 0.5rem auto;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Image_row_1 .user_logo .logo {
  display: flex;
  flex: 0.3;
  align-items: center;
  justify-content: center;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Image_row_1 .user_logo .logo img {
  z-index: 2;
  width: 100px;
  height: 100px;
  border-radius: 0.3rem;
  -o-object-fit: cover;
     object-fit: cover; /* Ensures image covers the area */
  -o-object-position: top;
     object-position: top; /* Ensures head portion is not cropped */
  border: 2px solid rgb(255, 255, 122);
  filter: drop-shadow(0px 4px 5px rgba(255, 210, 9, 0.4));
}
@keyframes profileBorder {
  0% {
    border: 3px solid #ffffff;
    transform: translateY(0px);
  }
  25% {
    border: 3px solid #ffffff;
    transform: translateY(-5px);
  }
  50% {
    border: 3px solid #ffffff;
    transform: translateY(-10px);
  }
  75% {
    border: 3px solid rgb(255, 255, 255);
    transform: translateY(-5px);
  }
  100% {
    border: 3px solid #ffffff;
    transform: translateY(0px);
  }
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Image_row_1 .user_logo .svg_image {
  position: absolute;
  z-index: 1;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Image_row_1 .user_logo .svg_image img {
  width: 200px;
  height: 200px;
  border: none;
  filter: drop-shadow(0px 4px 5px rgba(255, 255, 255, 0.631372549));
  animation: profileSVGAnime 5s infinite linear;
}
@keyframes profileSVGAnime {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(90deg);
  }
  50% {
    transform: rotate(180deg);
  }
  75% {
    transform: rotate(270deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .basic_row_2 {
  padding: 1rem;
  flex: 0.7;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .basic_row_2 .user_details {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .basic_row_2 .user_details .user_data {
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex: 1;
  gap: 15px;
  width: 100%;
  height: 100%;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .basic_row_2 .user_details .user_data .user_information {
  display: flex;
  flex: 0.5;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 5px;
  position: relative;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .basic_row_2 .user_details .user_data .user_information h2 {
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 1px;
  color: #f0f0f0;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .basic_row_2 .user_details .user_data .user_information p {
  font-size: 0.9rem;
  font-weight: 500;
  color: rgb(255, 255, 122);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0rem;
  position: relative;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .basic_row_2 .user_details .user_data .user_information p img {
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media screen and (max-width: 600px) {
  .FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .basic_row_2 .user_details .user_data .user_information p img {
    width: 25px;
    height: 25px;
  }
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .basic_row_2 .user_details .user_data .contacts_btns {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  width: 100%;
  flex-wrap: wrap;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .basic_row_2 .user_details .user_data .contacts_btns a {
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 0.4rem 1rem;
  background-color: #b887d7;
  color: #ffffff;
  border-radius: 0.5rem;
  transition: all 0.4s linear;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .basic_row_2 .user_details .user_data .contacts_btns a .icon {
  font-size: 1rem;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .basic_row_2 .user_details .user_data .contacts_btns a small {
  font-size: 0.7rem;
  font-weight: 500;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .basic_row_2 .user_details .user_data .contacts_btns a:hover {
  background-color: #464049;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
  scale: 1.05;
  transition: all 0.4s linear;
}
@media screen and (max-width: 600px) {
  .FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .basic_row_2 .user_details .user_data {
    align-items: flex-start;
  }
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .contact_row_3 {
  padding: 0rem 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .contact_row_3 a {
  text-decoration: none;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 15px;
  color: #f0f0f0;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .contact_row_3 a .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  padding: 5px;
  border-radius: 0.2rem;
  background-color: #b887d7;
  filter: drop-shadow(0px 3px 3px #b887d7);
  color: #f0f0f0;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .contact_row_3 a .contact_data {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 2px;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .contact_row_3 a .contact_data small {
  font-size: 0.7rem;
  font-weight: 600;
  color: #f0f0f0;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .contact_row_3 a .contact_data p {
  font-size: 0.9rem;
  font-weight: 500;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .contact_row_3 .add_to_contact {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.3rem auto;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .contact_row_3 .add_to_contact button {
  padding: 7px 2rem;
  color: #f0f0f0;
  background-color: #b887d7;
  font-weight: 550;
  font-size: 0.8rem;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  transition: all 0.4s ease-in-out;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .contact_row_3 .add_to_contact button:hover {
  background-color: #d6a4ff;
  color: #ffffff;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
  transition: all 0.4s ease-in-out;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-items: flex-start;
  gap: 15px;
  width: 100%;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details .detail {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  width: 100%;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details .detail .detail_title {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 1rem;
  font-weight: 550;
  flex: 0.4;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details .detail .detail_title h5 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 0.8rem;
  font-weight: 600;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details .detail .detail_message {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 5px;
  font-weight: 550;
  flex: 0.6;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details .detail .detail_message strong {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 0.8rem;
  font-weight: 500;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details .detail .detail_message p {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 0.8rem;
  font-weight: 500;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row !important;
  gap: 1.3rem;
  width: 100%;
  margin-left: 5px;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a {
  text-decoration: none;
  color: #f0f0f0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: all 0.3s ease-in-out;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a i {
  z-index: 2;
  font-size: 1rem;
  font-weight: 500;
  color: #ffffff;
  transition: all 0.3s ease-in-out;
  position: relative;
  padding: 5px;
  border-radius: 1rem;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a:nth-child(1) i {
  background-color: #5365ff;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a:nth-child(2) i {
  background-color: #ff53c6;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a:nth-child(3) i {
  background-color: #28d67f;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a:nth-child(4) i {
  background-color: rgb(37, 190, 250);
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a:nth-child(5) i {
  background-color: rgb(250, 97, 37);
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg1 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg1 #sw-js-blob-svg {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg1 #sw-js-blob-svg #stop1 {
  stop-color: #5365ff;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg1 #sw-js-blob-svg #stop2 {
  stop-color: #5365ff;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg2 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg2 #sw-js-blob-svg {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg2 #sw-js-blob-svg #stop3 {
  stop-color: #ff004d;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg2 #sw-js-blob-svg #stop4 {
  stop-color: #f500da;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg3 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg3 #sw-js-blob-svg {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg3 #sw-js-blob-svg #stop5 {
  stop-color: #10b856;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg3 #sw-js-blob-svg #stop6 {
  stop-color: #10b856;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg6 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg6 #sw-js-blob-svg6 {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg6 #sw-js-blob-svg6 #stop11 {
  stop-color: #4da6e9;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg6 #sw-js-blob-svg6 #stop12 {
  stop-color: #4da6e9;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg4 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg4 #sw-js-blob-svg {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg4 #sw-js-blob-svg #stop7 {
  stop-color: #ff777b;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg4 #sw-js-blob-svg #stop8 {
  stop-color: #ff656a;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg5 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg5 #sw-js-blob-svg5 {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg5 #sw-js-blob-svg5 #stop9 {
  stop-color: #a5a5a5;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg5 #sw-js-blob-svg5 #stop10 {
  stop-color: #999999;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a small {
  display: none;
  position: absolute;
  transition: all 0.4s ease-in-out;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a:hover {
  scale: 1.1;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
  transition: all 0.3s ease-in-out;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a:hover .social_media_svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a:hover .social_media_svg img {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60px;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .icon {
  font-size: 1.2rem;
  cursor: pointer;
  color: rgb(104, 104, 104);
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .specialities {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .specialities ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  margin: auto;
  width: 90%;
  font-size: 1.3rem;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .specialities ul li {
  font-size: 0.9rem;
  font-weight: 500;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .our_services {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .our_services .All_Services {
  width: 100%;
  height: auto;
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .our_services .All_Services .Service {
  width: 100%;
  padding: 1rem;
  background-color: #f2ffeb;
  border-radius: 3px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  color: rgb(63, 63, 63);
  gap: 10px;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .our_services .All_Services .Service .service_title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .our_services .All_Services .Service .service_title h5 {
  font-size: 1.1rem;
  font-weight: 550;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .our_services .All_Services .Service .service_description {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  font-size: 0.9rem;
  font-weight: 500;
  color: rgb(63, 63, 63);
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .our_services .All_Services .Service .service_link {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .our_services .All_Services .Service .service_link a {
  text-decoration: none;
  color: royalblue;
  font-size: 0.9rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .our_services .All_Services .Service .service_link a:hover {
  text-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .our_services .All_Services .Service .service_image {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .our_services .All_Services .Service .service_image img {
  width: 100%;
  height: 250px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .our_services .All_Services .Service .service_action {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .our_services .All_Services .Service .service_action .service_price {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .our_services .All_Services .Service .service_action .service_price h5 {
  font-size: 1.1rem;
  font-weight: 600;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .our_services .All_Services .Service .service_action .service_price p {
  font-size: 1rem;
  font-weight: 550;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .our_services .All_Services .Service .service_action .service_enquiry {
  display: flex;
  align-items: center;
  justify-content: center;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .our_services .All_Services .Service .service_action .service_enquiry a {
  text-decoration: none;
  color: #f0f0f0;
  background-color: #b887d7;
  padding: 0.5rem 1rem;
  border: 2px solid rgb(63, 63, 63);
  font-size: 0.9rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .our_services .All_Services .Service .service_action .service_enquiry a:hover {
  background: linear-gradient(#a661d4, #a661d4, #a661d4, #a661d4);
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .our_products {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .our_products .All_Products {
  width: 100%;
  height: auto;
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .our_products .All_Products .Product {
  width: 100%;
  padding: 1rem;
  background-color: rgba(255, 245, 154, 0.9607843137);
  border-radius: 3px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  color: rgb(78, 78, 78);
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .our_products .All_Products .Product .product_title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .our_products .All_Products .Product .product_title h5 {
  font-size: 1.1rem;
  font-weight: 550;
  color: #181818;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .our_products .All_Products .Product .product_description {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  font-size: 0.9rem;
  font-weight: 500;
  color: rgb(78, 78, 78);
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .our_products .All_Products .Product .product_link {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .our_products .All_Products .Product .product_link a {
  text-decoration: none;
  color: royalblue;
  font-size: 0.9rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .our_products .All_Products .Product .product_link a:hover {
  text-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .our_products .All_Products .Product .product_image {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .our_products .All_Products .Product .product_image img {
  width: 100%;
  height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .our_products .All_Products .Product .product_action {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .our_products .All_Products .Product .product_action .product_price {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .our_products .All_Products .Product .product_action .product_price h5 {
  font-size: 1.1rem;
  font-weight: 600;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .our_products .All_Products .Product .product_action .product_price p {
  font-size: 1rem;
  font-weight: 550;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .our_products .All_Products .Product .product_action .product_enquiry {
  display: flex;
  align-items: center;
  justify-content: center;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .our_products .All_Products .Product .product_action .product_enquiry a {
  text-decoration: none;
  color: #f0f0f0;
  background-color: #b887d7;
  padding: 0.5rem 1rem;
  border: 2px solid rgb(78, 78, 78);
  font-size: 0.9rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .our_products .All_Products .Product .product_action .product_enquiry a:hover {
  background-color: #464049;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Payment {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Payment .payment_details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-items: flex-start;
  gap: 10px;
  width: 100%;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Payment .payment_details .detail {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  width: 100%;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Payment .payment_details .detail .detail_title {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 1rem;
  font-weight: 550;
  flex: 0.4;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Payment .payment_details .detail .detail_title h5 {
  font-size: 0.8rem;
  font-weight: 600;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Payment .payment_details .detail .detail_message {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 5px;
  font-weight: 550;
  flex: 0.6;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Payment .payment_details .detail .detail_message p {
  font-size: 0.8rem;
  font-weight: 500;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Payment .payment_details .detail .detail_message .icon {
  font-size: 1.2rem;
  cursor: pointer;
  color: #b887d7;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Payment .payment_details .detail .detail_message .icon:hover {
  color: #f0f0f0;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Payment .sub_title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Payment .sub_title h4 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  font-weight: 550;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-size: 1.05rem !important;
  color: #cacaca;
  position: relative;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Payment .account_details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-items: flex-start;
  gap: 10px;
  width: 100%;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Payment .account_details .detail {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  width: 100%;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Payment .account_details .detail .detail_title {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 1rem;
  font-weight: 550;
  flex: 0.4;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Payment .account_details .detail .detail_title h5 {
  font-size: 0.8rem;
  font-weight: 600;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Payment .account_details .detail .detail_message {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 5px;
  font-weight: 550;
  flex: 0.6;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Payment .account_details .detail .detail_message p {
  font-size: 0.8rem;
  font-weight: 500;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Payment .account_details .detail .detail_message .icon {
  font-size: 1.2rem;
  cursor: pointer;
  color: #b887d7;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Payment .account_details .detail .detail_message .icon:hover {
  color: #f0f0f0;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Payment .qr_code_upi_name {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Payment .qr_code_upi_name h4 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  font-weight: 550;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-size: 0.9rem !important;
  color: #cacaca;
  position: relative;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Payment .qr_image_box {
  width: 70%;
  height: 300px;
  background-color: #effdff;
  color: #3d3d3d;
  padding: 1rem;
  border-radius: 10px;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4));
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Payment .qr_image_box .user_name {
  display: flex;
  align-items: center;
  justify-content: center;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Payment .qr_image_box .user_name h4 {
  font-size: 1rem;
  font-weight: 550;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Payment .qr_image_box .qr_image {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Payment .qr_image_box .qr_image img {
  width: 80%;
  height: 90%;
  -o-object-fit: cover;
     object-fit: cover;
  margin: auto;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .gallery {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .gallery .all_gallerys {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0.5rem;
  place-items: center;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .gallery .all_gallerys .gallery_image {
  width: 100%;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .gallery .all_gallerys .gallery_image img {
  cursor: pointer;
  width: 100%;
  height: 150px;
  border-radius: 10px;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .gallery .all_gallerys .gallery_image img:hover {
  opacity: 0.7;
  transition: all 0.3s ease;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .video {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .video .videos_container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
  margin: auto;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .video .videos_container .video_image {
  width: 100%;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .video .videos_container .video_image iframe {
  width: 100%;
  height: 200px;
  filter: drop-shadow(0px 4px 5px rgba(6, 255, 201, 0.336));
  border-radius: 0.5rem;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .row_5 {
  width: 100%;
  padding: 1rem;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .row_5 .time_list_container {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  place-items: center;
  gap: 1rem 1rem;
  margin: 1rem auto;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .row_5 .time_list_container .time_list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 5px 1rem 5px 1rem;
  background-color: #b887d7;
  width: 100%;
  border-radius: 0.5rem;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .row_5 .time_list_container .time_list .day {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .row_5 .time_list_container .time_list .day span {
  font-size: 0.7rem;
  font-weight: 550;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .row_5 .time_list_container .time_list .day span::after {
  content: "";
  display: block;
  height: 1px;
  background-color: gray;
  width: 100%;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .row_5 .time_list_container .time_list .time {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 15px;
  margin-top: 10px;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .row_5 .time_list_container .time_list .time .start h6 {
  font-size: 0.6rem;
  font-weight: 600;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .row_5 .time_list_container .time_list .time .start span {
  font-size: 0.6rem;
  font-weight: 550;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .row_5 .time_list_container .time_list .time .end h6 {
  font-size: 0.6rem;
  font-weight: 500;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .row_5 .time_list_container .time_list .time .end span {
  font-size: 0.6rem;
  font-weight: 550;
}
@media screen and (max-width: 700px) {
  .FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .row_5 .time_list_container {
    grid-template-columns: 1fr 1fr;
  }
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Appoinment {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Appoinment .popup_message_container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  position: absolute;
  top: 14%;
  left: 20%;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Appoinment .popup_message_container .popup_success_box {
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
  border-radius: 5px;
  padding: 0.5px 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  position: relative;
  transition: transform 0.5s ease-in-out;
  z-index: -1;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Appoinment .popup_message_container .popup_success_box .popup_close i {
  font-size: 1.4rem;
  font-weight: 600;
  color: rgb(255, 79, 79);
  cursor: pointer;
  transition: all 0.5s ease;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Appoinment .popup_message_container .popup_success_box .popup_close i:hover {
  transform: rotate(90deg);
  transition: all 0.5s ease;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Appoinment .popup_message_container .popup_success_box .popup_message {
  font-size: 0.9rem;
  color: #525252;
  font-weight: 550;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Appoinment .popup_message_container #successOpen {
  transform: translateX(0px);
  transition: transform 0.5s ease-in-out;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Appoinment .popup_message_container #successClose {
  transform: translateX(500px);
  transition: transform 0.5s ease-in-out;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Appoinment .popup_message_container .popup_error_box {
  display: inline-block;
  height: 40px;
  background-color: rgb(255, 177, 141) !important;
  border-radius: 5px;
  padding: 0px 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3rem;
  position: relative;
  z-index: -1;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Appoinment .popup_message_container .popup_error_box .popup_close i {
  font-size: 1.4rem;
  color: rgb(255, 255, 255);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.5s ease;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Appoinment .popup_message_container .popup_error_box .popup_close i:hover {
  transform: rotate(90deg);
  transition: all 0.5s ease;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Appoinment .popup_message_container .popup_error_box .popup_message {
  font-size: 0.9rem;
  color: #494949;
  font-weight: 550;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Appoinment .appinment_form_container {
  width: 100%;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Appoinment .appinment_form_container form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0rem 1rem;
  width: 100%;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Appoinment .appinment_form_container form .form_group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  position: relative;
  gap: 5px;
  padding: 0.5rem 0px;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Appoinment .appinment_form_container form .form_group label {
  font-size: 0.7rem;
  font-weight: 500;
  letter-spacing: 1px;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Appoinment .appinment_form_container form .form_group .labelError {
  color: tomato;
  font-family: 500;
  font-size: 0.6rem;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Appoinment .appinment_form_container form .form_group .input_error {
  border: 1px solid tomato !important;
  border-radius: 5px;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Appoinment .appinment_form_container form .form_group .error {
  position: absolute;
  top: 12%;
  right: 0%;
  color: tomato;
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Appoinment .appinment_form_container form .form_group .desc_error {
  position: absolute;
  top: 0%;
  right: 0%;
  color: tomato;
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Appoinment .appinment_form_container form .form_group input[type=date],
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Appoinment .appinment_form_container form .form_group input[type=text],
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Appoinment .appinment_form_container form .form_group input[type=tel] {
  width: 100%;
  outline: none;
  padding: 10px 1rem;
  border-radius: 0.2rem;
  background-color: transparent;
  border: 1px solid #f0f0f0;
  color: #f0f0f0;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Appoinment .appinment_form_container form .form_group input[type=date]::-moz-placeholder, .FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Appoinment .appinment_form_container form .form_group input[type=text]::-moz-placeholder, .FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Appoinment .appinment_form_container form .form_group input[type=tel]::-moz-placeholder {
  color: #f0f0f0;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Appoinment .appinment_form_container form .form_group input[type=date]::placeholder,
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Appoinment .appinment_form_container form .form_group input[type=text]::placeholder,
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Appoinment .appinment_form_container form .form_group input[type=tel]::placeholder {
  color: #f0f0f0;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Appoinment .appinment_form_container form .form_group select {
  width: 100%;
  outline: none;
  padding: 8px 1rem;
  background-color: transparent;
  border: 1px solid #f0f0f0;
  color: #f0f0f0;
  font-weight: 500;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Appoinment .appinment_form_container form .form_group select option {
  color: #3d3d3d;
  width: 100%;
  font-size: 0.8rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Appoinment .appinment_form_container form .form_submit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  width: 100%;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Appoinment .appinment_form_container form .form_submit button {
  display: flex;
  align-self: center;
  justify-content: center;
  gap: 0.5rem;
  outline: none;
  padding: 6px 1rem;
  background-color: #d6a4ff;
  color: #fff;
  font-size: 0.8rem;
  border-radius: 0.3rem;
  font-weight: 500;
  transition: all 0.4s ease-in;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Appoinment .appinment_form_container form .form_submit button span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.9rem;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Appoinment .appinment_form_container form .form_submit button .inquiryloader {
  width: 18px;
  height: 18px;
  border: 2px solid #fff;
  border-bottom-color: transparent;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Appoinment .appinment_form_container form .form_submit button:hover {
  background-color: #7e7e7e;
  filter: drop-shadow(0px 4px 5px rgba(109, 109, 109, 0.4));
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Appoinment .appinment_form_container form .form_submit button:nth-child(2) {
  background-color: royalblue;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Appoinment .appinment_form_container form .form_submit button:nth-child(2):hover {
  background-color: rgb(248, 137, 118);
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Testimonial {
  width: 100%;
  padding: 1rem;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Testimonial .testimonial_container {
  margin: 1rem auto;
  width: 100%;
  height: 180px;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Testimonial .testimonial_container .testimonial_list {
  padding: 0.5rem 1rem 2rem 1rem;
  width: 100%;
  height: 100%;
  background-color: rgba(214, 175, 240, 0.7137254902);
  overflow-y: auto;
  margin: auto;
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  border-radius: 0.5rem;
  position: relative;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Testimonial .testimonial_container .testimonial_list .client_feedback {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Testimonial .testimonial_container .testimonial_list .client_feedback small {
  font-size: 0.8rem;
  color: #383838;
  font-weight: 550;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Testimonial .testimonial_container .testimonial_list .client_detail {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%;
  justify-content: flex-start;
  gap: 10px;
  margin-top: 0.5rem;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Testimonial .testimonial_container .testimonial_list .client_detail img {
  width: 60px;
  height: 60px;
  border-radius: 0.5rem;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border: 1px solid #505050;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Testimonial .testimonial_container .testimonial_list .client_detail .client_name {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Testimonial .testimonial_container .testimonial_list .client_detail .client_name h4 {
  font-size: 0.8rem;
  color: #ffffff;
  font-weight: 550;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Testimonial .testimonial_container .testimonial_list .client_detail .client_name small {
  font-size: 0.7rem;
  color: rgb(255, 230, 90);
  font-weight: 550;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Testimonial .testimonial_container .testimonial_list::-webkit-scrollbar {
  display: none;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .google_map_container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .google_map_container .google_map {
  width: 100%;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .google_map_container .google_map iframe {
  width: 100% !important;
  height: 250px !important;
  border: none !important;
  margin: 1rem auto;
  border-radius: 0.5rem;
  filter: drop-shadow(0px 4px 5px rgba(56, 56, 56, 0.527));
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row {
  width: 100%;
  padding: 0rem 1rem;
  display: flex;
  flex-direction: column;
  gap: 0rem;
  align-items: center;
  justify-content: center;
  position: relative;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .popup_message_container {
  position: absolute;
  top: 18%;
  left: 22%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .popup_message_container .popup_success_box {
  display: inline-block;
  width: auto;
  background-color: rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
  padding: 0.7px 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  position: relative;
  font-size: 0.7rem;
  font-weight: 500;
  transition: transform 0.5s ease-in-out;
  z-index: -1;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .popup_message_container .popup_success_box .popup_close i {
  font-size: 1.4rem;
  font-weight: 600;
  color: rgb(255, 101, 101);
  cursor: pointer;
  transition: all 0.5s ease;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .popup_message_container .popup_success_box .popup_close i:hover {
  transform: rotate(90deg);
  transition: all 0.5s ease;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .popup_message_container .popup_success_box .popup_close .icon {
  font-size: 1.2rem;
  color: #2cc478;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .popup_message_container .popup_success_box .popup_message {
  font-size: 0.9rem;
  color: rgb(48, 48, 48);
  font-weight: 500;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .popup_message_container #successOpen {
  transform: translateX(0px);
  transition: transform 0.5s ease-in-out;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .popup_message_container #successClose {
  transform: translateX(500px);
  transition: transform 0.5s ease-in-out;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .popup_message_container .popup_error_box {
  display: inline-block;
  height: 40px;
  background-color: rgb(255, 177, 141) !important;
  border-radius: 5px;
  padding: 0px 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3rem;
  position: relative;
  z-index: -1;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .popup_message_container .popup_error_box .popup_close i {
  font-size: 1.4rem;
  color: rgb(255, 255, 255);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.5s ease;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .popup_message_container .popup_error_box .popup_close i:hover {
  transform: rotate(90deg);
  transition: all 0.5s ease;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .popup_message_container .popup_error_box .popup_message {
  font-size: 0.9rem;
  color: #2cc478;
  font-weight: 550;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .Feedback_container_message {
  width: 100%;
  height: auto;
  margin: 0rem auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  margin: 1rem;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .Feedback_container_message .feeback_title {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: space-between;
  gap: 10px;
  z-index: 800;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .Feedback_container_message .feeback_title button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 0.7rem;
  color: #f0f0f0;
  background: transparent;
  cursor: pointer;
  outline: none;
  border: transparent;
  font-weight: 600;
  position: relative;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .Feedback_container_message .feeback_title button i {
  font-size: 1.4rem;
  color: #f0f0f0;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .Feedback_container_message .feeback_title button .count {
  position: absolute;
  right: -7%;
  top: -8%;
  font-size: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  color: #f0f0f0;
  border-radius: 50%;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .Feedback_container_message .feeback_title .feedBack_loader {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: block;
  margin: 15px auto;
  position: relative;
  color: #253bff;
  left: -100px;
  box-sizing: border-box;
  animation: shadowRolling 2s linear infinite;
}
@keyframes shadowRolling {
  0% {
    box-shadow: 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
  }
  12% {
    box-shadow: 100px 0 rgb(76, 247, 176), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
  }
  25% {
    box-shadow: 110px 0 rgb(107, 98, 233), 100px 0 rgb(75, 45, 243), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
  }
  36% {
    box-shadow: 120px 0 rgb(94, 236, 255), 110px 0 rgb(226, 253, 72), 100px 0 rgb(219, 99, 119), 0px 0 rgba(255, 255, 255, 0);
  }
  50% {
    box-shadow: 130px 0 rgb(240, 135, 49), 120px 0 rgb(56, 163, 74), 110px 0 rgb(99, 95, 95), 100px 0 rgb(135, 111, 221);
  }
  62% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 130px 0 white, 120px 0 white, 110px 0 white;
  }
  75% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 130px 0 white, 120px 0 white;
  }
  87% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 130px 0 white;
  }
  100% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0);
  }
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box {
  width: 100%;
  max-height: 300px;
  height: auto;
  overflow: scroll;
  margin: 1rem auto;
  background: transparent;
  border-radius: 5px;
  position: relative;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .comment_box_title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  background-color: royalblue;
  color: #fff;
  font-weight: 400;
  display: none;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message {
  width: 100%;
  padding: 10px;
  border-bottom: 1px solid rgb(216, 216, 216);
  position: relative;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 5px;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .userName p {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 1.1rem;
  color: #f0f0f0;
  letter-spacing: 1px;
  font-weight: 550;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .userName p i {
  color: #5e5e5e;
  font-size: 1.4rem;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .userName p::first-letter {
  text-transform: uppercase !important;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars .ratting_container1 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars .ratting_container1 span i {
  font-size: 1.2rem;
  cursor: pointer;
  color: lightgray;
  transition: all 0.4s ease-in-out;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars .ratting_container1 span .highlight1 {
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
  color: gold;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #noRatting span:nth-child(1) i,
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #noRatting span:nth-child(2) i,
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #noRatting span:nth-child(3) i,
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #noRatting span:nth-child(4) i,
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #noRatting span:nth-child(5) i {
  text-decoration: line-through;
  text-decoration-color: #ff2525;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #singleRatting span:nth-child(1) i {
  color: #f7c52a;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #doubleRatting span:nth-child(1) i,
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #doubleRatting span:nth-child(2) i {
  color: #f7c52a;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #ThreeRatting span:nth-child(1) i,
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #ThreeRatting span:nth-child(2) i,
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #ThreeRatting span:nth-child(3) i {
  color: #f7c52a;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fourRatting span:nth-child(1) i,
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fourRatting span:nth-child(2) i,
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fourRatting span:nth-child(3) i,
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fourRatting span:nth-child(4) i {
  color: #f7c52a;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fullRatting span:nth-child(1) i,
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fullRatting span:nth-child(2) i,
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fullRatting span:nth-child(3) i,
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fullRatting span:nth-child(4) i,
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fullRatting span:nth-child(5) i {
  color: #f7c52a;
  filter: drop-shadow(0px 4px 5px rgba(165, 165, 165, 0.4));
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .comments {
  margin: 10px auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  width: 100%;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .comments i {
  color: rgb(255, 255, 122);
  font-size: 1.4rem;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .comments span {
  font-size: 0.9rem;
  color: #f0f0f0;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .date {
  position: absolute;
  right: 2%;
  top: 15%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 0.9rem;
  color: rgb(255, 255, 122);
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .date i {
  color: #f0f0f0;
  font-size: 1.1rem;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box::-webkit-scrollbar {
  display: none;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container {
  width: 100%;
  position: relative;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin: auto;
  padding: 0px 0.5rem 0rem 0.5rem;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .feedback_svg {
  position: absolute;
  top: -4%;
  right: 0%;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .feedback_svg img {
  width: 100px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media (max-width: 600px) {
  .FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .feedback_svg img {
    width: 90px;
  }
  .FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .feedback_svg {
    top: 0%;
  }
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_group {
  margin: 10px auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  width: 95%;
  position: relative;
  margin: 0.2rem 0.2rem;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_group .error {
  font-size: 0.6rem;
  color: tomato !important;
  -webkit-text-fill-color: tomato;
  letter-spacing: 1px;
  display: flex;
  align-items: center;
  font-weight: 550;
  justify-content: flex-start;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_group label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  left: 5%;
  color: #f0f0f0;
  -webkit-text-fill-color: #f0f0f0;
  font-size: 0.7rem;
  font-weight: 550;
  border-radius: 4px;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_group label span {
  font-size: 1rem;
  color: tomato !important;
  -webkit-text-fill-color: tomato;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_group label span sup {
  color: tomato !important;
}
@media screen and (max-width: 800px) {
  .FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_group label {
    left: 5%;
  }
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_group input,
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_group .ratting_container {
  width: 100%;
  padding: 0.7rem 1rem;
  background-color: transparent;
  border: 1px solid #ffffff;
  color: #f0f0f0;
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border-radius: 0.3rem;
  outline: none;
  caret-color: #f0f0f0;
  transition: all 0.3s ease;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_group input::-moz-placeholder, .FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_group .ratting_container::-moz-placeholder {
  font-size: 0.6rem;
  color: #f0f0f0;
  letter-spacing: 1px;
  font-weight: 400;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_group input::placeholder,
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_group .ratting_container::placeholder {
  font-size: 0.6rem;
  color: #f0f0f0;
  letter-spacing: 1px;
  font-weight: 400;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_group input:focus,
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_group .ratting_container:focus {
  border: double 2px transparent;
  border-radius: 0.3rem;
  background-color: transparent;
  border: 1px solid #f0f0f0;
  background-origin: border-box;
  background-clip: padding-box, border-box;
  transition: all 0.3s ease;
}
@media screen and (max-width: 800px) {
  .FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_group input,
  .FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_group .ratting_container {
    padding: 0.8rem 2rem;
    width: 100%;
    background-color: transparent;
  }
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_group .ratting_container {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_group .ratting_container span i {
  font-size: 1.5rem;
  cursor: pointer;
  color: rgb(255, 168, 54);
  transition: all 0.4s ease-in-out;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_group .ratting_container span .highlight {
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
  color: gold;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_group textarea {
  width: 100%;
  padding: 1rem;
  caret-color: #f0f0f0;
  color: #f0f0f0;
  border: double 1px transparent;
  background-color: transparent;
  border: 1px solid #ffffff;
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border-radius: 0.3rem;
  outline: none;
  transition: all 0.3s ease;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_group textarea::-moz-placeholder {
  font-size: 0.6rem;
  color: #f0f0f0;
  letter-spacing: 1px;
  font-weight: 400;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_group textarea::placeholder {
  font-size: 0.6rem;
  color: #f0f0f0;
  letter-spacing: 1px;
  font-weight: 400;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_group textarea:focus {
  border: double 2px transparent;
  border-radius: 0.3rem;
  background-color: transparent;
  border: 1px solid #f0f0f0;
  background-origin: border-box;
  background-clip: padding-box, border-box;
  transition: all 0.3s ease;
}
@media screen and (max-width: 800px) {
  .FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_group textarea {
    padding: 0.8rem 2rem;
    width: 100%;
    background-color: transparent;
  }
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_group .icon {
  position: absolute;
  left: 1%;
  top: 63%;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_group .icon img {
  width: 25px;
  height: 25px;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_group .icon i {
  font-size: 1.4rem;
  color: skyblue;
}
@media screen and (max-width: 800px) {
  .FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_group .icon {
    position: absolute;
    left: 2%;
    top: 25%;
  }
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_group .show_pass {
  position: absolute;
  right: 2%;
  top: 25%;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_group .show_pass i {
  font-size: 1.4rem;
  color: skyblue;
  cursor: pointer;
}
@media screen and (max-width: 800px) {
  .FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_group .show_pass {
    position: absolute;
    right: 2%;
    top: 25%;
  }
}
@media screen and (max-width: 900px) {
  .FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_group {
    margin: 0.8rem auto;
  }
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_actions {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 1rem auto;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_actions button {
  margin-right: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background-color: #d6a4ff;
  filter: none;
  width: auto;
  padding: 10px 1rem;
  outline: none;
  border: transparent;
  font-weight: 500;
  letter-spacing: 1px;
  font-size: 0.6rem;
  border-radius: 5px;
  cursor: pointer;
  color: #f0f0f0;
  transition: all 0.4s ease-in;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_actions button span {
  font-size: 1.2rem;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_actions button .form_loader,
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_actions button .form_loader:before,
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_actions button .form_loader:after {
  border-radius: 50%;
  width: 1em;
  height: 1em;
  animation-fill-mode: both;
  animation: bblFadInOut 1.8s infinite ease-in-out;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_actions button .form_loader {
  color: #fff;
  font-size: 7px;
  position: relative;
  text-indent: -9999em;
  transform: translateZ(0);
  animation-delay: -0.16s;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_actions button .form_loader:before,
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_actions button .form_loader:after {
  content: "";
  position: absolute;
  top: 0;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_actions button .form_loader:before {
  left: -3.5em;
  animation-delay: -0.32s;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_actions button .form_loader:after {
  left: 3.5em;
}
@keyframes bblFadInOut {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_actions button:hover {
  background-color: #b887d7;
  color: #f0f0f0;
  font-weight: 550;
  transition: all 0.4s ease-in;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Inquries {
  width: 100%;
  padding: 0rem 1rem;
  display: flex;
  flex-direction: column;
  gap: 0rem;
  align-items: center;
  justify-content: center;
  position: relative;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Inquries .popup_message_container {
  position: absolute;
  right: 3%;
  top: 7%;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Inquries .popup_message_container .popup_success_box {
  display: inline-block;
  background-color: rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
  border-radius: 5px;
  padding: 0.6px 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3rem;
  position: relative;
  transition: transform 0.5s ease-in-out;
  z-index: -1;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Inquries .popup_message_container .popup_success_box .popup_close i {
  font-size: 1.4rem;
  font-weight: 600;
  color: rgb(255, 76, 76);
  cursor: pointer;
  transition: all 0.5s ease;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Inquries .popup_message_container .popup_success_box .popup_close i:hover {
  transform: rotate(90deg);
  transition: all 0.5s ease;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Inquries .popup_message_container .popup_success_box .popup_message {
  font-size: 0.9rem;
  color: #4b4b4b;
  font-weight: 550;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Inquries .popup_message_container #successOpen {
  transform: translateX(0px);
  transition: transform 0.5s ease-in-out;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Inquries .popup_message_container #successClose {
  transform: translateX(500px);
  transition: transform 0.5s ease-in-out;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Inquries .popup_message_container .popup_error_box {
  display: inline-block;
  height: 40px;
  background-color: rgb(255, 177, 141) !important;
  border-radius: 5px;
  padding: 0px 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3rem;
  position: relative;
  z-index: -1;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Inquries .popup_message_container .popup_error_box .popup_close i {
  font-size: 1.4rem;
  color: rgb(255, 255, 255);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.5s ease;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Inquries .popup_message_container .popup_error_box .popup_close i:hover {
  transform: rotate(90deg);
  transition: all 0.5s ease;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Inquries .popup_message_container .popup_error_box .popup_message {
  font-size: 0.9rem;
  color: #494949;
  font-weight: 550;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Inquries .inquiries_container5 {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
  margin: auto;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Inquries .inquiries_container5 form {
  width: 90%;
  padding: 10px 0px;
  margin: auto;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Inquries .inquiries_container5 form .form_group {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 10px;
  margin-bottom: 10px;
  margin: 10px auto;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Inquries .inquiries_container5 form .form_group label {
  font-size: 0.7rem;
  letter-spacing: 1px;
  color: #f0f0f0;
  font-weight: 550;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Inquries .inquiries_container5 form .form_group .input {
  width: 100%;
  position: relative;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Inquries .inquiries_container5 form .form_group .input input,
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Inquries .inquiries_container5 form .form_group .input textarea {
  width: 100%;
  padding: 0.9rem 2.5rem;
  outline: none;
  border: transparent;
  border-radius: 5px;
  background-color: transparent;
  color: #f0f0f0;
  border: 1px solid #f0f0f0;
  caret-color: rgb(78, 78, 78);
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Inquries .inquiries_container5 form .form_group .input input::-moz-placeholder, .FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Inquries .inquiries_container5 form .form_group .input textarea::-moz-placeholder {
  color: #f0f0f0;
  letter-spacing: 1px;
  font-size: 0.7rem;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Inquries .inquiries_container5 form .form_group .input input::placeholder,
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Inquries .inquiries_container5 form .form_group .input textarea::placeholder {
  color: #f0f0f0;
  letter-spacing: 1px;
  font-size: 0.7rem;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Inquries .inquiries_container5 form .form_group .input i {
  position: absolute;
  left: 2%;
  font-size: 1.5rem;
  color: #f0f0f0;
  top: 30%;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Inquries .inquiries_container5 form .form_group .labelError {
  color: tomato;
  font-weight: 450;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Inquries .inquiries_container5 form .form_group .input_error {
  border: 1px solid tomato !important;
  border-radius: 5px;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Inquries .inquiries_container5 form .form_group .error {
  position: absolute;
  top: 12%;
  right: 0%;
  color: tomato;
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Inquries .inquiries_container5 form .form_group .desc_error {
  position: absolute;
  top: 0%;
  right: 0%;
  color: tomato;
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Inquries .inquiries_container5 form .form_actions {
  padding: 0px 1rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 1rem auto;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button {
  width: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background-color: #d6a4ff;
  color: #f0f0f0;
  padding: 8px 1rem;
  outline: none;
  border: transparent;
  font-weight: 450;
  letter-spacing: 1px;
  font-size: 0.7rem;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.4s ease-in;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button img {
  width: 20px;
  height: 20px;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button .form_loader,
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button .form_loader:before,
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button .form_loader:after {
  border-radius: 50%;
  width: 1em;
  height: 1em;
  animation-fill-mode: both;
  animation: bblFadInOut 1.8s infinite ease-in-out;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button .form_loader {
  color: #fff;
  font-size: 7px;
  position: relative;
  text-indent: -9999em;
  transform: translateZ(0);
  animation-delay: -0.16s;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button .form_loader:before,
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button .form_loader:after {
  content: "";
  position: absolute;
  top: 0;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button .form_loader:before {
  left: -3.5em;
  animation-delay: -0.32s;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button .form_loader:after {
  left: 3.5em;
}
@keyframes bblFadInOut {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button:hover {
  background-color: #b887d7;
  transition: all 0.4s ease-in;
  color: #f0f0f0;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Gym_Footer {
  position: relative;
  bottom: 0%;
  width: 100%;
  margin-top: 3rem;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Gym_Footer .gym_footer_container {
  width: 100%;
  min-height: 50px;
  height: 50px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px 0px;
  z-index: 600;
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Gym_Footer .gym_footer_container p {
  font-size: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #3d3d3d;
  font-weight: 500;
  letter-spacing: 1px;
}
@media (max-width: 600px) {
  .FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Gym_Footer .gym_footer_container p {
    font-size: 0.7rem;
  }
}
.FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Gym_Footer .gym_footer_container svg {
  position: absolute;
  z-index: -1;
  bottom: 0%;
  left: 0%;
  width: 100%;
}
@media screen and (max-width: 600px) {
  .FASHION_DESIGNER_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD {
    width: 100vw !important;
    min-width: 100vw;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin-top: 0rem;
  }
}
.FASHION_DESIGNER_LIVE_CONTAINER::-webkit-scrollbar {
  width: 6px !important;
  height: 4px !important;
  display: none;
  background-color: rgba(48, 39, 27, 0.5960784314), rgba(0, 54, 45, 0.5764705882);
}
@media screen and (max-width: 650px) {
  .FASHION_DESIGNER_LIVE_CONTAINER::-webkit-scrollbar {
    display: none !important;
  }
}
.FASHION_DESIGNER_LIVE_CONTAINER::-webkit-scrollbar-thumb {
  width: 6px !important;
  height: 4px !important;
  border-radius: 10px;
  z-index: 10;
  cursor: pointer;
  background-color: #fff !important;
}
.FASHION_DESIGNER_LIVE_CONTAINER::-webkit-scrollbar-thumb:hover {
  background-color: rgb(36, 231, 222);
}
.date-input {
  appearance: none; /* Remove default styling */
  -webkit-appearance: none; /* Remove default styling in Safari */
  -moz-appearance: none; /* Remove default styling in Firefox */
  padding: 10px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.date-input::-moz-placeholder {
  color: #888; /* Placeholder color */
}
.date-input::placeholder {
  color: #888; /* Placeholder color */
}
/* Custom icon for the date picker */
.date-input::-webkit-calendar-picker-indicator {
  cursor: pointer;
  color: transparent;
  opacity: 1;
  position: absolute;
  right: 10px;
  top: 70%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url("https://img.icons8.com/emoji/48/calendar-emoji.png") no-repeat center center;
  background-size: contain;
}



.MANAGER_LIVE_TITLE, .MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Inquries, .MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row, .MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .google_map_container, .MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Tesimonial, .MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Appoinment, .MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .row_5, .MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .video, .MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .gallery, .MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Payment, .MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .our_products, .MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .our_services {
  font-family: "Exo 2", sans-serif;
  font-optical-sizing: auto;
  font-weight: 550;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.MANAGER_LIVE_TITLE h3, .MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Inquries h3, .MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row h3, .MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .google_map_container h3, .MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Tesimonial h3, .MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Appoinment h3, .MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .row_5 h3, .MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .video h3, .MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .gallery h3, .MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Payment h3, .MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .our_products h3, .MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .our_services h3 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-family: "Exo 2", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-size: 1.2rem;
  color: #ffde82;
}
.MANAGER_LIVE_TITLE h3 .icon, .MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Inquries h3 .icon, .MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row h3 .icon, .MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .google_map_container h3 .icon, .MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Tesimonial h3 .icon, .MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Appoinment h3 .icon, .MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .row_5 h3 .icon, .MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .video h3 .icon, .MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .gallery h3 .icon, .MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Payment h3 .icon, .MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .our_products h3 .icon, .MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .our_services h3 .icon {
  animation: handDownAnime 3s infinite linear;
}
@keyframes handDownAnime {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0px);
  }
}
.MANAGER_LIVE_SUB_TITLE {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
.MANAGER_LIVE_SUB_TITLE h3 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  font-weight: 600;
  font-size: 1rem !important;
  color: #cacaca;
  position: relative;
}
.MANAGER_LIVE_CONTAINER {
  width: 100vw;
  min-height: 100vh;
  height: auto;
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin: auto;
  color: #f0f0f0;
  overflow-y: scroll;
  overflow-x: hidden;
  background-image: url("");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background: linear-gradient(90deg, rgba(26, 70, 70, 0.5960784314), rgba(32, 24, 46, 0.5764705882) 100%, rgba(26, 70, 70, 0.5960784314), rgba(32, 24, 46, 0.5764705882) 100%);
}
.MANAGER_LIVE_CONTAINER .full_image {
  display: none;
  margin: auto;
  width: 100%;
  height: 800px;
  background: linear-gradient(#2a4172, #2a4172, #2a4172, #2a4172);
  z-index: 1;
}
.MANAGER_LIVE_CONTAINER .full_image .close_Full_Image_gallery {
  position: absolute;
  width: 100%;
  left: 90%;
  top: 5%;
  z-index: 10;
}
.MANAGER_LIVE_CONTAINER .full_image .close_Full_Image_gallery .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  color: red;
  z-index: 10;
  cursor: pointer;
  place-items: center;
  transition: all 0.3s ease-in-out;
}
.MANAGER_LIVE_CONTAINER .full_image .close_Full_Image_gallery .icon:hover {
  filter: drop-shadow(0px 4px 5px rgba(255, 156, 117, 0.6));
  scale: 1.2;
  transition: all 0.3s ease-in-out;
}
.MANAGER_LIVE_CONTAINER .full_image img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  height: auto;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.5));
  border-radius: 5px;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 1;
}
@media (max-width: 600px) {
  .MANAGER_LIVE_CONTAINER .full_image img {
    width: 70%;
    height: 150px;
  }
}
.MANAGER_LIVE_CONTAINER .menu_navbar_box {
  width: 80px;
  height: 100%;
  background-color: #2a4172;
  position: fixed;
  top: 0%;
  right: 0%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  filter: drop-shadow(0px 4px 5px rgba(238, 238, 238, 0.308));
}
.MANAGER_LIVE_CONTAINER .menu_navbar_box .up_btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0.1;
  font-size: 2.5rem;
  font-weight: bold;
  background-color: rgb(255, 255, 255);
  color: rgb(90, 90, 90);
  cursor: pointer;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 650px) {
  .MANAGER_LIVE_CONTAINER .menu_navbar_box .up_btn .icon {
    transform: rotate(-90deg);
    font-size: 1.5rem;
  }
}
.MANAGER_LIVE_CONTAINER .menu_navbar_box .up_btn:hover {
  background: linear-gradient(120deg, tomato 40%, tomato 60%);
  color: #ffffff;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 650px) {
  .MANAGER_LIVE_CONTAINER .menu_navbar_box .up_btn {
    height: 100%;
    flex: 0.1;
    display: flex;
    border-radius: 0px;
    border-top-left-radius: 0rem;
    border-bottom-left-radius: 0rem;
    flex-direction: row !important;
  }
}
.MANAGER_LIVE_CONTAINER .menu_navbar_box .hideUpArrow {
  opacity: 1;
  cursor: not-allowed;
}
.MANAGER_LIVE_CONTAINER .menu_navbar_box .all_menus {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  gap: 1rem;
  flex: 0.8;
  padding: 0.5rem;
  width: 100%;
  overflow-y: scroll;
}
.MANAGER_LIVE_CONTAINER .menu_navbar_box .all_menus .menu {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 100%;
  cursor: pointer;
  padding: 5px 10px;
  border-radius: 10px;
  transition: 1ll 0.5s ease-in-out;
}
.MANAGER_LIVE_CONTAINER .menu_navbar_box .all_menus .menu .icon {
  font-size: 1.4rem;
}
@media screen and (max-width: 650px) {
  .MANAGER_LIVE_CONTAINER .menu_navbar_box .all_menus .menu .icon {
    font-size: 1rem;
  }
}
.MANAGER_LIVE_CONTAINER .menu_navbar_box .all_menus .menu p {
  font-size: 0.7rem;
  font-weight: 500;
}
@media screen and (max-width: 650px) {
  .MANAGER_LIVE_CONTAINER .menu_navbar_box .all_menus .menu p {
    font-size: 0.6rem;
  }
}
.MANAGER_LIVE_CONTAINER .menu_navbar_box .all_menus .menu:hover {
  color: #ffffff;
  background-color: #FFA500;
  transition: 1ll 0.5s ease-in-out;
}
.MANAGER_LIVE_CONTAINER .menu_navbar_box .all_menus .menuActive {
  color: #f0f0f0;
  background-color: #FFA500;
}
.MANAGER_LIVE_CONTAINER .menu_navbar_box .all_menus::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 650px) {
  .MANAGER_LIVE_CONTAINER .menu_navbar_box .all_menus {
    height: 100%;
    width: 100%;
    flex: 0.8;
    display: flex;
    flex-direction: row !important;
  }
}
.MANAGER_LIVE_CONTAINER .menu_navbar_box .down_btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0.1;
  font-size: 2.5rem;
  font-weight: bold;
  background-color: rgb(255, 255, 255);
  color: rgb(90, 90, 90);
  cursor: pointer;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 650px) {
  .MANAGER_LIVE_CONTAINER .menu_navbar_box .down_btn .down {
    transform: rotate(-90deg);
    font-size: 1.5rem;
  }
}
.MANAGER_LIVE_CONTAINER .menu_navbar_box .down_btn:hover {
  background: linear-gradient(120deg, tomato 40%, tomato 60%);
  color: #ffffff;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 650px) {
  .MANAGER_LIVE_CONTAINER .menu_navbar_box .down_btn {
    height: 100%;
    flex: 0.1;
    display: flex;
    border-radius: 0px;
    border-top-right-radius: 0rem;
    border-bottom-right-radius: 0rem;
    flex-direction: row !important;
  }
}
.MANAGER_LIVE_CONTAINER .menu_navbar_box .hideDownArrow {
  opacity: 1;
  cursor: not-allowed;
}
@media screen and (max-width: 1000px) {
  .MANAGER_LIVE_CONTAINER .menu_navbar_box {
    position: fixed;
    top: 15%;
    right: 5%;
  }
}
@media screen and (max-width: 700px) {
  .MANAGER_LIVE_CONTAINER .menu_navbar_box {
    position: fixed;
    top: 15%;
    right: 1%;
  }
}
@media screen and (max-width: 650px) {
  .MANAGER_LIVE_CONTAINER .menu_navbar_box {
    position: fixed;
    top: 96.5%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 100;
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 50px;
    align-items: center;
    justify-content: space-between;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
  }
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD {
  width: 450px;
  max-width: 450px;
  margin-top: 0.5rem;
  height: auto;
  overflow-x: hidden;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
  background: linear-gradient(160deg, #2a4172, #2a4172 50%, #2a4172, #2a4172 50%);
  filter: drop-shadow(0px 4px 5px rgba(176, 115, 216, 0.5764705882));
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Manager_Image_row_1 {
  width: 100%;
  max-height: 300px;
  height: 300px;
  position: relative;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Manager_Image_row_1 .slide_svg {
  position: absolute;
  width: 100%;
  bottom: -6px;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Manager_Image_row_1 .slide_svg svg {
  transform: rotate(0deg);
  height: 150px;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Manager_Image_row_1 .slide_svg .overlay {
  position: relative;
  top: -3px;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(rgba(205, 98, 226, 0) 0%, #2a4172, #2a4172 100%);
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Manager_Image_row_1 .banner_image {
  width: 100%;
  max-height: 300px;
  height: 300px;
  overflow: hidden;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  position: relative;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Manager_Image_row_1 .banner_image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover; /* Ensures image covers the area */
  -o-object-position: top;
     object-position: top; /* Ensures head portion is not cropped */
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Manager_Image_row_1 .banner_image .overlay {
  position: absolute;
  bottom: -50px;
  left: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(rgba(133, 133, 133, 0) 0%, #2a4172, #2a4172 100%);
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Manager_Image_row_1 .user_logo {
  position: absolute;
  bottom: -5%;
  left: 1%;
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: flex-start;
  gap: 5px;
  margin: 0.5rem auto;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Manager_Image_row_1 .user_logo .logo {
  display: flex;
  flex: 0.3;
  align-items: center;
  justify-content: center;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Manager_Image_row_1 .user_logo .logo img {
  z-index: 2;
  width: 100px;
  height: 100px;
  border-radius: 0.3rem;
  -o-object-fit: cover;
     object-fit: cover; /* Ensures image covers the area */
  -o-object-position: top;
     object-position: top; /* Ensures head portion is not cropped */
  border: 2px solid #ffff7a;
  filter: drop-shadow(0px 4px 5px rgba(255, 210, 9, 0.4));
}
@keyframes profileBorder {
  0% {
    border: 3px solid #ffffff;
    transform: translateY(0px);
  }
  25% {
    border: 3px solid #ffffff;
    transform: translateY(-5px);
  }
  50% {
    border: 3px solid #ffffff;
    transform: translateY(-10px);
  }
  75% {
    border: 3px solid rgb(255, 255, 255);
    transform: translateY(-5px);
  }
  100% {
    border: 3px solid #ffffff;
    transform: translateY(0px);
  }
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Manager_Image_row_1 .user_logo .basic_row_2 {
  padding: 1rem;
  flex: 0.7;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Manager_Image_row_1 .user_logo .basic_row_2 .user_details {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Manager_Image_row_1 .user_logo .basic_row_2 .user_details .user_data {
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex: 1;
  gap: 15px;
  width: 100%;
  height: 100%;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Manager_Image_row_1 .user_logo .basic_row_2 .user_details .user_data .user_information {
  display: flex;
  flex: 0.5;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 5px;
  position: relative;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Manager_Image_row_1 .user_logo .basic_row_2 .user_details .user_data .user_information h2 {
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 1px;
  color: #f0f0f0;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Manager_Image_row_1 .user_logo .basic_row_2 .user_details .user_data .user_information p {
  font-size: 0.9rem;
  font-weight: 500;
  color: #ffff7a;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0rem;
  position: relative;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Manager_Image_row_1 .user_logo .basic_row_2 .user_details .user_data .user_information p img {
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media screen and (max-width: 600px) {
  .MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Manager_Image_row_1 .user_logo .basic_row_2 .user_details .user_data .user_information p img {
    width: 25px;
    height: 25px;
  }
  .MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Manager_Image_row_1 .user_logo .basic_row_2 .user_details .user_data {
    align-items: flex-start;
  }
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Manager_Image_row_1 .user_logo .svg_image {
  position: absolute;
  z-index: 1;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Manager_Image_row_1 .user_logo .svg_image img {
  width: 200px;
  height: 200px;
  border: none;
  filter: drop-shadow(0px 4px 5px rgba(255, 255, 255, 0.631372549));
  animation: profileSVGAnime 5s infinite linear;
}
@keyframes profileSVGAnime {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(90deg);
  }
  50% {
    transform: rotate(180deg);
  }
  75% {
    transform: rotate(270deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .contacts_btns {
  padding: 2rem 1rem;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  width: 100%;
  flex-wrap: wrap;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .contacts_btns a {
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 0.4rem 1rem;
  background-color: #ffffff;
  color: #3d3d3d;
  border-radius: 1rem;
  transition: all 0.4s linear;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .contacts_btns a .icon {
  font-size: 1rem;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .contacts_btns a small {
  font-size: 0.7rem;
  font-weight: 500;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .contacts_btns a:hover {
  background-color: #686868;
  color: #f0f0f0;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
  scale: 1.05;
  transition: all 0.4s linear;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .contact_row_3 {
  padding: 0rem 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .contact_row_3 a {
  text-decoration: none;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 15px;
  color: #f0f0f0;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .contact_row_3 a .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  padding: 5px;
  border-radius: 1rem;
  background-color: #FFA500;
  filter: drop-shadow(0px 3px 3px #FFA500);
  color: #f0f0f0;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .contact_row_3 a .contact_data {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 2px;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .contact_row_3 a .contact_data small {
  font-size: 0.7rem;
  font-weight: 600;
  color: #f0f0f0;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .contact_row_3 a .contact_data p {
  font-size: 0.9rem;
  font-weight: 500;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .contact_row_3 .add_to_contact {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.3rem auto;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .contact_row_3 .add_to_contact button {
  padding: 7px 2rem;
  color: #f0f0f0;
  background-color: #FFA500;
  font-weight: 550;
  font-size: 0.8rem;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  transition: all 0.4s ease-in-out;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .contact_row_3 .add_to_contact button:hover {
  background-color: #FFA500;
  color: #ffffff;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
  transition: all 0.4s ease-in-out;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .about_row_4 {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .about_row_4 .about_details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-items: flex-start;
  gap: 15px;
  width: 100%;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .about_row_4 .about_details .detail {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  width: 100%;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .about_row_4 .about_details .detail .detail_title {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 1rem;
  font-weight: 550;
  flex: 0.4;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .about_row_4 .about_details .detail .detail_title h5 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 0.8rem;
  font-weight: 600;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .about_row_4 .about_details .detail .detail_message {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 5px;
  font-weight: 550;
  flex: 0.6;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .about_row_4 .about_details .detail .detail_message strong {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 0.8rem;
  font-weight: 500;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .about_row_4 .about_details .detail .detail_message p {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 0.8rem;
  font-weight: 500;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row !important;
  gap: 1.3rem;
  width: 100%;
  margin-left: 5px;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a {
  text-decoration: none;
  color: #f0f0f0;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: all 0.3s ease-in-out;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a i {
  z-index: 2;
  font-size: 1rem;
  font-weight: 500;
  color: #ffffff;
  transition: all 0.3s ease-in-out;
  position: relative;
  padding: 5px;
  border-radius: 1rem;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a:nth-child(1) i {
  background-color: #5365ff;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a:nth-child(2) i {
  background-color: #ff53c6;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a:nth-child(3) i {
  background-color: #28d67f;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a:nth-child(4) i {
  background-color: rgb(37, 190, 250);
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a:nth-child(5) i {
  background-color: rgb(250, 97, 37);
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg1 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg1 #sw-js-blob-svg {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg1 #sw-js-blob-svg #stop1 {
  stop-color: #5365ff;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg1 #sw-js-blob-svg #stop2 {
  stop-color: #5365ff;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg2 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg2 #sw-js-blob-svg {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg2 #sw-js-blob-svg #stop3 {
  stop-color: #ff004d;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg2 #sw-js-blob-svg #stop4 {
  stop-color: #f500da;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg3 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg3 #sw-js-blob-svg {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg3 #sw-js-blob-svg #stop5 {
  stop-color: #10b856;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg3 #sw-js-blob-svg #stop6 {
  stop-color: #10b856;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg6 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg6 #sw-js-blob-svg6 {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg6 #sw-js-blob-svg6 #stop11 {
  stop-color: #4da6e9;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg6 #sw-js-blob-svg6 #stop12 {
  stop-color: #4da6e9;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg4 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg4 #sw-js-blob-svg {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg4 #sw-js-blob-svg #stop7 {
  stop-color: #ff777b;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg4 #sw-js-blob-svg #stop8 {
  stop-color: #ff656a;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg5 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg5 #sw-js-blob-svg5 {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg5 #sw-js-blob-svg5 #stop9 {
  stop-color: #a5a5a5;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg5 #sw-js-blob-svg5 #stop10 {
  stop-color: #999999;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a small {
  display: none;
  position: absolute;
  transition: all 0.4s ease-in-out;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a:hover {
  scale: 1.1;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
  transition: all 0.3s ease-in-out;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a:hover .social_media_svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a:hover .social_media_svg img {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60px;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .icon {
  font-size: 1.2rem;
  cursor: pointer;
  color: rgb(104, 104, 104);
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .about_row_4 .specialities {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .about_row_4 .specialities ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  margin: auto;
  width: 90%;
  font-size: 1.3rem;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .about_row_4 .specialities ul li {
  font-size: 0.9rem;
  font-weight: 500;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .our_services {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .our_services .All_Services {
  width: 100%;
  height: auto;
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .our_services .All_Services .Service {
  width: 100%;
  padding: 1rem;
  background-color: #f2ffeb;
  border-radius: 3px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  color: rgb(63, 63, 63);
  gap: 10px;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .our_services .All_Services .Service .service_title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .our_services .All_Services .Service .service_title h5 {
  font-size: 1.1rem;
  font-weight: 550;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .our_services .All_Services .Service .service_description {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  font-size: 0.9rem;
  font-weight: 500;
  color: rgb(63, 63, 63);
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .our_services .All_Services .Service .service_link {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .our_services .All_Services .Service .service_link a {
  text-decoration: none;
  color: royalblue;
  font-size: 0.9rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .our_services .All_Services .Service .service_link a:hover {
  text-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .our_services .All_Services .Service .service_image {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .our_services .All_Services .Service .service_image img {
  width: 100%;
  height: 250px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .our_services .All_Services .Service .service_action {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .our_services .All_Services .Service .service_action .service_price {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .our_services .All_Services .Service .service_action .service_price h5 {
  font-size: 1.1rem;
  font-weight: 600;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .our_services .All_Services .Service .service_action .service_price p {
  font-size: 1rem;
  font-weight: 550;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .our_services .All_Services .Service .service_action .service_enquiry {
  display: flex;
  align-items: center;
  justify-content: center;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .our_services .All_Services .Service .service_action .service_enquiry a {
  text-decoration: none;
  color: #f0f0f0;
  background-color: #FFA500;
  padding: 0.5rem 1rem;
  border: 2px solid rgb(63, 63, 63);
  font-size: 0.9rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .our_services .All_Services .Service .service_action .service_enquiry a:hover {
  background: linear-gradient(#2a4172, #2a4172, #2a4172, #2a4172);
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .our_products {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .our_products .All_Products {
  width: 100%;
  height: auto;
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .our_products .All_Products .Product {
  width: 100%;
  padding: 1rem;
  background-color: rgba(255, 245, 154, 0.9607843137);
  border-radius: 3px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  color: rgb(78, 78, 78);
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .our_products .All_Products .Product .product_title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .our_products .All_Products .Product .product_title h5 {
  font-size: 1.1rem;
  font-weight: 550;
  color: #181818;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .our_products .All_Products .Product .product_description {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  font-size: 0.9rem;
  font-weight: 500;
  color: rgb(78, 78, 78);
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .our_products .All_Products .Product .product_link {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .our_products .All_Products .Product .product_link a {
  text-decoration: none;
  color: royalblue;
  font-size: 0.9rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .our_products .All_Products .Product .product_link a:hover {
  text-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .our_products .All_Products .Product .product_image {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .our_products .All_Products .Product .product_image img {
  width: 100%;
  height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .our_products .All_Products .Product .product_action {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .our_products .All_Products .Product .product_action .product_price {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .our_products .All_Products .Product .product_action .product_price h5 {
  font-size: 1.1rem;
  font-weight: 600;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .our_products .All_Products .Product .product_action .product_price p {
  font-size: 1rem;
  font-weight: 550;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .our_products .All_Products .Product .product_action .product_enquiry {
  display: flex;
  align-items: center;
  justify-content: center;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .our_products .All_Products .Product .product_action .product_enquiry a {
  text-decoration: none;
  color: #f0f0f0;
  background-color: #2a4172;
  padding: 0.5rem 1rem;
  border: 2px solid rgb(78, 78, 78);
  font-size: 0.9rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .our_products .All_Products .Product .product_action .product_enquiry a:hover {
  background-color: #686868;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Payment {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Payment .payment_details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-items: flex-start;
  gap: 10px;
  width: 100%;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Payment .payment_details .detail {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  width: 100%;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Payment .payment_details .detail .detail_title {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 1rem;
  font-weight: 550;
  flex: 0.4;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Payment .payment_details .detail .detail_title h5 {
  font-size: 0.8rem;
  font-weight: 600;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Payment .payment_details .detail .detail_message {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 5px;
  font-weight: 550;
  flex: 0.6;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Payment .payment_details .detail .detail_message p {
  font-size: 0.8rem;
  font-weight: 500;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Payment .payment_details .detail .detail_message .icon {
  font-size: 1.2rem;
  cursor: pointer;
  color: #FFA500;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Payment .payment_details .detail .detail_message .icon:hover {
  color: #f0f0f0;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Payment .sub_title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Payment .sub_title h4 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  font-weight: 550;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-size: 1.05rem !important;
  color: #cacaca;
  position: relative;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Payment .account_details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-items: flex-start;
  gap: 10px;
  width: 100%;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Payment .account_details .detail {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  width: 100%;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Payment .account_details .detail .detail_title {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 1rem;
  font-weight: 550;
  flex: 0.4;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Payment .account_details .detail .detail_title h5 {
  font-size: 0.8rem;
  font-weight: 600;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Payment .account_details .detail .detail_message {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 5px;
  font-weight: 550;
  flex: 0.6;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Payment .account_details .detail .detail_message p {
  font-size: 0.8rem;
  font-weight: 500;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Payment .account_details .detail .detail_message .icon {
  font-size: 1.2rem;
  cursor: pointer;
  color: #FFA500;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Payment .account_details .detail .detail_message .icon:hover {
  color: #f0f0f0;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Payment .qr_code_upi_name {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Payment .qr_code_upi_name h4 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  font-weight: 550;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-size: 0.9rem !important;
  color: #cacaca;
  position: relative;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Payment .qr_image_box {
  width: 70%;
  height: 300px;
  background-color: #effdff;
  color: #3d3d3d;
  padding: 1rem;
  border-radius: 10px;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4));
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Payment .qr_image_box .user_name {
  display: flex;
  align-items: center;
  justify-content: center;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Payment .qr_image_box .user_name h4 {
  font-size: 1rem;
  font-weight: 550;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Payment .qr_image_box .qr_image {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Payment .qr_image_box .qr_image img {
  width: 80%;
  height: 90%;
  -o-object-fit: cover;
     object-fit: cover;
  margin: auto;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .gallery {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .gallery .all_gallerys {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0.5rem;
  place-items: center;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .gallery .all_gallerys .gallery_image {
  width: 100%;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .gallery .all_gallerys .gallery_image img {
  cursor: pointer;
  width: 100%;
  height: 150px;
  border-radius: 10px;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .gallery .all_gallerys .gallery_image img:hover {
  opacity: 0.7;
  transition: all 0.3s ease;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .video {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .video .videos_container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
  margin: auto;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .video .videos_container .video_image {
  width: 100%;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .video .videos_container .video_image iframe {
  width: 100%;
  height: 200px;
  filter: drop-shadow(0px 4px 5px rgba(6, 255, 201, 0.336));
  border-radius: 0.5rem;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .row_5 {
  width: 100%;
  padding: 1rem;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .row_5 .time_list_container {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  place-items: center;
  gap: 1rem 1rem;
  margin: 1rem auto;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .row_5 .time_list_container .time_list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 5px 1rem 5px 1rem;
  background-color: #ffffff;
  color: #3d3d3d;
  width: 100%;
  border-radius: 0.5rem;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .row_5 .time_list_container .time_list .day {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .row_5 .time_list_container .time_list .day span {
  font-size: 0.7rem;
  font-weight: 550;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .row_5 .time_list_container .time_list .day span::after {
  content: "";
  display: block;
  height: 1px;
  background-color: gray;
  width: 100%;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .row_5 .time_list_container .time_list .time {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 15px;
  margin-top: 10px;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .row_5 .time_list_container .time_list .time .start h6 {
  font-size: 0.6rem;
  font-weight: 600;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .row_5 .time_list_container .time_list .time .start span {
  font-size: 0.6rem;
  font-weight: 550;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .row_5 .time_list_container .time_list .time .end h6 {
  font-size: 0.6rem;
  font-weight: 500;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .row_5 .time_list_container .time_list .time .end span {
  font-size: 0.6rem;
  font-weight: 550;
}
@media screen and (max-width: 700px) {
  .MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .row_5 .time_list_container {
    grid-template-columns: 1fr 1fr;
  }
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Appoinment {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Appoinment .popup_message_container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Appoinment .popup_message_container .popup_success_box {
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
  border-radius: 5px;
  padding: 0.6rem 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  position: relative;
  transition: all 0.5s ease-in-out;
  z-index: -1;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Appoinment .popup_message_container .popup_success_box .popup_close {
  display: flex;
  align-items: center;
  justify-content: center;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Appoinment .popup_message_container .popup_success_box .popup_close .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Appoinment .popup_message_container .popup_success_box .popup_close i {
  font-size: 1.4rem;
  font-weight: 600;
  color: rgb(255, 79, 79);
  cursor: pointer;
  transition: all 0.5s ease;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Appoinment .popup_message_container .popup_success_box .popup_close i:hover {
  transform: rotate(90deg);
  transition: all 0.5s ease;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Appoinment .popup_message_container .popup_success_box .popup_message {
  font-size: 0.9rem;
  color: #525252;
  font-weight: 550;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Appoinment .popup_message_container #successOpen {
  scale: 1;
  opacity: 1;
  transition: all 0.5s ease-in-out;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Appoinment .popup_message_container #successClose {
  scale: 0;
  opacity: 0;
  transition: all 0.5s ease-in-out;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Appoinment .popup_message_container .popup_error_box {
  display: inline-block;
  height: 40px;
  background-color: rgb(255, 177, 141) !important;
  border-radius: 5px;
  padding: 0px 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3rem;
  position: relative;
  z-index: -1;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Appoinment .popup_message_container .popup_error_box .popup_close i {
  font-size: 1.4rem;
  color: rgb(255, 255, 255);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.5s ease;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Appoinment .popup_message_container .popup_error_box .popup_close i:hover {
  transform: rotate(90deg);
  transition: all 0.5s ease;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Appoinment .popup_message_container .popup_error_box .popup_message {
  font-size: 0.9rem;
  color: #494949;
  font-weight: 550;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Appoinment .appinment_form_container {
  width: 100%;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Appoinment .appinment_form_container form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0rem 1rem;
  width: 100%;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Appoinment .appinment_form_container form .form_group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  position: relative;
  gap: 5px;
  padding: 0.5rem 0px;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Appoinment .appinment_form_container form .form_group label {
  font-size: 0.7rem;
  font-weight: 500;
  letter-spacing: 1px;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Appoinment .appinment_form_container form .form_group .labelError {
  color: tomato;
  font-family: 500;
  font-size: 0.6rem;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Appoinment .appinment_form_container form .form_group .input_error {
  border: 1px solid tomato !important;
  border-radius: 5px;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Appoinment .appinment_form_container form .form_group .error {
  position: absolute;
  top: 12%;
  right: 0%;
  color: tomato;
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Appoinment .appinment_form_container form .form_group .desc_error {
  position: absolute;
  top: 0%;
  right: 0%;
  color: tomato;
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Appoinment .appinment_form_container form .form_group input[type=date],
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Appoinment .appinment_form_container form .form_group input[type=text],
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Appoinment .appinment_form_container form .form_group input[type=tel] {
  width: 100%;
  outline: none;
  padding: 10px 1rem;
  border-radius: 0.2rem;
  background-color: transparent;
  border: 1px solid #f0f0f0;
  color: #f0f0f0;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Appoinment .appinment_form_container form .form_group input[type=date]::-moz-placeholder, .MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Appoinment .appinment_form_container form .form_group input[type=text]::-moz-placeholder, .MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Appoinment .appinment_form_container form .form_group input[type=tel]::-moz-placeholder {
  color: #f0f0f0;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Appoinment .appinment_form_container form .form_group input[type=date]::placeholder,
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Appoinment .appinment_form_container form .form_group input[type=text]::placeholder,
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Appoinment .appinment_form_container form .form_group input[type=tel]::placeholder {
  color: #f0f0f0;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Appoinment .appinment_form_container form .form_group select {
  width: 100%;
  outline: none;
  padding: 8px 1rem;
  background-color: transparent;
  border: 1px solid #f0f0f0;
  color: #f0f0f0;
  font-weight: 500;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Appoinment .appinment_form_container form .form_group select option {
  color: #3d3d3d;
  width: 100%;
  font-size: 0.8rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Appoinment .appinment_form_container form .form_submit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  width: 100%;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Appoinment .appinment_form_container form .form_submit button {
  display: flex;
  align-self: center;
  justify-content: center;
  gap: 0.5rem;
  outline: none;
  padding: 6px 1rem;
  background-color: #FFA500;
  color: #fff;
  font-size: 0.8rem;
  border-radius: 0.3rem;
  font-weight: 500;
  transition: all 0.4s ease-in;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Appoinment .appinment_form_container form .form_submit button span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.9rem;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Appoinment .appinment_form_container form .form_submit button .inquiryloader {
  width: 18px;
  height: 18px;
  border: 2px solid #fff;
  border-bottom-color: transparent;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Appoinment .appinment_form_container form .form_submit button:hover {
  background-color: #7e7e7e;
  filter: drop-shadow(0px 4px 5px rgba(109, 109, 109, 0.4));
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Appoinment .appinment_form_container form .form_submit button:nth-child(2) {
  background-color: royalblue;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Appoinment .appinment_form_container form .form_submit button:nth-child(2):hover {
  background-color: rgb(248, 137, 118);
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Tesimonial {
  width: 100%;
  padding: 1rem;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Tesimonial .testimonial_container {
  margin: 1rem auto;
  width: 100%;
  height: 180px;
  max-height: 180px;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Tesimonial .testimonial_container .testimonial_list {
  margin: 1rem 1rem;
  width: 90%;
  height: 180px;
  background: linear-gradient(360deg, #ffffff 100%, #ffffff);
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  border-radius: 0.5rem;
  padding: 0.5rem 1rem;
  position: relative;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Tesimonial .testimonial_container .testimonial_list .client_feedback {
  width: 100%;
  height: 60%;
  max-height: 60%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  overflow-y: scroll;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Tesimonial .testimonial_container .testimonial_list .client_feedback small {
  text-align: start;
  color: #3d3d3d;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Tesimonial .testimonial_container .testimonial_list .client_feedback::-webkit-scrollbar {
  display: none;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Tesimonial .testimonial_container .testimonial_list .client_detail {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: flex-end;
  gap: 10px;
  margin-top: 0.5rem;
  height: 40%;
  max-height: 40%;
  overflow-y: scroll;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Tesimonial .testimonial_container .testimonial_list .client_detail img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Tesimonial .testimonial_container .testimonial_list .client_detail .client_name {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Tesimonial .testimonial_container .testimonial_list .client_detail .client_name h4 {
  font-size: 0.8rem;
  color: #353535;
  font-weight: 550;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Tesimonial .testimonial_container .testimonial_list .client_detail .client_name small {
  font-size: 0.7rem;
  color: rgb(68, 143, 255);
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Tesimonial .testimonial_container .testimonial_list .client_detail::-webkit-scrollbar {
  display: none;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Tesimonial .testimonial_container .testimonial_list::-webkit-scrollbar {
  display: none;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .google_map_container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .google_map_container .google_map {
  width: 100%;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .google_map_container .google_map iframe {
  width: 100% !important;
  height: 250px !important;
  border: none !important;
  margin: 1rem auto;
  border-radius: 0.5rem;
  filter: drop-shadow(0px 4px 5px rgba(56, 56, 56, 0.527));
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row {
  width: 100%;
  padding: 0rem 1rem;
  display: flex;
  flex-direction: column;
  gap: 0rem;
  align-items: center;
  justify-content: center;
  position: relative;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .popup_message_container {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -40%);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .popup_message_container .popup_success_box {
  display: inline-block;
  width: auto;
  background-color: rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
  padding: 0.8rem 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  position: relative;
  font-size: 0.7rem;
  font-weight: 500;
  transition: all 0.5s ease-in-out;
  z-index: 10;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .popup_message_container .popup_success_box .popup_close i {
  font-size: 1.4rem;
  font-weight: 600;
  color: rgb(255, 101, 101);
  cursor: pointer;
  transition: all 0.5s ease;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .popup_message_container .popup_success_box .popup_close i:hover {
  transform: rotate(90deg);
  transition: all 0.5s ease;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .popup_message_container .popup_success_box .popup_close .icon {
  font-size: 1.2rem;
  color: #2cc478;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .popup_message_container .popup_success_box .popup_message {
  font-size: 0.9rem;
  color: rgb(48, 48, 48);
  font-weight: 500;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .popup_message_container #successOpen {
  scale: 1;
  opacity: 1;
  transition: all 0.5s ease-in-out;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .popup_message_container #successClose {
  scale: 0;
  opacity: 0;
  transition: all 0.5s ease-in-out;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .popup_message_container .popup_error_box {
  display: inline-block;
  height: 40px;
  background-color: rgb(255, 177, 141) !important;
  border-radius: 5px;
  padding: 0px 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3rem;
  position: relative;
  z-index: -1;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .popup_message_container .popup_error_box .popup_close i {
  font-size: 1.4rem;
  color: rgb(255, 255, 255);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.5s ease;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .popup_message_container .popup_error_box .popup_close i:hover {
  transform: rotate(90deg);
  transition: all 0.5s ease;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .popup_message_container .popup_error_box .popup_message {
  font-size: 0.9rem;
  color: #2cc478;
  font-weight: 550;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .Feedback_container_message {
  width: 100%;
  height: auto;
  margin: 0rem auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  margin: 1rem 1rem 0rem 1rem;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .Feedback_container_message .feeback_title {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: space-between;
  gap: 10px;
  z-index: 800;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .Feedback_container_message .feeback_title button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 0.7rem;
  color: #f0f0f0;
  background: transparent;
  cursor: pointer;
  outline: none;
  border: transparent;
  font-weight: 600;
  position: relative;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .Feedback_container_message .feeback_title button i {
  font-size: 1.4rem;
  color: #f0f0f0;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .Feedback_container_message .feeback_title button .count {
  position: absolute;
  right: -7%;
  top: -8%;
  font-size: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  color: #f0f0f0;
  border-radius: 50%;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .Feedback_container_message .feeback_title .feedBack_loader {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: block;
  margin: 15px auto;
  position: relative;
  color: #253bff;
  left: -100px;
  box-sizing: border-box;
  animation: shadowRolling 2s linear infinite;
}
@keyframes shadowRolling {
  0% {
    box-shadow: 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
  }
  12% {
    box-shadow: 100px 0 rgb(76, 247, 176), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
  }
  25% {
    box-shadow: 110px 0 rgb(107, 98, 233), 100px 0 rgb(75, 45, 243), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
  }
  36% {
    box-shadow: 120px 0 rgb(94, 236, 255), 110px 0 rgb(226, 253, 72), 100px 0 rgb(219, 99, 119), 0px 0 rgba(255, 255, 255, 0);
  }
  50% {
    box-shadow: 130px 0 rgb(240, 135, 49), 120px 0 rgb(56, 163, 74), 110px 0 rgb(99, 95, 95), 100px 0 rgb(135, 111, 221);
  }
  62% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 130px 0 white, 120px 0 white, 110px 0 white;
  }
  75% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 130px 0 white, 120px 0 white;
  }
  87% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 130px 0 white;
  }
  100% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0);
  }
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box {
  width: 100%;
  max-height: 300px;
  height: auto;
  overflow: scroll;
  margin: 1rem auto;
  background: transparent;
  border-radius: 5px;
  position: relative;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .comment_box_title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  background-color: royalblue;
  color: #fff;
  font-weight: 400;
  display: none;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message {
  width: 100%;
  padding: 10px;
  border-bottom: 1px solid rgb(216, 216, 216);
  position: relative;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 5px;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .userName p {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 1.1rem;
  color: #f0f0f0;
  letter-spacing: 1px;
  font-weight: 550;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .userName p i {
  color: #5e5e5e;
  font-size: 1.4rem;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .userName p::first-letter {
  text-transform: uppercase !important;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars .ratting_container1 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars .ratting_container1 span i {
  font-size: 1.2rem;
  cursor: pointer;
  color: lightgray;
  transition: all 0.4s ease-in-out;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars .ratting_container1 span .highlight1 {
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
  color: gold;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #noRatting span:nth-child(1) i,
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #noRatting span:nth-child(2) i,
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #noRatting span:nth-child(3) i,
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #noRatting span:nth-child(4) i,
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #noRatting span:nth-child(5) i {
  text-decoration: line-through;
  text-decoration-color: #ff2525;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #singleRatting span:nth-child(1) i {
  color: #f7c52a;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #doubleRatting span:nth-child(1) i,
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #doubleRatting span:nth-child(2) i {
  color: #f7c52a;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #ThreeRatting span:nth-child(1) i,
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #ThreeRatting span:nth-child(2) i,
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #ThreeRatting span:nth-child(3) i {
  color: #f7c52a;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fourRatting span:nth-child(1) i,
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fourRatting span:nth-child(2) i,
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fourRatting span:nth-child(3) i,
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fourRatting span:nth-child(4) i {
  color: #f7c52a;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fullRatting span:nth-child(1) i,
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fullRatting span:nth-child(2) i,
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fullRatting span:nth-child(3) i,
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fullRatting span:nth-child(4) i,
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fullRatting span:nth-child(5) i {
  color: #f7c52a;
  filter: drop-shadow(0px 4px 5px rgba(165, 165, 165, 0.4));
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .comments {
  margin: 10px auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  width: 100%;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .comments i {
  color: #ffff7a;
  font-size: 1.4rem;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .comments span {
  font-size: 0.9rem;
  color: #f0f0f0;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .date {
  position: absolute;
  right: 2%;
  top: 15%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 0.9rem;
  color: #ffff7a;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .date i {
  color: #f0f0f0;
  font-size: 1.1rem;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box::-webkit-scrollbar {
  display: none;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .feedback_container {
  width: 100%;
  position: relative;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .feedback_container form {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin: auto;
  padding: 0px 0.5rem 0rem 0.5rem;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .feedback_container form .feedback_svg {
  position: absolute;
  top: -4%;
  right: 0%;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .feedback_container form .feedback_svg img {
  width: 100px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media (max-width: 600px) {
  .MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .feedback_container form .feedback_svg img {
    width: 90px;
  }
  .MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .feedback_container form .feedback_svg {
    top: 0%;
  }
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .feedback_container form .form_group {
  margin: 10px auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  width: 95%;
  position: relative;
  margin: 0.2rem 0.2rem;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .feedback_container form .form_group .error {
  font-size: 0.6rem;
  color: tomato !important;
  -webkit-text-fill-color: tomato;
  letter-spacing: 1px;
  display: flex;
  align-items: center;
  font-weight: 550;
  justify-content: flex-start;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .feedback_container form .form_group label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  left: 5%;
  color: #f0f0f0;
  -webkit-text-fill-color: #f0f0f0;
  font-size: 0.7rem;
  font-weight: 550;
  border-radius: 4px;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .feedback_container form .form_group label span {
  font-size: 1rem;
  color: tomato !important;
  -webkit-text-fill-color: tomato;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .feedback_container form .form_group label span sup {
  color: tomato !important;
}
@media screen and (max-width: 800px) {
  .MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .feedback_container form .form_group label {
    left: 5%;
  }
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .feedback_container form .form_group input,
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .feedback_container form .form_group .ratting_container {
  width: 100%;
  padding: 0.7rem 1rem;
  background-color: transparent;
  border: 1px solid #ffffff;
  color: #f0f0f0;
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border-radius: 0.3rem;
  outline: none;
  caret-color: #f0f0f0;
  transition: all 0.3s ease;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .feedback_container form .form_group input::-moz-placeholder, .MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .feedback_container form .form_group .ratting_container::-moz-placeholder {
  font-size: 0.6rem;
  color: #f0f0f0;
  letter-spacing: 1px;
  font-weight: 400;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .feedback_container form .form_group input::placeholder,
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .feedback_container form .form_group .ratting_container::placeholder {
  font-size: 0.6rem;
  color: #f0f0f0;
  letter-spacing: 1px;
  font-weight: 400;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .feedback_container form .form_group input:focus,
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .feedback_container form .form_group .ratting_container:focus {
  border: double 2px transparent;
  border-radius: 0.3rem;
  background-color: transparent;
  border: 1px solid #f0f0f0;
  background-origin: border-box;
  background-clip: padding-box, border-box;
  transition: all 0.3s ease;
}
@media screen and (max-width: 800px) {
  .MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .feedback_container form .form_group input,
  .MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .feedback_container form .form_group .ratting_container {
    padding: 0.8rem 2rem;
    width: 100%;
    background-color: transparent;
  }
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .feedback_container form .form_group .ratting_container {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .feedback_container form .form_group .ratting_container span i {
  font-size: 1.5rem;
  cursor: pointer;
  color: rgb(255, 168, 54);
  transition: all 0.4s ease-in-out;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .feedback_container form .form_group .ratting_container span .highlight {
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
  color: gold;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .feedback_container form .form_group textarea {
  width: 100%;
  padding: 1rem;
  caret-color: #f0f0f0;
  color: #f0f0f0;
  border: double 1px transparent;
  background-color: transparent;
  border: 1px solid #ffffff;
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border-radius: 0.3rem;
  outline: none;
  transition: all 0.3s ease;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .feedback_container form .form_group textarea::-moz-placeholder {
  font-size: 0.6rem;
  color: #f0f0f0;
  letter-spacing: 1px;
  font-weight: 400;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .feedback_container form .form_group textarea::placeholder {
  font-size: 0.6rem;
  color: #f0f0f0;
  letter-spacing: 1px;
  font-weight: 400;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .feedback_container form .form_group textarea:focus {
  border: double 2px transparent;
  border-radius: 0.3rem;
  background-color: transparent;
  border: 1px solid #f0f0f0;
  background-origin: border-box;
  background-clip: padding-box, border-box;
  transition: all 0.3s ease;
}
@media screen and (max-width: 800px) {
  .MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .feedback_container form .form_group textarea {
    padding: 0.8rem 2rem;
    width: 100%;
    background-color: transparent;
  }
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .feedback_container form .form_group .icon {
  position: absolute;
  left: 1%;
  top: 63%;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .feedback_container form .form_group .icon img {
  width: 25px;
  height: 25px;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .feedback_container form .form_group .icon i {
  font-size: 1.4rem;
  color: skyblue;
}
@media screen and (max-width: 800px) {
  .MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .feedback_container form .form_group .icon {
    position: absolute;
    left: 2%;
    top: 25%;
  }
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .feedback_container form .form_group .show_pass {
  position: absolute;
  right: 2%;
  top: 25%;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .feedback_container form .form_group .show_pass i {
  font-size: 1.4rem;
  color: skyblue;
  cursor: pointer;
}
@media screen and (max-width: 800px) {
  .MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .feedback_container form .form_group .show_pass {
    position: absolute;
    right: 2%;
    top: 25%;
  }
}
@media screen and (max-width: 900px) {
  .MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .feedback_container form .form_group {
    margin: 0.8rem auto;
  }
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .feedback_container form .form_actions {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 1rem auto;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .feedback_container form .form_actions button {
  margin-right: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background-color: #FFA500;
  filter: none;
  width: auto;
  padding: 10px 1rem;
  outline: none;
  border: transparent;
  font-weight: 500;
  letter-spacing: 1px;
  font-size: 0.6rem;
  border-radius: 5px;
  cursor: pointer;
  color: #f0f0f0;
  transition: all 0.4s ease-in;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .feedback_container form .form_actions button span {
  font-size: 1.2rem;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .feedback_container form .form_actions button .form_loader,
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .feedback_container form .form_actions button .form_loader:before,
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .feedback_container form .form_actions button .form_loader:after {
  border-radius: 50%;
  width: 1em;
  height: 1em;
  animation-fill-mode: both;
  animation: bblFadInOut 1.8s infinite ease-in-out;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .feedback_container form .form_actions button .form_loader {
  color: #fff;
  font-size: 7px;
  position: relative;
  text-indent: -9999em;
  transform: translateZ(0);
  animation-delay: -0.16s;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .feedback_container form .form_actions button .form_loader:before,
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .feedback_container form .form_actions button .form_loader:after {
  content: "";
  position: absolute;
  top: 0;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .feedback_container form .form_actions button .form_loader:before {
  left: -3.5em;
  animation-delay: -0.32s;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .feedback_container form .form_actions button .form_loader:after {
  left: 3.5em;
}
@keyframes bblFadInOut {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .feedback_row .feedback_container form .form_actions button:hover {
  background-color: #FFA500;
  color: #f0f0f0;
  font-weight: 550;
  transition: all 0.4s ease-in;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Inquries {
  width: 100%;
  padding: 0rem 1rem;
  display: flex;
  flex-direction: column;
  gap: 0rem;
  align-items: center;
  justify-content: center;
  position: relative;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Inquries .popup_message_container {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -40%);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Inquries .popup_message_container .popup_success_box {
  display: inline-block;
  background-color: rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
  border-radius: 5px;
  padding: 0.7rem 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3rem;
  position: relative;
  transition: all 0.5s ease-in-out;
  z-index: 10;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Inquries .popup_message_container .popup_success_box .popup_close {
  display: flex;
  align-items: center;
  justify-content: center;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Inquries .popup_message_container .popup_success_box .popup_close .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Inquries .popup_message_container .popup_success_box .popup_close i {
  font-size: 1.4rem;
  font-weight: 600;
  color: rgb(255, 76, 76);
  cursor: pointer;
  transition: all 0.5s ease;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Inquries .popup_message_container .popup_success_box .popup_close i:hover {
  transform: rotate(90deg);
  transition: all 0.5s ease;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Inquries .popup_message_container .popup_success_box .popup_message {
  font-size: 0.9rem;
  color: #4b4b4b;
  font-weight: 550;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Inquries .popup_message_container #successOpen {
  scale: 1;
  opacity: 1;
  transition: all 0.5s ease-in-out;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Inquries .popup_message_container #successClose {
  scale: 0;
  opacity: 0;
  transition: all 0.5s ease-in-out;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Inquries .popup_message_container .popup_error_box {
  display: inline-block;
  height: 40px;
  background-color: rgb(255, 177, 141) !important;
  border-radius: 5px;
  padding: 0px 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3rem;
  position: relative;
  z-index: -1;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Inquries .popup_message_container .popup_error_box .popup_close i {
  font-size: 1.4rem;
  color: rgb(255, 255, 255);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.5s ease;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Inquries .popup_message_container .popup_error_box .popup_close i:hover {
  transform: rotate(90deg);
  transition: all 0.5s ease;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Inquries .popup_message_container .popup_error_box .popup_message {
  font-size: 0.9rem;
  color: #494949;
  font-weight: 550;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Inquries .inquiries_container5 {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
  margin: auto;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Inquries .inquiries_container5 form {
  width: 90%;
  padding: 10px 0px;
  margin: auto;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Inquries .inquiries_container5 form .form_group {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 10px;
  margin-bottom: 10px;
  margin: 10px auto;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Inquries .inquiries_container5 form .form_group label {
  font-size: 0.7rem;
  letter-spacing: 1px;
  color: #f0f0f0;
  font-weight: 550;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Inquries .inquiries_container5 form .form_group .input {
  width: 100%;
  position: relative;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Inquries .inquiries_container5 form .form_group .input input,
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Inquries .inquiries_container5 form .form_group .input textarea {
  width: 100%;
  padding: 0.9rem 2.5rem;
  outline: none;
  border: transparent;
  border-radius: 5px;
  background-color: transparent;
  color: #f0f0f0;
  border: 1px solid #f0f0f0;
  caret-color: rgb(78, 78, 78);
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Inquries .inquiries_container5 form .form_group .input input::-moz-placeholder, .MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Inquries .inquiries_container5 form .form_group .input textarea::-moz-placeholder {
  color: #f0f0f0;
  letter-spacing: 1px;
  font-size: 0.7rem;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Inquries .inquiries_container5 form .form_group .input input::placeholder,
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Inquries .inquiries_container5 form .form_group .input textarea::placeholder {
  color: #f0f0f0;
  letter-spacing: 1px;
  font-size: 0.7rem;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Inquries .inquiries_container5 form .form_group .input i {
  position: absolute;
  left: 2%;
  font-size: 1.5rem;
  color: #f0f0f0;
  top: 30%;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Inquries .inquiries_container5 form .form_group .labelError {
  color: tomato;
  font-weight: 450;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Inquries .inquiries_container5 form .form_group .input_error {
  border: 1px solid tomato !important;
  border-radius: 5px;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Inquries .inquiries_container5 form .form_group .error {
  position: absolute;
  top: 12%;
  right: 0%;
  color: tomato;
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Inquries .inquiries_container5 form .form_group .desc_error {
  position: absolute;
  top: 0%;
  right: 0%;
  color: tomato;
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Inquries .inquiries_container5 form .form_actions {
  padding: 0px 1rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 1rem auto;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button {
  width: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background-color: #FFA500;
  color: #f0f0f0;
  padding: 8px 1rem;
  outline: none;
  border: transparent;
  font-weight: 450;
  letter-spacing: 1px;
  font-size: 0.7rem;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.4s ease-in;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button img {
  width: 20px;
  height: 20px;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button .form_loader,
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button .form_loader:before,
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button .form_loader:after {
  border-radius: 50%;
  width: 1em;
  height: 1em;
  animation-fill-mode: both;
  animation: bblFadInOut 1.8s infinite ease-in-out;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button .form_loader {
  color: #fff;
  font-size: 7px;
  position: relative;
  text-indent: -9999em;
  transform: translateZ(0);
  animation-delay: -0.16s;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button .form_loader:before,
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button .form_loader:after {
  content: "";
  position: absolute;
  top: 0;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button .form_loader:before {
  left: -3.5em;
  animation-delay: -0.32s;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button .form_loader:after {
  left: 3.5em;
}
@keyframes bblFadInOut {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button:hover {
  background-color: #FFA500;
  transition: all 0.4s ease-in;
  color: #f0f0f0;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Gym_Footer {
  position: relative;
  bottom: 0%;
  width: 100%;
  margin-top: 3rem;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Gym_Footer .gym_footer_container {
  width: 100%;
  min-height: 50px;
  height: 50px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px 0px;
  z-index: 600;
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Gym_Footer .gym_footer_container p {
  font-size: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #3d3d3d;
  font-weight: 500;
  letter-spacing: 1px;
}
@media (max-width: 600px) {
  .MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Gym_Footer .gym_footer_container p {
    font-size: 0.7rem;
  }
}
.MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD .Gym_Footer .gym_footer_container svg {
  position: absolute;
  z-index: -1;
  bottom: 0%;
  left: 0%;
  width: 100%;
}
@media screen and (max-width: 600px) {
  .MANAGER_LIVE_CONTAINER .MANAGER_LIVE_CARD {
    width: 100vw !important;
    min-width: 100vw;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin-top: 0rem;
  }
}
.MANAGER_LIVE_CONTAINER::-webkit-scrollbar {
  width: 6px !important;
  height: 4px !important;
  display: none;
  background-color: rgba(26, 70, 70, 0.5960784314), rgba(32, 24, 46, 0.5764705882);
}
@media screen and (max-width: 650px) {
  .MANAGER_LIVE_CONTAINER::-webkit-scrollbar {
    display: none !important;
  }
}
.MANAGER_LIVE_CONTAINER::-webkit-scrollbar-thumb {
  width: 6px !important;
  height: 4px !important;
  border-radius: 10px;
  z-index: 10;
  cursor: pointer;
  background-color: #fff !important;
}
.MANAGER_LIVE_CONTAINER::-webkit-scrollbar-thumb:hover {
  background-color: rgb(36, 231, 222);
}
.date-input {
  appearance: none; /* Remove default styling */
  -webkit-appearance: none; /* Remove default styling in Safari */
  -moz-appearance: none; /* Remove default styling in Firefox */
  padding: 10px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.date-input::-moz-placeholder {
  color: #888; /* Placeholder color */
}
.date-input::placeholder {
  color: #888; /* Placeholder color */
}
/* Custom icon for the date picker */
.date-input::-webkit-calendar-picker-indicator {
  cursor: pointer;
  color: transparent;
  opacity: 1;
  position: absolute;
  right: 10px;
  top: 70%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url("https://img.icons8.com/emoji/48/calendar-emoji.png") no-repeat center center;
  background-size: contain;
}


.BEAUTY_PARLOR_LIVE_TITLE, .BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Inquries, .BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row, .BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .google_map_container, .BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Testimonial, .BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Appoinment, .BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .row_5, .BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .video, .BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .gallery, .BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Payment, .BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .our_products, .BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .our_services {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.BEAUTY_PARLOR_LIVE_TITLE h3, .BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Inquries h3, .BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row h3, .BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .google_map_container h3, .BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Testimonial h3, .BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Appoinment h3, .BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .row_5 h3, .BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .video h3, .BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .gallery h3, .BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Payment h3, .BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .our_products h3, .BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .our_services h3 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-family: "Macondo", cursive;
  font-weight: 600;
  font-style: normal;
  font-size: 1.2rem;
  color: #ffde82;
}
.BEAUTY_PARLOR_LIVE_TITLE h3 .icon, .BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Inquries h3 .icon, .BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row h3 .icon, .BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .google_map_container h3 .icon, .BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Testimonial h3 .icon, .BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Appoinment h3 .icon, .BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .row_5 h3 .icon, .BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .video h3 .icon, .BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .gallery h3 .icon, .BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Payment h3 .icon, .BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .our_products h3 .icon, .BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .our_services h3 .icon {
  animation: handDownAnime 3s infinite linear;
}
@keyframes handDownAnime {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(10px);
  }
  100% {
    transform: translateY(0px);
  }
}
.BEAUTY_PARLOR_LIVE_SUB_TITLE {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
.BEAUTY_PARLOR_LIVE_SUB_TITLE h3 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  font-weight: 600;
  font-size: 1rem !important;
  color: #cacaca;
  position: relative;
}
.BEAUTY_PARLOR_LIVE_CONTAINER {
  width: 100vw;
  min-height: 100vh;
  height: auto;
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin: auto;
  color: #e8ecd6;
  overflow-y: scroll;
  overflow-x: hidden;
  background-image: url("");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background: linear-gradient(90deg, #90afc5, #90afc5 100%, #90afc5, #90afc5 100%);
}
.BEAUTY_PARLOR_LIVE_CONTAINER .full_image {
  display: none;
  margin: auto;
  width: 100%;
  height: 800px;
  background: linear-gradient(#2a3132, #2a3132, #2a3132, #2a3132);
  z-index: 100;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .full_image .close_Full_Image_gallery {
  position: absolute;
  width: 100%;
  left: 90%;
  top: 5%;
  z-index: 10;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .full_image .close_Full_Image_gallery .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  color: red;
  z-index: 10;
  cursor: pointer;
  place-items: center;
  transition: all 0.3s ease-in-out;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .full_image .close_Full_Image_gallery .icon:hover {
  filter: drop-shadow(0px 4px 5px rgba(255, 156, 117, 0.6));
  scale: 1.2;
  transition: all 0.3s ease-in-out;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .full_image img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  height: auto;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.5));
  border-radius: 5px;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 1;
}
@media (max-width: 600px) {
  .BEAUTY_PARLOR_LIVE_CONTAINER .full_image img {
    width: 70%;
    height: 150px;
  }
}
.BEAUTY_PARLOR_LIVE_CONTAINER .menu_navbar_box {
  width: 80px;
  height: 100%;
  background-color: #2a3132;
  position: fixed;
  top: 0%;
  right: 0%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  filter: drop-shadow(0px 4px 5px rgba(238, 238, 238, 0.308));
}
.BEAUTY_PARLOR_LIVE_CONTAINER .menu_navbar_box .up_btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0.1;
  font-size: 2.5rem;
  font-weight: bold;
  background-color: #ffffff;
  color: rgb(90, 90, 90);
  cursor: pointer;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 650px) {
  .BEAUTY_PARLOR_LIVE_CONTAINER .menu_navbar_box .up_btn .icon {
    transform: rotate(-90deg);
    font-size: 1.5rem;
  }
}
.BEAUTY_PARLOR_LIVE_CONTAINER .menu_navbar_box .up_btn:hover {
  background: linear-gradient(120deg, tomato 40%, tomato 60%);
  color: #ffffff;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 650px) {
  .BEAUTY_PARLOR_LIVE_CONTAINER .menu_navbar_box .up_btn {
    height: 100%;
    flex: 0.1;
    display: flex;
    border-radius: 0px;
    border-top-left-radius: 0rem;
    border-bottom-left-radius: 0rem;
    flex-direction: row !important;
  }
}
.BEAUTY_PARLOR_LIVE_CONTAINER .menu_navbar_box .hideUpArrow {
  opacity: 1;
  cursor: not-allowed;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .menu_navbar_box .all_menus {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  gap: 1rem;
  flex: 0.8;
  padding: 0.5rem;
  width: 100%;
  overflow-y: scroll;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .menu_navbar_box .all_menus .menu {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 100%;
  cursor: pointer;
  padding: 5px 10px;
  border-radius: 10px;
  transition: 1ll 0.5s ease-in-out;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .menu_navbar_box .all_menus .menu .icon {
  font-size: 1.4rem;
}
@media screen and (max-width: 650px) {
  .BEAUTY_PARLOR_LIVE_CONTAINER .menu_navbar_box .all_menus .menu .icon {
    font-size: 1rem;
  }
}
.BEAUTY_PARLOR_LIVE_CONTAINER .menu_navbar_box .all_menus .menu p {
  font-size: 0.7rem;
  font-weight: 500;
}
@media screen and (max-width: 650px) {
  .BEAUTY_PARLOR_LIVE_CONTAINER .menu_navbar_box .all_menus .menu p {
    font-size: 0.6rem;
  }
}
.BEAUTY_PARLOR_LIVE_CONTAINER .menu_navbar_box .all_menus .menu:hover {
  color: #ffffff;
  background-color: #90afc5;
  transition: 1ll 0.5s ease-in-out;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .menu_navbar_box .all_menus .menuActive {
  color: #e8ecd6;
  background-color: #90afc5;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .menu_navbar_box .all_menus::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 650px) {
  .BEAUTY_PARLOR_LIVE_CONTAINER .menu_navbar_box .all_menus {
    height: 100%;
    width: 100%;
    flex: 0.8;
    display: flex;
    flex-direction: row !important;
  }
}
.BEAUTY_PARLOR_LIVE_CONTAINER .menu_navbar_box .down_btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0.1;
  font-size: 2.5rem;
  font-weight: bold;
  background-color: #ffffff;
  color: rgb(90, 90, 90);
  cursor: pointer;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 650px) {
  .BEAUTY_PARLOR_LIVE_CONTAINER .menu_navbar_box .down_btn .down {
    transform: rotate(-90deg);
    font-size: 1.5rem;
  }
}
.BEAUTY_PARLOR_LIVE_CONTAINER .menu_navbar_box .down_btn:hover {
  background: linear-gradient(120deg, tomato 40%, tomato 60%);
  color: #ffffff;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 650px) {
  .BEAUTY_PARLOR_LIVE_CONTAINER .menu_navbar_box .down_btn {
    height: 100%;
    flex: 0.1;
    display: flex;
    border-radius: 0px;
    border-top-right-radius: 0rem;
    border-bottom-right-radius: 0rem;
    flex-direction: row !important;
  }
}
.BEAUTY_PARLOR_LIVE_CONTAINER .menu_navbar_box .hideDownArrow {
  opacity: 1;
  cursor: not-allowed;
}
@media screen and (max-width: 1000px) {
  .BEAUTY_PARLOR_LIVE_CONTAINER .menu_navbar_box {
    position: fixed;
    top: 15%;
    right: 5%;
  }
}
@media screen and (max-width: 700px) {
  .BEAUTY_PARLOR_LIVE_CONTAINER .menu_navbar_box {
    position: fixed;
    top: 15%;
    right: 1%;
  }
}
@media screen and (max-width: 650px) {
  .BEAUTY_PARLOR_LIVE_CONTAINER .menu_navbar_box {
    position: fixed;
    top: 96.5%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 100;
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 50px;
    align-items: center;
    justify-content: space-between;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
  }
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD {
  width: 450px;
  max-width: 450px;
  margin-top: 0.5rem;
  height: auto;
  overflow-x: hidden;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  background: linear-gradient(160deg, #2a3132, #2a3132 50%, #2a3132, #2a3132 50%);
  z-index: 10;
  filter: drop-shadow(0px 4px 5px rgba(176, 115, 216, 0.5764705882));
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Image_row_1 {
  width: 100%;
  max-height: 300px;
  height: 300px;
  position: relative;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Image_row_1 .slide_svg1 {
  position: absolute;
  bottom: -5%;
  width: 100%;
  z-index: 5;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Image_row_1 .banner_image1 {
  width: 100%;
  max-height: 300px;
  height: 300px;
  overflow: hidden;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  position: relative;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Image_row_1 .banner_image1 img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover; /* Ensures image covers the area */
  -o-object-position: top;
     object-position: top; /* Ensures head portion is not cropped */
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Image_row_1 .user_logo {
  position: absolute;
  bottom: -5%;
  left: 60%;
  transform: translate(-5%, 5%);
  width: 100%;
  display: flex;
  align-items: center;
  gap: 5px;
  margin: 0.5rem auto;
  z-index: 5;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Image_row_1 .user_logo .logo {
  display: flex;
  flex: 0.3;
  align-items: center;
  justify-content: center;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Image_row_1 .user_logo .logo img {
  z-index: 2;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover; /* Ensures image covers the area */
  -o-object-position: top;
     object-position: top; /* Ensures head portion is not cropped */
  filter: drop-shadow(0px 4px 5px rgba(73, 73, 73, 0.4));
}
@keyframes profileBorder {
  0% {
    border: 3px solid #ffffff;
    transform: translateY(0px);
  }
  25% {
    border: 3px solid #ffffff;
    transform: translateY(-5px);
  }
  50% {
    border: 3px solid #ffffff;
    transform: translateY(-10px);
  }
  75% {
    border: 3px solid rgb(255, 255, 255);
    transform: translateY(-5px);
  }
  100% {
    border: 3px solid #ffffff;
    transform: translateY(0px);
  }
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Image_row_1 .user_logo .logo .svg_image {
  position: absolute;
  z-index: -1;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Image_row_1 .user_logo .logo .svg_image img {
  width: 150px;
  height: 150px;
  border: none;
  filter: drop-shadow(0px 4px 5px rgba(255, 255, 255, 0.631372549));
  animation: profileSVGAnime 5s infinite linear;
}
@keyframes profileSVGAnime {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(90deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Image_row_1 .user_logo .svg_image {
  position: absolute;
  z-index: 1;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Image_row_1 .user_logo .svg_image img {
  width: 200px;
  height: 200px;
  border: none;
  filter: drop-shadow(0px 4px 5px rgba(255, 255, 255, 0.631372549));
  animation: profileSVGAnime 5s infinite linear;
}
@keyframes profileSVGAnime {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(90deg);
  }
  50% {
    transform: rotate(180deg);
  }
  75% {
    transform: rotate(270deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .basic_row_2 {
  padding: 0rem 1rem;
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  z-index: 15;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .basic_row_2 .user_details {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .basic_row_2 .user_details .user_data {
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex: 1;
  gap: 15px;
  width: 100%;
  height: 100%;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .basic_row_2 .user_details .user_data .user_information {
  display: flex;
  flex: 0.5;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 5px;
  position: relative;
  z-index: 50;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .basic_row_2 .user_details .user_data .user_information h2 {
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 1px;
  color: #e8ecd6;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .basic_row_2 .user_details .user_data .user_information p {
  font-size: 0.9rem;
  font-weight: 500;
  color: rgb(255, 255, 61);
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0rem;
  position: relative;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .basic_row_2 .user_details .user_data .user_information p img {
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media screen and (max-width: 600px) {
  .BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .basic_row_2 .user_details .user_data .user_information p img {
    width: 25px;
    height: 25px;
  }
  .BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .basic_row_2 .user_details .user_data {
    align-items: flex-start;
  }
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .contacts_btns {
  padding: 1rem 1rem;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  width: 100%;
  flex-wrap: wrap;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .contacts_btns a {
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 0.4rem 1rem;
  background-color: #ffffff;
  color: #3d3d3d;
  border-radius: 1rem;
  transition: all 0.4s linear;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .contacts_btns a .icon {
  font-size: 1rem;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .contacts_btns a small {
  font-size: 0.7rem;
  font-weight: 500;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .contacts_btns a:hover {
  background-color: #763626;
  color: #e8ecd6;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
  scale: 1.05;
  transition: all 0.4s linear;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .contact_row_3 {
  padding: 0rem 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .contact_row_3 a {
  text-decoration: none;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 15px;
  color: #e8ecd6;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .contact_row_3 a .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  padding: 5px;
  border-radius: 1rem;
  filter: drop-shadow(0px 3px 3px #90afc5);
  color: #3d3d3d;
  position: relative;
  z-index: 10;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .contact_row_3 a .icon .social_media_svg {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .contact_row_3 a .icon .social_media_svg img {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 120px;
  z-index: -1;
  transition: all 0.3s ease-in-out;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .contact_row_3 a .contact_data {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 2px;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .contact_row_3 a .contact_data small {
  font-size: 0.7rem;
  font-weight: 600;
  color: #e8ecd6;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .contact_row_3 a .contact_data p {
  font-size: 0.9rem;
  font-weight: 500;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .contact_row_3 .add_to_contact {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.3rem auto;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .contact_row_3 .add_to_contact button {
  padding: 7px 2rem;
  color: #e8ecd6;
  background-color: #90afc5;
  font-weight: 550;
  font-size: 0.8rem;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  transition: all 0.4s ease-in-out;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .contact_row_3 .add_to_contact button:hover {
  background-color: #90afc5;
  color: #ffffff;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
  transition: all 0.4s ease-in-out;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-items: flex-start;
  gap: 15px;
  width: 100%;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details .detail {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  width: 100%;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details .detail .detail_title {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 1rem;
  font-weight: 550;
  flex: 0.4;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details .detail .detail_title h5 {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 0.8rem;
  font-weight: 600;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details .detail .detail_message {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 5px;
  font-weight: 550;
  flex: 0.6;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details .detail .detail_message strong {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 0.8rem;
  font-weight: 500;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details .detail .detail_message p {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 0.8rem;
  font-weight: 500;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: row !important;
  gap: 1.3rem;
  width: 100%;
  margin-left: 5px;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a {
  text-decoration: none;
  color: #e8ecd6;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: all 0.3s ease-in-out;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a i {
  z-index: 2;
  font-size: 1rem;
  font-weight: 500;
  color: #ffffff;
  transition: all 0.3s ease-in-out;
  position: relative;
  padding: 5px;
  border-radius: 1rem;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a:nth-child(1) i {
  background-color: #5365ff;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a:nth-child(2) i {
  background-color: #ff53c6;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a:nth-child(3) i {
  background-color: #28d67f;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a:nth-child(4) i {
  background-color: rgb(37, 190, 250);
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a:nth-child(5) i {
  background-color: rgb(250, 97, 37);
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg1 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg1 #sw-js-blob-svg {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg1 #sw-js-blob-svg #stop1 {
  stop-color: #5365ff;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg1 #sw-js-blob-svg #stop2 {
  stop-color: #5365ff;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg2 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg2 #sw-js-blob-svg {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg2 #sw-js-blob-svg #stop3 {
  stop-color: #ff004d;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg2 #sw-js-blob-svg #stop4 {
  stop-color: #f500da;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg3 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg3 #sw-js-blob-svg {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg3 #sw-js-blob-svg #stop5 {
  stop-color: #10b856;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg3 #sw-js-blob-svg #stop6 {
  stop-color: #10b856;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg6 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg6 #sw-js-blob-svg6 {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg6 #sw-js-blob-svg6 #stop11 {
  stop-color: #4da6e9;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg6 #sw-js-blob-svg6 #stop12 {
  stop-color: #4da6e9;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg4 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg4 #sw-js-blob-svg {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg4 #sw-js-blob-svg #stop7 {
  stop-color: #ff777b;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg4 #sw-js-blob-svg #stop8 {
  stop-color: #ff656a;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg5 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: none;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg5 #sw-js-blob-svg5 {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg5 #sw-js-blob-svg5 #stop9 {
  stop-color: #a5a5a5;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg5 #sw-js-blob-svg5 #stop10 {
  stop-color: #999999;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a small {
  display: none;
  position: absolute;
  transition: all 0.4s ease-in-out;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a:hover {
  scale: 1.1;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
  transition: all 0.3s ease-in-out;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a:hover .social_media_svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a:hover .social_media_svg img {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60px;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .about_details .detail .detail_message .icon {
  font-size: 1.2rem;
  cursor: pointer;
  color: rgb(104, 104, 104);
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .specialities {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .specialities ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  margin: auto;
  width: 90%;
  font-size: 1.3rem;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .about_row_4 .specialities ul li {
  font-size: 0.9rem;
  font-weight: 500;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .our_services {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .our_services .All_Services {
  width: 100%;
  height: auto;
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .our_services .All_Services .Service {
  width: 100%;
  padding: 1rem;
  background-color: #f2ffeb;
  border-radius: 3px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  color: rgb(63, 63, 63);
  gap: 10px;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .our_services .All_Services .Service .service_title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .our_services .All_Services .Service .service_title h5 {
  font-size: 1.1rem;
  font-weight: 550;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .our_services .All_Services .Service .service_description {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  font-size: 0.9rem;
  font-weight: 500;
  color: rgb(63, 63, 63);
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .our_services .All_Services .Service .service_link {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .our_services .All_Services .Service .service_link a {
  text-decoration: none;
  color: royalblue;
  font-size: 0.9rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .our_services .All_Services .Service .service_link a:hover {
  text-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .our_services .All_Services .Service .service_image {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .our_services .All_Services .Service .service_image img {
  width: 100%;
  height: 250px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .our_services .All_Services .Service .service_action {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .our_services .All_Services .Service .service_action .service_price {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .our_services .All_Services .Service .service_action .service_price h5 {
  font-size: 1.1rem;
  font-weight: 600;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .our_services .All_Services .Service .service_action .service_price p {
  font-size: 1rem;
  font-weight: 550;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .our_services .All_Services .Service .service_action .service_enquiry {
  display: flex;
  align-items: center;
  justify-content: center;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .our_services .All_Services .Service .service_action .service_enquiry a {
  text-decoration: none;
  color: #e8ecd6;
  background-color: #90afc5;
  padding: 0.5rem 1rem;
  border: 2px solid rgb(63, 63, 63);
  font-size: 0.9rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .our_services .All_Services .Service .service_action .service_enquiry a:hover {
  background: linear-gradient(#2a3132, #2a3132, #2a3132, #2a3132);
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .our_products {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .our_products .All_Products {
  width: 100%;
  height: auto;
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .our_products .All_Products .Product {
  width: 100%;
  padding: 1rem;
  background-color: #d2ecff;
  border-radius: 3px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  color: rgb(78, 78, 78);
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .our_products .All_Products .Product .product_title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .our_products .All_Products .Product .product_title h5 {
  font-size: 1.1rem;
  font-weight: 550;
  color: #181818;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .our_products .All_Products .Product .product_description {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  font-size: 0.9rem;
  font-weight: 500;
  color: rgb(78, 78, 78);
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .our_products .All_Products .Product .product_link {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .our_products .All_Products .Product .product_link a {
  text-decoration: none;
  color: royalblue;
  font-size: 0.9rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .our_products .All_Products .Product .product_link a:hover {
  text-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .our_products .All_Products .Product .product_image {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .our_products .All_Products .Product .product_image img {
  width: 100%;
  height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .our_products .All_Products .Product .product_action {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .our_products .All_Products .Product .product_action .product_price {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .our_products .All_Products .Product .product_action .product_price h5 {
  font-size: 1.1rem;
  font-weight: 600;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .our_products .All_Products .Product .product_action .product_price p {
  font-size: 1rem;
  font-weight: 550;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .our_products .All_Products .Product .product_action .product_enquiry {
  display: flex;
  align-items: center;
  justify-content: center;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .our_products .All_Products .Product .product_action .product_enquiry a {
  text-decoration: none;
  color: #e8ecd6;
  background-color: #763626;
  padding: 0.5rem 1rem;
  border: 2px solid rgb(78, 78, 78);
  font-size: 0.9rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .our_products .All_Products .Product .product_action .product_enquiry a:hover {
  background-color: #763626;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Payment {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Payment .payment_details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-items: flex-start;
  gap: 10px;
  width: 100%;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Payment .payment_details .detail {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  width: 100%;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Payment .payment_details .detail .detail_title {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 1rem;
  font-weight: 550;
  flex: 0.4;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Payment .payment_details .detail .detail_title h5 {
  font-size: 0.8rem;
  font-weight: 600;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Payment .payment_details .detail .detail_message {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 5px;
  font-weight: 550;
  flex: 0.6;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Payment .payment_details .detail .detail_message p {
  font-size: 0.8rem;
  font-weight: 500;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Payment .payment_details .detail .detail_message .icon {
  font-size: 1.2rem;
  cursor: pointer;
  color: #90afc5;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Payment .payment_details .detail .detail_message .icon:hover {
  color: #e8ecd6;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Payment .sub_title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Payment .sub_title h4 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  font-weight: 550;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-size: 1.05rem !important;
  color: #cacaca;
  position: relative;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Payment .account_details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-items: flex-start;
  gap: 10px;
  width: 100%;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Payment .account_details .detail {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  width: 100%;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Payment .account_details .detail .detail_title {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 1rem;
  font-weight: 550;
  flex: 0.4;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Payment .account_details .detail .detail_title h5 {
  font-size: 0.8rem;
  font-weight: 600;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Payment .account_details .detail .detail_message {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 5px;
  font-weight: 550;
  flex: 0.6;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Payment .account_details .detail .detail_message p {
  font-size: 0.8rem;
  font-weight: 500;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Payment .account_details .detail .detail_message .icon {
  font-size: 1.2rem;
  cursor: pointer;
  color: #90afc5;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Payment .account_details .detail .detail_message .icon:hover {
  color: #e8ecd6;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Payment .qr_code_upi_name {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Payment .qr_code_upi_name h4 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  font-weight: 550;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-size: 0.9rem !important;
  color: #cacaca;
  position: relative;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Payment .qr_image_box {
  width: 70%;
  height: 300px;
  background-color: #effdff;
  color: #3d3d3d;
  padding: 1rem;
  border-radius: 10px;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4));
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Payment .qr_image_box .user_name {
  display: flex;
  align-items: center;
  justify-content: center;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Payment .qr_image_box .user_name h4 {
  font-size: 1rem;
  font-weight: 550;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Payment .qr_image_box .qr_image {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Payment .qr_image_box .qr_image img {
  width: 80%;
  height: 90%;
  -o-object-fit: cover;
     object-fit: cover;
  margin: auto;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .gallery {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .gallery .all_gallerys {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0.5rem;
  place-items: center;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .gallery .all_gallerys .gallery_image {
  width: 100%;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .gallery .all_gallerys .gallery_image img {
  cursor: pointer;
  width: 100%;
  height: 150px;
  border-radius: 10px;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .gallery .all_gallerys .gallery_image img:hover {
  opacity: 0.7;
  transition: all 0.3s ease;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .video {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .video .videos_container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
  margin: auto;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .video .videos_container .video_image {
  width: 100%;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .video .videos_container .video_image iframe {
  width: 100%;
  height: 200px;
  filter: drop-shadow(0px 4px 5px rgba(6, 255, 201, 0.336));
  border-radius: 0.5rem;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .row_5 {
  width: 100%;
  padding: 1rem;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .row_5 .time_list_container {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  place-items: center;
  gap: 1rem 1rem;
  margin: 1rem auto;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .row_5 .time_list_container .time_list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 5px 1rem 5px 1rem;
  background-color: #ffffff;
  color: #3d3d3d;
  width: 100%;
  border-radius: 0.5rem;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .row_5 .time_list_container .time_list .day {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .row_5 .time_list_container .time_list .day span {
  font-size: 0.7rem;
  font-weight: 550;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .row_5 .time_list_container .time_list .day span::after {
  content: "";
  display: block;
  height: 1px;
  background-color: gray;
  width: 100%;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .row_5 .time_list_container .time_list .time {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 15px;
  margin-top: 10px;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .row_5 .time_list_container .time_list .time .start h6 {
  font-size: 0.6rem;
  font-weight: 600;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .row_5 .time_list_container .time_list .time .start span {
  font-size: 0.6rem;
  font-weight: 550;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .row_5 .time_list_container .time_list .time .end h6 {
  font-size: 0.6rem;
  font-weight: 500;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .row_5 .time_list_container .time_list .time .end span {
  font-size: 0.6rem;
  font-weight: 550;
}
@media screen and (max-width: 700px) {
  .BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .row_5 .time_list_container {
    grid-template-columns: 1fr 1fr;
  }
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Appoinment {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Appoinment .popup_message_container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Appoinment .popup_message_container .popup_success_box {
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
  border-radius: 5px;
  padding: 0.6rem 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  position: relative;
  transition: all 0.5s ease-in-out;
  z-index: -1;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Appoinment .popup_message_container .popup_success_box .popup_close {
  display: flex;
  align-items: center;
  justify-content: center;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Appoinment .popup_message_container .popup_success_box .popup_close .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Appoinment .popup_message_container .popup_success_box .popup_close i {
  font-size: 1.4rem;
  font-weight: 600;
  color: rgb(255, 79, 79);
  cursor: pointer;
  transition: all 0.5s ease;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Appoinment .popup_message_container .popup_success_box .popup_close i:hover {
  transform: rotate(90deg);
  transition: all 0.5s ease;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Appoinment .popup_message_container .popup_success_box .popup_message {
  font-size: 0.9rem;
  color: #525252;
  font-weight: 550;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Appoinment .popup_message_container #successOpen {
  scale: 1;
  opacity: 1;
  transition: all 0.5s ease-in-out;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Appoinment .popup_message_container #successClose {
  scale: 0;
  opacity: 0;
  transition: all 0.5s ease-in-out;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Appoinment .popup_message_container .popup_error_box {
  display: inline-block;
  height: 40px;
  background-color: rgb(255, 177, 141) !important;
  border-radius: 5px;
  padding: 0px 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3rem;
  position: relative;
  z-index: -1;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Appoinment .popup_message_container .popup_error_box .popup_close i {
  font-size: 1.4rem;
  color: rgb(255, 255, 255);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.5s ease;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Appoinment .popup_message_container .popup_error_box .popup_close i:hover {
  transform: rotate(90deg);
  transition: all 0.5s ease;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Appoinment .popup_message_container .popup_error_box .popup_message {
  font-size: 0.9rem;
  color: #494949;
  font-weight: 550;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Appoinment .appinment_form_container {
  width: 100%;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Appoinment .appinment_form_container form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0rem 1rem;
  width: 100%;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Appoinment .appinment_form_container form .form_group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  position: relative;
  gap: 5px;
  padding: 0.5rem 0px;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Appoinment .appinment_form_container form .form_group label {
  font-size: 0.7rem;
  font-weight: 500;
  letter-spacing: 1px;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Appoinment .appinment_form_container form .form_group .labelError {
  color: tomato;
  font-family: 500;
  font-size: 0.6rem;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Appoinment .appinment_form_container form .form_group .input_error {
  border: 1px solid tomato !important;
  border-radius: 5px;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Appoinment .appinment_form_container form .form_group .error {
  position: absolute;
  top: 12%;
  right: 0%;
  color: tomato;
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Appoinment .appinment_form_container form .form_group .desc_error {
  position: absolute;
  top: 0%;
  right: 0%;
  color: tomato;
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Appoinment .appinment_form_container form .form_group input[type=date],
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Appoinment .appinment_form_container form .form_group input[type=text],
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Appoinment .appinment_form_container form .form_group input[type=tel] {
  width: 100%;
  outline: none;
  padding: 10px 1rem;
  border-radius: 0.2rem;
  background-color: transparent;
  border: 1px solid #e8ecd6;
  color: #e8ecd6;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Appoinment .appinment_form_container form .form_group input[type=date]::-moz-placeholder, .BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Appoinment .appinment_form_container form .form_group input[type=text]::-moz-placeholder, .BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Appoinment .appinment_form_container form .form_group input[type=tel]::-moz-placeholder {
  color: #e8ecd6;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Appoinment .appinment_form_container form .form_group input[type=date]::placeholder,
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Appoinment .appinment_form_container form .form_group input[type=text]::placeholder,
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Appoinment .appinment_form_container form .form_group input[type=tel]::placeholder {
  color: #e8ecd6;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Appoinment .appinment_form_container form .form_group select {
  width: 100%;
  outline: none;
  padding: 8px 1rem;
  background-color: transparent;
  border: 1px solid #e8ecd6;
  color: #e8ecd6;
  font-weight: 500;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Appoinment .appinment_form_container form .form_group select option {
  color: #3d3d3d;
  width: 100%;
  font-size: 0.8rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Appoinment .appinment_form_container form .form_submit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  width: 100%;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Appoinment .appinment_form_container form .form_submit button {
  display: flex;
  align-self: center;
  justify-content: center;
  gap: 0.5rem;
  outline: none;
  padding: 6px 1rem;
  background-color: #90afc5;
  color: #fff;
  font-size: 0.8rem;
  border-radius: 0.3rem;
  font-weight: 500;
  transition: all 0.4s ease-in;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Appoinment .appinment_form_container form .form_submit button span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.9rem;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Appoinment .appinment_form_container form .form_submit button .inquiryloader {
  width: 18px;
  height: 18px;
  border: 2px solid #fff;
  border-bottom-color: transparent;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Appoinment .appinment_form_container form .form_submit button:hover {
  background-color: #7e7e7e;
  filter: drop-shadow(0px 4px 5px rgba(109, 109, 109, 0.4));
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Appoinment .appinment_form_container form .form_submit button:nth-child(2) {
  background-color: royalblue;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Appoinment .appinment_form_container form .form_submit button:nth-child(2):hover {
  background-color: rgb(248, 137, 118);
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Testimonial {
  width: 100%;
  padding: 1rem 1rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  justify-content: center;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Testimonial .testimonial_container {
  margin: 1rem auto;
  width: 100%;
  height: 180px;
  min-height: 180px;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Testimonial .testimonial_container .testimonial_list {
  margin: 1rem 1rem;
  width: 100%;
  height: 180px;
  min-height: 180px;
  background-color: #ffffff;
  overflow-y: auto;
  margin: auto;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: flex-start;
  border-radius: 0.5rem;
  position: relative;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Testimonial .testimonial_container .testimonial_list .client_feedback {
  width: 100%;
  height: 100%;
  flex: 0.6;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 10px;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Testimonial .testimonial_container .testimonial_list .client_feedback small {
  width: 100%;
  font-size: 0.8rem;
  color: #3d3d3d;
  font-weight: 500;
  overflow-y: scroll;
  text-align: start;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Testimonial .testimonial_container .testimonial_list .client_feedback small::-webkit-scrollbar {
  display: none;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Testimonial .testimonial_container .testimonial_list .client_detail {
  display: flex;
  align-items: center;
  flex-direction: column-reverse;
  width: 100%;
  height: 100%;
  flex: 0.4;
  justify-content: center;
  gap: 10px;
  background-color: #90afc5;
  border-top-right-radius: 0rem;
  border-bottom-right-radius: 6rem;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Testimonial .testimonial_container .testimonial_list .client_detail img {
  width: 60px;
  height: 60px;
  border-radius: 0.5rem;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border: 1px solid #ffffff;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Testimonial .testimonial_container .testimonial_list .client_detail .client_name {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Testimonial .testimonial_container .testimonial_list .client_detail .client_name h4 {
  font-size: 0.8rem;
  color: rgb(255, 255, 61);
  font-weight: 550;
  color: #ffffff;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Testimonial .testimonial_container .testimonial_list .client_detail .client_name small {
  font-size: 0.7rem;
  color: #ffffff;
  font-weight: 550;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Testimonial .testimonial_container .testimonial_list::-webkit-scrollbar {
  display: none;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .google_map_container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .google_map_container .google_map {
  width: 100%;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .google_map_container .google_map iframe {
  width: 100% !important;
  height: 250px !important;
  border: none !important;
  margin: 1rem auto;
  border-radius: 0.5rem;
  filter: drop-shadow(0px 4px 5px rgba(56, 56, 56, 0.527));
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row {
  width: 100%;
  padding: 0rem 1rem;
  display: flex;
  flex-direction: column;
  gap: 0rem;
  align-items: center;
  justify-content: center;
  position: relative;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .popup_message_container {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -40%);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .popup_message_container .popup_success_box {
  display: inline-block;
  width: auto;
  background-color: rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
  padding: 0.8rem 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  position: relative;
  font-size: 0.7rem;
  font-weight: 500;
  transition: all 0.5s ease-in-out;
  z-index: 10;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .popup_message_container .popup_success_box .popup_close i {
  font-size: 1.4rem;
  font-weight: 600;
  color: rgb(255, 101, 101);
  cursor: pointer;
  transition: all 0.5s ease;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .popup_message_container .popup_success_box .popup_close i:hover {
  transform: rotate(90deg);
  transition: all 0.5s ease;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .popup_message_container .popup_success_box .popup_close .icon {
  font-size: 1.2rem;
  color: #2cc478;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .popup_message_container .popup_success_box .popup_message {
  font-size: 0.9rem;
  color: rgb(48, 48, 48);
  font-weight: 500;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .popup_message_container #successOpen {
  scale: 1;
  opacity: 1;
  transition: all 0.5s ease-in-out;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .popup_message_container #successClose {
  scale: 0;
  opacity: 0;
  transition: all 0.5s ease-in-out;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .popup_message_container .popup_error_box {
  display: inline-block;
  height: 40px;
  background-color: rgb(255, 177, 141) !important;
  border-radius: 5px;
  padding: 0px 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3rem;
  position: relative;
  z-index: -1;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .popup_message_container .popup_error_box .popup_close i {
  font-size: 1.4rem;
  color: rgb(255, 255, 255);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.5s ease;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .popup_message_container .popup_error_box .popup_close i:hover {
  transform: rotate(90deg);
  transition: all 0.5s ease;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .popup_message_container .popup_error_box .popup_message {
  font-size: 0.9rem;
  color: #2cc478;
  font-weight: 550;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .Feedback_container_message {
  width: 100%;
  height: auto;
  margin: 0rem auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  margin: 1rem 1rem 0rem 1rem;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .Feedback_container_message .feeback_title {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: space-between;
  gap: 10px;
  z-index: 800;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .Feedback_container_message .feeback_title button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 0.7rem;
  color: #e8ecd6;
  background: transparent;
  cursor: pointer;
  outline: none;
  border: transparent;
  font-weight: 600;
  position: relative;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .Feedback_container_message .feeback_title button i {
  font-size: 1.4rem;
  color: #e8ecd6;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .Feedback_container_message .feeback_title button .count {
  position: absolute;
  right: -7%;
  top: -8%;
  font-size: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  color: #e8ecd6;
  border-radius: 50%;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .Feedback_container_message .feeback_title .feedBack_loader {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: block;
  margin: 15px auto;
  position: relative;
  color: #253bff;
  left: -100px;
  box-sizing: border-box;
  animation: shadowRolling 2s linear infinite;
}
@keyframes shadowRolling {
  0% {
    box-shadow: 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
  }
  12% {
    box-shadow: 100px 0 rgb(76, 247, 176), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
  }
  25% {
    box-shadow: 110px 0 rgb(107, 98, 233), 100px 0 rgb(75, 45, 243), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
  }
  36% {
    box-shadow: 120px 0 rgb(94, 236, 255), 110px 0 rgb(226, 253, 72), 100px 0 rgb(219, 99, 119), 0px 0 rgba(255, 255, 255, 0);
  }
  50% {
    box-shadow: 130px 0 rgb(240, 135, 49), 120px 0 rgb(56, 163, 74), 110px 0 rgb(99, 95, 95), 100px 0 rgb(135, 111, 221);
  }
  62% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 130px 0 white, 120px 0 white, 110px 0 white;
  }
  75% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 130px 0 white, 120px 0 white;
  }
  87% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 130px 0 white;
  }
  100% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0);
  }
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box {
  width: 100%;
  max-height: 300px;
  height: auto;
  overflow: scroll;
  margin: 1rem auto;
  background: transparent;
  border-radius: 5px;
  position: relative;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .comment_box_title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  background-color: royalblue;
  color: #fff;
  font-weight: 400;
  display: none;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message {
  width: 100%;
  padding: 10px;
  border-bottom: 1px solid rgb(216, 216, 216);
  position: relative;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 5px;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .userName p {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 1.1rem;
  color: #e8ecd6;
  letter-spacing: 1px;
  font-weight: 550;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .userName p i {
  color: #5e5e5e;
  font-size: 1.4rem;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .userName p::first-letter {
  text-transform: uppercase !important;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars .ratting_container1 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars .ratting_container1 span i {
  font-size: 1.2rem;
  cursor: pointer;
  color: lightgray;
  transition: all 0.4s ease-in-out;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars .ratting_container1 span .highlight1 {
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
  color: gold;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #noRatting span:nth-child(1) i,
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #noRatting span:nth-child(2) i,
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #noRatting span:nth-child(3) i,
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #noRatting span:nth-child(4) i,
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #noRatting span:nth-child(5) i {
  text-decoration: line-through;
  text-decoration-color: #ff2525;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #singleRatting span:nth-child(1) i {
  color: #f7c52a;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #doubleRatting span:nth-child(1) i,
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #doubleRatting span:nth-child(2) i {
  color: #f7c52a;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #ThreeRatting span:nth-child(1) i,
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #ThreeRatting span:nth-child(2) i,
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #ThreeRatting span:nth-child(3) i {
  color: #f7c52a;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fourRatting span:nth-child(1) i,
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fourRatting span:nth-child(2) i,
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fourRatting span:nth-child(3) i,
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fourRatting span:nth-child(4) i {
  color: #f7c52a;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fullRatting span:nth-child(1) i,
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fullRatting span:nth-child(2) i,
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fullRatting span:nth-child(3) i,
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fullRatting span:nth-child(4) i,
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fullRatting span:nth-child(5) i {
  color: #f7c52a;
  filter: drop-shadow(0px 4px 5px rgba(165, 165, 165, 0.4));
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .comments {
  margin: 10px auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  width: 100%;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .comments i {
  color: rgb(255, 255, 61);
  font-size: 1.4rem;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .comments span {
  font-size: 0.9rem;
  color: #e8ecd6;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .date {
  position: absolute;
  right: 2%;
  top: 15%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 0.9rem;
  color: rgb(255, 255, 61);
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .date i {
  color: #e8ecd6;
  font-size: 1.1rem;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .Feedback_container_message .comment_box::-webkit-scrollbar {
  display: none;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container {
  width: 100%;
  position: relative;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin: auto;
  padding: 0px 0.5rem 0rem 0.5rem;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .feedback_svg {
  position: absolute;
  top: -4%;
  right: 0%;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .feedback_svg img {
  width: 100px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media (max-width: 600px) {
  .BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .feedback_svg img {
    width: 90px;
  }
  .BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .feedback_svg {
    top: 0%;
  }
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_group {
  margin: 10px auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  width: 95%;
  position: relative;
  margin: 0.2rem 0.2rem;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_group .error {
  font-size: 0.6rem;
  color: tomato !important;
  -webkit-text-fill-color: tomato;
  letter-spacing: 1px;
  display: flex;
  align-items: center;
  font-weight: 550;
  justify-content: flex-start;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_group label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  left: 5%;
  color: #e8ecd6;
  -webkit-text-fill-color: #e8ecd6;
  font-size: 0.7rem;
  font-weight: 550;
  border-radius: 4px;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_group label span {
  font-size: 1rem;
  color: tomato !important;
  -webkit-text-fill-color: tomato;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_group label span sup {
  color: tomato !important;
}
@media screen and (max-width: 800px) {
  .BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_group label {
    left: 5%;
  }
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_group input,
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_group .ratting_container {
  width: 100%;
  padding: 0.7rem 1rem;
  background-color: transparent;
  border: 1px solid #ffffff;
  color: #e8ecd6;
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border-radius: 0.3rem;
  outline: none;
  caret-color: #e8ecd6;
  transition: all 0.3s ease;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_group input::-moz-placeholder, .BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_group .ratting_container::-moz-placeholder {
  font-size: 0.6rem;
  color: #e8ecd6;
  letter-spacing: 1px;
  font-weight: 400;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_group input::placeholder,
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_group .ratting_container::placeholder {
  font-size: 0.6rem;
  color: #e8ecd6;
  letter-spacing: 1px;
  font-weight: 400;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_group input:focus,
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_group .ratting_container:focus {
  border: double 2px transparent;
  border-radius: 0.3rem;
  background-color: transparent;
  border: 1px solid #e8ecd6;
  background-origin: border-box;
  background-clip: padding-box, border-box;
  transition: all 0.3s ease;
}
@media screen and (max-width: 800px) {
  .BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_group input,
  .BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_group .ratting_container {
    padding: 0.8rem 2rem;
    width: 100%;
    background-color: transparent;
  }
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_group .ratting_container {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_group .ratting_container span i {
  font-size: 1.5rem;
  cursor: pointer;
  color: rgb(255, 168, 54);
  transition: all 0.4s ease-in-out;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_group .ratting_container span .highlight {
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
  color: gold;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_group textarea {
  width: 100%;
  padding: 1rem;
  caret-color: #e8ecd6;
  color: #e8ecd6;
  border: double 1px transparent;
  background-color: transparent;
  border: 1px solid #ffffff;
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border-radius: 0.3rem;
  outline: none;
  transition: all 0.3s ease;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_group textarea::-moz-placeholder {
  font-size: 0.6rem;
  color: #e8ecd6;
  letter-spacing: 1px;
  font-weight: 400;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_group textarea::placeholder {
  font-size: 0.6rem;
  color: #e8ecd6;
  letter-spacing: 1px;
  font-weight: 400;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_group textarea:focus {
  border: double 2px transparent;
  border-radius: 0.3rem;
  background-color: transparent;
  border: 1px solid #e8ecd6;
  background-origin: border-box;
  background-clip: padding-box, border-box;
  transition: all 0.3s ease;
}
@media screen and (max-width: 800px) {
  .BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_group textarea {
    padding: 0.8rem 2rem;
    width: 100%;
    background-color: transparent;
  }
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_group .icon {
  position: absolute;
  left: 1%;
  top: 63%;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_group .icon img {
  width: 25px;
  height: 25px;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_group .icon i {
  font-size: 1.4rem;
  color: skyblue;
}
@media screen and (max-width: 800px) {
  .BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_group .icon {
    position: absolute;
    left: 2%;
    top: 25%;
  }
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_group .show_pass {
  position: absolute;
  right: 2%;
  top: 25%;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_group .show_pass i {
  font-size: 1.4rem;
  color: skyblue;
  cursor: pointer;
}
@media screen and (max-width: 800px) {
  .BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_group .show_pass {
    position: absolute;
    right: 2%;
    top: 25%;
  }
}
@media screen and (max-width: 900px) {
  .BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_group {
    margin: 0.8rem auto;
  }
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_actions {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 1rem auto;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_actions button {
  margin-right: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background-color: #90afc5;
  filter: none;
  width: auto;
  padding: 10px 1rem;
  outline: none;
  border: transparent;
  font-weight: 500;
  letter-spacing: 1px;
  font-size: 0.6rem;
  border-radius: 5px;
  cursor: pointer;
  color: #e8ecd6;
  transition: all 0.4s ease-in;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_actions button span {
  font-size: 1.2rem;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_actions button .form_loader,
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_actions button .form_loader:before,
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_actions button .form_loader:after {
  border-radius: 50%;
  width: 1em;
  height: 1em;
  animation-fill-mode: both;
  animation: bblFadInOut 1.8s infinite ease-in-out;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_actions button .form_loader {
  color: #fff;
  font-size: 7px;
  position: relative;
  text-indent: -9999em;
  transform: translateZ(0);
  animation-delay: -0.16s;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_actions button .form_loader:before,
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_actions button .form_loader:after {
  content: "";
  position: absolute;
  top: 0;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_actions button .form_loader:before {
  left: -3.5em;
  animation-delay: -0.32s;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_actions button .form_loader:after {
  left: 3.5em;
}
@keyframes bblFadInOut {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .feedback_row .feedback_container form .form_actions button:hover {
  background-color: #90afc5;
  color: #e8ecd6;
  font-weight: 550;
  transition: all 0.4s ease-in;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Inquries {
  width: 100%;
  padding: 0rem 1rem;
  display: flex;
  flex-direction: column;
  gap: 0rem;
  align-items: center;
  justify-content: center;
  position: relative;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Inquries .popup_message_container {
  position: absolute;
  top: 40%;
  left: 50%;
  transform: translate(-50%, -40%);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Inquries .popup_message_container .popup_success_box {
  display: inline-block;
  background-color: rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
  border-radius: 5px;
  padding: 0.7rem 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3rem;
  position: relative;
  transition: all 0.5s ease-in-out;
  z-index: 10;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Inquries .popup_message_container .popup_success_box .popup_close {
  display: flex;
  align-items: center;
  justify-content: center;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Inquries .popup_message_container .popup_success_box .popup_close .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Inquries .popup_message_container .popup_success_box .popup_close i {
  font-size: 1.4rem;
  font-weight: 600;
  color: rgb(255, 76, 76);
  cursor: pointer;
  transition: all 0.5s ease;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Inquries .popup_message_container .popup_success_box .popup_close i:hover {
  transform: rotate(90deg);
  transition: all 0.5s ease;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Inquries .popup_message_container .popup_success_box .popup_message {
  font-size: 0.9rem;
  color: #4b4b4b;
  font-weight: 550;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Inquries .popup_message_container #successOpen {
  scale: 1;
  opacity: 1;
  transition: all 0.5s ease-in-out;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Inquries .popup_message_container #successClose {
  scale: 0;
  opacity: 0;
  transition: all 0.5s ease-in-out;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Inquries .popup_message_container .popup_error_box {
  display: inline-block;
  height: 40px;
  background-color: rgb(255, 177, 141) !important;
  border-radius: 5px;
  padding: 0px 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3rem;
  position: relative;
  z-index: -1;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Inquries .popup_message_container .popup_error_box .popup_close i {
  font-size: 1.4rem;
  color: rgb(255, 255, 255);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.5s ease;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Inquries .popup_message_container .popup_error_box .popup_close i:hover {
  transform: rotate(90deg);
  transition: all 0.5s ease;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Inquries .popup_message_container .popup_error_box .popup_message {
  font-size: 0.9rem;
  color: #494949;
  font-weight: 550;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Inquries .inquiries_container5 {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
  margin: auto;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Inquries .inquiries_container5 form {
  width: 90%;
  padding: 10px 0px;
  margin: auto;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Inquries .inquiries_container5 form .form_group {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 10px;
  margin-bottom: 10px;
  margin: 10px auto;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Inquries .inquiries_container5 form .form_group label {
  font-size: 0.7rem;
  letter-spacing: 1px;
  color: #e8ecd6;
  font-weight: 550;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Inquries .inquiries_container5 form .form_group .input {
  width: 100%;
  position: relative;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Inquries .inquiries_container5 form .form_group .input input,
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Inquries .inquiries_container5 form .form_group .input textarea {
  width: 100%;
  padding: 0.9rem 2.5rem;
  outline: none;
  border: transparent;
  border-radius: 5px;
  background-color: transparent;
  color: #e8ecd6;
  border: 1px solid #e8ecd6;
  caret-color: rgb(255, 255, 255);
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Inquries .inquiries_container5 form .form_group .input input::-moz-placeholder, .BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Inquries .inquiries_container5 form .form_group .input textarea::-moz-placeholder {
  color: #e8ecd6;
  letter-spacing: 1px;
  font-size: 0.7rem;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Inquries .inquiries_container5 form .form_group .input input::placeholder,
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Inquries .inquiries_container5 form .form_group .input textarea::placeholder {
  color: #e8ecd6;
  letter-spacing: 1px;
  font-size: 0.7rem;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Inquries .inquiries_container5 form .form_group .input i {
  position: absolute;
  left: 2%;
  font-size: 1.5rem;
  color: #e8ecd6;
  top: 30%;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Inquries .inquiries_container5 form .form_group .labelError {
  color: tomato;
  font-weight: 450;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Inquries .inquiries_container5 form .form_group .input_error {
  border: 1px solid tomato !important;
  border-radius: 5px;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Inquries .inquiries_container5 form .form_group .error {
  position: absolute;
  top: 12%;
  right: 0%;
  color: tomato;
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Inquries .inquiries_container5 form .form_group .desc_error {
  position: absolute;
  top: 0%;
  right: 0%;
  color: tomato;
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Inquries .inquiries_container5 form .form_actions {
  padding: 0px 1rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 1rem auto;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button {
  width: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background-color: #90afc5;
  color: #e8ecd6;
  padding: 8px 1rem;
  outline: none;
  border: transparent;
  font-weight: 450;
  letter-spacing: 1px;
  font-size: 0.7rem;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.4s ease-in;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button img {
  width: 20px;
  height: 20px;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button .form_loader,
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button .form_loader:before,
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button .form_loader:after {
  border-radius: 50%;
  width: 1em;
  height: 1em;
  animation-fill-mode: both;
  animation: bblFadInOut 1.8s infinite ease-in-out;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button .form_loader {
  color: #fff;
  font-size: 7px;
  position: relative;
  text-indent: -9999em;
  transform: translateZ(0);
  animation-delay: -0.16s;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button .form_loader:before,
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button .form_loader:after {
  content: "";
  position: absolute;
  top: 0;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button .form_loader:before {
  left: -3.5em;
  animation-delay: -0.32s;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button .form_loader:after {
  left: 3.5em;
}
@keyframes bblFadInOut {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button:hover {
  background-color: #90afc5;
  transition: all 0.4s ease-in;
  color: #e8ecd6;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Gym_Footer {
  position: relative;
  bottom: 0%;
  width: 100%;
  margin-top: 3rem;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Gym_Footer .gym_footer_container {
  width: 100%;
  min-height: 50px;
  height: 50px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px 0px;
  z-index: 600;
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Gym_Footer .gym_footer_container p {
  font-size: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #3d3d3d;
  font-weight: 500;
  letter-spacing: 1px;
}
@media (max-width: 600px) {
  .BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Gym_Footer .gym_footer_container p {
    font-size: 0.7rem;
  }
}
.BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD .Gym_Footer .gym_footer_container svg {
  position: absolute;
  z-index: -1;
  bottom: 0%;
  left: 0%;
  width: 100%;
}
@media screen and (max-width: 600px) {
  .BEAUTY_PARLOR_LIVE_CONTAINER .FASHION_DESIGNER_LIVE_CARD {
    width: 100vw !important;
    min-width: 100vw;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin-top: 0rem;
  }
}
.BEAUTY_PARLOR_LIVE_CONTAINER::-webkit-scrollbar {
  width: 6px !important;
  height: 4px !important;
  display: none;
  background-color: #90afc5, #90afc5;
}
@media screen and (max-width: 650px) {
  .BEAUTY_PARLOR_LIVE_CONTAINER::-webkit-scrollbar {
    display: none !important;
  }
}
.BEAUTY_PARLOR_LIVE_CONTAINER::-webkit-scrollbar-thumb {
  width: 6px !important;
  height: 4px !important;
  border-radius: 10px;
  z-index: 10;
  cursor: pointer;
  background-color: #fff !important;
}
.BEAUTY_PARLOR_LIVE_CONTAINER::-webkit-scrollbar-thumb:hover {
  background-color: rgb(36, 231, 222);
}
.date-input {
  appearance: none; /* Remove default styling */
  -webkit-appearance: none; /* Remove default styling in Safari */
  -moz-appearance: none; /* Remove default styling in Firefox */
  padding: 10px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.date-input::-moz-placeholder {
  color: #888; /* Placeholder color */
}
.date-input::placeholder {
  color: #888; /* Placeholder color */
}
/* Custom icon for the date picker */
.date-input::-webkit-calendar-picker-indicator {
  cursor: pointer;
  color: transparent;
  opacity: 1;
  position: absolute;
  right: 10px;
  top: 70%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url("https://img.icons8.com/emoji/48/calendar-emoji.png") no-repeat center center;
  background-size: contain;
}


.DOCTOR_TITLE_LIVE, .DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Inquries, .DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row, .DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .google_map_container, .DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .testimonial, .DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .time_container, .DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .video, .DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .gallery, .DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Appoinment, .DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Payment, .DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .our_products, .DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .our_services {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
.DOCTOR_TITLE_LIVE h3, .DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Inquries h3, .DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row h3, .DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .google_map_container h3, .DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .testimonial h3, .DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .time_container h3, .DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .video h3, .DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .gallery h3, .DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Appoinment h3, .DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Payment h3, .DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .our_products h3, .DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .our_services h3 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-family: "Lora", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-size: 1.2rem;
  color: #161616;
  position: relative;
}
.DOCTOR_TITLE_LIVE h3::first-letter, .DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Inquries h3::first-letter, .DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row h3::first-letter, .DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .google_map_container h3::first-letter, .DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .testimonial h3::first-letter, .DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .time_container h3::first-letter, .DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .video h3::first-letter, .DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .gallery h3::first-letter, .DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Appoinment h3::first-letter, .DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Payment h3::first-letter, .DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .our_products h3::first-letter, .DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .our_services h3::first-letter {
  font-size: 1.7rem !important;
  color: #a3a3a3 !important;
}
.DOCTOR_TITLE_LIVE h3::before, .DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Inquries h3::before, .DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row h3::before, .DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .google_map_container h3::before, .DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .testimonial h3::before, .DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .time_container h3::before, .DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .video h3::before, .DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .gallery h3::before, .DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Appoinment h3::before, .DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Payment h3::before, .DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .our_products h3::before, .DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .our_services h3::before {
  content: "";
  width: 100px;
  height: 2px;
  background-color: #6ebe4b;
  position: absolute;
  border-radius: 4px;
  left: 0%;
}
.DOCTOR_TITLE_LIVE h3::after, .DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Inquries h3::after, .DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row h3::after, .DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .google_map_container h3::after, .DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .testimonial h3::after, .DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .time_container h3::after, .DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .video h3::after, .DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .gallery h3::after, .DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Appoinment h3::after, .DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Payment h3::after, .DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .our_products h3::after, .DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .our_services h3::after {
  content: "";
  width: 100px;
  height: 2px;
  border-radius: 4px;
  background-color: #6ebe4b;
  position: absolute;
  right: 0%;
}
.DOCTOR_SUB_TITLE_LIVE {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
.DOCTOR_SUB_TITLE_LIVE h3 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  font-weight: 600;
  font-size: 1rem !important;
  color: #2e2d2d;
  position: relative;
}
.DOCTOR_LIVE_CONTAINER {
  width: 100vw;
  min-height: 100vh;
  height: auto;
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin: auto;
  color: #303030;
  overflow-y: scroll;
  overflow-x: hidden;
  background-image: url("");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background: linear-gradient(90deg, #a1a1a1, #c9c9c9, #a1a1a1, #c9c9c9);
}
.DOCTOR_LIVE_CONTAINER .full_image {
  display: none;
  z-index: 500;
  margin: auto;
  width: 100%;
  height: 800px;
  background: linear-gradient(#ffffff, #ffffff);
}
.DOCTOR_LIVE_CONTAINER .full_image .close_Full_Image_gallery {
  position: absolute;
  width: 100%;
  left: 90%;
  top: 5%;
}
.DOCTOR_LIVE_CONTAINER .full_image .close_Full_Image_gallery .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  color: red;
  cursor: pointer;
  place-items: center;
  transition: all 0.3s ease-in-out;
}
.DOCTOR_LIVE_CONTAINER .full_image .close_Full_Image_gallery .icon:hover {
  filter: drop-shadow(0px 4px 5px rgba(255, 156, 117, 0.6));
  scale: 1.2;
  transition: all 0.3s ease-in-out;
}
.DOCTOR_LIVE_CONTAINER .full_image img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.5));
  border-radius: 5px;
  z-index: 1000;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 600px) {
  .DOCTOR_LIVE_CONTAINER .full_image img {
    width: 70%;
    height: 150px;
  }
}
.DOCTOR_LIVE_CONTAINER .menu_navbar_box {
  width: 80px;
  height: 100vh;
  background-color: #ffffff;
  position: fixed;
  top: 0%;
  right: 0%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.DOCTOR_LIVE_CONTAINER .menu_navbar_box .up_btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0.1;
  font-size: 2.5rem;
  font-weight: bold;
  background-color: royalBlue;
  border-top-left-radius: 0rem;
  border-top-right-radius: 0rem;
  color: #ffffff;
  cursor: pointer;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 650px) {
  .DOCTOR_LIVE_CONTAINER .menu_navbar_box .up_btn .icon {
    transform: rotate(-90deg);
    font-size: 1.5rem;
  }
}
.DOCTOR_LIVE_CONTAINER .menu_navbar_box .up_btn:hover {
  background: linear-gradient(120deg, #686868 40%, #686868 60%);
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 650px) {
  .DOCTOR_LIVE_CONTAINER .menu_navbar_box .up_btn {
    height: 100%;
    flex: 0.1;
    display: flex;
    border-radius: 0px;
    border-top-left-radius: 0rem;
    border-bottom-left-radius: 0rem;
    flex-direction: row !important;
  }
}
.DOCTOR_LIVE_CONTAINER .menu_navbar_box .hideUpArrow {
  opacity: 1;
  cursor: not-allowed;
}
.DOCTOR_LIVE_CONTAINER .menu_navbar_box .all_menus {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  gap: 1rem;
  flex: 0.8;
  max-height: 80%;
  padding: 0.5rem;
  width: 100%;
  overflow-y: scroll;
  scroll-behavior: smooth;
}
.DOCTOR_LIVE_CONTAINER .menu_navbar_box .all_menus .menu {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 100%;
  cursor: pointer;
  padding: 5px 10px;
  border-radius: 4px;
  transition: all 0.5s ease-in-out;
}
.DOCTOR_LIVE_CONTAINER .menu_navbar_box .all_menus .menu .icon {
  font-size: 1.4rem;
}
@media screen and (max-width: 650px) {
  .DOCTOR_LIVE_CONTAINER .menu_navbar_box .all_menus .menu .icon {
    font-size: 1rem;
  }
}
.DOCTOR_LIVE_CONTAINER .menu_navbar_box .all_menus .menu p {
  font-size: 0.8rem;
  font-weight: 550;
}
@media screen and (max-width: 650px) {
  .DOCTOR_LIVE_CONTAINER .menu_navbar_box .all_menus .menu p {
    font-size: 0.6rem;
  }
}
.DOCTOR_LIVE_CONTAINER .menu_navbar_box .all_menus .menu:hover {
  color: #ffffff;
  background-color: #6ebe4b;
  transition: all 0.5s ease-in-out;
}
.DOCTOR_LIVE_CONTAINER .menu_navbar_box .all_menus .menuActive {
  color: #ffffff;
  background-color: #6ebe4b;
}
.DOCTOR_LIVE_CONTAINER .menu_navbar_box .all_menus::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 650px) {
  .DOCTOR_LIVE_CONTAINER .menu_navbar_box .all_menus {
    height: 100%;
    width: 100%;
    flex: 0.8;
    display: flex;
    flex-direction: row !important;
  }
}
.DOCTOR_LIVE_CONTAINER .menu_navbar_box .down_btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0.1;
  font-size: 2.5rem;
  font-weight: bold;
  background-color: royalBlue;
  border-bottom-left-radius: 0rem;
  border-bottom-right-radius: 0rem;
  color: #ffffff;
  cursor: pointer;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 650px) {
  .DOCTOR_LIVE_CONTAINER .menu_navbar_box .down_btn .down {
    transform: rotate(-90deg);
    font-size: 1.5rem;
  }
}
.DOCTOR_LIVE_CONTAINER .menu_navbar_box .down_btn:hover {
  background: linear-gradient(120deg, #686868 40%, #686868 60%);
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 650px) {
  .DOCTOR_LIVE_CONTAINER .menu_navbar_box .down_btn {
    height: 100%;
    flex: 0.1;
    display: flex;
    border-radius: 0px;
    border-top-right-radius: 0rem;
    border-bottom-right-radius: 0rem;
    flex-direction: row !important;
  }
}
.DOCTOR_LIVE_CONTAINER .menu_navbar_box .hideDownArrow {
  opacity: 1;
  cursor: not-allowed;
}
@media screen and (max-width: 1000px) {
  .DOCTOR_LIVE_CONTAINER .menu_navbar_box {
    position: fixed;
    top: 15%;
    right: 5%;
  }
}
@media screen and (max-width: 700px) {
  .DOCTOR_LIVE_CONTAINER .menu_navbar_box {
    position: fixed;
    top: 15%;
    right: 1%;
  }
}
@media screen and (max-width: 650px) {
  .DOCTOR_LIVE_CONTAINER .menu_navbar_box {
    position: fixed;
    top: 100%;
    left: 0%;
    right: 0%;
    transform: translate(0%, -100%);
    z-index: 100;
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 60px;
    align-items: center;
    justify-content: space-between;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
  }
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD {
  width: 450px;
  max-width: 450px;
  margin-top: 0.5rem;
  height: auto;
  overflow-x: hidden;
  background: linear-gradient(160deg, #ffffff 50%, #ffffff 50%);
  filter: drop-shadow(0px 4px 5px rgba(56, 56, 56, 0.6509803922));
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Image_row_1 {
  width: 100%;
  max-height: 300px;
  height: 300px;
  position: relative;
  z-index: 1;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Image_row_1 .slide_svg {
  position: absolute;
  width: 100%;
  bottom: -6px;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Image_row_1 .slide_svg svg {
  transform: rotate(0deg);
  height: 150px;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Image_row_1 .slide_svg .overlay {
  position: relative;
  top: -3px;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(rgba(205, 98, 226, 0) 0%, #ffffff 100%);
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Image_row_1 .banner_image {
  width: 100%;
  max-height: 300px;
  height: 100%;
  overflow: hidden;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Image_row_1 .banner_image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover; /* Ensures image covers the area */
  -o-object-position: top;
     object-position: top; /* Ensures head portion is not cropped */
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Image_row_1 .user_logo {
  position: absolute;
  bottom: 0%;
  left: 50%;
  transform: translate(-50%, 0%);
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Image_row_1 .user_logo img {
  z-index: 2;
  width: 100%;
  height: 100%;
  border-radius: 0.3rem;
  -o-object-fit: cover;
     object-fit: cover; /* Ensures image covers the area */
  -o-object-position: top;
     object-position: top; /* Ensures head portion is not cropped */
  border: 2px solid rgb(214, 214, 214) !important;
  filter: drop-shadow(0px 4px 5px rgba(255, 255, 255, 0.4));
}
@keyframes profileBorder {
  0% {
    border: 3px solid #ffffff;
    transform: translateY(0px);
  }
  25% {
    border: 3px solid #ffffff;
    transform: translateY(-5px);
  }
  50% {
    border: 3px solid #ffffff;
    transform: translateY(-10px);
  }
  75% {
    border: 3px solid rgb(255, 255, 255);
    transform: translateY(-5px);
  }
  100% {
    border: 3px solid #ffffff;
    transform: translateY(0px);
  }
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Image_row_1 .svg_image {
  position: absolute;
  bottom: -5%;
  left: 0%;
  right: 0%;
  width: 100%;
  z-index: 1;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .basic_row_2 {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  position: relative;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .basic_row_2 .user_details {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .basic_row_2 .user_details .user_data {
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 1;
  gap: 15px;
  width: 100%;
  height: 100%;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .basic_row_2 .user_details .user_data .user_information {
  display: flex;
  flex: 0.5;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .basic_row_2 .user_details .user_data .user_information h2 {
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 1px;
  color: #424242;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .basic_row_2 .user_details .user_data .user_information p {
  font-size: 0.9rem;
  font-weight: 500;
  color: #424242;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0rem;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .basic_row_2 .user_details .user_data .user_information p img {
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media screen and (max-width: 600px) {
  .DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .basic_row_2 .user_details .user_data .user_information p img {
    width: 25px;
    height: 25px;
  }
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .basic_row_2 .user_details .user_data .contacts_btns {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  flex-wrap: wrap;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .basic_row_2 .user_details .user_data .contacts_btns a {
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 0.4rem 1rem;
  background-color: #6ebe4b;
  color: #ffffff;
  border-radius: 0.2rem;
  transition: all 0.4s linear;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .basic_row_2 .user_details .user_data .contacts_btns a .icon {
  font-size: 1rem;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .basic_row_2 .user_details .user_data .contacts_btns a small {
  font-size: 0.7rem;
  font-weight: 500;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .basic_row_2 .user_details .user_data .contacts_btns a:hover {
  background-color: #727272;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
  scale: 1.05;
  transition: all 0.4s linear;
}
@media screen and (max-width: 600px) {
  .DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .basic_row_2 .user_details .user_data {
    align-items: flex-start;
  }
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .contact_row_3 {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .contact_row_3 a {
  text-decoration: none;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 15px;
  color: #424242;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .contact_row_3 a .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  padding: 5px;
  border-radius: 5px;
  background-color: #6ebe4b;
  color: #ffffff;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .contact_row_3 a .contact_data {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 2px;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .contact_row_3 a .contact_data small {
  font-size: 0.7rem;
  font-weight: 600;
  color: #424242;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .contact_row_3 a .contact_data p {
  font-size: 0.9rem;
  font-weight: 500;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .contact_row_3 .add_to_contact {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.3rem auto;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .contact_row_3 .add_to_contact button {
  padding: 7px 2rem;
  color: #ffffff;
  background-color: #6ebe4b;
  font-weight: 550;
  font-size: 0.8rem;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  transition: all 0.4s ease-in-out;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .contact_row_3 .add_to_contact button:hover {
  background-color: #6ebe4b;
  color: #ffffff;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
  transition: all 0.4s ease-in-out;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .about_row_4 {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .about_row_4 .about_details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-items: flex-start;
  gap: 15px;
  width: 100%;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .about_row_4 .about_details .detail {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  width: 100%;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .about_row_4 .about_details .detail .detail_title {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 1rem;
  font-weight: 550;
  flex: 0.4;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .about_row_4 .about_details .detail .detail_title h5 {
  font-size: 0.8rem;
  font-weight: 600;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .about_row_4 .about_details .detail .detail_message {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 5px;
  font-weight: 550;
  flex: 0.6;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .about_row_4 .about_details .detail .detail_message strong {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .about_row_4 .about_details .detail .detail_message p {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 0.8rem;
  font-weight: 500;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row !important;
  gap: 1.3rem;
  width: 100%;
  margin-left: 5px;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a {
  text-decoration: none;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: all 0.3s ease-in-out;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a i {
  z-index: 2;
  font-size: 1rem;
  font-weight: 500;
  color: #ffffff;
  transition: all 0.3s ease-in-out;
  position: relative;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg1 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg1 #sw-js-blob-svg {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg1 #sw-js-blob-svg #stop1 {
  stop-color: #5365ff;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg1 #sw-js-blob-svg #stop2 {
  stop-color: #5365ff;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg2 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg2 #sw-js-blob-svg {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg2 #sw-js-blob-svg #stop3 {
  stop-color: #ff004d;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg2 #sw-js-blob-svg #stop4 {
  stop-color: #f500da;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg3 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg3 #sw-js-blob-svg {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg3 #sw-js-blob-svg #stop5 {
  stop-color: #10b856;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg3 #sw-js-blob-svg #stop6 {
  stop-color: #10b856;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg6 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg6 #sw-js-blob-svg6 {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg6 #sw-js-blob-svg6 #stop11 {
  stop-color: #4da6e9;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg6 #sw-js-blob-svg6 #stop12 {
  stop-color: #4da6e9;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg4 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg4 #sw-js-blob-svg {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg4 #sw-js-blob-svg #stop7 {
  stop-color: #ff777b;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg4 #sw-js-blob-svg #stop8 {
  stop-color: #ff656a;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg5 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg5 #sw-js-blob-svg5 {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg5 #sw-js-blob-svg5 #stop9 {
  stop-color: #a5a5a5;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg5 #sw-js-blob-svg5 #stop10 {
  stop-color: #999999;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a small {
  display: none;
  position: absolute;
  transition: all 0.4s ease-in-out;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a:hover {
  scale: 1.1;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
  transition: all 0.3s ease-in-out;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a:hover .social_media_svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a:hover .social_media_svg img {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60px;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .about_row_4 .about_details .detail .detail_message .icon {
  font-size: 1.2rem;
  cursor: pointer;
  color: rgb(104, 104, 104);
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .about_row_4 .specialities {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .about_row_4 .specialities ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  margin: auto;
  width: 90%;
  font-size: 1.3rem;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .about_row_4 .specialities ul li {
  font-size: 0.9rem;
  font-weight: 500;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .our_services {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .our_services .All_Services {
  width: 100%;
  height: auto;
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .our_services .All_Services .Service {
  width: 100%;
  padding: 1rem;
  background-color: #d6feff;
  border-radius: 3px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.253);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .our_services .All_Services .Service .service_title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .our_services .All_Services .Service .service_title h5 {
  font-size: 1.1rem;
  font-weight: 550;
  color: #3a3a3a;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .our_services .All_Services .Service .service_description {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  font-size: 0.9rem;
  font-weight: 500;
  color: rgb(46, 46, 46);
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .our_services .All_Services .Service .service_link {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .our_services .All_Services .Service .service_link a {
  text-decoration: none;
  color: royalblue;
  font-size: 0.9rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .our_services .All_Services .Service .service_link a:hover {
  text-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .our_services .All_Services .Service .service_image {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .our_services .All_Services .Service .service_image img {
  width: 100%;
  height: 250px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .our_services .All_Services .Service .service_action {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .our_services .All_Services .Service .service_action .service_price {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .our_services .All_Services .Service .service_action .service_price h5 {
  font-size: 1.1rem;
  font-weight: 600;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .our_services .All_Services .Service .service_action .service_price p {
  font-size: 1rem;
  font-weight: 550;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .our_services .All_Services .Service .service_action .service_enquiry {
  display: flex;
  align-items: center;
  justify-content: center;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .our_services .All_Services .Service .service_action .service_enquiry a {
  text-decoration: none;
  color: #ffffff;
  background-color: #6ebe4b;
  padding: 0.5rem 1rem;
  border: 2px solid #ffffff;
  font-size: 0.9rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .our_services .All_Services .Service .service_action .service_enquiry a:hover {
  background-color: #727272;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .our_products {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .our_products .All_Products {
  width: 100%;
  height: auto;
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .our_products .All_Products .Product {
  width: 100%;
  padding: 1rem;
  background-color: #fff6f6;
  border-radius: 3px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .our_products .All_Products .Product .product_title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .our_products .All_Products .Product .product_title h5 {
  font-size: 1.1rem;
  font-weight: 550;
  color: #2c2c2c;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .our_products .All_Products .Product .product_description {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  font-size: 0.9rem;
  font-weight: 500;
  color: #424242;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .our_products .All_Products .Product .product_link {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .our_products .All_Products .Product .product_link a {
  text-decoration: none;
  color: royalblue;
  font-size: 0.9rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .our_products .All_Products .Product .product_link a:hover {
  text-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .our_products .All_Products .Product .product_image {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .our_products .All_Products .Product .product_image img {
  width: 100%;
  height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .our_products .All_Products .Product .product_action {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .our_products .All_Products .Product .product_action .product_price {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .our_products .All_Products .Product .product_action .product_price h5 {
  font-size: 1.1rem;
  font-weight: 600;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .our_products .All_Products .Product .product_action .product_price p {
  font-size: 1rem;
  font-weight: 550;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .our_products .All_Products .Product .product_action .product_enquiry {
  display: flex;
  align-items: center;
  justify-content: center;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .our_products .All_Products .Product .product_action .product_enquiry a {
  text-decoration: none;
  color: #ffffff;
  background-color: #6ebe4b;
  padding: 0.5rem 1rem;
  border: 2px solid #ffffff;
  font-size: 0.9rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .our_products .All_Products .Product .product_action .product_enquiry a:hover {
  background-color: #727272;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Payment {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Payment .payment_details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-items: flex-start;
  gap: 10px;
  width: 100%;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Payment .payment_details .detail {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  width: 100%;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Payment .payment_details .detail .detail_title {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 1rem;
  font-weight: 550;
  flex: 0.4;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Payment .payment_details .detail .detail_title h5 {
  font-size: 0.8rem;
  font-weight: 600;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Payment .payment_details .detail .detail_message {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 5px;
  font-weight: 550;
  flex: 0.6;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Payment .payment_details .detail .detail_message p {
  font-size: 0.8rem;
  font-weight: 500;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Payment .payment_details .detail .detail_message .icon {
  font-size: 1.2rem;
  cursor: pointer;
  color: rgb(104, 104, 104);
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Payment .payment_details .detail .detail_message .icon:hover {
  color: royalblue;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Payment .sub_title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Payment .sub_title h4 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  font-weight: 550;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-size: 1.05rem !important;
  color: #2e2d2d;
  position: relative;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Payment .account_details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-items: flex-start;
  gap: 10px;
  width: 100%;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Payment .account_details .detail {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  width: 100%;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Payment .account_details .detail .detail_title {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 1rem;
  font-weight: 550;
  flex: 0.4;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Payment .account_details .detail .detail_title h5 {
  font-size: 0.8rem;
  font-weight: 600;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Payment .account_details .detail .detail_message {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 5px;
  font-weight: 550;
  flex: 0.6;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Payment .account_details .detail .detail_message p {
  font-size: 0.8rem;
  font-weight: 500;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Payment .account_details .detail .detail_message .icon {
  font-size: 1.2rem;
  cursor: pointer;
  color: rgb(104, 104, 104);
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Payment .account_details .detail .detail_message .icon:hover {
  color: royalblue;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Payment .qr_code_upi_name {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Payment .qr_code_upi_name h4 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  font-weight: 550;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-size: 0.9rem !important;
  color: #2e2d2d;
  position: relative;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Payment .qr_image_box {
  width: 60%;
  height: auto;
  background-color: #bcffee;
  border-radius: 10px;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4));
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Payment .qr_image_box .user_name {
  display: flex;
  align-items: center;
  justify-content: center;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Payment .qr_image_box .user_name h4 {
  font-size: 1rem;
  font-weight: 550;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Payment .qr_image_box .qr_image {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Payment .qr_image_box .qr_image img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  margin: auto;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Appoinment {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Appoinment .popup_message_container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  position: absolute;
  top: 10%;
  left: 20%;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Appoinment .popup_message_container .popup_success_box {
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
  border-radius: 5px;
  padding: 0.5px 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  position: relative;
  transition: transform 0.5s ease-in-out;
  z-index: -1;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Appoinment .popup_message_container .popup_success_box .popup_close i {
  font-size: 1.4rem;
  font-weight: 600;
  color: rgb(255, 79, 79);
  cursor: pointer;
  transition: all 0.5s ease;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Appoinment .popup_message_container .popup_success_box .popup_close i:hover {
  transform: rotate(90deg);
  transition: all 0.5s ease;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Appoinment .popup_message_container .popup_success_box .popup_message {
  font-size: 0.9rem;
  color: #525252;
  font-weight: 550;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Appoinment .popup_message_container #successOpen {
  transform: translateX(0px);
  transition: transform 0.5s ease-in-out;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Appoinment .popup_message_container #successClose {
  transform: translateX(500px);
  transition: transform 0.5s ease-in-out;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Appoinment .popup_message_container .popup_error_box {
  display: inline-block;
  height: 40px;
  background-color: rgb(255, 177, 141) !important;
  border-radius: 5px;
  padding: 0px 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3rem;
  position: relative;
  z-index: -1;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Appoinment .popup_message_container .popup_error_box .popup_close i {
  font-size: 1.4rem;
  color: rgb(255, 255, 255);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.5s ease;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Appoinment .popup_message_container .popup_error_box .popup_close i:hover {
  transform: rotate(90deg);
  transition: all 0.5s ease;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Appoinment .popup_message_container .popup_error_box .popup_message {
  font-size: 0.9rem;
  color: #494949;
  font-weight: 550;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Appoinment .appinment_form_container {
  width: 100%;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Appoinment .appinment_form_container form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0rem 1rem;
  width: 100%;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Appoinment .appinment_form_container form .form_group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  position: relative;
  gap: 5px;
  padding: 0.5rem 0px;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Appoinment .appinment_form_container form .form_group label {
  font-size: 0.8rem;
  font-weight: 550;
  letter-spacing: 1px;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Appoinment .appinment_form_container form .form_group .labelError {
  color: tomato;
  font-weight: 500 !important;
  font-size: 0.7rem;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Appoinment .appinment_form_container form .form_group .input_error {
  border: 1px solid tomato !important;
  border-radius: 5px;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Appoinment .appinment_form_container form .form_group .error {
  position: absolute;
  top: 12%;
  right: 0%;
  color: tomato;
  font-size: 0.8rem;
  padding: 5px 0px 0px 0px;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Appoinment .appinment_form_container form .form_group .desc_error {
  position: absolute;
  top: 0%;
  right: 0%;
  color: tomato;
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Appoinment .appinment_form_container form .form_group input[type=date],
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Appoinment .appinment_form_container form .form_group input[type=text],
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Appoinment .appinment_form_container form .form_group input[type=tel] {
  width: 100%;
  outline: none;
  padding: 10px 1rem;
  border-radius: 0.2rem;
  background-color: transparent;
  border: 1px solid #4b4b4b;
  color: rgb(77, 77, 77);
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Appoinment .appinment_form_container form .form_group input[type=date]::-moz-placeholder, .DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Appoinment .appinment_form_container form .form_group input[type=text]::-moz-placeholder, .DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Appoinment .appinment_form_container form .form_group input[type=tel]::-moz-placeholder {
  color: rgb(71, 71, 71);
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Appoinment .appinment_form_container form .form_group input[type=date]::placeholder,
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Appoinment .appinment_form_container form .form_group input[type=text]::placeholder,
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Appoinment .appinment_form_container form .form_group input[type=tel]::placeholder {
  color: rgb(71, 71, 71);
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Appoinment .appinment_form_container form .form_group select {
  width: 100%;
  outline: none;
  padding: 8px 1rem;
  background-color: transparent;
  border: 1px solid #4d4d4d;
  color: rgb(100, 100, 100);
  font-weight: 500;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Appoinment .appinment_form_container form .form_group select option {
  color: rgb(59, 59, 59);
  width: 100%;
  font-size: 0.8rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Appoinment .appinment_form_container form .form_submit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  width: 100%;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Appoinment .appinment_form_container form .form_submit button {
  display: flex;
  align-self: center;
  justify-content: center;
  gap: 0.5rem;
  outline: none;
  padding: 6px 1rem;
  background-color: #6ebe4b;
  color: #fff;
  font-size: 0.8rem;
  border-radius: 0.3rem;
  font-weight: 500;
  transition: all 0.4s ease-in;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Appoinment .appinment_form_container form .form_submit button span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.9rem;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Appoinment .appinment_form_container form .form_submit button .inquiryloader {
  width: 18px;
  height: 18px;
  border: 2px solid #fff;
  border-bottom-color: transparent;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Appoinment .appinment_form_container form .form_submit button:hover {
  background-color: #7e7e7e;
  filter: drop-shadow(0px 4px 5px rgba(109, 109, 109, 0.4));
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Appoinment .appinment_form_container form .form_submit button:nth-child(2) {
  background-color: royalblue;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Appoinment .appinment_form_container form .form_submit button:nth-child(2):hover {
  background-color: rgb(248, 137, 118);
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .gallery {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .gallery .all_gallerys {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0.5rem;
  place-items: center;
  /* Different spans for larger images */
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .gallery .all_gallerys .gallery_image {
  width: 100%;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .gallery .all_gallerys .gallery_image img {
  cursor: pointer;
  width: 100%;
  height: 150px;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
  border: 1px solid rgb(196, 196, 196);
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .gallery .all_gallerys .gallery_image img:hover {
  opacity: 0.7;
  transition: all 0.3s ease;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .gallery .all_gallerys .span-1 {
  grid-row: span 1;
  grid-column: span 1;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .gallery .all_gallerys .span-2 {
  grid-row: span 2;
  grid-column: span 2;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .gallery .all_gallerys .span-3 {
  grid-row: span 3;
  grid-column: span 3;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .gallery .all_gallerys .span-4 {
  grid-row: span 1;
  grid-column: span 1;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .gallery .all_gallerys .span-5 {
  grid-row: span 2;
  grid-column: span 2;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .video {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .video .videos_container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
  margin: auto;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .video .videos_container .video_image {
  width: 100%;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .video .videos_container .video_image iframe {
  width: 100%;
  height: 200px;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .time_container {
  width: 100%;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .time_container .time_list_container {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  place-items: center;
  gap: 1rem 1rem;
  margin: 1rem auto;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .time_container .time_list_container .time_list {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  padding: 5px 1rem 5px 1rem;
  background-color: #797979;
  width: 100%;
  height: 80px;
  max-height: 80px;
  min-height: 80px;
  border-radius: 0.5rem;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .time_container .time_list_container .time_list .day {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .time_container .time_list_container .time_list .day span {
  font-size: 0.7rem;
  font-weight: 550;
  color: #ffffff;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .time_container .time_list_container .time_list .day span::after {
  content: "";
  display: block;
  height: 1px;
  background-color: rgb(112, 112, 112);
  width: 100%;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .time_container .time_list_container .time_list .time {
  width: 100%;
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  margin-top: 10px;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .time_container .time_list_container .time_list .time .start {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .time_container .time_list_container .time_list .time .start h6 {
  font-size: 0.6rem;
  font-weight: 600;
  color: #ffffff;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .time_container .time_list_container .time_list .time .start span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.6rem;
  color: #ffffff;
  font-weight: 550;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .time_container .time_list_container .time_list .time .end {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .time_container .time_list_container .time_list .time .end h6 {
  font-size: 0.6rem;
  font-weight: 500;
  color: #ffffff;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .time_container .time_list_container .time_list .time .end span {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 0.6rem;
  font-weight: 550;
}
@media screen and (max-width: 700px) {
  .DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .time_container .time_list_container {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .testimonial {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .testimonial .testimonial_container {
  margin: 1rem auto;
  width: 100%;
  height: 180px;
  min-height: 180px;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .testimonial .testimonial_container .testimonial_list {
  margin: 1rem 1rem;
  width: 100%;
  height: 180px;
  min-height: 180px;
  background-color: #a3a3a3;
  overflow-y: auto;
  margin: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .testimonial .testimonial_container .testimonial_list .client_feedback {
  width: 100%;
  flex: 0.6;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: 10px;
  padding: 10px;
  height: 100%;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .testimonial .testimonial_container .testimonial_list .client_feedback h4 {
  font-size: 0.9rem;
  font-weight: 550;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .testimonial .testimonial_container .testimonial_list .client_feedback small {
  width: 100%;
  font-size: 0.8rem;
  color: #ffffff;
  font-weight: 500;
  overflow-y: scroll;
  text-align: start;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .testimonial .testimonial_container .testimonial_list .client_feedback small::-webkit-scrollbar {
  display: none;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .testimonial .testimonial_container .testimonial_list .client_detail {
  display: flex;
  align-items: center;
  flex-direction: column-reverse;
  width: 100%;
  height: 100%;
  flex: 0.4;
  justify-content: center;
  gap: 10px;
  background-color: #6ebe4b;
  border-bottom-left-radius: 6rem;
  border-top-left-radius: 6rem;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .testimonial .testimonial_container .testimonial_list .client_detail img {
  width: 60px;
  height: 60px;
  border-radius: 0.5rem;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border: 1px solid #a3a3a3;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .testimonial .testimonial_container .testimonial_list .client_detail .client_name {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .testimonial .testimonial_container .testimonial_list .client_detail .client_name h4 {
  font-size: 0.8rem;
  color: #ffffff;
  font-weight: 550;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .testimonial .testimonial_container .testimonial_list .client_detail .client_name small {
  color: yellow;
  font-size: 0.7rem;
  font-weight: 550;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .testimonial .testimonial_container .testimonial_list::-webkit-scrollbar {
  display: none;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .google_map_container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .google_map_container .google_map {
  width: 100%;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .google_map_container .google_map iframe {
  width: 100% !important;
  height: 250px !important;
  border: none !important;
  margin: 1rem auto;
  border-radius: 0.5rem;
  filter: drop-shadow(0px 4px 5px rgba(56, 56, 56, 0.527));
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row {
  width: 100%;
  padding: 0rem 1rem;
  display: flex;
  flex-direction: column;
  gap: 0rem;
  align-items: center;
  justify-content: center;
  position: relative;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .popup_message_container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .popup_message_container .popup_success_box {
  display: inline-block;
  width: auto;
  background-color: rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
  padding: 0.7px 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  position: relative;
  font-size: 0.7rem;
  font-weight: 500;
  transition: all 0.5s ease-in-out;
  z-index: -1;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .popup_message_container .popup_success_box .popup_close i {
  font-size: 1.4rem;
  font-weight: 600;
  color: rgb(255, 101, 101);
  cursor: pointer;
  transition: all 0.5s ease;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .popup_message_container .popup_success_box .popup_close i:hover {
  transform: rotate(90deg);
  transition: all 0.5s ease;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .popup_message_container .popup_success_box .popup_close .icon {
  font-size: 1.2rem;
  color: #2cc478;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .popup_message_container .popup_success_box .popup_message {
  font-size: 0.9rem;
  color: rgb(48, 48, 48);
  font-weight: 500;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .popup_message_container #successOpen {
  scale: 1;
  opacity: 1;
  transition: all 0.5s ease-in-out;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .popup_message_container #successClose {
  scale: 0;
  opacity: 0;
  transition: all 0.5s ease-in-out;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .popup_message_container .popup_error_box {
  display: inline-block;
  height: 40px;
  background-color: rgb(255, 177, 141) !important;
  border-radius: 5px;
  padding: 0px 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3rem;
  position: relative;
  z-index: -1;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .popup_message_container .popup_error_box .popup_close i {
  font-size: 1.4rem;
  color: rgb(255, 255, 255);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.5s ease;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .popup_message_container .popup_error_box .popup_close i:hover {
  transform: rotate(90deg);
  transition: all 0.5s ease;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .popup_message_container .popup_error_box .popup_message {
  font-size: 0.9rem;
  color: #2cc478;
  font-weight: 550;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .Feedback_container_message {
  width: 100%;
  height: auto;
  margin: 0rem auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .Feedback_container_message .feeback_title {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: space-between;
  gap: 10px;
  z-index: 800;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .Feedback_container_message .feeback_title button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 0.7rem;
  color: #6ebe4b;
  background: transparent;
  cursor: pointer;
  outline: none;
  border: transparent;
  font-weight: 600;
  position: relative;
  padding-top: 1rem;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .Feedback_container_message .feeback_title button i {
  font-size: 1.4rem;
  color: rgb(43, 43, 43);
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .Feedback_container_message .feeback_title button .count {
  position: absolute;
  right: -7%;
  top: 20%;
  font-size: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  color: #474747;
  border-radius: 50%;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .Feedback_container_message .feeback_title .feedBack_loader {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: block;
  margin: 15px auto;
  position: relative;
  color: #253bff;
  left: -100px;
  box-sizing: border-box;
  animation: shadowRolling 2s linear infinite;
}
@keyframes shadowRolling {
  0% {
    box-shadow: 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
  }
  12% {
    box-shadow: 100px 0 rgb(76, 247, 176), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
  }
  25% {
    box-shadow: 110px 0 rgb(107, 98, 233), 100px 0 rgb(75, 45, 243), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
  }
  36% {
    box-shadow: 120px 0 rgb(94, 236, 255), 110px 0 rgb(226, 253, 72), 100px 0 rgb(219, 99, 119), 0px 0 rgba(255, 255, 255, 0);
  }
  50% {
    box-shadow: 130px 0 rgb(240, 135, 49), 120px 0 rgb(56, 163, 74), 110px 0 rgb(99, 95, 95), 100px 0 rgb(135, 111, 221);
  }
  62% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 130px 0 white, 120px 0 white, 110px 0 white;
  }
  75% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 130px 0 white, 120px 0 white;
  }
  87% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 130px 0 white;
  }
  100% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0);
  }
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .Feedback_container_message .comment_box {
  width: 100%;
  max-height: 300px;
  height: auto;
  overflow: scroll;
  margin: 1rem auto;
  background: transparent;
  border-radius: 5px;
  position: relative;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .comment_box_title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  background-color: royalblue;
  color: #fff;
  font-weight: 400;
  display: none;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message {
  width: 100%;
  padding: 10px;
  border-bottom: 2px solid rgb(238, 237, 237);
  position: relative;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 5px;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .userName p {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 1.1rem;
  color: rgb(22, 22, 22);
  letter-spacing: 1px;
  font-weight: 550;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .userName p i {
  color: rgb(94, 94, 94);
  font-size: 1.4rem;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .userName p::first-letter {
  text-transform: uppercase !important;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars .ratting_container1 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars .ratting_container1 span i {
  font-size: 1.2rem;
  cursor: pointer;
  color: lightgray;
  transition: all 0.4s ease-in-out;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars .ratting_container1 span .highlight1 {
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
  color: gold;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #noRatting span:nth-child(1) i,
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #noRatting span:nth-child(2) i,
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #noRatting span:nth-child(3) i,
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #noRatting span:nth-child(4) i,
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #noRatting span:nth-child(5) i {
  text-decoration: line-through;
  text-decoration-color: #ff2525;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #singleRatting span:nth-child(1) i {
  color: #f7c52a;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #doubleRatting span:nth-child(1) i,
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #doubleRatting span:nth-child(2) i {
  color: #f7c52a;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #ThreeRatting span:nth-child(1) i,
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #ThreeRatting span:nth-child(2) i,
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #ThreeRatting span:nth-child(3) i {
  color: #f7c52a;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fourRatting span:nth-child(1) i,
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fourRatting span:nth-child(2) i,
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fourRatting span:nth-child(3) i,
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fourRatting span:nth-child(4) i {
  color: #f7c52a;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fullRatting span:nth-child(1) i,
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fullRatting span:nth-child(2) i,
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fullRatting span:nth-child(3) i,
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fullRatting span:nth-child(4) i,
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fullRatting span:nth-child(5) i {
  color: #f7c52a;
  filter: drop-shadow(0px 4px 5px rgba(165, 165, 165, 0.4));
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .comments {
  margin: 10px auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  width: 100%;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .comments i {
  color: royalblue;
  font-size: 1.4rem;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .comments span {
  font-size: 0.9rem;
  color: #272727;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .date {
  position: absolute;
  right: 2%;
  top: 15%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 0.9rem;
  color: rgb(68, 68, 68);
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .date i {
  color: darkcyan;
  font-size: 1.1rem;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .Feedback_container_message .comment_box::-webkit-scrollbar {
  display: none;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .feedback_container {
  width: 100%;
  position: relative;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .feedback_container form {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin: auto;
  padding: 0px 0.5rem 0rem 0.5rem;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .feedback_container form .feedback_svg {
  position: absolute;
  top: -4%;
  right: 0%;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .feedback_container form .feedback_svg img {
  width: 100px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media (max-width: 600px) {
  .DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .feedback_container form .feedback_svg img {
    width: 90px;
  }
  .DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .feedback_container form .feedback_svg {
    top: 0%;
  }
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .feedback_container form .form_group {
  margin: 10px auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  width: 95%;
  position: relative;
  margin: 0.2rem 0.2rem;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .feedback_container form .form_group .error {
  font-size: 0.6rem;
  color: tomato !important;
  -webkit-text-fill-color: tomato;
  letter-spacing: 1px;
  display: flex;
  align-items: center;
  font-weight: 550;
  justify-content: flex-start;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .feedback_container form .form_group label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  left: 5%;
  color: #424242;
  -webkit-text-fill-color: #424242;
  font-size: 0.7rem;
  font-weight: 550;
  border-radius: 4px;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .feedback_container form .form_group label span {
  font-size: 1rem;
  color: tomato !important;
  -webkit-text-fill-color: tomato;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .feedback_container form .form_group label span sup {
  color: tomato !important;
}
@media screen and (max-width: 800px) {
  .DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .feedback_container form .form_group label {
    left: 5%;
  }
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .feedback_container form .form_group input,
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .feedback_container form .form_group .ratting_container {
  width: 100%;
  padding: 0.7rem 1rem;
  background-color: transparent;
  border: 1px solid #797979;
  color: #424242;
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border-radius: 0.3rem;
  outline: none;
  caret-color: #424242;
  transition: all 0.3s ease;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .feedback_container form .form_group input::-moz-placeholder, .DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .feedback_container form .form_group .ratting_container::-moz-placeholder {
  font-size: 0.6rem;
  color: #424242;
  letter-spacing: 1px;
  font-weight: 400;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .feedback_container form .form_group input::placeholder,
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .feedback_container form .form_group .ratting_container::placeholder {
  font-size: 0.6rem;
  color: #424242;
  letter-spacing: 1px;
  font-weight: 400;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .feedback_container form .form_group input:focus,
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .feedback_container form .form_group .ratting_container:focus {
  border: double 2px transparent;
  border-radius: 0.3rem;
  background-color: transparent;
  border: 1px solid #424242;
  background-origin: border-box;
  background-clip: padding-box, border-box;
  transition: all 0.3s ease;
}
@media screen and (max-width: 800px) {
  .DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .feedback_container form .form_group input,
  .DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .feedback_container form .form_group .ratting_container {
    padding: 0.8rem 2rem;
    width: 100%;
    background-color: transparent;
  }
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .feedback_container form .form_group .ratting_container {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .feedback_container form .form_group .ratting_container span i {
  font-size: 1.5rem;
  cursor: pointer;
  color: rgb(255, 168, 54);
  transition: all 0.4s ease-in-out;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .feedback_container form .form_group .ratting_container span .highlight {
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
  color: gold;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .feedback_container form .form_group textarea {
  width: 100%;
  padding: 1rem;
  caret-color: #424242;
  color: #424242;
  border: double 1px transparent;
  background-color: transparent;
  border: 1px solid #797979;
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border-radius: 0.3rem;
  outline: none;
  transition: all 0.3s ease;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .feedback_container form .form_group textarea::-moz-placeholder {
  font-size: 0.6rem;
  color: #424242;
  letter-spacing: 1px;
  font-weight: 400;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .feedback_container form .form_group textarea::placeholder {
  font-size: 0.6rem;
  color: #424242;
  letter-spacing: 1px;
  font-weight: 400;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .feedback_container form .form_group textarea:focus {
  border: double 2px transparent;
  border-radius: 0.3rem;
  background-color: transparent;
  border: 1px solid #424242;
  background-origin: border-box;
  background-clip: padding-box, border-box;
  transition: all 0.3s ease;
}
@media screen and (max-width: 800px) {
  .DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .feedback_container form .form_group textarea {
    padding: 0.8rem 2rem;
    width: 100%;
    background-color: transparent;
  }
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .feedback_container form .form_group .icon {
  position: absolute;
  left: 1%;
  top: 63%;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .feedback_container form .form_group .icon img {
  width: 25px;
  height: 25px;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .feedback_container form .form_group .icon i {
  font-size: 1.4rem;
  color: skyblue;
}
@media screen and (max-width: 800px) {
  .DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .feedback_container form .form_group .icon {
    position: absolute;
    left: 2%;
    top: 25%;
  }
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .feedback_container form .form_group .show_pass {
  position: absolute;
  right: 2%;
  top: 25%;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .feedback_container form .form_group .show_pass i {
  font-size: 1.4rem;
  color: skyblue;
  cursor: pointer;
}
@media screen and (max-width: 800px) {
  .DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .feedback_container form .form_group .show_pass {
    position: absolute;
    right: 2%;
    top: 25%;
  }
}
@media screen and (max-width: 900px) {
  .DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .feedback_container form .form_group {
    margin: 0.8rem auto;
  }
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .feedback_container form .form_actions {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 1rem auto;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .feedback_container form .form_actions button {
  margin-right: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background-color: #6ebe4b;
  filter: none;
  width: auto;
  padding: 10px 1rem;
  outline: none;
  border: transparent;
  font-weight: 500;
  letter-spacing: 1px;
  font-size: 0.6rem;
  border-radius: 5px;
  cursor: pointer;
  color: #ffffff;
  transition: all 0.4s ease-in;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .feedback_container form .form_actions button span {
  font-size: 1.2rem;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .feedback_container form .form_actions button .form_loader,
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .feedback_container form .form_actions button .form_loader:before,
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .feedback_container form .form_actions button .form_loader:after {
  border-radius: 50%;
  width: 1em;
  height: 1em;
  animation-fill-mode: both;
  animation: bblFadInOut 1.8s infinite ease-in-out;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .feedback_container form .form_actions button .form_loader {
  color: #fff;
  font-size: 7px;
  position: relative;
  text-indent: -9999em;
  transform: translateZ(0);
  animation-delay: -0.16s;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .feedback_container form .form_actions button .form_loader:before,
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .feedback_container form .form_actions button .form_loader:after {
  content: "";
  position: absolute;
  top: 0;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .feedback_container form .form_actions button .form_loader:before {
  left: -3.5em;
  animation-delay: -0.32s;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .feedback_container form .form_actions button .form_loader:after {
  left: 3.5em;
}
@keyframes bblFadInOut {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .feedback_row .feedback_container form .form_actions button:hover {
  background-color: #a3a3a3;
  color: #ffffff;
  font-weight: 550;
  transition: all 0.4s ease-in;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Inquries {
  width: 100%;
  padding: 0rem 1rem;
  display: flex;
  flex-direction: column;
  gap: 0rem;
  align-items: center;
  justify-content: center;
  position: relative;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Inquries .popup_message_container {
  position: absolute;
  right: 3%;
  top: 5%;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Inquries .popup_message_container .popup_success_box {
  display: inline-block;
  background-color: rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
  border-radius: 5px;
  padding: 0.6px 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3rem;
  position: relative;
  transition: transform 0.5s ease-in-out;
  z-index: -1;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Inquries .popup_message_container .popup_success_box .popup_close i {
  font-size: 1.4rem;
  font-weight: 600;
  color: rgb(255, 76, 76);
  cursor: pointer;
  transition: all 0.5s ease;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Inquries .popup_message_container .popup_success_box .popup_close i:hover {
  transform: rotate(90deg);
  transition: all 0.5s ease;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Inquries .popup_message_container .popup_success_box .popup_message {
  font-size: 0.9rem;
  color: #4b4b4b;
  font-weight: 550;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Inquries .popup_message_container #successOpen {
  transform: translateX(0px);
  transition: transform 0.5s ease-in-out;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Inquries .popup_message_container #successClose {
  transform: translateX(500px);
  transition: transform 0.5s ease-in-out;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Inquries .popup_message_container .popup_error_box {
  display: inline-block;
  height: 40px;
  background-color: rgb(255, 177, 141) !important;
  border-radius: 5px;
  padding: 0px 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3rem;
  position: relative;
  z-index: -1;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Inquries .popup_message_container .popup_error_box .popup_close i {
  font-size: 1.4rem;
  color: rgb(255, 255, 255);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.5s ease;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Inquries .popup_message_container .popup_error_box .popup_close i:hover {
  transform: rotate(90deg);
  transition: all 0.5s ease;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Inquries .popup_message_container .popup_error_box .popup_message {
  font-size: 0.9rem;
  color: #494949;
  font-weight: 550;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Inquries .inquiries_container5 {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
  margin: auto;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Inquries .inquiries_container5 form {
  width: 90%;
  padding: 10px 0px;
  margin: auto;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Inquries .inquiries_container5 form .form_group {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 10px;
  margin-bottom: 10px;
  margin: 10px auto;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Inquries .inquiries_container5 form .form_group label {
  font-size: 0.7rem;
  letter-spacing: 1px;
  color: #686868;
  font-weight: 550;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Inquries .inquiries_container5 form .form_group .input {
  width: 100%;
  position: relative;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Inquries .inquiries_container5 form .form_group .input input,
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Inquries .inquiries_container5 form .form_group .input textarea {
  width: 100%;
  padding: 0.9rem 2.5rem;
  outline: none;
  border: transparent;
  border-radius: 5px;
  background-color: transparent;
  color: #525252;
  border: 1px solid rgb(119, 119, 119);
  caret-color: rgb(78, 78, 78);
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Inquries .inquiries_container5 form .form_group .input input::-moz-placeholder, .DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Inquries .inquiries_container5 form .form_group .input textarea::-moz-placeholder {
  color: rgb(63, 63, 63);
  letter-spacing: 1px;
  font-size: 0.7rem;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Inquries .inquiries_container5 form .form_group .input input::placeholder,
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Inquries .inquiries_container5 form .form_group .input textarea::placeholder {
  color: rgb(63, 63, 63);
  letter-spacing: 1px;
  font-size: 0.7rem;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Inquries .inquiries_container5 form .form_group .input i {
  position: absolute;
  left: 2%;
  font-size: 1.5rem;
  color: #757575;
  top: 30%;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Inquries .inquiries_container5 form .form_group .labelError {
  color: tomato;
  font-weight: 450;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Inquries .inquiries_container5 form .form_group .input_error {
  border: 1px solid tomato !important;
  border-radius: 5px;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Inquries .inquiries_container5 form .form_group .error {
  position: absolute;
  top: 12%;
  right: 0%;
  color: tomato;
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Inquries .inquiries_container5 form .form_group .desc_error {
  position: absolute;
  top: 0%;
  right: 0%;
  color: tomato;
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Inquries .inquiries_container5 form .form_actions {
  padding: 0px 1rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 1rem auto;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button {
  width: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background-color: #6ebe4b;
  color: #ffffff;
  padding: 8px 1rem;
  outline: none;
  border: transparent;
  font-weight: 450;
  letter-spacing: 1px;
  font-size: 0.7rem;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.4s ease-in;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button img {
  width: 20px;
  height: 20px;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button .form_loader,
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button .form_loader:before,
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button .form_loader:after {
  border-radius: 50%;
  width: 1em;
  height: 1em;
  animation-fill-mode: both;
  animation: bblFadInOut 1.8s infinite ease-in-out;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button .form_loader {
  color: #fff;
  font-size: 7px;
  position: relative;
  text-indent: -9999em;
  transform: translateZ(0);
  animation-delay: -0.16s;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button .form_loader:before,
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button .form_loader:after {
  content: "";
  position: absolute;
  top: 0;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button .form_loader:before {
  left: -3.5em;
  animation-delay: -0.32s;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button .form_loader:after {
  left: 3.5em;
}
@keyframes bblFadInOut {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button:hover {
  background-color: #ffffff;
  transition: all 0.4s ease-in;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.5));
  color: #272727;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Footer {
  position: relative;
  bottom: 0%;
  width: 100%;
  margin-top: 3rem;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Footer .footer_container {
  width: 100%;
  min-height: 50px;
  height: 50px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px 0px;
  z-index: 600;
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Footer .footer_container p {
  font-size: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-weight: 400;
  letter-spacing: 1px;
}
@media (max-width: 600px) {
  .DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Footer .footer_container p {
    font-size: 0.7rem;
  }
}
.DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD .Footer .footer_container svg {
  position: absolute;
  z-index: -1;
  bottom: 0%;
  left: 0%;
  width: 100%;
}
@media screen and (max-width: 600px) {
  .DOCTOR_LIVE_CONTAINER .DOCTOR_LIVE_CARD {
    width: 100vw !important;
    min-width: 100vw;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin-top: 0rem;
  }
}
.DOCTOR_LIVE_CONTAINER::-webkit-scrollbar {
  width: 6px !important;
  height: 4px !important;
  background-color: #a1a1a1, #c9c9c9;
}
@media screen and (max-width: 650px) {
  .DOCTOR_LIVE_CONTAINER::-webkit-scrollbar {
    display: none !important;
  }
}
.DOCTOR_LIVE_CONTAINER::-webkit-scrollbar-thumb {
  width: 6px !important;
  height: 4px !important;
  border-radius: 10px;
  z-index: 10;
  cursor: pointer;
  background-color: #fff !important;
}
.DOCTOR_LIVE_CONTAINER::-webkit-scrollbar-thumb:hover {
  background-color: rgb(36, 231, 222);
}
.date-input {
  appearance: none; /* Remove default styling */
  -webkit-appearance: none; /* Remove default styling in Safari */
  -moz-appearance: none; /* Remove default styling in Firefox */
  padding: 10px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.date-input::-moz-placeholder {
  color: #888; /* Placeholder color */
}
.date-input::placeholder {
  color: #888; /* Placeholder color */
}
/* Custom icon for the date picker */
.date-input::-webkit-calendar-picker-indicator {
  cursor: pointer;
  color: transparent;
  opacity: 1;
  position: absolute;
  right: 10px;
  top: 70%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url("https://img.icons8.com/emoji/48/calendar-emoji.png") no-repeat center center;
  background-size: contain;
}


.ADVOCATE_TITLE_LIVE, .ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Inquries, .ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row, .ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .google_map_container, .ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .testimonial, .ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .time_container, .ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Appoinment, .ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .video, .ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .gallery, .ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Payment, .ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .our_products, .ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .our_services {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  position: relative;
  margin: auto;
}
.ADVOCATE_TITLE_LIVE h3, .ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Inquries h3, .ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row h3, .ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .google_map_container h3, .ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .testimonial h3, .ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .time_container h3, .ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Appoinment h3, .ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .video h3, .ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .gallery h3, .ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Payment h3, .ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .our_products h3, .ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .our_services h3 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-family: "Roboto", sans-serif;
  font-weight: 550;
  font-style: normal;
  border-radius: 5px;
  font-size: 1.2rem;
  color: #F6BE71;
  position: relative;
}
.ADVOCATE_TITLE_LIVE h3::first-letter, .ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Inquries h3::first-letter, .ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row h3::first-letter, .ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .google_map_container h3::first-letter, .ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .testimonial h3::first-letter, .ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .time_container h3::first-letter, .ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Appoinment h3::first-letter, .ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .video h3::first-letter, .ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .gallery h3::first-letter, .ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Payment h3::first-letter, .ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .our_products h3::first-letter, .ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .our_services h3::first-letter {
  font-size: 1.7rem !important;
  color: #a3a3a3 !important;
}
.ADVOCATE_TITLE_LIVE .left_icon, .ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Inquries .left_icon, .ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .left_icon, .ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .google_map_container .left_icon, .ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .testimonial .left_icon, .ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .time_container .left_icon, .ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Appoinment .left_icon, .ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .video .left_icon, .ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .gallery .left_icon, .ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Payment .left_icon, .ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .our_products .left_icon, .ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .our_services .left_icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  transform: rotate(180deg);
  color: #F6BE71;
}
.ADVOCATE_TITLE_LIVE .right_icon, .ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Inquries .right_icon, .ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .right_icon, .ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .google_map_container .right_icon, .ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .testimonial .right_icon, .ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .time_container .right_icon, .ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Appoinment .right_icon, .ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .video .right_icon, .ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .gallery .right_icon, .ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Payment .right_icon, .ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .our_products .right_icon, .ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .our_services .right_icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.1rem;
  color: #F6BE71;
}
.ADVOCATE_SUB_TITLE_LIVE {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
.ADVOCATE_SUB_TITLE_LIVE h3 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  font-weight: 600;
  font-size: 1rem !important;
  color: #F6BE71;
  position: relative;
}
.ADVOCATE_LIVE_CONTAINER {
  width: 100vw;
  min-height: 100vh;
  height: auto;
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin: auto;
  color: #303030;
  overflow-y: scroll;
  overflow-x: hidden;
  background-image: url("");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background: linear-gradient(90deg, #bbbbbb, #f5f5f5, #bbbbbb, #f5f5f5);
}
.ADVOCATE_LIVE_CONTAINER .full_image {
  display: none;
  z-index: 500;
  margin: auto;
  width: 100%;
  height: 800px;
  background: linear-gradient(#3B475C, #3B475C);
}
.ADVOCATE_LIVE_CONTAINER .full_image .close_Full_Image_gallery {
  position: absolute;
  width: 100%;
  left: 90%;
  top: 5%;
}
.ADVOCATE_LIVE_CONTAINER .full_image .close_Full_Image_gallery .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  color: red;
  cursor: pointer;
  place-items: center;
  transition: all 0.3s ease-in-out;
}
.ADVOCATE_LIVE_CONTAINER .full_image .close_Full_Image_gallery .icon:hover {
  filter: drop-shadow(0px 4px 5px rgba(255, 156, 117, 0.6));
  scale: 1.2;
  transition: all 0.3s ease-in-out;
}
.ADVOCATE_LIVE_CONTAINER .full_image img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.5));
  border-radius: 5px;
  z-index: 1000;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 600px) {
  .ADVOCATE_LIVE_CONTAINER .full_image img {
    width: 70%;
    height: 150px;
  }
}
.ADVOCATE_LIVE_CONTAINER .menu_navbar_box {
  width: 80px;
  height: 100vh;
  background-color: #3B475C;
  position: fixed;
  top: 0%;
  right: 0%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.ADVOCATE_LIVE_CONTAINER .menu_navbar_box .up_btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0.1;
  font-size: 2.5rem;
  font-weight: bold;
  background-color: #696969;
  border-top-left-radius: 0rem;
  border-top-right-radius: 0rem;
  color: #ffffff;
  cursor: pointer;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 650px) {
  .ADVOCATE_LIVE_CONTAINER .menu_navbar_box .up_btn .icon {
    transform: rotate(-90deg);
    font-size: 1.5rem;
  }
}
.ADVOCATE_LIVE_CONTAINER .menu_navbar_box .up_btn:hover {
  background: linear-gradient(120deg, #686868 40%, #686868 60%);
  color: #ffffff;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 650px) {
  .ADVOCATE_LIVE_CONTAINER .menu_navbar_box .up_btn {
    height: 100%;
    flex: 0.1;
    display: flex;
    border-radius: 0px;
    border-top-left-radius: 0rem;
    border-bottom-left-radius: 0rem;
    flex-direction: row !important;
  }
}
.ADVOCATE_LIVE_CONTAINER .menu_navbar_box .hideUpArrow {
  opacity: 1;
  cursor: not-allowed;
}
.ADVOCATE_LIVE_CONTAINER .menu_navbar_box .all_menus {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  gap: 1rem;
  flex: 0.8;
  max-height: 80%;
  padding: 0.5rem;
  width: 100%;
  overflow-y: scroll;
  scroll-behavior: smooth;
}
.ADVOCATE_LIVE_CONTAINER .menu_navbar_box .all_menus .menu {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 100%;
  cursor: pointer;
  color: #ffffff;
  padding: 5px 10px;
  border-radius: 4px;
  transition: all 0.5s ease-in-out;
}
.ADVOCATE_LIVE_CONTAINER .menu_navbar_box .all_menus .menu .icon {
  font-size: 1.4rem;
}
@media screen and (max-width: 650px) {
  .ADVOCATE_LIVE_CONTAINER .menu_navbar_box .all_menus .menu .icon {
    font-size: 1rem;
  }
}
.ADVOCATE_LIVE_CONTAINER .menu_navbar_box .all_menus .menu p {
  font-size: 0.8rem;
  font-weight: 550;
}
@media screen and (max-width: 650px) {
  .ADVOCATE_LIVE_CONTAINER .menu_navbar_box .all_menus .menu p {
    font-size: 0.6rem;
  }
}
.ADVOCATE_LIVE_CONTAINER .menu_navbar_box .all_menus .menu:hover {
  color: #ffffff;
  background-color: #DA9107;
  transition: all 0.5s ease-in-out;
}
.ADVOCATE_LIVE_CONTAINER .menu_navbar_box .all_menus .menuActive {
  color: #ffffff;
  background-color: #DA9107;
}
.ADVOCATE_LIVE_CONTAINER .menu_navbar_box .all_menus::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 650px) {
  .ADVOCATE_LIVE_CONTAINER .menu_navbar_box .all_menus {
    height: 100%;
    width: 100%;
    flex: 0.8;
    display: flex;
    flex-direction: row !important;
  }
}
.ADVOCATE_LIVE_CONTAINER .menu_navbar_box .down_btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0.1;
  font-size: 2.5rem;
  font-weight: bold;
  background-color: #696969;
  border-bottom-left-radius: 0rem;
  border-bottom-right-radius: 0rem;
  color: #ffffff;
  cursor: pointer;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 650px) {
  .ADVOCATE_LIVE_CONTAINER .menu_navbar_box .down_btn .down {
    transform: rotate(-90deg);
    font-size: 1.5rem;
  }
}
.ADVOCATE_LIVE_CONTAINER .menu_navbar_box .down_btn:hover {
  background: linear-gradient(120deg, #686868 40%, #686868 60%);
  color: #ffffff;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 650px) {
  .ADVOCATE_LIVE_CONTAINER .menu_navbar_box .down_btn {
    height: 100%;
    flex: 0.1;
    display: flex;
    border-radius: 0px;
    border-top-right-radius: 0rem;
    border-bottom-right-radius: 0rem;
    flex-direction: row !important;
  }
}
.ADVOCATE_LIVE_CONTAINER .menu_navbar_box .hideDownArrow {
  opacity: 1;
  cursor: not-allowed;
}
@media screen and (max-width: 1000px) {
  .ADVOCATE_LIVE_CONTAINER .menu_navbar_box {
    position: fixed;
    top: 15%;
    right: 5%;
  }
}
@media screen and (max-width: 700px) {
  .ADVOCATE_LIVE_CONTAINER .menu_navbar_box {
    position: fixed;
    top: 15%;
    right: 1%;
  }
}
@media screen and (max-width: 650px) {
  .ADVOCATE_LIVE_CONTAINER .menu_navbar_box {
    position: fixed;
    top: 100%;
    left: 0%;
    right: 0%;
    transform: translate(0%, -100%);
    z-index: 100;
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 60px;
    align-items: center;
    justify-content: space-between;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
  }
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD {
  width: 450px;
  max-width: 450px;
  margin-top: 0.5rem;
  height: auto;
  overflow-x: hidden;
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
  background: linear-gradient(160deg, #3B475C 50%, #3B475C 50%);
  color: #ffffff;
  filter: drop-shadow(0px 4px 5px rgba(56, 56, 56, 0.6509803922));
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Image_row_1 {
  width: 100%;
  max-height: 280px;
  height: 280px;
  position: relative;
  z-index: 1;
  background-color: #10b856;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Image_row_1 .slide_svg {
  position: absolute;
  width: 100%;
  bottom: -6px;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Image_row_1 .slide_svg svg {
  transform: rotate(0deg);
  height: 150px;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Image_row_1 .slide_svg .overlay {
  position: relative;
  top: -3px;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(rgba(205, 98, 226, 0) 0%, #3B475C 100%);
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Image_row_1 .banner_image {
  width: 100%;
  max-height: 280px;
  height: 280px;
  overflow: hidden;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Image_row_1 .banner_image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover; /* Ensures image covers the area */
  -o-object-position: top;
     object-position: top; /* Ensures head portion is not cropped */
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Image_row_1 .user_logo {
  position: absolute;
  bottom: -10%;
  right: 2%;
  transform: translate(-2%, 10%);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  z-index: 2;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Image_row_1 .user_logo img {
  z-index: 2;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover; /* Ensures image covers the area */
  -o-object-position: top;
     object-position: top; /* Ensures head portion is not cropped */
  border: 2px solid rgb(214, 214, 214) !important;
  filter: drop-shadow(0px 4px 5px rgba(255, 255, 255, 0.4));
}
@keyframes profileBorder {
  0% {
    border: 3px solid #ffffff;
    transform: translateY(0px);
  }
  25% {
    border: 3px solid #ffffff;
    transform: translateY(-5px);
  }
  50% {
    border: 3px solid #ffffff;
    transform: translateY(-10px);
  }
  75% {
    border: 3px solid rgb(255, 255, 255);
    transform: translateY(-5px);
  }
  100% {
    border: 3px solid #ffffff;
    transform: translateY(0px);
  }
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Image_row_1 .svg_image {
  position: absolute;
  bottom: -15%;
  left: 0%;
  right: 0%;
  width: 100%;
  z-index: 1;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .basic_row_2 {
  padding: 0rem 1rem 1rem 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 1rem;
  position: relative;
  z-index: 3;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .basic_row_2 .user_details {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .basic_row_2 .user_details .user_data {
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex: 1;
  gap: 15px;
  width: 100%;
  height: 100%;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .basic_row_2 .user_details .user_data .user_information {
  display: flex;
  flex: 0.5;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .basic_row_2 .user_details .user_data .user_information h2 {
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 1px;
  color: #ffffff;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .basic_row_2 .user_details .user_data .user_information p {
  font-size: 0.9rem;
  font-weight: 400;
  color: #ffffff;
  letter-spacing: 1px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0rem;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .basic_row_2 .user_details .user_data .user_information p img {
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media screen and (max-width: 600px) {
  .ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .basic_row_2 .user_details .user_data .user_information p img {
    width: 25px;
    height: 25px;
  }
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .basic_row_2 .user_details .user_data .contacts_btns {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  width: 100%;
  flex-wrap: wrap;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .basic_row_2 .user_details .user_data .contacts_btns a {
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 0.4rem 1rem;
  background-color: #DA9107;
  color: #ffffff;
  border-radius: 1rem;
  transition: all 0.4s linear;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .basic_row_2 .user_details .user_data .contacts_btns a .icon {
  font-size: 1rem;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .basic_row_2 .user_details .user_data .contacts_btns a small {
  font-size: 0.7rem;
  font-weight: 500;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .basic_row_2 .user_details .user_data .contacts_btns a:hover {
  background-color: #727272;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
  scale: 1.05;
  transition: all 0.4s linear;
}
@media screen and (max-width: 600px) {
  .ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .basic_row_2 .user_details .user_data {
    align-items: flex-start;
  }
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .contact_row_3 {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .contact_row_3 a {
  text-decoration: none;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 15px;
  color: #ffffff;
  width: 100%;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .contact_row_3 a .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  padding: 5px;
  border-radius: 1rem;
  background-color: #DA9107;
  color: #ffffff;
  filter: drop-shadow(0px 3px 3px rgba(250, 250, 250, 0.4));
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .contact_row_3 a .contact_data {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 2px;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .contact_row_3 a .contact_data small {
  font-size: 0.7rem;
  font-weight: 600;
  color: #ffffff;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .contact_row_3 a .contact_data p {
  font-size: 0.9rem;
  font-weight: 500;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .contact_row_3 .add_to_contact {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.3rem auto;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .contact_row_3 .add_to_contact button {
  padding: 7px 2rem;
  color: #ffffff;
  background-color: #DA9107;
  font-weight: 550;
  font-size: 0.8rem;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  transition: all 0.4s ease-in-out;
  cursor: pointer;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .contact_row_3 .add_to_contact button:hover {
  background-color: #DA9107;
  color: #ffffff;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
  transition: all 0.4s ease-in-out;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .about_row_4 {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .about_row_4 .about_details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-items: flex-start;
  gap: 15px;
  width: 100%;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .about_row_4 .about_details .detail {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  width: 100%;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .about_row_4 .about_details .detail .detail_title {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 1rem;
  font-weight: 550;
  flex: 0.4;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .about_row_4 .about_details .detail .detail_title h5 {
  font-size: 0.8rem;
  font-weight: 600;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .about_row_4 .about_details .detail .detail_message {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 5px;
  font-weight: 550;
  flex: 0.6;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .about_row_4 .about_details .detail .detail_message strong {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .about_row_4 .about_details .detail .detail_message p {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 0.8rem;
  font-weight: 500;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row !important;
  gap: 1.3rem;
  width: 100%;
  margin-left: 5px;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a {
  text-decoration: none;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: all 0.3s ease-in-out;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a i {
  z-index: 2;
  font-size: 1rem;
  font-weight: 500;
  color: #ffffff;
  transition: all 0.3s ease-in-out;
  position: relative;
  border-radius: 1rem;
  padding: 5px;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a:nth-child(1) i {
  background-color: #5365ff;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a:nth-child(2) i {
  background-color: #ff53c6;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a:nth-child(3) i {
  background-color: #28d67f;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a:nth-child(4) i {
  background-color: rgb(37, 190, 250);
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a:nth-child(5) i {
  background-color: rgb(250, 97, 37);
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg1 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg1 #sw-js-blob-svg {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg1 #sw-js-blob-svg #stop1 {
  stop-color: #5365ff;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg1 #sw-js-blob-svg #stop2 {
  stop-color: #5365ff;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg2 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg2 #sw-js-blob-svg {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg2 #sw-js-blob-svg #stop3 {
  stop-color: #ff004d;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg2 #sw-js-blob-svg #stop4 {
  stop-color: #f500da;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg3 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg3 #sw-js-blob-svg {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg3 #sw-js-blob-svg #stop5 {
  stop-color: #10b856;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg3 #sw-js-blob-svg #stop6 {
  stop-color: #10b856;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg6 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg6 #sw-js-blob-svg6 {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg6 #sw-js-blob-svg6 #stop11 {
  stop-color: #4da6e9;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg6 #sw-js-blob-svg6 #stop12 {
  stop-color: #4da6e9;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg4 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg4 #sw-js-blob-svg {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg4 #sw-js-blob-svg #stop7 {
  stop-color: #ff777b;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg4 #sw-js-blob-svg #stop8 {
  stop-color: #ff656a;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg5 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg5 #sw-js-blob-svg5 {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg5 #sw-js-blob-svg5 #stop9 {
  stop-color: #a5a5a5;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg5 #sw-js-blob-svg5 #stop10 {
  stop-color: #999999;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a small {
  display: none;
  position: absolute;
  transition: all 0.4s ease-in-out;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a:hover {
  scale: 1.1;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
  transition: all 0.3s ease-in-out;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a:hover .social_media_svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a:hover .social_media_svg img {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60px;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .about_row_4 .about_details .detail .detail_message .icon {
  font-size: 1.2rem;
  cursor: pointer;
  color: rgb(104, 104, 104);
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .about_row_4 .about_details .detail .detail_message svg {
  display: none !important;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .about_row_4 .specialities {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .about_row_4 .specialities ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  margin: auto;
  width: 90%;
  font-size: 1.3rem;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .about_row_4 .specialities ul li {
  font-size: 0.9rem;
  font-weight: 400;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .our_services {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .our_services .All_Services {
  width: 100%;
  height: auto;
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .our_services .All_Services .Service {
  width: 100%;
  padding: 1rem;
  background-color: #ffffff;
  border-radius: 3px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.253);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .our_services .All_Services .Service .service_title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .our_services .All_Services .Service .service_title h5 {
  font-size: 1.5rem;
  font-weight: 550;
  color: #3a3a3a;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .our_services .All_Services .Service .service_description {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  font-size: 0.9rem;
  font-weight: 400;
  color: rgb(46, 46, 46);
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .our_services .All_Services .Service .service_link {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .our_services .All_Services .Service .service_link a {
  text-decoration: none;
  color: rgb(155, 180, 255);
  font-size: 0.9rem;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .our_services .All_Services .Service .service_link a:hover {
  text-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .our_services .All_Services .Service .service_image {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .our_services .All_Services .Service .service_image img {
  width: 100%;
  height: 250px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .our_services .All_Services .Service .service_action {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: rgb(46, 46, 46);
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .our_services .All_Services .Service .service_action .service_price {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .our_services .All_Services .Service .service_action .service_price h5 {
  font-size: 1.1rem;
  font-weight: 600;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .our_services .All_Services .Service .service_action .service_price p {
  font-size: 1rem;
  font-weight: 550;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .our_services .All_Services .Service .service_action .service_enquiry {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .our_services .All_Services .Service .service_action .service_enquiry a {
  text-decoration: none;
  color: #ffffff;
  background-color: #DA9107;
  padding: 0.5rem 1rem;
  border: 2px solid #ffffff;
  font-size: 0.9rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .our_services .All_Services .Service .service_action .service_enquiry a:hover {
  background-color: #727272;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .our_products {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .our_products .All_Products {
  width: 100%;
  height: auto;
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .our_products .All_Products .Product {
  width: 100%;
  padding: 1rem;
  background-color: #535353;
  border-radius: 3px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .our_products .All_Products .Product .product_title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .our_products .All_Products .Product .product_title h5 {
  font-size: 1.1rem;
  font-weight: 550;
  color: #ffffff;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .our_products .All_Products .Product .product_description {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  font-size: 0.9rem;
  font-weight: 400;
  color: rgb(255, 255, 255);
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .our_products .All_Products .Product .product_link {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .our_products .All_Products .Product .product_link a {
  text-decoration: none;
  color: rgb(155, 180, 255);
  font-size: 0.9rem;
  font-weight: 400;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .our_products .All_Products .Product .product_link a:hover {
  text-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .our_products .All_Products .Product .product_image {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .our_products .All_Products .Product .product_image img {
  width: 100%;
  height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .our_products .All_Products .Product .product_action {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: rgb(255, 255, 255);
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .our_products .All_Products .Product .product_action .product_price {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .our_products .All_Products .Product .product_action .product_price h5 {
  font-size: 1.1rem;
  font-weight: 600;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .our_products .All_Products .Product .product_action .product_price p {
  font-size: 1rem;
  font-weight: 550;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .our_products .All_Products .Product .product_action .product_enquiry {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .our_products .All_Products .Product .product_action .product_enquiry a {
  text-decoration: none;
  color: #ffffff;
  background-color: #DA9107;
  padding: 0.5rem 1rem;
  border: 2px solid #ffffff;
  font-size: 0.9rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .our_products .All_Products .Product .product_action .product_enquiry a:hover {
  background-color: #727272;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Payment {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Payment .payment_details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-items: flex-start;
  gap: 10px;
  width: 100%;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Payment .payment_details .detail {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  width: 100%;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Payment .payment_details .detail .detail_title {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 1rem;
  font-weight: 550;
  flex: 0.4;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Payment .payment_details .detail .detail_title h5 {
  font-size: 0.8rem;
  font-weight: 600;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Payment .payment_details .detail .detail_message {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 5px;
  font-weight: 550;
  flex: 0.6;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Payment .payment_details .detail .detail_message p {
  font-size: 0.8rem;
  font-weight: 500;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Payment .payment_details .detail .detail_message .icon {
  font-size: 1.2rem;
  cursor: pointer;
  color: #ffffff;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Payment .payment_details .detail .detail_message .icon:hover {
  color: royalblue;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Payment .sub_title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Payment .sub_title h4 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  font-weight: 550;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-size: 1.05rem !important;
  color: #F6BE71;
  position: relative;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Payment .account_details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-items: flex-start;
  gap: 10px;
  width: 100%;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Payment .account_details .detail {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  width: 100%;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Payment .account_details .detail .detail_title {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 1rem;
  font-weight: 550;
  flex: 0.4;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Payment .account_details .detail .detail_title h5 {
  font-size: 0.8rem;
  font-weight: 600;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Payment .account_details .detail .detail_message {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 5px;
  font-weight: 550;
  flex: 0.6;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Payment .account_details .detail .detail_message p {
  font-size: 0.8rem;
  font-weight: 500;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Payment .account_details .detail .detail_message .icon {
  font-size: 1.2rem;
  cursor: pointer;
  color: #ffffff;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Payment .account_details .detail .detail_message .icon:hover {
  color: royalblue;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Payment .qr_code_upi_name {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Payment .qr_code_upi_name h4 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  font-weight: 550;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-size: 0.9rem !important;
  color: #F6BE71;
  position: relative;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Payment .qr_image_box {
  width: 60%;
  height: auto;
  background-color: #ffffff;
  border-radius: 10px;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4));
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Payment .qr_image_box .user_name {
  display: flex;
  align-items: center;
  justify-content: center;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Payment .qr_image_box .user_name h4 {
  font-size: 1rem;
  font-weight: 550;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Payment .qr_image_box .qr_image {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Payment .qr_image_box .qr_image img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  margin: auto;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .gallery {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .gallery .all_gallerys {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0.5rem;
  place-items: center;
  /* Different spans for larger images */
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .gallery .all_gallerys .gallery_image {
  width: 100%;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .gallery .all_gallerys .gallery_image img {
  cursor: pointer;
  width: 100%;
  height: 150px;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
  border: 1px solid rgb(196, 196, 196);
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .gallery .all_gallerys .gallery_image img:hover {
  opacity: 0.7;
  transition: all 0.3s ease;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .gallery .all_gallerys .span-1 {
  grid-row: span 2;
  grid-column: span 2;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .gallery .all_gallerys .span-2 {
  grid-row: span 1;
  grid-column: span 1;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .gallery .all_gallerys .span-3 {
  grid-row: span 3;
  grid-column: span 1;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .gallery .all_gallerys .span-4 {
  grid-row: span 2;
  grid-column: span 2;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .gallery .all_gallerys .span-5 {
  grid-row: span 3;
  grid-column: span 3;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .video {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .video .videos_container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
  margin: auto;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .video .videos_container .video_image {
  width: 100%;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .video .videos_container .video_image iframe {
  width: 100%;
  height: 200px;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Appoinment {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Appoinment .popup_message_container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  position: absolute;
  top: 10%;
  left: 20%;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Appoinment .popup_message_container .popup_success_box {
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
  border-radius: 5px;
  padding: 0.5px 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  position: relative;
  transition: transform 0.5s ease-in-out;
  z-index: -1;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Appoinment .popup_message_container .popup_success_box .popup_close i {
  font-size: 1.4rem;
  font-weight: 600;
  color: rgb(255, 79, 79);
  cursor: pointer;
  transition: all 0.5s ease;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Appoinment .popup_message_container .popup_success_box .popup_close i:hover {
  transform: rotate(90deg);
  transition: all 0.5s ease;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Appoinment .popup_message_container .popup_success_box .popup_message {
  font-size: 0.9rem;
  color: #525252;
  font-weight: 550;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Appoinment .popup_message_container #successOpen {
  transform: translateX(0px);
  transition: transform 0.5s ease-in-out;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Appoinment .popup_message_container #successClose {
  transform: translateX(500px);
  transition: transform 0.5s ease-in-out;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Appoinment .popup_message_container .popup_error_box {
  display: inline-block;
  height: 40px;
  background-color: rgb(255, 177, 141) !important;
  border-radius: 5px;
  padding: 0px 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3rem;
  position: relative;
  z-index: -1;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Appoinment .popup_message_container .popup_error_box .popup_close i {
  font-size: 1.4rem;
  color: rgb(255, 255, 255);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.5s ease;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Appoinment .popup_message_container .popup_error_box .popup_close i:hover {
  transform: rotate(90deg);
  transition: all 0.5s ease;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Appoinment .popup_message_container .popup_error_box .popup_message {
  font-size: 0.9rem;
  color: #494949;
  font-weight: 550;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Appoinment .appinment_form_container {
  width: 100%;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Appoinment .appinment_form_container form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0rem 1rem;
  width: 100%;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Appoinment .appinment_form_container form .form_group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  position: relative;
  gap: 5px;
  padding: 0rem 0px;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Appoinment .appinment_form_container form .form_group label {
  font-size: 0.8rem;
  font-weight: 550;
  letter-spacing: 1px;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Appoinment .appinment_form_container form .form_group .labelError {
  color: tomato;
  font-weight: 500 !important;
  font-size: 0.7rem;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Appoinment .appinment_form_container form .form_group .input_error {
  border: 1px solid tomato !important;
  border-radius: 5px;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Appoinment .appinment_form_container form .form_group .error {
  position: absolute;
  top: 12%;
  right: 0%;
  color: tomato;
  font-size: 0.8rem;
  padding: 5px 0px 0px 0px;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Appoinment .appinment_form_container form .form_group .desc_error {
  position: absolute;
  top: 0%;
  right: 0%;
  color: tomato;
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Appoinment .appinment_form_container form .form_group input[type=date],
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Appoinment .appinment_form_container form .form_group input[type=text],
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Appoinment .appinment_form_container form .form_group input[type=tel] {
  width: 100%;
  outline: none;
  padding: 10px 1rem;
  border-radius: 0.2rem;
  background-color: transparent;
  border: 1px solid #ffffff;
  color: #ffffff;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Appoinment .appinment_form_container form .form_group input[type=date]::-moz-placeholder, .ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Appoinment .appinment_form_container form .form_group input[type=text]::-moz-placeholder, .ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Appoinment .appinment_form_container form .form_group input[type=tel]::-moz-placeholder {
  color: #ffffff;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Appoinment .appinment_form_container form .form_group input[type=date]::placeholder,
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Appoinment .appinment_form_container form .form_group input[type=text]::placeholder,
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Appoinment .appinment_form_container form .form_group input[type=tel]::placeholder {
  color: #ffffff;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Appoinment .appinment_form_container form .form_group select {
  width: 100%;
  outline: none;
  padding: 8px 1rem;
  background-color: transparent;
  border: 1px solid #ffffff;
  color: #ffffff;
  font-weight: 500;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Appoinment .appinment_form_container form .form_group select option {
  color: rgb(112, 112, 112);
  width: 100%;
  font-size: 0.8rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Appoinment .appinment_form_container form .form_submit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  margin: 1rem auto;
  width: 100%;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Appoinment .appinment_form_container form .form_submit button {
  display: flex;
  align-self: center;
  justify-content: center;
  gap: 0.5rem;
  outline: none;
  padding: 6px 1rem;
  background-color: #DA9107;
  color: #fff;
  font-size: 0.8rem;
  border-radius: 0.3rem;
  font-weight: 500;
  transition: all 0.4s ease-in;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Appoinment .appinment_form_container form .form_submit button span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.9rem;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Appoinment .appinment_form_container form .form_submit button .inquiryloader {
  width: 18px;
  height: 18px;
  border: 2px solid #fff;
  border-bottom-color: transparent;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Appoinment .appinment_form_container form .form_submit button:hover {
  background-color: #7e7e7e;
  filter: drop-shadow(0px 4px 5px rgba(109, 109, 109, 0.4));
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Appoinment .appinment_form_container form .form_submit button:nth-child(2) {
  background-color: royalblue;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Appoinment .appinment_form_container form .form_submit button:nth-child(2):hover {
  background-color: rgb(248, 137, 118);
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .time_container {
  width: 100%;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .time_container .time_list_container {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  place-items: center;
  gap: 1rem 1rem;
  margin: 1rem auto;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .time_container .time_list_container .time_list {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  padding: 5px 1rem 5px 1rem;
  background-color: #797979;
  width: 100%;
  height: 80px;
  max-height: 80px;
  min-height: 80px;
  border-radius: 0.5rem;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .time_container .time_list_container .time_list .day {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .time_container .time_list_container .time_list .day span {
  font-size: 0.7rem;
  font-weight: 550;
  color: #ffffff;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .time_container .time_list_container .time_list .day span::after {
  content: "";
  display: block;
  height: 1px;
  background-color: rgb(112, 112, 112);
  width: 100%;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .time_container .time_list_container .time_list .time {
  width: 100%;
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  margin-top: 10px;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .time_container .time_list_container .time_list .time .start {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .time_container .time_list_container .time_list .time .start h6 {
  font-size: 0.6rem;
  font-weight: 600;
  color: #ffffff;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .time_container .time_list_container .time_list .time .start span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.6rem;
  color: #ffffff;
  font-weight: 550;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .time_container .time_list_container .time_list .time .end {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .time_container .time_list_container .time_list .time .end h6 {
  font-size: 0.6rem;
  font-weight: 500;
  color: #ffffff;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .time_container .time_list_container .time_list .time .end span {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 0.6rem;
  font-weight: 550;
}
@media screen and (max-width: 700px) {
  .ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .time_container .time_list_container {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .testimonial {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .testimonial .testimonial_container {
  margin: 1rem auto;
  width: 100%;
  height: 180px;
  min-height: 180px;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .testimonial .testimonial_container .testimonial_list {
  margin: 1rem 1rem;
  width: 100%;
  height: 180px;
  min-height: 180px;
  background-color: #303030;
  overflow-y: auto;
  margin: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .testimonial .testimonial_container .testimonial_list .client_feedback {
  width: 100%;
  flex: 0.6;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: 10px;
  padding: 10px;
  height: 100%;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .testimonial .testimonial_container .testimonial_list .client_feedback h4 {
  font-size: 0.9rem;
  font-weight: 550;
  color: #DA9107;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .testimonial .testimonial_container .testimonial_list .client_feedback small {
  width: 100%;
  font-size: 0.8rem;
  color: #ffffff;
  font-weight: 500;
  overflow-y: scroll;
  text-align: start;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .testimonial .testimonial_container .testimonial_list .client_feedback small::-webkit-scrollbar {
  display: none;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .testimonial .testimonial_container .testimonial_list .client_detail {
  display: flex;
  align-items: center;
  flex-direction: column;
  height: 100%;
  min-height: 100%;
  flex: 0.4;
  justify-content: center;
  gap: 10px;
  position: absolute;
  right: 15%;
  top: -15%;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .testimonial .testimonial_container .testimonial_list .client_detail img {
  width: 60px;
  height: 60px;
  border-radius: 0.5rem;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border: 1px solid #a3a3a3;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .testimonial .testimonial_container .testimonial_list .client_detail .client_name {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .testimonial .testimonial_container .testimonial_list .client_detail .client_name h4 {
  font-size: 0.8rem;
  color: #ffffff;
  font-weight: 550;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .testimonial .testimonial_container .testimonial_list .client_detail .client_name small {
  color: yellow;
  font-size: 0.7rem;
  font-weight: 550;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .testimonial .testimonial_container .testimonial_list::-webkit-scrollbar {
  display: none;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .google_map_container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .google_map_container .google_map {
  width: 100%;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .google_map_container .google_map iframe {
  width: 100% !important;
  height: 250px !important;
  border: none !important;
  margin: 1rem auto;
  border-radius: 0.5rem;
  filter: drop-shadow(0px 4px 5px rgba(56, 56, 56, 0.527));
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row {
  width: 100%;
  padding: 0rem 1rem;
  display: flex;
  flex-direction: column;
  gap: 0rem;
  align-items: center;
  justify-content: center;
  position: relative;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .popup_message_container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 10;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .popup_message_container .popup_success_box {
  display: inline-block;
  width: auto;
  background-color: rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
  padding: 0.7px 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  position: relative;
  font-size: 0.7rem;
  font-weight: 500;
  transition: all 0.5s ease-in-out;
  z-index: -1;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .popup_message_container .popup_success_box .popup_close i {
  font-size: 1.4rem;
  font-weight: 600;
  color: rgb(255, 101, 101);
  cursor: pointer;
  transition: all 0.5s ease;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .popup_message_container .popup_success_box .popup_close i:hover {
  transform: rotate(90deg);
  transition: all 0.5s ease;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .popup_message_container .popup_success_box .popup_close .icon {
  font-size: 1.2rem;
  color: #2cc478;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .popup_message_container .popup_success_box .popup_message {
  font-size: 0.9rem;
  color: rgb(48, 48, 48);
  font-weight: 500;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .popup_message_container #successOpen {
  scale: 1;
  opacity: 1;
  transition: all 0.5s ease-in-out;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .popup_message_container #successClose {
  scale: 0;
  opacity: 0;
  transition: all 0.5s ease-in-out;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .popup_message_container .popup_error_box {
  display: inline-block;
  height: 40px;
  background-color: rgb(255, 177, 141) !important;
  border-radius: 5px;
  padding: 0px 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3rem;
  position: relative;
  z-index: -1;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .popup_message_container .popup_error_box .popup_close i {
  font-size: 1.4rem;
  color: rgb(255, 255, 255);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.5s ease;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .popup_message_container .popup_error_box .popup_close i:hover {
  transform: rotate(90deg);
  transition: all 0.5s ease;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .popup_message_container .popup_error_box .popup_message {
  font-size: 0.9rem;
  color: #2cc478;
  font-weight: 550;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .Feedback_container_message {
  width: 100%;
  height: auto;
  margin: 0rem auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .Feedback_container_message .feeback_title {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: space-between;
  gap: 10px;
  z-index: 800;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .Feedback_container_message .feeback_title button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 0.7rem;
  color: #DA9107;
  background: transparent;
  cursor: pointer;
  outline: none;
  border: transparent;
  font-weight: 600;
  position: relative;
  padding-top: 1rem;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .Feedback_container_message .feeback_title button i {
  font-size: 1.4rem;
  color: #ffffff;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .Feedback_container_message .feeback_title button .count {
  position: absolute;
  right: -5%;
  top: 20%;
  font-size: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  color: #ffffff;
  border-radius: 50%;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .Feedback_container_message .feeback_title .feedBack_loader {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: block;
  margin: 15px auto;
  position: relative;
  color: #253bff;
  left: -100px;
  box-sizing: border-box;
  animation: shadowRolling 2s linear infinite;
}
@keyframes shadowRolling {
  0% {
    box-shadow: 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
  }
  12% {
    box-shadow: 100px 0 rgb(76, 247, 176), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
  }
  25% {
    box-shadow: 110px 0 rgb(107, 98, 233), 100px 0 rgb(75, 45, 243), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
  }
  36% {
    box-shadow: 120px 0 rgb(94, 236, 255), 110px 0 rgb(226, 253, 72), 100px 0 rgb(219, 99, 119), 0px 0 rgba(255, 255, 255, 0);
  }
  50% {
    box-shadow: 130px 0 rgb(240, 135, 49), 120px 0 rgb(56, 163, 74), 110px 0 rgb(99, 95, 95), 100px 0 rgb(135, 111, 221);
  }
  62% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 130px 0 white, 120px 0 white, 110px 0 white;
  }
  75% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 130px 0 white, 120px 0 white;
  }
  87% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 130px 0 white;
  }
  100% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0);
  }
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .Feedback_container_message .comment_box {
  width: 100%;
  max-height: 300px;
  height: auto;
  overflow: scroll;
  margin: 1rem auto;
  background: transparent;
  border-radius: 5px;
  position: relative;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .comment_box_title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  background-color: royalblue;
  color: #fff;
  font-weight: 400;
  display: none;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message {
  width: 100%;
  padding: 10px;
  border-bottom: 2px solid rgb(238, 237, 237);
  position: relative;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 5px;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .userName p {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 1.1rem;
  color: #ffffff;
  letter-spacing: 1px;
  font-weight: 550;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .userName p i {
  color: #DA9107;
  font-size: 1.4rem;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .userName p::first-letter {
  text-transform: uppercase !important;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars .ratting_container1 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars .ratting_container1 span i {
  font-size: 1.2rem;
  cursor: pointer;
  color: lightgray;
  transition: all 0.4s ease-in-out;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars .ratting_container1 span .highlight1 {
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
  color: gold;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #noRatting span:nth-child(1) i,
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #noRatting span:nth-child(2) i,
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #noRatting span:nth-child(3) i,
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #noRatting span:nth-child(4) i,
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #noRatting span:nth-child(5) i {
  text-decoration: line-through;
  text-decoration-color: #ff2525;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #singleRatting span:nth-child(1) i {
  color: #f7c52a;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #doubleRatting span:nth-child(1) i,
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #doubleRatting span:nth-child(2) i {
  color: #f7c52a;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #ThreeRatting span:nth-child(1) i,
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #ThreeRatting span:nth-child(2) i,
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #ThreeRatting span:nth-child(3) i {
  color: #f7c52a;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fourRatting span:nth-child(1) i,
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fourRatting span:nth-child(2) i,
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fourRatting span:nth-child(3) i,
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fourRatting span:nth-child(4) i {
  color: #f7c52a;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fullRatting span:nth-child(1) i,
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fullRatting span:nth-child(2) i,
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fullRatting span:nth-child(3) i,
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fullRatting span:nth-child(4) i,
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fullRatting span:nth-child(5) i {
  color: #f7c52a;
  filter: drop-shadow(0px 4px 5px rgba(165, 165, 165, 0.4));
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .comments {
  margin: 10px auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  width: 100%;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .comments i {
  color: royalblue;
  font-size: 1.4rem;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .comments span {
  font-size: 0.9rem;
  color: #ffffff;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .date {
  position: absolute;
  right: 2%;
  top: 15%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 0.9rem;
  color: #ffffff;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .date i {
  color: darkcyan;
  font-size: 1.1rem;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .Feedback_container_message .comment_box::-webkit-scrollbar {
  display: none;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .feedback_container {
  width: 100%;
  position: relative;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .feedback_container form {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin: auto;
  padding: 0px 0.5rem 0rem 0.5rem;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .feedback_container form .feedback_svg {
  position: absolute;
  top: -4%;
  right: 0%;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .feedback_container form .feedback_svg img {
  width: 100px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media (max-width: 600px) {
  .ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .feedback_container form .feedback_svg img {
    width: 90px;
  }
  .ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .feedback_container form .feedback_svg {
    top: 0%;
  }
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .feedback_container form .form_group {
  margin: 0px auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  width: 95%;
  position: relative;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .feedback_container form .form_group .error {
  font-size: 0.6rem;
  color: tomato !important;
  -webkit-text-fill-color: tomato;
  letter-spacing: 1px;
  display: flex;
  align-items: center;
  font-weight: 550;
  justify-content: flex-start;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .feedback_container form .form_group label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  left: 5%;
  color: #ffffff;
  -webkit-text-fill-color: #ffffff;
  font-size: 0.7rem;
  font-weight: 550;
  border-radius: 4px;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .feedback_container form .form_group label span {
  font-size: 1rem;
  color: tomato !important;
  -webkit-text-fill-color: tomato;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .feedback_container form .form_group label span sup {
  color: tomato !important;
}
@media screen and (max-width: 800px) {
  .ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .feedback_container form .form_group label {
    left: 5%;
  }
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .feedback_container form .form_group input,
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .feedback_container form .form_group .ratting_container {
  width: 100%;
  padding: 0.7rem 1rem;
  background-color: transparent;
  border: 1px solid #797979;
  color: #ffffff;
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border-radius: 0.3rem;
  outline: none;
  caret-color: #ffffff;
  transition: all 0.3s ease;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .feedback_container form .form_group input::-moz-placeholder, .ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .feedback_container form .form_group .ratting_container::-moz-placeholder {
  font-size: 0.6rem;
  color: #ffffff;
  letter-spacing: 1px;
  font-weight: 400;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .feedback_container form .form_group input::placeholder,
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .feedback_container form .form_group .ratting_container::placeholder {
  font-size: 0.6rem;
  color: #ffffff;
  letter-spacing: 1px;
  font-weight: 400;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .feedback_container form .form_group input:focus,
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .feedback_container form .form_group .ratting_container:focus {
  border: double 2px transparent;
  border-radius: 0.3rem;
  background-color: transparent;
  border: 1px solid #ffffff;
  background-origin: border-box;
  background-clip: padding-box, border-box;
  transition: all 0.3s ease;
}
@media screen and (max-width: 800px) {
  .ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .feedback_container form .form_group input,
  .ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .feedback_container form .form_group .ratting_container {
    padding: 0.8rem 2rem;
    width: 100%;
    background-color: transparent;
  }
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .feedback_container form .form_group .ratting_container {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .feedback_container form .form_group .ratting_container span i {
  font-size: 1.5rem;
  cursor: pointer;
  color: rgb(255, 168, 54);
  transition: all 0.4s ease-in-out;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .feedback_container form .form_group .ratting_container span .highlight {
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
  color: gold;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .feedback_container form .form_group textarea {
  width: 100%;
  padding: 1rem;
  caret-color: #ffffff;
  color: #ffffff;
  border: double 1px transparent;
  background-color: transparent;
  border: 1px solid #797979;
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border-radius: 0.3rem;
  outline: none;
  transition: all 0.3s ease;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .feedback_container form .form_group textarea::-moz-placeholder {
  font-size: 0.6rem;
  color: #ffffff;
  letter-spacing: 1px;
  font-weight: 400;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .feedback_container form .form_group textarea::placeholder {
  font-size: 0.6rem;
  color: #ffffff;
  letter-spacing: 1px;
  font-weight: 400;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .feedback_container form .form_group textarea:focus {
  border: double 2px transparent;
  border-radius: 0.3rem;
  background-color: transparent;
  border: 1px solid #ffffff;
  background-origin: border-box;
  background-clip: padding-box, border-box;
  transition: all 0.3s ease;
}
@media screen and (max-width: 800px) {
  .ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .feedback_container form .form_group textarea {
    padding: 0.8rem 2rem;
    width: 100%;
    background-color: transparent;
  }
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .feedback_container form .form_group .icon {
  position: absolute;
  left: 1%;
  top: 63%;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .feedback_container form .form_group .icon img {
  width: 25px;
  height: 25px;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .feedback_container form .form_group .icon i {
  font-size: 1.4rem;
  color: skyblue;
}
@media screen and (max-width: 800px) {
  .ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .feedback_container form .form_group .icon {
    position: absolute;
    left: 2%;
    top: 25%;
  }
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .feedback_container form .form_group .show_pass {
  position: absolute;
  right: 2%;
  top: 25%;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .feedback_container form .form_group .show_pass i {
  font-size: 1.4rem;
  color: skyblue;
  cursor: pointer;
}
@media screen and (max-width: 800px) {
  .ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .feedback_container form .form_group .show_pass {
    position: absolute;
    right: 2%;
    top: 25%;
  }
}
@media screen and (max-width: 900px) {
  .ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .feedback_container form .form_group {
    margin: 0.8rem auto;
  }
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .feedback_container form .form_actions {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 1rem auto;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .feedback_container form .form_actions button {
  margin-right: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background-color: #DA9107;
  filter: none;
  width: auto;
  padding: 10px 1rem;
  outline: none;
  border: transparent;
  font-weight: 500;
  letter-spacing: 1px;
  font-size: 0.6rem;
  border-radius: 5px;
  cursor: pointer;
  color: #ffffff;
  transition: all 0.4s ease-in;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .feedback_container form .form_actions button span {
  font-size: 1.2rem;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .feedback_container form .form_actions button .form_loader,
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .feedback_container form .form_actions button .form_loader:before,
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .feedback_container form .form_actions button .form_loader:after {
  border-radius: 50%;
  width: 1em;
  height: 1em;
  animation-fill-mode: both;
  animation: bblFadInOut 1.8s infinite ease-in-out;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .feedback_container form .form_actions button .form_loader {
  color: #fff;
  font-size: 7px;
  position: relative;
  text-indent: -9999em;
  transform: translateZ(0);
  animation-delay: -0.16s;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .feedback_container form .form_actions button .form_loader:before,
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .feedback_container form .form_actions button .form_loader:after {
  content: "";
  position: absolute;
  top: 0;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .feedback_container form .form_actions button .form_loader:before {
  left: -3.5em;
  animation-delay: -0.32s;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .feedback_container form .form_actions button .form_loader:after {
  left: 3.5em;
}
@keyframes bblFadInOut {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .feedback_row .feedback_container form .form_actions button:hover {
  background-color: #a3a3a3;
  color: #ffffff;
  font-weight: 550;
  transition: all 0.4s ease-in;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Inquries {
  width: 100%;
  padding: 0rem 1rem;
  display: flex;
  flex-direction: column;
  gap: 0rem;
  align-items: center;
  justify-content: center;
  position: relative;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Inquries .popup_message_container {
  position: absolute;
  right: 3%;
  top: 5%;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Inquries .popup_message_container .popup_success_box {
  display: inline-block;
  background-color: rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
  border-radius: 5px;
  padding: 0.6px 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3rem;
  position: relative;
  transition: transform 0.5s ease-in-out;
  z-index: -1;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Inquries .popup_message_container .popup_success_box .popup_close i {
  font-size: 1.4rem;
  font-weight: 600;
  color: rgb(255, 76, 76);
  cursor: pointer;
  transition: all 0.5s ease;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Inquries .popup_message_container .popup_success_box .popup_close i:hover {
  transform: rotate(90deg);
  transition: all 0.5s ease;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Inquries .popup_message_container .popup_success_box .popup_message {
  font-size: 0.9rem;
  color: #4b4b4b;
  font-weight: 550;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Inquries .popup_message_container #successOpen {
  transform: translateX(0px);
  transition: transform 0.5s ease-in-out;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Inquries .popup_message_container #successClose {
  transform: translateX(500px);
  transition: transform 0.5s ease-in-out;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Inquries .popup_message_container .popup_error_box {
  display: inline-block;
  height: 40px;
  background-color: rgb(255, 177, 141) !important;
  border-radius: 5px;
  padding: 0px 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3rem;
  position: relative;
  z-index: -1;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Inquries .popup_message_container .popup_error_box .popup_close i {
  font-size: 1.4rem;
  color: rgb(255, 255, 255);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.5s ease;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Inquries .popup_message_container .popup_error_box .popup_close i:hover {
  transform: rotate(90deg);
  transition: all 0.5s ease;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Inquries .popup_message_container .popup_error_box .popup_message {
  font-size: 0.9rem;
  color: #494949;
  font-weight: 550;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Inquries .inquiries_container5 {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
  margin: auto;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Inquries .inquiries_container5 form {
  width: 90%;
  padding: 10px 0px;
  margin: auto;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Inquries .inquiries_container5 form .form_group {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  margin: 5px auto;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Inquries .inquiries_container5 form .form_group label {
  font-size: 0.7rem;
  letter-spacing: 1px;
  color: #ffffff;
  font-weight: 550;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Inquries .inquiries_container5 form .form_group .input {
  width: 100%;
  position: relative;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Inquries .inquiries_container5 form .form_group .input input,
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Inquries .inquiries_container5 form .form_group .input textarea {
  width: 100%;
  padding: 0.9rem 2.5rem;
  outline: none;
  border: transparent;
  border-radius: 5px;
  background-color: transparent;
  color: #ffffff;
  border: 1px solid #ffffff;
  caret-color: #ffffff;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Inquries .inquiries_container5 form .form_group .input input::-moz-placeholder, .ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Inquries .inquiries_container5 form .form_group .input textarea::-moz-placeholder {
  color: #ffffff;
  letter-spacing: 1px;
  font-size: 0.7rem;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Inquries .inquiries_container5 form .form_group .input input::placeholder,
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Inquries .inquiries_container5 form .form_group .input textarea::placeholder {
  color: #ffffff;
  letter-spacing: 1px;
  font-size: 0.7rem;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Inquries .inquiries_container5 form .form_group .input i {
  position: absolute;
  left: 2%;
  font-size: 1.5rem;
  color: #ffffff;
  top: 30%;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Inquries .inquiries_container5 form .form_group .labelError {
  color: tomato;
  font-weight: 450;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Inquries .inquiries_container5 form .form_group .input_error {
  border: 1px solid tomato !important;
  border-radius: 5px;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Inquries .inquiries_container5 form .form_group .error {
  position: absolute;
  top: 12%;
  right: 0%;
  color: tomato;
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Inquries .inquiries_container5 form .form_group .desc_error {
  position: absolute;
  top: 0%;
  right: 0%;
  color: tomato;
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Inquries .inquiries_container5 form .form_actions {
  padding: 0px 1rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 1rem auto;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button {
  width: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background-color: #DA9107;
  color: #ffffff;
  padding: 8px 1rem;
  outline: none;
  border: transparent;
  font-weight: 450;
  letter-spacing: 1px;
  font-size: 0.7rem;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.4s ease-in;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button img {
  width: 20px;
  height: 20px;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button .form_loader,
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button .form_loader:before,
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button .form_loader:after {
  border-radius: 50%;
  width: 1em;
  height: 1em;
  animation-fill-mode: both;
  animation: bblFadInOut 1.8s infinite ease-in-out;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button .form_loader {
  color: #fff;
  font-size: 7px;
  position: relative;
  text-indent: -9999em;
  transform: translateZ(0);
  animation-delay: -0.16s;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button .form_loader:before,
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button .form_loader:after {
  content: "";
  position: absolute;
  top: 0;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button .form_loader:before {
  left: -3.5em;
  animation-delay: -0.32s;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button .form_loader:after {
  left: 3.5em;
}
@keyframes bblFadInOut {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button:hover {
  background-color: #ffffff;
  transition: all 0.4s ease-in;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.5));
  color: #272727;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Advocate_Footer {
  position: relative;
  bottom: 0%;
  width: 100%;
  margin-top: 3rem;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Advocate_Footer .advocate_footer_container {
  width: 100%;
  min-height: 50px;
  height: 50px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px 0px;
  z-index: 600;
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Advocate_Footer .advocate_footer_container p {
  font-size: 0.8rem;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgb(112, 112, 112);
  font-weight: 600;
  letter-spacing: 1px;
}
@media (max-width: 600px) {
  .ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Advocate_Footer .advocate_footer_container p {
    font-size: 0.7rem;
  }
}
.ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD .Advocate_Footer .advocate_footer_container .svg {
  position: absolute;
  z-index: -1;
  bottom: 0%;
  left: 0%;
  width: 100%;
}
@media screen and (max-width: 600px) {
  .ADVOCATE_LIVE_CONTAINER .ADVOCATE_LIVE_CARD {
    width: 100vw !important;
    min-width: 100vw;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin-top: 0rem;
  }
}
.ADVOCATE_LIVE_CONTAINER::-webkit-scrollbar {
  width: 6px !important;
  height: 4px !important;
  background-color: #bbbbbb, #f5f5f5;
}
@media screen and (max-width: 650px) {
  .ADVOCATE_LIVE_CONTAINER::-webkit-scrollbar {
    display: none !important;
  }
}
.ADVOCATE_LIVE_CONTAINER::-webkit-scrollbar-thumb {
  width: 6px !important;
  height: 4px !important;
  border-radius: 10px;
  z-index: 10;
  cursor: pointer;
  background-color: #fff !important;
}
.ADVOCATE_LIVE_CONTAINER::-webkit-scrollbar-thumb:hover {
  background-color: rgb(36, 231, 222);
}
.date-input {
  appearance: none; /* Remove default styling */
  -webkit-appearance: none; /* Remove default styling in Safari */
  -moz-appearance: none; /* Remove default styling in Firefox */
  padding: 10px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.date-input::-moz-placeholder {
  color: #888; /* Placeholder color */
}
.date-input::placeholder {
  color: #888; /* Placeholder color */
}
/* Custom icon for the date picker */
.date-input::-webkit-calendar-picker-indicator {
  cursor: pointer;
  color: transparent;
  opacity: 1;
  position: absolute;
  right: 10px;
  top: 70%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url("https://img.icons8.com/emoji/48/calendar-emoji.png") no-repeat center center;
  background-size: contain;
}


.CAB_DRIVERS_TITLE_LIVE, .CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Inquries, .CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row, .CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .google_map_container, .CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .testimonial, .CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .time_container, .CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Appoinment, .CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .local_video, .CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .video, .CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .gallery, .CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Payment, .CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .our_products, .CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .our_services {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  position: relative;
  color: #ffffff;
}
.CAB_DRIVERS_TITLE_LIVE h3, .CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Inquries h3, .CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row h3, .CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .google_map_container h3, .CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .testimonial h3, .CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .time_container h3, .CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Appoinment h3, .CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .local_video h3, .CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .video h3, .CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .gallery h3, .CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Payment h3, .CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .our_products h3, .CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .our_services h3 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  font-family: "Trade Winds", system-ui;
  font-weight: 400;
  font-style: normal;
  font-size: 1.2rem;
  color: #ffffff;
  position: relative;
}
.CAB_DRIVERS_TITLE_LIVE h3::first-letter, .CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Inquries h3::first-letter, .CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row h3::first-letter, .CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .google_map_container h3::first-letter, .CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .testimonial h3::first-letter, .CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .time_container h3::first-letter, .CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Appoinment h3::first-letter, .CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .local_video h3::first-letter, .CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .video h3::first-letter, .CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .gallery h3::first-letter, .CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Payment h3::first-letter, .CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .our_products h3::first-letter, .CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .our_services h3::first-letter {
  font-size: 1.7rem !important;
  color: #e8ecd6 !important;
}
.CAB_DRIVERS_SUB_TITLE_LIVE {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
.CAB_DRIVERS_SUB_TITLE_LIVE h3 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  font-weight: 600;
  font-size: 1rem !important;
  color: #ffe574;
  position: relative;
}
.CAB_DRIVERS_LIVE_CONTAINER {
  width: 100vw;
  min-height: 100vh;
  height: auto;
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin: auto;
  color: #303030;
  overflow-x: hidden;
  background-image: url("");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background: linear-gradient(90deg, #f5f5f5, #fff6f6, #f5f5f5, #fff6f6);
  overflow-y: scroll;
}
.CAB_DRIVERS_LIVE_CONTAINER .full_image {
  display: none;
  z-index: 500;
  margin: auto;
  width: 100%;
  height: 800px;
  background: linear-gradient(#fff, #fff);
}
.CAB_DRIVERS_LIVE_CONTAINER .full_image .close_Full_Image_gallery {
  position: absolute;
  width: 100%;
  left: 90%;
  top: 10%;
  z-index: 11;
}
.CAB_DRIVERS_LIVE_CONTAINER .full_image .close_Full_Image_gallery .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  color: red;
  cursor: pointer;
  place-items: center;
  transition: all 0.3s ease-in-out;
}
.CAB_DRIVERS_LIVE_CONTAINER .full_image .close_Full_Image_gallery .icon:hover {
  filter: drop-shadow(0px 4px 5px rgba(255, 156, 117, 0.6));
  scale: 1.2;
  transition: all 0.3s ease-in-out;
}
.CAB_DRIVERS_LIVE_CONTAINER .full_image img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  height: 90%;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.5)) brightness(102%);
  border-radius: 5px;
  z-index: 10;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 600px) {
  .CAB_DRIVERS_LIVE_CONTAINER .full_image img {
    width: 70%;
    height: 150px;
  }
}
.CAB_DRIVERS_LIVE_CONTAINER .menu_navbar_box {
  width: 70px;
  height: 100vh;
  background-color: #b75a48;
  position: fixed;
  top: 0%;
  right: 0%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.CAB_DRIVERS_LIVE_CONTAINER .menu_navbar_box .up_btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0.1;
  font-size: 2.5rem;
  font-weight: bold;
  background-color: rgb(124, 124, 124);
  border-top-left-radius: 0rem;
  border-top-right-radius: 0rem;
  color: #ffffff;
  cursor: pointer;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 650px) {
  .CAB_DRIVERS_LIVE_CONTAINER .menu_navbar_box .up_btn .icon {
    transform: rotate(-90deg);
    font-size: 1.5rem;
  }
}
.CAB_DRIVERS_LIVE_CONTAINER .menu_navbar_box .up_btn:hover {
  background: linear-gradient(120deg, #686868 40%, #686868 60%);
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 650px) {
  .CAB_DRIVERS_LIVE_CONTAINER .menu_navbar_box .up_btn {
    height: 100%;
    flex: 0.1;
    display: flex;
    border-radius: 0px;
    border-top-left-radius: 0rem;
    border-bottom-left-radius: 0rem;
    flex-direction: row !important;
  }
}
.CAB_DRIVERS_LIVE_CONTAINER .menu_navbar_box .hideUpArrow {
  opacity: 1;
  cursor: not-allowed;
}
.CAB_DRIVERS_LIVE_CONTAINER .menu_navbar_box .all_menus {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  gap: 1rem;
  flex: 0.8;
  max-height: 80%;
  padding: 0.5rem;
  width: 100%;
  overflow-y: scroll;
  scroll-behavior: smooth;
}
.CAB_DRIVERS_LIVE_CONTAINER .menu_navbar_box .all_menus .menu {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 100%;
  cursor: pointer;
  padding: 5px 10px;
  border-radius: 4px;
  transition: all 0.5s ease-in-out;
  color: #ffffff;
}
.CAB_DRIVERS_LIVE_CONTAINER .menu_navbar_box .all_menus .menu .icon {
  font-size: 1.2rem;
}
@media screen and (max-width: 650px) {
  .CAB_DRIVERS_LIVE_CONTAINER .menu_navbar_box .all_menus .menu .icon {
    font-size: 1rem;
  }
}
.CAB_DRIVERS_LIVE_CONTAINER .menu_navbar_box .all_menus .menu p {
  font-size: 0.6rem;
  font-weight: 550;
}
@media screen and (max-width: 650px) {
  .CAB_DRIVERS_LIVE_CONTAINER .menu_navbar_box .all_menus .menu p {
    font-size: 0.6rem;
  }
}
.CAB_DRIVERS_LIVE_CONTAINER .menu_navbar_box .all_menus .menu:hover {
  color: #b75a48;
  background-color: #e8ecd6;
  transition: all 0.5s ease-in-out;
}
.CAB_DRIVERS_LIVE_CONTAINER .menu_navbar_box .all_menus .menuActive {
  color: #b75a48;
  background-color: #e8ecd6;
}
.CAB_DRIVERS_LIVE_CONTAINER .menu_navbar_box .all_menus::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 650px) {
  .CAB_DRIVERS_LIVE_CONTAINER .menu_navbar_box .all_menus {
    height: 100%;
    width: 100%;
    flex: 0.8;
    display: flex;
    flex-direction: row !important;
  }
}
.CAB_DRIVERS_LIVE_CONTAINER .menu_navbar_box .down_btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0.1;
  font-size: 2.5rem;
  font-weight: bold;
  background-color: rgb(124, 124, 124);
  border-bottom-left-radius: 0rem;
  border-bottom-right-radius: 0rem;
  color: #ffffff;
  cursor: pointer;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 650px) {
  .CAB_DRIVERS_LIVE_CONTAINER .menu_navbar_box .down_btn .down {
    transform: rotate(-90deg);
    font-size: 1.5rem;
  }
}
.CAB_DRIVERS_LIVE_CONTAINER .menu_navbar_box .down_btn:hover {
  background: linear-gradient(120deg, #686868 40%, #686868 60%);
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 650px) {
  .CAB_DRIVERS_LIVE_CONTAINER .menu_navbar_box .down_btn {
    height: 100%;
    flex: 0.1;
    display: flex;
    border-radius: 0px;
    border-top-right-radius: 0rem;
    border-bottom-right-radius: 0rem;
    flex-direction: row !important;
  }
}
.CAB_DRIVERS_LIVE_CONTAINER .menu_navbar_box .hideDownArrow {
  opacity: 1;
  cursor: not-allowed;
}
@media screen and (max-width: 1000px) {
  .CAB_DRIVERS_LIVE_CONTAINER .menu_navbar_box {
    position: fixed;
    top: 15%;
    right: 5%;
  }
}
@media screen and (max-width: 700px) {
  .CAB_DRIVERS_LIVE_CONTAINER .menu_navbar_box {
    position: fixed;
    top: 15%;
    right: 1%;
  }
}
@media screen and (max-width: 650px) {
  .CAB_DRIVERS_LIVE_CONTAINER .menu_navbar_box {
    position: fixed;
    top: 100%;
    left: 0%;
    right: 0%;
    transform: translate(0%, -100%);
    z-index: 100;
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 60px;
    align-items: center;
    justify-content: space-between;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
  }
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD {
  width: 450px;
  max-width: 450px;
  margin-top: 0.5rem;
  height: auto;
  overflow-x: hidden;
  background: linear-gradient(160deg, #b75a48 50%, #b75a48 50%);
  filter: drop-shadow(0px 4px 5px rgba(56, 56, 56, 0.6509803922));
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Image_row_1 {
  width: 100%;
  max-height: 300px;
  height: 300px;
  position: relative;
  z-index: 1;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Image_row_1 .slide_svg {
  position: absolute;
  width: 100%;
  bottom: -6px;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Image_row_1 .slide_svg svg {
  transform: rotate(0deg);
  height: 150px;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Image_row_1 .slide_svg .overlay {
  position: relative;
  top: -3px;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(rgba(205, 98, 226, 0) 0%, #b75a48 100%);
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Image_row_1 .banner_image {
  width: 100%;
  max-height: 300px;
  height: 100%;
  overflow: hidden;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Image_row_1 .banner_image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Image_row_1 .user_logo {
  position: absolute;
  bottom: 10%;
  left: 0%;
  transform: translate(0%, 10%);
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Image_row_1 .user_logo img {
  z-index: 2;
  width: 100%;
  height: 100%;
  border-top-right-radius: 3rem;
  border-top-left-radius: 3rem;
  border-bottom-right-radius: 3rem;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border: 2px solid #ffffff !important;
  filter: drop-shadow(0px 4px 5px rgba(255, 255, 255, 0.4));
  animation: CabProfileRotate 5s infinite linear;
}
@keyframes CabProfileRotate {
  0% {
    transform: rotate(0deg);
    border-bottom-left-radius: 0rem;
    border-top-left-radius: 3rem;
  }
  50% {
    transform: rotate(5deg);
    border-bottom-left-radius: 3rem;
    border-top-left-radius: 0rem;
  }
  100% {
    transform: rotate(0deg);
    border-bottom-left-radius: 0rem;
    border-top-left-radius: 3rem;
  }
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Image_row_1 .svg_image {
  position: absolute;
  bottom: -5%;
  left: 0%;
  right: 0%;
  width: 100%;
  z-index: 1;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .basic_row_2 {
  padding: 0rem 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  position: relative;
  z-index: 1;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .basic_row_2 .user_details {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .basic_row_2 .user_details .user_data {
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex: 1;
  gap: 15px;
  width: 100%;
  height: 100%;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .basic_row_2 .user_details .user_data .user_information {
  display: flex;
  flex: 0.5;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 10px;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .basic_row_2 .user_details .user_data .user_information h2 {
  font-size: 1.2rem;
  font-weight: 600;
  letter-spacing: 1px;
  color: #ffffff;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .basic_row_2 .user_details .user_data .user_information p {
  font-size: 1rem;
  font-weight: 500;
  color: rgb(255, 255, 98);
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0rem;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .basic_row_2 .user_details .user_data .user_information p img {
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media screen and (max-width: 600px) {
  .CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .basic_row_2 .user_details .user_data .user_information p img {
    width: 25px;
    height: 25px;
  }
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .basic_row_2 .user_details .user_data .contacts_btns {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  width: 100%;
  flex-wrap: wrap;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .basic_row_2 .user_details .user_data .contacts_btns a {
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 0.4rem 1rem;
  background-color: #e8ecd6;
  color: #3d3d3d;
  border-radius: 0.2rem;
  transition: all 0.4s linear;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .basic_row_2 .user_details .user_data .contacts_btns a .icon {
  font-size: 1rem;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .basic_row_2 .user_details .user_data .contacts_btns a small {
  font-size: 0.7rem;
  font-weight: 500;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .basic_row_2 .user_details .user_data .contacts_btns a:hover {
  background-color: #e8ecd6;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
  color: #3d3d3d;
  scale: 1.05;
  transition: all 0.4s linear;
}
@media screen and (max-width: 600px) {
  .CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .basic_row_2 .user_details .user_data {
    align-items: flex-start;
  }
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .contact_row_3 {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .contact_row_3 a {
  text-decoration: none;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 15px;
  color: #ffffff;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .contact_row_3 a .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  padding: 5px;
  border-radius: 5px;
  background-color: #e8ecd6;
  color: #3d3d3d;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .contact_row_3 a .contact_data {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 2px;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .contact_row_3 a .contact_data small {
  font-size: 0.7rem;
  font-weight: 600;
  color: #ffffff;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .contact_row_3 a .contact_data p {
  font-size: 0.9rem;
  font-weight: 500;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .contact_row_3 .add_to_contact {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.3rem auto;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .contact_row_3 .add_to_contact button {
  padding: 7px 2rem;
  color: #3d3d3d;
  background-color: #e8ecd6;
  font-weight: 550;
  font-size: 0.8rem;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  transition: all 0.4s ease-in-out;
  cursor: pointer;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .contact_row_3 .add_to_contact button:hover {
  background-color: #e8ecd6;
  color: #3d3d3d;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
  transition: all 0.4s ease-in-out;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .about_row_4 {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
  color: #ffffff;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .about_row_4 .about_details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-items: flex-start;
  gap: 15px;
  width: 100%;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .about_row_4 .about_details .detail {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  width: 100%;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .about_row_4 .about_details .detail .detail_title {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 1rem;
  font-weight: 550;
  flex: 0.4;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .about_row_4 .about_details .detail .detail_title h5 {
  font-size: 0.8rem;
  font-weight: 600;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .about_row_4 .about_details .detail .detail_message {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 5px;
  font-weight: 550;
  flex: 0.6;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .about_row_4 .about_details .detail .detail_message strong {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .about_row_4 .about_details .detail .detail_message p {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 0.8rem;
  font-weight: 500;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row !important;
  gap: 1.3rem;
  width: 100%;
  margin-left: 5px;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a {
  text-decoration: none;
  color: #6b6b6b;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: all 0.3s ease-in-out;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a i {
  z-index: 2;
  font-size: 1rem;
  font-weight: 500;
  color: #ffffff;
  transition: all 0.3s ease-in-out;
  position: relative;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg1 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg1 #sw-js-blob-svg {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg1 #sw-js-blob-svg #stop1 {
  stop-color: #5365ff;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg1 #sw-js-blob-svg #stop2 {
  stop-color: #5365ff;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg2 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg2 #sw-js-blob-svg {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg2 #sw-js-blob-svg #stop3 {
  stop-color: #ff004d;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg2 #sw-js-blob-svg #stop4 {
  stop-color: #f500da;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg3 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg3 #sw-js-blob-svg {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg3 #sw-js-blob-svg #stop5 {
  stop-color: #10b856;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg3 #sw-js-blob-svg #stop6 {
  stop-color: #10b856;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg6 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg6 #sw-js-blob-svg6 {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg6 #sw-js-blob-svg6 #stop11 {
  stop-color: #4da6e9;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg6 #sw-js-blob-svg6 #stop12 {
  stop-color: #4da6e9;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg4 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg4 #sw-js-blob-svg {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg4 #sw-js-blob-svg #stop7 {
  stop-color: #ff777b;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg4 #sw-js-blob-svg #stop8 {
  stop-color: #ff656a;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg5 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg5 #sw-js-blob-svg5 {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg5 #sw-js-blob-svg5 #stop9 {
  stop-color: #a5a5a5;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg5 #sw-js-blob-svg5 #stop10 {
  stop-color: #999999;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a small {
  display: none;
  position: absolute;
  transition: all 0.4s ease-in-out;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a:hover {
  scale: 1.1;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
  transition: all 0.3s ease-in-out;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a:hover .social_media_svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .about_row_4 .about_details .detail .detail_message .social_medias a:hover .social_media_svg img {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60px;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .about_row_4 .about_details .detail .detail_message .icon {
  font-size: 1.2rem;
  cursor: pointer;
  color: rgb(104, 104, 104);
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .about_row_4 .specialities {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .about_row_4 .specialities p {
  color: #ffffff !important;
  font-size: 0.9rem;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .our_services {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
  color: #ffffff;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .our_services .All_Services {
  width: 100%;
  height: auto;
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .our_services .All_Services .Service {
  width: 100%;
  padding: 1rem;
  background-color: #e8ecd6;
  border-radius: 3px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.253);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  color: rgb(46, 46, 46);
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .our_services .All_Services .Service .service_title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .our_services .All_Services .Service .service_title h5 {
  font-size: 1.1rem;
  font-weight: 550;
  color: #3a3a3a;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .our_services .All_Services .Service .service_description {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  font-size: 0.9rem;
  font-weight: 500;
  color: rgb(46, 46, 46);
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .our_services .All_Services .Service .service_link {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .our_services .All_Services .Service .service_link a {
  text-decoration: none;
  color: royalblue;
  font-size: 0.9rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .our_services .All_Services .Service .service_link a:hover {
  text-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .our_services .All_Services .Service .service_image {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .our_services .All_Services .Service .service_image img {
  width: 100%;
  height: 250px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .our_services .All_Services .Service .service_action {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .our_services .All_Services .Service .service_action .service_price {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .our_services .All_Services .Service .service_action .service_price h5 {
  font-size: 1.1rem;
  font-weight: 600;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .our_services .All_Services .Service .service_action .service_price p {
  font-size: 1rem;
  font-weight: 550;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .our_services .All_Services .Service .service_action .service_enquiry {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .our_services .All_Services .Service .service_action .service_enquiry a {
  text-decoration: none;
  color: #6b6b6b;
  background-color: #e8ecd6;
  padding: 0.5rem 1rem;
  border: 2px solid #6b6b6b;
  font-size: 0.9rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .our_services .All_Services .Service .service_action .service_enquiry a:hover {
  background-color: #727272;
  color: #ffffff;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .our_products {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .our_products .All_Products {
  width: 100%;
  height: auto;
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .our_products .All_Products .Product {
  width: 100%;
  background-color: #feffab;
  border-radius: 3px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  color: rgb(63, 63, 63);
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .our_products .All_Products .Product .product_title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0px 0.5rem;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .our_products .All_Products .Product .product_title h5 {
  font-size: 1.1rem;
  font-weight: 550;
  color: #2c2c2c;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .our_products .All_Products .Product .product_description {
  padding: 0px 0.5rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  font-size: 0.9rem;
  font-weight: 500;
  color: rgb(63, 63, 63);
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .our_products .All_Products .Product .product_link {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0.5rem;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .our_products .All_Products .Product .product_link a {
  text-decoration: none;
  color: royalblue;
  font-size: 0.9rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .our_products .All_Products .Product .product_link a:hover {
  text-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .our_products .All_Products .Product .product_image {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .our_products .All_Products .Product .product_image img {
  width: 100%;
  height: 200px;
  border-top-left-radius: 0.2rem;
  border-top-right-radius: 0.2rem;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .our_products .All_Products .Product .product_action {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .our_products .All_Products .Product .product_action .product_price {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .our_products .All_Products .Product .product_action .product_price h5 {
  font-size: 1.1rem;
  font-weight: 600;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .our_products .All_Products .Product .product_action .product_price p {
  font-size: 1rem;
  font-weight: 550;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .our_products .All_Products .Product .product_action .product_enquiry {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .our_products .All_Products .Product .product_action .product_enquiry a {
  text-decoration: none;
  color: #6b6b6b;
  background-color: #e8ecd6;
  padding: 0.5rem 1rem;
  border: 2px solid #6b6b6b;
  font-size: 0.9rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .our_products .All_Products .Product .product_action .product_enquiry a:hover {
  background-color: #727272;
  color: #ffffff;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Payment {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Payment .payment_details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-items: flex-start;
  gap: 10px;
  width: 100%;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Payment .payment_details .detail {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  width: 100%;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Payment .payment_details .detail .detail_title {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 1rem;
  font-weight: 550;
  flex: 0.4;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Payment .payment_details .detail .detail_title h5 {
  font-size: 0.8rem;
  font-weight: 600;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Payment .payment_details .detail .detail_message {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 5px;
  font-weight: 550;
  flex: 0.6;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Payment .payment_details .detail .detail_message p {
  font-size: 0.8rem;
  font-weight: 500;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Payment .payment_details .detail .detail_message .icon {
  font-size: 1.2rem;
  cursor: pointer;
  color: #ffffff;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Payment .payment_details .detail .detail_message .icon:hover {
  color: royalblue;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Payment .sub_title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Payment .sub_title h4 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  font-weight: 550;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-size: 1.05rem !important;
  color: #ffe574;
  position: relative;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Payment .account_details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-items: flex-start;
  gap: 10px;
  width: 100%;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Payment .account_details .detail {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  width: 100%;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Payment .account_details .detail .detail_title {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 1rem;
  font-weight: 550;
  flex: 0.4;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Payment .account_details .detail .detail_title h5 {
  font-size: 0.8rem;
  font-weight: 600;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Payment .account_details .detail .detail_message {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 5px;
  font-weight: 550;
  flex: 0.6;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Payment .account_details .detail .detail_message p {
  font-size: 0.8rem;
  font-weight: 500;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Payment .account_details .detail .detail_message .icon {
  font-size: 1.2rem;
  cursor: pointer;
  color: #ffffff;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Payment .account_details .detail .detail_message .icon:hover {
  color: royalblue;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Payment .qr_code_upi_name {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Payment .qr_code_upi_name h4 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  font-weight: 550;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-size: 0.9rem !important;
  color: #ffe574;
  position: relative;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Payment .quote {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Payment .qr_image_box {
  width: 70%;
  height: auto;
  padding: 1rem;
  border-radius: 10px;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4));
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Payment .qr_image_box .user_name {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #3d3d3d;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Payment .qr_image_box .user_name h4 {
  font-size: 1rem;
  font-weight: 550;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Payment .qr_image_box .qr_image {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Payment .qr_image_box .qr_image img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  margin: auto;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .gallery {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .gallery .all_gallerys {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0.5rem;
  place-items: center;
  /* Different spans for larger images */
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .gallery .all_gallerys .gallery_image {
  width: 100%;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .gallery .all_gallerys .gallery_image img {
  cursor: pointer;
  width: 100%;
  height: 150px;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
  border: 1px solid rgb(196, 196, 196);
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .gallery .all_gallerys .gallery_image img:hover {
  opacity: 0.7;
  transition: all 0.3s ease;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .gallery .all_gallerys .span-1 {
  grid-row: span 1;
  grid-column: span 1;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .gallery .all_gallerys .span-2 {
  grid-row: span 1;
  grid-column: span 1;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .gallery .all_gallerys .span-3 {
  grid-row: span 1;
  grid-column: span 1;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .gallery .all_gallerys .span-4 {
  grid-row: span 1;
  grid-column: span 1;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .gallery .all_gallerys .span-5 {
  grid-row: span 2;
  grid-column: span 2;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .video {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .video .videos_container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
  margin: auto;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .video .videos_container .video_image {
  width: 100%;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .video .videos_container .video_image iframe {
  width: 100%;
  height: 200px;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .local_video {
  padding: 0px 1rem;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .local_video .local_videos_container {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin: auto;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .local_video .local_videos_container .video_image {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .local_video .local_videos_container .video_image video {
  width: -moz-max-content;
  width: max-content;
  height: auto;
  max-height: 300px;
  border-radius: 0.5rem;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Appoinment {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Appoinment .popup_message_container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  position: absolute;
  top: 10%;
  left: 20%;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Appoinment .popup_message_container .popup_success_box {
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
  border-radius: 5px;
  padding: 0.5px 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  position: relative;
  transition: transform 0.5s ease-in-out;
  z-index: -1;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Appoinment .popup_message_container .popup_success_box .popup_close i {
  font-size: 1.4rem;
  font-weight: 600;
  color: rgb(255, 79, 79);
  cursor: pointer;
  transition: all 0.5s ease;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Appoinment .popup_message_container .popup_success_box .popup_close i:hover {
  transform: rotate(90deg);
  transition: all 0.5s ease;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Appoinment .popup_message_container .popup_success_box .popup_message {
  font-size: 0.9rem;
  color: #525252;
  font-weight: 550;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Appoinment .popup_message_container #successOpen {
  transform: translateX(0px);
  transition: transform 0.5s ease-in-out;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Appoinment .popup_message_container #successClose {
  transform: translateX(500px);
  transition: transform 0.5s ease-in-out;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Appoinment .popup_message_container .popup_error_box {
  display: inline-block;
  height: 40px;
  background-color: rgb(255, 177, 141) !important;
  border-radius: 5px;
  padding: 0px 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3rem;
  position: relative;
  z-index: -1;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Appoinment .popup_message_container .popup_error_box .popup_close i {
  font-size: 1.4rem;
  color: rgb(255, 255, 255);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.5s ease;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Appoinment .popup_message_container .popup_error_box .popup_close i:hover {
  transform: rotate(90deg);
  transition: all 0.5s ease;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Appoinment .popup_message_container .popup_error_box .popup_message {
  font-size: 0.9rem;
  color: #494949;
  font-weight: 550;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Appoinment .appinment_form_container {
  width: 100%;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Appoinment .appinment_form_container form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0rem 1rem;
  width: 100%;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Appoinment .appinment_form_container form .form_group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  position: relative;
  gap: 5px;
  padding: 0.5rem 0px;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Appoinment .appinment_form_container form .form_group label {
  font-size: 0.8rem;
  font-weight: 550;
  letter-spacing: 1px;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Appoinment .appinment_form_container form .form_group .labelError {
  color: rgb(255, 230, 10);
  font-family: 500;
  font-size: 0.6rem;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Appoinment .appinment_form_container form .form_group .input_error {
  border: 1px solid rgb(255, 230, 10) !important;
  border-radius: 5px;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Appoinment .appinment_form_container form .form_group .error {
  position: absolute;
  top: 12%;
  right: 0%;
  color: rgb(255, 230, 10);
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Appoinment .appinment_form_container form .form_group .desc_error {
  position: absolute;
  top: 0%;
  right: 0%;
  color: rgb(255, 230, 10);
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Appoinment .appinment_form_container form .form_group input[type=date],
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Appoinment .appinment_form_container form .form_group input[type=text],
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Appoinment .appinment_form_container form .form_group input[type=tel] {
  width: 100%;
  outline: none;
  padding: 10px 1rem;
  border-radius: 0.2rem;
  background-color: transparent;
  border: 1px solid #ffffff;
  color: #ffffff;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Appoinment .appinment_form_container form .form_group input[type=date]::-moz-placeholder, .CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Appoinment .appinment_form_container form .form_group input[type=text]::-moz-placeholder, .CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Appoinment .appinment_form_container form .form_group input[type=tel]::-moz-placeholder {
  color: #ffffff;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Appoinment .appinment_form_container form .form_group input[type=date]::placeholder,
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Appoinment .appinment_form_container form .form_group input[type=text]::placeholder,
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Appoinment .appinment_form_container form .form_group input[type=tel]::placeholder {
  color: #ffffff;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Appoinment .appinment_form_container form .form_group select {
  width: 100%;
  outline: none;
  padding: 8px 1rem;
  background-color: transparent;
  border: 1px solid #ffffff;
  color: #ffffff;
  font-weight: 500;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Appoinment .appinment_form_container form .form_group select option {
  color: #3b3b3b;
  width: 100%;
  font-size: 0.8rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Appoinment .appinment_form_container form .form_submit {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  width: 100%;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Appoinment .appinment_form_container form .form_submit button {
  display: flex;
  align-self: center;
  justify-content: center;
  gap: 0.5rem;
  outline: none;
  padding: 6px 1rem;
  background-color: #e8ecd6;
  color: #555555;
  font-size: 0.8rem;
  border-radius: 0.3rem;
  font-weight: 500;
  transition: all 0.4s ease-in;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Appoinment .appinment_form_container form .form_submit button span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.9rem;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Appoinment .appinment_form_container form .form_submit button .inquiryloader {
  width: 18px;
  height: 18px;
  border: 2px solid #fff;
  border-bottom-color: transparent;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}
@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Appoinment .appinment_form_container form .form_submit button:hover {
  background-color: #7e7e7e;
  color: #ffffff;
  filter: drop-shadow(0px 4px 5px rgba(109, 109, 109, 0.4));
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Appoinment .appinment_form_container form .form_submit button:nth-child(2) {
  background-color: royalblue;
  color: #ffffff;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Appoinment .appinment_form_container form .form_submit button:nth-child(2):hover {
  background-color: rgb(248, 137, 118);
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .time_container {
  width: 100%;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .time_container .time_list_container {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  place-items: center;
  gap: 1rem 1rem;
  margin: 1rem auto;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .time_container .time_list_container .time_list {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  padding: 5px 1rem 5px 1rem;
  background-color: #e8ecd6;
  width: 100%;
  height: 80px;
  max-height: 80px;
  min-height: 80px;
  border-radius: 0.5rem;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .time_container .time_list_container .time_list .day {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .time_container .time_list_container .time_list .day span {
  font-size: 0.7rem;
  font-weight: 550;
  color: #6b6b6b;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .time_container .time_list_container .time_list .day span::after {
  content: "";
  display: block;
  height: 1px;
  background-color: #3d3d3d;
  width: 100%;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .time_container .time_list_container .time_list .time {
  width: 100%;
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  margin-top: 10px;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .time_container .time_list_container .time_list .time .start {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .time_container .time_list_container .time_list .time .start h6 {
  font-size: 0.6rem;
  font-weight: 600;
  color: #6b6b6b;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .time_container .time_list_container .time_list .time .start span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.6rem;
  color: #6b6b6b;
  font-weight: 550;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .time_container .time_list_container .time_list .time .end {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .time_container .time_list_container .time_list .time .end h6 {
  font-size: 0.6rem;
  font-weight: 500;
  color: #6b6b6b;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .time_container .time_list_container .time_list .time .end span {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6b6b6b;
  font-size: 0.6rem;
  font-weight: 550;
}
@media screen and (max-width: 700px) {
  .CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .time_container .time_list_container {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .testimonial {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .testimonial .testimonial_container {
  margin: 1rem auto;
  width: 100%;
  height: 180px;
  min-height: 180px;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .testimonial .testimonial_container .testimonial_list {
  margin: 1rem 1rem;
  width: 100%;
  height: 180px;
  min-height: 180px;
  background-color: #e8ecd6;
  overflow-y: auto;
  margin: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .testimonial .testimonial_container .testimonial_list .client_feedback {
  width: 100%;
  flex: 0.6;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: 10px;
  padding: 10px;
  height: 100%;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .testimonial .testimonial_container .testimonial_list .client_feedback h4 {
  font-size: 0.9rem;
  font-weight: 550;
  color: #3d3d3d;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .testimonial .testimonial_container .testimonial_list .client_feedback .client_name {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .testimonial .testimonial_container .testimonial_list .client_feedback .client_name h4 {
  font-size: 0.8rem;
  color: #6b6b6b;
  font-weight: 550;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .testimonial .testimonial_container .testimonial_list .client_feedback .client_name small {
  color: #b75a48;
  font-size: 0.7rem;
  font-weight: 550;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .testimonial .testimonial_container .testimonial_list .client_feedback small {
  width: 100%;
  font-size: 0.8rem;
  color: #6b6b6b;
  font-weight: 500;
  overflow-y: scroll;
  text-align: start;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .testimonial .testimonial_container .testimonial_list .client_feedback small::-webkit-scrollbar {
  display: none;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .testimonial .testimonial_container .testimonial_list .client_detail {
  display: flex;
  align-items: center;
  flex-direction: column-reverse;
  width: 100%;
  height: 100%;
  flex: 0.4;
  justify-content: center;
  gap: 10px;
  background-color: #e8ecd6;
  border-bottom-left-radius: 6rem;
  border-top-left-radius: 6rem;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .testimonial .testimonial_container .testimonial_list .client_detail img {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border: 1px solid #e8ecd6;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .testimonial .testimonial_container .testimonial_list::-webkit-scrollbar {
  display: none;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .google_map_container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .google_map_container .google_map {
  width: 100%;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .google_map_container .google_map iframe {
  width: 100% !important;
  height: 250px !important;
  border: none !important;
  margin: 1rem auto;
  border-radius: 0.5rem;
  filter: drop-shadow(0px 4px 5px rgba(56, 56, 56, 0.527));
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row {
  width: 100%;
  padding: 0rem 1rem;
  display: flex;
  flex-direction: column;
  gap: 0rem;
  align-items: center;
  justify-content: center;
  position: relative;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .popup_message_container {
  position: absolute;
  top: 30%;
  left: 50%;
  transform: translate(-50%, -30%);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 100;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .popup_message_container .popup_success_box {
  display: inline-block;
  width: auto;
  background-color: rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
  padding: 0.6rem 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  position: relative;
  font-size: 0.7rem;
  font-weight: 500;
  transition: all 0.5s ease-in-out;
  z-index: -1;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .popup_message_container .popup_success_box .popup_close i {
  font-size: 1.4rem;
  font-weight: 600;
  color: rgb(255, 101, 101);
  cursor: pointer;
  transition: all 0.5s ease;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .popup_message_container .popup_success_box .popup_close i:hover {
  transform: rotate(90deg);
  transition: all 0.5s ease;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .popup_message_container .popup_success_box .popup_close .icon {
  font-size: 1.2rem;
  color: #2cc478;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .popup_message_container .popup_success_box .popup_message {
  font-size: 0.9rem;
  color: rgb(48, 48, 48);
  font-weight: 500;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .popup_message_container #successOpen {
  scale: 1;
  opacity: 1;
  transition: all 0.5s ease-in-out;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .popup_message_container #successClose {
  scale: 0;
  opacity: 0;
  transition: all 0.5s ease-in-out;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .popup_message_container .popup_error_box {
  display: inline-block;
  height: 40px;
  background-color: rgb(255, 177, 141) !important;
  border-radius: 5px;
  padding: 0px 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3rem;
  position: relative;
  z-index: -1;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .popup_message_container .popup_error_box .popup_close i {
  font-size: 1.4rem;
  color: rgb(255, 255, 255);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.5s ease;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .popup_message_container .popup_error_box .popup_close i:hover {
  transform: rotate(90deg);
  transition: all 0.5s ease;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .popup_message_container .popup_error_box .popup_message {
  font-size: 0.9rem;
  color: #2cc478;
  font-weight: 550;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .Feedback_container_message {
  width: 100%;
  height: auto;
  margin: 0rem auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .Feedback_container_message .feeback_title {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: space-between;
  gap: 10px;
  z-index: 800;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .Feedback_container_message .feeback_title button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 0.7rem;
  color: #e8ecd6;
  background: transparent;
  cursor: pointer;
  outline: none;
  border: transparent;
  font-weight: 600;
  position: relative;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .Feedback_container_message .feeback_title button i {
  font-size: 1.4rem;
  color: #ffffff;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .Feedback_container_message .feeback_title button .count {
  position: absolute;
  right: -7%;
  top: -8%;
  font-size: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  color: #ffffff;
  border-radius: 50%;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .Feedback_container_message .feeback_title .feedBack_loader {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: block;
  margin: 15px auto;
  position: relative;
  color: #253bff;
  left: -100px;
  box-sizing: border-box;
  animation: shadowRolling 2s linear infinite;
}
@keyframes shadowRolling {
  0% {
    box-shadow: 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
  }
  12% {
    box-shadow: 100px 0 rgb(76, 247, 176), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
  }
  25% {
    box-shadow: 110px 0 rgb(107, 98, 233), 100px 0 rgb(75, 45, 243), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
  }
  36% {
    box-shadow: 120px 0 rgb(94, 236, 255), 110px 0 rgb(226, 253, 72), 100px 0 rgb(219, 99, 119), 0px 0 rgba(255, 255, 255, 0);
  }
  50% {
    box-shadow: 130px 0 rgb(240, 135, 49), 120px 0 rgb(56, 163, 74), 110px 0 rgb(99, 95, 95), 100px 0 rgb(135, 111, 221);
  }
  62% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 130px 0 white, 120px 0 white, 110px 0 white;
  }
  75% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 130px 0 white, 120px 0 white;
  }
  87% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 130px 0 white;
  }
  100% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0);
  }
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .Feedback_container_message .comment_box {
  width: 100%;
  max-height: 300px;
  height: auto;
  overflow: scroll;
  margin: 1rem auto;
  background: transparent;
  border-radius: 5px;
  position: relative;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .comment_box_title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  background-color: royalblue;
  color: #fff;
  font-weight: 400;
  display: none;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message {
  width: 100%;
  padding: 10px;
  border-bottom: 1px solid rgb(238, 237, 237);
  position: relative;
  font-size: 0.7rem;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 5px;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .userName p {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 0.8rem;
  color: #ffffff;
  letter-spacing: 1px;
  font-weight: 550;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .userName p i {
  color: yellow;
  font-size: 1.4rem;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .userName p::first-letter {
  text-transform: uppercase !important;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars .ratting_container1 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.2rem;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars .ratting_container1 span i {
  font-size: 1rem;
  cursor: pointer;
  color: lightgray;
  transition: all 0.4s ease-in-out;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars .ratting_container1 span .highlight1 {
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
  color: gold;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #noRatting span:nth-child(1) i,
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #noRatting span:nth-child(2) i,
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #noRatting span:nth-child(3) i,
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #noRatting span:nth-child(4) i,
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #noRatting span:nth-child(5) i {
  text-decoration: line-through;
  text-decoration-color: #ff2525;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #singleRatting span:nth-child(1) i {
  color: #f7c52a;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #doubleRatting span:nth-child(1) i,
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #doubleRatting span:nth-child(2) i {
  color: #f7c52a;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #ThreeRatting span:nth-child(1) i,
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #ThreeRatting span:nth-child(2) i,
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #ThreeRatting span:nth-child(3) i {
  color: #f7c52a;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fourRatting span:nth-child(1) i,
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fourRatting span:nth-child(2) i,
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fourRatting span:nth-child(3) i,
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fourRatting span:nth-child(4) i {
  color: #f7c52a;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fullRatting span:nth-child(1) i,
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fullRatting span:nth-child(2) i,
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fullRatting span:nth-child(3) i,
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fullRatting span:nth-child(4) i,
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fullRatting span:nth-child(5) i {
  color: #f7c52a;
  filter: drop-shadow(0px 4px 5px rgba(165, 165, 165, 0.4));
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .comments {
  margin: 10px auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  width: 100%;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .comments i {
  color: rgb(163, 255, 199);
  font-size: 1.4rem;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .comments span {
  font-size: 0.7rem;
  letter-spacing: 1px;
  color: #ffffff;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .date {
  position: absolute;
  right: 2%;
  top: 15%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 0.9rem;
  color: #ffffff;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .Feedback_container_message .comment_box .message .date i {
  color: rgb(160, 255, 255);
  font-size: 1.1rem;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .Feedback_container_message .comment_box::-webkit-scrollbar {
  display: none;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .feedback_container {
  width: 100%;
  position: relative;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .feedback_container form {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin: auto;
  padding: 0px 0.5rem 0rem 0.5rem;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .feedback_container form .feedback_svg {
  position: absolute;
  top: -4%;
  right: 0%;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .feedback_container form .feedback_svg img {
  width: 100px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media (max-width: 600px) {
  .CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .feedback_container form .feedback_svg img {
    width: 90px;
  }
  .CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .feedback_container form .feedback_svg {
    top: 0%;
  }
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .feedback_container form .form_group {
  margin: 10px auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  width: 95%;
  position: relative;
  margin: 0.2rem 0.2rem;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .feedback_container form .form_group .error {
  font-size: 0.6rem;
  color: rgb(255, 230, 10) !important;
  -webkit-text-fill-color: rgb(255, 230, 10);
  letter-spacing: 1px;
  display: flex;
  align-items: center;
  font-weight: 550;
  justify-content: flex-start;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .feedback_container form .form_group label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  left: 5%;
  color: #ffffff;
  -webkit-text-fill-color: #ffffff;
  font-size: 0.7rem;
  font-weight: 550;
  border-radius: 4px;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .feedback_container form .form_group label span {
  font-size: 1rem;
  color: rgb(255, 230, 10) !important;
  -webkit-text-fill-color: rgb(255, 230, 10);
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .feedback_container form .form_group label span sup {
  color: rgb(255, 230, 10) !important;
}
@media screen and (max-width: 800px) {
  .CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .feedback_container form .form_group label {
    left: 5%;
  }
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .feedback_container form .form_group input,
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .feedback_container form .form_group .ratting_container {
  width: 100%;
  padding: 0.7rem 1rem;
  background-color: transparent;
  border: 1px solid #ffffff;
  color: #ffffff;
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border-radius: 0.3rem;
  outline: none;
  caret-color: #ffffff;
  transition: all 0.3s ease;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .feedback_container form .form_group input::-moz-placeholder, .CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .feedback_container form .form_group .ratting_container::-moz-placeholder {
  font-size: 0.6rem;
  color: #ffffff;
  letter-spacing: 1px;
  font-weight: 400;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .feedback_container form .form_group input::placeholder,
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .feedback_container form .form_group .ratting_container::placeholder {
  font-size: 0.6rem;
  color: #ffffff;
  letter-spacing: 1px;
  font-weight: 400;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .feedback_container form .form_group input:focus,
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .feedback_container form .form_group .ratting_container:focus {
  border: double 2px transparent;
  border-radius: 0.3rem;
  background-color: transparent;
  border: 1px solid #ffffff;
  background-origin: border-box;
  background-clip: padding-box, border-box;
  transition: all 0.3s ease;
}
@media screen and (max-width: 800px) {
  .CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .feedback_container form .form_group input,
  .CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .feedback_container form .form_group .ratting_container {
    padding: 0.8rem 2rem;
    width: 100%;
    background-color: transparent;
  }
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .feedback_container form .form_group .ratting_container {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .feedback_container form .form_group .ratting_container span i {
  font-size: 1.5rem;
  cursor: pointer;
  color: rgb(255, 168, 54);
  transition: all 0.4s ease-in-out;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .feedback_container form .form_group .ratting_container span .highlight {
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
  color: gold;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .feedback_container form .form_group textarea {
  width: 100%;
  padding: 1rem;
  caret-color: #ffffff;
  color: #ffffff;
  border: double 1px transparent;
  background-color: transparent;
  border: 1px solid #ffffff;
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border-radius: 0.3rem;
  outline: none;
  transition: all 0.3s ease;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .feedback_container form .form_group textarea::-moz-placeholder {
  font-size: 0.6rem;
  color: #ffffff;
  letter-spacing: 1px;
  font-weight: 400;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .feedback_container form .form_group textarea::placeholder {
  font-size: 0.6rem;
  color: #ffffff;
  letter-spacing: 1px;
  font-weight: 400;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .feedback_container form .form_group textarea:focus {
  border: double 2px transparent;
  border-radius: 0.3rem;
  background-color: transparent;
  border: 1px solid #ffffff;
  background-origin: border-box;
  background-clip: padding-box, border-box;
  transition: all 0.3s ease;
}
@media screen and (max-width: 800px) {
  .CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .feedback_container form .form_group textarea {
    padding: 0.8rem 2rem;
    width: 100%;
    background-color: transparent;
  }
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .feedback_container form .form_group .icon {
  position: absolute;
  left: 1%;
  top: 63%;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .feedback_container form .form_group .icon img {
  width: 25px;
  height: 25px;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .feedback_container form .form_group .icon i {
  font-size: 1.4rem;
  color: skyblue;
}
@media screen and (max-width: 800px) {
  .CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .feedback_container form .form_group .icon {
    position: absolute;
    left: 2%;
    top: 25%;
  }
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .feedback_container form .form_group .show_pass {
  position: absolute;
  right: 2%;
  top: 25%;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .feedback_container form .form_group .show_pass i {
  font-size: 1.4rem;
  color: skyblue;
  cursor: pointer;
}
@media screen and (max-width: 800px) {
  .CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .feedback_container form .form_group .show_pass {
    position: absolute;
    right: 2%;
    top: 25%;
  }
}
@media screen and (max-width: 900px) {
  .CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .feedback_container form .form_group {
    margin: 0.8rem auto;
  }
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .feedback_container form .form_actions {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 1rem auto;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .feedback_container form .form_actions button {
  margin-right: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background-color: #e8ecd6;
  filter: none;
  width: auto;
  padding: 10px 1rem;
  outline: none;
  border: transparent;
  font-weight: 500;
  letter-spacing: 1px;
  font-size: 0.6rem;
  border-radius: 5px;
  cursor: pointer;
  color: #555555;
  transition: all 0.4s ease-in;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .feedback_container form .form_actions button span {
  font-size: 1.2rem;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .feedback_container form .form_actions button .form_loader,
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .feedback_container form .form_actions button .form_loader:before,
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .feedback_container form .form_actions button .form_loader:after {
  border-radius: 50%;
  width: 1em;
  height: 1em;
  animation-fill-mode: both;
  animation: bblFadInOut 1.8s infinite ease-in-out;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .feedback_container form .form_actions button .form_loader {
  color: #fff;
  font-size: 7px;
  position: relative;
  text-indent: -9999em;
  transform: translateZ(0);
  animation-delay: -0.16s;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .feedback_container form .form_actions button .form_loader:before,
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .feedback_container form .form_actions button .form_loader:after {
  content: "";
  position: absolute;
  top: 0;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .feedback_container form .form_actions button .form_loader:before {
  left: -3.5em;
  animation-delay: -0.32s;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .feedback_container form .form_actions button .form_loader:after {
  left: 3.5em;
}
@keyframes bblFadInOut {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .feedback_row .feedback_container form .form_actions button:hover {
  background-color: #e8ecd6;
  color: #6b6b6b;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
  font-weight: 550;
  transition: all 0.4s ease-in;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Inquries {
  width: 100%;
  padding: 0rem 1rem;
  display: flex;
  flex-direction: column;
  gap: 0rem;
  align-items: center;
  justify-content: center;
  position: relative;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Inquries .popup_message_container {
  position: absolute;
  top: 10%;
  left: 50%;
  transform: translate(-50%, -10%);
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Inquries .popup_message_container .popup_success_box {
  display: inline-block;
  width: auto;
  background-color: rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
  border-radius: 5px;
  padding: 0.6rem 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  position: relative;
  transition: all 0.5s ease-in-out;
  z-index: -1;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Inquries .popup_message_container .popup_success_box .popup_close i {
  font-size: 1.4rem;
  font-weight: 600;
  color: rgb(255, 76, 76);
  cursor: pointer;
  transition: all 0.5s ease;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Inquries .popup_message_container .popup_success_box .popup_close i:hover {
  transform: rotate(90deg);
  transition: all 0.5s ease;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Inquries .popup_message_container .popup_success_box .popup_close .icon {
  font-size: 1.2rem;
  color: #2cc478;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Inquries .popup_message_container .popup_success_box .popup_message {
  font-size: 0.8rem;
  color: #4b4b4b;
  font-weight: 550;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Inquries .popup_message_container #successOpen {
  scale: 1;
  opacity: 1;
  transition: all 0.5s ease-in-out;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Inquries .popup_message_container #successClose {
  scale: 0;
  opacity: 0;
  transition: all 0.5s ease-in-out;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Inquries .popup_message_container .popup_error_box {
  display: inline-block;
  height: 40px;
  background-color: rgb(255, 177, 141) !important;
  border-radius: 5px;
  padding: 0px 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3rem;
  position: relative;
  z-index: -1;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Inquries .popup_message_container .popup_error_box .popup_close i {
  font-size: 1.4rem;
  color: rgb(255, 255, 255);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.5s ease;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Inquries .popup_message_container .popup_error_box .popup_close i:hover {
  transform: rotate(90deg);
  transition: all 0.5s ease;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Inquries .popup_message_container .popup_error_box .popup_message {
  font-size: 0.9rem;
  color: #494949;
  font-weight: 550;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Inquries .inquiries_container5 {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
  margin: auto;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Inquries .inquiries_container5 form {
  width: 90%;
  padding: 10px 0px;
  margin: auto;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Inquries .inquiries_container5 form .form_group {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 10px;
  margin-bottom: 10px;
  margin: 10px auto;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Inquries .inquiries_container5 form .form_group label {
  font-size: 0.7rem;
  letter-spacing: 1px;
  color: #ffffff;
  font-weight: 550;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Inquries .inquiries_container5 form .form_group .input {
  width: 100%;
  position: relative;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Inquries .inquiries_container5 form .form_group .input input,
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Inquries .inquiries_container5 form .form_group .input textarea {
  width: 100%;
  padding: 0.9rem 2.5rem;
  outline: none;
  border: transparent;
  border-radius: 5px;
  background-color: transparent;
  color: #ffffff;
  border: 1px solid #ffffff;
  caret-color: #ffffff;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Inquries .inquiries_container5 form .form_group .input input::-moz-placeholder, .CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Inquries .inquiries_container5 form .form_group .input textarea::-moz-placeholder {
  color: #ffffff;
  letter-spacing: 1px;
  font-size: 0.7rem;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Inquries .inquiries_container5 form .form_group .input input::placeholder,
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Inquries .inquiries_container5 form .form_group .input textarea::placeholder {
  color: #ffffff;
  letter-spacing: 1px;
  font-size: 0.7rem;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Inquries .inquiries_container5 form .form_group .input i {
  position: absolute;
  left: 2%;
  font-size: 1.2rem;
  color: #ffffff;
  top: 30%;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Inquries .inquiries_container5 form .form_group .labelError {
  color: rgb(255, 230, 10);
  font-weight: 450;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Inquries .inquiries_container5 form .form_group .input_error {
  border: 1px solid rgb(255, 230, 10) !important;
  border-radius: 5px;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Inquries .inquiries_container5 form .form_group .error {
  position: absolute;
  top: 12%;
  right: 0%;
  color: rgb(255, 230, 10);
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Inquries .inquiries_container5 form .form_group .desc_error {
  position: absolute;
  top: 0%;
  right: 0%;
  color: rgb(255, 230, 10);
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Inquries .inquiries_container5 form .form_actions {
  padding: 0px 1rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 1rem auto;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button {
  width: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background-color: #e8ecd6;
  color: #6b6b6b;
  padding: 8px 1rem;
  outline: none;
  border: transparent;
  font-weight: 450;
  letter-spacing: 1px;
  font-size: 0.7rem;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.4s ease-in;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button img {
  width: 20px;
  height: 20px;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button .form_loader,
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button .form_loader:before,
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button .form_loader:after {
  border-radius: 50%;
  width: 1em;
  height: 1em;
  animation-fill-mode: both;
  animation: bblFadInOut 1.8s infinite ease-in-out;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button .form_loader {
  color: #fff;
  font-size: 7px;
  position: relative;
  text-indent: -9999em;
  transform: translateZ(0);
  animation-delay: -0.16s;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button .form_loader:before,
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button .form_loader:after {
  content: "";
  position: absolute;
  top: 0;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button .form_loader:before {
  left: -3.5em;
  animation-delay: -0.32s;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button .form_loader:after {
  left: 3.5em;
}
@keyframes bblFadInOut {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Inquries .inquiries_container5 form .form_actions button:hover {
  background-color: #ffffff;
  transition: all 0.4s ease-in;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.5));
  color: #272727;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Footer {
  position: relative;
  bottom: 0%;
  width: 100%;
  margin-top: 3rem;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Footer .cab_footer_container {
  width: 100%;
  min-height: 50px;
  height: 50px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px 0px;
  z-index: 600;
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Footer .cab_footer_container p {
  font-size: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #6b6b6b;
  font-weight: 600;
  letter-spacing: 1px;
}
@media (max-width: 600px) {
  .CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Footer .cab_footer_container p {
    font-size: 0.7rem;
  }
}
.CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD .Footer .cab_footer_container svg {
  position: absolute;
  z-index: -1;
  bottom: 0%;
  left: 0%;
  width: 100%;
}
@media screen and (max-width: 650px) {
  .CAB_DRIVERS_LIVE_CONTAINER .CAB_DRIVERS_LIVE_CARD {
    width: 100vw !important;
    min-width: 100vw;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin-top: 0px;
    padding-bottom: 3.75rem;
  }
}
.CAB_DRIVERS_LIVE_CONTAINER::-webkit-scrollbar {
  width: 6px !important;
  height: 4px !important;
  background-color: #f5f5f5, #fff6f6;
  display: none !important;
}
@media screen and (max-width: 650px) {
  .CAB_DRIVERS_LIVE_CONTAINER::-webkit-scrollbar {
    display: none !important;
  }
}
.CAB_DRIVERS_LIVE_CONTAINER::-webkit-scrollbar-thumb {
  width: 6px !important;
  height: 4px !important;
  border-radius: 10px;
  z-index: 10;
  cursor: pointer;
  background-color: #fff !important;
}
.CAB_DRIVERS_LIVE_CONTAINER::-webkit-scrollbar-thumb:hover {
  background-color: rgb(36, 231, 222);
}
.date-input {
  appearance: none; /* Remove default styling */
  -webkit-appearance: none; /* Remove default styling in Safari */
  -moz-appearance: none; /* Remove default styling in Firefox */
  padding: 10px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.date-input::-moz-placeholder {
  color: #888; /* Placeholder color */
}
.date-input::placeholder {
  color: #888; /* Placeholder color */
}
/* Custom icon for the date picker */
.date-input::-webkit-calendar-picker-indicator {
  cursor: pointer;
  color: transparent;
  opacity: 1;
  position: absolute;
  right: 10px;
  top: 70%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url("https://img.icons8.com/emoji/48/calendar-emoji.png") no-repeat center center;
  background-size: contain;
}

.Dynamiv_vcard_Title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
.Dynamiv_vcard_Title h3 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  font-family: "Orbitron", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-size: 1.2rem;
  color: #161616;
  position: relative;
}
.Dynamiv_vcard_Title h3::first-letter {
  font-size: 1.7rem !important;
  color: #525252 !important;
}
.Dynamic_Elite1_Vcard_Live_Container {
  width: 100vw;
  min-height: 100vh;
  height: auto;
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin: auto;
  overflow-y: scroll;
  overflow-x: hidden;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-clip: border-box !important;
}
.Dynamic_Elite1_Vcard_Live_Container .dynamic_full_image {
  display: none;
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  margin: auto;
  width: 100vw;
  height: 800px;
  background: linear-gradient(#ffffff, #ffffff);
  z-index: 1;
}
.Dynamic_Elite1_Vcard_Live_Container .dynamic_full_image .close_Full_Image_gallery {
  position: absolute;
  width: 100%;
  left: 95%;
  top: 5%;
  z-index: 10;
}
.Dynamic_Elite1_Vcard_Live_Container .dynamic_full_image .close_Full_Image_gallery .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  color: red;
  z-index: 10;
  cursor: pointer;
  place-items: center;
  transition: all 0.3s ease-in-out;
}
.Dynamic_Elite1_Vcard_Live_Container .dynamic_full_image .close_Full_Image_gallery .icon:hover {
  filter: drop-shadow(0px 4px 5px rgba(255, 156, 117, 0.6));
  scale: 1.2;
  transition: all 0.3s ease-in-out;
}
.Dynamic_Elite1_Vcard_Live_Container .dynamic_full_image img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  height: auto;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.5));
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 1;
}
@media (max-width: 600px) {
  .Dynamic_Elite1_Vcard_Live_Container .dynamic_full_image img {
    width: 70%;
    height: 150px;
  }
}
.Dynamic_Elite1_Vcard_Live_Container .Dynamic_Vcard_Live_box {
  margin-top: 0.5rem !important;
}
.Dynamic_Elite1_Vcard_Live_Container .Dynamic_Vcard_Live_box .Image_row_1 {
  width: 100%;
  min-height: 400px;
  max-height: 400px;
  height: 400px;
  position: relative;
  background-color: #ffffff;
  overflow: hidden;
}
.Dynamic_Elite1_Vcard_Live_Container .Dynamic_Vcard_Live_box .Image_row_1 .design_1 {
  position: absolute;
  width: 400px;
  height: 400px;
  z-index: 20;
  background-color: lightgray;
  transform: rotate(-50deg) translateX(-50px) translateY(-200px);
}
.Dynamic_Elite1_Vcard_Live_Container .Dynamic_Vcard_Live_box .Image_row_1 .design_2 {
  position: absolute;
  width: 600px;
  height: 600px;
  z-index: 15;
  background-color: #1b3b64;
  transform: rotate(45deg) translateX(-60px) translateY(-350px);
}
.Dynamic_Elite1_Vcard_Live_Container .Dynamic_Vcard_Live_box .Image_row_1 .design_3 {
  position: absolute;
  width: 450px;
  height: 450px;
  z-index: 10;
  background-color: #adcc30;
  transform: rotate(-45deg) translateX(-80px) translateY(-290px);
}
.Dynamic_Elite1_Vcard_Live_Container .Dynamic_Vcard_Live_box .Image_row_1 .design_4 {
  position: absolute;
  width: 600px;
  height: 600px;
  z-index: 12;
  background-color: #adcc30;
  transform: rotate(42deg) translateX(-65px) translateY(-400px);
}
.Dynamic_Elite1_Vcard_Live_Container .Dynamic_Vcard_Live_box .Image_row_1 .slide_svg {
  position: absolute;
  width: 100%;
  bottom: -6px;
}
.Dynamic_Elite1_Vcard_Live_Container .Dynamic_Vcard_Live_box .Image_row_1 .slide_svg svg {
  transform: rotate(0deg);
  height: 150px;
}
.Dynamic_Elite1_Vcard_Live_Container .Dynamic_Vcard_Live_box .Image_row_1 .slide_svg .overlay {
  position: relative;
  top: -3px;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(rgba(205, 98, 226, 0) 0%, #ffffff 100%);
}
.Dynamic_Elite1_Vcard_Live_Container .Dynamic_Vcard_Live_box .Image_row_1 .banner_image {
  width: 100%;
  max-height: 100%;
  height: 100%;
  overflow: hidden;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.Dynamic_Elite1_Vcard_Live_Container .Dynamic_Vcard_Live_box .Image_row_1 .banner_image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover; /* Ensures image covers the area */
  -o-object-position: top;
     object-position: top; /* Ensures head portion is not cropped */
}
.Dynamic_Elite1_Vcard_Live_Container .Dynamic_Vcard_Live_box .Image_row_1 .user_logo {
  position: absolute;
  top: 5%;
  left: 5%;
  transform: translate(-5%, -5%);
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 8;
}
.Dynamic_Elite1_Vcard_Live_Container .Dynamic_Vcard_Live_box .Image_row_1 .user_logo img {
  z-index: 2;
  width: 100%;
  height: 100%;
  border-radius: 1rem;
  -o-object-fit: cover;
     object-fit: cover; /* Ensures image covers the area */
  -o-object-position: top;
     object-position: top; /* Ensures head portion is not cropped */
  box-shadow: rgba(14, 63, 126, 0.04) 0px 0px 0px 1px, rgba(42, 51, 69, 0.04) 0px 1px 1px -0.5px, rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px, rgba(42, 51, 70, 0.04) 0px 6px 6px -3px, rgba(14, 63, 126, 0.04) 0px 12px 12px -6px, rgba(14, 63, 126, 0.04) 0px 24px 24px -12px;
  animation: profileBorder 5s infinite linear;
}
@keyframes profileBorder {
  0% {
    border: 3px solid #ffffff;
    transform: translateY(0px);
  }
  25% {
    border: 3px solid #ffffff;
    transform: translateY(-5px);
  }
  50% {
    border: 3px solid #ffffff;
    transform: translateY(-10px);
  }
  75% {
    border: 3px solid rgb(255, 255, 255);
    transform: translateY(-5px);
  }
  100% {
    border: 3px solid #ffffff;
    transform: translateY(0px);
  }
}
.Dynamic_Elite1_Vcard_Live_Container .Dynamic_Vcard_Live_box .Image_row_1 .user_logo .svg_image {
  position: absolute;
  z-index: 1;
}
.Dynamic_Elite1_Vcard_Live_Container .Dynamic_Vcard_Live_box .Image_row_1 .user_logo .svg_image img {
  width: 200px;
  height: 200px;
  border: none;
  filter: drop-shadow(0px 4px 5px rgba(255, 255, 255, 0.631372549));
  animation: profileSVGAnime 5s infinite linear;
}
@keyframes profileSVGAnime {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(90deg);
  }
  50% {
    transform: rotate(180deg);
  }
  75% {
    transform: rotate(270deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.Dynamic_Elite1_Vcard_Live_Container .Dynamic_Vcard_Live_box .Image_row_1 .svg_image {
  position: absolute;
  bottom: -5%;
  left: 0%;
  right: 0%;
  width: 100%;
  z-index: 1;
}
.Dynamic_Elite1_Vcard_Live_Container .Dynamic_Vcard_Live_box .about_row_4 {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.Dynamic_Elite1_Vcard_Live_Container .Dynamic_Vcard_Live_box .about_row_4 .about_details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-items: flex-start;
  gap: 15px;
  width: 100%;
}
.Dynamic_Elite1_Vcard_Live_Container .Dynamic_Vcard_Live_box .about_row_4 .about_details .detail {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  width: 100%;
}
.Dynamic_Elite1_Vcard_Live_Container .Dynamic_Vcard_Live_box .about_row_4 .about_details .detail .detail_title {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 1rem;
  font-weight: 550;
  flex: 0.4;
}
.Dynamic_Elite1_Vcard_Live_Container .Dynamic_Vcard_Live_box .about_row_4 .about_details .detail .detail_title h5 {
  font-size: 0.9rem;
  font-weight: 600;
}
.Dynamic_Elite1_Vcard_Live_Container .Dynamic_Vcard_Live_box .about_row_4 .about_details .detail .detail_message {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 5px;
  font-weight: 550;
  flex: 0.6;
}
.Dynamic_Elite1_Vcard_Live_Container .Dynamic_Vcard_Live_box .about_row_4 .about_details .detail .detail_message strong {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-weight: bold;
  font-size: 0.9rem;
}
.Dynamic_Elite1_Vcard_Live_Container .Dynamic_Vcard_Live_box .about_row_4 .about_details .detail .detail_message p {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 0.9rem;
  font-weight: 600;
}
.Dynamic_Elite1_Vcard_Live_Container .Dynamic_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row !important;
  gap: 1.3rem;
  width: 100%;
  margin-left: 5px;
}
.Dynamic_Elite1_Vcard_Live_Container .Dynamic_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a {
  text-decoration: none;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: all 0.3s ease-in-out;
}
.Dynamic_Elite1_Vcard_Live_Container .Dynamic_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a i {
  z-index: 2;
  font-size: 1rem;
  font-weight: 500;
  color: #ffffff;
  transition: all 0.3s ease-in-out;
  position: relative;
}
.Dynamic_Elite1_Vcard_Live_Container .Dynamic_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg1 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Dynamic_Elite1_Vcard_Live_Container .Dynamic_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg1 #sw-js-blob-svg {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.Dynamic_Elite1_Vcard_Live_Container .Dynamic_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg1 #sw-js-blob-svg #stop1 {
  stop-color: #5365ff;
}
.Dynamic_Elite1_Vcard_Live_Container .Dynamic_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg1 #sw-js-blob-svg #stop2 {
  stop-color: #5365ff;
}
.Dynamic_Elite1_Vcard_Live_Container .Dynamic_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg2 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Dynamic_Elite1_Vcard_Live_Container .Dynamic_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg2 #sw-js-blob-svg {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.Dynamic_Elite1_Vcard_Live_Container .Dynamic_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg2 #sw-js-blob-svg #stop3 {
  stop-color: #ff004d;
}
.Dynamic_Elite1_Vcard_Live_Container .Dynamic_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg2 #sw-js-blob-svg #stop4 {
  stop-color: #f500da;
}
.Dynamic_Elite1_Vcard_Live_Container .Dynamic_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg3 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Dynamic_Elite1_Vcard_Live_Container .Dynamic_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg3 #sw-js-blob-svg {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.Dynamic_Elite1_Vcard_Live_Container .Dynamic_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg3 #sw-js-blob-svg #stop5 {
  stop-color: #10b856;
}
.Dynamic_Elite1_Vcard_Live_Container .Dynamic_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg3 #sw-js-blob-svg #stop6 {
  stop-color: #10b856;
}
.Dynamic_Elite1_Vcard_Live_Container .Dynamic_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg6 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Dynamic_Elite1_Vcard_Live_Container .Dynamic_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg6 #sw-js-blob-svg6 {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.Dynamic_Elite1_Vcard_Live_Container .Dynamic_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg6 #sw-js-blob-svg6 #stop11 {
  stop-color: #4da6e9;
}
.Dynamic_Elite1_Vcard_Live_Container .Dynamic_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg6 #sw-js-blob-svg6 #stop12 {
  stop-color: #4da6e9;
}
.Dynamic_Elite1_Vcard_Live_Container .Dynamic_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg4 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Dynamic_Elite1_Vcard_Live_Container .Dynamic_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg4 #sw-js-blob-svg {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.Dynamic_Elite1_Vcard_Live_Container .Dynamic_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg4 #sw-js-blob-svg #stop7 {
  stop-color: #ff777b;
}
.Dynamic_Elite1_Vcard_Live_Container .Dynamic_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg4 #sw-js-blob-svg #stop8 {
  stop-color: #ff656a;
}
.Dynamic_Elite1_Vcard_Live_Container .Dynamic_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg5 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Dynamic_Elite1_Vcard_Live_Container .Dynamic_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg5 #sw-js-blob-svg5 {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.Dynamic_Elite1_Vcard_Live_Container .Dynamic_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg5 #sw-js-blob-svg5 #stop9 {
  stop-color: #a5a5a5;
}
.Dynamic_Elite1_Vcard_Live_Container .Dynamic_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg5 #sw-js-blob-svg5 #stop10 {
  stop-color: #999999;
}
.Dynamic_Elite1_Vcard_Live_Container .Dynamic_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a small {
  display: none;
  position: absolute;
  transition: all 0.4s ease-in-out;
}
.Dynamic_Elite1_Vcard_Live_Container .Dynamic_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a:hover {
  scale: 1.1;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
  transition: all 0.3s ease-in-out;
}
.Dynamic_Elite1_Vcard_Live_Container .Dynamic_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a:hover .social_media_svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Dynamic_Elite1_Vcard_Live_Container .Dynamic_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a:hover .social_media_svg img {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60px;
}
.Dynamic_Elite1_Vcard_Live_Container .Dynamic_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .icon {
  font-size: 1.2rem;
  cursor: pointer;
  color: rgb(104, 104, 104);
}
.Dynamic_Elite1_Vcard_Live_Container .Dynamic_Vcard_Live_box .about_row_4 .specialities {
  width: 98%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: auto;
  font-size: 0.9rem;
}
.Dynamic_Elite1_Vcard_Live_Container .Dynamic_Vcard_Live_box .about_row_4 .specialities p {
  width: 100%;
  font-size: 0.9rem;
}
.Dynamic_Elite1_Vcard_Live_Container .Dynamic_Vcard_Live_box .about_row_4 .specialities ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  margin: auto;
  width: 90%;
  font-size: 1.3rem;
}
.Dynamic_Elite1_Vcard_Live_Container .Dynamic_Vcard_Live_box .about_row_4 .specialities ul li {
  font-size: 0.9rem;
  font-weight: 500;
}
.Dynamic_Elite1_Vcard_Live_Container .Dynamic_Vcard_Live_box .gallery {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.Dynamic_Elite1_Vcard_Live_Container .Dynamic_Vcard_Live_box .gallery .all_gallerys {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 0.5rem;
  place-items: center;
  margin: auto;
}
.Dynamic_Elite1_Vcard_Live_Container .Dynamic_Vcard_Live_box .gallery .all_gallerys .gallery_image {
  width: 100%;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.Dynamic_Elite1_Vcard_Live_Container .Dynamic_Vcard_Live_box .gallery .all_gallerys .gallery_image img {
  cursor: pointer;
  width: 100%;
  height: 150px;
  border-radius: 10px;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease;
}
.Dynamic_Elite1_Vcard_Live_Container .Dynamic_Vcard_Live_box .gallery .all_gallerys .gallery_image img:hover {
  opacity: 0.7;
  transition: all 0.3s ease;
}
.Dynamic_Elite1_Vcard_Live_Container .Dynamic_Vcard_Live_box .local_video {
  padding: 0px 1rem;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.Dynamic_Elite1_Vcard_Live_Container .Dynamic_Vcard_Live_box .local_video .local_videos_container {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 0.5rem;
  margin: 1rem auto;
}
.Dynamic_Elite1_Vcard_Live_Container .Dynamic_Vcard_Live_box .local_video .local_videos_container .video_image {
  width: -moz-max-content;
  width: max-content;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.Dynamic_Elite1_Vcard_Live_Container .Dynamic_Vcard_Live_box .local_video .local_videos_container .video_image video {
  width: 100%;
  height: auto;
  max-height: 200px;
  border-radius: 0.1rem;
}
.Dynamic_Elite1_Vcard_Live_Container .Dynamic_Vcard_Live_box .video {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.Dynamic_Elite1_Vcard_Live_Container .Dynamic_Vcard_Live_box .video .videos_container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
  margin: auto;
}
.Dynamic_Elite1_Vcard_Live_Container .Dynamic_Vcard_Live_box .video .videos_container .video_image {
  width: 100%;
}
.Dynamic_Elite1_Vcard_Live_Container .Dynamic_Vcard_Live_box .video .videos_container .video_image iframe {
  width: 100%;
  height: 200px;
}
.Dynamic_Elite1_Vcard_Live_Container .Dynamic_Vcard_Live_box .google_map_container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}
.Dynamic_Elite1_Vcard_Live_Container .Dynamic_Vcard_Live_box .google_map_container .google_map {
  width: 100%;
}
.Dynamic_Elite1_Vcard_Live_Container .Dynamic_Vcard_Live_box .google_map_container .google_map iframe {
  width: 100% !important;
  height: 250px !important;
  border: none !important;
  margin: 1rem auto;
  border-radius: 0.5rem;
  filter: drop-shadow(0px 4px 5px rgba(56, 56, 56, 0.527));
}
.Dynamic_Elite1_Vcard_Live_Container .Dynamic_Vcard_Live_box .Footer {
  position: relative;
  bottom: 0%;
  width: 100%;
  margin-top: 3rem;
}
.Dynamic_Elite1_Vcard_Live_Container .Dynamic_Vcard_Live_box .Footer .dynamic_footer_container {
  width: 100%;
  min-height: 50px;
  height: 50px;
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 5px;
  justify-content: center;
  padding: 0px 0px;
  z-index: 600;
  background-color: #ffffff;
}
.Dynamic_Elite1_Vcard_Live_Container .Dynamic_Vcard_Live_box .Footer .dynamic_footer_container small {
  font-size: 0.7rem;
  font-weight: 600;
  color: royalblue;
}
.Dynamic_Elite1_Vcard_Live_Container .Dynamic_Vcard_Live_box .Footer .dynamic_footer_container p {
  font-size: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  letter-spacing: 1px;
}
@media (max-width: 600px) {
  .Dynamic_Elite1_Vcard_Live_Container .Dynamic_Vcard_Live_box .Footer .dynamic_footer_container p {
    font-size: 0.7rem;
  }
}
.Dynamic_Elite1_Vcard_Live_Container .Dynamic_Vcard_Live_box .Footer .dynamic_footer_container .dynamic_footer_svg {
  position: absolute;
  z-index: -1;
  bottom: 25%;
  left: 0%;
  width: 100%;
}
@media screen and (max-width: 600px) {
  .Dynamic_Elite1_Vcard_Live_Container .Dynamic_Vcard_Live_box {
    width: 100vw !important;
    min-width: 100vw;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin-top: 0rem !important;
  }
}
.vcard_preview_loader {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vcard_preview_loader .preview_loader {
  height: 5px;
  width: 5px;
  color: #706dff;
  box-shadow: -10px -10px 0 5px, -10px -10px 0 5px, -10px -10px 0 5px, -10px -10px 0 5px;
  animation: loader-38 6s infinite;
}
@keyframes loader-38 {
  0% {
    box-shadow: -10px -10px 0 5px, -10px -10px 0 5px, -10px -10px 0 5px, -10px -10px 0 5px;
  }
  8.33% {
    box-shadow: -10px -10px 0 5px, 10px -10px 0 5px, 10px -10px 0 5px, 10px -10px 0 5px;
  }
  16.66% {
    box-shadow: -10px -10px 0 5px, 10px -10px 0 5px, 10px 10px 0 5px, 10px 10px 0 5px;
  }
  24.99% {
    box-shadow: -10px -10px 0 5px, 10px -10px 0 5px, 10px 10px 0 5px, -10px 10px 0 5px;
  }
  33.32% {
    box-shadow: -10px -10px 0 5px, 10px -10px 0 5px, 10px 10px 0 5px, -10px -10px 0 5px;
  }
  41.65% {
    box-shadow: 10px -10px 0 5px, 10px -10px 0 5px, 10px 10px 0 5px, 10px -10px 0 5px;
  }
  49.98% {
    box-shadow: 10px 10px 0 5px, 10px 10px 0 5px, 10px 10px 0 5px, 10px 10px 0 5px;
  }
  58.31% {
    box-shadow: -10px 10px 0 5px, -10px 10px 0 5px, 10px 10px 0 5px, -10px 10px 0 5px;
  }
  66.64% {
    box-shadow: -10px -10px 0 5px, -10px -10px 0 5px, 10px 10px 0 5px, -10px 10px 0 5px;
  }
  74.97% {
    box-shadow: -10px -10px 0 5px, 10px -10px 0 5px, 10px 10px 0 5px, -10px 10px 0 5px;
  }
  83.3% {
    box-shadow: -10px -10px 0 5px, 10px 10px 0 5px, 10px 10px 0 5px, -10px 10px 0 5px;
  }
  91.63% {
    box-shadow: -10px -10px 0 5px, -10px 10px 0 5px, -10px 10px 0 5px, -10px 10px 0 5px;
  }
  100% {
    box-shadow: -10px -10px 0 5px, -10px -10px 0 5px, -10px -10px 0 5px, -10px -10px 0 5px;
  }
}
.date-input {
  appearance: none; /* Remove default styling */
  -webkit-appearance: none; /* Remove default styling in Safari */
  -moz-appearance: none; /* Remove default styling in Firefox */
  padding: 10px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.date-input::-moz-placeholder {
  color: #888; /* Placeholder color */
}
.date-input::placeholder {
  color: #888; /* Placeholder color */
}
/* Custom icon for the date picker */
.date-input::-webkit-calendar-picker-indicator {
  cursor: pointer;
  color: transparent;
  opacity: 1;
  position: absolute;
  right: 10px;
  top: 70%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url("https://img.icons8.com/emoji/48/calendar-emoji.png") no-repeat center center;
  background-size: contain;
}
.dynamic_vcard_loader {
  width: 100%;
  height: 100vh;
  z-index: 10;
  position: fixed;
  top: 0;
  left: 0;
  background: linear-gradient(120deg, #ffffff, #ffffff);
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
}
.dynamic_vcard_loader .svg-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0px;
}
.dynamic_vcard_loader .svg-wrapper .loading-text {
  width: 100%;
  font-weight: bold;
  color: rgb(61, 61, 61);
  transform: translate(0.4rem);
  margin-top: 1rem;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 1.2rem;
  font-family: "Outfit", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  overflow-x: hidden;
  letter-spacing: 1px;
}

.Dynamic_Vcard_container {
  width: 100%;
  min-height: 100%;
  height: auto;
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin: auto;
  overflow-y: scroll;
  overflow-x: hidden;
  background-image: url("");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background: linear-gradient(90deg, #a68eff, #886dff 50%, #a68eff, #886dff 50%);
}
.Dynamic_Vcard_container .full_image {
  display: none;
  margin: auto;
  width: 100%;
  height: 800px;
  background: linear-gradient(#ffffff, #ffffff);
  z-index: 1;
}
.Dynamic_Vcard_container .full_image .close_Full_Image_gallery {
  position: absolute;
  width: 100%;
  left: 90%;
  top: 5%;
  z-index: 10;
}
.Dynamic_Vcard_container .full_image .close_Full_Image_gallery .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  color: red;
  z-index: 10;
  cursor: pointer;
  place-items: center;
  transition: all 0.3s ease-in-out;
}
.Dynamic_Vcard_container .full_image .close_Full_Image_gallery .icon:hover {
  filter: drop-shadow(0px 4px 5px rgba(255, 156, 117, 0.6));
  scale: 1.2;
  transition: all 0.3s ease-in-out;
}
.Dynamic_Vcard_container .full_image img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  height: auto;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.5));
  border-radius: 5px;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 1;
}
@media (max-width: 600px) {
  .Dynamic_Vcard_container .full_image img {
    width: 70%;
    height: 150px;
  }
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .menu_navbar_box {
  width: 80px;
  height: 100vh;
  background-color: #ffffff;
  position: fixed;
  top: 100%;
  right: 0%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .menu_navbar_box .up_btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0.1;
  font-size: 2.5rem;
  font-weight: bold;
  background-color: #ffffff;
  border-top-left-radius: 0rem;
  border-top-right-radius: 0rem;
  color: #ffffff;
  cursor: pointer;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 1650px) {
  .Dynamic_Vcard_container .Dynamic_Vcard_box .menu_navbar_box .up_btn .icon {
    transform: rotate(-90deg);
    font-size: 1.5rem;
  }
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .menu_navbar_box .up_btn:hover {
  background: linear-gradient(120deg, #686868 40%, #686868 60%);
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 1650px) {
  .Dynamic_Vcard_container .Dynamic_Vcard_box .menu_navbar_box .up_btn {
    height: 100%;
    flex: 0.1;
    display: flex;
    border-radius: 0px;
    border-top-left-radius: 0rem;
    border-bottom-left-radius: 0rem;
    flex-direction: row !important;
  }
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .menu_navbar_box .hideUpArrow {
  opacity: 1;
  cursor: not-allowed;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .menu_navbar_box .all_menus {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  gap: 1rem;
  flex: 0.8;
  max-height: 80%;
  padding: 0.5rem;
  width: 100%;
  overflow-y: scroll;
  scroll-behavior: smooth;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .menu_navbar_box .all_menus .menu {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 100%;
  cursor: pointer;
  padding: 5px 10px;
  border-radius: 4px;
  transition: all 0.5s ease-in-out;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .menu_navbar_box .all_menus .menu .icon {
  font-size: 1.4rem;
}
@media screen and (max-width: 1650px) {
  .Dynamic_Vcard_container .Dynamic_Vcard_box .menu_navbar_box .all_menus .menu .icon {
    font-size: 1rem;
  }
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .menu_navbar_box .all_menus .menu p {
  font-size: 0.8rem;
  font-weight: 550;
}
@media screen and (max-width: 1650px) {
  .Dynamic_Vcard_container .Dynamic_Vcard_box .menu_navbar_box .all_menus .menu p {
    font-size: 0.6rem;
  }
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .menu_navbar_box .all_menus .menu:hover {
  color: #ffffff;
  background-color: #ffffff;
  transition: all 0.5s ease-in-out;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .menu_navbar_box .all_menus .menuActive {
  color: #ffffff;
  background-color: #ffffff;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .menu_navbar_box .all_menus::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 1650px) {
  .Dynamic_Vcard_container .Dynamic_Vcard_box .menu_navbar_box .all_menus {
    height: 100%;
    width: 100%;
    flex: 0.8;
    display: flex;
    flex-direction: row !important;
  }
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .menu_navbar_box .down_btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0.1;
  font-size: 2.5rem;
  font-weight: bold;
  background-color: #ffffff;
  border-bottom-left-radius: 0rem;
  border-bottom-right-radius: 0rem;
  color: #ffffff;
  cursor: pointer;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 1650px) {
  .Dynamic_Vcard_container .Dynamic_Vcard_box .menu_navbar_box .down_btn .down {
    transform: rotate(-90deg);
    font-size: 1.5rem;
  }
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .menu_navbar_box .down_btn:hover {
  background: linear-gradient(120deg, #686868 40%, #686868 60%);
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 1650px) {
  .Dynamic_Vcard_container .Dynamic_Vcard_box .menu_navbar_box .down_btn {
    height: 100%;
    flex: 0.1;
    display: flex;
    border-radius: 0px;
    border-top-right-radius: 0rem;
    border-bottom-right-radius: 0rem;
    flex-direction: row !important;
  }
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .menu_navbar_box .hideDownArrow {
  opacity: 1;
  cursor: not-allowed;
}
@media screen and (max-width: 1650px) {
  .Dynamic_Vcard_container .Dynamic_Vcard_box .menu_navbar_box {
    position: sticky;
    top: 0%;
    left: 0%;
    transform: translate(0%, 0%);
    z-index: 100;
    display: flex;
    flex-direction: row;
    width: 100%;
    max-width: 100%;
    height: 50px;
    align-items: center;
    justify-content: center;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
  }
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 .about_details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-items: flex-start;
  gap: 15px;
  width: 100%;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 .about_details .detail {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  width: 100%;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 .about_details .detail .detail_title {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 1rem;
  font-weight: 550;
  flex: 0.4;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 .about_details .detail .detail_title h5 {
  font-size: 0.8rem;
  font-weight: 600;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 .about_details .detail .detail_message {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 5px;
  font-weight: 550;
  flex: 0.6;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 .about_details .detail .detail_message strong {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 .about_details .detail .detail_message p {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 0.8rem;
  font-weight: 500;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 .about_details .detail .detail_message .social_medias {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row !important;
  gap: 1.3rem;
  width: 100%;
  margin-left: 5px;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 .about_details .detail .detail_message .social_medias a {
  text-decoration: none;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: all 0.3s ease-in-out;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 .about_details .detail .detail_message .social_medias a i {
  z-index: 2;
  font-size: 1rem;
  font-weight: 500;
  color: #ffffff;
  transition: all 0.3s ease-in-out;
  position: relative;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg1 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg1 #sw-js-blob-svg {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg1 #sw-js-blob-svg #stop1 {
  stop-color: #5365ff;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg1 #sw-js-blob-svg #stop2 {
  stop-color: #5365ff;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg2 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg2 #sw-js-blob-svg {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg2 #sw-js-blob-svg #stop3 {
  stop-color: #ff004d;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg2 #sw-js-blob-svg #stop4 {
  stop-color: #f500da;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg3 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg3 #sw-js-blob-svg {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg3 #sw-js-blob-svg #stop5 {
  stop-color: #10b856;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg3 #sw-js-blob-svg #stop6 {
  stop-color: #10b856;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg6 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg6 #sw-js-blob-svg6 {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg6 #sw-js-blob-svg6 #stop11 {
  stop-color: #4da6e9;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg6 #sw-js-blob-svg6 #stop12 {
  stop-color: #4da6e9;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg4 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg4 #sw-js-blob-svg {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg4 #sw-js-blob-svg #stop7 {
  stop-color: #ff777b;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg4 #sw-js-blob-svg #stop8 {
  stop-color: #ff656a;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg5 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg5 #sw-js-blob-svg5 {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg5 #sw-js-blob-svg5 #stop9 {
  stop-color: #a5a5a5;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg5 #sw-js-blob-svg5 #stop10 {
  stop-color: #999999;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 .about_details .detail .detail_message .social_medias a small {
  display: none;
  position: absolute;
  transition: all 0.4s ease-in-out;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 .about_details .detail .detail_message .social_medias a:hover {
  scale: 1.1;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
  transition: all 0.3s ease-in-out;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 .about_details .detail .detail_message .social_medias a:hover .social_media_svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 .about_details .detail .detail_message .social_medias a:hover .social_media_svg img {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60px;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 .about_details .detail .detail_message .icon {
  font-size: 1.2rem;
  cursor: pointer;
  color: rgb(104, 104, 104);
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 .specialities {
  width: 98%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: auto;
  font-size: 0.9rem;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 .specialities p {
  width: 100%;
  font-size: 0.9rem;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 .specialities ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  margin: auto;
  width: 90%;
  font-size: 1.3rem;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .about_row_4 .specialities ul li {
  font-size: 0.9rem;
  font-weight: 500;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .gallery {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .gallery .all_gallerys {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 0.5rem;
  place-items: center;
  margin: auto;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .gallery .all_gallerys .gallery_image {
  width: 100%;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .gallery .all_gallerys .gallery_image img {
  cursor: pointer;
  width: 100%;
  height: 150px;
  border-radius: 10px;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .gallery .all_gallerys .gallery_image img:hover {
  opacity: 0.7;
  transition: all 0.3s ease;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .video {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .video .videos_container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
  margin: auto;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .video .videos_container .video_image {
  width: 100%;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .video .videos_container .video_image iframe {
  width: 100%;
  height: 200px;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .google_map_container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .google_map_container .google_map {
  width: 100%;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .google_map_container .google_map iframe {
  width: 100% !important;
  height: 250px !important;
  border: none !important;
  margin: 1rem auto;
  border-radius: 0.5rem;
  filter: drop-shadow(0px 4px 5px rgba(56, 56, 56, 0.527));
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row {
  width: 100%;
  padding: 0rem 1rem;
  display: flex;
  flex-direction: column;
  gap: 0rem;
  align-items: center;
  justify-content: center;
  position: relative;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .popup_message_container {
  position: absolute;
  top: -3%;
  left: 22%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .popup_message_container .popup_success_box {
  display: inline-block;
  width: auto;
  background-color: rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
  padding: 0.7px 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  position: relative;
  font-size: 0.7rem;
  font-weight: 500;
  transition: transform 0.5s ease-in-out;
  z-index: -1;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .popup_message_container .popup_success_box .popup_close i {
  font-size: 1.4rem;
  font-weight: 600;
  color: rgb(255, 101, 101);
  cursor: pointer;
  transition: all 0.5s ease;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .popup_message_container .popup_success_box .popup_close i:hover {
  transform: rotate(90deg);
  transition: all 0.5s ease;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .popup_message_container .popup_success_box .popup_close .icon {
  font-size: 1.2rem;
  color: #2cc478;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .popup_message_container .popup_success_box .popup_message {
  font-size: 0.9rem;
  color: rgb(48, 48, 48);
  font-weight: 500;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .popup_message_container #successOpen {
  transform: translateX(0px);
  transition: transform 0.5s ease-in-out;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .popup_message_container #successClose {
  transform: translateX(500px);
  transition: transform 0.5s ease-in-out;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .popup_message_container .popup_error_box {
  display: inline-block;
  height: 40px;
  background-color: rgb(255, 177, 141) !important;
  border-radius: 5px;
  padding: 0px 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3rem;
  position: relative;
  z-index: -1;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .popup_message_container .popup_error_box .popup_close i {
  font-size: 1.4rem;
  color: rgb(255, 255, 255);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.5s ease;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .popup_message_container .popup_error_box .popup_close i:hover {
  transform: rotate(90deg);
  transition: all 0.5s ease;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .popup_message_container .popup_error_box .popup_message {
  font-size: 0.9rem;
  color: #2cc478;
  font-weight: 550;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .Feedback_container_message {
  width: 100%;
  height: auto;
  margin: 0rem auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .Feedback_container_message .feeback_title {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: space-between;
  gap: 10px;
  z-index: 800;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .Feedback_container_message .feeback_title button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 0.7rem;
  color: #313131;
  background: transparent;
  cursor: pointer;
  outline: none;
  border: transparent;
  font-weight: 600;
  position: relative;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .Feedback_container_message .feeback_title button i {
  font-size: 1.4rem;
  color: rgb(43, 43, 43);
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .Feedback_container_message .feeback_title button .count {
  position: absolute;
  right: -7%;
  top: -8%;
  font-size: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  color: #474747;
  border-radius: 50%;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .Feedback_container_message .feeback_title .feedBack_loader {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: block;
  margin: 15px auto;
  position: relative;
  color: #253bff;
  left: -100px;
  box-sizing: border-box;
  animation: shadowRolling 2s linear infinite;
}
@keyframes shadowRolling {
  0% {
    box-shadow: 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
  }
  12% {
    box-shadow: 100px 0 rgb(76, 247, 176), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
  }
  25% {
    box-shadow: 110px 0 rgb(107, 98, 233), 100px 0 rgb(75, 45, 243), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
  }
  36% {
    box-shadow: 120px 0 rgb(94, 236, 255), 110px 0 rgb(226, 253, 72), 100px 0 rgb(219, 99, 119), 0px 0 rgba(255, 255, 255, 0);
  }
  50% {
    box-shadow: 130px 0 rgb(240, 135, 49), 120px 0 rgb(56, 163, 74), 110px 0 rgb(99, 95, 95), 100px 0 rgb(135, 111, 221);
  }
  62% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 130px 0 white, 120px 0 white, 110px 0 white;
  }
  75% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 130px 0 white, 120px 0 white;
  }
  87% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 130px 0 white;
  }
  100% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0);
  }
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .Feedback_container_message .comment_box {
  width: 100%;
  max-height: 300px;
  height: auto;
  overflow: scroll;
  margin: 1rem auto;
  background: transparent;
  border-radius: 5px;
  position: relative;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .Feedback_container_message .comment_box .comment_box_title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  background-color: royalblue;
  color: #fff;
  font-weight: 400;
  display: none;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .Feedback_container_message .comment_box .message {
  width: 100%;
  padding: 10px;
  border-bottom: 2px solid rgb(238, 237, 237);
  position: relative;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .Feedback_container_message .comment_box .message .user_detail {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 5px;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .userName p {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 1.1rem;
  color: rgb(22, 22, 22);
  letter-spacing: 1px;
  font-weight: 550;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .userName p i {
  color: rgb(94, 94, 94);
  font-size: 1.4rem;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .userName p::first-letter {
  text-transform: uppercase !important;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars .ratting_container1 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars .ratting_container1 span i {
  font-size: 1.2rem;
  cursor: pointer;
  color: lightgray;
  transition: all 0.4s ease-in-out;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars .ratting_container1 span .highlight1 {
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
  color: gold;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #noRatting span:nth-child(1) i,
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #noRatting span:nth-child(2) i,
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #noRatting span:nth-child(3) i,
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #noRatting span:nth-child(4) i,
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #noRatting span:nth-child(5) i {
  text-decoration: line-through;
  text-decoration-color: #ff2525;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #singleRatting span:nth-child(1) i {
  color: #F7C52A;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #doubleRatting span:nth-child(1) i,
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #doubleRatting span:nth-child(2) i {
  color: #F7C52A;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #ThreeRatting span:nth-child(1) i,
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #ThreeRatting span:nth-child(2) i,
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #ThreeRatting span:nth-child(3) i {
  color: #F7C52A;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fourRatting span:nth-child(1) i,
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fourRatting span:nth-child(2) i,
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fourRatting span:nth-child(3) i,
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fourRatting span:nth-child(4) i {
  color: #F7C52A;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fullRatting span:nth-child(1) i,
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fullRatting span:nth-child(2) i,
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fullRatting span:nth-child(3) i,
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fullRatting span:nth-child(4) i,
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fullRatting span:nth-child(5) i {
  color: #F7C52A;
  filter: drop-shadow(0px 4px 5px rgba(165, 165, 165, 0.4));
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .Feedback_container_message .comment_box .message .comments {
  margin: 10px auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  width: 100%;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .Feedback_container_message .comment_box .message .comments i {
  color: royalblue;
  font-size: 1.4rem;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .Feedback_container_message .comment_box .message .comments span {
  font-size: 0.9rem;
  color: #272727;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .Feedback_container_message .comment_box .message .date {
  position: absolute;
  right: 2%;
  top: 15%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 0.9rem;
  color: rgb(68, 68, 68);
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .Feedback_container_message .comment_box .message .date i {
  color: darkcyan;
  font-size: 1.1rem;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .Feedback_container_message .comment_box::-webkit-scrollbar {
  display: none;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container {
  width: 100%;
  position: relative;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin: auto;
  padding: 0px 0.5rem 0rem 0.5rem;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .feedback_svg {
  position: absolute;
  top: -4%;
  right: 0%;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .feedback_svg img {
  width: 100px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media (max-width: 600px) {
  .Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .feedback_svg img {
    width: 90px;
  }
  .Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .feedback_svg {
    top: 0%;
  }
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_group {
  margin: 10px auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  width: 95%;
  position: relative;
  margin: 0.2rem 0.2rem;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_group .error {
  font-size: 0.6rem;
  color: tomato !important;
  -webkit-text-fill-color: tomato;
  letter-spacing: 1px;
  display: flex;
  align-items: center;
  font-weight: 550;
  justify-content: flex-start;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_group label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  left: 5%;
  color: #313131;
  -webkit-text-fill-color: #313131;
  font-size: 0.7rem;
  font-weight: 550;
  border-radius: 4px;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_group label span {
  font-size: 1rem;
  color: tomato !important;
  -webkit-text-fill-color: tomato;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_group label span sup {
  color: tomato !important;
}
@media screen and (max-width: 800px) {
  .Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_group label {
    left: 5%;
  }
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_group input,
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_group .ratting_container {
  width: 100%;
  padding: 0.7rem 1rem;
  background-color: transparent;
  border: 1px solid #797979;
  color: #313131;
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border-radius: 0.3rem;
  outline: none;
  caret-color: #313131;
  transition: all 0.3s ease;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_group input::-moz-placeholder, .Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_group .ratting_container::-moz-placeholder {
  font-size: 0.6rem;
  color: #313131;
  letter-spacing: 1px;
  font-weight: 400;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_group input::placeholder,
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_group .ratting_container::placeholder {
  font-size: 0.6rem;
  color: #313131;
  letter-spacing: 1px;
  font-weight: 400;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_group input:focus,
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_group .ratting_container:focus {
  border: double 2px transparent;
  border-radius: 0.3rem;
  background-color: transparent;
  border: 1px solid #313131;
  background-origin: border-box;
  background-clip: padding-box, border-box;
  transition: all 0.3s ease;
}
@media screen and (max-width: 800px) {
  .Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_group input,
  .Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_group .ratting_container {
    padding: 0.8rem 2rem;
    width: 100%;
    background-color: transparent;
  }
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_group .ratting_container {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_group .ratting_container span i {
  font-size: 1.5rem;
  cursor: pointer;
  color: rgb(255, 168, 54);
  transition: all 0.4s ease-in-out;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_group .ratting_container span .highlight {
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
  color: gold;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_group textarea {
  width: 100%;
  padding: 1rem;
  caret-color: #313131;
  color: #313131;
  border: double 1px transparent;
  background-color: transparent;
  border: 1px solid #797979;
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border-radius: 0.3rem;
  outline: none;
  transition: all 0.3s ease;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_group textarea::-moz-placeholder {
  font-size: 0.6rem;
  color: #313131;
  letter-spacing: 1px;
  font-weight: 400;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_group textarea::placeholder {
  font-size: 0.6rem;
  color: #313131;
  letter-spacing: 1px;
  font-weight: 400;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_group textarea:focus {
  border: double 2px transparent;
  border-radius: 0.3rem;
  background-color: transparent;
  border: 1px solid #313131;
  background-origin: border-box;
  background-clip: padding-box, border-box;
  transition: all 0.3s ease;
}
@media screen and (max-width: 800px) {
  .Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_group textarea {
    padding: 0.8rem 2rem;
    width: 100%;
    background-color: transparent;
  }
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_group .icon {
  position: absolute;
  left: 1%;
  top: 63%;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_group .icon img {
  width: 25px;
  height: 25px;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_group .icon i {
  font-size: 1.4rem;
  color: skyblue;
}
@media screen and (max-width: 800px) {
  .Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_group .icon {
    position: absolute;
    left: 2%;
    top: 25%;
  }
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_group .show_pass {
  position: absolute;
  right: 2%;
  top: 25%;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_group .show_pass i {
  font-size: 1.4rem;
  color: skyblue;
  cursor: pointer;
}
@media screen and (max-width: 800px) {
  .Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_group .show_pass {
    position: absolute;
    right: 2%;
    top: 25%;
  }
}
@media screen and (max-width: 900px) {
  .Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_group {
    margin: 0.8rem auto;
  }
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_actions {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 1rem auto;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_actions button {
  margin-right: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background-color: #313131;
  filter: none;
  width: auto;
  padding: 10px 1rem;
  outline: none;
  border: transparent;
  font-weight: 500;
  letter-spacing: 1px;
  font-size: 0.6rem;
  border-radius: 5px;
  cursor: pointer;
  color: #ffffff;
  transition: all 0.4s ease-in;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_actions button span {
  font-size: 1.2rem;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_actions button .form_loader,
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_actions button .form_loader:before,
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_actions button .form_loader:after {
  border-radius: 50%;
  width: 1em;
  height: 1em;
  animation-fill-mode: both;
  animation: bblFadInOut 1.8s infinite ease-in-out;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_actions button .form_loader {
  color: #fff;
  font-size: 7px;
  position: relative;
  text-indent: -9999em;
  transform: translateZ(0);
  animation-delay: -0.16s;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_actions button .form_loader:before,
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_actions button .form_loader:after {
  content: "";
  position: absolute;
  top: 0;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_actions button .form_loader:before {
  left: -3.5em;
  animation-delay: -0.32s;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_actions button .form_loader:after {
  left: 3.5em;
}
@keyframes bblFadInOut {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .feedback_row .feedback_container form .form_actions button:hover {
  background-color: #525252;
  color: #ffffff;
  font-weight: 550;
  transition: all 0.4s ease-in;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .Inquries {
  width: 100%;
  padding: 0rem 1rem;
  display: flex;
  flex-direction: column;
  gap: 0rem;
  align-items: center;
  justify-content: center;
  position: relative;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .Inquries .popup_message_container {
  position: absolute;
  right: 3%;
  top: 5%;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .Inquries .popup_message_container .popup_success_box {
  display: inline-block;
  background-color: rgb(255, 255, 255);
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
  border-radius: 5px;
  padding: 0.6px 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3rem;
  position: relative;
  transition: transform 0.5s ease-in-out;
  z-index: -1;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .Inquries .popup_message_container .popup_success_box .popup_close i {
  font-size: 1.4rem;
  font-weight: 600;
  color: rgb(255, 76, 76);
  cursor: pointer;
  transition: all 0.5s ease;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .Inquries .popup_message_container .popup_success_box .popup_close i:hover {
  transform: rotate(90deg);
  transition: all 0.5s ease;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .Inquries .popup_message_container .popup_success_box .popup_message {
  font-size: 0.9rem;
  color: #4b4b4b;
  font-weight: 550;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .Inquries .popup_message_container #successOpen {
  transform: translateX(0px);
  transition: transform 0.5s ease-in-out;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .Inquries .popup_message_container #successClose {
  transform: translateX(500px);
  transition: transform 0.5s ease-in-out;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .Inquries .popup_message_container .popup_error_box {
  display: inline-block;
  height: 40px;
  background-color: rgb(255, 177, 141) !important;
  border-radius: 5px;
  padding: 0px 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3rem;
  position: relative;
  z-index: -1;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .Inquries .popup_message_container .popup_error_box .popup_close i {
  font-size: 1.4rem;
  color: rgb(255, 255, 255);
  font-weight: 600;
  cursor: pointer;
  transition: all 0.5s ease;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .Inquries .popup_message_container .popup_error_box .popup_close i:hover {
  transform: rotate(90deg);
  transition: all 0.5s ease;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .Inquries .popup_message_container .popup_error_box .popup_message {
  font-size: 0.9rem;
  color: #494949;
  font-weight: 550;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .Inquries .inquiries_container5 {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
  margin: auto;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .Inquries .inquiries_container5 form {
  width: 90%;
  padding: 10px 0px;
  margin: auto;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .Inquries .inquiries_container5 form .form_group {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 10px;
  margin-bottom: 10px;
  margin: 10px auto;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .Inquries .inquiries_container5 form .form_group label {
  font-size: 0.7rem;
  letter-spacing: 1px;
  color: #686868;
  font-weight: 550;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .Inquries .inquiries_container5 form .form_group .input {
  width: 100%;
  position: relative;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .Inquries .inquiries_container5 form .form_group .input input,
.Dynamic_Vcard_container .Dynamic_Vcard_box .Inquries .inquiries_container5 form .form_group .input textarea {
  width: 100%;
  padding: 0.9rem 2.5rem;
  outline: none;
  border: transparent;
  border-radius: 5px;
  background-color: transparent;
  color: #525252;
  border: 1px solid rgb(119, 119, 119);
  caret-color: rgb(78, 78, 78);
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .Inquries .inquiries_container5 form .form_group .input input::-moz-placeholder, .Dynamic_Vcard_container .Dynamic_Vcard_box .Inquries .inquiries_container5 form .form_group .input textarea::-moz-placeholder {
  color: rgb(63, 63, 63);
  letter-spacing: 1px;
  font-size: 0.7rem;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .Inquries .inquiries_container5 form .form_group .input input::placeholder,
.Dynamic_Vcard_container .Dynamic_Vcard_box .Inquries .inquiries_container5 form .form_group .input textarea::placeholder {
  color: rgb(63, 63, 63);
  letter-spacing: 1px;
  font-size: 0.7rem;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .Inquries .inquiries_container5 form .form_group .input i {
  position: absolute;
  left: 2%;
  font-size: 1.5rem;
  color: #757575;
  top: 30%;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .Inquries .inquiries_container5 form .form_group .labelError {
  color: tomato;
  font-weight: 450;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .Inquries .inquiries_container5 form .form_group .input_error {
  border: 1px solid tomato !important;
  border-radius: 5px;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .Inquries .inquiries_container5 form .form_group .error {
  position: absolute;
  top: 12%;
  right: 0%;
  color: tomato;
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .Inquries .inquiries_container5 form .form_group .desc_error {
  position: absolute;
  top: 0%;
  right: 0%;
  color: tomato;
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .Inquries .inquiries_container5 form .form_actions {
  padding: 0px 1rem;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 1rem auto;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .Inquries .inquiries_container5 form .form_actions button {
  width: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background-color: #313131;
  color: #ffffff;
  padding: 8px 1rem;
  outline: none;
  border: transparent;
  font-weight: 450;
  letter-spacing: 1px;
  font-size: 0.7rem;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.4s ease-in;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .Inquries .inquiries_container5 form .form_actions button img {
  width: 20px;
  height: 20px;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .Inquries .inquiries_container5 form .form_actions button .form_loader,
.Dynamic_Vcard_container .Dynamic_Vcard_box .Inquries .inquiries_container5 form .form_actions button .form_loader:before,
.Dynamic_Vcard_container .Dynamic_Vcard_box .Inquries .inquiries_container5 form .form_actions button .form_loader:after {
  border-radius: 50%;
  width: 1em;
  height: 1em;
  animation-fill-mode: both;
  animation: bblFadInOut 1.8s infinite ease-in-out;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .Inquries .inquiries_container5 form .form_actions button .form_loader {
  color: #fff;
  font-size: 7px;
  position: relative;
  text-indent: -9999em;
  transform: translateZ(0);
  animation-delay: -0.16s;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .Inquries .inquiries_container5 form .form_actions button .form_loader:before,
.Dynamic_Vcard_container .Dynamic_Vcard_box .Inquries .inquiries_container5 form .form_actions button .form_loader:after {
  content: "";
  position: absolute;
  top: 0;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .Inquries .inquiries_container5 form .form_actions button .form_loader:before {
  left: -3.5em;
  animation-delay: -0.32s;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .Inquries .inquiries_container5 form .form_actions button .form_loader:after {
  left: 3.5em;
}
@keyframes bblFadInOut {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .Inquries .inquiries_container5 form .form_actions button:hover {
  background-color: #ffffff;
  transition: all 0.4s ease-in;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.5));
  color: #272727;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .Footer {
  position: relative;
  bottom: 0%;
  width: 100%;
  margin-top: 3rem;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .Footer .footer_container {
  width: 100%;
  min-height: 50px;
  height: 50px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px 0px;
  z-index: 600;
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .Footer .footer_container p {
  font-size: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-weight: 400;
  letter-spacing: 1px;
}
@media (max-width: 600px) {
  .Dynamic_Vcard_container .Dynamic_Vcard_box .Footer .footer_container p {
    font-size: 0.7rem;
  }
}
.Dynamic_Vcard_container .Dynamic_Vcard_box .Footer .footer_container svg {
  position: absolute;
  z-index: -1;
  bottom: 0%;
  left: 0%;
  width: 100%;
}
@media screen and (max-width: 600px) {
  .Dynamic_Vcard_container .Dynamic_Vcard_box {
    width: 100vw !important;
    min-width: 100vw;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin-top: 0rem;
  }
}
.Dynamic_Vcard_container::-webkit-scrollbar {
  width: 6px !important;
  height: 4px !important;
  background-color: #a68eff, #886dff;
}
@media screen and (max-width: 650px) {
  .Dynamic_Vcard_container::-webkit-scrollbar {
    display: none !important;
  }
}
.Dynamic_Vcard_container::-webkit-scrollbar-thumb {
  width: 6px !important;
  height: 4px !important;
  border-radius: 10px;
  z-index: 10;
  cursor: pointer;
  background-color: #fff !important;
}
.Dynamic_Vcard_container::-webkit-scrollbar-thumb:hover {
  background-color: rgb(36, 231, 222);
}
.vcard_preview_loader {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vcard_preview_loader .preview_loader {
  height: 5px;
  width: 5px;
  color: #706dff;
  box-shadow: -10px -10px 0 5px, -10px -10px 0 5px, -10px -10px 0 5px, -10px -10px 0 5px;
  animation: loader-38 6s infinite;
}
@keyframes loader-38 {
  0% {
    box-shadow: -10px -10px 0 5px, -10px -10px 0 5px, -10px -10px 0 5px, -10px -10px 0 5px;
  }
  8.33% {
    box-shadow: -10px -10px 0 5px, 10px -10px 0 5px, 10px -10px 0 5px, 10px -10px 0 5px;
  }
  16.66% {
    box-shadow: -10px -10px 0 5px, 10px -10px 0 5px, 10px 10px 0 5px, 10px 10px 0 5px;
  }
  24.99% {
    box-shadow: -10px -10px 0 5px, 10px -10px 0 5px, 10px 10px 0 5px, -10px 10px 0 5px;
  }
  33.32% {
    box-shadow: -10px -10px 0 5px, 10px -10px 0 5px, 10px 10px 0 5px, -10px -10px 0 5px;
  }
  41.65% {
    box-shadow: 10px -10px 0 5px, 10px -10px 0 5px, 10px 10px 0 5px, 10px -10px 0 5px;
  }
  49.98% {
    box-shadow: 10px 10px 0 5px, 10px 10px 0 5px, 10px 10px 0 5px, 10px 10px 0 5px;
  }
  58.31% {
    box-shadow: -10px 10px 0 5px, -10px 10px 0 5px, 10px 10px 0 5px, -10px 10px 0 5px;
  }
  66.64% {
    box-shadow: -10px -10px 0 5px, -10px -10px 0 5px, 10px 10px 0 5px, -10px 10px 0 5px;
  }
  74.97% {
    box-shadow: -10px -10px 0 5px, 10px -10px 0 5px, 10px 10px 0 5px, -10px 10px 0 5px;
  }
  83.3% {
    box-shadow: -10px -10px 0 5px, 10px 10px 0 5px, 10px 10px 0 5px, -10px 10px 0 5px;
  }
  91.63% {
    box-shadow: -10px -10px 0 5px, -10px 10px 0 5px, -10px 10px 0 5px, -10px 10px 0 5px;
  }
  100% {
    box-shadow: -10px -10px 0 5px, -10px -10px 0 5px, -10px -10px 0 5px, -10px -10px 0 5px;
  }
}
.date-input {
  appearance: none; /* Remove default styling */
  -webkit-appearance: none; /* Remove default styling in Safari */
  -moz-appearance: none; /* Remove default styling in Firefox */
  padding: 10px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.date-input::-moz-placeholder {
  color: #888; /* Placeholder color */
}
.date-input::placeholder {
  color: #888; /* Placeholder color */
}
/* Custom icon for the date picker */
.date-input::-webkit-calendar-picker-indicator {
  cursor: pointer;
  color: transparent;
  opacity: 1;
  position: absolute;
  right: 10px;
  top: 70%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url("https://img.icons8.com/emoji/48/calendar-emoji.png") no-repeat center center;
  background-size: contain;
}

.Dynamiv_vcard_Title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
.Dynamiv_vcard_Title h3 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  font-family: "Orbitron", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-size: 1.2rem;
  color: #161616;
  position: relative;
}
.Dynamiv_vcard_Title h3::first-letter {
  font-size: 1.7rem !important;
  color: #525252 !important;
}
.Dynamic_second_Vcard_Live_Container {
  width: 100vw;
  min-height: 100vh;
  height: auto;
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin: auto;
  overflow-y: scroll;
  overflow-x: hidden;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-clip: border-box !important;
}
.Dynamic_second_Vcard_Live_Container .dynamic_full_image {
  display: none;
  position: absolute;
  right: 0%;
  top: 0%;
  transform: translate(0%, 0%);
  margin: auto;
  width: 100%;
  height: 800px;
  background: linear-gradient(#ffffff, #ffffff);
  z-index: 1;
}
.Dynamic_second_Vcard_Live_Container .dynamic_full_image .close_Full_Image_gallery {
  position: absolute;
  width: 100%;
  left: 90%;
  top: 5%;
  z-index: 10;
}
.Dynamic_second_Vcard_Live_Container .dynamic_full_image .close_Full_Image_gallery .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  color: red;
  z-index: 10;
  cursor: pointer;
  place-items: center;
  transition: all 0.3s ease-in-out;
}
.Dynamic_second_Vcard_Live_Container .dynamic_full_image .close_Full_Image_gallery .icon:hover {
  filter: drop-shadow(0px 4px 5px rgba(255, 156, 117, 0.6));
  scale: 1.2;
  transition: all 0.3s ease-in-out;
}
.Dynamic_second_Vcard_Live_Container .dynamic_full_image img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
  height: auto;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.5));
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 1;
}
@media (max-width: 776px) {
  .Dynamic_second_Vcard_Live_Container .dynamic_full_image img {
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 776px) {
  .Dynamic_second_Vcard_Live_Container .dynamic_full_image {
    height: 900px;
    background-color: #fff;
    z-index: 1000;
  }
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box {
  margin: 0.5rem auto 0rem auto !important;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .Image_row_1 {
  width: 100%;
  min-height: 420px;
  max-height: 420px;
  height: 420px;
  position: relative;
  background-color: #ffffff;
  overflow: hidden;
  border: 5px solid #496cbb;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .Image_row_1 .design_2 {
  position: absolute;
  width: 600px;
  height: 600px;
  z-index: 15;
  background-color: #1b3b64;
  transform: rotate(45deg) translateX(-60px) translateY(-350px);
  display: none;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .Image_row_1 .design_3 {
  position: absolute;
  width: 450px;
  height: 450px;
  z-index: 10;
  background-color: #adcc30;
  display: none;
  transform: rotate(-45deg) translateX(-80px) translateY(-290px);
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .Image_row_1 .design_4 {
  position: absolute;
  width: 600px;
  height: 600px;
  z-index: 12;
  background-color: #adcc30;
  display: none;
  transform: rotate(42deg) translateX(-65px) translateY(-400px);
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .Image_row_1 .slide_svg {
  position: absolute;
  width: 100%;
  bottom: -6px;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .Image_row_1 .slide_svg svg {
  transform: rotate(0deg);
  height: 150px;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .Image_row_1 .slide_svg .overlay {
  position: relative;
  top: -3px;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(rgba(205, 98, 226, 0) 0%, #ffffff 100%);
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .Image_row_1 .banner_image {
  width: 100%;
  max-height: 100%;
  height: 100%;
  overflow: hidden;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .Image_row_1 .banner_image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover; /* Ensures image covers the area */
  -o-object-position: top;
     object-position: top; /* Ensures head portion is not cropped */
}
@media screen and (max-width: 500px) {
  .Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .Image_row_1 {
    min-height: 400px;
    max-height: 400px;
    height: 400px;
  }
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .basic_row_2 {
  padding: 0rem 0rem;
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
  z-index: 1;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .basic_row_2 .design_1 {
  position: absolute;
  width: 800px;
  height: 800px;
  border-radius: 50%;
  z-index: 20;
  background-color: rgb(92, 92, 24);
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .basic_row_2 .user_details {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0rem;
  min-height: 200px;
  height: auto;
  overflow: visible;
  z-index: 20;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .basic_row_2 .user_details .user_data {
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex: 0.2;
  min-height: 200px;
  height: auto;
  position: relative;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .basic_row_2 .user_details .user_data .user_information {
  display: flex;
  flex: 1;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 100%;
  width: 100%;
  z-index: 1000;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .basic_row_2 .user_details .user_data .user_information h2 {
  font-size: 1.8rem;
  font-weight: 600;
  width: -moz-max-content;
  width: max-content;
  height: -moz-max-content;
  height: max-content;
  letter-spacing: 1px;
  color: #fff;
  transform: rotate(270deg);
  position: absolute;
  left: -70%;
  top: 35%;
  z-index: 1;
}
@media screen and (max-width: 776px) {
  .Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .basic_row_2 .user_details .user_data .user_information h2 {
    left: -147%;
    top: 35%;
  }
}
@media screen and (max-width: 500px) {
  .Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .basic_row_2 .user_details .user_data .user_information h2 {
    left: -85%;
    top: 35%;
  }
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .basic_row_2 .user_details .user_data .user_information p {
  font-size: 1rem;
  font-weight: 500;
  color: #fff27d;
  display: flex;
  width: -moz-max-content;
  width: max-content;
  height: -moz-max-content;
  height: max-content;
  justify-content: start;
  gap: 0rem;
  z-index: 100;
  transform: rotate(270deg);
  position: absolute;
  left: 0%;
  top: 55%;
}
@media screen and (max-width: 776px) {
  .Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .basic_row_2 .user_details .user_data .user_information p {
    left: -35%;
    top: 53%;
    z-index: 100;
  }
}
@media screen and (max-width: 500px) {
  .Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .basic_row_2 .user_details .user_data .user_information p {
    left: 0%;
    top: 53%;
    z-index: 100;
  }
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .basic_row_2 .user_details .user_data .user_information p img {
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media screen and (max-width: 600px) {
  .Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .basic_row_2 .user_details .user_data .user_information p img {
    width: 25px;
    height: 25px;
  }
  .Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .basic_row_2 .user_details .user_data {
    align-items: center;
  }
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .basic_row_2 .user_details .contacts_btns {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  gap: 0.2rem;
  flex: 0.8;
  height: 100%;
  min-height: 200px;
  flex-wrap: wrap;
  z-index: -1;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .basic_row_2 .user_details .contacts_btns a {
  text-decoration: none;
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  justify-content: center;
  gap: 0px;
  padding: 0rem 0rem;
  color: #ffffff;
  z-index: -1;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .basic_row_2 .user_details .contacts_btns a .icon {
  font-size: 1.3rem;
  padding: 5px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  color: #fff !important;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .basic_row_2 .user_details .contacts_btns a .globe {
  font-size: 1.1rem;
  width: 10%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .basic_row_2 .user_details .contacts_btns a small {
  font-size: 0.9rem;
  font-weight: 550;
  letter-spacing: 1px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  white-space: normal;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .basic_row_2 .user_details .contacts_btns a .mobile {
  font-size: 1rem;
  font-weight: 550;
  letter-spacing: 1px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  white-space: normal;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .basic_row_2 .user_details .contacts_btns a .location {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .basic_row_2 .user_details .contacts_btns a:hover {
  scale: 1;
  transition: all 0.4s linear;
}
@media screen and (max-width: 776px) {
  .Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .basic_row_2 .user_details .contacts_btns {
    width: 75%;
  }
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .social_media_container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 1rem 0px;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .social_media_container .social_media {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: 100%;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .social_media_container .social_media .first {
  text-decoration: none;
  color: #fff;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .social_media_container .social_media .icon {
  font-size: 2.1rem;
  transition: scale 0.5s ease-in-out;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .social_media_container .social_media .icon:hover {
  filter: drop-shadow(0px 4px 5px rgba(250, 250, 250, 0.4));
  cursor: pointer;
  scale: 1.05;
  transition: scale 0.5s ease-in-out;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .social_media_container .content {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .social_media_container .content small {
  font-size: 0.9rem;
  letter-spacing: 1px;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 {
  padding: 0.2rem 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 .about_details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-items: flex-start;
  gap: 15px;
  width: 100%;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 .about_details .detail {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  width: 100%;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 .about_details .detail .detail_title {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 1rem;
  font-weight: 550;
  flex: 0.4;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 .about_details .detail .detail_title h5 {
  font-size: 0.9rem;
  font-weight: 600;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 .about_details .detail .detail_message {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 5px;
  font-weight: 550;
  flex: 0.6;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 .about_details .detail .detail_message strong {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-weight: bold;
  font-size: 0.9rem;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 .about_details .detail .detail_message p {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 0.9rem;
  font-weight: 600;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row !important;
  gap: 1.3rem;
  width: 100%;
  margin-left: 5px;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a {
  text-decoration: none;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: all 0.3s ease-in-out;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a i {
  z-index: 2;
  font-size: 1rem;
  font-weight: 500;
  color: #ffffff;
  transition: all 0.3s ease-in-out;
  position: relative;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg1 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg1 #sw-js-blob-svg {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg1 #sw-js-blob-svg #stop1 {
  stop-color: #5365ff;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg1 #sw-js-blob-svg #stop2 {
  stop-color: #5365ff;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg2 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg2 #sw-js-blob-svg {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg2 #sw-js-blob-svg #stop3 {
  stop-color: #ff004d;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg2 #sw-js-blob-svg #stop4 {
  stop-color: #f500da;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg3 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg3 #sw-js-blob-svg {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg3 #sw-js-blob-svg #stop5 {
  stop-color: #10b856;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg3 #sw-js-blob-svg #stop6 {
  stop-color: #10b856;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg6 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg6 #sw-js-blob-svg6 {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg6 #sw-js-blob-svg6 #stop11 {
  stop-color: #4da6e9;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg6 #sw-js-blob-svg6 #stop12 {
  stop-color: #4da6e9;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg4 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg4 #sw-js-blob-svg {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg4 #sw-js-blob-svg #stop7 {
  stop-color: #ff777b;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg4 #sw-js-blob-svg #stop8 {
  stop-color: #ff656a;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg5 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg5 #sw-js-blob-svg5 {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg5 #sw-js-blob-svg5 #stop9 {
  stop-color: #a5a5a5;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg5 #sw-js-blob-svg5 #stop10 {
  stop-color: #999999;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a small {
  display: none;
  position: absolute;
  transition: all 0.4s ease-in-out;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a:hover {
  scale: 1.1;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
  transition: all 0.3s ease-in-out;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a:hover .social_media_svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a:hover .social_media_svg img {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60px;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .icon {
  font-size: 1.2rem;
  cursor: pointer;
  color: rgb(104, 104, 104);
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 .specialities {
  width: 98%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: auto;
  font-size: 0.9rem;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 .specialities p {
  width: 100%;
  font-size: 0.9rem;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 .specialities ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  margin: auto;
  width: 90%;
  font-size: 1.3rem;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 .specialities ul li {
  font-size: 0.9rem;
  font-weight: 500;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .gallery {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .gallery .all_gallerys {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 0.5rem;
  place-items: center;
  margin: auto;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .gallery .all_gallerys .gallery_image {
  width: 100%;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .gallery .all_gallerys .gallery_image img {
  cursor: pointer;
  width: 100%;
  height: auto;
  max-height: 300px;
  min-height: 200px;
  border-radius: 5px;
  background-color: #fff;
  -o-object-fit: contain;
     object-fit: contain;
  transition: all 0.3s ease;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .gallery .all_gallerys .gallery_image img:hover {
  opacity: 0.7;
  transition: all 0.3s ease;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .portfolio {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .portfolio .All_Portfolio {
  width: 100%;
  height: auto;
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .portfolio .All_Portfolio .Product {
  width: 100%;
  background-color: #fff6f6;
  border-radius: 10px;
  box-shadow: 0px 0px 5px rgba(255, 255, 255, 0.2);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0px;
  padding-bottom: 1rem;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .portfolio .All_Portfolio .Product .product_title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 1rem;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .portfolio .All_Portfolio .Product .product_title h5 {
  font-size: 1.1rem;
  font-weight: bold;
  color: #132a4c;
  letter-spacing: 1px;
  border-bottom: 3px solid #ebebeb;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .portfolio .All_Portfolio .Product .product_description {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  font-size: 0.9rem;
  font-weight: 500;
  color: #313131;
  padding: 0px 1rem;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .portfolio .All_Portfolio .Product .product_link {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0px 1rem;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .portfolio .All_Portfolio .Product .product_link a {
  text-decoration: none;
  color: royalblue;
  font-size: 0.9rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .portfolio .All_Portfolio .Product .product_link a:hover {
  text-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .portfolio .All_Portfolio .Product .product_image {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .portfolio .All_Portfolio .Product .product_image img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  -o-object-position: center;
     object-position: center;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .portfolio .All_Portfolio .Product .product_action {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .portfolio .All_Portfolio .Product .product_action .product_price {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .portfolio .All_Portfolio .Product .product_action .product_price h5 {
  font-size: 1.1rem;
  font-weight: 600;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .portfolio .All_Portfolio .Product .product_action .product_price p {
  font-size: 1rem;
  font-weight: 550;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .portfolio .All_Portfolio .Product .product_action .product_enquiry {
  display: flex;
  align-items: center;
  justify-content: center;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .portfolio .All_Portfolio .Product .product_action .product_enquiry a {
  text-decoration: none;
  color: #ffffff;
  background-color: #313131;
  padding: 0.5rem 1rem;
  border: 2px solid #ffffff;
  font-size: 0.9rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .portfolio .All_Portfolio .Product .product_action .product_enquiry a:hover {
  background-color: #727272;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .portfolio .action {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .portfolio .action a {
  padding: 0.5rem 1rem;
  width: 100%;
  background-color: #fffc89;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-weight: bold;
  letter-spacing: 1px;
  font-size: 0.9rem;
  border-radius: 5px;
  color: #132a4c !important;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .portfolio .action a:hover {
  background-color: #fffc9a;
  box-shadow: 0px 4px 5px rgba(252, 252, 252, 0.4);
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .local_video {
  padding: 0px 1rem;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .local_video .local_videos_container {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 0.5rem;
  margin: 1rem auto;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .local_video .local_videos_container .video_image {
  width: -moz-max-content;
  width: max-content;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .local_video .local_videos_container .video_image video {
  width: 100%;
  height: auto;
  max-height: 200px;
  border-radius: 0.1rem;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .video {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .video .videos_container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
  margin: auto;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .video .videos_container .video_image {
  width: 100%;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .video .videos_container .video_image iframe {
  width: 100%;
  height: 200px;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .google_map_container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .google_map_container .google_map {
  width: 100%;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .google_map_container .google_map iframe {
  width: 100% !important;
  height: 250px !important;
  border: none !important;
  margin: 1rem auto;
  border-radius: 0.5rem;
  filter: drop-shadow(0px 4px 5px rgba(56, 56, 56, 0.527));
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .Footer {
  position: relative;
  bottom: 0%;
  width: 100%;
  margin-top: 3rem;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .Footer .dynamic_footer_container {
  width: 100%;
  min-height: 50px;
  height: 50px;
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 5px;
  justify-content: center;
  padding: 0px 0px;
  z-index: 600;
  background-color: #fffd72;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .Footer .dynamic_footer_container small {
  font-size: 0.8rem;
  font-weight: bold;
  color: #132a4c;
  letter-spacing: 1px;
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .Footer .dynamic_footer_container p {
  font-size: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  letter-spacing: 1px;
}
@media (max-width: 600px) {
  .Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .Footer .dynamic_footer_container p {
    font-size: 0.7rem;
  }
}
.Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .Footer .dynamic_footer_container .dynamic_footer_svg {
  position: absolute;
  z-index: -1;
  bottom: 25%;
  left: 0%;
  width: 100%;
}
@media screen and (max-width: 776px) {
  .Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .Footer {
    margin: 0px;
  }
}
@media screen and (max-width: 600px) {
  .Dynamic_second_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box {
    width: 100vw !important;
    min-width: 100vw;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin-top: 0rem !important;
  }
}
.vcard_preview_loader {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vcard_preview_loader .preview_loader {
  height: 5px;
  width: 5px;
  color: #706dff;
  box-shadow: -10px -10px 0 5px, -10px -10px 0 5px, -10px -10px 0 5px, -10px -10px 0 5px;
  animation: loader-38 6s infinite;
}
@keyframes loader-38 {
  0% {
    box-shadow: -10px -10px 0 5px, -10px -10px 0 5px, -10px -10px 0 5px, -10px -10px 0 5px;
  }
  8.33% {
    box-shadow: -10px -10px 0 5px, 10px -10px 0 5px, 10px -10px 0 5px, 10px -10px 0 5px;
  }
  16.66% {
    box-shadow: -10px -10px 0 5px, 10px -10px 0 5px, 10px 10px 0 5px, 10px 10px 0 5px;
  }
  24.99% {
    box-shadow: -10px -10px 0 5px, 10px -10px 0 5px, 10px 10px 0 5px, -10px 10px 0 5px;
  }
  33.32% {
    box-shadow: -10px -10px 0 5px, 10px -10px 0 5px, 10px 10px 0 5px, -10px -10px 0 5px;
  }
  41.65% {
    box-shadow: 10px -10px 0 5px, 10px -10px 0 5px, 10px 10px 0 5px, 10px -10px 0 5px;
  }
  49.98% {
    box-shadow: 10px 10px 0 5px, 10px 10px 0 5px, 10px 10px 0 5px, 10px 10px 0 5px;
  }
  58.31% {
    box-shadow: -10px 10px 0 5px, -10px 10px 0 5px, 10px 10px 0 5px, -10px 10px 0 5px;
  }
  66.64% {
    box-shadow: -10px -10px 0 5px, -10px -10px 0 5px, 10px 10px 0 5px, -10px 10px 0 5px;
  }
  74.97% {
    box-shadow: -10px -10px 0 5px, 10px -10px 0 5px, 10px 10px 0 5px, -10px 10px 0 5px;
  }
  83.3% {
    box-shadow: -10px -10px 0 5px, 10px 10px 0 5px, 10px 10px 0 5px, -10px 10px 0 5px;
  }
  91.63% {
    box-shadow: -10px -10px 0 5px, -10px 10px 0 5px, -10px 10px 0 5px, -10px 10px 0 5px;
  }
  100% {
    box-shadow: -10px -10px 0 5px, -10px -10px 0 5px, -10px -10px 0 5px, -10px -10px 0 5px;
  }
}
.date-input {
  appearance: none; /* Remove default styling */
  -webkit-appearance: none; /* Remove default styling in Safari */
  -moz-appearance: none; /* Remove default styling in Firefox */
  padding: 10px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.date-input::-moz-placeholder {
  color: #888; /* Placeholder color */
}
.date-input::placeholder {
  color: #888; /* Placeholder color */
}
/* Custom icon for the date picker */
.date-input::-webkit-calendar-picker-indicator {
  cursor: pointer;
  color: transparent;
  opacity: 1;
  position: absolute;
  right: 10px;
  top: 70%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url("https://img.icons8.com/emoji/48/calendar-emoji.png") no-repeat center center;
  background-size: contain;
}
.lazyload_container {
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 1rem;
}
.lazyload_container img {
  width: 250px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: top;
     object-position: top;
}
.lazyload_container small {
  font-size: 1.2rem;
  letter-spacing: 2px;
  color: rgb(44, 44, 44);
  font-family: "Teko", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  text-align: center;
}

.doctor_title_demo, .elite_vcard_demo_container .doctor_box .Inquries, .elite_vcard_demo_container .doctor_box .feedback_row, .elite_vcard_demo_container .doctor_box .google_map_container, .elite_vcard_demo_container .doctor_box .testimonial, .elite_vcard_demo_container .doctor_box .time_container, .elite_vcard_demo_container .doctor_box .video, .elite_vcard_demo_container .doctor_box .gallery, .elite_vcard_demo_container .doctor_box .Payment, .elite_vcard_demo_container .doctor_box .our_products, .elite_vcard_demo_container .doctor_box .our_services {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
.doctor_title_demo h3, .elite_vcard_demo_container .doctor_box .Inquries h3, .elite_vcard_demo_container .doctor_box .feedback_row h3, .elite_vcard_demo_container .doctor_box .google_map_container h3, .elite_vcard_demo_container .doctor_box .testimonial h3, .elite_vcard_demo_container .doctor_box .time_container h3, .elite_vcard_demo_container .doctor_box .video h3, .elite_vcard_demo_container .doctor_box .gallery h3, .elite_vcard_demo_container .doctor_box .Payment h3, .elite_vcard_demo_container .doctor_box .our_products h3, .elite_vcard_demo_container .doctor_box .our_services h3 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  font-family: "Orbitron", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-size: 1.2rem;
  color: #161616;
  position: relative;
}
.doctor_title_demo h3::first-letter, .elite_vcard_demo_container .doctor_box .Inquries h3::first-letter, .elite_vcard_demo_container .doctor_box .feedback_row h3::first-letter, .elite_vcard_demo_container .doctor_box .google_map_container h3::first-letter, .elite_vcard_demo_container .doctor_box .testimonial h3::first-letter, .elite_vcard_demo_container .doctor_box .time_container h3::first-letter, .elite_vcard_demo_container .doctor_box .video h3::first-letter, .elite_vcard_demo_container .doctor_box .gallery h3::first-letter, .elite_vcard_demo_container .doctor_box .Payment h3::first-letter, .elite_vcard_demo_container .doctor_box .our_products h3::first-letter, .elite_vcard_demo_container .doctor_box .our_services h3::first-letter {
  font-size: 1.7rem !important;
  color: #525252 !important;
}
.doctor_sub_title_demo {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
.doctor_sub_title_demo h3 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  font-weight: 600;
  font-size: 1rem !important;
  color: #2e2d2d;
  position: relative;
}
.elite_vcard_demo_container {
  width: 100vw;
  min-height: 100vh;
  height: auto;
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin: auto;
  color: #303030;
  overflow-y: scroll;
  overflow-x: hidden;
  background-image: url("https://img.freepik.com/free-photo/psychedelic-paper-shapes-with-copy-space_23-2149378246.jpg?size=626&ext=jpg&uid=R79330344&ga=GA1.1.111147909.1717157513");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background: linear-gradient(90deg, #a68eff, #886dff 50%, #a68eff, #886dff 50%);
}
.elite_vcard_demo_container .full_image {
  display: none;
  z-index: 500;
  margin: auto;
  width: 100%;
  height: 800px;
  background: linear-gradient(#c58c48, #c58c48);
}
.elite_vcard_demo_container .full_image .close_Full_Image_gallery {
  position: absolute;
  width: 100%;
  left: 90%;
  top: 5%;
}
.elite_vcard_demo_container .full_image .close_Full_Image_gallery .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  color: red;
  cursor: pointer;
  place-items: center;
  transition: all 0.3s ease-in-out;
}
.elite_vcard_demo_container .full_image .close_Full_Image_gallery .icon:hover {
  filter: drop-shadow(0px 4px 5px rgba(255, 156, 117, 0.6));
  scale: 1.2;
  transition: all 0.3s ease-in-out;
}
.elite_vcard_demo_container .full_image img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.5));
  border-radius: 5px;
  z-index: 1000;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 600px) {
  .elite_vcard_demo_container .full_image img {
    width: 70%;
    height: 150px;
  }
}
.elite_vcard_demo_container .menu_navbar_box {
  width: 80px;
  height: 100vh;
  background-color: #c58c48;
  position: fixed;
  top: 0%;
  right: 0%;
  border-top-left-radius: 4rem;
  border-bottom-left-radius: 4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.elite_vcard_demo_container .menu_navbar_box .up_btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0.1;
  font-size: 2.5rem;
  font-weight: bold;
  background-color: tomato;
  border-top-left-radius: 0rem;
  border-top-right-radius: 0rem;
  color: #c58c48;
  cursor: pointer;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 650px) {
  .elite_vcard_demo_container .menu_navbar_box .up_btn .icon {
    transform: rotate(-90deg);
    font-size: 1.5rem;
  }
}
.elite_vcard_demo_container .menu_navbar_box .up_btn:hover {
  background: linear-gradient(120deg, #686868 40%, #686868 60%);
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 650px) {
  .elite_vcard_demo_container .menu_navbar_box .up_btn {
    height: 100%;
    flex: 0.1;
    display: flex;
    border-radius: 0px;
    border-top-left-radius: 0rem;
    border-bottom-left-radius: 0rem;
    flex-direction: row !important;
  }
}
.elite_vcard_demo_container .menu_navbar_box .hideUpArrow {
  opacity: 1;
  cursor: not-allowed;
}
.elite_vcard_demo_container .menu_navbar_box .all_menus {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: column;
  gap: 1rem;
  flex: 0.8;
  max-height: 80%;
  padding: 0.5rem;
  width: 100%;
  overflow-y: scroll;
  scroll-behavior: smooth;
}
.elite_vcard_demo_container .menu_navbar_box .all_menus .menu {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 100%;
  cursor: pointer;
  padding: 5px 10px;
  border-radius: 4px;
  transition: all 0.5s ease-in-out;
}
.elite_vcard_demo_container .menu_navbar_box .all_menus .menu .icon {
  font-size: 1.4rem;
}
@media screen and (max-width: 650px) {
  .elite_vcard_demo_container .menu_navbar_box .all_menus .menu .icon {
    font-size: 1rem;
  }
}
.elite_vcard_demo_container .menu_navbar_box .all_menus .menu p {
  font-size: 0.8rem;
  font-weight: 550;
}
@media screen and (max-width: 650px) {
  .elite_vcard_demo_container .menu_navbar_box .all_menus .menu p {
    font-size: 0.6rem;
  }
}
.elite_vcard_demo_container .menu_navbar_box .all_menus .menu:hover {
  color: #c58c48;
  background-color: #797979;
  transition: 0.5s ease-in-out;
}
.elite_vcard_demo_container .menu_navbar_box .all_menus .menuActive {
  color: #c58c48;
  background-color: #797979;
}
.elite_vcard_demo_container .menu_navbar_box .all_menus::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 650px) {
  .elite_vcard_demo_container .menu_navbar_box .all_menus {
    height: 100%;
    width: 100%;
    flex: 0.8;
    display: flex;
    flex-direction: row !important;
  }
}
.elite_vcard_demo_container .menu_navbar_box .down_btn {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0.1;
  font-size: 2.5rem;
  font-weight: bold;
  background-color: tomato;
  border-bottom-left-radius: 0rem;
  border-bottom-right-radius: 0rem;
  color: #c58c48;
  cursor: pointer;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 650px) {
  .elite_vcard_demo_container .menu_navbar_box .down_btn .down {
    transform: rotate(-90deg);
    font-size: 1.5rem;
  }
}
.elite_vcard_demo_container .menu_navbar_box .down_btn:hover {
  background: linear-gradient(120deg, #686868 40%, #686868 60%);
  transition: all 0.3s ease-in-out;
}
@media screen and (max-width: 650px) {
  .elite_vcard_demo_container .menu_navbar_box .down_btn {
    height: 100%;
    flex: 0.1;
    display: flex;
    border-radius: 0px;
    border-top-right-radius: 0rem;
    border-bottom-right-radius: 0rem;
    flex-direction: row !important;
  }
}
.elite_vcard_demo_container .menu_navbar_box .hideDownArrow {
  opacity: 1;
  cursor: not-allowed;
}
@media screen and (max-width: 1000px) {
  .elite_vcard_demo_container .menu_navbar_box {
    position: fixed;
    top: 15%;
    right: 5%;
  }
}
@media screen and (max-width: 700px) {
  .elite_vcard_demo_container .menu_navbar_box {
    position: fixed;
    top: 15%;
    right: 1%;
  }
}
@media screen and (max-width: 650px) {
  .elite_vcard_demo_container .menu_navbar_box {
    position: fixed;
    top: 100%;
    left: 0%;
    right: 0%;
    transform: translate(0%, -100%);
    z-index: 100;
    display: flex;
    flex-direction: row;
    width: 100%;
    height: 60px;
    align-items: center;
    justify-content: space-between;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
  }
}
.elite_vcard_demo_container .doctor_box {
  width: 450px;
  max-width: 450px;
  height: auto;
  min-height: 100vh;
  overflow-x: hidden;
  background: linear-gradient(160deg, #c58c48 50%, #c58c48 50%);
  filter: drop-shadow(0px 4px 5px rgba(56, 56, 56, 0.6509803922));
}
.elite_vcard_demo_container .doctor_box .Image_row_1 {
  width: 100%;
  max-height: 350px;
  height: 350px;
  position: relative;
}
.elite_vcard_demo_container .doctor_box .Image_row_1 .slide_svg {
  position: absolute;
  width: 100%;
  bottom: -6px;
}
.elite_vcard_demo_container .doctor_box .Image_row_1 .slide_svg svg {
  transform: rotate(0deg);
  height: 150px;
}
.elite_vcard_demo_container .doctor_box .Image_row_1 .slide_svg .overlay {
  position: relative;
  top: -3px;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(rgba(205, 98, 226, 0) 0%, #c58c48 100%);
}
.elite_vcard_demo_container .doctor_box .Image_row_1 .banner_image {
  width: 100%;
  max-height: 100%;
  height: 100%;
  overflow: hidden;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.elite_vcard_demo_container .doctor_box .Image_row_1 .banner_image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}
.elite_vcard_demo_container .doctor_box .Image_row_1 .user_logo {
  position: absolute;
  bottom: -5%;
  left: 5%;
  transform: translate(-5%, -5%);
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.elite_vcard_demo_container .doctor_box .Image_row_1 .user_logo img {
  z-index: 2;
  width: 100%;
  height: 100%;
  border-radius: 1rem;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border: 3px solid #ffffff;
  filter: drop-shadow(0px 4px 5px rgba(255, 255, 255, 0.4));
  animation: profileBorder 5s infinite linear;
}
@keyframes profileBorder {
  0% {
    border: 3px solid #ffffff;
    transform: translateY(0px);
  }
  25% {
    border: 3px solid #ffffff;
    transform: translateY(-5px);
  }
  50% {
    border: 3px solid #ffffff;
    transform: translateY(-10px);
  }
  75% {
    border: 3px solid rgb(255, 255, 255);
    transform: translateY(-5px);
  }
  100% {
    border: 3px solid #ffffff;
    transform: translateY(0px);
  }
}
.elite_vcard_demo_container .doctor_box .Image_row_1 .user_logo .svg_image {
  position: absolute;
  z-index: 1;
}
.elite_vcard_demo_container .doctor_box .Image_row_1 .user_logo .svg_image img {
  width: 200px;
  height: 200px;
  border: none;
  filter: drop-shadow(0px 4px 5px rgba(255, 255, 255, 0.631372549));
  animation: profileSVGAnime 5s infinite linear;
}
@keyframes profileSVGAnime {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(90deg);
  }
  50% {
    transform: rotate(180deg);
  }
  75% {
    transform: rotate(270deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.elite_vcard_demo_container .doctor_box .Image_row_1 .banner_svg {
  position: absolute;
  width: 100%;
  left: 0%;
  bottom: -9%;
  z-index: 1000;
}
.elite_vcard_demo_container .doctor_box .basic_row_2 {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  position: relative;
}
.elite_vcard_demo_container .doctor_box .basic_row_2 .user_details {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.elite_vcard_demo_container .doctor_box .basic_row_2 .user_details .user_data {
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  flex: 1;
  gap: 15px;
  width: 100%;
  height: 100%;
}
.elite_vcard_demo_container .doctor_box .basic_row_2 .user_details .user_data .user_information {
  display: flex;
  flex: 0.5;
  width: 100%;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.elite_vcard_demo_container .doctor_box .basic_row_2 .user_details .user_data .user_information h2 {
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 1px;
  color: #ffffff;
}
.elite_vcard_demo_container .doctor_box .basic_row_2 .user_details .user_data .user_information p {
  font-size: 0.9rem;
  font-weight: 500;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0rem;
}
.elite_vcard_demo_container .doctor_box .basic_row_2 .user_details .user_data .user_information p img {
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media screen and (max-width: 600px) {
  .elite_vcard_demo_container .doctor_box .basic_row_2 .user_details .user_data .user_information p img {
    width: 25px;
    height: 25px;
  }
}
.elite_vcard_demo_container .doctor_box .basic_row_2 .user_details .user_data .contacts_btns {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  width: 100%;
  flex-wrap: wrap;
}
.elite_vcard_demo_container .doctor_box .basic_row_2 .user_details .user_data .contacts_btns a {
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 0.4rem 1rem;
  background-color: #313131;
  color: #ffffff;
  border-radius: 2rem;
  transition: all 0.4s linear;
}
.elite_vcard_demo_container .doctor_box .basic_row_2 .user_details .user_data .contacts_btns a .icon {
  font-size: 1rem;
}
.elite_vcard_demo_container .doctor_box .basic_row_2 .user_details .user_data .contacts_btns a small {
  font-size: 0.7rem;
  font-weight: 500;
}
.elite_vcard_demo_container .doctor_box .basic_row_2 .user_details .user_data .contacts_btns a:hover {
  background-color: #727272;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
  scale: 1.05;
  transition: all 0.4s linear;
}
@media screen and (max-width: 600px) {
  .elite_vcard_demo_container .doctor_box .basic_row_2 .user_details .user_data {
    align-items: flex-start;
  }
}
.elite_vcard_demo_container .doctor_box .contact_row_3 {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.elite_vcard_demo_container .doctor_box .contact_row_3 a {
  text-decoration: none;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 15px;
  color: #ffffff;
}
.elite_vcard_demo_container .doctor_box .contact_row_3 a .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  padding: 5px;
  border-radius: 5px;
  background-color: #525252;
  color: #ffffff;
}
.elite_vcard_demo_container .doctor_box .contact_row_3 a .contact_data {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 2px;
}
.elite_vcard_demo_container .doctor_box .contact_row_3 a .contact_data small {
  font-size: 0.7rem;
  font-weight: 600;
  color: #ffffff;
}
.elite_vcard_demo_container .doctor_box .contact_row_3 a .contact_data p {
  font-size: 0.9rem;
  font-weight: 500;
}
.elite_vcard_demo_container .doctor_box .contact_row_3 .add_to_contact {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.3rem auto;
}
.elite_vcard_demo_container .doctor_box .contact_row_3 .add_to_contact button {
  padding: 7px 2rem;
  color: #ffffff;
  background-color: #525252;
  font-weight: 550;
  font-size: 0.8rem;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  transition: all 0.4s ease-in-out;
}
.elite_vcard_demo_container .doctor_box .contact_row_3 .add_to_contact button:hover {
  background-color: #313131;
  color: #ffffff;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
  transition: all 0.4s ease-in-out;
}
.elite_vcard_demo_container .doctor_box .about_row_4 {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.elite_vcard_demo_container .doctor_box .about_row_4 .about_details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-items: flex-start;
  gap: 15px;
  width: 100%;
}
.elite_vcard_demo_container .doctor_box .about_row_4 .about_details .detail {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  width: 100%;
}
.elite_vcard_demo_container .doctor_box .about_row_4 .about_details .detail .detail_title {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 1rem;
  font-weight: 550;
  flex: 0.4;
}
.elite_vcard_demo_container .doctor_box .about_row_4 .about_details .detail .detail_title h5 {
  font-size: 0.8rem;
  font-weight: 600;
}
.elite_vcard_demo_container .doctor_box .about_row_4 .about_details .detail .detail_message {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 5px;
  font-weight: 550;
  flex: 0.6;
}
.elite_vcard_demo_container .doctor_box .about_row_4 .about_details .detail .detail_message strong {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.elite_vcard_demo_container .doctor_box .about_row_4 .about_details .detail .detail_message p {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 0.8rem;
  font-weight: 500;
}
.elite_vcard_demo_container .doctor_box .about_row_4 .about_details .detail .detail_message .social_medias {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row !important;
  gap: 1.3rem;
  width: 100%;
  margin-left: 5px;
}
.elite_vcard_demo_container .doctor_box .about_row_4 .about_details .detail .detail_message .social_medias a {
  text-decoration: none;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: all 0.3s ease-in-out;
}
.elite_vcard_demo_container .doctor_box .about_row_4 .about_details .detail .detail_message .social_medias a i {
  z-index: 2;
  font-size: 1rem;
  font-weight: 500;
  color: #ffffff;
  transition: all 0.3s ease-in-out;
  position: relative;
}
.elite_vcard_demo_container .doctor_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg1 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.elite_vcard_demo_container .doctor_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg1 #sw-js-blob-svg {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.elite_vcard_demo_container .doctor_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg1 #sw-js-blob-svg #stop1 {
  stop-color: #5365ff;
}
.elite_vcard_demo_container .doctor_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg1 #sw-js-blob-svg #stop2 {
  stop-color: #5365ff;
}
.elite_vcard_demo_container .doctor_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg2 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.elite_vcard_demo_container .doctor_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg2 #sw-js-blob-svg {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.elite_vcard_demo_container .doctor_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg2 #sw-js-blob-svg #stop3 {
  stop-color: #ff004d;
}
.elite_vcard_demo_container .doctor_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg2 #sw-js-blob-svg #stop4 {
  stop-color: #f500da;
}
.elite_vcard_demo_container .doctor_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg3 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.elite_vcard_demo_container .doctor_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg3 #sw-js-blob-svg {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.elite_vcard_demo_container .doctor_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg3 #sw-js-blob-svg #stop5 {
  stop-color: #10b856;
}
.elite_vcard_demo_container .doctor_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg3 #sw-js-blob-svg #stop6 {
  stop-color: #10b856;
}
.elite_vcard_demo_container .doctor_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg6 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.elite_vcard_demo_container .doctor_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg6 #sw-js-blob-svg6 {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.elite_vcard_demo_container .doctor_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg6 #sw-js-blob-svg6 #stop11 {
  stop-color: #4da6e9;
}
.elite_vcard_demo_container .doctor_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg6 #sw-js-blob-svg6 #stop12 {
  stop-color: #4da6e9;
}
.elite_vcard_demo_container .doctor_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg4 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.elite_vcard_demo_container .doctor_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg4 #sw-js-blob-svg {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.elite_vcard_demo_container .doctor_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg4 #sw-js-blob-svg #stop7 {
  stop-color: #ff777b;
}
.elite_vcard_demo_container .doctor_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg4 #sw-js-blob-svg #stop8 {
  stop-color: #ff656a;
}
.elite_vcard_demo_container .doctor_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg5 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.elite_vcard_demo_container .doctor_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg5 #sw-js-blob-svg5 {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.elite_vcard_demo_container .doctor_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg5 #sw-js-blob-svg5 #stop9 {
  stop-color: #a5a5a5;
}
.elite_vcard_demo_container .doctor_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg5 #sw-js-blob-svg5 #stop10 {
  stop-color: #999999;
}
.elite_vcard_demo_container .doctor_box .about_row_4 .about_details .detail .detail_message .social_medias a small {
  display: none;
  position: absolute;
  transition: all 0.4s ease-in-out;
}
.elite_vcard_demo_container .doctor_box .about_row_4 .about_details .detail .detail_message .social_medias a:hover {
  scale: 1.1;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
  transition: all 0.3s ease-in-out;
}
.elite_vcard_demo_container .doctor_box .about_row_4 .about_details .detail .detail_message .social_medias a:hover .social_media_svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.elite_vcard_demo_container .doctor_box .about_row_4 .about_details .detail .detail_message .social_medias a:hover .social_media_svg img {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60px;
}
.elite_vcard_demo_container .doctor_box .about_row_4 .about_details .detail .detail_message .icon {
  font-size: 1.2rem;
  cursor: pointer;
  color: rgb(104, 104, 104);
}
.elite_vcard_demo_container .doctor_box .about_row_4 .specialities {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.elite_vcard_demo_container .doctor_box .about_row_4 .specialities ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  margin: auto;
  width: 90%;
  font-size: 1.3rem;
}
.elite_vcard_demo_container .doctor_box .about_row_4 .specialities ul li {
  font-size: 0.9rem;
  font-weight: 500;
}
.elite_vcard_demo_container .doctor_box .our_services {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.elite_vcard_demo_container .doctor_box .our_services .All_Services {
  width: 100%;
  height: auto;
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.elite_vcard_demo_container .doctor_box .our_services .All_Services .Service {
  width: 100%;
  padding: 1rem;
  background-color: #f2ffeb;
  border-radius: 3px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
}
.elite_vcard_demo_container .doctor_box .our_services .All_Services .Service .service_title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.elite_vcard_demo_container .doctor_box .our_services .All_Services .Service .service_title h5 {
  font-size: 1.1rem;
  font-weight: 550;
}
.elite_vcard_demo_container .doctor_box .our_services .All_Services .Service .service_description {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  font-size: 0.9rem;
  font-weight: 500;
  color: #ffffff;
}
.elite_vcard_demo_container .doctor_box .our_services .All_Services .Service .service_link {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.elite_vcard_demo_container .doctor_box .our_services .All_Services .Service .service_link a {
  text-decoration: none;
  color: royalblue;
  font-size: 0.9rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.elite_vcard_demo_container .doctor_box .our_services .All_Services .Service .service_link a:hover {
  text-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
}
.elite_vcard_demo_container .doctor_box .our_services .All_Services .Service .service_image {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}
.elite_vcard_demo_container .doctor_box .our_services .All_Services .Service .service_image img {
  width: 100%;
  height: 250px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.elite_vcard_demo_container .doctor_box .our_services .All_Services .Service .service_action {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.elite_vcard_demo_container .doctor_box .our_services .All_Services .Service .service_action .service_price {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.elite_vcard_demo_container .doctor_box .our_services .All_Services .Service .service_action .service_price h5 {
  font-size: 1.1rem;
  font-weight: 600;
}
.elite_vcard_demo_container .doctor_box .our_services .All_Services .Service .service_action .service_price p {
  font-size: 1rem;
  font-weight: 550;
}
.elite_vcard_demo_container .doctor_box .our_services .All_Services .Service .service_action .service_enquiry {
  display: flex;
  align-items: center;
  justify-content: center;
}
.elite_vcard_demo_container .doctor_box .our_services .All_Services .Service .service_action .service_enquiry a {
  text-decoration: none;
  color: #ffffff;
  background-color: #313131;
  padding: 0.5rem 1rem;
  border: 2px solid #ffffff;
  font-size: 0.9rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.elite_vcard_demo_container .doctor_box .our_services .All_Services .Service .service_action .service_enquiry a:hover {
  background-color: #727272;
}
.elite_vcard_demo_container .doctor_box .our_products {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.elite_vcard_demo_container .doctor_box .our_products .All_Products {
  width: 100%;
  height: auto;
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.elite_vcard_demo_container .doctor_box .our_products .All_Products .Product {
  width: 100%;
  padding: 1rem;
  background-color: #fff6f6;
  border-radius: 3px;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
}
.elite_vcard_demo_container .doctor_box .our_products .All_Products .Product .product_title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.elite_vcard_demo_container .doctor_box .our_products .All_Products .Product .product_title h5 {
  font-size: 1.1rem;
  font-weight: 550;
  color: #2c2c2c;
}
.elite_vcard_demo_container .doctor_box .our_products .All_Products .Product .product_description {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  font-size: 0.9rem;
  font-weight: 500;
  color: #ffffff;
}
.elite_vcard_demo_container .doctor_box .our_products .All_Products .Product .product_link {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.elite_vcard_demo_container .doctor_box .our_products .All_Products .Product .product_link a {
  text-decoration: none;
  color: royalblue;
  font-size: 0.9rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.elite_vcard_demo_container .doctor_box .our_products .All_Products .Product .product_link a:hover {
  text-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
}
.elite_vcard_demo_container .doctor_box .our_products .All_Products .Product .product_image {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}
.elite_vcard_demo_container .doctor_box .our_products .All_Products .Product .product_image img {
  width: 100%;
  height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.elite_vcard_demo_container .doctor_box .our_products .All_Products .Product .product_action {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.elite_vcard_demo_container .doctor_box .our_products .All_Products .Product .product_action .product_price {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.elite_vcard_demo_container .doctor_box .our_products .All_Products .Product .product_action .product_price h5 {
  font-size: 1.1rem;
  font-weight: 600;
}
.elite_vcard_demo_container .doctor_box .our_products .All_Products .Product .product_action .product_price p {
  font-size: 1rem;
  font-weight: 550;
}
.elite_vcard_demo_container .doctor_box .our_products .All_Products .Product .product_action .product_enquiry {
  display: flex;
  align-items: center;
  justify-content: center;
}
.elite_vcard_demo_container .doctor_box .our_products .All_Products .Product .product_action .product_enquiry a {
  text-decoration: none;
  color: #ffffff;
  background-color: #313131;
  padding: 0.5rem 1rem;
  border: 2px solid #ffffff;
  font-size: 0.9rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.elite_vcard_demo_container .doctor_box .our_products .All_Products .Product .product_action .product_enquiry a:hover {
  background-color: #727272;
}
.elite_vcard_demo_container .doctor_box .Payment {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.elite_vcard_demo_container .doctor_box .Payment .payment_details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-items: flex-start;
  gap: 10px;
  width: 100%;
}
.elite_vcard_demo_container .doctor_box .Payment .payment_details .detail {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  width: 100%;
}
.elite_vcard_demo_container .doctor_box .Payment .payment_details .detail .detail_title {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 1rem;
  font-weight: 550;
  flex: 0.4;
}
.elite_vcard_demo_container .doctor_box .Payment .payment_details .detail .detail_title h5 {
  font-size: 0.8rem;
  font-weight: 600;
}
.elite_vcard_demo_container .doctor_box .Payment .payment_details .detail .detail_message {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 5px;
  font-weight: 550;
  flex: 0.6;
}
.elite_vcard_demo_container .doctor_box .Payment .payment_details .detail .detail_message p {
  font-size: 0.8rem;
  font-weight: 500;
}
.elite_vcard_demo_container .doctor_box .Payment .payment_details .detail .detail_message .icon {
  font-size: 1.2rem;
  cursor: pointer;
  color: rgb(104, 104, 104);
}
.elite_vcard_demo_container .doctor_box .Payment .payment_details .detail .detail_message .icon:hover {
  color: royalblue;
}
.elite_vcard_demo_container .doctor_box .Payment .sub_title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
.elite_vcard_demo_container .doctor_box .Payment .sub_title h3 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  font-weight: 550;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-size: 1.05rem !important;
  color: #2e2d2d;
  position: relative;
}
.elite_vcard_demo_container .doctor_box .Payment .account_details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-items: flex-start;
  gap: 10px;
  width: 100%;
}
.elite_vcard_demo_container .doctor_box .Payment .account_details .detail {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  width: 100%;
}
.elite_vcard_demo_container .doctor_box .Payment .account_details .detail .detail_title {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 1rem;
  font-weight: 550;
  flex: 0.4;
}
.elite_vcard_demo_container .doctor_box .Payment .account_details .detail .detail_title h5 {
  font-size: 0.8rem;
  font-weight: 600;
}
.elite_vcard_demo_container .doctor_box .Payment .account_details .detail .detail_message {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 5px;
  font-weight: 550;
  flex: 0.6;
}
.elite_vcard_demo_container .doctor_box .Payment .account_details .detail .detail_message p {
  font-size: 0.8rem;
  font-weight: 500;
}
.elite_vcard_demo_container .doctor_box .Payment .account_details .detail .detail_message .icon {
  font-size: 1.2rem;
  cursor: pointer;
  color: rgb(104, 104, 104);
}
.elite_vcard_demo_container .doctor_box .Payment .account_details .detail .detail_message .icon:hover {
  color: royalblue;
}
.elite_vcard_demo_container .doctor_box .Payment .qr_code_upi_name {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
.elite_vcard_demo_container .doctor_box .Payment .qr_code_upi_name h4 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  font-weight: 550;
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-size: 0.9rem !important;
  color: #2e2d2d;
  position: relative;
}
.elite_vcard_demo_container .doctor_box .Payment .qr_image_box {
  width: 60%;
  height: 250px;
  background-color: #bcffee;
  padding: 1rem;
  border-radius: 10px;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.4));
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.elite_vcard_demo_container .doctor_box .Payment .qr_image_box .user_name {
  display: flex;
  align-items: center;
  justify-content: center;
}
.elite_vcard_demo_container .doctor_box .Payment .qr_image_box .user_name h4 {
  font-size: 1rem;
  font-weight: 550;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.elite_vcard_demo_container .doctor_box .Payment .qr_image_box .qr_image {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.elite_vcard_demo_container .doctor_box .Payment .qr_image_box .qr_image img {
  width: 80%;
  height: 90%;
  -o-object-fit: cover;
     object-fit: cover;
  margin: auto;
}
.elite_vcard_demo_container .doctor_box .gallery {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.elite_vcard_demo_container .doctor_box .gallery .all_gallerys {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 0.5rem;
  place-items: center;
}
.elite_vcard_demo_container .doctor_box .gallery .all_gallerys .gallery_image {
  width: 100%;
}
.elite_vcard_demo_container .doctor_box .gallery .all_gallerys .gallery_image img {
  cursor: pointer;
  width: 100%;
  height: 150px;
  border-radius: 10px;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
  -o-object-fit: cover;
     object-fit: cover;
  transition: all 0.3s ease;
}
.elite_vcard_demo_container .doctor_box .gallery .all_gallerys .gallery_image img:hover {
  opacity: 0.7;
  transition: all 0.3s ease;
}
.elite_vcard_demo_container .doctor_box .video {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.elite_vcard_demo_container .doctor_box .video .videos_container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
  margin: auto;
}
.elite_vcard_demo_container .doctor_box .video .videos_container .video_image {
  width: 100%;
}
.elite_vcard_demo_container .doctor_box .video .videos_container .video_image iframe {
  width: 100%;
  height: 200px;
}
.elite_vcard_demo_container .doctor_box .time_container {
  width: 100%;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.elite_vcard_demo_container .doctor_box .time_container .time_list_container {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
  place-items: center;
  gap: 1rem 1rem;
  margin: 1rem auto;
}
.elite_vcard_demo_container .doctor_box .time_container .time_list_container .time_list {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  padding: 5px 1rem 5px 1rem;
  background-color: #797979;
  width: 100%;
  height: 80px;
  max-height: 80px;
  min-height: 80px;
  border-radius: 0.5rem;
}
.elite_vcard_demo_container .doctor_box .time_container .time_list_container .time_list .day {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.elite_vcard_demo_container .doctor_box .time_container .time_list_container .time_list .day span {
  font-size: 0.7rem;
  font-weight: 550;
  color: #ffffff;
}
.elite_vcard_demo_container .doctor_box .time_container .time_list_container .time_list .day span::after {
  content: "";
  display: block;
  height: 1px;
  background-color: #727272;
  width: 100%;
}
.elite_vcard_demo_container .doctor_box .time_container .time_list_container .time_list .time {
  width: 100%;
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  margin-top: 10px;
}
.elite_vcard_demo_container .doctor_box .time_container .time_list_container .time_list .time .start {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.elite_vcard_demo_container .doctor_box .time_container .time_list_container .time_list .time .start h6 {
  font-size: 0.6rem;
  font-weight: 600;
  color: #ffffff;
}
.elite_vcard_demo_container .doctor_box .time_container .time_list_container .time_list .time .start span {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.6rem;
  color: #ffffff;
  font-weight: 550;
}
.elite_vcard_demo_container .doctor_box .time_container .time_list_container .time_list .time .end {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.elite_vcard_demo_container .doctor_box .time_container .time_list_container .time_list .time .end h6 {
  font-size: 0.6rem;
  font-weight: 500;
  color: #ffffff;
}
.elite_vcard_demo_container .doctor_box .time_container .time_list_container .time_list .time .end span {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-size: 0.6rem;
  font-weight: 550;
}
@media screen and (max-width: 700px) {
  .elite_vcard_demo_container .doctor_box .time_container .time_list_container {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
.elite_vcard_demo_container .doctor_box .testimonial {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.elite_vcard_demo_container .doctor_box .testimonial .testimonial_container {
  margin: 1rem auto;
  width: 100%;
  height: 180px;
  min-height: 180px;
}
.elite_vcard_demo_container .doctor_box .testimonial .testimonial_container .testimonial_list {
  margin: 1rem 1rem;
  width: 100%;
  height: 180px;
  min-height: 180px;
  background-color: #303030;
  overflow-y: auto;
  margin: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  border-radius: 0.5rem;
  position: relative;
}
.elite_vcard_demo_container .doctor_box .testimonial .testimonial_container .testimonial_list .client_feedback {
  width: 100%;
  flex: 0.6;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 10px;
}
.elite_vcard_demo_container .doctor_box .testimonial .testimonial_container .testimonial_list .client_feedback small {
  width: 100%;
  font-size: 0.8rem;
  color: #ffffff;
  font-weight: 500;
  overflow-y: scroll;
  text-align: start;
}
.elite_vcard_demo_container .doctor_box .testimonial .testimonial_container .testimonial_list .client_feedback small::-webkit-scrollbar {
  display: none;
}
.elite_vcard_demo_container .doctor_box .testimonial .testimonial_container .testimonial_list .client_detail {
  display: flex;
  align-items: center;
  flex-direction: column-reverse;
  width: 100%;
  height: 100%;
  flex: 0.4;
  justify-content: center;
  gap: 10px;
  background-color: #525252;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
}
.elite_vcard_demo_container .doctor_box .testimonial .testimonial_container .testimonial_list .client_detail img {
  width: 60px;
  height: 60px;
  border-radius: 0.5rem;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border: 1px solid #525252;
}
.elite_vcard_demo_container .doctor_box .testimonial .testimonial_container .testimonial_list .client_detail .client_name {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.elite_vcard_demo_container .doctor_box .testimonial .testimonial_container .testimonial_list .client_detail .client_name h4 {
  font-size: 0.8rem;
  color: #ffffff;
  font-weight: 550;
  border: 1px solid #525252;
}
.elite_vcard_demo_container .doctor_box .testimonial .testimonial_container .testimonial_list .client_detail .client_name small {
  color: yellow;
  font-size: 0.7rem;
  font-weight: 550;
}
.elite_vcard_demo_container .doctor_box .testimonial .testimonial_container .testimonial_list::-webkit-scrollbar {
  display: none;
}
.elite_vcard_demo_container .doctor_box .google_map_container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}
.elite_vcard_demo_container .doctor_box .google_map_container .google_map {
  width: 100%;
}
.elite_vcard_demo_container .doctor_box .google_map_container .google_map iframe {
  width: 100% !important;
  height: 250px !important;
  border: none !important;
  margin: 1rem auto;
  border-radius: 0.5rem;
  filter: drop-shadow(0px 4px 5px rgba(56, 56, 56, 0.527));
}
.elite_vcard_demo_container .doctor_box .feedback_row {
  width: 100%;
  padding: 0rem 1rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  justify-content: center;
}
.elite_vcard_demo_container .doctor_box .feedback_row .feedback_container {
  width: 100%;
  position: relative;
  margin-top: 0.5rem;
}
.elite_vcard_demo_container .doctor_box .feedback_row .feedback_container form {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  margin: auto;
  padding: 0px 0.5rem 0rem 0.5rem;
}
.elite_vcard_demo_container .doctor_box .feedback_row .feedback_container form .feedback_svg {
  position: absolute;
  top: -4%;
  right: 0%;
}
.elite_vcard_demo_container .doctor_box .feedback_row .feedback_container form .feedback_svg img {
  width: 100px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media (max-width: 600px) {
  .elite_vcard_demo_container .doctor_box .feedback_row .feedback_container form .feedback_svg img {
    width: 90px;
  }
  .elite_vcard_demo_container .doctor_box .feedback_row .feedback_container form .feedback_svg {
    top: 0%;
  }
}
.elite_vcard_demo_container .doctor_box .feedback_row .feedback_container form .form_group {
  margin: 10px auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  width: 95%;
  position: relative;
  margin: 0.2rem 0.2rem;
}
.elite_vcard_demo_container .doctor_box .feedback_row .feedback_container form .form_group .error {
  font-size: 0.6rem;
  color: tomato !important;
  -webkit-text-fill-color: tomato;
  letter-spacing: 1px;
  display: flex;
  align-items: center;
  font-weight: 550;
  justify-content: flex-start;
}
.elite_vcard_demo_container .doctor_box .feedback_row .feedback_container form .form_group label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  left: 5%;
  color: #ffffff;
  -webkit-text-fill-color: #ffffff;
  font-size: 0.7rem;
  font-weight: 550;
  border-radius: 4px;
}
.elite_vcard_demo_container .doctor_box .feedback_row .feedback_container form .form_group label span {
  font-size: 1rem;
  color: tomato !important;
  -webkit-text-fill-color: tomato;
}
.elite_vcard_demo_container .doctor_box .feedback_row .feedback_container form .form_group label span sup {
  color: tomato !important;
}
@media screen and (max-width: 800px) {
  .elite_vcard_demo_container .doctor_box .feedback_row .feedback_container form .form_group label {
    left: 5%;
  }
}
.elite_vcard_demo_container .doctor_box .feedback_row .feedback_container form .form_group input,
.elite_vcard_demo_container .doctor_box .feedback_row .feedback_container form .form_group .ratting_container {
  width: 100%;
  padding: 0.7rem 1rem;
  background-color: transparent;
  border: 1px solid #797979;
  color: #ffffff;
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border-radius: 0.3rem;
  outline: none;
  caret-color: #ffffff;
  transition: all 0.3s ease;
}
.elite_vcard_demo_container .doctor_box .feedback_row .feedback_container form .form_group input::-moz-placeholder, .elite_vcard_demo_container .doctor_box .feedback_row .feedback_container form .form_group .ratting_container::-moz-placeholder {
  font-size: 0.6rem;
  color: #ffffff;
  letter-spacing: 1px;
  font-weight: 400;
}
.elite_vcard_demo_container .doctor_box .feedback_row .feedback_container form .form_group input::placeholder,
.elite_vcard_demo_container .doctor_box .feedback_row .feedback_container form .form_group .ratting_container::placeholder {
  font-size: 0.6rem;
  color: #ffffff;
  letter-spacing: 1px;
  font-weight: 400;
}
.elite_vcard_demo_container .doctor_box .feedback_row .feedback_container form .form_group input:focus,
.elite_vcard_demo_container .doctor_box .feedback_row .feedback_container form .form_group .ratting_container:focus {
  border: double 2px transparent;
  border-radius: 0.3rem;
  background-color: transparent;
  border: 1px solid #ffffff;
  background-origin: border-box;
  background-clip: padding-box, border-box;
  transition: all 0.3s ease;
}
@media screen and (max-width: 800px) {
  .elite_vcard_demo_container .doctor_box .feedback_row .feedback_container form .form_group input,
  .elite_vcard_demo_container .doctor_box .feedback_row .feedback_container form .form_group .ratting_container {
    padding: 0.8rem 2rem;
    width: 100%;
    background-color: transparent;
  }
}
.elite_vcard_demo_container .doctor_box .feedback_row .feedback_container form .form_group .ratting_container {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.elite_vcard_demo_container .doctor_box .feedback_row .feedback_container form .form_group .ratting_container span i {
  font-size: 1.5rem;
  cursor: pointer;
  color: rgb(255, 168, 54);
  transition: all 0.4s ease-in-out;
}
.elite_vcard_demo_container .doctor_box .feedback_row .feedback_container form .form_group .ratting_container span .highlight {
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
  color: gold;
}
.elite_vcard_demo_container .doctor_box .feedback_row .feedback_container form .form_group textarea {
  width: 100%;
  padding: 1rem;
  caret-color: #ffffff;
  color: #ffffff;
  border: double 1px transparent;
  background-color: transparent;
  border: 1px solid #797979;
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border-radius: 0.3rem;
  outline: none;
  transition: all 0.3s ease;
}
.elite_vcard_demo_container .doctor_box .feedback_row .feedback_container form .form_group textarea::-moz-placeholder {
  font-size: 0.6rem;
  color: #ffffff;
  letter-spacing: 1px;
  font-weight: 400;
}
.elite_vcard_demo_container .doctor_box .feedback_row .feedback_container form .form_group textarea::placeholder {
  font-size: 0.6rem;
  color: #ffffff;
  letter-spacing: 1px;
  font-weight: 400;
}
.elite_vcard_demo_container .doctor_box .feedback_row .feedback_container form .form_group textarea:focus {
  border: double 2px transparent;
  border-radius: 0.3rem;
  background-color: transparent;
  border: 1px solid #ffffff;
  background-origin: border-box;
  background-clip: padding-box, border-box;
  transition: all 0.3s ease;
}
@media screen and (max-width: 800px) {
  .elite_vcard_demo_container .doctor_box .feedback_row .feedback_container form .form_group textarea {
    padding: 0.8rem 2rem;
    width: 100%;
    background-color: transparent;
  }
}
.elite_vcard_demo_container .doctor_box .feedback_row .feedback_container form .form_group .icon {
  position: absolute;
  left: 1%;
  top: 63%;
}
.elite_vcard_demo_container .doctor_box .feedback_row .feedback_container form .form_group .icon img {
  width: 25px;
  height: 25px;
}
.elite_vcard_demo_container .doctor_box .feedback_row .feedback_container form .form_group .icon i {
  font-size: 1.4rem;
  color: skyblue;
}
@media screen and (max-width: 800px) {
  .elite_vcard_demo_container .doctor_box .feedback_row .feedback_container form .form_group .icon {
    position: absolute;
    left: 2%;
    top: 25%;
  }
}
.elite_vcard_demo_container .doctor_box .feedback_row .feedback_container form .form_group .show_pass {
  position: absolute;
  right: 2%;
  top: 25%;
}
.elite_vcard_demo_container .doctor_box .feedback_row .feedback_container form .form_group .show_pass i {
  font-size: 1.4rem;
  color: skyblue;
  cursor: pointer;
}
@media screen and (max-width: 800px) {
  .elite_vcard_demo_container .doctor_box .feedback_row .feedback_container form .form_group .show_pass {
    position: absolute;
    right: 2%;
    top: 25%;
  }
}
@media screen and (max-width: 900px) {
  .elite_vcard_demo_container .doctor_box .feedback_row .feedback_container form .form_group {
    margin: 0.8rem auto;
  }
}
.elite_vcard_demo_container .doctor_box .feedback_row .feedback_container form .form_actions {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 1rem auto;
}
.elite_vcard_demo_container .doctor_box .feedback_row .feedback_container form .form_actions button {
  margin-right: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background-color: #313131;
  filter: none;
  width: auto;
  padding: 10px 1rem;
  outline: none;
  border: transparent;
  font-weight: 500;
  letter-spacing: 1px;
  font-size: 0.6rem;
  border-radius: 5px;
  cursor: pointer;
  color: #ffffff;
  transition: all 0.4s ease-in;
}
.elite_vcard_demo_container .doctor_box .feedback_row .feedback_container form .form_actions button span {
  font-size: 1.2rem;
}
.elite_vcard_demo_container .doctor_box .feedback_row .feedback_container form .form_actions button .form_loader,
.elite_vcard_demo_container .doctor_box .feedback_row .feedback_container form .form_actions button .form_loader:before,
.elite_vcard_demo_container .doctor_box .feedback_row .feedback_container form .form_actions button .form_loader:after {
  border-radius: 50%;
  width: 1em;
  height: 1em;
  animation-fill-mode: both;
  animation: bblFadInOut 1.8s infinite ease-in-out;
}
.elite_vcard_demo_container .doctor_box .feedback_row .feedback_container form .form_actions button .form_loader {
  color: #fff;
  font-size: 7px;
  position: relative;
  text-indent: -9999em;
  transform: translateZ(0);
  animation-delay: -0.16s;
}
.elite_vcard_demo_container .doctor_box .feedback_row .feedback_container form .form_actions button .form_loader:before,
.elite_vcard_demo_container .doctor_box .feedback_row .feedback_container form .form_actions button .form_loader:after {
  content: "";
  position: absolute;
  top: 0;
}
.elite_vcard_demo_container .doctor_box .feedback_row .feedback_container form .form_actions button .form_loader:before {
  left: -3.5em;
  animation-delay: -0.32s;
}
.elite_vcard_demo_container .doctor_box .feedback_row .feedback_container form .form_actions button .form_loader:after {
  left: 3.5em;
}
@keyframes bblFadInOut {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
.elite_vcard_demo_container .doctor_box .feedback_row .feedback_container form .form_actions button:hover {
  background-color: #525252;
  color: #ffffff;
  font-weight: 550;
  transition: all 0.4s ease-in;
}
.elite_vcard_demo_container .doctor_box .feedback_row .Feedback_container_message {
  width: 100%;
  height: auto;
  padding: 0rem 0.5rem;
  margin: 0rem auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
}
.elite_vcard_demo_container .doctor_box .feedback_row .Feedback_container_message .feeback_title {
  width: 100%;
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  justify-content: space-between;
  gap: 10px;
  z-index: 800;
}
.elite_vcard_demo_container .doctor_box .feedback_row .Feedback_container_message .feeback_title button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0.7rem 1rem;
  font-size: 0.6rem;
  color: #313131;
  background: transparent;
  cursor: pointer;
  outline: none;
  border: transparent;
  font-weight: 600;
}
.elite_vcard_demo_container .doctor_box .feedback_row .Feedback_container_message .feeback_title button i {
  font-size: 1.4rem;
  color: rgb(211, 211, 211);
}
.elite_vcard_demo_container .doctor_box .feedback_row .Feedback_container_message .feeback_title .feedBack_loader {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: block;
  margin: 15px auto;
  position: relative;
  color: #253bff;
  left: -100px;
  box-sizing: border-box;
  animation: shadowRolling 2s linear infinite;
}
@keyframes shadowRolling {
  0% {
    box-shadow: 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
  }
  12% {
    box-shadow: 100px 0 rgb(76, 247, 176), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
  }
  25% {
    box-shadow: 110px 0 rgb(107, 98, 233), 100px 0 rgb(75, 45, 243), 0px 0 rgba(255, 255, 255, 0), 0px 0 rgba(255, 255, 255, 0);
  }
  36% {
    box-shadow: 120px 0 rgb(94, 236, 255), 110px 0 rgb(226, 253, 72), 100px 0 rgb(219, 99, 119), 0px 0 rgba(255, 255, 255, 0);
  }
  50% {
    box-shadow: 130px 0 rgb(240, 135, 49), 120px 0 rgb(56, 163, 74), 110px 0 rgb(99, 95, 95), 100px 0 rgb(135, 111, 221);
  }
  62% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 130px 0 white, 120px 0 white, 110px 0 white;
  }
  75% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 130px 0 white, 120px 0 white;
  }
  87% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 130px 0 white;
  }
  100% {
    box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0);
  }
}
.elite_vcard_demo_container .doctor_box .feedback_row .Feedback_container_message .comment_box {
  width: 100%;
  max-height: 300px;
  height: 300px;
  overflow: scroll;
  padding: 10px 5px;
  margin: 3rem auto;
  border: 1px solid rgb(187, 187, 187);
  background: transparent;
  border-radius: 5px;
  position: relative;
}
.elite_vcard_demo_container .doctor_box .feedback_row .Feedback_container_message .comment_box .message {
  width: 100%;
  padding: 10px;
  border-bottom: 2px solid rgb(238, 237, 237);
}
.elite_vcard_demo_container .doctor_box .feedback_row .Feedback_container_message .comment_box .message .user_detail {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
}
.elite_vcard_demo_container .doctor_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .profile img {
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 50%;
  border: 1px solid lightgrey;
}
.elite_vcard_demo_container .doctor_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 2px;
}
.elite_vcard_demo_container .doctor_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .userName p {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 0.8rem;
  color: rgb(22, 22, 22);
  letter-spacing: 1px;
  font-weight: 550;
}
.elite_vcard_demo_container .doctor_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .userName p i {
  color: green;
  font-size: 1.2rem;
}
.elite_vcard_demo_container .doctor_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars .ratting_container1 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.3rem;
}
.elite_vcard_demo_container .doctor_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars .ratting_container1 span i {
  font-size: 0.8rem;
  cursor: pointer;
  color: lightgray;
  transition: all 0.4s ease-in-out;
}
.elite_vcard_demo_container .doctor_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars .ratting_container1 span .highlight1 {
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
  color: gold;
}
.elite_vcard_demo_container .doctor_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #noRatting span:nth-child(1) i,
.elite_vcard_demo_container .doctor_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #noRatting span:nth-child(2) i,
.elite_vcard_demo_container .doctor_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #noRatting span:nth-child(3) i,
.elite_vcard_demo_container .doctor_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #noRatting span:nth-child(4) i,
.elite_vcard_demo_container .doctor_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #noRatting span:nth-child(5) i {
  text-decoration: line-through;
  text-decoration-color: #ff2525;
}
.elite_vcard_demo_container .doctor_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #singleRatting span:nth-child(1) i {
  color: rgb(23, 96, 255);
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
}
.elite_vcard_demo_container .doctor_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #doubleRatting span:nth-child(1) i,
.elite_vcard_demo_container .doctor_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #doubleRatting span:nth-child(2) i {
  color: rgb(23, 96, 255);
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
}
.elite_vcard_demo_container .doctor_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #ThreeRatting span:nth-child(1) i,
.elite_vcard_demo_container .doctor_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #ThreeRatting span:nth-child(2) i,
.elite_vcard_demo_container .doctor_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #ThreeRatting span:nth-child(3) i {
  color: rgb(23, 96, 255);
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
}
.elite_vcard_demo_container .doctor_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fourRatting span:nth-child(1) i,
.elite_vcard_demo_container .doctor_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fourRatting span:nth-child(2) i,
.elite_vcard_demo_container .doctor_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fourRatting span:nth-child(3) i,
.elite_vcard_demo_container .doctor_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fourRatting span:nth-child(4) i {
  color: rgb(23, 96, 255);
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
}
.elite_vcard_demo_container .doctor_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fullRatting span:nth-child(1) i,
.elite_vcard_demo_container .doctor_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fullRatting span:nth-child(2) i,
.elite_vcard_demo_container .doctor_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fullRatting span:nth-child(3) i,
.elite_vcard_demo_container .doctor_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fullRatting span:nth-child(4) i,
.elite_vcard_demo_container .doctor_box .feedback_row .Feedback_container_message .comment_box .message .user_detail .details .stars #fullRatting span:nth-child(5) i {
  color: rgb(23, 96, 255);
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
}
.elite_vcard_demo_container .doctor_box .feedback_row .Feedback_container_message .comment_box .message .comments {
  padding-left: 3.5rem;
  margin: 10px auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.elite_vcard_demo_container .doctor_box .feedback_row .Feedback_container_message .comment_box .message .comments i {
  color: royalblue;
}
.elite_vcard_demo_container .doctor_box .feedback_row .Feedback_container_message .comment_box .message .comments span {
  font-size: 0.8rem;
  color: #272727;
}
.elite_vcard_demo_container .doctor_box .feedback_row .Feedback_container_message .comment_box::-webkit-scrollbar {
  display: none;
}
.elite_vcard_demo_container .doctor_box .Inquries {
  width: 100%;
  padding: 0rem 1rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  justify-content: center;
}
.elite_vcard_demo_container .doctor_box .Inquries .inquiries_container5 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: auto;
}
.elite_vcard_demo_container .doctor_box .Inquries .inquiries_container5 form {
  width: 90%;
  padding: 10px 0px;
  margin: auto;
}
.elite_vcard_demo_container .doctor_box .Inquries .inquiries_container5 form .form_group {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 10px;
  margin-bottom: 10px;
  margin: 10px auto;
}
.elite_vcard_demo_container .doctor_box .Inquries .inquiries_container5 form .form_group label {
  font-size: 0.7rem;
  letter-spacing: 1px;
  color: #ffffff;
  font-weight: 550;
}
.elite_vcard_demo_container .doctor_box .Inquries .inquiries_container5 form .form_group .input {
  width: 100%;
  position: relative;
}
.elite_vcard_demo_container .doctor_box .Inquries .inquiries_container5 form .form_group .input input,
.elite_vcard_demo_container .doctor_box .Inquries .inquiries_container5 form .form_group .input textarea {
  width: 100%;
  padding: 0.9rem 2.5rem;
  outline: none;
  border: transparent;
  border-radius: 5px;
  background-color: transparent;
  color: #ffffff;
  border: 1px solid #ffffff;
  caret-color: #ffffff;
}
.elite_vcard_demo_container .doctor_box .Inquries .inquiries_container5 form .form_group .input input::-moz-placeholder, .elite_vcard_demo_container .doctor_box .Inquries .inquiries_container5 form .form_group .input textarea::-moz-placeholder {
  color: #ffffff;
  letter-spacing: 1px;
  font-size: 0.7rem;
}
.elite_vcard_demo_container .doctor_box .Inquries .inquiries_container5 form .form_group .input input::placeholder,
.elite_vcard_demo_container .doctor_box .Inquries .inquiries_container5 form .form_group .input textarea::placeholder {
  color: #ffffff;
  letter-spacing: 1px;
  font-size: 0.7rem;
}
.elite_vcard_demo_container .doctor_box .Inquries .inquiries_container5 form .form_group .input input:focus,
.elite_vcard_demo_container .doctor_box .Inquries .inquiries_container5 form .form_group .input textarea:focus {
  border: 1px solid #ffffff;
}
.elite_vcard_demo_container .doctor_box .Inquries .inquiries_container5 form .form_group .input i {
  position: absolute;
  left: 2%;
  font-size: 1.5rem;
  color: #ffffff;
  top: 30%;
}
.elite_vcard_demo_container .doctor_box .Inquries .inquiries_container5 form .form_actions {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 1rem auto;
}
.elite_vcard_demo_container .doctor_box .Inquries .inquiries_container5 form .form_actions button {
  margin-right: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background-color: #313131;
  filter: none;
  width: auto;
  padding: 10px 1rem;
  outline: none;
  border: transparent;
  font-weight: 500;
  letter-spacing: 1px;
  font-size: 0.6rem;
  border-radius: 5px;
  cursor: pointer;
  color: #ffffff;
  transition: all 0.4s ease-in;
}
.elite_vcard_demo_container .doctor_box .Inquries .inquiries_container5 form .form_actions button span {
  font-size: 1.2rem;
}
.elite_vcard_demo_container .doctor_box .Inquries .inquiries_container5 form .form_actions button .form_loader,
.elite_vcard_demo_container .doctor_box .Inquries .inquiries_container5 form .form_actions button .form_loader:before,
.elite_vcard_demo_container .doctor_box .Inquries .inquiries_container5 form .form_actions button .form_loader:after {
  border-radius: 50%;
  width: 1em;
  height: 1em;
  animation-fill-mode: both;
  animation: bblFadInOut 1.8s infinite ease-in-out;
}
.elite_vcard_demo_container .doctor_box .Inquries .inquiries_container5 form .form_actions button .form_loader {
  color: #fff;
  font-size: 7px;
  position: relative;
  text-indent: -9999em;
  transform: translateZ(0);
  animation-delay: -0.16s;
}
.elite_vcard_demo_container .doctor_box .Inquries .inquiries_container5 form .form_actions button .form_loader:before,
.elite_vcard_demo_container .doctor_box .Inquries .inquiries_container5 form .form_actions button .form_loader:after {
  content: "";
  position: absolute;
  top: 0;
}
.elite_vcard_demo_container .doctor_box .Inquries .inquiries_container5 form .form_actions button .form_loader:before {
  left: -3.5em;
  animation-delay: -0.32s;
}
.elite_vcard_demo_container .doctor_box .Inquries .inquiries_container5 form .form_actions button .form_loader:after {
  left: 3.5em;
}
@keyframes bblFadInOut {
  0%, 80%, 100% {
    box-shadow: 0 2.5em 0 -1.3em;
  }
  40% {
    box-shadow: 0 2.5em 0 0;
  }
}
.elite_vcard_demo_container .doctor_box .Inquries .inquiries_container5 form .form_actions button:hover {
  background-color: #525252;
  color: #ffffff;
  font-weight: 550;
  transition: all 0.4s ease-in;
}
.elite_vcard_demo_container .doctor_box .Footer {
  position: absolute;
  bottom: 0%;
  left: 0%;
  width: 100%;
  margin-top: 3rem;
}
.elite_vcard_demo_container .doctor_box .Footer .footer_container {
  width: 100%;
  min-height: 50px;
  height: 50px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px 0px;
  z-index: 600;
}
.elite_vcard_demo_container .doctor_box .Footer .footer_container p {
  font-size: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #ffffff;
  font-weight: 400;
  letter-spacing: 1px;
}
@media (max-width: 600px) {
  .elite_vcard_demo_container .doctor_box .Footer .footer_container p {
    font-size: 0.7rem;
  }
}
.elite_vcard_demo_container .doctor_box .Footer .footer_container svg {
  position: absolute;
  z-index: -1;
  bottom: 0%;
  left: 0%;
  width: 100%;
}
@media screen and (max-width: 600px) {
  .elite_vcard_demo_container .doctor_box {
    width: 100vw !important;
    min-width: 100vw;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin-top: 0rem;
  }
}
.elite_vcard_demo_container::-webkit-scrollbar {
  width: 6px !important;
  height: 4px !important;
  background-color: #a68eff, #886dff;
}
@media screen and (max-width: 650px) {
  .elite_vcard_demo_container::-webkit-scrollbar {
    display: none !important;
  }
}
.elite_vcard_demo_container::-webkit-scrollbar-thumb {
  width: 6px !important;
  height: 4px !important;
  border-radius: 10px;
  z-index: 10;
  cursor: pointer;
  background-color: #fff !important;
}
.elite_vcard_demo_container::-webkit-scrollbar-thumb:hover {
  background-color: rgb(36, 231, 222);
}
.date-input {
  appearance: none; /* Remove default styling */
  -webkit-appearance: none; /* Remove default styling in Safari */
  -moz-appearance: none; /* Remove default styling in Firefox */
  padding: 10px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.date-input::-moz-placeholder {
  color: #888; /* Placeholder color */
}
.date-input::placeholder {
  color: #888; /* Placeholder color */
}
/* Custom icon for the date picker */
.date-input::-webkit-calendar-picker-indicator {
  cursor: pointer;
  color: transparent;
  opacity: 1;
  position: absolute;
  right: 10px;
  top: 70%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url("https://img.icons8.com/emoji/48/calendar-emoji.png") no-repeat center center;
  background-size: contain;
}.Teacher_Admin_Container {
  width: 100vw;
  height: 100vh;
  position: relative;
}
.Teacher_Admin_Container .navbar {
  width: 100vw;
  height: 10vh;
}
.Teacher_Admin_Container .progress_element {
  width: 100vw;
  height: 90vh;
  position: relative;
}.tadmin_navbar_container {
  position: relative;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 1rem;
  background-color: #ffffff;
  border-bottom: 1px solid rgb(214, 214, 214);
}
.tadmin_navbar_container .left {
  flex: 0.5;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.tadmin_navbar_container .left .logo img {
  width: 200px;
}
@media screen and (max-width: 776px) {
  .tadmin_navbar_container .left {
    flex: 0.5;
  }
}
.tadmin_navbar_container .right {
  flex: 0.5;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 2rem;
}
.tadmin_navbar_container .right .actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3rem;
}
.tadmin_navbar_container .right .actions i {
  font-size: 1.5rem;
  color: gray;
}
@media screen and (max-width: 776px) {
  .tadmin_navbar_container .right .actions {
    display: none;
  }
}
.tadmin_navbar_container .right .username p {
  font-size: 1rem;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 550;
}
@media screen and (max-width: 776px) {
  .tadmin_navbar_container .right .username {
    display: none;
  }
}
.tadmin_navbar_container .right .profile img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  cursor: pointer;
}
@media screen and (max-width: 776px) {
  .tadmin_navbar_container .right .profile img {
    width: 50px;
    height: 50px;
  }
  .tadmin_navbar_container .right {
    flex: 0.5;
  }
}
.tadmin_navbar_container .profile_box {
  position: absolute;
  top: 9dvh;
  right: 1dvh;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
  width: 250px;
  height: auto;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  transition: all 1s linear;
}
.tadmin_navbar_container .profile_box .profile_img {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}
.tadmin_navbar_container .profile_box .profile_img img {
  width: 200px;
  height: 180px;
  -o-object-fit: cover;
     object-fit: cover;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  border-radius: 10px;
  box-shadow: 0px 3px 3px rgba(39, 39, 39, 0.3);
}
.tadmin_navbar_container .profile_box .profile_content {
  width: 100%;
  padding: 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  z-index: 5;
  cursor: pointer;
}
.tadmin_navbar_container .profile_box .profile_content .email {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.tadmin_navbar_container .profile_box .profile_content .email small {
  font-size: 0.8rem;
  color: #595F5B;
  font-weight: 550;
}
.tadmin_navbar_container .profile_box .SignOut {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  gap: 10px;
  padding: 1rem;
}
.tadmin_navbar_container .profile_box .SignOut p {
  font-size: 0.9rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0px;
  color: rgb(0, 150, 155);
}
.tadmin_navbar_container .profile_box .SignOut p img {
  width: 25px;
  animation: byeAnime 2s infinite linear;
}
@keyframes byeAnime {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(-5eg);
  }
  50% {
    transform: rotate(-10deg);
  }
  75% {
    transform: rotate(10deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
.tadmin_navbar_container .profile_box .SignOut a {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  gap: 5px;
  color: red;
  font-size: 0.9rem;
  cursor: pointer !important;
}
.tadmin_navbar_container #ProfileCardOpen {
  transform: translateY(0px);
  transition: all 0.3s linear;
}
.tadmin_navbar_container #ProfileCardClose {
  transform: translateY(-500px);
  transition: all 0.3s linear;
}.progress_container {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  overflow: hidden;
  position: relative;
}
.progress_container .progressbar {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  opacity: 0.6;
  background-color: rgb(238, 238, 238);
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.progress_container .progressbar .tadmin_loader {
  width: 8px;
  height: 30px;
  border-radius: 4px;
  display: block;
  margin: 20px auto;
  position: relative;
  background: currentColor;
  color: #2e2e2e;
  box-sizing: border-box;
  animation: animloader 0.3s 0.3s linear infinite alternate;
}
.progress_container .progressbar .tadmin_loader::after, .progress_container .progressbar .tadmin_loader::before {
  content: "";
  width: 8px;
  height: 40px;
  border-radius: 4px;
  background: currentColor;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 20px;
  box-sizing: border-box;
  animation: animloader 0.3s 0.45s linear infinite alternate;
}
.progress_container .progressbar .tadmin_loader::before {
  left: -20px;
  animation-delay: 0s;
}
@keyframes animloader {
  0% {
    height: 48px;
  }
  100% {
    height: 4px;
  }
}
.progress_container .left {
  flex: 0.2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  padding: 1rem;
}
.progress_container .left .progress_title {
  font-size: 0.9rem;
  font-weight: 500;
}
@media screen and (max-width: 776px) {
  .progress_container .left {
    display: none;
  }
}
.progress_container .right {
  flex: 0.8;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 1rem;
  height: 100%;
  overflow-y: scroll;
}
.progress_container .right .mobile_navigation_progress {
  display: none;
}
@media screen and (max-width: 776px) {
  .progress_container .right .mobile_navigation_progress {
    display: block;
    margin-bottom: 1rem;
    width: 100%;
  }
  .progress_container .right .mobile_navigation_progress .box {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
.progress_container .right .content_title {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: 1rem;
}
.progress_container .right .content_title h2 {
  font-size: 1.3rem;
  letter-spacing: 1px;
  color: rgb(82, 82, 82);
  width: 100%;
}
.progress_container .right .content_title h2 span {
  color: royalblue;
  font-weight: 550;
  width: -moz-max-content;
  width: max-content;
}
@media screen and (max-width: 776px) {
  .progress_container .right .content_title h2 {
    font-size: 1rem;
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
  }
  .progress_container .right .content_title h2 span {
    width: 20%;
  }
  .progress_container .right .content_title h2 p {
    width: 80%;
  }
  .progress_container .right .content_title h2 h2 {
    width: 100%;
  }
}
.progress_container .right .content {
  width: 100%;
  height: 100%;
  position: relative;
}
.progress_container .right .content .error {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1rem;
  margin: auto;
}
.progress_container .right .content .error small {
  color: red;
  font-weight: 550;
  letter-spacing: 1px;
}
.progress_container .right .content .tooltip_banner {
  position: absolute;
  top: -5%;
  left: 22%;
  width: 200px;
  height: 80px;
  z-index: 1000;
  padding: 0.4rem;
  border-radius: 0.3rem;
  background-color: #242424 !important;
}
.progress_container .right .content .tooltip_banner .content {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.progress_container .right .content .tooltip_banner .content small {
  font-size: 0.7rem;
  color: #fff;
  font-weight: 500;
  text-align: center;
}
.progress_container .right .content .tooltip_banner .content p {
  font-size: 0.6rem;
  color: #faf627;
  font-weight: 550;
}
.progress_container .right .content .tooltip_banner .content p strong {
  color: rgb(255, 255, 255);
}
.progress_container .right .content .url_form {
  display: grid;
  width: 100%;
  max-width: 1400px;
  height: -moz-max-content;
  height: max-content;
  grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
  gap: 1rem 0.5rem;
  place-items: start;
  position: relative;
  padding: 1rem 0px;
}
.progress_container .right .content .url_form .tooltip_banner {
  position: absolute;
  top: 5%;
  left: 12%;
  width: 200px;
  height: 80px;
  z-index: 1000;
  padding: 0.4rem;
  border-radius: 0.3rem;
  background-color: #242424 !important;
}
.progress_container .right .content .url_form .tooltip_banner .content {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.progress_container .right .content .url_form .tooltip_banner .content small {
  font-size: 0.7rem;
  color: #fff;
  font-weight: 500;
  text-align: center;
}
.progress_container .right .content .url_form .tooltip_banner .content p {
  font-size: 0.6rem;
  color: #faf627;
  font-weight: 550;
}
.progress_container .right .content .url_form .tooltip_banner .content p strong {
  color: rgb(255, 255, 255);
}
.progress_container .right .content .url_form .form_group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  width: 95%;
  margin: auto;
  position: relative;
}
.progress_container .right .content .url_form .form_group label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 0.8rem;
  font-weight: 550 !important;
  color: rgb(34, 34, 34);
  width: 100%;
}
.progress_container .right .content .url_form .form_group label sup {
  color: red;
  font-weight: bold;
  margin-left: 3px;
}
.progress_container .right .content .url_form .form_group label img {
  width: 70px;
  height: 70px;
}
.progress_container .right .content .url_form .form_group label .note {
  width: 18px;
  height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 10px;
  background-color: rgb(32, 32, 32);
  padding: 3px;
  border-radius: 50%;
}
.progress_container .right .content .url_form .form_group label .note i {
  color: #fff;
  font-size: 1rem;
  font-weight: 500;
  padding: 3px;
}
.progress_container .right .content .url_form .form_group label .note:hover {
  background-color: #24b41f;
}
.progress_container .right .content .url_form .form_group input[type=text] {
  padding: 8px 1rem;
  width: 100%;
  outline: none;
  border: 1px solid rgb(185, 185, 185);
  border-radius: 5px;
  position: relative;
  font-size: 1rem;
  color: rgb(85, 85, 85);
  font-size: 550;
}
.progress_container .right .content .url_form .form_group input[type=text]::-moz-placeholder {
  font-size: 0.8rem;
  color: gray;
}
.progress_container .right .content .url_form .form_group input[type=text]::placeholder {
  font-size: 0.8rem;
  color: gray;
}
.progress_container .right .content .url_form .form_group .double_input {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  flex-direction: row !important;
  width: 100%;
}
.progress_container .right .content .url_form .form_group .VCardName {
  padding: 8px 1rem;
  width: 100%;
  outline: none;
  border: 1px solid rgb(185, 185, 185);
  border-radius: 5px;
  color: rgb(87, 87, 87);
  font-weight: 500;
  position: relative;
}
.progress_container .right .content .url_form .form_group .VCardName option {
  font-size: 0.9rem;
  font-weight: 500;
  border-radius: none;
}
.progress_container .right .content .url_form .form_group .input_error {
  border: 1px solid red !important;
  border-radius: 5px;
}
.progress_container .right .content .url_form .form_group .error {
  position: absolute;
  top: 0%;
  right: 0%;
  color: red;
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
.progress_container .right .content .url_form .form_group .desc_error {
  position: absolute;
  top: 0%;
  right: 0%;
  color: red;
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
.progress_container .right .content .url_form .form_group .profile_error,
.progress_container .right .content .url_form .form_group .banner_error {
  width: 100%;
  position: relative;
  color: red;
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
@media screen and (max-width: 1100px) {
  .progress_container .right .content .url_form .form_group .profile_error,
  .progress_container .right .content .url_form .form_group .banner_error {
    bottom: -10%;
  }
}
.progress_container .right .content .url_form .form_group input[type=file] {
  display: block;
  border: none;
  width: 100%;
  font-size: 0.7rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-weight: 550;
  outline: none;
  color: #03796f;
  cursor: pointer;
}
.progress_container .right .content .url_form .form_group .url_error_handle {
  position: absolute;
  right: 5%;
  bottom: 15%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}
.progress_container .right .content .url_form .form_group .url_error_handle .success {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.progress_container .right .content .url_form .form_group .url_error_handle .success i {
  color: green;
}
.progress_container .right .content .url_form .form_group .url_error_handle .success small {
  font-size: 0.8rem;
  color: green;
}
.progress_container .right .content .url_form .form_group .url_error_handle .failure {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.progress_container .right .content .url_form .form_group .url_error_handle .failure i {
  color: red;
}
.progress_container .right .content .url_form .form_group .url_error_handle .failure small {
  font-size: 0.8rem;
  color: red;
}
.progress_container .right .content .url_form .form_group:nth-child(1) {
  place-items: start;
}
@media screen and (max-width: 776px) {
  .progress_container .right .content .url_form .form_group {
    width: 100%;
  }
}
.progress_container .right .content .url_form .url_link_input_group {
  width: 100% !important;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
}
.progress_container .right .content .url_form .url_link_input_group img {
  width: 90px;
  max-width: 90px;
  height: 90px;
  max-height: 90px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 1rem;
  border: 1px solid gray;
  margin-bottom: 15px;
}
.progress_container .right .content .url_form .url_link_input_group .banner_address_image {
  width: 150px;
  height: 90px;
  max-width: 150px;
  max-height: 90px;
  border-radius: 10px;
  -o-object-fit: cover;
     object-fit: cover;
  border: 1px solid gray;
  margin-bottom: 15px;
}
.progress_container .right .content .url_form .url_link_input_group label {
  font-size: 0.6rem;
  font-weight: 550;
}
.progress_container .right .content .url_form .url_link_input_group input {
  padding: 8px 1rem !important;
  font-size: 0.7rem;
  position: relative;
  font-size: 550 !important;
}
.progress_container .right .content .url_form .url_link_input_group .clear_action {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.progress_container .right .content .url_form .url_link_input_group .clear_action .clear_btn {
  background-color: tomato;
  color: #fff;
  font-size: 0.9rem;
  padding: 0.2rem 1rem;
  outline: none;
  border: none;
  border-radius: 0.2rem;
  cursor: pointer;
  font-weight: 550;
  transition: all 0.5s ease;
}
.progress_container .right .content .url_form .url_link_input_group .clear_action .clear_btn:hover {
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
  transition: all 0.5s ease;
}
.progress_container .right .content .url_form .form2_title {
  width: 100%;
  display: flex;
  grid-column: 1/-1;
  align-items: center;
  justify-content: flex-start;
}
.progress_container .right .content .url_form .form2_title h4 {
  font-size: 0.9rem;
  font-weight: 550;
  color: #383838;
}
.progress_container .right .content .url_form .form_group {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 5px;
  width: 95%;
  margin: auto;
}
.progress_container .right .content .url_form .form_group label {
  font-size: 0.8rem;
  font-weight: 500;
  color: rgb(34, 34, 34);
  width: 100%;
}
.progress_container .right .content .url_form .form_group label sup {
  color: red;
  font-weight: bold;
  margin-left: 3px;
}
.progress_container .right .content .url_form .form_group label img {
  width: 70px;
  height: 70px;
}
.progress_container .right .content .url_form .form_group input[type=text],
.progress_container .right .content .url_form .form_group input[type=email],
.progress_container .right .content .url_form .form_group input[type=tel] {
  padding: 8px 1rem;
  width: 100%;
  outline: none;
  border: 1px solid rgb(185, 185, 185);
  border-radius: 5px;
}
.progress_container .right .content .url_form .form_group input[type=text]::-moz-placeholder, .progress_container .right .content .url_form .form_group input[type=email]::-moz-placeholder, .progress_container .right .content .url_form .form_group input[type=tel]::-moz-placeholder {
  font-size: 0.8rem;
  color: gray;
}
.progress_container .right .content .url_form .form_group input[type=text]::placeholder,
.progress_container .right .content .url_form .form_group input[type=email]::placeholder,
.progress_container .right .content .url_form .form_group input[type=tel]::placeholder {
  font-size: 0.8rem;
  color: gray;
}
@media screen and (max-width: 600px) {
  .progress_container .right .content .url_form .form_group input[type=text],
  .progress_container .right .content .url_form .form_group input[type=email],
  .progress_container .right .content .url_form .form_group input[type=tel] {
    width: 95%;
  }
}
.progress_container .right .content .url_form .form_group .first label,
.progress_container .right .content .url_form .form_group .second label {
  font-size: 0.9rem;
  font-weight: 500;
  color: rgb(105, 104, 104);
  width: 100%;
}
.progress_container .right .content .url_form .form_group .first label sup,
.progress_container .right .content .url_form .form_group .second label sup {
  color: red;
  font-weight: bold;
  margin-left: 3px;
}
.progress_container .right .content .url_form .form_group .first label img,
.progress_container .right .content .url_form .form_group .second label img {
  width: 90px;
  height: 90px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 50%;
  border: 2px solid skyblue;
}
.progress_container .right .content .url_form .form_group input[type=file] {
  display: block;
  border: none;
  width: 100%;
  font-size: 0.7rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-weight: 550;
  outline: none;
  color: #03796f;
  cursor: pointer;
}
.progress_container .right .content .url_form .actions {
  display: flex;
  align-self: center !important;
  justify-content: flex-start;
  gap: 5px;
  width: 100%;
  height: 50px;
}
.progress_container .right .content .url_form .actions p {
  font-size: 0.9rem;
  font-weight: 500;
  height: 100%;
}
.progress_container .right .content .url_form .actions input[type=checkbox] {
  width: 20px;
  height: 20px;
  border: 2px solid #6a74fc;
  border-radius: 4px;
  outline: none;
  cursor: pointer;
  position: relative;
}
.progress_container .right .content .url_form .actions input[type=checkbox]:checked {
  background-color: #007bff;
  border: 2px solid #007bff;
}
.progress_container .right .content .url_form .actions .on {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.9rem;
  color: royalblue;
  cursor: pointer;
}
.progress_container .right .content .url_form .actions .off {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.9rem;
  color: #6c757d;
  cursor: pointer;
}
.progress_container .right .content .url_form .form_submit_actions {
  display: flex;
  grid-column: 1/-1;
  width: 100%;
  align-items: center;
  justify-content: flex-start;
  gap: 2rem;
  padding: 0px 1rem;
  margin: 2rem 0px;
}
.progress_container .right .content .url_form .form_submit_actions button {
  outline: none;
  border: transparent;
  padding: 5px 2rem;
  border-radius: 5px;
  font-weight: 500;
  font-size: 0.9rem;
}
.progress_container .right .content .url_form .form_submit_actions .save {
  background-color: royalblue;
  color: #fff;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.progress_container .right .content .url_form .form_submit_actions .save:hover {
  background-color: rgb(105, 141, 248);
  box-shadow: 0px 4px 4px rgb(124, 124, 124);
  transition: all 0.3s ease;
}
.progress_container .right .content .url_form .form_submit_actions .clear {
  background-color: tomato;
  color: #fff;
  transition: all 0.3s ease;
  display: none;
}
.progress_container .right .content .url_form .form_submit_actions .clear:hover {
  background-color: rgb(207, 83, 245);
  box-shadow: 0px 4px 4px rgb(124, 124, 124);
  transition: all 0.3s ease;
}
.progress_container .right .content .url_form .form_submit_actions .discard {
  background-color: rgb(138, 138, 138);
  color: #ffffff;
  transition: all 0.3s ease;
}
.progress_container .right .content .url_form .form_submit_actions .discard:hover {
  box-shadow: 0px 4px 4px rgb(165, 165, 165);
  background-color: rgb(92, 92, 92);
  transition: all 0.3s ease;
}
.progress_container .right .content .url_form::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 600px) {
  .progress_container .right .content .url_form {
    width: 100%;
    padding: 10px;
  }
}
.progress_container .right .content .vcard_detail_box {
  width: 100%;
  height: -moz-max-content;
  height: max-content;
}
.progress_container .right .content .vcard_detail_box .title {
  width: 100%;
}
.progress_container .right .content .vcard_detail_box .title h2 {
  font-size: 1.4rem;
  font-weight: 500;
  color: gray;
}
.progress_container .right .content .vcard_detail_box .data {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  margin: 1rem 0px;
}
.progress_container .right .content .vcard_detail_box .data .user_data {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
  background-color: #bef8e9;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.progress_container .right .content .vcard_detail_box .data .user_data .left {
  flex: 0.1;
  display: flex;
  align-items: center;
  justify-content: center;
}
.progress_container .right .content .vcard_detail_box .data .user_data .left img {
  width: 100px;
  height: 100px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  border-radius: 0.5rem;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
}
@media screen and (max-width: 776px) {
  .progress_container .right .content .vcard_detail_box .data .user_data .left img {
    width: 80px;
    height: 80px;
  }
  .progress_container .right .content .vcard_detail_box .data .user_data .left {
    flex: 0.3;
  }
}
.progress_container .right .content .vcard_detail_box .data .user_data .right {
  flex: 0.9;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 5px;
}
.progress_container .right .content .vcard_detail_box .data .user_data .right h5 {
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: 1px;
  color: rgb(65, 126, 88);
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-word;
  white-space: normal;
}
@media screen and (max-width: 776px) {
  .progress_container .right .content .vcard_detail_box .data .user_data .right h5 {
    font-size: 0.9rem;
  }
}
.progress_container .right .content .vcard_detail_box .data .user_data .right p {
  font-size: 0.9rem;
  line-height: 1.5rem;
  color: rgb(77, 77, 77);
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-word;
  white-space: normal;
}
@media screen and (max-width: 776px) {
  .progress_container .right .content .vcard_detail_box .data .user_data .right p {
    font-size: 0.8rem;
  }
}
.progress_container .right .content .vcard_detail_box .data .user_data .right a {
  cursor: pointer;
  color: royalblue;
}
.progress_container .right .content .vcard_detail_box .data .user_data .right a:hover {
  text-decoration: underline;
}
@media screen and (max-width: 776px) {
  .progress_container .right .content .vcard_detail_box .data .user_data .right a {
    font-size: 0.8rem;
  }
  .progress_container .right .content .vcard_detail_box .data .user_data .right {
    flex: 0.7;
  }
  .progress_container .right .content .vcard_detail_box .data .user_data {
    gap: 0px;
    width: 100%;
  }
}
.progress_container .right::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 776px) {
  .progress_container .right {
    flex: 1;
    width: 100%;
    padding: 0.5rem;
  }
}.select_teacher_vcard_template_container {
  width: 100%;
  height: 100%;
  padding: 1rem 0rem;
  overflow-y: scroll;
  margin: auto;
  position: relative;
}
.select_teacher_vcard_template_container .row_one {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 95%;
}
.select_teacher_vcard_template_container .row_one .selected_vcard {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 500;
  color: #464646;
}
.select_teacher_vcard_template_container .row_one .selected_vcard .error {
  color: rgb(248, 248, 248);
  background-color: rgb(255, 129, 129);
  padding: 0.3rem 1rem;
}
.select_teacher_vcard_template_container .row_one .selected_vcard .success {
  color: rgb(100, 100, 100);
  background-color: rgb(178, 255, 178);
  padding: 0.3rem 1rem;
}
.select_teacher_vcard_template_container .row_one .selected_vcard strong {
  color: #a179ff;
  letter-spacing: 1px;
}
@media screen and (max-width: 776px) {
  .select_teacher_vcard_template_container .row_one .selected_vcard {
    display: none;
  }
}
.select_teacher_vcard_template_container .row_one h6 {
  font-size: 0.8rem;
  font-weight: bolder;
}
.select_teacher_vcard_template_container .row_one h6 sup {
  color: red;
  margin-left: 5px;
  font-weight: bold;
}
.select_teacher_vcard_template_container .row_one button {
  outline: none;
  border: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 7px 1rem;
  border-radius: 5px;
  font-weight: 500;
  font-size: 0.9rem;
  background-color: royalblue;
  color: #fff;
  transition: all 0.3s ease;
  position: relative;
}
.select_teacher_vcard_template_container .row_one button span {
  font-size: 1.2rem;
}
.select_teacher_vcard_template_container .row_one button .touch_hand {
  position: absolute;
  top: 65%;
  right: 50%;
}
.select_teacher_vcard_template_container .row_one button .touch_hand img {
  width: 30px;
  height: 30px;
  mix-blend-mode: multiply;
}
.select_teacher_vcard_template_container .row_one button:hover {
  background-color: rgb(105, 141, 248);
  box-shadow: 0px 4px 4px rgb(124, 124, 124);
  transition: all 0.3s ease;
}
.select_teacher_vcard_template_container .row_one button:hover span {
  transform: rotate(360deg);
  transition: transform 0.5s ease-in-out;
}
@media screen and (max-width: 776px) {
  .select_teacher_vcard_template_container .row_one button {
    font-size: 0.8rem;
  }
  .select_teacher_vcard_template_container .row_one {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-start;
  }
}
.select_teacher_vcard_template_container .total_template {
  width: 100%;
}
.select_teacher_vcard_template_container .total_template p {
  font-size: 0.8rem;
  font-weight: 550;
  color: royalblue;
  letter-spacing: 1px;
}
.select_teacher_vcard_template_container .row_two {
  width: 100%;
  min-height: 100%;
  height: 100%;
  padding-bottom: 1rem;
  overflow-y: scroll;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  overflow: hidden;
}
.select_teacher_vcard_template_container .row_two .image_container {
  display: grid;
  width: 100%;
  min-height: 100% !important;
  height: 100%;
  grid-template-columns: repeat(auto-fit, minmax(200px, auto));
  gap: 0.5rem 2rem;
  margin: 1rem auto;
  overflow-y: scroll;
  place-items: start;
}
.select_teacher_vcard_template_container .row_two .image_container .image {
  width: 250px !important;
  min-height: 500px;
  height: 95%;
  background-color: #ffffff;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
  position: relative;
  overflow-y: hidden;
  opacity: 1;
  transition: all 1s ease-in-out;
  scroll-behavior: smooth;
  margin: 1rem 0px;
}
.select_teacher_vcard_template_container .row_two .image_container .image .selected_gif {
  position: absolute;
  right: 1%;
  top: 3%;
  z-index: 800;
}
.select_teacher_vcard_template_container .row_two .image_container .image .selected_gif img {
  width: 30px;
  height: 30px;
  mix-blend-mode: multiply !important;
  border-radius: 1rem;
}
.select_teacher_vcard_template_container .row_two .image_container .image .selected_gif small {
  color: #fff;
  font-weight: 550;
  font-size: 0.8rem;
}
.select_teacher_vcard_template_container .row_two .image_container .image .touch_hand {
  position: absolute;
  z-index: 900;
  left: 50%;
  top: 50%;
}
.select_teacher_vcard_template_container .row_two .image_container .image .touch_hand img {
  width: 45px;
  height: 45px;
}
.select_teacher_vcard_template_container .row_two .image_container .image .vcard_name h4 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.2rem auto;
  font-size: 0.8rem;
  font-weight: 550;
  letter-spacing: 1px;
  color: rgb(3, 112, 107);
}
.select_teacher_vcard_template_container .row_two .image_container .image .image_box {
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  cursor: pointer;
}
.select_teacher_vcard_template_container .row_two .image_container .image .image_box img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  transform: translateY(0%);
  transition: all 10s ease;
  scroll-behavior: smooth;
}
.select_teacher_vcard_template_container .row_two .image_container .image .trial_template {
  text-decoration: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  cursor: pointer;
}
.select_teacher_vcard_template_container .row_two .image_container .image .trial_template img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  transform: translateY(0%);
  transition: all 10s ease;
  scroll-behavior: smooth;
}
.select_teacher_vcard_template_container .row_two .image_container .image::-webkit-scrollbar {
  width: 0px;
  height: 0px;
  background-color: #ffffff;
  border-radius: 5px;
}
.select_teacher_vcard_template_container .row_two .image_container .image::-webkit-scrollbar-thumb {
  background: #d37ffa;
  border-radius: 2px;
}
.select_teacher_vcard_template_container .row_two .image_container .image:hover {
  scroll-behavior: smooth;
  opacity: 0.8;
  border: 1px solid rgb(255, 255, 255);
  transition: all 1s ease-in-out;
}
.select_teacher_vcard_template_container .row_two .image_container .image:hover img {
  transform: translateY(0%);
  transition: all 25s linear;
  scroll-behavior: smooth;
}
@media screen and (max-width: 700px) {
  .select_teacher_vcard_template_container .row_two .image_container .image {
    height: 800px;
    width: 100% !important;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  }
}
.select_teacher_vcard_template_container .row_two .image_container .single_template {
  width: 20% !important;
  height: 95% !important;
  background-color: #ffffff;
  position: relative;
  border-radius: 0.5rem;
  overflow-y: scroll;
  padding: 0px;
  border: 1px solid rgb(165, 165, 165);
  opacity: 1;
  transition: all 0.2s ease-in-out;
  scroll-behavior: smooth;
}
.select_teacher_vcard_template_container .row_two .image_container .single_template .selected_gif {
  position: absolute;
  right: 2%;
  top: 1% !important;
  z-index: 800;
}
.select_teacher_vcard_template_container .row_two .image_container .single_template .selected_gif img {
  width: 20px;
  height: 20px;
  mix-blend-mode: multiply;
  filter: brightness(100%);
}
.select_teacher_vcard_template_container .row_two .image_container .single_template .touch_hand {
  position: absolute;
  z-index: 900;
  left: 50%;
  top: 50%;
}
.select_teacher_vcard_template_container .row_two .image_container .single_template .touch_hand img {
  width: 45px;
  height: 45px;
}
.select_teacher_vcard_template_container .row_two .image_container .single_template .vcard_name h4 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.2rem auto;
  font-size: 0.8rem;
  font-weight: 550;
  letter-spacing: 1px;
  color: rgb(3, 112, 107);
}
.select_teacher_vcard_template_container .row_two .image_container .single_template .image_box {
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  cursor: pointer;
}
.select_teacher_vcard_template_container .row_two .image_container .single_template .image_box img {
  width: 100%;
  border-radius: 0.5rem;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  transform: translateY(0%);
  transition: all 10s ease;
  scroll-behavior: smooth;
}
.select_teacher_vcard_template_container .row_two .image_container .single_template::-webkit-scrollbar {
  width: 0px;
  height: 0px;
  background-color: #ffffff;
  border-radius: 5px;
}
.select_teacher_vcard_template_container .row_two .image_container .single_template::-webkit-scrollbar-thumb {
  background: #d37ffa;
  border-radius: 2px;
}
.select_teacher_vcard_template_container .row_two .image_container .single_template:hover {
  opacity: 0.8;
  transition: all 0.2s ease-in-out;
}
.select_teacher_vcard_template_container .row_two .image_container .trial_single_template {
  width: 30% !important;
  height: 400px;
  background-color: #ffffff;
  position: relative;
  border-radius: 0.5rem;
  overflow-y: scroll;
  padding: 0px;
  border: 1px solid rgb(214, 214, 214);
  opacity: 1;
  transition: all 0.2s ease-in-out;
  scroll-behavior: smooth;
}
.select_teacher_vcard_template_container .row_two .image_container .trial_single_template .selected_gif {
  position: absolute;
  left: 2%;
  top: 0%;
  z-index: 800;
}
.select_teacher_vcard_template_container .row_two .image_container .trial_single_template .selected_gif img {
  width: 40px;
  height: 40px;
  mix-blend-mode: multiply;
  filter: brightness(100%);
}
.select_teacher_vcard_template_container .row_two .image_container .trial_single_template .touch_hand {
  position: absolute;
  z-index: 900;
  left: 50%;
  top: 50%;
}
.select_teacher_vcard_template_container .row_two .image_container .trial_single_template .touch_hand img {
  width: 45px;
  height: 45px;
}
.select_teacher_vcard_template_container .row_two .image_container .trial_single_template .vcard_name h4 {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.2rem auto;
  font-size: 0.8rem;
  font-weight: 550;
  letter-spacing: 1px;
  color: rgb(3, 112, 107);
}
.select_teacher_vcard_template_container .row_two .image_container .trial_single_template .image_box {
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  cursor: pointer;
}
.select_teacher_vcard_template_container .row_two .image_container .trial_single_template .image_box img {
  width: 100%;
  border-radius: 0.5rem;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  transform: translateY(0%);
  transition: all 10s ease;
  scroll-behavior: smooth;
}
.select_teacher_vcard_template_container .row_two .image_container .trial_single_template::-webkit-scrollbar {
  width: 0px;
  height: 0px;
  background-color: #ffffff;
  border-radius: 5px;
}
.select_teacher_vcard_template_container .row_two .image_container .trial_single_template::-webkit-scrollbar-thumb {
  background: #d37ffa;
  border-radius: 2px;
}
.select_teacher_vcard_template_container .row_two .image_container .trial_single_template:hover {
  opacity: 0.8;
  transition: all 0.2s ease-in-out;
}
.select_teacher_vcard_template_container .row_two .image_container .free_image {
  width: 100% !important;
  height: 95%;
  background-color: #ffffff;
  position: relative;
  border-radius: 0.5rem;
  overflow-y: scroll;
  padding: 0px;
  border: 1px solid rgb(214, 214, 214);
  opacity: 1;
  transition: all 0.2s ease-in-out;
  scroll-behavior: smooth;
}
.select_teacher_vcard_template_container .row_two .image_container .free_image .selected_gif {
  position: absolute;
  right: 2%;
  top: 5%;
  z-index: 800;
}
.select_teacher_vcard_template_container .row_two .image_container .free_image .selected_gif img {
  width: 20px;
  height: 20px;
  mix-blend-mode: multiply;
  filter: brightness(100%);
}
.select_teacher_vcard_template_container .row_two .image_container .free_image .touch_hand {
  position: absolute;
  z-index: 900;
  left: 50%;
  top: 50%;
}
.select_teacher_vcard_template_container .row_two .image_container .free_image .touch_hand img {
  width: 45px;
  height: 45px;
}
.select_teacher_vcard_template_container .row_two .image_container .free_image .image_box {
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  cursor: pointer;
}
.select_teacher_vcard_template_container .row_two .image_container .free_image .image_box img {
  width: 100%;
  border-radius: 0.5rem;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  transform: translateY(0%);
  transition: all 10s ease;
  scroll-behavior: smooth;
}
.select_teacher_vcard_template_container .row_two .image_container .free_image::-webkit-scrollbar {
  width: 0px;
  height: 0px;
  background-color: #ffffff;
  border-radius: 5px;
}
.select_teacher_vcard_template_container .row_two .image_container .free_image::-webkit-scrollbar-thumb {
  background: #d37ffa;
  border-radius: 2px;
}
.select_teacher_vcard_template_container .row_two .image_container .free_image:hover {
  scroll-behavior: smooth;
}
.select_teacher_vcard_template_container .row_two .image_container .free_image:hover img {
  transition: all 10s ease;
  scroll-behavior: smooth;
}
.select_teacher_vcard_template_container .row_two .image_container .free_image:hover {
  opacity: 0.8;
  transition: all 0.2s ease-in-out;
}
.select_teacher_vcard_template_container .row_two .image_container::-webkit-scrollbar {
  display: none;
}
.select_teacher_vcard_template_container .row_two .image_container::-webkit-scrollbar-thumb {
  background: #d37ffa;
  border-radius: 5px;
}
@media screen and (max-width: 700px) {
  .select_teacher_vcard_template_container .row_two .image_container {
    grid-template-columns: 1fr;
    place-items: center;
  }
}
.select_teacher_vcard_template_container .row_two .noplans {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.select_teacher_vcard_template_container .row_two .noplans p {
  font-weight: 500;
  color: red;
  animation: hideshow 1s infinite;
}
@keyframes hideshow {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.select_teacher_vcard_template_container .row_two::-webkit-scrollbar {
  margin-top: 10px;
  width: 4px;
  border-radius: 5px;
  background-color: white;
}
.select_teacher_vcard_template_container .row_two::-webkit-scrollbar-thumb {
  width: 4px;
  border-radius: 4px;
  background-color: darkgray;
}
.select_teacher_vcard_template_container .row_3 {
  width: 100%;
  height: 100%;
  position: relative;
  bottom: 0%;
  right: 0%;
}
.select_teacher_vcard_template_container::-webkit-scrollbar {
  display: none;
}
.select_teacher_vcard_template_container::-webkit-scrollbar-thumb {
  background: #d37ffa;
  border-radius: 5px;
}
@media screen and (max-width: 900px) {
  .select_teacher_vcard_template_container {
    padding: 1rem 0.5rem;
    margin: 5px auto;
  }
}

#templateSelected {
  width: 100%;
  opacity: 1;
}

#selected {
  display: block !important;
}

#saved {
  display: block !important;
}

#unsaved {
  display: block !important;
}

#unselected {
  display: block !important;
}

#savedTemplate {
  display: block !important;
}

#UnsavedTemplate {
  opacity: 0;
}.teacher_basicdetail_container {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 1rem;
}
.teacher_basicdetail_container .new_vcardurl_row_one {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.teacher_basicdetail_container .new_vcardurl_row_one .title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 1rem;
}
.teacher_basicdetail_container .new_vcardurl_row_one .title h5 {
  font-size: 1rem;
  font-weight: 550;
}
.teacher_basicdetail_container .close_new_vcardurl_page {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 1rem;
}
.teacher_basicdetail_container .close_new_vcardurl_page button {
  padding: 6px 1rem;
  background-color: royalblue;
  font-size: 0.9rem;
  font-weight: 500;
  color: #fff;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  transition: all 0.3s ease-in;
}
.teacher_basicdetail_container .close_new_vcardurl_page button i {
  font-size: 1rem;
}
.teacher_basicdetail_container .close_new_vcardurl_page button:hover {
  background-color: rgb(44, 93, 240);
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
  scale: 1.05;
  transition: all 0.3s ease-in;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box {
  width: 100%;
  height: auto;
  padding: 1rem 1rem;
  position: relative;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box .tooltip_banner {
  position: absolute;
  top: -5%;
  left: 22%;
  width: 200px;
  height: 80px;
  z-index: 1000;
  padding: 0.4rem;
  border-radius: 0.3rem;
  background-color: #242424 !important;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box .tooltip_banner .content {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box .tooltip_banner .content small {
  font-size: 0.7rem;
  color: #fff;
  font-weight: 500;
  text-align: center;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box .tooltip_banner .content p {
  font-size: 0.6rem;
  color: #faf627;
  font-weight: 550;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box .tooltip_banner .content p strong {
  color: rgb(255, 255, 255);
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form {
  display: grid;
  width: 100%;
  max-width: 1400px;
  height: 100%;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  gap: 1.5rem 0.5rem;
  background-color: transparent;
  padding: 1rem 1rem;
  border-radius: 0.3rem;
  align-items: flex-start; /* Center all child elements vertically */
  justify-items: flex-start; /* Center items horizontally */
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .form_group {
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  gap: 5px;
  width: 95%;
  align-self: start;
  position: relative;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .form_group label {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 1.2rem;
  font-weight: 550 !important;
  color: rgb(34, 34, 34);
  width: max-width;
  position: relative;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .form_group label sup {
  color: red;
  font-weight: bold;
  margin-left: 3px;
  font-size: 0.8rem;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .form_group label img {
  width: 70px;
  height: 70px;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .form_group label .note {
  width: 18px;
  height: 18px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: 10px;
  background-color: rgb(32, 32, 32);
  padding: 3px;
  border-radius: 50%;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .form_group label .note i {
  color: #fff;
  font-size: 1rem;
  font-weight: 500;
  padding: 3px;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .form_group label .note:hover {
  background-color: #24b41f;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .form_group input[type=text] {
  padding: 8px 1rem;
  width: 100%;
  outline: none;
  border: 1px solid rgb(185, 185, 185);
  border-radius: 5px;
  position: relative;
  font-size: 1rem;
  color: rgb(85, 85, 85);
  font-size: 550;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .form_group input[type=text]::-moz-placeholder {
  font-size: 0.8rem;
  color: gray;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .form_group input[type=text]::placeholder {
  font-size: 0.8rem;
  color: gray;
}
@media screen and (max-width: 776px) {
  .teacher_basicdetail_container .teacher_vcardURL_container_box form .form_group input[type=text] {
    width: 100%;
  }
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .form_group textarea {
  outline: none;
  border: 1px solid gray;
  border-radius: 0.3rem;
}
@media screen and (max-width: 776px) {
  .teacher_basicdetail_container .teacher_vcardURL_container_box form .form_group textarea {
    width: 100%;
  }
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .form_group .double_input {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  flex-direction: row !important;
  width: 100%;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .form_group .VCardName {
  padding: 8px 1rem;
  width: 100%;
  outline: none;
  border: 1px solid rgb(185, 185, 185);
  border-radius: 5px;
  color: rgb(87, 87, 87);
  font-weight: 500;
  position: relative;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .form_group .VCardName option {
  font-size: 0.9rem;
  font-weight: 500;
  border-radius: none;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .form_group .input_error {
  border: 1px solid red !important;
  border-radius: 5px;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .form_group .error {
  position: absolute;
  top: 0%;
  right: 0%;
  color: red;
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .form_group .desc_error {
  position: absolute;
  top: 0%;
  right: 0%;
  color: red;
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .form_group textarea {
  padding: 0.5rem;
  font-size: 0.8rem;
  color: rgb(71, 71, 71);
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .form_group .profile_error,
.teacher_basicdetail_container .teacher_vcardURL_container_box form .form_group .banner_error {
  width: 100%;
  position: relative;
  color: red;
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
@media screen and (max-width: 1100px) {
  .teacher_basicdetail_container .teacher_vcardURL_container_box form .form_group .profile_error,
  .teacher_basicdetail_container .teacher_vcardURL_container_box form .form_group .banner_error {
    bottom: -10%;
  }
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .form_group input[type=file] {
  display: block;
  border: none;
  width: 100%;
  font-size: 0.7rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-weight: 550;
  outline: none;
  color: #03796f;
  cursor: pointer;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .form_group .url_error_handle {
  position: absolute;
  right: 5%;
  bottom: 15%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .form_group .url_error_handle .success {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .form_group .url_error_handle .success i {
  color: green;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .form_group .url_error_handle .success small {
  font-size: 0.8rem;
  color: green;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .form_group .url_error_handle .failure {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .form_group .url_error_handle .failure i {
  color: red;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .form_group .url_error_handle .failure small {
  font-size: 0.8rem;
  color: red;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .form_group .bussiness_list {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
  flex-wrap: wrap;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .form_group .bussiness_list .items {
  padding: 0.4rem 0.3rem;
  background-color: rgb(104, 104, 104);
  font-size: 0.6rem;
  color: #494949 !important;
  font-weight: 550;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 5px;
  border-radius: 0rem;
  min-width: 50px;
  width: -moz-max-content;
  width: max-content;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .form_group .bussiness_list .items small {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0.6rem;
  font-weight: 600;
  color: #ffffff !important;
  letter-spacing: 1px;
  padding: 0px 0.4rem;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .form_group .bussiness_list .items .delete {
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgb(238, 255, 81);
  font-size: 1.4rem;
  cursor: pointer;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .form_group:nth-child(1) {
  place-items: start;
}
@media screen and (max-width: 776px) {
  .teacher_basicdetail_container .teacher_vcardURL_container_box form .form_group {
    width: 80%;
    margin: auto;
  }
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .intrest {
  grid-column: 1/-1;
  display: flex;
  flex-direction: column;
  align-items: start;
  justify-content: start;
  gap: 5px;
  position: relative;
  width: 98% !important;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .intrest .add_btn {
  position: sticky;
  right: 3%;
  top: 38%;
  width: -moz-max-content;
  width: max-content;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: flex-end;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .intrest .add_btn button {
  padding: 6px 1rem;
  background-color: rgb(255, 128, 10);
  font-size: 0.7rem;
  font-weight: 600;
  color: #fff;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  border-radius: 0.3rem;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .intrest .add_btn button i {
  font-size: 0.9rem;
  font-weight: 600;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .intrest .add_btn button:hover {
  background-color: tomato;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .profession {
  grid-column: 1/-1;
  display: flex;
  flex-direction: column;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  gap: 5px;
  width: 98% !important;
  place-items: start;
  position: relative;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .profession #Profession {
  width: 100%;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .editor {
  grid-column: span 1;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .quill {
  border: 1px solid rgb(110, 110, 110) !important;
  height: 250px !important;
  width: 100% !important;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .ql-container {
  border: none;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .image_col_inputs {
  display: flex;
  flex-direction: column !important;
  width: 100%;
  height: 100%;
  align-items: flex-start;
  justify-content: flex-start;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .image_col_inputs .image_upload_type {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .image_col_inputs .image_upload_type .logo_type {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .image_col_inputs .image_upload_type .logo_type select {
  font-size: 0.8rem;
  color: royalblue;
  border: 1px solid gray;
  padding: 8px 1rem;
  width: 100%;
  outline: none;
  border: 1px solid rgb(185, 185, 185);
  border-radius: 5px;
  color: rgb(87, 87, 87);
  font-weight: 500;
  position: relative;
  cursor: pointer;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .image_col_inputs .image_upload_type .logo_type select option {
  font-weight: 500;
  color: rgb(83, 83, 83);
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .image_col_inputs .image_upload_type .banner_type {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .image_col_inputs .image_upload_type .banner_type select {
  font-size: 0.8rem;
  color: royalblue;
  border: 1px solid gray;
  padding: 8px 1rem;
  width: 100%;
  outline: none;
  border: 1px solid rgb(185, 185, 185);
  border-radius: 5px;
  color: rgb(87, 87, 87);
  font-weight: 500;
  position: relative;
  cursor: pointer;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .image_col_inputs .image_upload_type .banner_type select option {
  font-weight: 500;
  color: rgb(83, 83, 83);
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .image_col_inputs .images {
  display: flex;
  align-items: center;
  width: 100%;
  gap: 10px;
  justify-content: space-between;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .image_col_inputs .images .first {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .image_col_inputs .images .first label {
  font-size: 1rem;
  font-weight: 500;
  color: rgb(34, 34, 34) !important;
  position: relative;
  width: 100%;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .image_col_inputs .images .first label sup {
  color: red;
  font-weight: bold;
  margin-left: 3px;
  font-size: 0.6rem;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .image_col_inputs .images .first label .Profile {
  width: 100px;
  height: 100px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 1rem;
  border: 1px solid rgb(161, 161, 161);
  position: relative;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .image_col_inputs .images .first label .clear {
  position: absolute;
  left: 44%;
  top: 0%;
  color: red;
  font-size: 1.2rem;
  cursor: pointer;
  z-index: 100;
  display: none !important;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .image_col_inputs .images .first label .clear:hover {
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .image_col_inputs .images .first label i {
  position: absolute;
  font-size: 1.5rem;
  color: #6571fe;
  left: 40%;
  top: -10%;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .image_col_inputs .images .first p {
  font-size: 0.7rem;
  font-weight: 600;
  color: rgb(31, 31, 31);
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .image_col_inputs .images .first p strong {
  color: rgb(255, 71, 71);
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .image_col_inputs .images .first small {
  font-size: 0.7rem;
  color: gray;
  font-weight: 500;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .image_col_inputs .images .second {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .image_col_inputs .images .second label {
  font-size: 1rem;
  font-weight: 500;
  color: rgb(34, 34, 34) !important;
  width: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .image_col_inputs .images .second label sup {
  color: red;
  font-weight: bold;
  margin-left: 3px;
  font-size: 0.6rem;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .image_col_inputs .images .second label .Banner {
  width: 150px;
  height: 90px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 10px;
  border: 1px solid rgb(161, 161, 161);
  position: relative;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .image_col_inputs .images .second label .clear {
  position: absolute;
  right: 24%;
  top: 0%;
  color: red;
  font-size: 1.2rem;
  cursor: pointer;
  display: none;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .image_col_inputs .images .second label .clear:hover {
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .image_col_inputs .images .second label i {
  position: absolute;
  font-size: 1.5rem;
  color: #6571fe;
  right: 20%;
  top: -13%;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .image_col_inputs .images .second p {
  font-size: 0.7rem;
  font-weight: 600;
  color: rgb(31, 31, 31);
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .image_col_inputs .images .second p strong {
  color: rgb(255, 71, 71);
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .image_col_inputs .images .second small {
  font-size: 0.7rem;
  color: gray;
  font-weight: 500;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .url_link_input_group {
  width: 100% !important;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .url_link_input_group img {
  width: 90px;
  max-width: 90px;
  height: 90px;
  max-height: 90px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 1rem;
  border: 1px solid gray;
  margin-bottom: 15px;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .url_link_input_group .banner_address_image {
  width: 150px;
  height: 90px;
  max-width: 150px;
  max-height: 90px;
  border-radius: 10px;
  -o-object-fit: cover;
     object-fit: cover;
  border: 1px solid gray;
  margin-bottom: 15px;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .url_link_input_group label {
  font-size: 1rem;
  font-weight: 550;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .url_link_input_group input {
  padding: 8px 1rem !important;
  font-size: 0.7rem;
  position: relative;
  font-size: 550 !important;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .url_link_input_group .clear_action {
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .url_link_input_group .clear_action .clear_btn {
  background-color: tomato;
  color: #fff;
  font-size: 0.9rem;
  padding: 0.2rem 1rem;
  outline: none;
  border: none;
  border-radius: 0.2rem;
  cursor: pointer;
  font-weight: 550;
  transition: all 0.5s ease;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .url_link_input_group .clear_action .clear_btn:hover {
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
  transition: all 0.5s ease;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .form2_title {
  width: 100%;
  display: flex;
  grid-column: 1/-1;
  align-items: center;
  justify-content: flex-start;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .form2_title h4 {
  font-size: 0.9rem;
  font-weight: 550;
  color: #383838;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .form_group {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 5px;
  width: 95%;
  margin: auto;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .form_group label {
  font-size: 0.9rem;
  font-weight: 500;
  color: rgb(48, 48, 48);
  width: 100%;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .form_group label sup {
  color: red;
  font-weight: bold;
  margin-left: 3px;
  font-size: 0.6rem;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .form_group label img {
  width: 70px;
  height: 70px;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .form_group small {
  font-size: 0.8rem;
  color: gray;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .form_group input[type=text],
.teacher_basicdetail_container .teacher_vcardURL_container_box form .form_group input[type=email],
.teacher_basicdetail_container .teacher_vcardURL_container_box form .form_group input[type=tel] {
  padding: 8px 1rem;
  width: 100%;
  outline: none;
  border: 1px solid rgb(185, 185, 185);
  border-radius: 5px;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .form_group input[type=text]::-moz-placeholder, .teacher_basicdetail_container .teacher_vcardURL_container_box form .form_group input[type=email]::-moz-placeholder, .teacher_basicdetail_container .teacher_vcardURL_container_box form .form_group input[type=tel]::-moz-placeholder {
  font-size: 0.8rem;
  color: gray;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .form_group input[type=text]::placeholder,
.teacher_basicdetail_container .teacher_vcardURL_container_box form .form_group input[type=email]::placeholder,
.teacher_basicdetail_container .teacher_vcardURL_container_box form .form_group input[type=tel]::placeholder {
  font-size: 0.8rem;
  color: gray;
}
@media screen and (max-width: 776px) {
  .teacher_basicdetail_container .teacher_vcardURL_container_box form .form_group input[type=text],
  .teacher_basicdetail_container .teacher_vcardURL_container_box form .form_group input[type=email],
  .teacher_basicdetail_container .teacher_vcardURL_container_box form .form_group input[type=tel] {
    width: 100%;
  }
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .form_group .first label,
.teacher_basicdetail_container .teacher_vcardURL_container_box form .form_group .second label {
  font-size: 0.9rem;
  font-weight: 500;
  color: rgb(105, 104, 104);
  width: 100%;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .form_group .first label sup,
.teacher_basicdetail_container .teacher_vcardURL_container_box form .form_group .second label sup {
  color: red;
  font-weight: bold;
  margin-left: 3px;
  font-size: 0.8rem;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .form_group .first label img,
.teacher_basicdetail_container .teacher_vcardURL_container_box form .form_group .second label img {
  width: 90px;
  height: 90px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 50%;
  border: 2px solid skyblue;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .form_group input[type=file] {
  display: block;
  border: none;
  width: 100%;
  font-size: 0.7rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-weight: 550;
  outline: none;
  color: #03796f;
  cursor: pointer;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .actions {
  display: flex;
  align-self: center !important;
  justify-content: flex-start;
  gap: 5px;
  width: 100%;
  height: 50px;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .actions p {
  font-size: 0.9rem;
  font-weight: 500;
  height: 100%;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .actions input[type=checkbox] {
  width: 20px;
  height: 20px;
  border: 2px solid #6a74fc;
  border-radius: 4px;
  outline: none;
  cursor: pointer;
  position: relative;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .actions input[type=checkbox]:checked {
  background-color: #007bff;
  border: 2px solid #007bff;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .actions .on {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.9rem;
  color: royalblue;
  cursor: pointer;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .actions .off {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2.9rem;
  color: #6c757d;
  cursor: pointer;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .form_submit_actions {
  display: flex;
  grid-column: 1/-1;
  width: 100%;
  align-items: center;
  justify-content: flex-end;
  gap: 2rem;
  padding: 0px 2rem;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .form_submit_actions button {
  outline: none;
  border: transparent;
  padding: 5px 2rem;
  border-radius: 5px;
  font-weight: 500;
  font-size: 0.9rem;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .form_submit_actions .save {
  background-color: royalblue;
  color: #fff;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .form_submit_actions .save:hover {
  background-color: rgb(105, 141, 248);
  box-shadow: 0px 4px 4px rgb(124, 124, 124);
  transition: all 0.3s ease;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .form_submit_actions .clear {
  background-color: tomato;
  color: #fff;
  transition: all 0.3s ease;
  display: none;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .form_submit_actions .clear:hover {
  background-color: rgb(207, 83, 245);
  box-shadow: 0px 4px 4px rgb(124, 124, 124);
  transition: all 0.3s ease;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .form_submit_actions .discard {
  background-color: rgb(138, 138, 138);
  color: #ffffff;
  transition: all 0.3s ease;
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form .form_submit_actions .discard:hover {
  box-shadow: 0px 4px 4px rgb(165, 165, 165);
  background-color: rgb(92, 92, 92);
  transition: all 0.3s ease;
}
@media screen and (max-width: 776px) {
  .teacher_basicdetail_container .teacher_vcardURL_container_box form .form_submit_actions {
    padding: 0rem 0px 1rem 0px;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: flex-start;
    display: flex;
    width: 100%;
  }
}
.teacher_basicdetail_container .teacher_vcardURL_container_box form::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 600px) {
  .teacher_basicdetail_container .teacher_vcardURL_container_box form {
    width: 100%;
    padding: 0px;
    grid-template-columns: 1fr;
    max-width: 100%;
  }
  .teacher_basicdetail_container .teacher_vcardURL_container_box {
    padding: 0px;
  }
  .teacher_basicdetail_container {
    padding: 0px 0px;
    margin: auto;
  }
}.teacher_articledetail_container {
  position: relative;
  width: 100%;
  height: 100%;
  max-height: 100%;
  padding: 1rem;
}
.teacher_articledetail_container .new_vcardurl_row_one {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.teacher_articledetail_container .new_vcardurl_row_one .title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding-left: 1rem;
}
.teacher_articledetail_container .new_vcardurl_row_one .title h5 {
  font-size: 1rem;
  font-weight: 550;
}
.teacher_articledetail_container .close_new_vcardurl_page {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 1rem;
}
.teacher_articledetail_container .close_new_vcardurl_page button {
  padding: 6px 1rem;
  background-color: royalblue;
  font-size: 0.9rem;
  font-weight: 500;
  color: #fff;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  transition: all 0.3s ease-in;
}
.teacher_articledetail_container .close_new_vcardurl_page button i {
  font-size: 1rem;
}
.teacher_articledetail_container .close_new_vcardurl_page button:hover {
  background-color: rgb(44, 93, 240);
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
  scale: 1.05;
  transition: all 0.3s ease-in;
}
.teacher_articledetail_container .new_vcardURL_container_box {
  width: 100%;
  height: auto;
  padding: 1rem 1rem;
  position: relative;
}
.teacher_articledetail_container .new_vcardURL_container_box .tooltip_banner {
  position: absolute;
  top: -5%;
  left: 22%;
  width: 200px;
  height: 80px;
  z-index: 1000;
  padding: 0.4rem;
  border-radius: 0.3rem;
  background-color: #242424 !important;
}
.teacher_articledetail_container .new_vcardURL_container_box .tooltip_banner .content {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.teacher_articledetail_container .new_vcardURL_container_box .tooltip_banner .content small {
  font-size: 0.7rem;
  color: #fff;
  font-weight: 500;
  text-align: center;
}
.teacher_articledetail_container .new_vcardURL_container_box .tooltip_banner .content p {
  font-size: 0.6rem;
  color: #faf627;
  font-weight: 550;
}
.teacher_articledetail_container .new_vcardURL_container_box .tooltip_banner .content p strong {
  color: rgb(255, 255, 255);
}
.teacher_articledetail_container .new_vcardURL_container_box form {
  display: grid;
  width: 100%;
  max-width: 1400px;
  height: auto;
  overflow-y: scroll;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  place-items: start;
  margin: auto;
  background-color: transparent;
  padding: 0rem 1rem;
  border-radius: 0.3rem;
  overflow-x: hidden;
  gap: 10px;
}
.teacher_articledetail_container .new_vcardURL_container_box form .profession {
  grid-column: 1/-1;
  display: flex;
  flex-direction: column;
  align-items: flex-start !important;
  justify-content: flex-start !important;
  width: 95% !important;
  place-items: start;
  position: relative;
}
.teacher_articledetail_container .new_vcardURL_container_box form .profession #Profession {
  width: 100%;
}
.teacher_articledetail_container .new_vcardURL_container_box form .editor {
  grid-column: span 1;
}
.teacher_articledetail_container .new_vcardURL_container_box form .form2_title {
  width: 100%;
  display: flex;
  grid-column: 1/-1;
  align-items: center;
  justify-content: flex-start;
}
.teacher_articledetail_container .new_vcardURL_container_box form .form2_title h4 {
  font-size: 0.9rem;
  font-weight: 550;
  color: #383838;
}
.teacher_articledetail_container .new_vcardURL_container_box form .form_group {
  display: flex;
  position: relative;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 5px;
  width: 100%;
  margin: auto;
  overflow-x: hidden;
}
.teacher_articledetail_container .new_vcardURL_container_box form .form_group .error {
  padding: 0px;
}
.teacher_articledetail_container .new_vcardURL_container_box form .form_group label {
  font-size: 0.9rem;
  font-weight: 500;
  color: rgb(48, 48, 48);
  width: 100%;
}
.teacher_articledetail_container .new_vcardURL_container_box form .form_group label sup {
  color: red;
  font-weight: bold;
  margin-left: 3px;
  font-size: 0.6rem;
}
.teacher_articledetail_container .new_vcardURL_container_box form .form_group label img {
  width: 70px;
  height: 70px;
}
@media screen and (max-width: 776px) {
  .teacher_articledetail_container .new_vcardURL_container_box form .form_group label {
    width: 100%;
  }
}
.teacher_articledetail_container .new_vcardURL_container_box form .form_group small {
  font-size: 0.8rem;
  color: gray;
}
.teacher_articledetail_container .new_vcardURL_container_box form .form_group input[type=text],
.teacher_articledetail_container .new_vcardURL_container_box form .form_group input[type=email],
.teacher_articledetail_container .new_vcardURL_container_box form .form_group input[type=tel], .teacher_articledetail_container .new_vcardURL_container_box form .form_group input[type=date], .teacher_articledetail_container .new_vcardURL_container_box form .form_group input[type=number] {
  padding: 8px 1rem;
  width: 90%;
  outline: none;
  border: 1px solid rgb(185, 185, 185);
  border-radius: 5px;
}
.teacher_articledetail_container .new_vcardURL_container_box form .form_group input[type=text]::-moz-placeholder, .teacher_articledetail_container .new_vcardURL_container_box form .form_group input[type=email]::-moz-placeholder, .teacher_articledetail_container .new_vcardURL_container_box form .form_group input[type=tel]::-moz-placeholder, .teacher_articledetail_container .new_vcardURL_container_box form .form_group input[type=date]::-moz-placeholder, .teacher_articledetail_container .new_vcardURL_container_box form .form_group input[type=number]::-moz-placeholder {
  font-size: 0.8rem;
  color: gray;
}
.teacher_articledetail_container .new_vcardURL_container_box form .form_group input[type=text]::placeholder,
.teacher_articledetail_container .new_vcardURL_container_box form .form_group input[type=email]::placeholder,
.teacher_articledetail_container .new_vcardURL_container_box form .form_group input[type=tel]::placeholder, .teacher_articledetail_container .new_vcardURL_container_box form .form_group input[type=date]::placeholder, .teacher_articledetail_container .new_vcardURL_container_box form .form_group input[type=number]::placeholder {
  font-size: 0.8rem;
  color: gray;
}
@media screen and (max-width: 776px) {
  .teacher_articledetail_container .new_vcardURL_container_box form .form_group input[type=text],
  .teacher_articledetail_container .new_vcardURL_container_box form .form_group input[type=email],
  .teacher_articledetail_container .new_vcardURL_container_box form .form_group input[type=tel], .teacher_articledetail_container .new_vcardURL_container_box form .form_group input[type=date], .teacher_articledetail_container .new_vcardURL_container_box form .form_group input[type=number] {
    width: 100%;
  }
}
.teacher_articledetail_container .new_vcardURL_container_box form .form_group input[type=file] {
  display: block;
  border: none;
  width: 95%;
  font-size: 0.7rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-weight: 550;
  outline: none;
  color: #03796f;
  cursor: pointer;
}
@media screen and (max-width: 776px) {
  .teacher_articledetail_container .new_vcardURL_container_box form .form_group {
    width: 95%;
  }
}
.teacher_articledetail_container .new_vcardURL_container_box form .form_submit_actions {
  display: flex;
  grid-column: 1/-1;
  width: 100%;
  align-items: center;
  justify-content: flex-end;
  gap: 2rem;
  padding: 0px 2rem;
}
.teacher_articledetail_container .new_vcardURL_container_box form .form_submit_actions button {
  outline: none;
  border: transparent;
  padding: 5px 2rem;
  border-radius: 5px;
  font-weight: 500;
  font-size: 0.9rem;
}
.teacher_articledetail_container .new_vcardURL_container_box form .form_submit_actions .save {
  background-color: royalblue;
  color: #fff;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.teacher_articledetail_container .new_vcardURL_container_box form .form_submit_actions .save:hover {
  background-color: rgb(105, 141, 248);
  box-shadow: 0px 4px 4px rgb(124, 124, 124);
  transition: all 0.3s ease;
}
.teacher_articledetail_container .new_vcardURL_container_box form .form_submit_actions .clear {
  background-color: tomato;
  color: #fff;
  transition: all 0.3s ease;
  display: none;
}
.teacher_articledetail_container .new_vcardURL_container_box form .form_submit_actions .clear:hover {
  background-color: rgb(207, 83, 245);
  box-shadow: 0px 4px 4px rgb(124, 124, 124);
  transition: all 0.3s ease;
}
.teacher_articledetail_container .new_vcardURL_container_box form .form_submit_actions .discard {
  background-color: rgb(138, 138, 138);
  color: #ffffff;
  transition: all 0.3s ease;
}
.teacher_articledetail_container .new_vcardURL_container_box form .form_submit_actions .discard:hover {
  box-shadow: 0px 4px 4px rgb(165, 165, 165);
  background-color: rgb(92, 92, 92);
  transition: all 0.3s ease;
}
@media screen and (max-width: 776px) {
  .teacher_articledetail_container .new_vcardURL_container_box form .form_submit_actions {
    flex-direction: row-reverse;
    justify-content: flex-start;
    width: 100%;
  }
}
.teacher_articledetail_container .new_vcardURL_container_box form::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 776px) {
  .teacher_articledetail_container .new_vcardURL_container_box form {
    width: 100%;
    max-width: 100%;
    padding: 0px;
    margin: auto;
    grid-template-columns: 1fr;
  }
  .teacher_articledetail_container .new_vcardURL_container_box {
    padding: 0px;
  }
}
.teacher_articledetail_container .All_articles_container {
  width: 100%;
  padding: 10px;
  height: auto;
}
.teacher_articledetail_container .All_articles_container .title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.teacher_articledetail_container .All_articles_container .title h2 {
  font-size: 1.3rem;
  color: gray;
}
.teacher_articledetail_container .All_articles_container .title i {
  font-size: 2rem;
  color: gray;
}
.teacher_articledetail_container .All_articles_container .article_publishing_container {
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.5rem;
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 0.5rem;
}
.teacher_articledetail_container .All_articles_container .article_publishing_container .paper {
  width: 100%;
  padding: 0.3rem 1rem;
  min-height: 200px;
  height: auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
.teacher_articledetail_container .All_articles_container .article_publishing_container .paper .paper_title p {
  color: #002185;
  font-size: 1rem;
}
.teacher_articledetail_container .All_articles_container .article_publishing_container .paper .paper_title p:hover {
  text-decoration: underline;
}
.teacher_articledetail_container .All_articles_container .article_publishing_container .paper .author {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
}
.teacher_articledetail_container .All_articles_container .article_publishing_container .paper .author .name {
  flex: 0.9;
}
.teacher_articledetail_container .All_articles_container .article_publishing_container .paper .author .name p {
  font-size: 0.9rem;
  font-weight: 500;
  color: gray;
}
.teacher_articledetail_container .All_articles_container .article_publishing_container .paper .author .date {
  flex: 0.3;
}
.teacher_articledetail_container .All_articles_container .article_publishing_container .paper .author .date small {
  font-size: 0.8rem;
  color: #44885b;
  font-weight: 600;
}
.teacher_articledetail_container .All_articles_container .article_publishing_container .paper .date {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.teacher_articledetail_container .All_articles_container .article_publishing_container .paper .date small {
  font-weight: 550;
  font-size: 0.6rem;
}
.teacher_articledetail_container .All_articles_container .article_publishing_container .paper .journal p {
  font-size: 1rem;
  color: #383838;
}
.teacher_articledetail_container .All_articles_container .article_publishing_container .paper .details {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}
.teacher_articledetail_container .All_articles_container .article_publishing_container .paper .details .issue p {
  font-size: 0.9rem;
}
.teacher_articledetail_container .All_articles_container .article_publishing_container .paper .publisher p {
  font-size: 0.8rem;
}
.teacher_articledetail_container .All_articles_container .article_publishing_container .paper .pages {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.teacher_articledetail_container .All_articles_container .article_publishing_container .paper .pages small {
  font-size: 0.8rem;
  color: #6a74fc;
}
.teacher_articledetail_container .All_articles_container .article_publishing_container .paper .actions {
  width: 100%;
  padding: 0.2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.teacher_articledetail_container .All_articles_container .article_publishing_container .paper .actions .delete {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.teacher_articledetail_container .All_articles_container .article_publishing_container .paper .actions .delete i {
  font-size: 1.5rem;
  color: red;
}
.teacher_articledetail_container .All_articles_container .article_publishing_container .paper .actions .delete i:hover {
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
  scale: 1.05;
}
.teacher_articledetail_container .All_articles_container .article_publishing_container .paper .actions .delete small {
  font-size: 0.6rem;
  font-weight: 500;
}
.teacher_articledetail_container .All_articles_container .article_publishing_container .paper .actions .edit {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.teacher_articledetail_container .All_articles_container .article_publishing_container .paper .actions .edit i {
  font-size: 1.5rem;
  color: rgb(82, 82, 82);
}
.teacher_articledetail_container .All_articles_container .article_publishing_container .paper .actions .edit i:hover {
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
  scale: 1.05;
}
.teacher_articledetail_container .All_articles_container .article_publishing_container .paper .actions .edit small {
  font-size: 0.6rem;
  font-weight: 500;
}
@media screen and (max-width: 776px) {
  .teacher_articledetail_container .All_articles_container .article_publishing_container {
    grid-template-columns: 1fr;
  }
}
.teacher_articledetail_container .All_articles_container small {
  width: 100%;
  margin: 1rem auto;
  display: flex;
  align-items: center;
  justify-content: center;
  color: red;
}
@media screen and (max-width: 600px) {
  .teacher_articledetail_container {
    padding: 10px 0px;
  }
}.teacher_socialmedia_component {
  width: 100%;
  height: 100%;
  padding: 1rem;
  position: relative;
}
.teacher_socialmedia_component .title {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.teacher_socialmedia_component .title h6 {
  font-weight: 550;
}
.teacher_socialmedia_component .title .note small {
  font-size: 0.8rem;
  color: rgb(136, 136, 136);
}
.teacher_socialmedia_component .title .note small span:nth-child(1) {
  color: red;
  font-weight: bold;
  padding-right: 10px;
}
.teacher_socialmedia_component .title .note small span:nth-child(2) {
  color: rgb(40, 139, 102);
  font-weight: bold;
}
.teacher_socialmedia_component .title .note small span:nth-child(3) {
  color: rgb(98, 101, 245);
  font-weight: 550;
}
.teacher_socialmedia_component .all_socialmedias {
  width: 100%;
  padding: 1rem;
}
.teacher_socialmedia_component .all_socialmedias form {
  width: 50%;
  display: grid;
  grid-template-columns: 1fr;
  gap: 2rem;
  place-items: start;
}
.teacher_socialmedia_component .all_socialmedias form .form_group {
  width: 100%;
  height: 40px;
  display: flex;
  align-self: flex-start;
  flex-direction: column;
  justify-content: flex-start;
  gap: 0rem;
  position: relative;
}
.teacher_socialmedia_component .all_socialmedias form .form_group label {
  height: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
  font-size: 0.7rem;
  font-weight: 600;
  padding: 5px 0px;
  color: rgb(73, 73, 73);
}
.teacher_socialmedia_component .all_socialmedias form .form_group label i {
  height: 100%;
  font-size: 2.5rem;
  display: flex;
  align-self: center;
  justify-content: flex-start;
  vertical-align: middle;
}
.teacher_socialmedia_component .all_socialmedias form .form_group label small {
  color: tomato;
  font-size: 0.6rem;
  font-weight: 550;
}
.teacher_socialmedia_component .all_socialmedias form .form_group input {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 15px 1rem 15px 3rem;
  border: 1px solid rgb(190, 190, 190);
  outline: none;
  border-radius: 5px;
  width: 100%;
  position: relative;
  color: rgb(70, 70, 70);
  font-size: 1rem;
}
.teacher_socialmedia_component .all_socialmedias form .form_group input::-moz-placeholder {
  font-size: 0.8rem;
  color: gray;
}
.teacher_socialmedia_component .all_socialmedias form .form_group input::placeholder {
  font-size: 0.8rem;
  color: gray;
}
.teacher_socialmedia_component .all_socialmedias form .form_group #WhatsUp {
  border: 1px solid rgb(190, 190, 190) !important;
}
.teacher_socialmedia_component .all_socialmedias form .form_group .icon {
  position: absolute;
  top: 65%;
  left: 0%;
  background-color: rgb(255, 255, 255);
  border: 1px solid rgb(190, 190, 190);
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-radius: 5px;
}
.teacher_socialmedia_component .all_socialmedias form .form_group .icon i {
  height: 100%;
  font-size: 2.4rem;
  display: flex;
  align-self: center;
  justify-content: flex-start;
  vertical-align: middle;
}
.teacher_socialmedia_component .all_socialmedias form .form_group .input_error {
  border: 1px solid red !important;
  border-radius: 5px;
}
.teacher_socialmedia_component .all_socialmedias form .form_group .input_success {
  border: 1px solid rgb(110, 110, 110) !important;
  border-radius: 5px;
}
.teacher_socialmedia_component .all_socialmedias form .form_group .error {
  position: absolute;
  top: -5%;
  right: 3%;
  color: red;
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
.teacher_socialmedia_component .all_socialmedias form .form_group:nth-child(1) .icon i {
  color: #0866FF;
}
.teacher_socialmedia_component .all_socialmedias form .form_group:nth-child(2) .icon i {
  color: #43ad6c;
}
.teacher_socialmedia_component .all_socialmedias form .form_group:nth-child(3) .icon i {
  color: #5C5EC1;
}
.teacher_socialmedia_component .all_socialmedias form .form_group:nth-child(4) .icon i {
  color: #b16c05;
}
.teacher_socialmedia_component .all_socialmedias form .form_group:nth-child(5) .icon i {
  color: #03A9F4;
}
.teacher_socialmedia_component .all_socialmedias form .form_group:nth-child(6) .icon i {
  color: #363636;
}
.teacher_socialmedia_component .all_socialmedias form .form_group:nth-child(7) .icon i {
  color: #FF3D00;
}
.teacher_socialmedia_component .all_socialmedias form .form_submit_actions {
  display: flex;
  align-items: center;
  width: 100%;
  grid-column: 1/-1;
  justify-content: flex-end;
  gap: 1rem;
  margin: 1rem 0px;
}
.teacher_socialmedia_component .all_socialmedias form .form_submit_actions .save button {
  outline: none;
  border: transparent;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 7px 1rem;
  border-radius: 5px;
  font-weight: 500;
  font-size: 0.9rem;
  background-color: royalblue;
  color: #fff;
  transition: all 0.3s ease;
}
.teacher_socialmedia_component .all_socialmedias form .form_submit_actions .save button span {
  font-size: 1.2rem;
}
.teacher_socialmedia_component .all_socialmedias form .form_submit_actions .save button:hover {
  background-color: rgb(105, 141, 248);
  box-shadow: 0px 4px 4px rgb(124, 124, 124);
  transition: all 0.3s ease;
}
.teacher_socialmedia_component .all_socialmedias form .form_submit_actions .save button:hover span {
  transform: rotate(360deg);
  transition: transform 0.5s ease-in-out;
}
.teacher_socialmedia_component .all_socialmedias form .form_submit_actions .discard button {
  outline: none;
  padding: 8px 1rem;
  border: transparent;
  background-color: #727272;
  border-radius: 5px;
  color: #fff;
  transition: all 0.3s ease;
}
.teacher_socialmedia_component .all_socialmedias form .form_submit_actions .discard button:hover {
  background-color: #9c9c9c;
  transition: all 0.3s ease;
}
@media screen and (max-width: 700px) {
  .teacher_socialmedia_component .all_socialmedias form .form_submit_actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 1rem;
    width: 100%;
  }
  .teacher_socialmedia_component .all_socialmedias form {
    grid-template-columns: 1fr;
    place-items: center;
    width: 100%;
    padding: 0px;
  }
}
@media screen and (max-width: 600px) {
  .teacher_socialmedia_component .all_socialmedias {
    margin: auto;
    width: 100%;
    padding: 0px;
  }
}
@media screen and (max-width: 776px) {
  .teacher_socialmedia_component {
    padding: 0.7rem 0.2rem;
  }
}.teacher_gallery_container {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 1rem;
}
.teacher_gallery_container .Image_Full_view {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 500px;
  height: 350px;
  background-color: #fff;
  border-radius: 0.5rem;
  z-index: 900;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.3);
}
.teacher_gallery_container .Image_Full_view .close_image {
  position: absolute;
  top: 5%;
  right: 4%;
}
.teacher_gallery_container .Image_Full_view .close_image i {
  font-size: 1.5rem;
  cursor: pointer;
  color: rgb(226, 57, 57);
  transition: all 0.4s ease-in-out;
}
.teacher_gallery_container .Image_Full_view .close_image i:hover {
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
  scale: 1.05;
  transition: all 0.4s ease-in-out;
}
.teacher_gallery_container .Image_Full_view img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 0.5rem;
}
.teacher_gallery_container .image_title {
  width: 100%;
  display: flex;
  grid-column: 1/-1;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 0rem;
}
.teacher_gallery_container .image_title h4 {
  font-size: 1.2rem;
  font-weight: 550;
  color: #525252;
}
.teacher_gallery_container .plan_based_service_add_note {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 1rem 0px;
}
.teacher_gallery_container .plan_based_service_add_note .note {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.teacher_gallery_container .plan_based_service_add_note .note i {
  font-size: 1.3rem;
  color: rgb(94, 94, 94);
}
.teacher_gallery_container .plan_based_service_add_note .note small {
  font-size: 0.8rem;
  font-weight: 550;
  color: #427dfa !important;
}
.teacher_gallery_container .plan_based_service_add_note .note small strong {
  color: #464545;
}
.teacher_gallery_container .add_new_gallery {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
}
.teacher_gallery_container .add_new_gallery button {
  outline: none;
  border: transparent;
  border-radius: 5px;
  padding: 7px 1rem;
  font-weight: 500;
  background-color: #6571ff;
  color: #fff;
  font-size: 0.9rem;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.teacher_gallery_container .add_new_gallery button i {
  font-size: 1.4rem;
  font-weight: 550;
}
.teacher_gallery_container .add_new_gallery button:hover {
  box-shadow: 0px 2px 3px rgb(0, 0, 0.1);
  background-color: #6571ff;
  color: rgb(255, 255, 255);
  font-weight: 500;
  transition: all 0.3s ease;
}
.teacher_gallery_container .All_gallery_container {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
  place-items: center;
  margin: 1rem auto;
}
.teacher_gallery_container .All_gallery_container .video_box {
  width: 200px;
  height: auto;
  background-color: rgb(243, 243, 243);
  border-radius: 0.5rem;
  box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
  margin: auto;
}
.teacher_gallery_container .All_gallery_container .video_box .video_header {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  width: 100%;
}
.teacher_gallery_container .All_gallery_container .video_box .video_header h2 {
  font-size: 0.9rem;
  font-weight: 550;
  color: royalblue;
}
.teacher_gallery_container .All_gallery_container .video_box .video {
  width: 95%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}
.teacher_gallery_container .All_gallery_container .video_box .video iframe {
  width: 100%;
  height: 140px;
  border-radius: 0.6rem;
}
.teacher_gallery_container .All_gallery_container .video_box .video img {
  width: 100%;
  border-radius: 0.5rem;
  height: 150px;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 776px) {
  .teacher_gallery_container .All_gallery_container .video_box .video img {
    width: 100%;
    height: -moz-max-content;
    height: max-content;
  }
}
.teacher_gallery_container .All_gallery_container .video_box .icon_actions {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1rem;
  height: 50px;
}
.teacher_gallery_container .All_gallery_container .video_box .icon_actions .edit, .teacher_gallery_container .All_gallery_container .video_box .icon_actions .delete {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  flex-direction: column;
}
.teacher_gallery_container .All_gallery_container .video_box .icon_actions .edit i, .teacher_gallery_container .All_gallery_container .video_box .icon_actions .delete i {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-size: 1.5rem;
  margin-right: 10px;
  cursor: pointer;
  transition: all 0.3s ease-in;
}
.teacher_gallery_container .All_gallery_container .video_box .icon_actions .edit i:hover, .teacher_gallery_container .All_gallery_container .video_box .icon_actions .delete i:hover {
  scale: 1.1;
  filter: drop-shadow(0px 3px 4px rgba(0, 0, 0, 0.3));
  transition: all 0.3s ease-in;
}
.teacher_gallery_container .All_gallery_container .video_box .icon_actions .edit small, .teacher_gallery_container .All_gallery_container .video_box .icon_actions .delete small {
  font-size: 0.6rem;
  font-weight: 550;
}
.teacher_gallery_container .All_gallery_container .video_box:hover {
  background-color: rgb(231, 231, 231);
}
@media screen and (max-width: 776px) {
  .teacher_gallery_container .All_gallery_container .video_box {
    width: 100%;
  }
}
.teacher_gallery_container .All_gallery_container .no_gallery {
  width: 100%;
  grid-column: 1/-1;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 1rem auto;
}
.teacher_gallery_container .All_gallery_container .no_gallery small {
  font-size: 0.9rem;
  font-weight: 550;
  color: gray;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 1400px) {
  .teacher_gallery_container .All_gallery_container {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
.teacher_gallery_container .deleteall_btn {
  width: 100%;
  grid-column: 1/-1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 1rem;
}
.teacher_gallery_container .deleteall_btn button {
  padding: 0.4rem 1rem;
  background-color: tomato;
  color: #fff;
  font-size: 0.8rem;
  font-weight: 550;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.teacher_gallery_container .deleteall_btn button:hover {
  background-color: rgb(255, 81, 50);
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
}
.teacher_gallery_container .gallery_list_table {
  margin: 0.5rem auto;
  padding: 1rem 0.2rem;
  z-index: 900;
  width: 100%;
}
.teacher_gallery_container .gallery_list_table table {
  min-width: 100%;
  border-collapse: collapse;
}
.teacher_gallery_container .gallery_list_table table thead tr th {
  text-align: center;
  padding: 0.7rem 0.5rem;
  font-size: 0.7rem;
  background-color: #427dfa !important;
  font-weight: 550 !important;
  letter-spacing: 1px;
  color: rgb(255, 255, 255);
  background-color: rgb(248, 248, 248);
}
.teacher_gallery_container .gallery_list_table table tbody p {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 10px;
  width: 100%;
  font-size: 0.8rem;
  font-weight: 550;
  color: tomato;
  vertical-align: middle;
}
.teacher_gallery_container .gallery_list_table table tbody tr td {
  padding: 0.5rem;
  font-size: 0.8rem;
  text-align: center;
  font-weight: bold;
  background-color: rgb(199, 255, 199);
  color: rgb(43, 43, 43);
  border-top: 1px solid #dddddd;
}
.teacher_gallery_container .gallery_list_table table tbody tr td img {
  width: 100px;
  height: 60px;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
  border: 1px solid lightcyan;
  border-radius: 5px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.teacher_gallery_container .gallery_list_table table tbody tr td i {
  font-size: 1.5rem;
  margin-right: 10px;
  cursor: pointer;
}
.teacher_gallery_container .gallery_list_table table tbody tr td i:hover {
  filter: drop-shadow(0px 3px 4px rgba(0, 0, 0, 0.3));
}
@media screen and (max-width: 600px) {
  .teacher_gallery_container .gallery_list_table table {
    min-width: 130%;
  }
}
.teacher_gallery_container #shadow_background {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 8%;
  left: 0%;
  background-color: rgba(61, 61, 61, 0.6039215686);
  transition: all 0.4s ease-in;
  overflow-y: scroll;
}
.teacher_gallery_container #shadow_background::-webkit-scrollbar {
  width: 4px;
  background-color: rgba(61, 61, 61, 0.6039215686);
}
.teacher_gallery_container #shadow_background::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #6571ff;
}
.teacher_gallery_container .create_new_gallerycontainer, .teacher_gallery_container .update_new_gallerycontainer {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.teacher_gallery_container .create_new_gallerycontainer .create_new_gellery_box, .teacher_gallery_container .create_new_gallerycontainer .update_new_gellery_box, .teacher_gallery_container .update_new_gallerycontainer .create_new_gellery_box, .teacher_gallery_container .update_new_gallerycontainer .update_new_gellery_box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 30%;
  max-width: 50% !important;
  margin: 1rem auto;
  padding: 1rem;
  place-items: center;
  height: auto;
  background-color: #fff;
  box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  z-index: 700;
}
.teacher_gallery_container .create_new_gallerycontainer .create_new_gellery_box .title, .teacher_gallery_container .create_new_gallerycontainer .update_new_gellery_box .title, .teacher_gallery_container .update_new_gallerycontainer .create_new_gellery_box .title, .teacher_gallery_container .update_new_gallerycontainer .update_new_gellery_box .title {
  display: flex;
  align-self: center;
  justify-content: space-between;
  width: 100%;
  height: 50px;
  border-bottom: 1px solid rgb(231, 231, 231);
}
.teacher_gallery_container .create_new_gallerycontainer .create_new_gellery_box .title p, .teacher_gallery_container .create_new_gallerycontainer .update_new_gellery_box .title p, .teacher_gallery_container .update_new_gallerycontainer .create_new_gellery_box .title p, .teacher_gallery_container .update_new_gallerycontainer .update_new_gellery_box .title p {
  font-weight: 500;
  font-size: 1.1rem;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.teacher_gallery_container .create_new_gallerycontainer .create_new_gellery_box .title i, .teacher_gallery_container .create_new_gallerycontainer .update_new_gellery_box .title i, .teacher_gallery_container .update_new_gallerycontainer .create_new_gellery_box .title i, .teacher_gallery_container .update_new_gallerycontainer .update_new_gellery_box .title i {
  font-size: 2rem;
  color: gray;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.teacher_gallery_container .create_new_gallerycontainer .create_new_gellery_box .title i:hover, .teacher_gallery_container .create_new_gallerycontainer .update_new_gellery_box .title i:hover, .teacher_gallery_container .update_new_gallerycontainer .create_new_gellery_box .title i:hover, .teacher_gallery_container .update_new_gallerycontainer .update_new_gellery_box .title i:hover {
  color: red;
}
.teacher_gallery_container .create_new_gallerycontainer .create_new_gellery_box form, .teacher_gallery_container .create_new_gallerycontainer .update_new_gellery_box form, .teacher_gallery_container .update_new_gallerycontainer .create_new_gellery_box form, .teacher_gallery_container .update_new_gallerycontainer .update_new_gellery_box form {
  margin: 1rem auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
}
.teacher_gallery_container .create_new_gallerycontainer .create_new_gellery_box form .form_group, .teacher_gallery_container .create_new_gallerycontainer .update_new_gellery_box form .form_group, .teacher_gallery_container .update_new_gallerycontainer .create_new_gellery_box form .form_group, .teacher_gallery_container .update_new_gallerycontainer .update_new_gellery_box form .form_group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  margin-bottom: 1rem;
  position: relative;
}
.teacher_gallery_container .create_new_gallerycontainer .create_new_gellery_box form .form_group .image_upload_type, .teacher_gallery_container .create_new_gallerycontainer .update_new_gellery_box form .form_group .image_upload_type, .teacher_gallery_container .update_new_gallerycontainer .create_new_gellery_box form .form_group .image_upload_type, .teacher_gallery_container .update_new_gallerycontainer .update_new_gellery_box form .form_group .image_upload_type {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 10px;
  width: 100%;
}
.teacher_gallery_container .create_new_gallerycontainer .create_new_gellery_box form .form_group .image_upload_type .banner_type, .teacher_gallery_container .create_new_gallerycontainer .update_new_gellery_box form .form_group .image_upload_type .banner_type, .teacher_gallery_container .update_new_gallerycontainer .create_new_gellery_box form .form_group .image_upload_type .banner_type, .teacher_gallery_container .update_new_gallerycontainer .update_new_gellery_box form .form_group .image_upload_type .banner_type {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.teacher_gallery_container .create_new_gallerycontainer .create_new_gellery_box form .form_group .image_upload_type .banner_type label, .teacher_gallery_container .create_new_gallerycontainer .update_new_gellery_box form .form_group .image_upload_type .banner_type label, .teacher_gallery_container .update_new_gallerycontainer .create_new_gellery_box form .form_group .image_upload_type .banner_type label, .teacher_gallery_container .update_new_gallerycontainer .update_new_gellery_box form .form_group .image_upload_type .banner_type label {
  font-size: 0.8rem;
  font-weight: 580;
  color: rgb(94, 94, 94);
}
.teacher_gallery_container .create_new_gallerycontainer .create_new_gellery_box form .form_group .image_upload_type .banner_type select, .teacher_gallery_container .create_new_gallerycontainer .update_new_gellery_box form .form_group .image_upload_type .banner_type select, .teacher_gallery_container .update_new_gallerycontainer .create_new_gellery_box form .form_group .image_upload_type .banner_type select, .teacher_gallery_container .update_new_gallerycontainer .update_new_gellery_box form .form_group .image_upload_type .banner_type select {
  font-size: 0.8rem;
  color: royalblue;
  border: 1px solid gray;
  padding: 5px 0.6rem;
  width: 50%;
  outline: none;
  border: 1px solid rgb(185, 185, 185);
  border-radius: 5px;
  color: rgb(87, 87, 87);
  font-weight: 500;
  position: relative;
  cursor: pointer;
}
.teacher_gallery_container .create_new_gallerycontainer .create_new_gellery_box form .form_group .image_upload_type .banner_type select option, .teacher_gallery_container .create_new_gallerycontainer .update_new_gellery_box form .form_group .image_upload_type .banner_type select option, .teacher_gallery_container .update_new_gallerycontainer .create_new_gellery_box form .form_group .image_upload_type .banner_type select option, .teacher_gallery_container .update_new_gallerycontainer .update_new_gellery_box form .form_group .image_upload_type .banner_type select option {
  font-weight: 500;
  color: rgb(83, 83, 83);
}
.teacher_gallery_container .create_new_gallerycontainer .create_new_gellery_box form .form_group label, .teacher_gallery_container .create_new_gallerycontainer .update_new_gellery_box form .form_group label, .teacher_gallery_container .update_new_gallerycontainer .create_new_gellery_box form .form_group label, .teacher_gallery_container .update_new_gallerycontainer .update_new_gellery_box form .form_group label {
  font-size: 0.9rem;
  font-weight: 500;
  position: relative;
}
.teacher_gallery_container .create_new_gallerycontainer .create_new_gellery_box form .form_group label sup, .teacher_gallery_container .create_new_gallerycontainer .update_new_gellery_box form .form_group label sup, .teacher_gallery_container .update_new_gallerycontainer .create_new_gellery_box form .form_group label sup, .teacher_gallery_container .update_new_gallerycontainer .update_new_gellery_box form .form_group label sup {
  color: red;
}
.teacher_gallery_container .create_new_gallerycontainer .create_new_gellery_box form .form_group label img, .teacher_gallery_container .create_new_gallerycontainer .update_new_gellery_box form .form_group label img, .teacher_gallery_container .update_new_gallerycontainer .create_new_gellery_box form .form_group label img, .teacher_gallery_container .update_new_gallerycontainer .update_new_gellery_box form .form_group label img {
  margin-top: 0.5rem;
  width: 150px;
  height: 100px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border: 1px solid rgb(165, 165, 165);
  border-radius: 5px;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.3));
}
.teacher_gallery_container .create_new_gallerycontainer .create_new_gellery_box form .form_group label i, .teacher_gallery_container .create_new_gallerycontainer .update_new_gellery_box form .form_group label i, .teacher_gallery_container .update_new_gallerycontainer .create_new_gellery_box form .form_group label i, .teacher_gallery_container .update_new_gallerycontainer .update_new_gellery_box form .form_group label i {
  position: absolute;
  font-size: 1.6rem;
  right: 0%;
  top: -6%;
  color: #6571ff;
}
.teacher_gallery_container .create_new_gallerycontainer .create_new_gellery_box form .form_group small, .teacher_gallery_container .create_new_gallerycontainer .update_new_gellery_box form .form_group small, .teacher_gallery_container .update_new_gallerycontainer .create_new_gellery_box form .form_group small, .teacher_gallery_container .update_new_gallerycontainer .update_new_gellery_box form .form_group small {
  font-size: 0.7rem;
  font-weight: 500;
  color: gray;
}
.teacher_gallery_container .create_new_gallerycontainer .create_new_gellery_box form .form_group p, .teacher_gallery_container .create_new_gallerycontainer .update_new_gellery_box form .form_group p, .teacher_gallery_container .update_new_gallerycontainer .create_new_gellery_box form .form_group p, .teacher_gallery_container .update_new_gallerycontainer .update_new_gellery_box form .form_group p {
  font-size: 0.7rem;
  font-weight: 550;
}
.teacher_gallery_container .create_new_gallerycontainer .create_new_gellery_box form .form_group p strong, .teacher_gallery_container .create_new_gallerycontainer .update_new_gellery_box form .form_group p strong, .teacher_gallery_container .update_new_gallerycontainer .create_new_gellery_box form .form_group p strong, .teacher_gallery_container .update_new_gallerycontainer .update_new_gellery_box form .form_group p strong {
  color: red;
}
.teacher_gallery_container .create_new_gallerycontainer .create_new_gellery_box form .form_group input, .teacher_gallery_container .create_new_gallerycontainer .update_new_gellery_box form .form_group input, .teacher_gallery_container .update_new_gallerycontainer .create_new_gellery_box form .form_group input, .teacher_gallery_container .update_new_gallerycontainer .update_new_gellery_box form .form_group input {
  padding: 10px 1rem;
  border: 1px solid rgb(165, 165, 165);
  outline: none;
  border-radius: 5px;
  width: 100%;
}
.teacher_gallery_container .create_new_gallerycontainer .create_new_gellery_box form .form_group input::-moz-placeholder, .teacher_gallery_container .create_new_gallerycontainer .update_new_gellery_box form .form_group input::-moz-placeholder, .teacher_gallery_container .update_new_gallerycontainer .create_new_gellery_box form .form_group input::-moz-placeholder, .teacher_gallery_container .update_new_gallerycontainer .update_new_gellery_box form .form_group input::-moz-placeholder {
  font-size: 0.8rem;
}
.teacher_gallery_container .create_new_gallerycontainer .create_new_gellery_box form .form_group input::placeholder, .teacher_gallery_container .create_new_gallerycontainer .update_new_gellery_box form .form_group input::placeholder, .teacher_gallery_container .update_new_gallerycontainer .create_new_gellery_box form .form_group input::placeholder, .teacher_gallery_container .update_new_gallerycontainer .update_new_gellery_box form .form_group input::placeholder {
  font-size: 0.8rem;
}
.teacher_gallery_container .create_new_gallerycontainer .create_new_gellery_box form .form_group input[type=file], .teacher_gallery_container .create_new_gallerycontainer .update_new_gellery_box form .form_group input[type=file], .teacher_gallery_container .update_new_gallerycontainer .create_new_gellery_box form .form_group input[type=file], .teacher_gallery_container .update_new_gallerycontainer .update_new_gellery_box form .form_group input[type=file] {
  display: block;
  border: none !important;
  width: 100%;
  font-size: 0.7rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-weight: 550;
  outline: none;
  color: #03796f;
  cursor: pointer;
}
.teacher_gallery_container .create_new_gallerycontainer .create_new_gellery_box form .form_group .input_error, .teacher_gallery_container .create_new_gallerycontainer .update_new_gellery_box form .form_group .input_error, .teacher_gallery_container .update_new_gallerycontainer .create_new_gellery_box form .form_group .input_error, .teacher_gallery_container .update_new_gallerycontainer .update_new_gellery_box form .form_group .input_error {
  border: 1px solid rgb(255, 81, 81) !important;
  border-radius: 5px;
}
.teacher_gallery_container .create_new_gallerycontainer .create_new_gellery_box form .form_group .input_success, .teacher_gallery_container .create_new_gallerycontainer .update_new_gellery_box form .form_group .input_success, .teacher_gallery_container .update_new_gallerycontainer .create_new_gellery_box form .form_group .input_success, .teacher_gallery_container .update_new_gallerycontainer .update_new_gellery_box form .form_group .input_success {
  border: 1px solid rgb(110, 110, 110) !important;
  border-radius: 5px;
}
.teacher_gallery_container .create_new_gallerycontainer .create_new_gellery_box form .form_group .error, .teacher_gallery_container .create_new_gallerycontainer .update_new_gellery_box form .form_group .error, .teacher_gallery_container .update_new_gallerycontainer .create_new_gellery_box form .form_group .error, .teacher_gallery_container .update_new_gallerycontainer .update_new_gellery_box form .form_group .error {
  position: absolute;
  bottom: -5%;
  left: 0%;
  color: red;
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
.teacher_gallery_container .create_new_gallerycontainer .create_new_gellery_box form .form_group .url_error, .teacher_gallery_container .create_new_gallerycontainer .update_new_gellery_box form .form_group .url_error, .teacher_gallery_container .update_new_gallerycontainer .create_new_gellery_box form .form_group .url_error, .teacher_gallery_container .update_new_gallerycontainer .update_new_gellery_box form .form_group .url_error {
  position: absolute;
  bottom: -25%;
  left: 0%;
  color: red;
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
.teacher_gallery_container .create_new_gallerycontainer .create_new_gellery_box form .form_group textarea, .teacher_gallery_container .create_new_gallerycontainer .update_new_gellery_box form .form_group textarea, .teacher_gallery_container .update_new_gallerycontainer .create_new_gellery_box form .form_group textarea, .teacher_gallery_container .update_new_gallerycontainer .update_new_gellery_box form .form_group textarea {
  padding: 10px 1rem;
  border: 1px solid rgb(165, 165, 165);
  outline: none;
  border-radius: 5px;
  width: 100%;
}
.teacher_gallery_container .create_new_gallerycontainer .create_new_gellery_box form .form_group textarea::-moz-placeholder, .teacher_gallery_container .create_new_gallerycontainer .update_new_gellery_box form .form_group textarea::-moz-placeholder, .teacher_gallery_container .update_new_gallerycontainer .create_new_gellery_box form .form_group textarea::-moz-placeholder, .teacher_gallery_container .update_new_gallerycontainer .update_new_gellery_box form .form_group textarea::-moz-placeholder {
  font-size: 0.8rem;
}
.teacher_gallery_container .create_new_gallerycontainer .create_new_gellery_box form .form_group textarea::placeholder, .teacher_gallery_container .create_new_gallerycontainer .update_new_gellery_box form .form_group textarea::placeholder, .teacher_gallery_container .update_new_gallerycontainer .create_new_gellery_box form .form_group textarea::placeholder, .teacher_gallery_container .update_new_gallerycontainer .update_new_gellery_box form .form_group textarea::placeholder {
  font-size: 0.8rem;
}
.teacher_gallery_container .create_new_gallerycontainer .create_new_gellery_box form .url_link_input_group, .teacher_gallery_container .create_new_gallerycontainer .update_new_gellery_box form .url_link_input_group, .teacher_gallery_container .update_new_gallerycontainer .create_new_gellery_box form .url_link_input_group, .teacher_gallery_container .update_new_gallerycontainer .update_new_gellery_box form .url_link_input_group {
  width: 100% !important;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
}
.teacher_gallery_container .create_new_gallerycontainer .create_new_gellery_box form .url_link_input_group img, .teacher_gallery_container .create_new_gallerycontainer .update_new_gellery_box form .url_link_input_group img, .teacher_gallery_container .update_new_gallerycontainer .create_new_gellery_box form .url_link_input_group img, .teacher_gallery_container .update_new_gallerycontainer .update_new_gellery_box form .url_link_input_group img {
  width: 90px;
  max-width: 90px;
  height: 90px;
  max-height: 90px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 1rem;
  border: 1px solid gray;
  margin-bottom: 15px;
}
.teacher_gallery_container .create_new_gallerycontainer .create_new_gellery_box form .url_link_input_group .banner_address_image, .teacher_gallery_container .create_new_gallerycontainer .update_new_gellery_box form .url_link_input_group .banner_address_image, .teacher_gallery_container .update_new_gallerycontainer .create_new_gellery_box form .url_link_input_group .banner_address_image, .teacher_gallery_container .update_new_gallerycontainer .update_new_gellery_box form .url_link_input_group .banner_address_image {
  width: 150px;
  height: 90px;
  max-width: 150px;
  max-height: 90px;
  border-radius: 5px;
  -o-object-fit: cover;
     object-fit: cover;
  border: 1px solid gray;
  margin-bottom: 15px;
}
.teacher_gallery_container .create_new_gallerycontainer .create_new_gellery_box form .url_link_input_group label, .teacher_gallery_container .create_new_gallerycontainer .update_new_gellery_box form .url_link_input_group label, .teacher_gallery_container .update_new_gallerycontainer .create_new_gellery_box form .url_link_input_group label, .teacher_gallery_container .update_new_gallerycontainer .update_new_gellery_box form .url_link_input_group label {
  font-size: 0.6rem;
  font-weight: 550;
}
.teacher_gallery_container .create_new_gallerycontainer .create_new_gellery_box form .url_link_input_group input, .teacher_gallery_container .create_new_gallerycontainer .update_new_gellery_box form .url_link_input_group input, .teacher_gallery_container .update_new_gallerycontainer .create_new_gellery_box form .url_link_input_group input, .teacher_gallery_container .update_new_gallerycontainer .update_new_gellery_box form .url_link_input_group input {
  padding: 0.6rem 1rem !important;
  font-size: 0.7rem;
  position: relative;
}
.teacher_gallery_container .create_new_gallerycontainer .create_new_gellery_box form .url_link_input_group .clear_action, .teacher_gallery_container .create_new_gallerycontainer .update_new_gellery_box form .url_link_input_group .clear_action, .teacher_gallery_container .update_new_gallerycontainer .create_new_gellery_box form .url_link_input_group .clear_action, .teacher_gallery_container .update_new_gallerycontainer .update_new_gellery_box form .url_link_input_group .clear_action {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 1rem;
}
.teacher_gallery_container .create_new_gallerycontainer .create_new_gellery_box form .url_link_input_group .clear_action .clear_btn, .teacher_gallery_container .create_new_gallerycontainer .update_new_gellery_box form .url_link_input_group .clear_action .clear_btn, .teacher_gallery_container .update_new_gallerycontainer .create_new_gellery_box form .url_link_input_group .clear_action .clear_btn, .teacher_gallery_container .update_new_gallerycontainer .update_new_gellery_box form .url_link_input_group .clear_action .clear_btn {
  background-color: tomato;
  color: #fff;
  font-size: 0.9rem;
  padding: 0.2rem 1rem;
  outline: none;
  border: none;
  border-radius: 0.2rem;
  cursor: pointer;
  font-weight: 550;
  transition: all 0.5s ease;
}
.teacher_gallery_container .create_new_gallerycontainer .create_new_gellery_box form .url_link_input_group .clear_action .clear_btn:hover, .teacher_gallery_container .create_new_gallerycontainer .update_new_gellery_box form .url_link_input_group .clear_action .clear_btn:hover, .teacher_gallery_container .update_new_gallerycontainer .create_new_gellery_box form .url_link_input_group .clear_action .clear_btn:hover, .teacher_gallery_container .update_new_gallerycontainer .update_new_gellery_box form .url_link_input_group .clear_action .clear_btn:hover {
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
  transition: all 0.5s ease;
}
.teacher_gallery_container .create_new_gallerycontainer .create_new_gellery_box form .form_submit_actions, .teacher_gallery_container .create_new_gallerycontainer .update_new_gellery_box form .form_submit_actions, .teacher_gallery_container .update_new_gallerycontainer .create_new_gellery_box form .form_submit_actions, .teacher_gallery_container .update_new_gallerycontainer .update_new_gellery_box form .form_submit_actions {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: flex-end;
  gap: 1rem;
}
.teacher_gallery_container .create_new_gallerycontainer .create_new_gellery_box form .form_submit_actions .save button, .teacher_gallery_container .create_new_gallerycontainer .update_new_gellery_box form .form_submit_actions .save button, .teacher_gallery_container .update_new_gallerycontainer .create_new_gellery_box form .form_submit_actions .save button, .teacher_gallery_container .update_new_gallerycontainer .update_new_gellery_box form .form_submit_actions .save button {
  outline: none;
  padding: 8px 1rem;
  border: transparent;
  background-color: #6571ff;
  border-radius: 5px;
  color: #fff;
  transition: all 0.3s ease;
}
.teacher_gallery_container .create_new_gallerycontainer .create_new_gellery_box form .form_submit_actions .save button:hover, .teacher_gallery_container .create_new_gallerycontainer .update_new_gellery_box form .form_submit_actions .save button:hover, .teacher_gallery_container .update_new_gallerycontainer .create_new_gellery_box form .form_submit_actions .save button:hover, .teacher_gallery_container .update_new_gallerycontainer .update_new_gellery_box form .form_submit_actions .save button:hover {
  background-color: #8992fc;
  transition: all 0.3s ease;
}
.teacher_gallery_container .create_new_gallerycontainer .create_new_gellery_box form .form_submit_actions .discard button, .teacher_gallery_container .create_new_gallerycontainer .update_new_gellery_box form .form_submit_actions .discard button, .teacher_gallery_container .update_new_gallerycontainer .create_new_gellery_box form .form_submit_actions .discard button, .teacher_gallery_container .update_new_gallerycontainer .update_new_gellery_box form .form_submit_actions .discard button {
  outline: none;
  padding: 8px 1rem;
  border: transparent;
  background-color: #727272;
  border-radius: 5px;
  color: #fff;
  transition: all 0.3s ease;
}
.teacher_gallery_container .create_new_gallerycontainer .create_new_gellery_box form .form_submit_actions .discard button:hover, .teacher_gallery_container .create_new_gallerycontainer .update_new_gellery_box form .form_submit_actions .discard button:hover, .teacher_gallery_container .update_new_gallerycontainer .create_new_gellery_box form .form_submit_actions .discard button:hover, .teacher_gallery_container .update_new_gallerycontainer .update_new_gellery_box form .form_submit_actions .discard button:hover {
  background-color: #9c9c9c;
  transition: all 0.3s ease;
}
@media screen and (max-width: 900px) {
  .teacher_gallery_container .create_new_gallerycontainer .create_new_gellery_box, .teacher_gallery_container .create_new_gallerycontainer .update_new_gellery_box, .teacher_gallery_container .update_new_gallerycontainer .create_new_gellery_box, .teacher_gallery_container .update_new_gallerycontainer .update_new_gellery_box {
    width: 100% !important;
    max-width: 95% !important;
    height: auto;
  }
}

#galleryOpen {
  display: block;
  scale: 1;
  transition: all 0.4s ease-in;
}

#galleryClose {
  display: none;
  scale: 0.9;
  transition: all 0.2s ease-in;
}

#galleryUpdateOpen {
  display: block;
  scale: 1;
  transition: all 0.4s ease-in;
}

#galleryUpdateClose {
  display: none;
  scale: 0.9;
  transition: all 0.2s ease-in;
}.teacher_document_container {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 1rem;
}
.teacher_document_container .Image_Full_view {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 500px;
  height: 350px;
  background-color: #fff;
  border-radius: 0.5rem;
  z-index: 900;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.3);
}
.teacher_document_container .Image_Full_view .close_image {
  position: absolute;
  top: 5%;
  right: 4%;
}
.teacher_document_container .Image_Full_view .close_image i {
  font-size: 1.5rem;
  cursor: pointer;
  color: rgb(226, 57, 57);
  transition: all 0.4s ease-in-out;
}
.teacher_document_container .Image_Full_view .close_image i:hover {
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
  scale: 1.05;
  transition: all 0.4s ease-in-out;
}
.teacher_document_container .Image_Full_view img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 0.5rem;
}
.teacher_document_container .image_title {
  width: 100%;
  display: flex;
  grid-column: 1/-1;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 0rem;
}
.teacher_document_container .image_title h4 {
  font-size: 1.2rem;
  font-weight: 550;
  color: #525252;
}
.teacher_document_container .plan_based_service_add_note {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 1rem 0px;
}
.teacher_document_container .plan_based_service_add_note .note {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.teacher_document_container .plan_based_service_add_note .note i {
  font-size: 1.3rem;
  color: rgb(94, 94, 94);
}
.teacher_document_container .plan_based_service_add_note .note small {
  font-size: 0.8rem;
  font-weight: 550;
  color: #427dfa !important;
}
.teacher_document_container .plan_based_service_add_note .note small strong {
  color: #464545;
}
.teacher_document_container .add_new_gallery {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
}
.teacher_document_container .add_new_gallery button {
  outline: none;
  border: transparent;
  border-radius: 5px;
  padding: 7px 1rem;
  font-weight: 500;
  background-color: #6571ff;
  color: #fff;
  font-size: 0.9rem;
  transition: all 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.teacher_document_container .add_new_gallery button i {
  font-size: 1.4rem;
  font-weight: 550;
}
.teacher_document_container .add_new_gallery button:hover {
  box-shadow: 0px 2px 3px rgb(0, 0, 0.1);
  background-color: #6571ff;
  color: rgb(255, 255, 255);
  font-weight: 500;
  transition: all 0.3s ease;
}
.teacher_document_container .All_gallery_container {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
  place-items: center;
  margin: 1rem auto;
}
.teacher_document_container .All_gallery_container .video_box {
  width: 200px;
  height: auto;
  background-color: rgb(243, 243, 243);
  border-radius: 0.5rem;
  box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
  margin: auto;
}
.teacher_document_container .All_gallery_container .video_box .video_header {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  width: 100%;
}
.teacher_document_container .All_gallery_container .video_box .video_header h2 {
  font-size: 0.9rem;
  font-weight: 550;
  color: royalblue;
}
.teacher_document_container .All_gallery_container .video_box .video {
  width: 95%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}
.teacher_document_container .All_gallery_container .video_box .video iframe {
  width: 100%;
  height: 140px;
  overflow-y: scroll;
  border: none;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}
.teacher_document_container .All_gallery_container .video_box .video iframe::-webkit-scrollbar {
  display: none !important;
}
.teacher_document_container .All_gallery_container .video_box .video img {
  width: 100%;
  border-radius: 0.5rem;
  height: 150px;
  -o-object-fit: cover;
     object-fit: cover;
}
.teacher_document_container .All_gallery_container .video_box .icon_actions {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1rem;
  height: 50px;
}
.teacher_document_container .All_gallery_container .video_box .icon_actions .edit, .teacher_document_container .All_gallery_container .video_box .icon_actions .delete {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  flex-direction: column;
}
.teacher_document_container .All_gallery_container .video_box .icon_actions .edit i, .teacher_document_container .All_gallery_container .video_box .icon_actions .delete i {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  font-size: 1.5rem;
  margin-right: 10px;
  cursor: pointer;
  transition: all 0.3s ease-in;
}
.teacher_document_container .All_gallery_container .video_box .icon_actions .edit i:hover, .teacher_document_container .All_gallery_container .video_box .icon_actions .delete i:hover {
  scale: 1.1;
  filter: drop-shadow(0px 3px 4px rgba(0, 0, 0, 0.3));
  transition: all 0.3s ease-in;
}
.teacher_document_container .All_gallery_container .video_box .icon_actions .edit small, .teacher_document_container .All_gallery_container .video_box .icon_actions .delete small {
  font-size: 0.6rem;
  font-weight: 550;
}
.teacher_document_container .All_gallery_container .video_box:hover {
  background-color: rgb(231, 231, 231);
}
.teacher_document_container .All_gallery_container .no_gallery {
  width: 100%;
  grid-column: 1/-1;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 1rem auto;
}
.teacher_document_container .All_gallery_container .no_gallery small {
  font-size: 0.9rem;
  font-weight: 550;
  color: gray;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 1400px) {
  .teacher_document_container .All_gallery_container {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
.teacher_document_container .deleteall_btn {
  width: 100%;
  grid-column: 1/-1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 1rem;
}
.teacher_document_container .deleteall_btn button {
  padding: 0.4rem 1rem;
  background-color: tomato;
  color: #fff;
  font-size: 0.8rem;
  font-weight: 550;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.teacher_document_container .deleteall_btn button:hover {
  background-color: rgb(255, 81, 50);
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
}
.teacher_document_container .gallery_list_table {
  margin: 0.5rem auto;
  padding: 1rem 0.2rem;
  z-index: 900;
  width: 100%;
}
.teacher_document_container .gallery_list_table table {
  min-width: 100%;
  border-collapse: collapse;
}
.teacher_document_container .gallery_list_table table thead tr th {
  text-align: center;
  padding: 0.7rem 0.5rem;
  font-size: 0.7rem;
  background-color: #427dfa !important;
  font-weight: 550 !important;
  letter-spacing: 1px;
  color: rgb(255, 255, 255);
  background-color: rgb(248, 248, 248);
}
.teacher_document_container .gallery_list_table table tbody p {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 10px;
  width: 100%;
  font-size: 0.8rem;
  font-weight: 550;
  color: tomato;
  vertical-align: middle;
}
.teacher_document_container .gallery_list_table table tbody tr td {
  padding: 0.5rem;
  font-size: 0.8rem;
  text-align: center;
  font-weight: bold;
  background-color: rgb(199, 255, 199);
  color: rgb(43, 43, 43);
  border-top: 1px solid #dddddd;
}
.teacher_document_container .gallery_list_table table tbody tr td img {
  width: 100px;
  height: 60px;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
  border: 1px solid lightcyan;
  border-radius: 5px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.teacher_document_container .gallery_list_table table tbody tr td i {
  font-size: 1.5rem;
  margin-right: 10px;
  cursor: pointer;
}
.teacher_document_container .gallery_list_table table tbody tr td i:hover {
  filter: drop-shadow(0px 3px 4px rgba(0, 0, 0, 0.3));
}
@media screen and (max-width: 600px) {
  .teacher_document_container .gallery_list_table table {
    min-width: 130%;
  }
}
.teacher_document_container #shadow_background {
  width: 100%;
  height: 100%;
  position: fixed;
  top: 8%;
  left: 0%;
  background-color: rgba(61, 61, 61, 0.6039215686);
  transition: all 0.4s ease-in;
  overflow-y: scroll;
}
.teacher_document_container #shadow_background::-webkit-scrollbar {
  width: 4px;
  background-color: rgba(61, 61, 61, 0.6039215686);
}
.teacher_document_container #shadow_background::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #6571ff;
}
.teacher_document_container .create_new_gallerycontainer, .teacher_document_container .update_new_gallerycontainer {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
.teacher_document_container .create_new_gallerycontainer .create_new_gellery_box, .teacher_document_container .create_new_gallerycontainer .update_new_gellery_box, .teacher_document_container .update_new_gallerycontainer .create_new_gellery_box, .teacher_document_container .update_new_gallerycontainer .update_new_gellery_box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 30%;
  max-width: 50% !important;
  margin: 1rem auto;
  padding: 1rem;
  place-items: center;
  height: auto;
  background-color: #fff;
  box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  z-index: 700;
}
.teacher_document_container .create_new_gallerycontainer .create_new_gellery_box .title, .teacher_document_container .create_new_gallerycontainer .update_new_gellery_box .title, .teacher_document_container .update_new_gallerycontainer .create_new_gellery_box .title, .teacher_document_container .update_new_gallerycontainer .update_new_gellery_box .title {
  display: flex;
  align-self: center;
  justify-content: space-between;
  width: 100%;
  height: 50px;
  border-bottom: 1px solid rgb(231, 231, 231);
}
.teacher_document_container .create_new_gallerycontainer .create_new_gellery_box .title p, .teacher_document_container .create_new_gallerycontainer .update_new_gellery_box .title p, .teacher_document_container .update_new_gallerycontainer .create_new_gellery_box .title p, .teacher_document_container .update_new_gallerycontainer .update_new_gellery_box .title p {
  font-weight: 500;
  font-size: 1.1rem;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.teacher_document_container .create_new_gallerycontainer .create_new_gellery_box .title i, .teacher_document_container .create_new_gallerycontainer .update_new_gellery_box .title i, .teacher_document_container .update_new_gallerycontainer .create_new_gellery_box .title i, .teacher_document_container .update_new_gallerycontainer .update_new_gellery_box .title i {
  font-size: 2rem;
  color: gray;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.teacher_document_container .create_new_gallerycontainer .create_new_gellery_box .title i:hover, .teacher_document_container .create_new_gallerycontainer .update_new_gellery_box .title i:hover, .teacher_document_container .update_new_gallerycontainer .create_new_gellery_box .title i:hover, .teacher_document_container .update_new_gallerycontainer .update_new_gellery_box .title i:hover {
  color: red;
}
.teacher_document_container .create_new_gallerycontainer .create_new_gellery_box form, .teacher_document_container .create_new_gallerycontainer .update_new_gellery_box form, .teacher_document_container .update_new_gallerycontainer .create_new_gellery_box form, .teacher_document_container .update_new_gallerycontainer .update_new_gellery_box form {
  margin: 1rem auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
}
.teacher_document_container .create_new_gallerycontainer .create_new_gellery_box form .form_group, .teacher_document_container .create_new_gallerycontainer .update_new_gellery_box form .form_group, .teacher_document_container .update_new_gallerycontainer .create_new_gellery_box form .form_group, .teacher_document_container .update_new_gallerycontainer .update_new_gellery_box form .form_group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  margin-bottom: 1rem;
  position: relative;
}
.teacher_document_container .create_new_gallerycontainer .create_new_gellery_box form .form_group .image_upload_type, .teacher_document_container .create_new_gallerycontainer .update_new_gellery_box form .form_group .image_upload_type, .teacher_document_container .update_new_gallerycontainer .create_new_gellery_box form .form_group .image_upload_type, .teacher_document_container .update_new_gallerycontainer .update_new_gellery_box form .form_group .image_upload_type {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-bottom: 10px;
  width: 100%;
}
.teacher_document_container .create_new_gallerycontainer .create_new_gellery_box form .form_group .image_upload_type .banner_type, .teacher_document_container .create_new_gallerycontainer .update_new_gellery_box form .form_group .image_upload_type .banner_type, .teacher_document_container .update_new_gallerycontainer .create_new_gellery_box form .form_group .image_upload_type .banner_type, .teacher_document_container .update_new_gallerycontainer .update_new_gellery_box form .form_group .image_upload_type .banner_type {
  width: 100%;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}
.teacher_document_container .create_new_gallerycontainer .create_new_gellery_box form .form_group .image_upload_type .banner_type label, .teacher_document_container .create_new_gallerycontainer .update_new_gellery_box form .form_group .image_upload_type .banner_type label, .teacher_document_container .update_new_gallerycontainer .create_new_gellery_box form .form_group .image_upload_type .banner_type label, .teacher_document_container .update_new_gallerycontainer .update_new_gellery_box form .form_group .image_upload_type .banner_type label {
  font-size: 0.8rem;
  font-weight: 580;
  color: rgb(94, 94, 94);
}
.teacher_document_container .create_new_gallerycontainer .create_new_gellery_box form .form_group .image_upload_type .banner_type select, .teacher_document_container .create_new_gallerycontainer .update_new_gellery_box form .form_group .image_upload_type .banner_type select, .teacher_document_container .update_new_gallerycontainer .create_new_gellery_box form .form_group .image_upload_type .banner_type select, .teacher_document_container .update_new_gallerycontainer .update_new_gellery_box form .form_group .image_upload_type .banner_type select {
  font-size: 0.8rem;
  color: royalblue;
  border: 1px solid gray;
  padding: 5px 0.6rem;
  width: 50%;
  outline: none;
  border: 1px solid rgb(185, 185, 185);
  border-radius: 5px;
  color: rgb(87, 87, 87);
  font-weight: 500;
  position: relative;
  cursor: pointer;
}
.teacher_document_container .create_new_gallerycontainer .create_new_gellery_box form .form_group .image_upload_type .banner_type select option, .teacher_document_container .create_new_gallerycontainer .update_new_gellery_box form .form_group .image_upload_type .banner_type select option, .teacher_document_container .update_new_gallerycontainer .create_new_gellery_box form .form_group .image_upload_type .banner_type select option, .teacher_document_container .update_new_gallerycontainer .update_new_gellery_box form .form_group .image_upload_type .banner_type select option {
  font-weight: 500;
  color: rgb(83, 83, 83);
}
.teacher_document_container .create_new_gallerycontainer .create_new_gellery_box form .form_group label, .teacher_document_container .create_new_gallerycontainer .update_new_gellery_box form .form_group label, .teacher_document_container .update_new_gallerycontainer .create_new_gellery_box form .form_group label, .teacher_document_container .update_new_gallerycontainer .update_new_gellery_box form .form_group label {
  font-size: 0.9rem;
  font-weight: 500;
  position: relative;
}
.teacher_document_container .create_new_gallerycontainer .create_new_gellery_box form .form_group label sup, .teacher_document_container .create_new_gallerycontainer .update_new_gellery_box form .form_group label sup, .teacher_document_container .update_new_gallerycontainer .create_new_gellery_box form .form_group label sup, .teacher_document_container .update_new_gallerycontainer .update_new_gellery_box form .form_group label sup {
  color: red;
}
.teacher_document_container .create_new_gallerycontainer .create_new_gellery_box form .form_group label img, .teacher_document_container .create_new_gallerycontainer .update_new_gellery_box form .form_group label img, .teacher_document_container .update_new_gallerycontainer .create_new_gellery_box form .form_group label img, .teacher_document_container .update_new_gallerycontainer .update_new_gellery_box form .form_group label img {
  margin-top: 0.5rem;
  width: 150px;
  height: 100px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border: 1px solid rgb(165, 165, 165);
  border-radius: 5px;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.3));
}
.teacher_document_container .create_new_gallerycontainer .create_new_gellery_box form .form_group label i, .teacher_document_container .create_new_gallerycontainer .update_new_gellery_box form .form_group label i, .teacher_document_container .update_new_gallerycontainer .create_new_gellery_box form .form_group label i, .teacher_document_container .update_new_gallerycontainer .update_new_gellery_box form .form_group label i {
  position: absolute;
  font-size: 1.6rem;
  right: 0%;
  top: -6%;
  color: #6571ff;
}
.teacher_document_container .create_new_gallerycontainer .create_new_gellery_box form .form_group small, .teacher_document_container .create_new_gallerycontainer .update_new_gellery_box form .form_group small, .teacher_document_container .update_new_gallerycontainer .create_new_gellery_box form .form_group small, .teacher_document_container .update_new_gallerycontainer .update_new_gellery_box form .form_group small {
  font-size: 0.7rem;
  font-weight: 500;
  color: gray;
}
.teacher_document_container .create_new_gallerycontainer .create_new_gellery_box form .form_group p, .teacher_document_container .create_new_gallerycontainer .update_new_gellery_box form .form_group p, .teacher_document_container .update_new_gallerycontainer .create_new_gellery_box form .form_group p, .teacher_document_container .update_new_gallerycontainer .update_new_gellery_box form .form_group p {
  font-size: 0.7rem;
  font-weight: 550;
}
.teacher_document_container .create_new_gallerycontainer .create_new_gellery_box form .form_group p strong, .teacher_document_container .create_new_gallerycontainer .update_new_gellery_box form .form_group p strong, .teacher_document_container .update_new_gallerycontainer .create_new_gellery_box form .form_group p strong, .teacher_document_container .update_new_gallerycontainer .update_new_gellery_box form .form_group p strong {
  color: red;
}
.teacher_document_container .create_new_gallerycontainer .create_new_gellery_box form .form_group input, .teacher_document_container .create_new_gallerycontainer .update_new_gellery_box form .form_group input, .teacher_document_container .update_new_gallerycontainer .create_new_gellery_box form .form_group input, .teacher_document_container .update_new_gallerycontainer .update_new_gellery_box form .form_group input {
  padding: 10px 1rem;
  border: 1px solid rgb(165, 165, 165);
  outline: none;
  border-radius: 5px;
  width: 100%;
}
.teacher_document_container .create_new_gallerycontainer .create_new_gellery_box form .form_group input::-moz-placeholder, .teacher_document_container .create_new_gallerycontainer .update_new_gellery_box form .form_group input::-moz-placeholder, .teacher_document_container .update_new_gallerycontainer .create_new_gellery_box form .form_group input::-moz-placeholder, .teacher_document_container .update_new_gallerycontainer .update_new_gellery_box form .form_group input::-moz-placeholder {
  font-size: 0.8rem;
}
.teacher_document_container .create_new_gallerycontainer .create_new_gellery_box form .form_group input::placeholder, .teacher_document_container .create_new_gallerycontainer .update_new_gellery_box form .form_group input::placeholder, .teacher_document_container .update_new_gallerycontainer .create_new_gellery_box form .form_group input::placeholder, .teacher_document_container .update_new_gallerycontainer .update_new_gellery_box form .form_group input::placeholder {
  font-size: 0.8rem;
}
.teacher_document_container .create_new_gallerycontainer .create_new_gellery_box form .form_group input[type=file], .teacher_document_container .create_new_gallerycontainer .update_new_gellery_box form .form_group input[type=file], .teacher_document_container .update_new_gallerycontainer .create_new_gellery_box form .form_group input[type=file], .teacher_document_container .update_new_gallerycontainer .update_new_gellery_box form .form_group input[type=file] {
  display: block;
  border: none !important;
  width: 100%;
  font-size: 0.7rem;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-weight: 550;
  outline: none;
  color: #03796f;
  cursor: pointer;
}
.teacher_document_container .create_new_gallerycontainer .create_new_gellery_box form .form_group .input_error, .teacher_document_container .create_new_gallerycontainer .update_new_gellery_box form .form_group .input_error, .teacher_document_container .update_new_gallerycontainer .create_new_gellery_box form .form_group .input_error, .teacher_document_container .update_new_gallerycontainer .update_new_gellery_box form .form_group .input_error {
  border: 1px solid rgb(255, 81, 81) !important;
  border-radius: 5px;
}
.teacher_document_container .create_new_gallerycontainer .create_new_gellery_box form .form_group .input_success, .teacher_document_container .create_new_gallerycontainer .update_new_gellery_box form .form_group .input_success, .teacher_document_container .update_new_gallerycontainer .create_new_gellery_box form .form_group .input_success, .teacher_document_container .update_new_gallerycontainer .update_new_gellery_box form .form_group .input_success {
  border: 1px solid rgb(110, 110, 110) !important;
  border-radius: 5px;
}
.teacher_document_container .create_new_gallerycontainer .create_new_gellery_box form .form_group .error, .teacher_document_container .create_new_gallerycontainer .update_new_gellery_box form .form_group .error, .teacher_document_container .update_new_gallerycontainer .create_new_gellery_box form .form_group .error, .teacher_document_container .update_new_gallerycontainer .update_new_gellery_box form .form_group .error {
  position: absolute;
  bottom: -5%;
  left: 0%;
  color: red;
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
.teacher_document_container .create_new_gallerycontainer .create_new_gellery_box form .form_group .url_error, .teacher_document_container .create_new_gallerycontainer .update_new_gellery_box form .form_group .url_error, .teacher_document_container .update_new_gallerycontainer .create_new_gellery_box form .form_group .url_error, .teacher_document_container .update_new_gallerycontainer .update_new_gellery_box form .form_group .url_error {
  position: absolute;
  bottom: -25%;
  left: 0%;
  color: red;
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
.teacher_document_container .create_new_gallerycontainer .create_new_gellery_box form .form_group textarea, .teacher_document_container .create_new_gallerycontainer .update_new_gellery_box form .form_group textarea, .teacher_document_container .update_new_gallerycontainer .create_new_gellery_box form .form_group textarea, .teacher_document_container .update_new_gallerycontainer .update_new_gellery_box form .form_group textarea {
  padding: 10px 1rem;
  border: 1px solid rgb(165, 165, 165);
  outline: none;
  border-radius: 5px;
  width: 100%;
}
.teacher_document_container .create_new_gallerycontainer .create_new_gellery_box form .form_group textarea::-moz-placeholder, .teacher_document_container .create_new_gallerycontainer .update_new_gellery_box form .form_group textarea::-moz-placeholder, .teacher_document_container .update_new_gallerycontainer .create_new_gellery_box form .form_group textarea::-moz-placeholder, .teacher_document_container .update_new_gallerycontainer .update_new_gellery_box form .form_group textarea::-moz-placeholder {
  font-size: 0.8rem;
}
.teacher_document_container .create_new_gallerycontainer .create_new_gellery_box form .form_group textarea::placeholder, .teacher_document_container .create_new_gallerycontainer .update_new_gellery_box form .form_group textarea::placeholder, .teacher_document_container .update_new_gallerycontainer .create_new_gellery_box form .form_group textarea::placeholder, .teacher_document_container .update_new_gallerycontainer .update_new_gellery_box form .form_group textarea::placeholder {
  font-size: 0.8rem;
}
.teacher_document_container .create_new_gallerycontainer .create_new_gellery_box form .url_link_input_group, .teacher_document_container .create_new_gallerycontainer .update_new_gellery_box form .url_link_input_group, .teacher_document_container .update_new_gallerycontainer .create_new_gellery_box form .url_link_input_group, .teacher_document_container .update_new_gallerycontainer .update_new_gellery_box form .url_link_input_group {
  width: 100% !important;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  position: relative;
}
.teacher_document_container .create_new_gallerycontainer .create_new_gellery_box form .url_link_input_group img, .teacher_document_container .create_new_gallerycontainer .update_new_gellery_box form .url_link_input_group img, .teacher_document_container .update_new_gallerycontainer .create_new_gellery_box form .url_link_input_group img, .teacher_document_container .update_new_gallerycontainer .update_new_gellery_box form .url_link_input_group img {
  width: 90px;
  max-width: 90px;
  height: 90px;
  max-height: 90px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 1rem;
  border: 1px solid gray;
  margin-bottom: 15px;
}
.teacher_document_container .create_new_gallerycontainer .create_new_gellery_box form .url_link_input_group .banner_address_image, .teacher_document_container .create_new_gallerycontainer .update_new_gellery_box form .url_link_input_group .banner_address_image, .teacher_document_container .update_new_gallerycontainer .create_new_gellery_box form .url_link_input_group .banner_address_image, .teacher_document_container .update_new_gallerycontainer .update_new_gellery_box form .url_link_input_group .banner_address_image {
  width: 150px;
  height: 90px;
  max-width: 150px;
  max-height: 90px;
  border-radius: 5px;
  -o-object-fit: cover;
     object-fit: cover;
  border: 1px solid gray;
  margin-bottom: 15px;
}
.teacher_document_container .create_new_gallerycontainer .create_new_gellery_box form .url_link_input_group label, .teacher_document_container .create_new_gallerycontainer .update_new_gellery_box form .url_link_input_group label, .teacher_document_container .update_new_gallerycontainer .create_new_gellery_box form .url_link_input_group label, .teacher_document_container .update_new_gallerycontainer .update_new_gellery_box form .url_link_input_group label {
  font-size: 0.6rem;
  font-weight: 550;
}
.teacher_document_container .create_new_gallerycontainer .create_new_gellery_box form .url_link_input_group input, .teacher_document_container .create_new_gallerycontainer .update_new_gellery_box form .url_link_input_group input, .teacher_document_container .update_new_gallerycontainer .create_new_gellery_box form .url_link_input_group input, .teacher_document_container .update_new_gallerycontainer .update_new_gellery_box form .url_link_input_group input {
  padding: 0.6rem 1rem !important;
  font-size: 0.7rem;
  position: relative;
}
.teacher_document_container .create_new_gallerycontainer .create_new_gellery_box form .url_link_input_group .clear_action, .teacher_document_container .create_new_gallerycontainer .update_new_gellery_box form .url_link_input_group .clear_action, .teacher_document_container .update_new_gallerycontainer .create_new_gellery_box form .url_link_input_group .clear_action, .teacher_document_container .update_new_gallerycontainer .update_new_gellery_box form .url_link_input_group .clear_action {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 1rem;
}
.teacher_document_container .create_new_gallerycontainer .create_new_gellery_box form .url_link_input_group .clear_action .clear_btn, .teacher_document_container .create_new_gallerycontainer .update_new_gellery_box form .url_link_input_group .clear_action .clear_btn, .teacher_document_container .update_new_gallerycontainer .create_new_gellery_box form .url_link_input_group .clear_action .clear_btn, .teacher_document_container .update_new_gallerycontainer .update_new_gellery_box form .url_link_input_group .clear_action .clear_btn {
  background-color: tomato;
  color: #fff;
  font-size: 0.9rem;
  padding: 0.2rem 1rem;
  outline: none;
  border: none;
  border-radius: 0.2rem;
  cursor: pointer;
  font-weight: 550;
  transition: all 0.5s ease;
}
.teacher_document_container .create_new_gallerycontainer .create_new_gellery_box form .url_link_input_group .clear_action .clear_btn:hover, .teacher_document_container .create_new_gallerycontainer .update_new_gellery_box form .url_link_input_group .clear_action .clear_btn:hover, .teacher_document_container .update_new_gallerycontainer .create_new_gellery_box form .url_link_input_group .clear_action .clear_btn:hover, .teacher_document_container .update_new_gallerycontainer .update_new_gellery_box form .url_link_input_group .clear_action .clear_btn:hover {
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
  transition: all 0.5s ease;
}
.teacher_document_container .create_new_gallerycontainer .create_new_gellery_box form .form_submit_actions, .teacher_document_container .create_new_gallerycontainer .update_new_gellery_box form .form_submit_actions, .teacher_document_container .update_new_gallerycontainer .create_new_gellery_box form .form_submit_actions, .teacher_document_container .update_new_gallerycontainer .update_new_gellery_box form .form_submit_actions {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: flex-end;
  gap: 1rem;
}
.teacher_document_container .create_new_gallerycontainer .create_new_gellery_box form .form_submit_actions .save button, .teacher_document_container .create_new_gallerycontainer .update_new_gellery_box form .form_submit_actions .save button, .teacher_document_container .update_new_gallerycontainer .create_new_gellery_box form .form_submit_actions .save button, .teacher_document_container .update_new_gallerycontainer .update_new_gellery_box form .form_submit_actions .save button {
  outline: none;
  padding: 8px 1rem;
  border: transparent;
  background-color: #6571ff;
  border-radius: 5px;
  color: #fff;
  transition: all 0.3s ease;
}
.teacher_document_container .create_new_gallerycontainer .create_new_gellery_box form .form_submit_actions .save button:hover, .teacher_document_container .create_new_gallerycontainer .update_new_gellery_box form .form_submit_actions .save button:hover, .teacher_document_container .update_new_gallerycontainer .create_new_gellery_box form .form_submit_actions .save button:hover, .teacher_document_container .update_new_gallerycontainer .update_new_gellery_box form .form_submit_actions .save button:hover {
  background-color: #8992fc;
  transition: all 0.3s ease;
}
.teacher_document_container .create_new_gallerycontainer .create_new_gellery_box form .form_submit_actions .discard button, .teacher_document_container .create_new_gallerycontainer .update_new_gellery_box form .form_submit_actions .discard button, .teacher_document_container .update_new_gallerycontainer .create_new_gellery_box form .form_submit_actions .discard button, .teacher_document_container .update_new_gallerycontainer .update_new_gellery_box form .form_submit_actions .discard button {
  outline: none;
  padding: 8px 1rem;
  border: transparent;
  background-color: #727272;
  border-radius: 5px;
  color: #fff;
  transition: all 0.3s ease;
}
.teacher_document_container .create_new_gallerycontainer .create_new_gellery_box form .form_submit_actions .discard button:hover, .teacher_document_container .create_new_gallerycontainer .update_new_gellery_box form .form_submit_actions .discard button:hover, .teacher_document_container .update_new_gallerycontainer .create_new_gellery_box form .form_submit_actions .discard button:hover, .teacher_document_container .update_new_gallerycontainer .update_new_gellery_box form .form_submit_actions .discard button:hover {
  background-color: #9c9c9c;
  transition: all 0.3s ease;
}
@media screen and (max-width: 900px) {
  .teacher_document_container .create_new_gallerycontainer .create_new_gellery_box, .teacher_document_container .create_new_gallerycontainer .update_new_gellery_box, .teacher_document_container .update_new_gallerycontainer .create_new_gellery_box, .teacher_document_container .update_new_gallerycontainer .update_new_gellery_box {
    width: 100% !important;
    max-width: 95% !important;
    height: auto;
  }
}

#galleryOpen {
  display: block;
  scale: 1;
  transition: all 0.4s ease-in;
}

#galleryClose {
  display: none;
  scale: 0.9;
  transition: all 0.2s ease-in;
}

#galleryUpdateOpen {
  display: block;
  scale: 1;
  transition: all 0.4s ease-in;
}

#galleryUpdateClose {
  display: none;
  scale: 0.9;
  transition: all 0.2s ease-in;
}
.plan_request_container {
  width: 98%;
  height: 100%;
  position: relative;
}
.plan_request_container .Vcard_delete_popupBox {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 300px;
  height: auto;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.3);
  padding: 10px;
  z-index: 1000;
}
.plan_request_container .Vcard_delete_popupBox .popup_title {
  padding: 10px;
  font-size: 0.8rem;
  font-weight: 550;
  width: 100%;
}
.plan_request_container .Vcard_delete_popupBox .popup_actions {
  width: 100%;
  margin: 1rem auto;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3rem;
}
.plan_request_container .Vcard_delete_popupBox .popup_actions .delete button {
  padding: 6px 1rem;
  outline: none;
  border: transparent;
  background-color: tomato;
  color: white;
  font-weight: 550;
  font-size: 0.9rem;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.5s ease;
}
.plan_request_container .Vcard_delete_popupBox .popup_actions .delete button:hover {
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);
  scale: 1.05;
  transition: all 0.5s ease;
}
.plan_request_container .Vcard_delete_popupBox .popup_actions .cancel button {
  padding: 6px 1rem;
  outline: none;
  border: transparent;
  background-color: rgb(44, 138, 117);
  color: white;
  font-weight: 550;
  font-size: 0.9rem;
  border-radius: 5px;
  cursor: pointer;
  transition: all 0.5s ease;
}
.plan_request_container .Vcard_delete_popupBox .popup_actions .cancel button:hover {
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.4);
  scale: 1.05;
  transition: all 0.5s ease;
}
.plan_request_container .vcard_title {
  width: 100%;
}
.plan_request_container .vcard_title h4 {
  font-size: 1.8rem;
  font-weight: 400;
  font-family: "Teko", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  color: #000;
  letter-spacing: 1px;
}
@media screen and (max-width: 776px) {
  .plan_request_container .vcard_title h4 {
    font-size: 1.5rem;
    font-weight: 500;
  }
}
.plan_request_container .vcard_action {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 1;
}
.plan_request_container .vcard_action a {
  text-decoration: none;
}
.plan_request_container .vcard_action a button {
  padding: 10px 10px;
  outline: none;
  border: transparent;
  background-color: #ff8b3f;
  color: white;
  font-size: 0.8rem;
  border-radius: 5px;
  transition: all 0.4s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-weight: 600;
}
.plan_request_container .vcard_action a button i {
  font-size: 1.2rem;
  font-weight: 600;
}
.plan_request_container .vcard_action a button:hover {
  background-color: #4681ee;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.3);
  color: #ffffff;
  transition: all 0.4s ease;
}
.plan_request_container .row_2 {
  display: flex;
  flex-direction: row;
  width: 100%;
  margin: 1rem auto;
}
.plan_request_container .row_2 .request_form_container {
  width: 500px;
  max-width: 500px;
  height: 80%;
  background-color: #fff;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  padding: 10px;
}
.plan_request_container .row_2 .request_form_container .close {
  position: absolute;
  top: 2%;
  right: 2%;
}
.plan_request_container .row_2 .request_form_container .close .icon {
  font-size: 1.8rem;
  color: red;
  cursor: pointer;
}
.plan_request_container .row_2 .request_form_container .close .icon:hover {
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
}
.plan_request_container .row_2 .request_form_container .title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.plan_request_container .row_2 .request_form_container .title h4 {
  font-size: 1.2rem;
  font-weight: 600;
  letter-spacing: 1px;
  border-bottom: 1px solid rgb(255, 155, 40);
}
.plan_request_container .row_2 .request_form_container form {
  padding: 1rem 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
}
.plan_request_container .row_2 .request_form_container form .form_group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  margin: 0.2rem 0px;
  width: 100%;
}
.plan_request_container .row_2 .request_form_container form .form_group label {
  color: rgb(82, 82, 82);
  font-size: 0.9rem;
  font-weight: 700;
  letter-spacing: 1px;
}
.plan_request_container .row_2 .request_form_container form .form_group input, .plan_request_container .row_2 .request_form_container form .form_group select {
  padding: 0.8rem 1rem;
  border: 1px solid lightgray;
  outline: none;
  width: 100%;
  border-radius: 0.3rem;
}
.plan_request_container .row_2 .request_form_container form .form_group .notAllowed {
  cursor: not-allowed;
  color: rgb(73, 73, 73);
  background-color: lightgray;
}
.plan_request_container .row_2 .request_form_container form .form_action {
  padding: 1rem 20px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.plan_request_container .row_2 .request_form_container form .form_action button {
  width: -moz-max-content;
  width: max-content;
  padding: 0.5rem 1rem;
  outline: none;
  cursor: pointer;
  background-color: #e9762a;
  color: #fff;
  font-weight: 600;
  letter-spacing: 1px;
  border-radius: 5px;
}
.plan_request_container .row_2 .request_form_container form .form_action button:hover {
  background-color: #ff8b3f;
}
@media screen and (max-width: 770px) {
  .plan_request_container {
    width: 100%;
  }
}
.users_container {
  width: 100%;
  height: 100%;
}
.users_container .main_title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.users_container .main_title h4 {
  font-size: 1.6rem;
  font-weight: 600;
}
.users_container .filter_row {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.users_container .filter_row .left {
  width: 80%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
}
.users_container .filter_row .left .list {
  padding: 0.5rem 1rem;
  background-color: transparent;
  color: #4681ee;
  border: 1px solid lightblue;
  border-radius: 5px;
  cursor: pointer;
}
.users_container .filter_row .left .selected {
  padding: 0.5rem 1rem;
  background-color: royalblue;
  color: #ffffff;
  border: none;
  outline: none;
  cursor: pointer;
  border-radius: 5px;
}
.users_container .filter_row .right {
  width: 20%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1rem;
}
.users_container .filter_row .right button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 1rem;
  padding: 0.5rem 1rem;
  background-color: #ff8b3f;
  color: #ffffff;
  font-weight: 550;
  border-radius: 0.2rem;
}
.users_container .filter_row .right button .icon {
  font-size: 2rem;
}
.users_container .filter_row .right button:hover {
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
  background-color: #e9762a;
  cursor: pointer;
  outline: none;
  border: none;
}
.users_container .user_count {
  width: 100%;
  display: block;
}
.users_container .user_count small {
  font-size: 0.9rem;
  font-weight: 500;
}
.users_container .alluser_row_2 {
  display: flex;
  flex-direction: row;
  width: 100%;
  margin: 0.5rem auto;
  overflow-y: scroll;
  /* Overall scrollbar */
  /* Scrollbar track (background) */
  /* Scrollbar thumb (handle) */
  /* On hover */
}
.users_container .alluser_row_2 .card_box {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  background-color: rgb(236, 228, 228);
}
.users_container .alluser_row_2 .card_box .card_title_box {
  display: grid;
  width: 100%;
  min-width: 100%;
  grid-template-columns: 2fr 3fr 2fr 0.7fr 1fr 1fr 1fr;
  place-items: center;
  background-color: gray;
  box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
  padding: 1rem 0px;
  overflow-x: scroll;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.users_container .alluser_row_2 .card_box .card_title_box .title {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.users_container .alluser_row_2 .card_box .card_title_box .title h4 {
  font-size: 0.9rem;
  font-weight: 700;
  color: #fff;
  letter-spacing: 1px;
}
.users_container .alluser_row_2 .card_box .card_title_box::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 1200px) {
  .users_container .alluser_row_2 .card_box .card_title_box {
    width: 200vw;
    grid-template-columns: 2fr 2fr 2fr 2fr 2fr 2fr;
  }
}
@media screen and (max-width: 700px) {
  .users_container .alluser_row_2 .card_box .card_title_box {
    width: 300vw;
    grid-template-columns: 2fr 2fr 2fr 2fr 2fr 2fr;
  }
}
.users_container .alluser_row_2 .card_box .card_detail_box {
  display: grid;
  width: 100%;
  grid-template-columns: 2fr 3fr 2fr 0.7fr 1fr 1fr 1fr;
  place-items: start;
  gap: 10px 1rem;
  background-color: rgb(255, 255, 255);
  padding: 0rem 0px;
  box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
}
.users_container .alluser_row_2 .card_box .card_detail_box .detail {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background-color: aqua;
  width: 100%;
  height: 100%;
  padding: 1rem 0px;
  white-space: normal;
  word-wrap: break-word; /* or use overflow-wrap */
  overflow-wrap: break-word;
}
.users_container .alluser_row_2 .card_box .card_detail_box .detail img {
  width: 60px;
  height: 60px;
  border-radius: 0.3rem;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border: 1px solid rgb(235, 235, 235);
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
}
.users_container .alluser_row_2 .card_box .card_detail_box .detail p {
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 1px;
  color: #111111;
}
.users_container .alluser_row_2 .card_box .card_detail_box .detail i {
  font-size: 1.4rem;
  color: rgb(70, 70, 70);
  cursor: pointer;
}
.users_container .alluser_row_2 .card_box .card_detail_box .detail .icon {
  font-size: 2rem;
  color: rgba(255, 150, 29, 0.637);
}
.users_container .alluser_row_2 .card_box .card_detail_box .detail .icon_success {
  font-size: 2rem;
  color: rgb(107, 189, 75);
}
.users_container .alluser_row_2 .card_box .card_detail_box .detail a {
  text-decoration: none;
  font-size: 0.8rem;
  font-weight: 550;
  color: royalblue;
}
.users_container .alluser_row_2 .card_box .card_detail_box .detail small {
  font-size: 0.8rem;
  padding: 5px 10px;
  background-color: rgb(93, 250, 132);
  border-radius: 5px;
  color: #5e5e5e;
  font-weight: 600;
}
.users_container .alluser_row_2 .card_box .card_detail_box .detail .note {
  font-size: 0.8rem;
  font-weight: 550;
  color: #a15afd;
  background-color: transparent;
}
.users_container .alluser_row_2 .card_box .card_detail_box .detail .note2 {
  font-size: 0.7rem;
  font-weight: 550;
  color: #ff8349;
  background-color: transparent;
}
.users_container .alluser_row_2 .card_box .card_detail_box .detail_actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  width: 100%;
}
.users_container .alluser_row_2 .card_box .card_detail_box .detail_actions .edit,
.users_container .alluser_row_2 .card_box .card_detail_box .detail_actions .delete,
.users_container .alluser_row_2 .card_box .card_detail_box .detail_actions .info {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  cursor: pointer;
}
.users_container .alluser_row_2 .card_box .card_detail_box .detail_actions .edit small,
.users_container .alluser_row_2 .card_box .card_detail_box .detail_actions .delete small,
.users_container .alluser_row_2 .card_box .card_detail_box .detail_actions .info small {
  font-size: 0.7rem;
}
.users_container .alluser_row_2 .card_box .card_detail_box .detail_actions .edit .icon,
.users_container .alluser_row_2 .card_box .card_detail_box .detail_actions .delete .icon,
.users_container .alluser_row_2 .card_box .card_detail_box .detail_actions .info .icon {
  font-size: 1.4rem;
  transition: all 0.4s ease-in-out;
}
.users_container .alluser_row_2 .card_box .card_detail_box .detail_actions .edit .icon:hover,
.users_container .alluser_row_2 .card_box .card_detail_box .detail_actions .delete .icon:hover,
.users_container .alluser_row_2 .card_box .card_detail_box .detail_actions .info .icon:hover {
  scale: 1.1;
  filter: drop-shadow(0px 4px 5px rgba(44, 44, 44, 0.4));
  transition: all 0.4s ease-in-out;
}
.users_container .alluser_row_2 .card_box .card_detail_box .detail_actions .edit:nth-child(1) .icon,
.users_container .alluser_row_2 .card_box .card_detail_box .detail_actions .delete:nth-child(1) .icon,
.users_container .alluser_row_2 .card_box .card_detail_box .detail_actions .info:nth-child(1) .icon {
  color: gray;
}
.users_container .alluser_row_2 .card_box .card_detail_box .detail_actions .edit:nth-child(1) small,
.users_container .alluser_row_2 .card_box .card_detail_box .detail_actions .delete:nth-child(1) small,
.users_container .alluser_row_2 .card_box .card_detail_box .detail_actions .info:nth-child(1) small {
  color: gray;
}
.users_container .alluser_row_2 .card_box .card_detail_box .detail_actions .edit:nth-child(2) .icon,
.users_container .alluser_row_2 .card_box .card_detail_box .detail_actions .delete:nth-child(2) .icon,
.users_container .alluser_row_2 .card_box .card_detail_box .detail_actions .info:nth-child(2) .icon {
  color: tomato;
}
.users_container .alluser_row_2 .card_box .card_detail_box .detail_actions .edit:nth-child(2) small,
.users_container .alluser_row_2 .card_box .card_detail_box .detail_actions .delete:nth-child(2) small,
.users_container .alluser_row_2 .card_box .card_detail_box .detail_actions .info:nth-child(2) small {
  color: tomato;
}
.users_container .alluser_row_2 .card_box .card_detail_box .detail_actions .edit:nth-child(3) .icon,
.users_container .alluser_row_2 .card_box .card_detail_box .detail_actions .delete:nth-child(3) .icon,
.users_container .alluser_row_2 .card_box .card_detail_box .detail_actions .info:nth-child(3) .icon {
  color: rgb(255, 142, 49);
}
.users_container .alluser_row_2 .card_box .card_detail_box .detail_actions .edit:nth-child(3) small,
.users_container .alluser_row_2 .card_box .card_detail_box .detail_actions .delete:nth-child(3) small,
.users_container .alluser_row_2 .card_box .card_detail_box .detail_actions .info:nth-child(3) small {
  color: rgb(255, 142, 49);
}
.users_container .alluser_row_2 .card_box .card_detail_box .detail_actions .info {
  position: relative;
}
.users_container .alluser_row_2 .card_box .card_detail_box .detail_actions .info .info_message_box {
  width: 250px;
  height: 100px;
  position: absolute;
  top: 160%;
  right: 20%;
  background-color: rgb(255, 255, 255);
  box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  gap: 1rem;
  padding: 10px;
  opacity: 0;
}
.users_container .alluser_row_2 .card_box .card_detail_box .detail_actions .info .info_message_box .info_message {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.users_container .alluser_row_2 .card_box .card_detail_box .detail_actions .info .info_message_box .info_message p {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-size: 0.7rem;
  font-weight: 550;
  color: darkcyan;
}
.users_container .alluser_row_2 .card_box .card_detail_box .detail_actions .info .info_message_box .info_message p strong {
  color: gray;
  padding-left: 5px;
}
.users_container .alluser_row_2 .card_box .card_detail_box .detail_actions .edit {
  position: relative;
}
.users_container .alluser_row_2 .card_box .card_detail_box .detail_actions .edit .touch_hand {
  position: absolute;
  bottom: 0%;
  right: -85%;
}
.users_container .alluser_row_2 .card_box .card_detail_box .detail_actions .edit .touch_hand img {
  width: 30px;
  height: 30px;
  mix-blend-mode: multiply;
}
.users_container .alluser_row_2 .card_box .card_detail_box .detail_actions #show {
  opacity: 1;
}
@media screen and (max-width: 1200px) {
  .users_container .alluser_row_2 .card_box .card_detail_box {
    width: 200vw;
    grid-template-columns: 2fr 2fr 2fr 2fr 2fr 2fr;
  }
}
@media screen and (max-width: 700px) {
  .users_container .alluser_row_2 .card_box .card_detail_box {
    width: 300vw;
    grid-template-columns: 2fr 2fr 2fr 2fr 2fr 2fr;
  }
}
@media screen and (max-width: 700px) and (max-width: 776px) {
  .users_container .alluser_row_2 .card_box .card_detail_box {
    background-color: rgb(179, 255, 208) !important;
  }
}
.users_container .alluser_row_2 .card_box .card_detail_box_empty {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
}
.users_container .alluser_row_2 .card_box .card_detail_box_empty small {
  font-size: 0.9rem;
  font-weight: 550;
  color: rgb(255, 124, 124);
}
@media screen and (max-width: 1200px) {
  .users_container .alluser_row_2 .card_box {
    width: 200vw;
    overflow-x: scroll;
  }
}
.users_container .alluser_row_2 .request_form_container {
  width: 500px;
  max-width: 500px;
  height: 80%;
  background-color: #fff;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  padding: 10px;
}
.users_container .alluser_row_2 .request_form_container .close {
  position: absolute;
  top: 2%;
  right: 2%;
}
.users_container .alluser_row_2 .request_form_container .close .icon {
  font-size: 1.8rem;
  color: red;
  cursor: pointer;
}
.users_container .alluser_row_2 .request_form_container .close .icon:hover {
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
}
.users_container .alluser_row_2 .request_form_container .title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.users_container .alluser_row_2 .request_form_container .title h4 {
  font-size: 1.2rem;
  font-weight: 600;
  letter-spacing: 1px;
  border-bottom: 1px solid rgb(255, 155, 40);
}
.users_container .alluser_row_2 .request_form_container form {
  padding: 1rem 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
}
.users_container .alluser_row_2 .request_form_container form .form_group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  margin: 0.2rem 0px;
  width: 100%;
}
.users_container .alluser_row_2 .request_form_container form .form_group label {
  color: rgb(82, 82, 82);
  font-size: 0.9rem;
  font-weight: 700;
  letter-spacing: 1px;
}
.users_container .alluser_row_2 .request_form_container form .form_group input, .users_container .alluser_row_2 .request_form_container form .form_group select {
  padding: 0.8rem 1rem;
  border: 1px solid lightgray;
  outline: none;
  width: 100%;
  border-radius: 0.3rem;
}
.users_container .alluser_row_2 .request_form_container form .form_group .notAllowed {
  cursor: not-allowed;
  color: rgb(73, 73, 73);
  background-color: lightgray;
}
.users_container .alluser_row_2 .request_form_container form .form_action {
  padding: 1rem 20px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.users_container .alluser_row_2 .request_form_container form .form_action button {
  width: -moz-max-content;
  width: max-content;
  padding: 0.5rem 1rem;
  outline: none;
  cursor: pointer;
  background-color: #e9762a;
  color: #fff;
  font-weight: 600;
  letter-spacing: 1px;
  border-radius: 5px;
}
.users_container .alluser_row_2 .request_form_container form .form_action button:hover {
  background-color: #ff8b3f;
}
.users_container .alluser_row_2::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.users_container .alluser_row_2::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
}
.users_container .alluser_row_2::-webkit-scrollbar-thumb {
  background-color: #c4c4c4; /* Indigo or your brand color */
  border-radius: 10px;
  border: 2px solid #f1f1f1; /* optional padding effect */
}
.users_container .alluser_row_2::-webkit-scrollbar-thumb:hover {
  background-color: #4338ca;
}.resend_container {
  position: relative;
  width: 100vw;
  height: 100vh;
  max-height: auto;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  gap: 2rem;
  z-index: 100;
  overflow-y: hidden;
  transition: all 0.5s linear;
}
.resend_container .auth_back {
  position: absolute;
  top: 0%;
  bottom: 0%;
  left: 0%;
  opacity: 0.3;
  filter: blur(0px) brightness(40%) grayscale(1);
  background-position: right;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 1;
  scale: 1.8;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .resend_container .auth_back {
    filter: brightness(100%);
    display: none;
  }
}
.resend_container .brand_logo {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.resend_container .brand_logo img {
  width: auto;
  height: 90px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}
@media screen and (max-width: 767px) {
  .resend_container .brand_logo img {
    width: 200px;
    height: auto;
  }
  .resend_container .brand_logo {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
    background-color: #fff;
  }
}
.resend_container .home_page {
  position: absolute;
  top: 3%;
  left: 2%;
  z-index: 5;
}
.resend_container .home_page a {
  text-decoration: none;
  padding: 0.4rem 1rem;
  background-color: rgb(255, 255, 255);
  border-radius: 0.1rem;
  color: #3f3f3f;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-weight: 550;
  cursor: pointer;
  transition: background 0.2s linear;
}
.resend_container .home_page a span {
  font-size: 0.7rem;
  font-weight: 600;
}
.resend_container .home_page a:hover {
  background: linear-gradient(120deg, #ff8b3f 30%, #e9762a 50%);
  color: #ffffff;
  transition: background 0.2s linear;
}
@media screen and (max-width: 767px) {
  .resend_container .home_page {
    display: none;
  }
}
.resend_container .verify_box_container {
  width: 1200px;
  max-width: 1200px;
  min-height: 500px;
  height: auto;
  z-index: 5;
  overflow-y: scroll;
  background: linear-gradient(90deg, #b7fdf1 30%, #ffffff 45%);
  box-shadow: 0 8px 32px 0 rgba(44, 44, 44, 0.479);
  outline: none;
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  justify-content: flex-start;
}
.resend_container .verify_box_container .left_side {
  width: 40% !important;
  max-width: 40%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0.5rem;
  flex: 0.5;
  color: white;
  background: linear-gradient(0deg, #e9762a, #ff8b3f);
  border-top-right-radius: 0rem;
}
.resend_container .verify_box_container .left_side .title {
  padding: 1rem;
  display: flex;
  width: 100%;
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-start;
  gap: 10px;
  grid-column: 1/-1;
}
.resend_container .verify_box_container .left_side .title h4 {
  font-size: 1.2rem;
  font-weight: 500;
}
@media screen and (max-width: 600px) {
  .resend_container .verify_box_container .left_side .title h4 {
    font-size: 1rem;
    text-align: start;
    font-weight: 550;
  }
}
.resend_container .verify_box_container .left_side .title small {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-weight: 500;
  line-height: 1.3rem;
  font-size: 0.8rem;
  text-indent: 0rem;
}
@media screen and (max-width: 600px) {
  .resend_container .verify_box_container .left_side .title small {
    font-size: 0.8rem;
  }
  .resend_container .verify_box_container .left_side .title {
    padding: 0.5rem 0px;
  }
}
.resend_container .verify_box_container .left_side .right_image {
  place-items: end;
  width: 100% !important;
  max-width: 100%;
  height: 100%;
  margin: auto;
}
.resend_container .verify_box_container .left_side .right_image .slick-slider {
  width: 70%;
  margin: auto;
}
.resend_container .verify_box_container .left_side .right_image .slick-prev::before,
.resend_container .verify_box_container .left_side .right_image .slick-next::before {
  color: #ffffff; /* Replace with your desired color */
}
.resend_container .verify_box_container .left_side .right_image img {
  width: 100%;
  height: 300px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  place-items: center;
  filter: brightness(110%);
}
.resend_container .verify_box_container .left_side .right_image .images-wrap {
  height: 100%;
  margin: auto;
}
@media screen and (max-width: 700px) {
  .resend_container .verify_box_container .left_side .right_image {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .resend_container .verify_box_container .left_side {
    width: 100%;
    min-width: 100%;
    height: auto;
    min-height: auto;
    max-height: auto;
    flex: 0.1;
    background: #fff !important;
    color: #2b2a2a;
    padding: 1rem;
  }
}
.resend_container .verify_box_container .right_side {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  height: 100%;
  flex: 0.4;
  padding: 1rem 1rem;
}
.resend_container .verify_box_container .right_side form {
  width: 100%;
  height: auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem 1rem;
  place-items: start;
  padding-bottom: 1rem;
  position: relative;
}
.resend_container .verify_box_container .right_side form .form_title {
  display: flex;
  width: 100%;
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-start;
  gap: 5px;
  grid-column: 1/-1;
}
.resend_container .verify_box_container .right_side form .form_title small {
  color: rgb(68, 68, 68);
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-weight: 500;
  font-size: 1rem;
}
@media screen and (max-width: 600px) {
  .resend_container .verify_box_container .right_side form .form_title small {
    font-size: 0.8rem;
  }
  .resend_container .verify_box_container .right_side form .form_title {
    padding: 0.5rem 0px;
  }
}
.resend_container .verify_box_container .right_side form .otp_form_group {
  margin: 1rem 0px;
}
.resend_container .verify_box_container .right_side form .form_group {
  margin: 10px auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  position: relative;
  margin: 0.5rem 0px;
}
.resend_container .verify_box_container .right_side form .form_group label {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  top: -18px;
  position: absolute;
  padding: 0px 10px;
  font-weight: bold;
  left: 5%;
  z-index: 10;
  color: rgb(199, 197, 197);
  -webkit-text-fill-color: rgb(68, 68, 68);
  font-size: 0.7rem;
  background-color: #fff;
  border-radius: 4px;
  letter-spacing: 1px;
}
.resend_container .verify_box_container .right_side form .form_group label span {
  font-size: 1rem;
  font-weight: 550;
  color: red !important;
  -webkit-text-fill-color: rgb(255, 31, 31);
}
.resend_container .verify_box_container .right_side form .form_group label span sup {
  color: red !important;
}
@media screen and (max-width: 800px) {
  .resend_container .verify_box_container .right_side form .form_group label {
    left: 5%;
    background-color: #fff;
  }
}
.resend_container .verify_box_container .right_side form .form_group input {
  width: 60%;
  padding: 0.7rem 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: double 1px transparent;
  background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #818181, #a5a5a5);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border-radius: 0.3rem;
  outline: none;
  font-size: 1em;
  font-weight: 500;
  color: rgb(63, 63, 63);
  transition: all 0.3s ease;
}
@media screen and (max-width: 800px) {
  .resend_container .verify_box_container .right_side form .form_group input {
    padding: 0.8rem 2rem;
    width: 100% !important;
    flex: 1;
    background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #68e2c4, #98abff);
  }
}
.resend_container .verify_box_container .right_side form .form_group input::-moz-placeholder {
  font-size: 0.8rem;
  color: rgb(129, 128, 128);
  letter-spacing: 1px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
}
.resend_container .verify_box_container .right_side form .form_group input::placeholder {
  font-size: 0.8rem;
  color: rgb(129, 128, 128);
  letter-spacing: 1px;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
}
.resend_container .verify_box_container .right_side form .form_group input:focus {
  border: double 1px transparent;
  border-radius: 0.3rem;
  background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #68e2c4, #98abff);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  transition: all 0.3s ease;
}
.resend_container .verify_box_container .right_side form .form_group .input_error {
  border: 1px solid red;
}
.resend_container .verify_box_container .right_side form .form_group .error {
  position: absolute;
  bottom: -5%;
  color: red;
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
@media screen and (max-width: 600px) {
  .resend_container .verify_box_container .right_side form .form_group .error {
    position: absolute;
    color: red;
    bottom: 3px;
  }
}
.resend_container .verify_box_container .right_side form .form_group .icon {
  position: absolute;
  left: 2%;
  top: 25%;
}
.resend_container .verify_box_container .right_side form .form_group .icon i {
  font-size: 1.2rem;
  color: rgb(68, 68, 68);
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 800px) {
  .resend_container .verify_box_container .right_side form .form_group .icon {
    position: absolute;
    left: 2%;
    top: 14%;
  }
}
.resend_container .verify_box_container .right_side form .form_group .success_icon {
  position: absolute;
  right: 2%;
  display: block;
  top: 22%;
}
.resend_container .verify_box_container .right_side form .form_group .success_icon i {
  font-size: 1.2rem;
  color: #1a8114;
}
@media screen and (max-width: 800px) {
  .resend_container .verify_box_container .right_side form .form_group .success_icon {
    position: absolute;
    right: 2%;
    top: 25%;
  }
}
.resend_container .verify_box_container .right_side form .form_group #success_hide {
  display: none;
}
.resend_container .verify_box_container .right_side form .form_group #success_show {
  display: block;
}
.resend_container .verify_box_container .right_side form .form_group .show_pass {
  position: absolute;
  right: 5%;
  top: 14%;
}
.resend_container .verify_box_container .right_side form .form_group .show_pass i {
  font-size: 1rem;
  color: #014059;
  cursor: pointer;
}
@media screen and (max-width: 800px) {
  .resend_container .verify_box_container .right_side form .form_group .show_pass {
    position: absolute;
    right: 2%;
    top: 14%;
  }
}
@media screen and (max-width: 900px) {
  .resend_container .verify_box_container .right_side form .form_group {
    margin: 0.5rem auto;
  }
}
@media screen and (max-width: 700px) {
  .resend_container .verify_box_container .right_side form .form_group {
    margin: 0.3rem auto;
    width: 100%;
  }
}
.resend_container .verify_box_container .right_side form .verify_otp_time_box {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  justify-content: flex-end;
}
.resend_container .verify_box_container .right_side form .verify_otp_time_box a {
  text-decoration: none;
  color: #6063ff;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  font-size: 0.9rem;
  font-weight: 500;
}
.resend_container .verify_box_container .right_side form .verify_otp_time_box a i {
  font-size: 1.2rem;
}
.resend_container .verify_box_container .right_side form .form_submit {
  width: 100%;
  margin: 0rem auto;
  display: flex;
  grid-column: 1/-1;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  margin-top: 10px;
}
.resend_container .verify_box_container .right_side form .form_submit button {
  position: relative;
  width: auto;
  vertical-align: middle;
  padding: 0.6rem 1.5rem;
  outline: none;
  border: transparent;
  background: linear-gradient(90deg, #ff8b3f, #e9762a);
  color: #fff;
  border-radius: 2rem;
  letter-spacing: 1px;
  font-weight: 500;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  transition: all 0.2s ease-in-out;
}
.resend_container .verify_box_container .right_side form .form_submit button .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  background-color: rgba(255, 255, 255, 0.3960784314);
  border-radius: 2rem;
}
.resend_container .verify_box_container .right_side form .form_submit button:hover {
  background: linear-gradient(90deg, #e9762a, #ff8b3f);
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
  transition: all 0.2s ease-in-out;
}
@media screen and (max-width: 600px) {
  .resend_container .verify_box_container .right_side form .form_submit button {
    width: auto;
  }
}
.resend_container .verify_box_container .right_side form .login_link {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
  width: 100%;
  margin: 1rem 0px;
}
.resend_container .verify_box_container .right_side form .login_link small {
  font-size: 0.8rem;
  color: gray;
}
.resend_container .verify_box_container .right_side form .login_link a {
  text-decoration: none;
  color: #6063ff;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  font-size: 0.8rem;
  font-weight: 500;
}
.resend_container .verify_box_container .right_side form .login_link a i {
  font-size: 1.2rem;
}
.resend_container .verify_box_container .right_side form .verify_nav_actions {
  margin-top: 2rem;
  width: 100%;
  grid-column: 1/-1;
  display: flex;
  flex-direction: column;
  align-items: flex-start !important;
  justify-content: flex-start;
}
.resend_container .verify_box_container .right_side form .verify_nav_actions p {
  width: 100%;
  font-size: 0.8rem;
  color: rgb(34, 34, 34);
  display: flex;
  align-items: center;
  text-align: start;
  gap: 10px;
  font-weight: 550;
  justify-content: flex-start;
}
.resend_container .verify_box_container .right_side form .verify_nav_actions p a {
  text-decoration: none;
  color: royalblue;
  cursor: pointer;
  font-weight: 600;
}
@media screen and (max-width: 900px) {
  .resend_container .verify_box_container .right_side form {
    width: 100%;
  }
}
.resend_container .verify_box_container .right_side .back {
  width: 100%;
}
.resend_container .verify_box_container .right_side .back a {
  margin-bottom: 1rem;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
  width: 100%;
  color: #4D5EFF;
}
.resend_container .verify_box_container .right_side .verify_form {
  width: 100%;
  height: auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.2rem 1rem;
  margin: 1rem 2rem;
  padding-bottom: 1rem;
  position: relative;
}
.resend_container .verify_box_container .right_side .verify_form .form_group input {
  width: 70%;
}
@media screen and (max-width: 900px) {
  .resend_container .verify_box_container .right_side {
    flex: 0.6;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .resend_container .verify_box_container .right_side {
    flex: 1;
    width: 100%;
    min-width: 100%;
    margin: auto;
    padding: 1rem;
  }
}
.resend_container .verify_box_container::-webkit-scrollbar {
  display: none !important;
}
@media screen and (max-width: 800px) {
  .resend_container .verify_box_container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    height: auto;
    box-shadow: none;
    background-image: none;
  }
}
@media screen and (max-width: 500px) {
  .resend_container .verify_box_container {
    width: 100%;
    height: 100vh;
    box-shadow: none;
    border-radius: 0rem;
    background-image: none;
    background: linear-gradient(180deg, #ffffff 50%, #ffffff 50%);
  }
}
.resend_container::-webkit-scrollbar {
  display: block;
  width: 4px;
  height: 4px;
  background-color: rgba(255, 255, 255, 0);
  border-radius: 4px;
}
.resend_container::-webkit-scrollbar-thumb {
  width: 4px;
  background-color: #e2e2e2;
  height: 10px;
}
@media screen and (max-width: 900px) {
  .resend_container {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
  }
}
@media screen and (max-width: 767px) {
  .resend_container {
    background-color: #fff !important;
    gap: 0px;
  }
}

#login_back {
  background: linear-gradient(140deg, #EFF0F5, #EFF0F5);
  transition: all 0.5s linear;
}

#register_back {
  background: linear-gradient(140deg, #EFF0F5, #EFF0F5);
  transition: all 0.5s linear;
}

@keyframes animate {
  0% {
    transform: translateY(0) rotate(0deg);
    opacity: 1;
    border-radius: 0;
  }
  100% {
    transform: translateY(-1000px) rotate(720deg);
    opacity: 0;
    border-radius: 50%;
  }
}
/* HTML: <div class="loader"></div> */
.loader {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  display: inline-block;
  border-top: 2px solid #ffffff;
  border-right: 3px solid transparent;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}.otp_input_Container {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  gap: 8px;
  width: 100% !important;
}
.otp_input_Container .otp_input {
  width: 50px !important;
  height: 50px;
  border-radius: 0.3rem;
  border: 1px solid #747474;
  outline: none;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: 0.5rem 0px;
}
.otp_input_Container .otp_input:focus {
  border: double 1px transparent;
  border-radius: 0.3rem;
  background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #68e2c4, #98abff);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  transition: all 0.3s ease;
}.reseller_container {
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
  vertical-align: middle;
  margin: auto;
  background-color: #fff;
}
.reseller_container .row {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.reseller_container .row .col_left_sidenav {
  width: 18%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  padding: 0rem 0.5rem;
  box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
  position: relative;
}
.reseller_container .row .col_left_sidenav .home {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 1rem 0px;
  font-size: 2rem;
  color: #f59a12;
}
.reseller_container .row .col_left_sidenav .home a {
  color: #ff812d;
  cursor: pointer;
  filter: drop-shadow(0px 4px 5px rgba(255, 144, 53, 0.4));
}
.reseller_container .row .col_left_sidenav .title h2 {
  font-size: 1rem;
  color: #525252;
  font-weight: bolder;
  letter-spacing: 1px;
  text-transform: uppercase;
}
.reseller_container .row .col_left_sidenav .user_datas {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
  color: rgb(71, 71, 71);
  margin: 1rem auto;
}
.reseller_container .row .col_left_sidenav .user_datas img {
  width: 70px;
  height: 70px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
}
.reseller_container .row .col_left_sidenav .user_datas h2 {
  font-size: 1.3rem;
  color: #000;
  font-weight: 600;
  text-transform: uppercase;
}
.reseller_container .row .col_left_sidenav .user_datas p {
  font-size: 0.9rem;
  color: gray;
  font-weight: 700;
}
.reseller_container .row .col_left_sidenav .menus {
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.reseller_container .row .col_left_sidenav .menus ul {
  width: 100%;
  text-decoration: none;
  list-style-type: none;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
}
.reseller_container .row .col_left_sidenav .menus ul a {
  padding: 0.5rem 2rem;
  width: 100%;
  color: #000;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 15px;
  cursor: pointer;
  transition: all 0.4s ease-in-out;
}
.reseller_container .row .col_left_sidenav .menus ul a i {
  font-size: 1.2rem;
}
.reseller_container .row .col_left_sidenav .menus ul a p {
  font-weight: 500;
  letter-spacing: 1px;
}
.reseller_container .row .col_left_sidenav .menus ul a:hover {
  background-color: #5cb3ff;
  color: #fff;
  border-radius: 0.3rem;
  transition: all 0.4s ease-in-out;
}
.reseller_container .row .col_left_sidenav .menus ul .activeMenu {
  background-color: #5cb3ff;
  color: #fff;
  border-radius: 0.3rem;
  transition: all 0.4s ease-in-out;
}
.reseller_container .row .col_left_sidenav .logout {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start;
  gap: 10px;
  margin: 1rem 0.5rem;
}
.reseller_container .row .col_left_sidenav .logout p {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  color: rgb(255, 71, 39);
  cursor: pointer;
}
.reseller_container .row .col_left_sidenav .logout p i {
  font-size: 1.5rem;
  padding: 0.3rem;
}
.reseller_container .row .col_right_content {
  width: 82%;
  height: 100%;
}
.reseller_container .row .col_right_content .top_navbar {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0px 2rem;
  height: 10%;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}
.reseller_container .row .col_right_content .top_navbar .user_name {
  display: flex;
  align-items: center;
  height: 100%;
  justify-content: center;
  gap: 5px;
}
.reseller_container .row .col_right_content .top_navbar .user_name h2 {
  font-size: 1.2rem;
  font-weight: 550;
}
.reseller_container .row .col_right_content .top_navbar .user_name img {
  width: 30px;
  height: 30px;
  animation: hand 3s infinite linear;
}
@keyframes hand {
  0% {
    transform: rotate(10deg);
  }
  50% {
    transform: rotate(-20deg);
  }
  100% {
    transform: rotate(10deg);
  }
}
.reseller_container .row .col_right_content .top_navbar .update_profile {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
}
.reseller_container .row .col_right_content .top_navbar .update_profile i {
  font-size: 1.5rem;
}
.reseller_container .row .col_right_content .top_navbar .update_profile .revenu {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.reseller_container .row .col_right_content .top_navbar .update_profile .revenu p {
  font-size: 1rem;
  font-weight: 550;
  letter-spacing: 1px;
}
.reseller_container .row .col_right_content .top_navbar .update_profile .revenu small {
  font-size: 1.2rem;
  font-weight: 600;
  color: rgb(2, 138, 131);
}
.reseller_container .row .col_right_content .content {
  height: 90%;
  width: 100%;
}
.reseller_container .hide {
  opacity: 0.7;
  background-color: lightgray;
}
.reseller_container .payment_container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70%;
  height: 60%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.reseller_container .payment_container .payment_popup {
  position: relative;
  background-color: #ffffff;
  box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
  width: 100%;
  height: 100%;
  padding: 1rem;
  color: #2e2e2e;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
}
.reseller_container .payment_container .payment_popup .close {
  position: absolute;
  top: 2%;
  right: 1%;
}
.reseller_container .payment_container .payment_popup .close i {
  font-size: 2rem;
  color: tomato;
  cursor: pointer;
  transition: all 0.4s ease-in-out;
}
.reseller_container .payment_container .payment_popup .close i:hover {
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
  scale: 1.3;
  transition: all 0.4s ease-in-out;
}
.reseller_container .payment_container .payment_popup .user_details {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
}
.reseller_container .payment_container .payment_popup .user_details h2 {
  font-size: 1.2rem;
}
.reseller_container .payment_container .payment_popup .user_details img {
  width: 25px;
  height: 25px;
}
.reseller_container .payment_container .payment_popup .note {
  width: 100%;
  font-size: 0.9rem;
  font-weight: 400;
}
.reseller_container .payment_container .payment_popup .price_container {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
}
.reseller_container .payment_container .payment_popup .price_container .plan {
  width: 40%;
  background: #2e2a3d;
  overflow-y: scroll;
  height: 100%;
  position: relative;
  border-radius: 0.5rem;
  border: none;
  box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
  padding: 1rem 0.7rem 1rem 0.7rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
  justify-content: flex-start;
  transition: all 0.5s ease-in;
  color: #fff;
}
.reseller_container .payment_container .payment_popup .price_container .plan .access_details_icons {
  position: absolute;
  right: 6%;
  top: 20%;
  font-size: 1.5rem;
}
.reseller_container .payment_container .payment_popup .price_container .plan .access_details_icons i {
  cursor: pointer;
  font-size: 1.5rem;
  color: rgb(29, 119, 255);
}
.reseller_container .payment_container .payment_popup .price_container .plan .batches {
  position: absolute;
  top: 5%;
  right: 5%;
}
.reseller_container .payment_container .payment_popup .price_container .plan .batches img {
  width: 30px;
  height: 30px;
  filter: drop-shadow(0px 4px 5px rgba(255, 255, 255, 0.5));
  border-radius: 10px;
}
.reseller_container .payment_container .payment_popup .price_container .plan .batches i {
  font-size: 1.5rem;
  color: rgb(161, 65, 225);
}
.reseller_container .payment_container .payment_popup .price_container .plan .down_arrow {
  position: absolute;
  bottom: 0%;
  right: -5%;
  transform: translate(-50%, -50%);
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f59a12;
  border-radius: 50%;
}
.reseller_container .payment_container .payment_popup .price_container .plan .down_arrow i {
  font-size: 1rem;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
}
.reseller_container .payment_container .payment_popup .price_container .plan .plan_title h3 {
  font-size: 1.2rem;
  font-weight: 600;
}
.reseller_container .payment_container .payment_popup .price_container .plan .plan_price {
  display: flex;
  align-items: center;
  justify-content: center;
}
.reseller_container .payment_container .payment_popup .price_container .plan .plan_price h2 {
  font-size: 1.6rem;
  color: #ffea72;
}
.reseller_container .payment_container .payment_popup .price_container .plan .plan_price h2 small {
  font-size: 0.8rem;
  font-weight: 500;
}
.reseller_container .payment_container .payment_popup .price_container .plan .card_count {
  display: flex;
  align-items: center;
  justify-content: center;
}
.reseller_container .payment_container .payment_popup .price_container .plan .card_count p {
  font-size: 0.9rem;
  font-weight: 500;
}
.reseller_container .payment_container .payment_popup .price_container .plan .card_count p span {
  font-weight: bold;
}
.reseller_container .payment_container .payment_popup .price_container .plan .card_useCase {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  width: 100%;
  display: block;
  transition: all 0.5s ease-in;
}
.reseller_container .payment_container .payment_popup .price_container .plan .card_useCase strong {
  font-size: 0.8rem;
  font-weight: 600;
  color: rgb(4, 168, 141);
}
.reseller_container .payment_container .payment_popup .price_container .plan .card_useCase p {
  font-size: 0.8rem;
  font-weight: 500;
}
.reseller_container .payment_container .payment_popup .price_container .plan .card_useCase p span {
  font-weight: bold;
}
.reseller_container .payment_container .payment_popup .price_container .plan .plan_action {
  width: 80%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}
.reseller_container .payment_container .payment_popup .price_container .plan .plan_action .action_div {
  text-decoration: none;
  color: #fff;
  font-size: 0.9rem;
  font-weight: 550;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.reseller_container .payment_container .payment_popup .price_container .plan .plan_action .action_div button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1rem;
  width: 100%;
  outline: none;
  background-color: #3a8365;
  cursor: pointer;
  border-radius: 5px;
  transition: all 0.3s ease;
}
.reseller_container .payment_container .payment_popup .price_container .plan .plan_action .action_div button:hover {
  background-color: #523ab3;
  color: #fff;
  transition: all 0.3s ease;
}
.reseller_container .payment_container .payment_popup .price_container .plan .plan_action .action_div #disable {
  cursor: not-allowed;
  display: none;
}
.reseller_container .payment_container .payment_popup .price_container .plan .plan_action .activate_plan_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0.5rem 1rem;
  width: auto;
  outline: none;
  background-color: #4962f1;
  border-radius: 5px;
  transition: all 0.3s ease;
  margin: auto;
}
.reseller_container .payment_container .payment_popup .price_container .plan .plan_action .activate_plan_btn:hover {
  background-color: #523ab3;
  color: #fff;
  transition: all 0.3s ease;
}
.reseller_container .payment_container .payment_popup .price_container .plan .plan_action #activePlan button {
  background-color: #523ab3 !important;
  color: #fff !important;
}
.reseller_container .payment_container .payment_popup .price_container .plan .plan_addon_service {
  width: 90%;
  margin: 1rem 0px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.reseller_container .payment_container .payment_popup .price_container .plan .plan_addon_service .list {
  width: 100%;
  height: 50px;
  display: flex;
  vertical-align: middle;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
}
.reseller_container .payment_container .payment_popup .price_container .plan .plan_addon_service .list .icon i {
  font-size: 1.5rem;
  height: 100%;
  display: flex;
  height: 50px;
  align-items: center;
  justify-content: flex-start;
  color: #64caa0;
}
.reseller_container .payment_container .payment_popup .price_container .plan .plan_addon_service .list .icon .bxs-shield-x {
  color: red;
}
.reseller_container .payment_container .payment_popup .price_container .plan .plan_addon_service .list .text {
  height: 50px;
}
.reseller_container .payment_container .payment_popup .price_container .plan .plan_addon_service .list .text p {
  font-size: 0.8rem;
  font-weight: 500;
  color: #4b4a4a;
  display: flex;
  height: 50px;
  align-items: center;
  justify-content: flex-start;
}
.reseller_container .payment_container .payment_popup .price_container .plan:hover {
  transition: all 0.5s ease-in;
}
.reseller_container .payment_container .payment_popup .price_container .plan:hover .card_useCase {
  display: block;
  transition: all 0.5s ease-in;
}
.reseller_container .payment_container .payment_popup .price_container .plan::after, .reseller_container .payment_container .payment_popup .price_container .plan::before {
  content: "";
  width: 103%;
  height: 104%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 0.5rem;
  background-image: conic-gradient(from var(--angle), hsla(0, 0%, 100%, 0.678), rgba(187, 253, 255, 0.815));
  z-index: -1;
  animation: 3s spin linear infinite;
}
@media screen and (max-width: 776px) {
  .reseller_container .payment_container .payment_popup .price_container .plan::after, .reseller_container .payment_container .payment_popup .price_container .plan::before {
    animation: none;
  }
}
.reseller_container .payment_container .payment_popup .price_container .plan::before {
  filter: blur(3rem);
  opacity: 0.8;
}
@media screen and (max-width: 776px) {
  .reseller_container .payment_container .payment_popup .price_container .plan::before {
    filter: blur(1.5rem);
    opacity: 1;
  }
}
@keyframes spin {
  from {
    --angle: 0deg;
  }
  to {
    --angle: 360deg;
  }
}
.reseller_container .payment_container .payment_popup .price_container .plan::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 950px) {
  .reseller_container .payment_container .payment_popup .price_container .plan {
    width: 96%;
  }
}
.reseller_container .payment_container .payment_popup .price_container .plan2 {
  width: 40%;
  background: #57498b;
  overflow-y: scroll;
  height: 100%;
  position: relative;
  border-radius: 0.5rem;
  border: none;
  box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
  padding: 1rem 0.7rem 1rem 0.7rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 15px;
  justify-content: flex-start;
  transition: all 0.5s ease-in;
  color: #fff;
}
.reseller_container .payment_container .payment_popup .price_container .plan2 .access_details_icons {
  position: absolute;
  right: 6%;
  top: 20%;
  font-size: 1.5rem;
}
.reseller_container .payment_container .payment_popup .price_container .plan2 .access_details_icons i {
  cursor: pointer;
  font-size: 1.5rem;
  color: rgb(29, 119, 255);
}
.reseller_container .payment_container .payment_popup .price_container .plan2 .batches {
  position: absolute;
  top: 5%;
  right: 5%;
}
.reseller_container .payment_container .payment_popup .price_container .plan2 .batches img {
  width: 30px;
  height: 30px;
  filter: drop-shadow(0px 4px 5px rgba(255, 255, 255, 0.5));
  border-radius: 10px;
}
.reseller_container .payment_container .payment_popup .price_container .plan2 .batches i {
  font-size: 1.5rem;
  color: rgb(161, 65, 225);
}
.reseller_container .payment_container .payment_popup .price_container .plan2 .down_arrow {
  position: absolute;
  bottom: 0%;
  right: -5%;
  transform: translate(-50%, -50%);
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #f59a12;
  border-radius: 50%;
}
.reseller_container .payment_container .payment_popup .price_container .plan2 .down_arrow i {
  font-size: 1rem;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
}
.reseller_container .payment_container .payment_popup .price_container .plan2 .plan_title h3 {
  font-size: 1.2rem;
  font-weight: 600;
}
.reseller_container .payment_container .payment_popup .price_container .plan2 .plan_price {
  display: flex;
  align-items: center;
  justify-content: center;
}
.reseller_container .payment_container .payment_popup .price_container .plan2 .plan_price h2 {
  font-size: 1.6rem;
  color: #ffea72;
}
.reseller_container .payment_container .payment_popup .price_container .plan2 .plan_price h2 small {
  font-size: 0.8rem;
  font-weight: 500;
}
.reseller_container .payment_container .payment_popup .price_container .plan2 .card_count {
  display: flex;
  align-items: center;
  justify-content: center;
}
.reseller_container .payment_container .payment_popup .price_container .plan2 .card_count p {
  font-size: 0.9rem;
  font-weight: 500;
}
.reseller_container .payment_container .payment_popup .price_container .plan2 .card_count p span {
  font-weight: bold;
}
.reseller_container .payment_container .payment_popup .price_container .plan2 .card_useCase {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  width: 100%;
  display: block;
  transition: all 0.5s ease-in;
}
.reseller_container .payment_container .payment_popup .price_container .plan2 .card_useCase strong {
  font-size: 0.8rem;
  font-weight: 600;
  color: rgb(4, 168, 141);
}
.reseller_container .payment_container .payment_popup .price_container .plan2 .card_useCase p {
  font-size: 0.8rem;
  font-weight: 500;
}
.reseller_container .payment_container .payment_popup .price_container .plan2 .card_useCase p span {
  font-weight: bold;
}
.reseller_container .payment_container .payment_popup .price_container .plan2 .plan_action {
  width: 80%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}
.reseller_container .payment_container .payment_popup .price_container .plan2 .plan_action .action_div {
  text-decoration: none;
  color: #fff;
  font-size: 0.9rem;
  font-weight: 550;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.reseller_container .payment_container .payment_popup .price_container .plan2 .plan_action .action_div button {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.5rem 1rem;
  width: 100%;
  outline: none;
  background-color: #3a8365;
  cursor: pointer;
  border-radius: 5px;
  transition: all 0.3s ease;
}
.reseller_container .payment_container .payment_popup .price_container .plan2 .plan_action .action_div button:hover {
  background-color: #523ab3;
  color: #fff;
  transition: all 0.3s ease;
}
.reseller_container .payment_container .payment_popup .price_container .plan2 .plan_action .action_div #disable {
  cursor: not-allowed;
  display: none;
}
.reseller_container .payment_container .payment_popup .price_container .plan2 .plan_action .activate_plan_btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 0.5rem 1rem;
  width: auto;
  outline: none;
  background-color: #4962f1;
  border-radius: 5px;
  transition: all 0.3s ease;
  margin: auto;
}
.reseller_container .payment_container .payment_popup .price_container .plan2 .plan_action .activate_plan_btn:hover {
  background-color: #523ab3;
  color: #fff;
  transition: all 0.3s ease;
}
.reseller_container .payment_container .payment_popup .price_container .plan2 .plan_action #activePlan button {
  background-color: #523ab3 !important;
  color: #fff !important;
}
.reseller_container .payment_container .payment_popup .price_container .plan2 .plan_addon_service {
  width: 90%;
  margin: 1rem 0px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
.reseller_container .payment_container .payment_popup .price_container .plan2 .plan_addon_service .list {
  width: 100%;
  height: 50px;
  display: flex;
  vertical-align: middle;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
}
.reseller_container .payment_container .payment_popup .price_container .plan2 .plan_addon_service .list .icon i {
  font-size: 1.5rem;
  height: 100%;
  display: flex;
  height: 50px;
  align-items: center;
  justify-content: flex-start;
  color: #64caa0;
}
.reseller_container .payment_container .payment_popup .price_container .plan2 .plan_addon_service .list .icon .bxs-shield-x {
  color: red;
}
.reseller_container .payment_container .payment_popup .price_container .plan2 .plan_addon_service .list .text {
  height: 50px;
}
.reseller_container .payment_container .payment_popup .price_container .plan2 .plan_addon_service .list .text p {
  font-size: 0.8rem;
  font-weight: 500;
  color: #4b4a4a;
  display: flex;
  height: 50px;
  align-items: center;
  justify-content: flex-start;
}
.reseller_container .payment_container .payment_popup .price_container .plan2:hover {
  transition: all 0.5s ease-in;
}
.reseller_container .payment_container .payment_popup .price_container .plan2:hover .card_useCase {
  display: block;
  transition: all 0.5s ease-in;
}
.reseller_container .payment_container .payment_popup .price_container .plan2::after, .reseller_container .payment_container .payment_popup .price_container .plan2::before {
  content: "";
  width: 103%;
  height: 104%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 0.5rem;
  background-image: conic-gradient(from var(--angle), hsla(0, 0%, 100%, 0.678), rgba(187, 253, 255, 0.815));
  z-index: -1;
  animation: 3s spin linear infinite;
}
@media screen and (max-width: 776px) {
  .reseller_container .payment_container .payment_popup .price_container .plan2::after, .reseller_container .payment_container .payment_popup .price_container .plan2::before {
    animation: none;
  }
}
.reseller_container .payment_container .payment_popup .price_container .plan2::before {
  filter: blur(3rem);
  opacity: 0.8;
}
@media screen and (max-width: 776px) {
  .reseller_container .payment_container .payment_popup .price_container .plan2::before {
    filter: blur(1.5rem);
    opacity: 1;
  }
}
@keyframes spin {
  from {
    --angle: 0deg;
  }
  to {
    --angle: 360deg;
  }
}
.reseller_container .payment_container .payment_popup .price_container .plan2::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 950px) {
  .reseller_container .payment_container .payment_popup .price_container .plan2 {
    width: 96%;
  }
}
.reseller_container .activate_plan_container {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(224, 255, 255, 0.281);
  display: flex;
  align-items: center;
  justify-content: center;
}
.reseller_container .activate_plan_container .razorpay_popup {
  width: 65%;
  max-width: 1250px;
  height: 50%;
  max-height: 500px;
  background-color: #57498b;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: #fff;
}
.reseller_container .activate_plan_container .razorpay_popup .left {
  width: 50%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.reseller_container .activate_plan_container .razorpay_popup .right {
  width: 50%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  padding: 1rem;
}
.reseller_container .activate_plan_container .razorpay_popup .right .user_details {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
}
.reseller_container .activate_plan_container .razorpay_popup .right .user_details h2 {
  font-size: 1.2rem;
}
.reseller_container .activate_plan_container .razorpay_popup .right .user_details img {
  width: 25px;
  height: 25px;
}
.reseller_container .activate_plan_container .razorpay_popup .right .amount_details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  width: 100%;
}
.reseller_container .activate_plan_container .razorpay_popup .right .amount_details .title {
  font-size: 1.2rem;
  color: yellow;
}
.reseller_container .activate_plan_container .razorpay_popup .right .amount_details .amount {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.reseller_container .activate_plan_container .razorpay_popup .right .amount_details .amount p {
  padding: 0.5rem 2rem;
  background-color: #fff;
  color: rgb(61, 61, 61);
  font-size: 1.3rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
}
.reseller_container .activate_plan_container .razorpay_popup .right .amount_details .amount p small {
  font-size: 1.4rem;
}
.reseller_container .activate_plan_container .razorpay_popup .right .actions {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  margin: 2rem auto;
}
.reseller_container .activate_plan_container .razorpay_popup .right .actions .pay {
  padding: 0.4rem 1rem;
  font-size: 0.9rem;
  background-color: rgb(0, 192, 112);
  color: #ffffff;
  font-weight: 550;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  cursor: pointer;
  transition: all 0.2s ease-in;
}
.reseller_container .activate_plan_container .razorpay_popup .right .actions .pay:hover {
  filter: drop-shadow(0px 4px 5px rgba(255, 255, 255, 0.4));
  scale: 1.1;
  transition: all 0.2s ease-in;
}
.reseller_container .activate_plan_container .razorpay_popup .right .actions .cancel {
  padding: 0.4rem 1rem;
  font-size: 0.9rem;
  background-color: tomato;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  cursor: pointer;
  transition: all 0.2s ease-in;
}
.reseller_container .activate_plan_container .razorpay_popup .right .actions .cancel:hover {
  filter: drop-shadow(0px 4px 5px rgba(255, 255, 255, 0.4));
  scale: 1.1;
  transition: all 0.2s ease-in;
}
.users_container {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  overflow: hidden;
}
.users_container .register_form {
  width: 100%;
  height: 100%;
  position: absolute;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin: auto;
}
.users_container .register_form .register_box_container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 90%;
  z-index: 2;
  overflow-y: scroll;
  background: linear-gradient(90deg, #ffffff 40%, #ffffff 50%);
  box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
  outline: none;
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  border-radius: 0.2rem;
}
.users_container .register_form .register_box_container .logo_for_small_device {
  display: none;
  position: relative;
}
.users_container .register_form .register_box_container .logo_for_small_device img {
  width: 70px;
  height: 70px;
}
@media screen and (max-width: 767px) {
  .users_container .register_form .register_box_container .logo_for_small_device {
    display: block;
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.users_container .register_form .register_box_container .right_side {
  display: none;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 60%;
  height: 100%;
  position: relative;
}
.users_container .register_form .register_box_container .right_side .close {
  position: absolute;
  right: 2%;
  top: 2%;
  z-index: 3;
}
.users_container .register_form .register_box_container .right_side .close i {
  font-size: 2rem;
  color: tomato;
  cursor: pointer;
}
.users_container .register_form .register_box_container .right_side .close i:hover {
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
  scale: 1.05;
}
.users_container .register_form .register_box_container .right_side .current_form {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4rem;
  width: 100%;
  padding: 0.5rem 0px;
  background-color: #20c8e0;
}
.users_container .register_form .register_box_container .right_side .current_form button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-weight: 500;
  width: 100px;
  color: #fff;
  background: transparent !important;
  position: relative;
  cursor: pointer;
  font-size: 0.9rem;
}
.users_container .register_form .register_box_container .right_side .current_form button .register_line {
  width: 80%;
  height: 4px;
  background-color: #f5f82e;
  border-radius: 5px;
  position: absolute;
  bottom: -6px;
}
.users_container .register_form .register_box_container .right_side .current_form button .login_line {
  width: 60%;
  height: 4px;
  background-color: #f5f82e;
  border-radius: 5px;
  position: absolute;
  bottom: -6px;
}
.users_container .register_form .register_box_container .right_side .current_form .arrow img {
  width: 35px;
  height: 35px;
  background-color: #fff;
  border-radius: 50%;
  padding: 5px;
}
.users_container .register_form .register_box_container .right_side .current_form .activeRegister {
  color: #f5f82e;
}
.users_container .register_form .register_box_container .right_side .current_form .activelogin {
  color: #f5f82e;
}
.users_container .register_form .register_box_container .right_side form {
  width: 90%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 0.2rem 1rem;
  margin: 0rem auto;
  padding-bottom: 1rem;
  position: relative;
}
.users_container .register_form .register_box_container .right_side form .form_title {
  display: flex;
  width: 100%;
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-start;
  gap: 5px;
  grid-column: 1/-1;
  padding: 1rem 0px;
}
.users_container .register_form .register_box_container .right_side form .form_title h4 {
  font-size: 1.2rem;
  font-weight: 500;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  gap: 10px;
}
.users_container .register_form .register_box_container .right_side form .form_title h4::after {
  content: "";
  position: absolute;
  bottom: -25%;
  width: 8%;
  height: 3px;
  border-radius: 4px;
  margin: 5px auto;
  background: linear-gradient(90deg, #4d5eff, #6474ff);
}
@media screen and (max-width: 600px) {
  .users_container .register_form .register_box_container .right_side form .form_title h4 {
    font-size: 1rem;
    text-align: start;
    font-weight: 550;
  }
  .users_container .register_form .register_box_container .right_side form .form_title {
    padding: 0.5rem 0px;
  }
}
.users_container .register_form .register_box_container .right_side form .Profile {
  margin: 0px auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  position: relative;
  margin: 0.4rem 0.2rem;
}
.users_container .register_form .register_box_container .right_side form .Profile label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.2rem;
}
.users_container .register_form .register_box_container .right_side form .Profile label #profile_image {
  min-width: 70px;
  width: 70px;
  min-height: 70px;
  height: 70px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 0.5rem;
  border: 1px solid rgb(196, 196, 196);
  cursor: pointer;
}
.users_container .register_form .register_box_container .right_side form .Profile label span {
  font-size: 0.7rem;
  color: gray;
  font-weight: 600;
  padding-left: 1rem;
}
.users_container .register_form .register_box_container .right_side form .Profile input[type=file] {
  display: none;
}
@media screen and (max-width: 900px) {
  .users_container .register_form .register_box_container .right_side form .Profile {
    margin: 0.8rem auto;
  }
}
.users_container .register_form .register_box_container .right_side form .form_group {
  margin: 10px auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  position: relative;
  margin: 0.5rem 0.2rem;
  padding: 0px 0px 20px 0px;
}
.users_container .register_form .register_box_container .right_side form .form_group label {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  top: -10px;
  position: absolute;
  padding: 0px 4px;
  font-weight: bold;
  left: 5%;
  z-index: 10;
  color: rgb(199, 197, 197);
  -webkit-text-fill-color: #2b2a2a;
  font-size: 0.7rem;
  background-color: #fff;
  border-radius: 4px;
  letter-spacing: 1px;
}
.users_container .register_form .register_box_container .right_side form .form_group label span {
  font-size: 1rem;
  font-weight: 550;
  color: red !important;
  -webkit-text-fill-color: rgb(255, 31, 31);
}
.users_container .register_form .register_box_container .right_side form .form_group label span sup {
  color: red !important;
}
@media screen and (max-width: 800px) {
  .users_container .register_form .register_box_container .right_side form .form_group label {
    left: 5%;
    background-color: #fff;
  }
}
.users_container .register_form .register_box_container .right_side form .form_group input {
  width: 100%;
  padding: 0.6rem 2.5rem;
  border: double 1px transparent;
  background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #818181, #a5a5a5);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border-radius: 0.3rem;
  outline: none;
  font-size: 1rem;
  color: rgb(95, 95, 95);
  transition: all 0.3s ease;
}
.users_container .register_form .register_box_container .right_side form .form_group input::-moz-placeholder {
  font-size: 0.65rem;
  color: rgb(129, 128, 128);
  letter-spacing: 1px;
  font-weight: 500;
}
.users_container .register_form .register_box_container .right_side form .form_group input::placeholder {
  font-size: 0.65rem;
  color: rgb(129, 128, 128);
  letter-spacing: 1px;
  font-weight: 500;
}
.users_container .register_form .register_box_container .right_side form .form_group input:focus {
  border: double 1px transparent;
  border-radius: 0.3rem;
  background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #a85dff, #396eff);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  transition: all 0.3s ease;
}
@media screen and (max-width: 800px) {
  .users_container .register_form .register_box_container .right_side form .form_group input {
    padding: 0.8rem 2rem;
    width: 100%;
    background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #a85dff, #396eff);
  }
}
.users_container .register_form .register_box_container .right_side form .form_group #linkedReseller {
  cursor: not-allowed;
  background: rgb(216, 216, 216) !important;
  color: rgb(114, 114, 114);
}
.users_container .register_form .register_box_container .right_side form .form_group select {
  width: 100%;
  padding: 0.6rem 2rem;
  border: double 1px transparent;
  background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #818181, #a5a5a5);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border-radius: 0.3rem;
  outline: none;
  font-size: 1rem;
  color: rgb(95, 95, 95);
  transition: all 0.3s ease;
}
.users_container .register_form .register_box_container .right_side form .form_group select::-moz-placeholder {
  font-size: 0.65rem;
  color: rgb(129, 128, 128);
  letter-spacing: 1px;
  font-weight: 500;
}
.users_container .register_form .register_box_container .right_side form .form_group select::placeholder {
  font-size: 0.65rem;
  color: rgb(129, 128, 128);
  letter-spacing: 1px;
  font-weight: 500;
}
.users_container .register_form .register_box_container .right_side form .form_group select:focus {
  border: double 1px transparent;
  border-radius: 0.3rem;
  background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #a85dff, #396eff);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  transition: all 0.3s ease;
}
@media screen and (max-width: 800px) {
  .users_container .register_form .register_box_container .right_side form .form_group select {
    padding: 0.8rem 2rem;
    width: 100%;
    background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #a85dff, #396eff);
  }
}
.users_container .register_form .register_box_container .right_side form .form_group .input_error {
  border: 1px solid red;
}
.users_container .register_form .register_box_container .right_side form .form_group .error {
  position: absolute;
  bottom: -5%;
  color: red;
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
@media screen and (max-width: 600px) {
  .users_container .register_form .register_box_container .right_side form .form_group .error {
    position: absolute;
    color: red;
    bottom: 3px;
  }
}
.users_container .register_form .register_box_container .right_side form .form_group i {
  font-size: 1.5rem;
  color: #5464ff;
}
.users_container .register_form .register_box_container .right_side form .form_group .icon {
  position: absolute;
  left: 2%;
  top: 22%;
  font-size: 1.2rem;
  color: #5464ff;
}
@media screen and (max-width: 800px) {
  .users_container .register_form .register_box_container .right_side form .form_group .icon {
    position: absolute;
    left: 2%;
    top: 25%;
  }
}
.users_container .register_form .register_box_container .right_side form .form_group .success_icon {
  position: absolute;
  right: 2%;
  display: block;
  top: 22%;
}
.users_container .register_form .register_box_container .right_side form .form_group .success_icon i {
  font-size: 1.2rem;
  color: #1a8114;
}
@media screen and (max-width: 800px) {
  .users_container .register_form .register_box_container .right_side form .form_group .success_icon {
    position: absolute;
    right: 2%;
    top: 25%;
  }
}
.users_container .register_form .register_box_container .right_side form .form_group .strength_indicator {
  position: absolute;
  bottom: 5%;
  left: 40%;
  z-index: 6;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
}
.users_container .register_form .register_box_container .right_side form .form_group .strength_indicator span:nth-child(1) {
  font-size: 0.7rem;
  color: rgb(102, 175, 102);
}
.users_container .register_form .register_box_container .right_side form .form_group #success_hide {
  display: none;
}
.users_container .register_form .register_box_container .right_side form .form_group #success_show {
  display: block;
}
.users_container .register_form .register_box_container .right_side form .form_group .show_pass {
  position: absolute;
  right: 5%;
  top: 20%;
  font-size: 1.3rem;
  color: #3787ff;
}
.users_container .register_form .register_box_container .right_side form .form_group .show_pass i {
  font-size: 1rem;
  color: #014059;
  cursor: pointer;
}
@media screen and (max-width: 800px) {
  .users_container .register_form .register_box_container .right_side form .form_group .show_pass {
    position: absolute;
    right: 2%;
    top: 25%;
  }
}
@media screen and (max-width: 900px) {
  .users_container .register_form .register_box_container .right_side form .form_group {
    margin: 0.5rem auto;
  }
}
@media screen and (max-width: 600px) {
  .users_container .register_form .register_box_container .right_side form .form_group {
    margin: 0.3rem auto;
  }
}
.users_container .register_form .register_box_container .right_side form .aggrement {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  place-content: center;
  flex-direction: column;
  grid-column: 1/-1;
  width: 100%;
  margin: 10px 0px;
}
.users_container .register_form .register_box_container .right_side form .aggrement .form_group_checkbox {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  place-content: center;
  gap: 10px;
}
.users_container .register_form .register_box_container .right_side form .aggrement .form_group_checkbox input[type=checkbox] {
  transform: scale(1.5); /* Adjust the scale value as needed */
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -o-transform: scale(1.5);
}
.users_container .register_form .register_box_container .right_side form .aggrement .form_group_checkbox .input_error {
  border: 1px solid red;
}
.users_container .register_form .register_box_container .right_side form .aggrement .form_group_checkbox label {
  font-size: 0.8rem;
  line-height: 1.2rem;
  font-weight: 500;
}
.users_container .register_form .register_box_container .right_side form .aggrement .form_group_checkbox label a {
  text-decoration: none;
  color: #4d5eff;
}
.users_container .register_form .register_box_container .right_side form .aggrement .error {
  position: relative;
  margin-top: 0.3rem;
  color: red;
  font-size: 0.7rem;
  padding: 0px 0px 0px 0px;
}
.users_container .register_form .register_box_container .right_side form .forgot_password {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.users_container .register_form .register_box_container .right_side form .forgot_password a {
  text-decoration: none;
}
.users_container .register_form .register_box_container .right_side form .forgot_password a p {
  font-size: 0.8rem;
  color: royalblue;
  font-weight: 500;
  letter-spacing: 1px;
}
.users_container .register_form .register_box_container .right_side form .form_submit {
  width: 100%;
  margin: 0rem auto;
  display: flex;
  grid-column: 1/-1;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  margin-top: 10px;
}
.users_container .register_form .register_box_container .right_side form .form_submit button {
  position: relative;
  width: autos;
  vertical-align: middle;
  padding: 0.6rem 1.5rem;
  outline: none;
  border: transparent;
  background: linear-gradient(90deg, #4d5eff, #6474ff);
  color: #fff;
  border-radius: 0.5rem;
  letter-spacing: 1px;
  font-weight: 500;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  transition: all 0.2s ease-in-out;
}
.users_container .register_form .register_box_container .right_side form .form_submit button .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  background-color: rgba(255, 255, 255, 0.3960784314);
  border-radius: 2rem;
}
.users_container .register_form .register_box_container .right_side form .form_submit button .icon .loader {
  width: 18px;
  height: 18px;
  color: white;
}
.users_container .register_form .register_box_container .right_side form .form_submit button:hover {
  background: linear-gradient(90deg, #6474ff, #4d5eff);
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
  transition: all 0.2s ease-in-out;
}
@media screen and (max-width: 600px) {
  .users_container .register_form .register_box_container .right_side form .form_submit button {
    width: 55%;
  }
}
.users_container .register_form .register_box_container .right_side form .or {
  padding-top: 1rem;
  width: 100%;
  grid-column: 1/-1;
  display: flex;
  margin: auto;
  align-items: center;
  justify-content: flex-start;
}
.users_container .register_form .register_box_container .right_side form .or a {
  text-decoration: none;
  font-size: 0.8rem;
  color: rgb(34, 34, 34);
  display: flex;
  align-items: center;
  text-align: center;
  gap: 10px;
  font-weight: 550;
  justify-content: flex-start;
}
.users_container .register_form .register_box_container .right_side form .or span {
  color: royalblue;
  cursor: pointer;
  font-weight: 600;
}
@media screen and (max-width: 900px) {
  .users_container .register_form .register_box_container .right_side {
    flex: 0.6;
  }
}
@media screen and (max-width: 767px) {
  .users_container .register_form .register_box_container .right_side {
    flex: 1;
    width: 100%;
    min-width: 100%;
  }
}
.users_container .register_form .register_box_container .left_side {
  width: 40% !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 0rem;
  position: relative;
  color: #414141;
  background-color: #ffffff;
  border-top-right-radius: 0rem;
  z-index: 1;
  border-right: 1px solid rgb(206, 206, 206);
}
.users_container .register_form .register_box_container .left_side .title {
  padding: 1rem 1rem 0rem 1rem;
  display: flex;
  width: 100%;
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-start;
  gap: 10px;
  grid-column: 1/-1;
}
.users_container .register_form .register_box_container .left_side .title h4 {
  font-size: 1.2rem;
  font-weight: 500;
}
@media screen and (max-width: 600px) {
  .users_container .register_form .register_box_container .left_side .title h4 {
    font-size: 1rem;
    text-align: start;
    font-weight: 550;
  }
}
.users_container .register_form .register_box_container .left_side .title small {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-weight: 500;
  line-height: 1.3rem;
  font-size: 0.8rem;
  text-indent: 0rem;
}
@media screen and (max-width: 600px) {
  .users_container .register_form .register_box_container .left_side .title small {
    font-size: 0.8rem;
  }
  .users_container .register_form .register_box_container .left_side .title {
    padding: 0.5rem 0px;
  }
}
.users_container .register_form .register_box_container .left_side .right_image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100% !important;
  margin: 0rem auto;
}
@media screen and (max-width: 700px) {
  .users_container .register_form .register_box_container .left_side .right_image {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .users_container .register_form .register_box_container .left_side {
    flex: 1;
    width: 100%;
    min-width: 100%;
    display: none;
  }
}
.users_container .register_form .register_box_container::-webkit-scrollbar {
  display: none !important;
}
@media screen and (max-width: 800px) {
  .users_container .register_form .register_box_container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    height: auto;
    box-shadow: none;
    background-image: none;
  }
}
@media screen and (max-width: 500px) {
  .users_container .register_form .register_box_container {
    width: 100%;
    height: 100vh;
    box-shadow: none;
    border-radius: 0rem;
    background-image: none;
    background: linear-gradient(180deg, #ffffff 50%, #ffffff 50%);
  }
}
.users_container .login_form {
  width: 100%;
  height: 100%;
  position: absolute;
}
.users_container .login_form .login_box_container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 70%;
  opacity: 1;
  z-index: 2;
  overflow-y: scroll;
  background: linear-gradient(90deg, #ffffff 40%, #ffffff 50%);
  box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
  outline: none;
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  justify-content: flex-start;
  gap: 2rem;
  border-radius: 0.2rem;
}
.users_container .login_form .login_box_container .logo_for_small_device {
  display: none;
  position: relative;
}
.users_container .login_form .login_box_container .logo_for_small_device img {
  width: 70px;
  height: 70px;
}
@media screen and (max-width: 767px) {
  .users_container .login_form .login_box_container .logo_for_small_device {
    display: block;
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.users_container .login_form .login_box_container .right_side {
  display: none;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 50%;
  height: 100%;
  position: relative;
}
.users_container .login_form .login_box_container .right_side .close {
  position: absolute;
  right: 2%;
  top: 2%;
  z-index: 3;
}
.users_container .login_form .login_box_container .right_side .close i {
  font-size: 2rem;
  color: tomato;
  cursor: pointer;
}
.users_container .login_form .login_box_container .right_side .close i:hover {
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
  scale: 1.05;
}
.users_container .login_form .login_box_container .right_side .current_form {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4rem;
  width: 100%;
  padding: 0.5rem 0px;
  background-color: #20c8e0;
}
.users_container .login_form .login_box_container .right_side .current_form button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-weight: 500;
  width: 100px;
  color: #fff;
  background: transparent !important;
  position: relative;
  cursor: pointer;
  font-size: 0.9rem;
}
.users_container .login_form .login_box_container .right_side .current_form button .register_line {
  width: 80%;
  height: 4px;
  background-color: #f5f82e;
  border-radius: 5px;
  position: absolute;
  bottom: -6px;
}
.users_container .login_form .login_box_container .right_side .current_form button .login_line {
  width: 60%;
  height: 4px;
  background-color: #f5f82e;
  border-radius: 5px;
  position: absolute;
  bottom: -6px;
}
.users_container .login_form .login_box_container .right_side .current_form .arrow img {
  width: 35px;
  height: 35px;
  background-color: #fff;
  border-radius: 50%;
  padding: 5px;
}
.users_container .login_form .login_box_container .right_side .current_form .activeRegister {
  color: #f5f82e;
}
.users_container .login_form .login_box_container .right_side .current_form .activelogin {
  color: #f5f82e;
}
.users_container .login_form .login_box_container .right_side form {
  width: 90%;
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.2rem 1rem;
  margin: 0rem auto;
  padding-bottom: 1rem;
  position: relative;
}
.users_container .login_form .login_box_container .right_side form .form_title {
  display: flex;
  width: 100%;
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-start;
  gap: 5px;
  grid-column: 1/-1;
  padding: 1rem 0px;
}
.users_container .login_form .login_box_container .right_side form .form_title h4 {
  font-size: 1.2rem;
  font-weight: 500;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  gap: 10px;
}
.users_container .login_form .login_box_container .right_side form .form_title h4::after {
  content: "";
  position: absolute;
  bottom: -25%;
  width: 8%;
  height: 3px;
  border-radius: 4px;
  margin: 5px auto;
  background: linear-gradient(90deg, #4d5eff, #6474ff);
}
@media screen and (max-width: 600px) {
  .users_container .login_form .login_box_container .right_side form .form_title h4 {
    font-size: 1rem;
    text-align: start;
    font-weight: 550;
  }
  .users_container .login_form .login_box_container .right_side form .form_title {
    padding: 0.5rem 0px;
  }
}
.users_container .login_form .login_box_container .right_side form .Profile {
  margin: 0px auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  position: relative;
  margin: 0.4rem 0.2rem;
}
.users_container .login_form .login_box_container .right_side form .Profile label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.2rem;
}
.users_container .login_form .login_box_container .right_side form .Profile label #profile_image {
  min-width: 70px;
  width: 70px;
  min-height: 70px;
  height: 70px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 0.5rem;
  border: 1px solid rgb(196, 196, 196);
  cursor: pointer;
}
.users_container .login_form .login_box_container .right_side form .Profile label span {
  font-size: 0.7rem;
  color: gray;
  font-weight: 600;
  padding-left: 1rem;
}
.users_container .login_form .login_box_container .right_side form .Profile input[type=file] {
  display: none;
}
@media screen and (max-width: 900px) {
  .users_container .login_form .login_box_container .right_side form .Profile {
    margin: 0.8rem auto;
  }
}
.users_container .login_form .login_box_container .right_side form .form_group {
  margin: 10px auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  position: relative;
  margin: 0.5rem 0.2rem;
  padding: 0px 0px 20px 0px;
}
.users_container .login_form .login_box_container .right_side form .form_group label {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  top: -10px;
  position: absolute;
  padding: 0px 4px;
  font-weight: bold;
  left: 5%;
  z-index: 10;
  color: rgb(199, 197, 197);
  -webkit-text-fill-color: #2b2a2a;
  font-size: 0.7rem;
  background-color: #fff;
  border-radius: 4px;
  letter-spacing: 1px;
}
.users_container .login_form .login_box_container .right_side form .form_group label span {
  font-size: 1rem;
  font-weight: 550;
  color: red !important;
  -webkit-text-fill-color: rgb(255, 31, 31);
}
.users_container .login_form .login_box_container .right_side form .form_group label span sup {
  color: red !important;
}
@media screen and (max-width: 800px) {
  .users_container .login_form .login_box_container .right_side form .form_group label {
    left: 5%;
    background-color: #fff;
  }
}
.users_container .login_form .login_box_container .right_side form .form_group input {
  width: 100%;
  padding: 0.6rem 2.5rem;
  border: double 1px transparent;
  background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #818181, #a5a5a5);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border-radius: 0.3rem;
  outline: none;
  font-size: 1rem;
  color: rgb(95, 95, 95);
  transition: all 0.3s ease;
}
.users_container .login_form .login_box_container .right_side form .form_group input::-moz-placeholder {
  font-size: 0.65rem;
  color: rgb(129, 128, 128);
  letter-spacing: 1px;
  font-weight: 500;
}
.users_container .login_form .login_box_container .right_side form .form_group input::placeholder {
  font-size: 0.65rem;
  color: rgb(129, 128, 128);
  letter-spacing: 1px;
  font-weight: 500;
}
.users_container .login_form .login_box_container .right_side form .form_group input:focus {
  border: double 1px transparent;
  border-radius: 0.3rem;
  background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #a85dff, #396eff);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  transition: all 0.3s ease;
}
@media screen and (max-width: 800px) {
  .users_container .login_form .login_box_container .right_side form .form_group input {
    padding: 0.8rem 2rem;
    width: 100%;
    background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #a85dff, #396eff);
  }
}
.users_container .login_form .login_box_container .right_side form .form_group .input_error {
  border: 1px solid red;
}
.users_container .login_form .login_box_container .right_side form .form_group .error {
  position: absolute;
  bottom: -5%;
  color: red;
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
@media screen and (max-width: 600px) {
  .users_container .login_form .login_box_container .right_side form .form_group .error {
    position: absolute;
    color: red;
    bottom: 3px;
  }
}
.users_container .login_form .login_box_container .right_side form .form_group i {
  font-size: 1.5rem;
  color: #5464ff;
}
.users_container .login_form .login_box_container .right_side form .form_group .icon {
  position: absolute;
  left: 2%;
  top: 22%;
  font-size: 1.2rem;
  color: #5464ff;
}
@media screen and (max-width: 800px) {
  .users_container .login_form .login_box_container .right_side form .form_group .icon {
    position: absolute;
    left: 2%;
    top: 25%;
  }
}
.users_container .login_form .login_box_container .right_side form .form_group .success_icon {
  position: absolute;
  right: 2%;
  display: block;
  top: 22%;
}
.users_container .login_form .login_box_container .right_side form .form_group .success_icon i {
  font-size: 1.2rem;
  color: #1a8114;
}
@media screen and (max-width: 800px) {
  .users_container .login_form .login_box_container .right_side form .form_group .success_icon {
    position: absolute;
    right: 2%;
    top: 25%;
  }
}
.users_container .login_form .login_box_container .right_side form .form_group .strength_indicator {
  position: absolute;
  bottom: 5%;
  left: 40%;
  z-index: 6;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
}
.users_container .login_form .login_box_container .right_side form .form_group .strength_indicator span:nth-child(1) {
  font-size: 0.7rem;
  color: rgb(102, 175, 102);
}
.users_container .login_form .login_box_container .right_side form .form_group #success_hide {
  display: none;
}
.users_container .login_form .login_box_container .right_side form .form_group #success_show {
  display: block;
}
.users_container .login_form .login_box_container .right_side form .form_group .show_pass {
  position: absolute;
  right: 5%;
  top: 20%;
  font-size: 1.3rem;
  color: #3787ff;
}
.users_container .login_form .login_box_container .right_side form .form_group .show_pass i {
  font-size: 1rem;
  color: #014059;
  cursor: pointer;
}
@media screen and (max-width: 800px) {
  .users_container .login_form .login_box_container .right_side form .form_group .show_pass {
    position: absolute;
    right: 2%;
    top: 25%;
  }
}
@media screen and (max-width: 900px) {
  .users_container .login_form .login_box_container .right_side form .form_group {
    margin: 0.5rem auto;
  }
}
@media screen and (max-width: 600px) {
  .users_container .login_form .login_box_container .right_side form .form_group {
    margin: 0.3rem auto;
  }
}
.users_container .login_form .login_box_container .right_side form .aggrement {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  place-content: center;
  flex-direction: column;
  grid-column: 1/-1;
  width: 100%;
  margin: 10px 0px;
}
.users_container .login_form .login_box_container .right_side form .aggrement .form_group_checkbox {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  place-content: center;
  gap: 10px;
}
.users_container .login_form .login_box_container .right_side form .aggrement .form_group_checkbox input[type=checkbox] {
  transform: scale(1.5); /* Adjust the scale value as needed */
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -o-transform: scale(1.5);
}
.users_container .login_form .login_box_container .right_side form .aggrement .form_group_checkbox .input_error {
  border: 1px solid red;
}
.users_container .login_form .login_box_container .right_side form .aggrement .form_group_checkbox label {
  font-size: 0.8rem;
  line-height: 1.2rem;
  font-weight: 500;
}
.users_container .login_form .login_box_container .right_side form .aggrement .form_group_checkbox label a {
  text-decoration: none;
  color: #4d5eff;
}
.users_container .login_form .login_box_container .right_side form .aggrement .error {
  position: relative;
  margin-top: 0.3rem;
  color: red;
  font-size: 0.7rem;
  padding: 0px 0px 0px 0px;
}
.users_container .login_form .login_box_container .right_side form .forgot_password {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.users_container .login_form .login_box_container .right_side form .forgot_password a {
  text-decoration: none;
}
.users_container .login_form .login_box_container .right_side form .forgot_password a p {
  font-size: 0.8rem;
  color: royalblue;
  font-weight: 500;
  letter-spacing: 1px;
}
.users_container .login_form .login_box_container .right_side form .form_submit {
  width: 100%;
  margin: 0rem auto;
  display: flex;
  grid-column: 1/-1;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  margin-top: 10px;
}
.users_container .login_form .login_box_container .right_side form .form_submit button {
  position: relative;
  width: autos;
  vertical-align: middle;
  padding: 0.6rem 1.5rem;
  outline: none;
  border: transparent;
  background: linear-gradient(90deg, #4d5eff, #6474ff);
  color: #fff;
  border-radius: 0.5rem;
  letter-spacing: 1px;
  font-weight: 500;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  transition: all 0.2s ease-in-out;
}
.users_container .login_form .login_box_container .right_side form .form_submit button .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  background-color: rgba(255, 255, 255, 0.3960784314);
  border-radius: 2rem;
}
.users_container .login_form .login_box_container .right_side form .form_submit button .icon .loader {
  width: 18px;
  height: 18px;
  color: white;
}
.users_container .login_form .login_box_container .right_side form .form_submit button:hover {
  background: linear-gradient(90deg, #6474ff, #4d5eff);
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
  transition: all 0.2s ease-in-out;
}
@media screen and (max-width: 600px) {
  .users_container .login_form .login_box_container .right_side form .form_submit button {
    width: 55%;
  }
}
.users_container .login_form .login_box_container .right_side form .or {
  padding-top: 1rem;
  width: 100%;
  grid-column: 1/-1;
  display: flex;
  margin: auto;
  align-items: center;
  justify-content: flex-start;
}
.users_container .login_form .login_box_container .right_side form .or a {
  text-decoration: none;
  font-size: 0.8rem;
  color: rgb(34, 34, 34);
  display: flex;
  align-items: center;
  text-align: center;
  gap: 10px;
  font-weight: 550;
  justify-content: flex-start;
}
.users_container .login_form .login_box_container .right_side form .or span {
  color: royalblue;
  cursor: pointer;
  font-weight: 600;
}
@media screen and (max-width: 900px) {
  .users_container .login_form .login_box_container .right_side {
    flex: 0.6;
  }
}
@media screen and (max-width: 767px) {
  .users_container .login_form .login_box_container .right_side {
    flex: 1;
    width: 100%;
    min-width: 100%;
  }
}
.users_container .login_form .login_box_container .left_side {
  width: 40% !important;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 0rem;
  position: relative;
  color: #414141;
  background-color: #ffffff;
  border-top-right-radius: 0rem;
  z-index: 1;
  border-right: 1px solid rgb(206, 206, 206);
}
.users_container .login_form .login_box_container .left_side .title {
  padding: 1rem 1rem 0rem 1rem;
  display: flex;
  width: 100%;
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-start;
  gap: 10px;
  grid-column: 1/-1;
}
.users_container .login_form .login_box_container .left_side .title h4 {
  font-size: 1.2rem;
  font-weight: 500;
}
@media screen and (max-width: 600px) {
  .users_container .login_form .login_box_container .left_side .title h4 {
    font-size: 1rem;
    text-align: start;
    font-weight: 550;
  }
}
.users_container .login_form .login_box_container .left_side .title small {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-weight: 500;
  line-height: 1.3rem;
  font-size: 0.8rem;
  text-indent: 0rem;
}
@media screen and (max-width: 600px) {
  .users_container .login_form .login_box_container .left_side .title small {
    font-size: 0.8rem;
  }
  .users_container .login_form .login_box_container .left_side .title {
    padding: 0.5rem 0px;
  }
}
.users_container .login_form .login_box_container .left_side .right_image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100% !important;
  margin: 0rem auto;
}
@media screen and (max-width: 700px) {
  .users_container .login_form .login_box_container .left_side .right_image {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .users_container .login_form .login_box_container .left_side {
    flex: 1;
    width: 100%;
    min-width: 100%;
    display: none;
  }
}
.users_container .login_form .login_box_container::-webkit-scrollbar {
  display: none !important;
}
@media screen and (max-width: 800px) {
  .users_container .login_form .login_box_container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    height: auto;
    box-shadow: none;
    background-image: none;
  }
}
@media screen and (max-width: 500px) {
  .users_container .login_form .login_box_container {
    width: 100%;
    height: 100vh;
    box-shadow: none;
    border-radius: 0rem;
    background-image: none;
    background: linear-gradient(180deg, #ffffff 50%, #ffffff 50%);
  }
}
.users_container #hide {
  background-color: rgba(230, 230, 230, 0.431372549);
}
.users_container .verify_OTP {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: auto;
  height: auto;
}
.users_container .users_header {
  width: 100%;
  padding: 1rem;
}
.users_container .users_header h2 {
  font-size: 1.3rem;
  color: rgb(77, 77, 77);
}
.users_container .add_new_user {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0px 1rem;
}
.users_container .add_new_user button {
  cursor: pointer;
  padding: 0.5rem 1rem;
  background-color: royalblue;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.users_container .add_new_user button i {
  font-size: 1.3rem;
  font-weight: 500;
}
.users_container .add_new_user button:hover {
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
}
.users_container .row_2 {
  display: flex;
  flex-direction: row;
  width: 100%;
  margin: 1rem auto;
  padding: 0px 1rem;
}
.users_container .row_2 .card_box {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  background-color: rgb(236, 228, 228);
  border-radius: 0.5rem;
}
.users_container .row_2 .card_box .card_title_box {
  display: grid;
  width: 100%;
  grid-template-columns: 1fr 1fr 1.5fr 0.7fr 1fr 0.5fr 1fr;
  place-items: center;
  background-color: gray;
  box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
  padding: 0.8rem 0px;
  overflow-x: scroll;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.users_container .row_2 .card_box .card_title_box .title {
  display: flex;
  align-items: center;
  justify-content: center;
}
.users_container .row_2 .card_box .card_title_box .title h4 {
  font-size: 0.8rem;
  font-weight: bolder;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.users_container .row_2 .card_box .card_title_box::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 1200px) {
  .users_container .row_2 .card_box .card_title_box {
    width: 200vw;
    grid-template-columns: 2fr 2fr 2fr 2fr 2fr 2fr;
  }
}
@media screen and (max-width: 700px) {
  .users_container .row_2 .card_box .card_title_box {
    width: 300vw;
    grid-template-columns: 2fr 2fr 2fr 2fr 2fr 2fr;
  }
}
.users_container .row_2 .card_box .card_detail_box {
  display: grid;
  width: 100%;
  grid-template-columns: 1fr 1fr 1.5fr 0.7fr 1fr 0.5fr 1fr;
  place-items: center;
  background-color: rgb(255, 255, 255);
  padding: 0.5rem 0px;
  box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
}
.users_container .row_2 .card_box .card_detail_box .detail {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.users_container .row_2 .card_box .card_detail_box .detail img {
  width: 60px;
  height: 60px;
  border-radius: 0.3rem;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border: 1px solid rgb(235, 235, 235);
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
}
.users_container .row_2 .card_box .card_detail_box .detail p {
  font-size: 0.9rem;
  font-weight: 550;
  display: flex;
  align-items: center;
  justify-content: center;
}
.users_container .row_2 .card_box .card_detail_box .detail i {
  font-size: 2.4rem;
  color: rgb(70, 70, 70);
  cursor: pointer;
}
.users_container .row_2 .card_box .card_detail_box .detail .icon {
  font-size: 2rem;
  color: rgba(255, 150, 29, 0.637);
}
.users_container .row_2 .card_box .card_detail_box .detail .icon_success {
  font-size: 2rem;
  color: rgb(107, 189, 75);
}
.users_container .row_2 .card_box .card_detail_box .detail a {
  text-decoration: none;
  font-size: 0.8rem;
  font-weight: 550;
  color: royalblue;
}
.users_container .row_2 .card_box .card_detail_box .detail small {
  font-size: 0.8rem;
  padding: 5px 10px;
  background-color: rgb(93, 250, 132);
  border-radius: 5px;
  color: #5e5e5e;
  font-weight: 600;
}
.users_container .row_2 .card_box .card_detail_box .detail .note {
  font-size: 0.8rem;
  font-weight: 550;
  color: #a15afd;
  background-color: transparent;
}
.users_container .row_2 .card_box .card_detail_box .detail .note2 {
  font-size: 0.7rem;
  font-weight: 550;
  color: #ff8349;
  background-color: transparent;
}
.users_container .row_2 .card_box .card_detail_box .noplan {
  background-color: #ff6f44;
  padding: 0.3rem 0.5rem;
  border-radius: 5px;
  width: 100px;
  color: #fff;
  font-weight: 600;
}
.users_container .row_2 .card_box .card_detail_box .plan {
  background-color: #5ec066;
  padding: 0.3rem 0.5rem;
  border-radius: 5px;
  width: 100px;
  color: #fff;
  font-weight: 600;
}
.users_container .row_2 .card_box .card_detail_box .detail_actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  width: 100%;
}
.users_container .row_2 .card_box .card_detail_box .detail_actions .edit,
.users_container .row_2 .card_box .card_detail_box .detail_actions .delete,
.users_container .row_2 .card_box .card_detail_box .detail_actions .info {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  cursor: pointer;
}
.users_container .row_2 .card_box .card_detail_box .detail_actions .edit small,
.users_container .row_2 .card_box .card_detail_box .detail_actions .delete small,
.users_container .row_2 .card_box .card_detail_box .detail_actions .info small {
  font-size: 0.7rem;
}
.users_container .row_2 .card_box .card_detail_box .detail_actions .edit .icon,
.users_container .row_2 .card_box .card_detail_box .detail_actions .delete .icon,
.users_container .row_2 .card_box .card_detail_box .detail_actions .info .icon {
  font-size: 1.4rem;
  transition: all 0.4s ease-in-out;
}
.users_container .row_2 .card_box .card_detail_box .detail_actions .edit .icon:hover,
.users_container .row_2 .card_box .card_detail_box .detail_actions .delete .icon:hover,
.users_container .row_2 .card_box .card_detail_box .detail_actions .info .icon:hover {
  scale: 1.1;
  filter: drop-shadow(0px 4px 5px rgba(44, 44, 44, 0.4));
  transition: all 0.4s ease-in-out;
}
.users_container .row_2 .card_box .card_detail_box .detail_actions .edit:nth-child(1) .icon,
.users_container .row_2 .card_box .card_detail_box .detail_actions .delete:nth-child(1) .icon,
.users_container .row_2 .card_box .card_detail_box .detail_actions .info:nth-child(1) .icon {
  color: gray;
}
.users_container .row_2 .card_box .card_detail_box .detail_actions .edit:nth-child(1) small,
.users_container .row_2 .card_box .card_detail_box .detail_actions .delete:nth-child(1) small,
.users_container .row_2 .card_box .card_detail_box .detail_actions .info:nth-child(1) small {
  color: gray;
}
.users_container .row_2 .card_box .card_detail_box .detail_actions .edit:nth-child(2) .icon,
.users_container .row_2 .card_box .card_detail_box .detail_actions .delete:nth-child(2) .icon,
.users_container .row_2 .card_box .card_detail_box .detail_actions .info:nth-child(2) .icon {
  color: tomato;
}
.users_container .row_2 .card_box .card_detail_box .detail_actions .edit:nth-child(2) small,
.users_container .row_2 .card_box .card_detail_box .detail_actions .delete:nth-child(2) small,
.users_container .row_2 .card_box .card_detail_box .detail_actions .info:nth-child(2) small {
  color: tomato;
}
.users_container .row_2 .card_box .card_detail_box .detail_actions .edit:nth-child(3) .icon,
.users_container .row_2 .card_box .card_detail_box .detail_actions .delete:nth-child(3) .icon,
.users_container .row_2 .card_box .card_detail_box .detail_actions .info:nth-child(3) .icon {
  color: rgb(255, 142, 49);
}
.users_container .row_2 .card_box .card_detail_box .detail_actions .edit:nth-child(3) small,
.users_container .row_2 .card_box .card_detail_box .detail_actions .delete:nth-child(3) small,
.users_container .row_2 .card_box .card_detail_box .detail_actions .info:nth-child(3) small {
  color: rgb(255, 142, 49);
}
.users_container .row_2 .card_box .card_detail_box .detail_actions .info {
  position: relative;
}
.users_container .row_2 .card_box .card_detail_box .detail_actions .info .info_message_box {
  width: 250px;
  height: 100px;
  position: absolute;
  top: 160%;
  right: 20%;
  background-color: rgb(255, 255, 255);
  box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  gap: 1rem;
  padding: 10px;
  opacity: 0;
}
.users_container .row_2 .card_box .card_detail_box .detail_actions .info .info_message_box .info_message {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.users_container .row_2 .card_box .card_detail_box .detail_actions .info .info_message_box .info_message p {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-size: 0.7rem;
  font-weight: 550;
  color: darkcyan;
}
.users_container .row_2 .card_box .card_detail_box .detail_actions .info .info_message_box .info_message p strong {
  color: gray;
  padding-left: 5px;
}
.users_container .row_2 .card_box .card_detail_box .detail_actions .edit {
  position: relative;
}
.users_container .row_2 .card_box .card_detail_box .detail_actions .edit .touch_hand {
  position: absolute;
  bottom: 0%;
  right: -85%;
}
.users_container .row_2 .card_box .card_detail_box .detail_actions .edit .touch_hand img {
  width: 30px;
  height: 30px;
  mix-blend-mode: multiply;
}
.users_container .row_2 .card_box .card_detail_box .detail_actions #show {
  opacity: 1;
}
.users_container .row_2 .card_box .card_detail_box .detail_actions .login {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.users_container .row_2 .card_box .card_detail_box .detail_actions .login button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  color: rebeccapurple;
}
@media screen and (max-width: 1200px) {
  .users_container .row_2 .card_box .card_detail_box {
    width: 200vw;
    grid-template-columns: 2fr 2fr 2fr 2fr 2fr 2fr;
  }
}
@media screen and (max-width: 700px) {
  .users_container .row_2 .card_box .card_detail_box {
    width: 300vw;
    grid-template-columns: 2fr 2fr 2fr 2fr 2fr 2fr;
  }
}
@media screen and (max-width: 700px) and (max-width: 776px) {
  .users_container .row_2 .card_box .card_detail_box {
    background-color: rgb(179, 255, 208) !important;
  }
}
.users_container .row_2 .card_box .card_detail_box_empty {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
}
.users_container .row_2 .card_box .card_detail_box_empty small {
  font-size: 0.9rem;
  font-weight: 550;
  color: rgb(255, 124, 124);
}
@media screen and (max-width: 1200px) {
  .users_container .row_2 .card_box {
    width: 200vw;
    overflow-x: scroll;
  }
}.reseller_verify_container {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  z-index: 3;
  overflow: hidden;
  transition: all 0.5s linear;
}
.reseller_verify_container .verify_box_container {
  width: auto;
  height: auto;
  z-index: 5;
  overflow-y: scroll;
  background: linear-gradient(90deg, #ffffff 30%, #ffffff 45%);
  box-shadow: 0 8px 32px 0 rgba(44, 44, 44, 0.479);
  outline: none;
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  justify-content: flex-start;
}
.reseller_verify_container .verify_box_container .right_side {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  flex: 0.4;
  padding: 1rem 1rem;
}
.reseller_verify_container .verify_box_container .right_side form {
  width: 100%;
  height: auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem 1rem;
  place-items: start;
  position: relative;
}
.reseller_verify_container .verify_box_container .right_side form .form_title {
  display: flex;
  width: 100%;
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-start;
  gap: 5px;
  grid-column: 1/-1;
}
.reseller_verify_container .verify_box_container .right_side form .form_title small {
  color: #3b3b3b;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-weight: 500;
  font-size: 1rem;
}
@media screen and (max-width: 600px) {
  .reseller_verify_container .verify_box_container .right_side form .form_title small {
    font-size: 0.8rem;
  }
  .reseller_verify_container .verify_box_container .right_side form .form_title {
    padding: 0.5rem 0px;
  }
}
.reseller_verify_container .verify_box_container .right_side form .otp_form_group {
  margin: 1rem 0px;
}
.reseller_verify_container .verify_box_container .right_side form .form_group {
  margin: 10px auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  position: relative;
  margin: 0.5rem 0px;
}
.reseller_verify_container .verify_box_container .right_side form .form_group label {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  top: -18px;
  position: absolute;
  padding: 0px 10px;
  font-weight: bold;
  left: 5%;
  z-index: 10;
  color: rgb(199, 197, 197);
  -webkit-text-fill-color: #2b2a2a;
  font-size: 0.7rem;
  background-color: #fff;
  border-radius: 4px;
  letter-spacing: 1px;
}
.reseller_verify_container .verify_box_container .right_side form .form_group label span {
  font-size: 1rem;
  font-weight: 550;
  color: red !important;
  -webkit-text-fill-color: rgb(255, 31, 31);
}
.reseller_verify_container .verify_box_container .right_side form .form_group label span sup {
  color: red !important;
}
@media screen and (max-width: 800px) {
  .reseller_verify_container .verify_box_container .right_side form .form_group label {
    left: 5%;
    background-color: #fff;
  }
}
.reseller_verify_container .verify_box_container .right_side form .form_group input {
  width: 60%;
  padding: 0.7rem 2.5rem;
  border: double 1px transparent;
  background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #818181, #a5a5a5);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border-radius: 0.3rem;
  outline: none;
  font-size: 1em;
  font-weight: 500;
  color: rgb(63, 63, 63);
  transition: all 0.3s ease;
}
.reseller_verify_container .verify_box_container .right_side form .form_group input::-moz-placeholder {
  font-size: 0.65rem;
  color: rgb(129, 128, 128);
  letter-spacing: 1px;
  font-weight: 500;
}
.reseller_verify_container .verify_box_container .right_side form .form_group input::placeholder {
  font-size: 0.65rem;
  color: rgb(129, 128, 128);
  letter-spacing: 1px;
  font-weight: 500;
}
.reseller_verify_container .verify_box_container .right_side form .form_group input:focus {
  border: double 1px transparent;
  border-radius: 0.3rem;
  background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #68e2c4, #98abff);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  transition: all 0.3s ease;
}
@media screen and (max-width: 800px) {
  .reseller_verify_container .verify_box_container .right_side form .form_group input {
    padding: 0.8rem 2rem;
    width: 100%;
    background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #68e2c4, #98abff);
  }
}
.reseller_verify_container .verify_box_container .right_side form .form_group .input_error {
  border: 1px solid red;
}
.reseller_verify_container .verify_box_container .right_side form .form_group .error {
  position: absolute;
  bottom: -5%;
  color: red;
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
@media screen and (max-width: 600px) {
  .reseller_verify_container .verify_box_container .right_side form .form_group .error {
    position: absolute;
    color: red;
    bottom: 3px;
  }
}
.reseller_verify_container .verify_box_container .right_side form .form_group .icon {
  position: absolute;
  left: 2%;
  top: 13%;
}
.reseller_verify_container .verify_box_container .right_side form .form_group .icon i {
  font-size: 1.2rem;
  color: #09465d;
}
@media screen and (max-width: 800px) {
  .reseller_verify_container .verify_box_container .right_side form .form_group .icon {
    position: absolute;
    left: 2%;
    top: 14%;
  }
}
.reseller_verify_container .verify_box_container .right_side form .form_group .success_icon {
  position: absolute;
  right: 2%;
  display: block;
  top: 22%;
}
.reseller_verify_container .verify_box_container .right_side form .form_group .success_icon i {
  font-size: 1.2rem;
  color: #1a8114;
}
@media screen and (max-width: 800px) {
  .reseller_verify_container .verify_box_container .right_side form .form_group .success_icon {
    position: absolute;
    right: 2%;
    top: 25%;
  }
}
.reseller_verify_container .verify_box_container .right_side form .form_group #success_hide {
  display: none;
}
.reseller_verify_container .verify_box_container .right_side form .form_group #success_show {
  display: block;
}
.reseller_verify_container .verify_box_container .right_side form .form_group .show_pass {
  position: absolute;
  right: 5%;
  top: 14%;
}
.reseller_verify_container .verify_box_container .right_side form .form_group .show_pass i {
  font-size: 1rem;
  color: #014059;
  cursor: pointer;
}
@media screen and (max-width: 800px) {
  .reseller_verify_container .verify_box_container .right_side form .form_group .show_pass {
    position: absolute;
    right: 2%;
    top: 14%;
  }
}
@media screen and (max-width: 900px) {
  .reseller_verify_container .verify_box_container .right_side form .form_group {
    margin: 0.5rem auto;
  }
}
@media screen and (max-width: 700px) {
  .reseller_verify_container .verify_box_container .right_side form .form_group {
    margin: 0.3rem auto;
    width: 100%;
  }
}
.reseller_verify_container .verify_box_container .right_side form .verify_otp_time_box {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 100%;
  justify-content: flex-end;
}
.reseller_verify_container .verify_box_container .right_side form .verify_otp_time_box a {
  text-decoration: none;
  color: #6063ff;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  font-size: 0.9rem;
  font-weight: 500;
}
.reseller_verify_container .verify_box_container .right_side form .verify_otp_time_box a i {
  font-size: 1.2rem;
}
.reseller_verify_container .verify_box_container .right_side form .form_submit {
  width: 100%;
  margin: 0rem auto;
  display: flex;
  grid-column: 1/-1;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  margin-top: 10px;
}
.reseller_verify_container .verify_box_container .right_side form .form_submit button {
  position: relative;
  width: auto;
  vertical-align: middle;
  padding: 0.6rem 1.5rem;
  outline: none;
  border: transparent;
  background: linear-gradient(90deg, #4D5EFF, #6474ff);
  color: #fff;
  border-radius: 2rem;
  letter-spacing: 1px;
  font-weight: 500;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  transition: all 0.2s ease-in-out;
}
.reseller_verify_container .verify_box_container .right_side form .form_submit button .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  background-color: rgba(255, 255, 255, 0.3960784314);
  border-radius: 2rem;
}
.reseller_verify_container .verify_box_container .right_side form .form_submit button:hover {
  background: linear-gradient(90deg, #6474ff, #4D5EFF);
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
  transition: all 0.2s ease-in-out;
}
@media screen and (max-width: 600px) {
  .reseller_verify_container .verify_box_container .right_side form .form_submit button {
    width: auto;
  }
}
.reseller_verify_container .verify_box_container .right_side form .login_link {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 5px;
  width: 100%;
  margin: 1rem 0px;
}
.reseller_verify_container .verify_box_container .right_side form .login_link small {
  font-size: 0.8rem;
  color: gray;
}
.reseller_verify_container .verify_box_container .right_side form .login_link a {
  text-decoration: none;
  color: #6063ff;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  font-size: 0.8rem;
  font-weight: 500;
}
.reseller_verify_container .verify_box_container .right_side form .login_link a i {
  font-size: 1.2rem;
}
.reseller_verify_container .verify_box_container .right_side form .verify_nav_actions {
  margin-top: 2rem;
  width: 100%;
  grid-column: 1/-1;
  display: flex;
  flex-direction: column;
  align-items: flex-start !important;
  justify-content: flex-start;
}
.reseller_verify_container .verify_box_container .right_side form .verify_nav_actions p {
  width: 100%;
  font-size: 0.8rem;
  color: rgb(34, 34, 34);
  display: flex;
  align-items: center;
  text-align: start;
  gap: 10px;
  font-weight: 550;
  justify-content: flex-start;
}
.reseller_verify_container .verify_box_container .right_side form .verify_nav_actions p a {
  text-decoration: none;
  color: royalblue;
  cursor: pointer;
  font-weight: 600;
}
@media screen and (max-width: 900px) {
  .reseller_verify_container .verify_box_container .right_side form {
    width: 100%;
  }
}
.reseller_verify_container .verify_box_container .right_side .back {
  width: 100%;
}
.reseller_verify_container .verify_box_container .right_side .back p {
  margin-bottom: 1rem;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 5px;
  width: 100%;
  cursor: pointer;
  color: hsl(17, 100%, 54%);
}
.reseller_verify_container .verify_box_container .right_side .back p:hover {
  text-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
}
.reseller_verify_container .verify_box_container .right_side .verify_form {
  width: 100%;
  height: auto;
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.2rem 1rem;
  margin: 1rem 2rem;
  padding-bottom: 1rem;
  position: relative;
}
.reseller_verify_container .verify_box_container .right_side .verify_form .form_group input {
  width: 70%;
}
@media screen and (max-width: 900px) {
  .reseller_verify_container .verify_box_container .right_side {
    flex: 0.6;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .reseller_verify_container .verify_box_container .right_side {
    flex: 1;
    width: 100%;
    min-width: 100%;
    margin: auto;
    padding: 0px;
  }
}
.reseller_verify_container .verify_box_container::-webkit-scrollbar {
  display: none !important;
}
@media screen and (max-width: 800px) {
  .reseller_verify_container .verify_box_container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    height: auto;
    box-shadow: none;
    background-image: none;
  }
}
@media screen and (max-width: 500px) {
  .reseller_verify_container .verify_box_container {
    width: 100%;
    height: 100vh;
    box-shadow: none;
    border-radius: 0rem;
    background-image: none;
    background: linear-gradient(180deg, #ffffff 50%, #ffffff 50%);
  }
}
.reseller_verify_container::-webkit-scrollbar {
  display: block;
  width: 4px;
  height: 4px;
  background-color: rgba(255, 255, 255, 0);
  border-radius: 4px;
}
.reseller_verify_container::-webkit-scrollbar-thumb {
  width: 4px;
  background-color: #e2e2e2;
  height: 10px;
}
@media screen and (max-width: 900px) {
  .reseller_verify_container {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-direction: column;
  }
}

#login_back {
  background: linear-gradient(140deg, #EFF0F5, #EFF0F5);
  transition: all 0.5s linear;
}

#register_back {
  background: linear-gradient(140deg, #EFF0F5, #EFF0F5);
  transition: all 0.5s linear;
}

@keyframes animate {
  0% {
    transform: translateY(0) rotate(0deg);
    opacity: 1;
    border-radius: 0;
  }
  100% {
    transform: translateY(-1000px) rotate(720deg);
    opacity: 0;
    border-radius: 50%;
  }
}
/* HTML: <div class="loader"></div> */
.loader {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  display: inline-block;
  border-top: 2px solid #ffffff;
  border-right: 3px solid transparent;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}.otp_input_Container {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  gap: 8px;
  width: 100% !important;
}
.otp_input_Container .otp_input {
  width: 50px !important;
  height: 50px;
  border-radius: 0.3rem;
  border: 1px solid #747474;
  outline: none;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  margin: 0.5rem 0px;
}
.otp_input_Container .otp_input:focus {
  border: double 1px transparent;
  border-radius: 0.3rem;
  background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #68e2c4, #98abff);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  transition: all 0.3s ease;
}

.setting_container {
  width: 100%;
  height: 100%;
  padding: 1rem;
}
.setting_container .setting_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.setting_container .setting_title h4 {
  font-size: 1.4rem;
  font-weight: 600;
  letter-spacing: 1px;
}
.setting_container .setting_title .back a {
  padding: 0.5rem 1rem;
  background-color: royalblue;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  border-radius: 5px;
}
.setting_container .setting_title .back a:hover {
  background-color: rgb(39, 93, 255);
}
.setting_container .content_container {
  margin: 1rem auto;
  width: 100%;
  height: 90%;
  background-color: #ffffff;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  border-radius: 1rem;
  box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
}
.setting_container .content_container .left_sidenav {
  width: 20%;
  height: 100%;
  background-color: #ffffff;
  padding: 0.5rem;
  border-radius: 1rem;
  border-right: 1px solid lightgray;
}
.setting_container .content_container .left_sidenav ul {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: 100%;
}
.setting_container .content_container .left_sidenav ul li {
  background-color: #fff;
  width: 100%;
  padding: 0.5rem 1rem;
  border-radius: 5px;
  cursor: pointer;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
}
.setting_container .content_container .left_sidenav ul li a {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  font-size: 1.2rem;
  font-weight: 600;
  letter-spacing: 1px;
}
.setting_container .content_container .left_sidenav ul li:hover {
  background-color: rgb(255, 245, 231);
}
.setting_container .content_container .left_sidenav ul li:hover a {
  color: #575757;
}
.setting_container .content_container .left_sidenav ul .selected {
  background-color: rgb(255, 142, 61);
}
.setting_container .content_container .left_sidenav ul .selected a {
  color: #fff;
}
.setting_container .content_container .right_content {
  width: 80%;
  height: 100%;
}
.setting_container .content_container .right_content .setting_details {
  padding: 1rem;
}
.setting_container .content_container .right_content .setting_details .title h4 {
  font-size: 1.2rem;
  font-weight: 600;
  letter-spacing: 1px;
}
.setting_container .content_container .right_content .setting_details .right_side {
  display: none;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  gap: 1rem;
  width: 100%;
  height: 100%;
}
.setting_container .content_container .right_content .setting_details .right_side .current_form {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4rem;
  width: 100%;
  padding: 0.5rem 0px;
  background-color: #20c8e0;
}
.setting_container .content_container .right_content .setting_details .right_side .current_form button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-weight: 500;
  width: 100px;
  color: #fff;
  background: transparent !important;
  position: relative;
  cursor: pointer;
  font-size: 0.9rem;
}
.setting_container .content_container .right_content .setting_details .right_side .current_form button .register_line {
  width: 80%;
  height: 4px;
  background-color: #f5f82e;
  border-radius: 5px;
  position: absolute;
  bottom: -6px;
}
.setting_container .content_container .right_content .setting_details .right_side .current_form button .login_line {
  width: 60%;
  height: 4px;
  background-color: #f5f82e;
  border-radius: 5px;
  position: absolute;
  bottom: -6px;
}
.setting_container .content_container .right_content .setting_details .right_side .current_form .arrow img {
  width: 35px;
  height: 35px;
  background-color: #fff;
  border-radius: 50%;
  padding: 5px;
}
.setting_container .content_container .right_content .setting_details .right_side .current_form .activeRegister {
  color: #f5f82e;
}
.setting_container .content_container .right_content .setting_details .right_side .current_form .activelogin {
  color: #f5f82e;
}
.setting_container .content_container .right_content .setting_details .right_side form {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  gap: 0.2rem 1rem;
  margin: 1rem auto;
  padding-bottom: 1rem;
  position: relative;
}
.setting_container .content_container .right_content .setting_details .right_side form .form_title {
  display: flex;
  width: 100%;
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-start;
  gap: 5px;
  grid-column: 1/-1;
  padding: 1rem 0px;
}
.setting_container .content_container .right_content .setting_details .right_side form .form_title h4 {
  font-size: 1.2rem;
  font-weight: 500;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  gap: 10px;
}
.setting_container .content_container .right_content .setting_details .right_side form .form_title h4::after {
  content: "";
  position: absolute;
  bottom: -25%;
  width: 8%;
  height: 3px;
  border-radius: 4px;
  margin: 5px auto;
  background: linear-gradient(90deg, #4d5eff, #6474ff);
}
@media screen and (max-width: 600px) {
  .setting_container .content_container .right_content .setting_details .right_side form .form_title h4 {
    font-size: 1rem;
    text-align: start;
    font-weight: 550;
  }
  .setting_container .content_container .right_content .setting_details .right_side form .form_title {
    padding: 0.5rem 0px;
  }
}
.setting_container .content_container .right_content .setting_details .right_side form .Profile {
  margin: 0px auto;
  display: flex;
  grid-column: 1/-1;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  position: relative;
  margin: 0.4rem 0.2rem;
}
.setting_container .content_container .right_content .setting_details .right_side form .Profile label {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.2rem;
  position: relative;
}
.setting_container .content_container .right_content .setting_details .right_side form .Profile label #profile_image {
  min-width: 90px;
  width: 90px;
  min-height: 90px;
  height: 90px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 50%;
  border: 1px solid rgb(196, 196, 196);
  cursor: pointer;
}
.setting_container .content_container .right_content .setting_details .right_side form .Profile label .icon {
  position: absolute;
  right: -4%;
  bottom: 15%;
  color: #e9762a;
}
.setting_container .content_container .right_content .setting_details .right_side form .Profile label span {
  font-size: 0.7rem;
  color: gray;
  font-weight: 600;
  padding-left: 1rem;
}
.setting_container .content_container .right_content .setting_details .right_side form .Profile input[type=file] {
  display: none;
}
@media screen and (max-width: 900px) {
  .setting_container .content_container .right_content .setting_details .right_side form .Profile {
    margin: 0.8rem auto;
  }
}
.setting_container .content_container .right_content .setting_details .right_side form .form_group {
  margin: 10px auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  position: relative;
  margin: 0.5rem 0.2rem;
  padding: 0px 0px 20px 0px;
}
.setting_container .content_container .right_content .setting_details .right_side form .form_group label {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  top: -10px;
  position: absolute;
  padding: 0px 4px;
  font-weight: bold;
  left: 5%;
  z-index: 10;
  color: rgb(199, 197, 197);
  -webkit-text-fill-color: #2b2a2a;
  font-size: 0.7rem;
  background-color: #fff;
  border-radius: 4px;
  letter-spacing: 1px;
}
.setting_container .content_container .right_content .setting_details .right_side form .form_group label span {
  font-size: 1rem;
  font-weight: 550;
  color: red !important;
  -webkit-text-fill-color: rgb(255, 31, 31);
}
.setting_container .content_container .right_content .setting_details .right_side form .form_group label span sup {
  color: red !important;
}
@media screen and (max-width: 800px) {
  .setting_container .content_container .right_content .setting_details .right_side form .form_group label {
    left: 5%;
    background-color: #fff;
  }
}
.setting_container .content_container .right_content .setting_details .right_side form .form_group input {
  width: 100%;
  padding: 0.6rem 2.5rem;
  border: double 1px transparent;
  background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #818181, #a5a5a5);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border-radius: 0.3rem;
  outline: none;
  font-size: 1rem;
  color: rgb(95, 95, 95);
  transition: all 0.3s ease;
}
.setting_container .content_container .right_content .setting_details .right_side form .form_group input::-moz-placeholder {
  font-size: 0.65rem;
  color: rgb(129, 128, 128);
  letter-spacing: 1px;
  font-weight: 500;
}
.setting_container .content_container .right_content .setting_details .right_side form .form_group input::placeholder {
  font-size: 0.65rem;
  color: rgb(129, 128, 128);
  letter-spacing: 1px;
  font-weight: 500;
}
.setting_container .content_container .right_content .setting_details .right_side form .form_group input:focus {
  border: double 1px transparent;
  border-radius: 0.3rem;
  background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #ff8b3f, #e9762a);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  transition: all 0.3s ease;
}
@media screen and (max-width: 800px) {
  .setting_container .content_container .right_content .setting_details .right_side form .form_group input {
    padding: 0.8rem 2rem;
    width: 100%;
    background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #e9762a, #ff8b3f);
  }
}
.setting_container .content_container .right_content .setting_details .right_side form .form_group #UserName, .setting_container .content_container .right_content .setting_details .right_side form .form_group #ResellerCode {
  cursor: not-allowed;
  background: rgb(192, 235, 255) !important;
}
.setting_container .content_container .right_content .setting_details .right_side form .form_group .input_error {
  border: 1px solid red;
}
.setting_container .content_container .right_content .setting_details .right_side form .form_group .error {
  position: absolute;
  bottom: -5%;
  color: red;
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
@media screen and (max-width: 600px) {
  .setting_container .content_container .right_content .setting_details .right_side form .form_group .error {
    position: absolute;
    color: red;
    bottom: 3px;
  }
}
.setting_container .content_container .right_content .setting_details .right_side form .form_group .icon {
  position: absolute;
  left: 2%;
  top: 22%;
  font-size: 1.2rem;
  color: #ff8b3f;
}
.setting_container .content_container .right_content .setting_details .right_side form .form_group .icon i {
  font-size: 1.2rem;
  color: #ff8b3f;
}
@media screen and (max-width: 800px) {
  .setting_container .content_container .right_content .setting_details .right_side form .form_group .icon {
    position: absolute;
    left: 2%;
    top: 25%;
  }
}
.setting_container .content_container .right_content .setting_details .right_side form .form_group .success_icon {
  position: absolute;
  right: 2%;
  display: block;
  top: 22%;
}
.setting_container .content_container .right_content .setting_details .right_side form .form_group .success_icon i {
  font-size: 1.2rem;
  color: #1a8114;
}
@media screen and (max-width: 800px) {
  .setting_container .content_container .right_content .setting_details .right_side form .form_group .success_icon {
    position: absolute;
    right: 2%;
    top: 25%;
  }
}
.setting_container .content_container .right_content .setting_details .right_side form .form_group .strength_indicator {
  position: absolute;
  bottom: 5%;
  left: 40%;
  z-index: 6;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
}
.setting_container .content_container .right_content .setting_details .right_side form .form_group .strength_indicator span:nth-child(1) {
  font-size: 0.7rem;
  color: rgb(102, 175, 102);
}
.setting_container .content_container .right_content .setting_details .right_side form .form_group #success_hide {
  display: none;
}
.setting_container .content_container .right_content .setting_details .right_side form .form_group #success_show {
  display: block;
}
.setting_container .content_container .right_content .setting_details .right_side form .form_group .show_pass {
  position: absolute;
  right: 5%;
  top: 20%;
  font-size: 1.3rem;
  color: #e9762a;
}
.setting_container .content_container .right_content .setting_details .right_side form .form_group .show_pass i {
  font-size: 1rem;
  color: #014059;
  cursor: pointer;
}
@media screen and (max-width: 800px) {
  .setting_container .content_container .right_content .setting_details .right_side form .form_group .show_pass {
    position: absolute;
    right: 2%;
    top: 25%;
  }
}
@media screen and (max-width: 900px) {
  .setting_container .content_container .right_content .setting_details .right_side form .form_group {
    margin: 0.5rem auto;
  }
}
@media screen and (max-width: 600px) {
  .setting_container .content_container .right_content .setting_details .right_side form .form_group {
    margin: 0.3rem auto;
  }
}
.setting_container .content_container .right_content .setting_details .right_side form .aggrement {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  place-content: center;
  flex-direction: column;
  grid-column: 1/-1;
  width: 100%;
  margin: 10px 0px;
}
.setting_container .content_container .right_content .setting_details .right_side form .aggrement .form_group_checkbox {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  place-content: center;
  gap: 10px;
}
.setting_container .content_container .right_content .setting_details .right_side form .aggrement .form_group_checkbox input[type=checkbox] {
  transform: scale(1.5); /* Adjust the scale value as needed */
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -o-transform: scale(1.5);
}
.setting_container .content_container .right_content .setting_details .right_side form .aggrement .form_group_checkbox .input_error {
  border: 1px solid red;
}
.setting_container .content_container .right_content .setting_details .right_side form .aggrement .form_group_checkbox label {
  font-size: 0.8rem;
  line-height: 1.2rem;
  font-weight: 500;
}
.setting_container .content_container .right_content .setting_details .right_side form .aggrement .form_group_checkbox label a {
  text-decoration: none;
  color: #ff8b3f;
}
.setting_container .content_container .right_content .setting_details .right_side form .aggrement .error {
  position: relative;
  margin-top: 0.3rem;
  color: red;
  font-size: 0.7rem;
  padding: 0px 0px 0px 0px;
}
.setting_container .content_container .right_content .setting_details .right_side form .forgot_password {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.setting_container .content_container .right_content .setting_details .right_side form .forgot_password a {
  text-decoration: none;
}
.setting_container .content_container .right_content .setting_details .right_side form .forgot_password a p {
  font-size: 0.8rem;
  color: royalblue;
  font-weight: 500;
  letter-spacing: 1px;
}
.setting_container .content_container .right_content .setting_details .right_side form .form_submit {
  width: 100%;
  margin: 0rem auto;
  display: flex;
  grid-column: 1/-1;
  align-items: center;
  justify-content: flex-end;
  position: relative;
  margin-top: 10px;
}
.setting_container .content_container .right_content .setting_details .right_side form .form_submit button {
  position: relative;
  width: autos;
  vertical-align: middle;
  padding: 0.6rem 1.5rem;
  outline: none;
  border: transparent;
  background: linear-gradient(90deg, #ff8b3f, #e9762a);
  color: #fff;
  border-radius: 2rem;
  letter-spacing: 1px;
  font-weight: 500;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  transition: all 0.2s ease-in-out;
}
.setting_container .content_container .right_content .setting_details .right_side form .form_submit button .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  background-color: rgba(255, 255, 255, 0.3960784314);
  border-radius: 2rem;
}
.setting_container .content_container .right_content .setting_details .right_side form .form_submit button .icon .loader {
  width: 18px;
  height: 18px;
  color: white;
}
.setting_container .content_container .right_content .setting_details .right_side form .form_submit button:hover {
  background: linear-gradient(90deg, #e9762a, #ff8b3f);
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
  transition: all 0.2s ease-in-out;
}
@media screen and (max-width: 600px) {
  .setting_container .content_container .right_content .setting_details .right_side form .form_submit button {
    width: 55%;
  }
}
.setting_container .content_container .right_content .setting_details .right_side form .or {
  padding-top: 1rem;
  width: 100%;
  grid-column: 1/-1;
  display: flex;
  margin: auto;
  align-items: center;
  justify-content: flex-start;
}
.setting_container .content_container .right_content .setting_details .right_side form .or a {
  text-decoration: none;
  font-size: 0.8rem;
  color: rgb(34, 34, 34);
  display: flex;
  align-items: center;
  text-align: center;
  gap: 10px;
  font-weight: 550;
  justify-content: flex-start;
}
.setting_container .content_container .right_content .setting_details .right_side form .or span {
  color: #ff8b3f;
  cursor: pointer;
  font-weight: 600;
}
@media screen and (max-width: 900px) {
  .setting_container .content_container .right_content .setting_details .right_side {
    flex: 0.6;
  }
}
@media screen and (max-width: 767px) {
  .setting_container .content_container .right_content .setting_details .right_side {
    flex: 1;
    width: 100%;
    min-width: 100%;
  }
}
.setting_container .content_container .right_content .bank_detail {
  padding: 1rem;
  height: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
}
.setting_container .content_container .right_content .bank_detail .title h4 {
  font-size: 1.2rem;
  font-weight: 600;
  letter-spacing: 1px;
}
.setting_container .content_container .right_content .bank_detail form {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
  gap: 0.2rem 1rem;
  margin: 1rem auto;
  padding-bottom: 1rem;
  padding-right: 1rem;
  position: relative;
  height: 100%;
}
.setting_container .content_container .right_content .bank_detail form .form_title {
  display: flex;
  width: 100%;
  align-items: flex-start;
  flex-direction: column;
  justify-content: flex-start;
  gap: 5px;
  grid-column: 1/-1;
  padding: 1rem 0px;
}
.setting_container .content_container .right_content .bank_detail form .form_title h4 {
  font-size: 1.2rem;
  font-weight: 500;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
  gap: 10px;
}
.setting_container .content_container .right_content .bank_detail form .form_title h4::after {
  content: "";
  position: absolute;
  bottom: -25%;
  width: 8%;
  height: 3px;
  border-radius: 4px;
  margin: 5px auto;
  background: linear-gradient(90deg, #4d5eff, #6474ff);
}
@media screen and (max-width: 600px) {
  .setting_container .content_container .right_content .bank_detail form .form_title h4 {
    font-size: 1rem;
    text-align: start;
    font-weight: 550;
  }
  .setting_container .content_container .right_content .bank_detail form .form_title {
    padding: 0.5rem 0px;
  }
}
.setting_container .content_container .right_content .bank_detail form .QRImage {
  margin: 0px auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  width: 100%;
  position: relative;
  margin: 0.4rem 0.2rem;
}
.setting_container .content_container .right_content .bank_detail form .QRImage label {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  gap: 0.5rem;
  position: relative;
}
.setting_container .content_container .right_content .bank_detail form .QRImage label #profile_image {
  min-width: 200px;
  width: 200px;
  min-height: 200px;
  height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 0.5rem;
  border: 1px solid rgb(196, 196, 196);
  cursor: pointer;
}
.setting_container .content_container .right_content .bank_detail form .QRImage label .icon {
  position: absolute;
  right: -4%;
  bottom: 15%;
  color: #e9762a;
  font-size: 2rem;
}
.setting_container .content_container .right_content .bank_detail form .QRImage label .qricon {
  font-size: 1rem !important;
  position: absolute;
  right: -4%;
  bottom: 10%;
}
.setting_container .content_container .right_content .bank_detail form .QRImage label span {
  font-size: 0.7rem;
  color: gray;
  font-weight: 600;
  padding-left: 1rem;
}
.setting_container .content_container .right_content .bank_detail form .QRImage input[type=file] {
  display: none;
}
@media screen and (max-width: 900px) {
  .setting_container .content_container .right_content .bank_detail form .QRImage {
    margin: 0.8rem auto;
  }
}
.setting_container .content_container .right_content .bank_detail form .form_group {
  margin: 10px auto;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
  position: relative;
  margin: 0.5rem 0.2rem;
  padding: 0px 0px 20px 0px;
}
.setting_container .content_container .right_content .bank_detail form .form_group label {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  top: -10px;
  position: absolute;
  padding: 0px 4px;
  font-weight: bold;
  left: 5%;
  z-index: 10;
  color: rgb(199, 197, 197);
  -webkit-text-fill-color: #2b2a2a;
  font-size: 0.7rem;
  background-color: #fff;
  border-radius: 4px;
  letter-spacing: 1px;
}
.setting_container .content_container .right_content .bank_detail form .form_group label span {
  font-size: 1rem;
  font-weight: 550;
  color: red !important;
  -webkit-text-fill-color: rgb(255, 31, 31);
}
.setting_container .content_container .right_content .bank_detail form .form_group label span sup {
  color: red !important;
}
@media screen and (max-width: 800px) {
  .setting_container .content_container .right_content .bank_detail form .form_group label {
    left: 5%;
    background-color: #fff;
  }
}
.setting_container .content_container .right_content .bank_detail form .form_group input {
  width: 100%;
  padding: 0.6rem 2.5rem;
  border: double 1px transparent;
  background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #818181, #a5a5a5);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  border-radius: 0.3rem;
  outline: none;
  font-size: 1rem;
  color: rgb(95, 95, 95);
  transition: all 0.3s ease;
}
.setting_container .content_container .right_content .bank_detail form .form_group input::-moz-placeholder {
  font-size: 0.65rem;
  color: rgb(129, 128, 128);
  letter-spacing: 1px;
  font-weight: 500;
}
.setting_container .content_container .right_content .bank_detail form .form_group input::placeholder {
  font-size: 0.65rem;
  color: rgb(129, 128, 128);
  letter-spacing: 1px;
  font-weight: 500;
}
.setting_container .content_container .right_content .bank_detail form .form_group input:focus {
  border: double 1px transparent;
  border-radius: 0.3rem;
  background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #ff8b3f, #e9762a);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  transition: all 0.3s ease;
}
@media screen and (max-width: 800px) {
  .setting_container .content_container .right_content .bank_detail form .form_group input {
    padding: 0.8rem 2rem;
    width: 100%;
    background-image: linear-gradient(#fff, #fff), linear-gradient(to right, #e9762a, #ff8b3f);
  }
}
.setting_container .content_container .right_content .bank_detail form .form_group #UserName, .setting_container .content_container .right_content .bank_detail form .form_group #ResellerCode {
  cursor: not-allowed;
  background: rgb(192, 235, 255) !important;
}
.setting_container .content_container .right_content .bank_detail form .form_group .input_error {
  border: 1px solid red;
}
.setting_container .content_container .right_content .bank_detail form .form_group .error {
  position: absolute;
  bottom: -5%;
  color: red;
  font-size: 0.7rem;
  padding: 5px 0px 0px 0px;
}
@media screen and (max-width: 600px) {
  .setting_container .content_container .right_content .bank_detail form .form_group .error {
    position: absolute;
    color: red;
    bottom: 3px;
  }
}
.setting_container .content_container .right_content .bank_detail form .form_group .icon {
  position: absolute;
  left: 2%;
  top: 22%;
  font-size: 1.2rem;
  color: #ff8b3f;
}
.setting_container .content_container .right_content .bank_detail form .form_group .icon i {
  font-size: 2rem;
  color: #ff8b3f;
}
@media screen and (max-width: 800px) {
  .setting_container .content_container .right_content .bank_detail form .form_group .icon {
    position: absolute;
    left: 2%;
    top: 25%;
  }
}
.setting_container .content_container .right_content .bank_detail form .form_group .success_icon {
  position: absolute;
  right: 2%;
  display: block;
  top: 22%;
}
.setting_container .content_container .right_content .bank_detail form .form_group .success_icon i {
  font-size: 1.2rem;
  color: #1a8114;
}
@media screen and (max-width: 800px) {
  .setting_container .content_container .right_content .bank_detail form .form_group .success_icon {
    position: absolute;
    right: 2%;
    top: 25%;
  }
}
.setting_container .content_container .right_content .bank_detail form .form_group .strength_indicator {
  position: absolute;
  bottom: 5%;
  left: 40%;
  z-index: 6;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
}
.setting_container .content_container .right_content .bank_detail form .form_group .strength_indicator span:nth-child(1) {
  font-size: 0.7rem;
  color: rgb(102, 175, 102);
}
.setting_container .content_container .right_content .bank_detail form .form_group #success_hide {
  display: none;
}
.setting_container .content_container .right_content .bank_detail form .form_group #success_show {
  display: block;
}
.setting_container .content_container .right_content .bank_detail form .form_group .show_pass {
  position: absolute;
  right: 5%;
  top: 20%;
  font-size: 1.3rem;
  color: #e9762a;
}
.setting_container .content_container .right_content .bank_detail form .form_group .show_pass i {
  font-size: 1rem;
  color: #014059;
  cursor: pointer;
}
@media screen and (max-width: 800px) {
  .setting_container .content_container .right_content .bank_detail form .form_group .show_pass {
    position: absolute;
    right: 2%;
    top: 25%;
  }
}
@media screen and (max-width: 900px) {
  .setting_container .content_container .right_content .bank_detail form .form_group {
    margin: 0.5rem auto;
  }
}
@media screen and (max-width: 600px) {
  .setting_container .content_container .right_content .bank_detail form .form_group {
    margin: 0.3rem auto;
  }
}
.setting_container .content_container .right_content .bank_detail form .bank {
  grid-column: 1/-1;
}
.setting_container .content_container .right_content .bank_detail form .bank label {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 3px;
  top: -10px;
  position: absolute;
  padding: 0px 4px;
  font-weight: bold;
  left: 2%;
  z-index: 10;
  color: rgb(199, 197, 197);
  -webkit-text-fill-color: #2b2a2a;
  font-size: 0.7rem;
  background-color: #fff;
  border-radius: 4px;
  letter-spacing: 1px;
}
.setting_container .content_container .right_content .bank_detail form .bank label span {
  font-size: 1rem;
  font-weight: 550;
  color: red !important;
  -webkit-text-fill-color: rgb(255, 31, 31);
}
.setting_container .content_container .right_content .bank_detail form .bank label span sup {
  color: red !important;
}
@media screen and (max-width: 800px) {
  .setting_container .content_container .right_content .bank_detail form .bank label {
    left: 5%;
    background-color: #fff;
  }
}
.setting_container .content_container .right_content .bank_detail form .aggrement {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  place-content: center;
  flex-direction: column;
  grid-column: 1/-1;
  width: 100%;
  margin: 10px 0px;
}
.setting_container .content_container .right_content .bank_detail form .aggrement .form_group_checkbox {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  place-content: center;
  gap: 10px;
}
.setting_container .content_container .right_content .bank_detail form .aggrement .form_group_checkbox input[type=checkbox] {
  transform: scale(1.5); /* Adjust the scale value as needed */
  -webkit-transform: scale(1.5);
  -moz-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -o-transform: scale(1.5);
}
.setting_container .content_container .right_content .bank_detail form .aggrement .form_group_checkbox .input_error {
  border: 1px solid red;
}
.setting_container .content_container .right_content .bank_detail form .aggrement .form_group_checkbox label {
  font-size: 0.8rem;
  line-height: 1.2rem;
  font-weight: 500;
}
.setting_container .content_container .right_content .bank_detail form .aggrement .form_group_checkbox label a {
  text-decoration: none;
  color: #ff8b3f;
}
.setting_container .content_container .right_content .bank_detail form .aggrement .error {
  position: relative;
  margin-top: 0.3rem;
  color: red;
  font-size: 0.7rem;
  padding: 0px 0px 0px 0px;
}
.setting_container .content_container .right_content .bank_detail form .forgot_password {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.setting_container .content_container .right_content .bank_detail form .forgot_password a {
  text-decoration: none;
}
.setting_container .content_container .right_content .bank_detail form .forgot_password a p {
  font-size: 0.8rem;
  color: royalblue;
  font-weight: 500;
  letter-spacing: 1px;
}
.setting_container .content_container .right_content .bank_detail form .form_submit {
  width: 100%;
  margin: 0rem auto;
  display: flex;
  grid-column: 1/-1;
  align-items: center;
  justify-content: flex-end;
  position: relative;
  margin-top: 10px;
}
.setting_container .content_container .right_content .bank_detail form .form_submit button {
  position: relative;
  width: autos;
  vertical-align: middle;
  padding: 0.6rem 1.5rem;
  outline: none;
  border: transparent;
  background: linear-gradient(90deg, #ff8b3f, #e9762a);
  color: #fff;
  border-radius: 2rem;
  letter-spacing: 1px;
  font-weight: 500;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  transition: all 0.2s ease-in-out;
}
.setting_container .content_container .right_content .bank_detail form .form_submit button .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px;
  background-color: rgba(255, 255, 255, 0.3960784314);
  border-radius: 2rem;
}
.setting_container .content_container .right_content .bank_detail form .form_submit button .icon .loader {
  width: 18px;
  height: 18px;
  color: white;
}
.setting_container .content_container .right_content .bank_detail form .form_submit button:hover {
  background: linear-gradient(90deg, #e9762a, #ff8b3f);
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
  transition: all 0.2s ease-in-out;
}
@media screen and (max-width: 600px) {
  .setting_container .content_container .right_content .bank_detail form .form_submit button {
    width: 55%;
  }
}
.setting_container .content_container .right_content .bank_detail form .or {
  padding-top: 1rem;
  width: 100%;
  grid-column: 1/-1;
  display: flex;
  margin: auto;
  align-items: center;
  justify-content: flex-start;
}
.setting_container .content_container .right_content .bank_detail form .or a {
  text-decoration: none;
  font-size: 0.8rem;
  color: rgb(34, 34, 34);
  display: flex;
  align-items: center;
  text-align: center;
  gap: 10px;
  font-weight: 550;
  justify-content: flex-start;
}
.setting_container .content_container .right_content .bank_detail form .or span {
  color: #ff8b3f;
  cursor: pointer;
  font-weight: 600;
}
.reseller_users_container {
  width: 100%;
  height: 100%;
}
.reseller_users_container .main_title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.reseller_users_container .main_title h4 {
  font-size: 1.6rem;
  font-weight: 600;
}
.reseller_users_container .filter_row {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.reseller_users_container .filter_row .left {
  width: 80%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
}
.reseller_users_container .filter_row .left .list {
  padding: 0.5rem 1rem;
  background-color: transparent;
  color: #4681ee;
  border: 1px solid lightblue;
  border-radius: 5px;
  cursor: pointer;
}
.reseller_users_container .filter_row .left .selected {
  padding: 0.5rem 1rem;
  background-color: royalblue;
  color: #ffffff;
  border: none;
  outline: none;
  cursor: pointer;
  border-radius: 5px;
}
.reseller_users_container .filter_row .right {
  width: 20%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1rem;
}
.reseller_users_container .filter_row .right button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 1rem;
  padding: 0.5rem 1rem;
  background-color: #ff8b3f;
  color: #ffffff;
  font-weight: 550;
  border-radius: 0.2rem;
}
.reseller_users_container .filter_row .right button .icon {
  font-size: 2rem;
}
.reseller_users_container .filter_row .right button:hover {
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
  background-color: #e9762a;
  cursor: pointer;
  outline: none;
  border: none;
}
.reseller_users_container .user_count {
  width: 100%;
  display: block;
  margin: 1rem 0px;
}
.reseller_users_container .user_count small {
  font-size: 0.9rem;
  font-weight: 500;
}
.reseller_users_container .alluser_row_2 {
  display: flex;
  flex-direction: row;
  width: 100%;
  margin: 1rem auto;
  overflow-y: scroll;
  /* Overall scrollbar */
  /* Scrollbar track (background) */
  /* Scrollbar thumb (handle) */
  /* On hover */
}
.reseller_users_container .alluser_row_2 .card_box {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  background-color: rgb(236, 228, 228);
}
.reseller_users_container .alluser_row_2 .card_box .card_title_box {
  display: grid;
  width: 100%;
  min-width: 100%;
  grid-template-columns: 2fr 3fr 2fr 0.7fr 1fr 1fr 1fr;
  place-items: center;
  background-color: gray;
  box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
  padding: 1rem 0px;
  overflow-x: scroll;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.reseller_users_container .alluser_row_2 .card_box .card_title_box .title {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.reseller_users_container .alluser_row_2 .card_box .card_title_box .title h4 {
  font-size: 0.9rem;
  font-weight: 700;
  color: #fff;
  letter-spacing: 1px;
}
.reseller_users_container .alluser_row_2 .card_box .card_title_box::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 1200px) {
  .reseller_users_container .alluser_row_2 .card_box .card_title_box {
    width: 200vw;
    grid-template-columns: 2fr 2fr 2fr 2fr 2fr 2fr;
  }
}
@media screen and (max-width: 700px) {
  .reseller_users_container .alluser_row_2 .card_box .card_title_box {
    width: 300vw;
    grid-template-columns: 2fr 2fr 2fr 2fr 2fr 2fr;
  }
}
.reseller_users_container .alluser_row_2 .card_box .card_detail_box {
  display: grid;
  width: 100%;
  grid-template-columns: 2fr 3fr 2fr 0.7fr 1fr 1fr 1fr;
  place-items: start;
  gap: 10px 1rem;
  background-color: rgb(255, 255, 255);
  padding: 0rem 0px;
  box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
}
.reseller_users_container .alluser_row_2 .card_box .card_detail_box .detail {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background-color: aqua;
  width: 100%;
  height: 100%;
  padding: 1rem 0px;
  white-space: normal;
  word-wrap: break-word; /* or use overflow-wrap */
  overflow-wrap: break-word;
}
.reseller_users_container .alluser_row_2 .card_box .card_detail_box .detail img {
  width: 60px;
  height: 60px;
  border-radius: 0.3rem;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border: 1px solid rgb(235, 235, 235);
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
}
.reseller_users_container .alluser_row_2 .card_box .card_detail_box .detail p {
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 1px;
  color: #111111;
}
.reseller_users_container .alluser_row_2 .card_box .card_detail_box .detail i {
  font-size: 1.4rem;
  color: rgb(70, 70, 70);
  cursor: pointer;
}
.reseller_users_container .alluser_row_2 .card_box .card_detail_box .detail .icon {
  font-size: 2rem;
  color: rgba(255, 150, 29, 0.637);
}
.reseller_users_container .alluser_row_2 .card_box .card_detail_box .detail .icon_success {
  font-size: 2rem;
  color: rgb(107, 189, 75);
}
.reseller_users_container .alluser_row_2 .card_box .card_detail_box .detail a {
  text-decoration: none;
  font-size: 0.8rem;
  font-weight: 550;
  color: royalblue;
}
.reseller_users_container .alluser_row_2 .card_box .card_detail_box .detail small {
  font-size: 0.8rem;
  padding: 5px 10px;
  background-color: rgb(93, 250, 132);
  border-radius: 5px;
  color: #5e5e5e;
  font-weight: 600;
}
.reseller_users_container .alluser_row_2 .card_box .card_detail_box .detail .note {
  font-size: 0.8rem;
  font-weight: 550;
  color: #a15afd;
  background-color: transparent;
}
.reseller_users_container .alluser_row_2 .card_box .card_detail_box .detail .note2 {
  font-size: 0.7rem;
  font-weight: 550;
  color: #ff8349;
  background-color: transparent;
}
.reseller_users_container .alluser_row_2 .card_box .card_detail_box .detail_actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  width: 100%;
}
.reseller_users_container .alluser_row_2 .card_box .card_detail_box .detail_actions .edit,
.reseller_users_container .alluser_row_2 .card_box .card_detail_box .detail_actions .delete,
.reseller_users_container .alluser_row_2 .card_box .card_detail_box .detail_actions .info {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  cursor: pointer;
}
.reseller_users_container .alluser_row_2 .card_box .card_detail_box .detail_actions .edit small,
.reseller_users_container .alluser_row_2 .card_box .card_detail_box .detail_actions .delete small,
.reseller_users_container .alluser_row_2 .card_box .card_detail_box .detail_actions .info small {
  font-size: 0.7rem;
}
.reseller_users_container .alluser_row_2 .card_box .card_detail_box .detail_actions .edit .icon,
.reseller_users_container .alluser_row_2 .card_box .card_detail_box .detail_actions .delete .icon,
.reseller_users_container .alluser_row_2 .card_box .card_detail_box .detail_actions .info .icon {
  font-size: 1.4rem;
  transition: all 0.4s ease-in-out;
}
.reseller_users_container .alluser_row_2 .card_box .card_detail_box .detail_actions .edit .icon:hover,
.reseller_users_container .alluser_row_2 .card_box .card_detail_box .detail_actions .delete .icon:hover,
.reseller_users_container .alluser_row_2 .card_box .card_detail_box .detail_actions .info .icon:hover {
  scale: 1.1;
  filter: drop-shadow(0px 4px 5px rgba(44, 44, 44, 0.4));
  transition: all 0.4s ease-in-out;
}
.reseller_users_container .alluser_row_2 .card_box .card_detail_box .detail_actions .edit:nth-child(1) .icon,
.reseller_users_container .alluser_row_2 .card_box .card_detail_box .detail_actions .delete:nth-child(1) .icon,
.reseller_users_container .alluser_row_2 .card_box .card_detail_box .detail_actions .info:nth-child(1) .icon {
  color: gray;
}
.reseller_users_container .alluser_row_2 .card_box .card_detail_box .detail_actions .edit:nth-child(1) small,
.reseller_users_container .alluser_row_2 .card_box .card_detail_box .detail_actions .delete:nth-child(1) small,
.reseller_users_container .alluser_row_2 .card_box .card_detail_box .detail_actions .info:nth-child(1) small {
  color: gray;
}
.reseller_users_container .alluser_row_2 .card_box .card_detail_box .detail_actions .edit:nth-child(2) .icon,
.reseller_users_container .alluser_row_2 .card_box .card_detail_box .detail_actions .delete:nth-child(2) .icon,
.reseller_users_container .alluser_row_2 .card_box .card_detail_box .detail_actions .info:nth-child(2) .icon {
  color: tomato;
}
.reseller_users_container .alluser_row_2 .card_box .card_detail_box .detail_actions .edit:nth-child(2) small,
.reseller_users_container .alluser_row_2 .card_box .card_detail_box .detail_actions .delete:nth-child(2) small,
.reseller_users_container .alluser_row_2 .card_box .card_detail_box .detail_actions .info:nth-child(2) small {
  color: tomato;
}
.reseller_users_container .alluser_row_2 .card_box .card_detail_box .detail_actions .edit:nth-child(3) .icon,
.reseller_users_container .alluser_row_2 .card_box .card_detail_box .detail_actions .delete:nth-child(3) .icon,
.reseller_users_container .alluser_row_2 .card_box .card_detail_box .detail_actions .info:nth-child(3) .icon {
  color: rgb(255, 142, 49);
}
.reseller_users_container .alluser_row_2 .card_box .card_detail_box .detail_actions .edit:nth-child(3) small,
.reseller_users_container .alluser_row_2 .card_box .card_detail_box .detail_actions .delete:nth-child(3) small,
.reseller_users_container .alluser_row_2 .card_box .card_detail_box .detail_actions .info:nth-child(3) small {
  color: rgb(255, 142, 49);
}
.reseller_users_container .alluser_row_2 .card_box .card_detail_box .detail_actions .info {
  position: relative;
}
.reseller_users_container .alluser_row_2 .card_box .card_detail_box .detail_actions .info .info_message_box {
  width: 250px;
  height: 100px;
  position: absolute;
  top: 160%;
  right: 20%;
  background-color: rgb(255, 255, 255);
  box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  gap: 1rem;
  padding: 10px;
  opacity: 0;
}
.reseller_users_container .alluser_row_2 .card_box .card_detail_box .detail_actions .info .info_message_box .info_message {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.reseller_users_container .alluser_row_2 .card_box .card_detail_box .detail_actions .info .info_message_box .info_message p {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-size: 0.7rem;
  font-weight: 550;
  color: darkcyan;
}
.reseller_users_container .alluser_row_2 .card_box .card_detail_box .detail_actions .info .info_message_box .info_message p strong {
  color: gray;
  padding-left: 5px;
}
.reseller_users_container .alluser_row_2 .card_box .card_detail_box .detail_actions .edit {
  position: relative;
}
.reseller_users_container .alluser_row_2 .card_box .card_detail_box .detail_actions .edit .touch_hand {
  position: absolute;
  bottom: 0%;
  right: -85%;
}
.reseller_users_container .alluser_row_2 .card_box .card_detail_box .detail_actions .edit .touch_hand img {
  width: 30px;
  height: 30px;
  mix-blend-mode: multiply;
}
.reseller_users_container .alluser_row_2 .card_box .card_detail_box .detail_actions #show {
  opacity: 1;
}
@media screen and (max-width: 1200px) {
  .reseller_users_container .alluser_row_2 .card_box .card_detail_box {
    width: 200vw;
    grid-template-columns: 2fr 2fr 2fr 2fr 2fr 2fr;
  }
}
@media screen and (max-width: 700px) {
  .reseller_users_container .alluser_row_2 .card_box .card_detail_box {
    width: 300vw;
    grid-template-columns: 2fr 2fr 2fr 2fr 2fr 2fr;
  }
}
@media screen and (max-width: 700px) and (max-width: 776px) {
  .reseller_users_container .alluser_row_2 .card_box .card_detail_box {
    background-color: rgb(179, 255, 208) !important;
  }
}
.reseller_users_container .alluser_row_2 .card_box .card_detail_box_empty {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
}
.reseller_users_container .alluser_row_2 .card_box .card_detail_box_empty small {
  font-size: 0.9rem;
  font-weight: 550;
  color: rgb(255, 124, 124);
}
@media screen and (max-width: 1200px) {
  .reseller_users_container .alluser_row_2 .card_box {
    width: 200vw;
    overflow-x: scroll;
  }
}
.reseller_users_container .alluser_row_2 .request_form_container {
  width: 500px;
  max-width: 500px;
  height: 80%;
  background-color: #fff;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  padding: 10px;
}
.reseller_users_container .alluser_row_2 .request_form_container .close {
  position: absolute;
  top: 2%;
  right: 2%;
}
.reseller_users_container .alluser_row_2 .request_form_container .close .icon {
  font-size: 1.8rem;
  color: red;
  cursor: pointer;
}
.reseller_users_container .alluser_row_2 .request_form_container .close .icon:hover {
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
}
.reseller_users_container .alluser_row_2 .request_form_container .title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.reseller_users_container .alluser_row_2 .request_form_container .title h4 {
  font-size: 1.2rem;
  font-weight: 600;
  letter-spacing: 1px;
  border-bottom: 1px solid rgb(255, 155, 40);
}
.reseller_users_container .alluser_row_2 .request_form_container form {
  padding: 1rem 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
}
.reseller_users_container .alluser_row_2 .request_form_container form .form_group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  margin: 0.2rem 0px;
  width: 100%;
}
.reseller_users_container .alluser_row_2 .request_form_container form .form_group label {
  color: rgb(82, 82, 82);
  font-size: 0.9rem;
  font-weight: 700;
  letter-spacing: 1px;
}
.reseller_users_container .alluser_row_2 .request_form_container form .form_group input, .reseller_users_container .alluser_row_2 .request_form_container form .form_group select {
  padding: 0.8rem 1rem;
  border: 1px solid lightgray;
  outline: none;
  width: 100%;
  border-radius: 0.3rem;
}
.reseller_users_container .alluser_row_2 .request_form_container form .form_group .notAllowed {
  cursor: not-allowed;
  color: rgb(73, 73, 73);
  background-color: lightgray;
}
.reseller_users_container .alluser_row_2 .request_form_container form .form_action {
  padding: 1rem 20px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.reseller_users_container .alluser_row_2 .request_form_container form .form_action button {
  width: -moz-max-content;
  width: max-content;
  padding: 0.5rem 1rem;
  outline: none;
  cursor: pointer;
  background-color: #e9762a;
  color: #fff;
  font-weight: 600;
  letter-spacing: 1px;
  border-radius: 5px;
}
.reseller_users_container .alluser_row_2 .request_form_container form .form_action button:hover {
  background-color: #ff8b3f;
}
.reseller_users_container .alluser_row_2::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.reseller_users_container .alluser_row_2::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
}
.reseller_users_container .alluser_row_2::-webkit-scrollbar-thumb {
  background-color: #c4c4c4; /* Indigo or your brand color */
  border-radius: 10px;
  border: 2px solid #f1f1f1; /* optional padding effect */
}
.reseller_users_container .alluser_row_2::-webkit-scrollbar-thumb:hover {
  background-color: #4338ca;
}
.Vcards_container {
  width: 100%;
  height: 100%;
}
.Vcards_container .main_title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.Vcards_container .main_title h4 {
  font-size: 1.6rem;
  font-weight: 600;
}
.Vcards_container .filter_row {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 1rem 0px;
}
.Vcards_container .filter_row .left {
  width: 80%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
}
.Vcards_container .filter_row .left .list {
  padding: 0.5rem 1rem;
  background-color: transparent;
  color: #4681ee;
  border: 1px solid lightblue;
  border-radius: 5px;
  cursor: pointer;
}
.Vcards_container .filter_row .left .selected {
  padding: 0.5rem 1rem;
  background-color: royalblue;
  color: #ffffff;
  border: none;
  outline: none;
  cursor: pointer;
  border-radius: 5px;
}
.Vcards_container .filter_row .right {
  width: 20%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1rem;
}
.Vcards_container .filter_row .right button {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 1rem;
  padding: 0.5rem 1rem;
  background-color: #ff8b3f;
  color: #ffffff;
  font-weight: 550;
  border-radius: 0.2rem;
}
.Vcards_container .filter_row .right button .icon {
  font-size: 2rem;
}
.Vcards_container .filter_row .right button:hover {
  box-shadow: rgba(0, 0, 0, 0.05) 0px 0px 0px 1px, rgb(209, 213, 219) 0px 0px 0px 1px inset;
  background-color: #e9762a;
  cursor: pointer;
  outline: none;
  border: none;
}
.Vcards_container .user_count {
  width: 100%;
  display: block;
}
.Vcards_container .user_count small {
  font-size: 0.9rem;
  font-weight: 500;
}
.Vcards_container .alluser_row_2 {
  display: flex;
  flex-direction: row;
  width: 100%;
  margin: 0.5rem auto;
  overflow-y: scroll;
  /* Overall scrollbar */
  /* Scrollbar track (background) */
  /* Scrollbar thumb (handle) */
  /* On hover */
}
.Vcards_container .alluser_row_2 .card_box {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  background-color: rgb(236, 228, 228);
}
.Vcards_container .alluser_row_2 .card_box .card_title_box {
  display: grid;
  width: 100%;
  min-width: 100%;
  grid-template-columns: 2fr 3fr 2fr 0.7fr 1fr 1fr 1fr;
  place-items: center;
  background-color: gray;
  box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
  padding: 1rem 0px;
  overflow-x: scroll;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
}
.Vcards_container .alluser_row_2 .card_box .card_title_box .title {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.Vcards_container .alluser_row_2 .card_box .card_title_box .title h4 {
  font-size: 0.9rem;
  font-weight: 700;
  color: #fff;
  letter-spacing: 1px;
}
.Vcards_container .alluser_row_2 .card_box .card_title_box::-webkit-scrollbar {
  display: none;
}
@media screen and (max-width: 1200px) {
  .Vcards_container .alluser_row_2 .card_box .card_title_box {
    width: 200vw;
    grid-template-columns: 2fr 2fr 2fr 2fr 2fr 2fr;
  }
}
@media screen and (max-width: 700px) {
  .Vcards_container .alluser_row_2 .card_box .card_title_box {
    width: 300vw;
    grid-template-columns: 2fr 2fr 2fr 2fr 2fr 2fr;
  }
}
.Vcards_container .alluser_row_2 .card_box .card_detail_box {
  display: grid;
  width: 100%;
  grid-template-columns: 2fr 3fr 2fr 0.7fr 1fr 1fr 1fr;
  place-items: start;
  gap: 10px 1rem;
  background-color: rgb(255, 255, 255);
  padding: 0rem 0px;
  box-shadow: rgba(9, 30, 66, 0.25) 0px 1px 1px, rgba(9, 30, 66, 0.13) 0px 0px 1px 1px;
}
.Vcards_container .alluser_row_2 .card_box .card_detail_box .detail {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  background-color: aqua;
  width: 100%;
  height: 100%;
  padding: 1rem 0px;
  white-space: normal;
  word-wrap: break-word; /* or use overflow-wrap */
  overflow-wrap: break-word;
}
.Vcards_container .alluser_row_2 .card_box .card_detail_box .detail img {
  width: 60px;
  height: 60px;
  border-radius: 0.3rem;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border: 1px solid rgb(235, 235, 235);
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
}
.Vcards_container .alluser_row_2 .card_box .card_detail_box .detail p {
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 1px;
  color: #111111;
}
.Vcards_container .alluser_row_2 .card_box .card_detail_box .detail i {
  font-size: 1.4rem;
  color: rgb(70, 70, 70);
  cursor: pointer;
}
.Vcards_container .alluser_row_2 .card_box .card_detail_box .detail .icon {
  font-size: 2rem;
  color: rgba(255, 150, 29, 0.637);
}
.Vcards_container .alluser_row_2 .card_box .card_detail_box .detail .icon_success {
  font-size: 2rem;
  color: rgb(107, 189, 75);
}
.Vcards_container .alluser_row_2 .card_box .card_detail_box .detail a {
  text-decoration: none;
  font-size: 0.8rem;
  font-weight: 550;
  color: royalblue;
}
.Vcards_container .alluser_row_2 .card_box .card_detail_box .detail small {
  font-size: 0.8rem;
  padding: 5px 10px;
  background-color: rgb(93, 250, 132);
  border-radius: 5px;
  color: #5e5e5e;
  font-weight: 600;
}
.Vcards_container .alluser_row_2 .card_box .card_detail_box .detail .note {
  font-size: 0.8rem;
  font-weight: 550;
  color: #a15afd;
  background-color: transparent;
}
.Vcards_container .alluser_row_2 .card_box .card_detail_box .detail .note2 {
  font-size: 0.7rem;
  font-weight: 550;
  color: #ff8349;
  background-color: transparent;
}
.Vcards_container .alluser_row_2 .card_box .card_detail_box .detail_actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  width: 100%;
}
.Vcards_container .alluser_row_2 .card_box .card_detail_box .detail_actions .edit,
.Vcards_container .alluser_row_2 .card_box .card_detail_box .detail_actions .delete,
.Vcards_container .alluser_row_2 .card_box .card_detail_box .detail_actions .info {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  cursor: pointer;
}
.Vcards_container .alluser_row_2 .card_box .card_detail_box .detail_actions .edit small,
.Vcards_container .alluser_row_2 .card_box .card_detail_box .detail_actions .delete small,
.Vcards_container .alluser_row_2 .card_box .card_detail_box .detail_actions .info small {
  font-size: 0.7rem;
}
.Vcards_container .alluser_row_2 .card_box .card_detail_box .detail_actions .edit .icon,
.Vcards_container .alluser_row_2 .card_box .card_detail_box .detail_actions .delete .icon,
.Vcards_container .alluser_row_2 .card_box .card_detail_box .detail_actions .info .icon {
  font-size: 1.4rem;
  transition: all 0.4s ease-in-out;
}
.Vcards_container .alluser_row_2 .card_box .card_detail_box .detail_actions .edit .icon:hover,
.Vcards_container .alluser_row_2 .card_box .card_detail_box .detail_actions .delete .icon:hover,
.Vcards_container .alluser_row_2 .card_box .card_detail_box .detail_actions .info .icon:hover {
  scale: 1.1;
  filter: drop-shadow(0px 4px 5px rgba(44, 44, 44, 0.4));
  transition: all 0.4s ease-in-out;
}
.Vcards_container .alluser_row_2 .card_box .card_detail_box .detail_actions .edit:nth-child(1) .icon,
.Vcards_container .alluser_row_2 .card_box .card_detail_box .detail_actions .delete:nth-child(1) .icon,
.Vcards_container .alluser_row_2 .card_box .card_detail_box .detail_actions .info:nth-child(1) .icon {
  color: gray;
}
.Vcards_container .alluser_row_2 .card_box .card_detail_box .detail_actions .edit:nth-child(1) small,
.Vcards_container .alluser_row_2 .card_box .card_detail_box .detail_actions .delete:nth-child(1) small,
.Vcards_container .alluser_row_2 .card_box .card_detail_box .detail_actions .info:nth-child(1) small {
  color: gray;
}
.Vcards_container .alluser_row_2 .card_box .card_detail_box .detail_actions .edit:nth-child(2) .icon,
.Vcards_container .alluser_row_2 .card_box .card_detail_box .detail_actions .delete:nth-child(2) .icon,
.Vcards_container .alluser_row_2 .card_box .card_detail_box .detail_actions .info:nth-child(2) .icon {
  color: tomato;
}
.Vcards_container .alluser_row_2 .card_box .card_detail_box .detail_actions .edit:nth-child(2) small,
.Vcards_container .alluser_row_2 .card_box .card_detail_box .detail_actions .delete:nth-child(2) small,
.Vcards_container .alluser_row_2 .card_box .card_detail_box .detail_actions .info:nth-child(2) small {
  color: tomato;
}
.Vcards_container .alluser_row_2 .card_box .card_detail_box .detail_actions .edit:nth-child(3) .icon,
.Vcards_container .alluser_row_2 .card_box .card_detail_box .detail_actions .delete:nth-child(3) .icon,
.Vcards_container .alluser_row_2 .card_box .card_detail_box .detail_actions .info:nth-child(3) .icon {
  color: rgb(255, 142, 49);
}
.Vcards_container .alluser_row_2 .card_box .card_detail_box .detail_actions .edit:nth-child(3) small,
.Vcards_container .alluser_row_2 .card_box .card_detail_box .detail_actions .delete:nth-child(3) small,
.Vcards_container .alluser_row_2 .card_box .card_detail_box .detail_actions .info:nth-child(3) small {
  color: rgb(255, 142, 49);
}
.Vcards_container .alluser_row_2 .card_box .card_detail_box .detail_actions .info {
  position: relative;
}
.Vcards_container .alluser_row_2 .card_box .card_detail_box .detail_actions .info .info_message_box {
  width: 250px;
  height: 100px;
  position: absolute;
  top: 160%;
  right: 20%;
  background-color: rgb(255, 255, 255);
  box-shadow: rgba(9, 30, 66, 0.25) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  gap: 1rem;
  padding: 10px;
  opacity: 0;
}
.Vcards_container .alluser_row_2 .card_box .card_detail_box .detail_actions .info .info_message_box .info_message {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.Vcards_container .alluser_row_2 .card_box .card_detail_box .detail_actions .info .info_message_box .info_message p {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  font-size: 0.7rem;
  font-weight: 550;
  color: darkcyan;
}
.Vcards_container .alluser_row_2 .card_box .card_detail_box .detail_actions .info .info_message_box .info_message p strong {
  color: gray;
  padding-left: 5px;
}
.Vcards_container .alluser_row_2 .card_box .card_detail_box .detail_actions .edit {
  position: relative;
}
.Vcards_container .alluser_row_2 .card_box .card_detail_box .detail_actions .edit .touch_hand {
  position: absolute;
  bottom: 0%;
  right: -85%;
}
.Vcards_container .alluser_row_2 .card_box .card_detail_box .detail_actions .edit .touch_hand img {
  width: 30px;
  height: 30px;
  mix-blend-mode: multiply;
}
.Vcards_container .alluser_row_2 .card_box .card_detail_box .detail_actions #show {
  opacity: 1;
}
@media screen and (max-width: 1200px) {
  .Vcards_container .alluser_row_2 .card_box .card_detail_box {
    width: 200vw;
    grid-template-columns: 2fr 2fr 2fr 2fr 2fr 2fr;
  }
}
@media screen and (max-width: 700px) {
  .Vcards_container .alluser_row_2 .card_box .card_detail_box {
    width: 300vw;
    grid-template-columns: 2fr 2fr 2fr 2fr 2fr 2fr;
  }
}
@media screen and (max-width: 700px) and (max-width: 776px) {
  .Vcards_container .alluser_row_2 .card_box .card_detail_box {
    background-color: rgb(179, 255, 208) !important;
  }
}
.Vcards_container .alluser_row_2 .card_box .card_detail_box_empty {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 50px;
}
.Vcards_container .alluser_row_2 .card_box .card_detail_box_empty small {
  font-size: 0.9rem;
  font-weight: 550;
  color: rgb(255, 124, 124);
}
@media screen and (max-width: 1200px) {
  .Vcards_container .alluser_row_2 .card_box {
    width: 200vw;
    overflow-x: scroll;
  }
}
.Vcards_container .alluser_row_2 .request_form_container {
  width: 500px;
  max-width: 500px;
  height: 80%;
  background-color: #fff;
  box-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  padding: 10px;
}
.Vcards_container .alluser_row_2 .request_form_container .close {
  position: absolute;
  top: 2%;
  right: 2%;
}
.Vcards_container .alluser_row_2 .request_form_container .close .icon {
  font-size: 1.8rem;
  color: red;
  cursor: pointer;
}
.Vcards_container .alluser_row_2 .request_form_container .close .icon:hover {
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
}
.Vcards_container .alluser_row_2 .request_form_container .title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.Vcards_container .alluser_row_2 .request_form_container .title h4 {
  font-size: 1.2rem;
  font-weight: 600;
  letter-spacing: 1px;
  border-bottom: 1px solid rgb(255, 155, 40);
}
.Vcards_container .alluser_row_2 .request_form_container form {
  padding: 1rem 0.5rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
}
.Vcards_container .alluser_row_2 .request_form_container form .form_group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  margin: 0.2rem 0px;
  width: 100%;
}
.Vcards_container .alluser_row_2 .request_form_container form .form_group label {
  color: rgb(82, 82, 82);
  font-size: 0.9rem;
  font-weight: 700;
  letter-spacing: 1px;
}
.Vcards_container .alluser_row_2 .request_form_container form .form_group input, .Vcards_container .alluser_row_2 .request_form_container form .form_group select {
  padding: 0.8rem 1rem;
  border: 1px solid lightgray;
  outline: none;
  width: 100%;
  border-radius: 0.3rem;
}
.Vcards_container .alluser_row_2 .request_form_container form .form_group .notAllowed {
  cursor: not-allowed;
  color: rgb(73, 73, 73);
  background-color: lightgray;
}
.Vcards_container .alluser_row_2 .request_form_container form .form_action {
  padding: 1rem 20px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.Vcards_container .alluser_row_2 .request_form_container form .form_action button {
  width: -moz-max-content;
  width: max-content;
  padding: 0.5rem 1rem;
  outline: none;
  cursor: pointer;
  background-color: #e9762a;
  color: #fff;
  font-weight: 600;
  letter-spacing: 1px;
  border-radius: 5px;
}
.Vcards_container .alluser_row_2 .request_form_container form .form_action button:hover {
  background-color: #ff8b3f;
}
.Vcards_container .alluser_row_2::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.Vcards_container .alluser_row_2::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
}
.Vcards_container .alluser_row_2::-webkit-scrollbar-thumb {
  background-color: #c4c4c4; /* Indigo or your brand color */
  border-radius: 10px;
  border: 2px solid #f1f1f1; /* optional padding effect */
}
.Vcards_container .alluser_row_2::-webkit-scrollbar-thumb:hover {
  background-color: #4338ca;
}.home_container {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 1rem 0px;
}
.home_container .row1 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgb(236, 236, 236);
}
.home_container .row1 .title {
  font-size: 1.3rem;
  font-weight: 700;
}
.home_container .row1 .box_container {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  place-items: start;
  gap: 1rem;
}
.home_container .row1 .box_container .box {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: space-between;
  height: 150px;
  background-color: #fff !important;
  border: 1px solid #d4d4d4;
  border-radius: 0.5rem;
  padding: 1rem;
  overflow: hidden;
}
.home_container .row1 .box_container .box .avatar img {
  width: 30px;
  height: 30px;
  -o-object-fit: cover;
     object-fit: cover;
}
.home_container .row1 .box_container .box .all_users {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
}
.home_container .row1 .box_container .box .all_users .details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 4px;
}
.home_container .row1 .box_container .box .all_users .details h5 {
  font-size: 1.1rem;
  font-weight: 700;
}
.home_container .row1 .box_container .box .all_users .details p {
  font-size: 1.5rem;
}
.home_container .row1 .box_container .box .all_users .icon {
  font-size: 2.5rem;
  color: #008876 !important;
}
.home_container .row1 .box_container .box .chart {
  filter: drop-shadow(5px 4px 5px rgba(0, 146, 139, 0.4));
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.home_container .row1 .box_container .box:nth-child(1) {
  background: linear-gradient(#85ffaa, #ffffff);
}
.home_container .row1 .box_container .box:nth-child(1) .icon {
  font-size: 2.4rem;
  color: #85ffaa !important;
  background-color: #fff;
  padding: 0.3rem;
  border-radius: 0.3rem;
}
.home_container .row1 .box_container .box:nth-child(2) {
  background: linear-gradient(#fff385, #ffffff);
}
.home_container .row1 .box_container .box:nth-child(2) .icon {
  font-size: 2.3rem;
  color: #ffe07b !important;
  background-color: #fff;
  padding: 0.3rem;
  border-radius: 0.3rem;
}
.home_container .row1 .box_container .box:nth-child(3) {
  background: linear-gradient(#a4fcff, #ffffff);
}
.home_container .row1 .box_container .box:nth-child(3) .icon {
  font-size: 2.3rem;
  color: #61dce0 !important;
  background-color: #fff;
  padding: 0.3rem;
  border-radius: 0.3rem;
}
.home_container .row1 .box_container .box:nth-child(4) {
  background: linear-gradient(#dea4ff, #ffffff);
}
.home_container .row1 .box_container .box:nth-child(4) .icon {
  font-size: 2.3rem;
  color: #dea4ff !important;
  background-color: #fff;
  padding: 0.3rem;
  border-radius: 0.3rem;
}
.home_container .row1 .box_container .box:nth-child(5) {
  background: linear-gradient(#ffffff, #7eff9a);
}
.home_container .row1 .box_container .box:nth-child(5) .icon {
  font-size: 2.7rem;
  padding: 0.3rem;
  border-radius: 0.3rem;
}
.home_container .row1 .box_container .box:nth-child(6) {
  background: linear-gradient(#ffffff, #fff385);
}
.home_container .row1 .box_container .box:nth-child(6) .icon {
  font-size: 2.3rem;
  padding: 0.3rem;
  border-radius: 0.3rem;
}
.home_container .row1 .box_container .box:nth-child(7) {
  background: linear-gradient(#ffffff, #a4fcff);
}
.home_container .row1 .box_container .box:nth-child(8) {
  background: linear-gradient(#ffffff, #dea4ff);
}
.home_container .row1 .box_container .revenue {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 150px;
  background-color: #fff !important;
  border: 1px solid #d4d4d4;
  border-radius: 0.5rem;
  padding: 1rem;
  overflow: hidden;
}
.home_container .row1 .box_container .revenue .avatar img {
  width: 30px;
  height: 30px;
  -o-object-fit: cover;
     object-fit: cover;
}
.home_container .row1 .box_container .revenue .all_users {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 100%;
  gap: 10px;
}
.home_container .row1 .box_container .revenue .all_users .details {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.home_container .row1 .box_container .revenue .all_users .details h5 {
  font-size: 1.3rem;
  font-weight: 700;
  color: royalblue;
}
.home_container .row1 .box_container .revenue .all_users .details p {
  font-size: 1.7rem;
  color: rgb(41, 41, 41);
  font-weight: bolder;
}
.home_container .row1 .box_container .revenue .all_users .icon {
  font-size: 2.5rem;
  color: #008876 !important;
}
.home_container .row1 .box_container .revenue .chart {
  filter: drop-shadow(5px 4px 5px rgba(0, 146, 139, 0.4));
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.home_container .row1 .box_container .revenue:nth-child(1) {
  background: linear-gradient(#85ffaa, #ffffff);
}
.home_container .row1 .box_container .revenue:nth-child(1) .icon {
  font-size: 2.4rem;
  color: #85ffaa !important;
  background-color: #fff;
  padding: 0.3rem;
  border-radius: 0.3rem;
}
.home_container .row1 .box_container .revenue:nth-child(2) {
  background: linear-gradient(#fff385, #ffffff);
}
.home_container .row1 .box_container .revenue:nth-child(2) .icon {
  font-size: 2.3rem;
  color: #ffe07b !important;
  background-color: #fff;
  padding: 0.3rem;
  border-radius: 0.3rem;
}
.home_container .row1 .box_container .revenue:nth-child(3) {
  background: linear-gradient(#a4fcff, #ffffff);
}
.home_container .row1 .box_container .revenue:nth-child(3) .icon {
  font-size: 2.3rem;
  color: #61dce0 !important;
  background-color: #fff;
  padding: 0.3rem;
  border-radius: 0.3rem;
}
.home_container .row1 .box_container .revenue:nth-child(4) {
  background: linear-gradient(#dea4ff, #ffffff);
}
.home_container .row1 .box_container .revenue:nth-child(4) .icon {
  font-size: 2.3rem;
  color: #dea4ff !important;
  background-color: #fff;
  padding: 0.3rem;
  border-radius: 0.3rem;
}
.home_container .row1 .box_container .revenue:nth-child(5) {
  background: linear-gradient(#ffffff, #7eff9a);
}
.home_container .row1 .box_container .revenue:nth-child(5) .icon {
  font-size: 2.7rem;
  padding: 0.3rem;
  border-radius: 0.3rem;
}
.home_container .row1 .box_container .revenue:nth-child(6) {
  background: linear-gradient(#ffffff, #fff385);
}
.home_container .row1 .box_container .revenue:nth-child(6) .icon {
  font-size: 2.3rem;
  padding: 0.3rem;
  border-radius: 0.3rem;
}
.home_container .row1 .box_container .revenue:nth-child(7) {
  background: linear-gradient(#ffffff, #a4fcff);
}
.home_container .row1 .box_container .revenue:nth-child(8) {
  background: linear-gradient(#ffffff, #dea4ff);
}
.home_container .row2 {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  padding: 1rem 0px;
  margin: 1rem auto;
}
.home_container .row2 .title {
  font-size: 1.2rem;
  font-weight: 500;
}
.home_container .row2 .box_container2 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.home_container .row2 .box_container2 .left {
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 10px;
}
.home_container .row2 .box_container2 .left .piechart {
  width: 100%;
}
.home_container .row2 .box_container2 .right {
  width: 50%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 10px;
}
.home_container .row2 .box_container2 .right .piechart {
  width: 100%;
}

.Dynamiv_vcard_Title {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative;
}
.Dynamiv_vcard_Title h3 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  font-family: "Orbitron", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-size: 1.2rem;
  color: #161616;
  position: relative;
}
.Dynamiv_vcard_Title h3::first-letter {
  font-size: 1.7rem !important;
  color: #525252 !important;
}
.Dynamic_Third_Vcard_Live_Container {
  width: 100vw;
  min-height: 100vh;
  height: auto;
  position: relative;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin: auto;
  overflow-y: scroll;
  overflow-x: hidden;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-clip: border-box !important;
}
.Dynamic_Third_Vcard_Live_Container .dynamic_full_image {
  display: none;
  position: absolute;
  right: 0%;
  top: 0%;
  transform: translate(0%, 0%);
  margin: auto;
  width: 100%;
  height: 800px;
  background: linear-gradient(#ffffff, #ffffff);
  z-index: 1;
}
.Dynamic_Third_Vcard_Live_Container .dynamic_full_image .close_Full_Image_gallery {
  position: absolute;
  width: 100%;
  left: 90%;
  top: 5%;
  z-index: 10;
}
.Dynamic_Third_Vcard_Live_Container .dynamic_full_image .close_Full_Image_gallery .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.4rem;
  color: red;
  z-index: 10;
  cursor: pointer;
  place-items: center;
  transition: all 0.3s ease-in-out;
}
.Dynamic_Third_Vcard_Live_Container .dynamic_full_image .close_Full_Image_gallery .icon:hover {
  filter: drop-shadow(0px 4px 5px rgba(255, 156, 117, 0.6));
  scale: 1.2;
  transition: all 0.3s ease-in-out;
}
.Dynamic_Third_Vcard_Live_Container .dynamic_full_image img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
  height: auto;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.5));
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 1;
}
@media (max-width: 776px) {
  .Dynamic_Third_Vcard_Live_Container .dynamic_full_image img {
    width: 100%;
    height: auto;
  }
}
@media screen and (max-width: 776px) {
  .Dynamic_Third_Vcard_Live_Container .dynamic_full_image {
    height: 900px;
    background-color: #fff;
    z-index: 1000;
  }
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box {
  margin: 0.5rem auto 0rem auto !important;
  width: 450px;
  max-width: 450px;
  overflow-x: hidden;
  position: relative;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .Image_row_1 {
  width: 100%;
  min-height: 420px;
  height: auto;
  position: relative;
  background-color: #ffffff;
  overflow: hidden;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .Image_row_1 .design_2 {
  position: absolute;
  width: 600px;
  height: 600px;
  z-index: 15;
  background-color: #1b3b64;
  transform: rotate(45deg) translateX(-60px) translateY(-350px);
  display: none;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .Image_row_1 .design_3 {
  position: absolute;
  width: 450px;
  height: 450px;
  z-index: 10;
  background-color: #adcc30;
  display: none;
  transform: rotate(-45deg) translateX(-80px) translateY(-290px);
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .Image_row_1 .design_4 {
  position: absolute;
  width: 600px;
  height: 600px;
  z-index: 12;
  background-color: #adcc30;
  display: none;
  transform: rotate(42deg) translateX(-65px) translateY(-400px);
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .Image_row_1 .slide_svg {
  position: absolute;
  width: 100%;
  bottom: -6px;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .Image_row_1 .slide_svg svg {
  transform: rotate(0deg);
  height: 150px;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .Image_row_1 .slide_svg .overlay {
  position: relative;
  top: -3px;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(rgba(205, 98, 226, 0) 0%, #ffffff 100%);
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .Image_row_1 .banner_image {
  width: 100%;
  max-height: 100%;
  height: 100%;
  overflow: hidden;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .Image_row_1 .banner_image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover; /* Ensures image covers the area */
  -o-object-position: top;
     object-position: top; /* Ensures head portion is not cropped */
}
@media screen and (max-width: 500px) {
  .Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .Image_row_1 {
    min-height: auto;
    max-height: auto;
    height: auto;
  }
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .basic_row_2 {
  padding: 0rem 0rem;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
  z-index: 1;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .basic_row_2 .review_anime {
  position: absolute;
  top: 25.8%;
  right: -85%;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  cursor: pointer;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .basic_row_2 .review_anime small {
  position: absolute;
  top: 61.9%;
  left: 5%;
  z-index: 10;
  color: #FAFB92;
  font-size: 0.7rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .basic_row_2 .review_anime small:hover {
  text-decoration: underline;
  cursor: pointer;
}
@media screen and (max-width: 776px) {
  .Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .basic_row_2 .review_anime {
    position: absolute;
    top: 30%;
    right: -100%;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    cursor: pointer;
    display: none;
  }
  .Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .basic_row_2 .review_anime small {
    position: absolute;
    top: 63%;
    left: 5%;
    z-index: 10;
  }
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .basic_row_2 .profile_anime {
  position: absolute;
  top: 21.2%;
  right: -16%;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  cursor: pointer;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .basic_row_2 .profile_anime small {
  position: absolute;
  top: 32.6%;
  right: 49%;
  z-index: 10;
  color: #FAFB92;
  font-size: 0.7rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .basic_row_2 .profile_anime small:hover {
  text-decoration: underline;
  cursor: pointer;
}
@media screen and (max-width: 776px) {
  .Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .basic_row_2 .profile_anime {
    position: absolute;
    top: 28.2%;
    right: -22%;
    z-index: 1000;
    display: flex;
    flex-direction: column;
    cursor: pointer;
    display: none;
  }
  .Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .basic_row_2 .profile_anime small {
    position: absolute;
    top: 32.6%;
    right: 52%;
    z-index: 10;
  }
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .basic_row_2 .design_1 {
  position: absolute;
  width: 800px;
  height: 800px;
  border-radius: 50%;
  z-index: 20;
  background-color: rgb(92, 92, 24);
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .basic_row_2 .user_details {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0rem;
  overflow: visible;
  z-index: 20;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .basic_row_2 .user_details .user_data {
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  position: relative;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .basic_row_2 .user_details .user_data .user_information {
  display: flex;
  flex: 1;
  flex-direction: row;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative;
  padding: 0rem 1rem;
  width: 100%;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .basic_row_2 .user_details .user_data .user_information h2 {
  font-size: 1.8rem;
  font-weight: 600;
  letter-spacing: 1px;
  color: #fff;
  position: relative;
  z-index: 1;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .basic_row_2 .user_details .user_data .user_information p {
  font-size: 1rem;
  font-weight: 500;
  color: #fff27d;
  display: flex;
  width: -moz-max-content;
  width: max-content;
  height: -moz-max-content;
  height: max-content;
  justify-content: start;
  z-index: 100;
  position: relative;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .basic_row_2 .user_details .user_data .user_information p img {
  width: 40px;
  height: 40px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
@media screen and (max-width: 600px) {
  .Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .basic_row_2 .user_details .user_data .user_information p img {
    width: 25px;
    height: 25px;
  }
  .Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .basic_row_2 .user_details .user_data {
    align-items: center;
  }
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .basic_row_2 .user_details .contacts_btns {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  gap: 0.2rem;
  flex: 1;
  flex-wrap: wrap;
  z-index: -1;
  padding: 0.5rem;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .basic_row_2 .user_details .contacts_btns a {
  text-decoration: none;
  display: flex;
  align-items: flex-start;
  flex-direction: row;
  justify-content: center;
  gap: 5px;
  padding: 0rem 0rem;
  color: #ffffff;
  z-index: -1;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .basic_row_2 .user_details .contacts_btns a .icon {
  font-size: 1.5rem;
  padding: 5px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  color: #fff !important;
  height: 30px;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .basic_row_2 .user_details .contacts_btns a .globe {
  font-size: 1.1rem;
  width: 10%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .basic_row_2 .user_details .contacts_btns a small {
  font-size: 1rem;
  font-weight: 550;
  letter-spacing: 1px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  white-space: normal;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .basic_row_2 .user_details .contacts_btns a .mobile {
  font-size: 1rem;
  font-weight: 550;
  letter-spacing: 1px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  white-space: normal;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .basic_row_2 .user_details .contacts_btns a .location {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .basic_row_2 .user_details .contacts_btns a:hover {
  scale: 1;
  transition: all 0.4s linear;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .basic_row_2 .user_details .contacts_btns .location {
  text-decoration: none;
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  gap: 0px;
  padding: 0rem 0rem;
  color: #ffffff;
  z-index: -1;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .basic_row_2 .user_details .contacts_btns .location .icon {
  font-size: 1.8rem;
  padding: 5px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  color: #fff !important;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .basic_row_2 .user_details .contacts_btns .location .location_icon {
  font-size: 1.8rem;
  padding: 5px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 10px;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .basic_row_2 .user_details .contacts_btns .location .location_icon small {
  font-size: 0.8rem;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .basic_row_2 .user_details .contacts_btns .location .globe {
  font-size: 1.1rem;
  width: 10%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .basic_row_2 .user_details .contacts_btns .location small {
  font-size: 1rem;
  font-weight: 550;
  letter-spacing: 1px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  white-space: normal;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .basic_row_2 .user_details .contacts_btns .location .mobile {
  font-size: 1rem;
  font-weight: 550;
  letter-spacing: 1px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  white-space: normal;
  overflow-wrap: break-word;
  word-wrap: break-word;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .basic_row_2 .user_details .contacts_btns .location .location {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 0px;
  padding-left: 1.8rem;
  font-size: 0.9rem;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .basic_row_2 .user_details .contacts_btns .location:hover {
  scale: 1;
  transition: all 0.4s linear;
}
@media screen and (max-width: 776px) {
  .Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .basic_row_2 .user_details .contacts_btns {
    width: 100%;
    flex: 1;
  }
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .social_media_container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 1rem 0px;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .social_media_container .social_media {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: 100%;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .social_media_container .social_media .first {
  text-decoration: none;
  color: #fff;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .social_media_container .social_media .icon {
  font-size: 2.1rem;
  transition: scale 0.5s ease-in-out;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .social_media_container .social_media .icon:hover {
  filter: drop-shadow(0px 4px 5px rgba(250, 250, 250, 0.4));
  cursor: pointer;
  scale: 1.05;
  transition: scale 0.5s ease-in-out;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .social_media_container .content {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .social_media_container .content small {
  font-size: 0.9rem;
  letter-spacing: 1px;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 {
  padding: 0.2rem 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 .about_details {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-items: flex-start;
  gap: 15px;
  width: 100%;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 .about_details .detail {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex: 1;
  width: 100%;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 .about_details .detail .detail_title {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 1rem;
  font-weight: 550;
  flex: 0.4;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 .about_details .detail .detail_title h5 {
  font-size: 0.9rem;
  font-weight: 600;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 .about_details .detail .detail_message {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 5px;
  font-weight: 550;
  flex: 0.6;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 .about_details .detail .detail_message strong {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-weight: bold;
  font-size: 0.9rem;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 .about_details .detail .detail_message p {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  font-size: 0.9rem;
  font-weight: 600;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-direction: row !important;
  gap: 1.3rem;
  width: 100%;
  margin-left: 5px;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a {
  text-decoration: none;
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: all 0.3s ease-in-out;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a i {
  z-index: 2;
  font-size: 1rem;
  font-weight: 500;
  color: #ffffff;
  transition: all 0.3s ease-in-out;
  position: relative;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg1 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg1 #sw-js-blob-svg {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg1 #sw-js-blob-svg #stop1 {
  stop-color: #5365ff;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg1 #sw-js-blob-svg #stop2 {
  stop-color: #5365ff;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg2 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg2 #sw-js-blob-svg {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg2 #sw-js-blob-svg #stop3 {
  stop-color: #ff004d;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg2 #sw-js-blob-svg #stop4 {
  stop-color: #f500da;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg3 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg3 #sw-js-blob-svg {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg3 #sw-js-blob-svg #stop5 {
  stop-color: #10b856;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg3 #sw-js-blob-svg #stop6 {
  stop-color: #10b856;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg6 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg6 #sw-js-blob-svg6 {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg6 #sw-js-blob-svg6 #stop11 {
  stop-color: #4da6e9;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg6 #sw-js-blob-svg6 #stop12 {
  stop-color: #4da6e9;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg4 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg4 #sw-js-blob-svg {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg4 #sw-js-blob-svg #stop7 {
  stop-color: #ff777b;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg4 #sw-js-blob-svg #stop8 {
  stop-color: #ff656a;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg5 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg5 #sw-js-blob-svg5 {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 35px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg5 #sw-js-blob-svg5 #stop9 {
  stop-color: #a5a5a5;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a .social_media_svg5 #sw-js-blob-svg5 #stop10 {
  stop-color: #999999;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a small {
  display: none;
  position: absolute;
  transition: all 0.4s ease-in-out;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a:hover {
  scale: 1.1;
  filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.4));
  transition: all 0.3s ease-in-out;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a:hover .social_media_svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .social_medias a:hover .social_media_svg img {
  position: relative;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60px;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 .about_details .detail .detail_message .icon {
  font-size: 1.2rem;
  cursor: pointer;
  color: rgb(104, 104, 104);
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 .specialities {
  width: 98%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: auto;
  font-size: 0.9rem;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 .specialities p {
  width: 100%;
  font-size: 0.9rem;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 .specialities ul {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  margin: auto;
  width: 90%;
  font-size: 1.3rem;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .about_row_4 .specialities ul li {
  font-size: 0.9rem;
  font-weight: 500;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .gallery {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .gallery .all_gallerys {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: 0.5rem;
  place-items: center;
  margin: auto;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .gallery .all_gallerys .gallery_image {
  width: 100%;
  margin: auto;
  display: flex;
  align-items: center;
  justify-content: center;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .gallery .all_gallerys .gallery_image img {
  cursor: pointer;
  width: 100%;
  height: auto;
  max-height: 300px;
  min-height: 200px;
  border-radius: 5px;
  background-color: #fff;
  -o-object-fit: contain;
     object-fit: contain;
  transition: all 0.3s ease;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .gallery .all_gallerys .gallery_image img:hover {
  opacity: 0.7;
  transition: all 0.3s ease;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .portfolio {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .portfolio .All_Portfolio {
  width: 100%;
  height: auto;
  margin: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .portfolio .All_Portfolio .Product {
  width: 100%;
  background-color: #fff6f6;
  border-radius: 10px;
  box-shadow: 0px 0px 5px rgba(255, 255, 255, 0.2);
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0px;
  padding-bottom: 1rem;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .portfolio .All_Portfolio .Product .product_title {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  padding: 1rem;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .portfolio .All_Portfolio .Product .product_title h5 {
  font-size: 1.1rem;
  font-weight: bold;
  color: #132a4c;
  letter-spacing: 1px;
  border-bottom: 3px solid #ebebeb;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .portfolio .All_Portfolio .Product .product_description {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 10px;
  font-size: 0.9rem;
  font-weight: 500;
  color: #313131;
  padding: 0px 1rem;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .portfolio .All_Portfolio .Product .product_link {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0px 1rem;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .portfolio .All_Portfolio .Product .product_link a {
  text-decoration: none;
  color: royalblue;
  font-size: 0.9rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .portfolio .All_Portfolio .Product .product_link a:hover {
  text-shadow: 0px 4px 5px rgba(0, 0, 0, 0.4);
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .portfolio .All_Portfolio .Product .product_image {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .portfolio .All_Portfolio .Product .product_image img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  -o-object-position: center;
     object-position: center;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .portfolio .All_Portfolio .Product .product_action {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .portfolio .All_Portfolio .Product .product_action .product_price {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .portfolio .All_Portfolio .Product .product_action .product_price h5 {
  font-size: 1.1rem;
  font-weight: 600;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .portfolio .All_Portfolio .Product .product_action .product_price p {
  font-size: 1rem;
  font-weight: 550;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .portfolio .All_Portfolio .Product .product_action .product_enquiry {
  display: flex;
  align-items: center;
  justify-content: center;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .portfolio .All_Portfolio .Product .product_action .product_enquiry a {
  text-decoration: none;
  color: #ffffff;
  background-color: #313131;
  padding: 0.5rem 1rem;
  border: 2px solid #ffffff;
  font-size: 0.9rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .portfolio .All_Portfolio .Product .product_action .product_enquiry a:hover {
  background-color: #727272;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .portfolio .action {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .portfolio .action a {
  padding: 0.5rem 1rem;
  width: 100%;
  background-color: #fffc89;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-weight: bold;
  letter-spacing: 1px;
  font-size: 0.9rem;
  border-radius: 5px;
  color: #132a4c !important;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .portfolio .action a:hover {
  background-color: #fffc9a;
  box-shadow: 0px 4px 5px rgba(252, 252, 252, 0.4);
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .local_video {
  padding: 0px 1rem;
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .local_video .local_videos_container {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 0.5rem;
  margin: 1rem auto;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .local_video .local_videos_container .video_image {
  width: -moz-max-content;
  width: max-content;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .local_video .local_videos_container .video_image video {
  width: 100%;
  height: auto;
  max-height: 200px;
  border-radius: 0.1rem;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .video {
  padding: 1rem;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 1rem;
  position: relative;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .video .videos_container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 1rem;
  margin: auto;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .video .videos_container .video_image {
  width: 100%;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .video .videos_container .video_image iframe {
  width: 100%;
  height: 200px;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .google_map_container {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 1rem;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .google_map_container .google_map {
  width: 100%;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .google_map_container .google_map iframe {
  width: 100% !important;
  height: 250px !important;
  border: none !important;
  margin: 1rem auto;
  border-radius: 0.5rem;
  filter: drop-shadow(0px 4px 5px rgba(56, 56, 56, 0.527));
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .Footer {
  position: relative;
  bottom: 0%;
  width: 100%;
  margin-top: 3rem;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .Footer .dynamic_footer_container {
  width: 100%;
  min-height: 50px;
  height: 50px;
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 5px;
  justify-content: center;
  padding: 0px 0px;
  z-index: 600;
  background-color: #fffd72;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .Footer .dynamic_footer_container small {
  font-size: 0.8rem;
  font-weight: bold;
  color: #132a4c;
  letter-spacing: 1px;
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .Footer .dynamic_footer_container p {
  font-size: 0.8rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  letter-spacing: 1px;
}
@media (max-width: 600px) {
  .Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .Footer .dynamic_footer_container p {
    font-size: 0.7rem;
  }
}
.Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .Footer .dynamic_footer_container .dynamic_footer_svg {
  position: absolute;
  z-index: -1;
  bottom: 25%;
  left: 0%;
  width: 100%;
}
@media screen and (max-width: 776px) {
  .Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box .Footer {
    margin: 0px;
  }
}
@media screen and (max-width: 600px) {
  .Dynamic_Third_Vcard_Live_Container .Dynamic_elite_second_Vcard_Live_box {
    width: 100vw !important;
    min-width: 100vw;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    margin-top: 0rem !important;
  }
}
.vcard_preview_loader {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.vcard_preview_loader .preview_loader {
  height: 5px;
  width: 5px;
  color: #706dff;
  box-shadow: -10px -10px 0 5px, -10px -10px 0 5px, -10px -10px 0 5px, -10px -10px 0 5px;
  animation: loader-38 6s infinite;
}
@keyframes loader-38 {
  0% {
    box-shadow: -10px -10px 0 5px, -10px -10px 0 5px, -10px -10px 0 5px, -10px -10px 0 5px;
  }
  8.33% {
    box-shadow: -10px -10px 0 5px, 10px -10px 0 5px, 10px -10px 0 5px, 10px -10px 0 5px;
  }
  16.66% {
    box-shadow: -10px -10px 0 5px, 10px -10px 0 5px, 10px 10px 0 5px, 10px 10px 0 5px;
  }
  24.99% {
    box-shadow: -10px -10px 0 5px, 10px -10px 0 5px, 10px 10px 0 5px, -10px 10px 0 5px;
  }
  33.32% {
    box-shadow: -10px -10px 0 5px, 10px -10px 0 5px, 10px 10px 0 5px, -10px -10px 0 5px;
  }
  41.65% {
    box-shadow: 10px -10px 0 5px, 10px -10px 0 5px, 10px 10px 0 5px, 10px -10px 0 5px;
  }
  49.98% {
    box-shadow: 10px 10px 0 5px, 10px 10px 0 5px, 10px 10px 0 5px, 10px 10px 0 5px;
  }
  58.31% {
    box-shadow: -10px 10px 0 5px, -10px 10px 0 5px, 10px 10px 0 5px, -10px 10px 0 5px;
  }
  66.64% {
    box-shadow: -10px -10px 0 5px, -10px -10px 0 5px, 10px 10px 0 5px, -10px 10px 0 5px;
  }
  74.97% {
    box-shadow: -10px -10px 0 5px, 10px -10px 0 5px, 10px 10px 0 5px, -10px 10px 0 5px;
  }
  83.3% {
    box-shadow: -10px -10px 0 5px, 10px 10px 0 5px, 10px 10px 0 5px, -10px 10px 0 5px;
  }
  91.63% {
    box-shadow: -10px -10px 0 5px, -10px 10px 0 5px, -10px 10px 0 5px, -10px 10px 0 5px;
  }
  100% {
    box-shadow: -10px -10px 0 5px, -10px -10px 0 5px, -10px -10px 0 5px, -10px -10px 0 5px;
  }
}
.date-input {
  appearance: none; /* Remove default styling */
  -webkit-appearance: none; /* Remove default styling in Safari */
  -moz-appearance: none; /* Remove default styling in Firefox */
  padding: 10px;
  font-size: 16px;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.date-input::-moz-placeholder {
  color: #888; /* Placeholder color */
}
.date-input::placeholder {
  color: #888; /* Placeholder color */
}
/* Custom icon for the date picker */
.date-input::-webkit-calendar-picker-indicator {
  cursor: pointer;
  color: transparent;
  opacity: 1;
  position: absolute;
  right: 10px;
  top: 70%;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background: url("https://img.icons8.com/emoji/48/calendar-emoji.png") no-repeat center center;
  background-size: contain;
}