@font-face {
  font-family: 'icolms';
  src: url('icolms.8bac86f24fd538ed.eot?nu6vz0');
  src: url('icolms.8bac86f24fd538ed.eot?nu6vz0#iefix') format('embedded-opentype'), url('icolms.4326047b67c8b560.ttf?nu6vz0') format('truetype'), url('icolms.3f62ab0d9677307f.woff?nu6vz0') format('woff'), url('icolms.ebdf54ea1194423c.svg?nu6vz0#icolms') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

.icon {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icolms' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-check-circle-fill:before {
  content: "\ea37";
}
.icon-x-circle-fill:before {
  content: "\ea38";
}
.icon-pencil-alt-fill:before {
  content: "\ea36";
}
.icon-question:before {
  content: "\ea35";
}
.icon-academic-cap:before {
  content: "\e900";
}
.icon-adjustments:before {
  content: "\e901";
}
.icon-adjustments-horizontal:before {
  content: "\e902";
}
.icon-annotation:before {
  content: "\e903";
}
.icon-archive:before {
  content: "\e904";
}
.icon-archive-box-arrow-down:before {
  content: "\e905";
}
.icon-archive-box-x-mark:before {
  content: "\e906";
}
.icon-arrow-circle-down:before {
  content: "\e907";
}
.icon-arrow-circle-left:before {
  content: "\e908";
}
.icon-arrow-circle-right:before {
  content: "\e909";
}
.icon-arrow-circle-up:before {
  content: "\e90a";
}
.icon-arrow-down:before {
  content: "\e90b";
}
.icon-arrow-left:before {
  content: "\e90c";
}
.icon-arrow-narrow-down:before {
  content: "\e90d";
}
.icon-arrow-narrow-left:before {
  content: "\e90e";
}
.icon-arrow-narrow-right:before {
  content: "\e90f";
}
.icon-arrow-narrow-up:before {
  content: "\e910";
}
.icon-arrow-right:before {
  content: "\e911";
}
.icon-arrows-expand:before {
  content: "\e912";
}
.icon-arrow-sm-down:before {
  content: "\e913";
}
.icon-arrow-sm-left:before {
  content: "\e914";
}
.icon-arrow-sm-right:before {
  content: "\e915";
}
.icon-arrow-sm-up:before {
  content: "\e916";
}
.icon-arrows-pointing-in:before {
  content: "\e917";
}
.icon-arrow-top-right-on-square:before {
  content: "\e918";
}
.icon-arrow-up:before {
  content: "\e919";
}
.icon-arrow-up-on-square:before {
  content: "\e91a";
}
.icon-arrow-up-on-square-stack:before {
  content: "\e91b";
}
.icon-arrow-up-right:before {
  content: "\e91c";
}
.icon-arrow-uturn-down:before {
  content: "\e91d";
}
.icon-arrow-uturn-right:before {
  content: "\e91e";
}
.icon-arrow-uturn-up:before {
  content: "\e91f";
}
.icon-at-symbol:before {
  content: "\e920";
}
.icon-backspace:before {
  content: "\e921";
}
.icon-badge-check:before {
  content: "\e922";
}
.icon-ban:before {
  content: "\e923";
}
.icon-banknotes:before {
  content: "\e924";
}
.icon-bars-4:before {
  content: "\e925";
}
.icon-battery-0:before {
  content: "\e926";
}
.icon-battery-50:before {
  content: "\e927";
}
.icon-battery-100:before {
  content: "\e928";
}
.icon-beaker:before {
  content: "\e929";
}
.icon-bell:before {
  content: "\e92a";
}
.icon-bell-alert:before {
  content: "\e92b";
}
.icon-bell-slash:before {
  content: "\e92c";
}
.icon-bell-snooze:before {
  content: "\e92d";
}
.icon-bolt-slash:before {
  content: "\e92e";
}
.icon-bookmark:before {
  content: "\e92f";
}
.icon-bookmark-alt:before {
  content: "\e930";
}
.icon-bookmark-slash:before {
  content: "\e931";
}
.icon-book-open:before {
  content: "\e932";
}
.icon-briefcase:before {
  content: "\e933";
}
.icon-bug-ant:before {
  content: "\e934";
}
.icon-building-office:before {
  content: "\e935";
}
.icon-building-office-2:before {
  content: "\e936";
}
.icon-building-storefront:before {
  content: "\e937";
}
.icon-cake:before {
  content: "\e938";
}
.icon-calculator:before {
  content: "\e939";
}
.icon-calendar:before {
  content: "\e93a";
}
.icon-calendar-days:before {
  content: "\e93b";
}
.icon-camera:before {
  content: "\e93c";
}
.icon-cash:before {
  content: "\e93d";
}
.icon-chart-bar:before {
  content: "\e93e";
}
.icon-chart-bar-square:before {
  content: "\e93f";
}
.icon-chart-pie:before {
  content: "\e940";
}
.icon-chat:before {
  content: "\e941";
}
.icon-chat-alt:before {
  content: "\e942";
}
.icon-chat-bubble-bottom-center:before {
  content: "\e943";
}
.icon-chat-bubble-bottom-center-text:before {
  content: "\e944";
}
.icon-chat-bubble-left:before {
  content: "\e945";
}
.icon-chat-bubble-left-ellipsis:before {
  content: "\e946";
}
.icon-chat-bubble-left-right:before {
  content: "\e947";
}
.icon-chat-bubble-oval-left:before {
  content: "\e948";
}
.icon-check:before {
  content: "\e949";
}
.icon-check-circle:before {
  content: "\e94a";
}
.icon-chevron-down:before {
  content: "\e94b";
}
.icon-chevron-left:before {
  content: "\e94c";
}
.icon-chevron-right:before {
  content: "\e94d";
}
.icon-chevron-up:before {
  content: "\e94e";
}
.icon-chevron-double-down:before {
  content: "\e94f";
}
.icon-chevron-double-left:before {
  content: "\e950";
}
.icon-chevron-double-right:before {
  content: "\e951";
}
.icon-chevron-double-up:before {
  content: "\e952";
}
.icon-chip:before {
  content: "\e953";
}
.icon-clipboard:before {
  content: "\e954";
}
.icon-clipboard-check:before {
  content: "\e955";
}
.icon-clipboard-document:before {
  content: "\e956";
}
.icon-clipboard-document-check:before {
  content: "\e957";
}
.icon-clipboard-document-list:before {
  content: "\e958";
}
.icon-clipboard-list:before {
  content: "\e959";
}
.icon-clock:before {
  content: "\e95a";
}
.icon-cloud:before {
  content: "\e95b";
}
.icon-cloud-download:before {
  content: "\e95c";
}
.icon-cloud-upload:before {
  content: "\e95d";
}
.icon-code:before {
  content: "\e95e";
}
.icon-code-bracket-square:before {
  content: "\e95f";
}
.icon-cog:before {
  content: "\e960";
}
.icon-cog-6-tooth:before {
  content: "\e961";
}
.icon-cog-8-tooth:before {
  content: "\e962";
}
.icon-collection:before {
  content: "\e963";
}
.icon-color-swatch:before {
  content: "\e964";
}
.icon-credit-card:before {
  content: "\e965";
}
.icon-credit-card-1:before {
  content: "\e966";
}
.icon-cube:before {
  content: "\e967";
}
.icon-cube-transparent:before {
  content: "\e968";
}
.icon-currency-bangladeshi:before {
  content: "\e969";
}
.icon-currency-dollar:before {
  content: "\e96a";
}
.icon-currency-euro:before {
  content: "\e96b";
}
.icon-currency-pound:before {
  content: "\e96c";
}
.icon-currency-rupee:before {
  content: "\e96d";
}
.icon-currency-yen:before {
  content: "\e96e";
}
.icon-cursor-arrow-ripple:before {
  content: "\e96f";
}
.icon-cursor-click:before {
  content: "\e970";
}
.icon-database:before {
  content: "\e971";
}
.icon-desktop-computer:before {
  content: "\e972";
}
.icon-device-mobile:before {
  content: "\e973";
}
.icon-device-tablet:before {
  content: "\e974";
}
.icon-document:before {
  content: "\e975";
}
.icon-document-add:before {
  content: "\e976";
}
.icon-document-check:before {
  content: "\e977";
}
.icon-document-download:before {
  content: "\e978";
}
.icon-document-duplicate:before {
  content: "\e979";
}
.icon-document-remove:before {
  content: "\e97a";
}
.icon-document-report:before {
  content: "\e97b";
}
.icon-document-search:before {
  content: "\e97c";
}
.icon-document-text:before {
  content: "\e97d";
}
.icon-document-upload:before {
  content: "\e97e";
}
.icon-dots-circle-horizontal:before {
  content: "\e97f";
}
.icon-dots-horizontal:before {
  content: "\e980";
}
.icon-dots-vertical:before {
  content: "\e981";
}
.icon-download:before {
  content: "\e982";
}
.icon-duplicate:before {
  content: "\e983";
}
.icon-ellipsis-horizontal-circle:before {
  content: "\e984";
}
.icon-emoji-happy:before {
  content: "\e985";
}
.icon-emoji-sad:before {
  content: "\e986";
}
.icon-exclamation:before {
  content: "\e987";
}
.icon-exclamation-circle:before {
  content: "\e988";
}
.icon-external-link:before {
  content: "\e989";
}
.icon-eye:before {
  content: "\e98a";
}
.icon-eye-dropper:before {
  content: "\e98b";
}
.icon-eye-off:before {
  content: "\e98c";
}
.icon-fast-forward:before {
  content: "\e98d";
}
.icon-film:before {
  content: "\e98e";
}
.icon-filter:before {
  content: "\e98f";
}
.icon-finger-print:before {
  content: "\e990";
}
.icon-fire:before {
  content: "\e991";
}
.icon-flag:before {
  content: "\e992";
}
.icon-folder-add:before {
  content: "\e993";
}
.icon-folder-download:before {
  content: "\e994";
}
.icon-folder-open:before {
  content: "\e995";
}
.icon-folder-remove:before {
  content: "\e996";
}
.icon-gif:before {
  content: "\e997";
}
.icon-gift:before {
  content: "\e998";
}
.icon-globe:before {
  content: "\e999";
}
.icon-globe-alt:before {
  content: "\e99a";
}
.icon-globe-americas:before {
  content: "\e99b";
}
.icon-globe-asia-australia:before {
  content: "\e99c";
}
.icon-globe-europe-africa:before {
  content: "\e99d";
}
.icon-hand:before {
  content: "\e99e";
}
.icon-hashtag:before {
  content: "\e99f";
}
.icon-heart:before {
  content: "\e9a0";
}
.icon-history:before {
  content: "\e9a1";
}
.icon-home:before {
  content: "\e9a2";
}
.icon-home-modern:before {
  content: "\e9a3";
}
.icon-icon-user-remove:before {
  content: "\e9a4";
}
.icon-identification-1:before {
  content: "\e9a5";
}
.icon-identification-2:before {
  content: "\e9a6";
}
.icon-inbox:before {
  content: "\e9a7";
}
.icon-inbox-in:before {
  content: "\e9a8";
}
.icon-inbox-stack:before {
  content: "\e9a9";
}
.icon-information-circle:before {
  content: "\e9aa";
}
.icon-ip:before {
  content: "\e9ab";
}
.icon-key:before {
  content: "\e9ac";
}
.icon-library:before {
  content: "\e9ad";
}
.icon-light-bulb:before {
  content: "\e9ae";
}
.icon-lightning-bolt:before {
  content: "\e9af";
}
.icon-link:before {
  content: "\e9b0";
}
.icon-location-marker:before {
  content: "\e9b1";
}
.icon-lock-closed:before {
  content: "\e9b2";
}
.icon-lock-open:before {
  content: "\e9b3";
}
.icon-logout-left:before {
  content: "\e9b4";
}
.icon-logout-right:before {
  content: "\e9b5";
}
.icon-mail:before {
  content: "\e9b6";
}
.icon-mail-open:before {
  content: "\e9b7";
}
.icon-map:before {
  content: "\e9b8";
}
.icon-map-1:before {
  content: "\e9b9";
}
.icon-map-pin:before {
  content: "\e9ba";
}
.icon-menu:before {
  content: "\e9bb";
}
.icon-menu-alt-1:before {
  content: "\e9bc";
}
.icon-menu-alt-2:before {
  content: "\e9bd";
}
.icon-menu-alt-3:before {
  content: "\e9be";
}
.icon-menu-alt-4:before {
  content: "\e9bf";
}
.icon-microphone:before {
  content: "\e9c0";
}
.icon-minus:before {
  content: "\e9c1";
}
.icon-minus-circle:before {
  content: "\e9c2";
}
.icon-minus-sm:before {
  content: "\e9c3";
}
.icon-moon:before {
  content: "\e9c4";
}
.icon-music-note:before {
  content: "\e9c5";
}
.icon-newspaper:before {
  content: "\e9c6";
}
.icon-next:before {
  content: "\e9c7";
}
.icon-office-building:before {
  content: "\e9c8";
}
.icon-paint-brush:before {
  content: "\e9c9";
}
.icon-paper-airplane:before {
  content: "\e9ca";
}
.icon-paper-airplane-1:before {
  content: "\e9cb";
}
.icon-paper-clip:before {
  content: "\e9cc";
}
.icon-pause-circle:before {
  content: "\e9cd";
}
.icon-pause:before {
  content: "\e9ce";
}
.icon-pencil:before {
  content: "\e9cf";
}
.icon-pencil-alt:before {
  content: "\e9d0";
}
.icon-phone:before {
  content: "\e9d1";
}
.icon-phone-incoming:before {
  content: "\e9d2";
}
.icon-phone-outgoing:before {
  content: "\e9d3";
}
.icon-phone-x-mark:before {
  content: "\e9d4";
}
.icon-photograph:before {
  content: "\e9d5";
}
.icon-play-circle:before {
  content: "\e9d6";
}
.icon-play:before {
  content: "\e9d7";
}
.icon-play-pause:before {
  content: "\e9d8";
}
.icon-plus:before {
  content: "\e9d9";
}
.icon-plus-circle:before {
  content: "\e9da";
}
.icon-plus-sm:before {
  content: "\e9db";
}
.icon-power:before {
  content: "\e9dc";
}
.icon-presentation-chart-bar:before {
  content: "\e9dd";
}
.icon-presentation-chart-line:before {
  content: "\e9de";
}
.icon-previous:before {
  content: "\e9df";
}
.icon-printer:before {
  content: "\e9e0";
}
.icon-puzzle:before {
  content: "\e9e1";
}
.icon-qrcode:before {
  content: "\e9e2";
}
.icon-qr-code-2:before {
  content: "\e9e3";
}
.icon-question-mark-circle:before {
  content: "\e9e4";
}
.icon-queue-list:before {
  content: "\e9e5";
}
.icon-radio:before {
  content: "\e9e6";
}
.icon-receipt-refund:before {
  content: "\e9e7";
}
.icon-receipt-tax:before {
  content: "\e9e8";
}
.icon-rectangle-group:before {
  content: "\e9e9";
}
.icon-refresh-replay:before {
  content: "\e9ea";
}
.icon-refresh:before {
  content: "\e9eb";
}
.icon-reply:before {
  content: "\e9ec";
}
.icon-rewind:before {
  content: "\e9ed";
}
.icon-rocket-launch:before {
  content: "\e9ee";
}
.icon-rss:before {
  content: "\e9ef";
}
.icon-save:before {
  content: "\e9f0";
}
.icon-save-as:before {
  content: "\e9f1";
}
.icon-scale:before {
  content: "\e9f2";
}
.icon-scissors:before {
  content: "\e9f3";
}
.icon-search:before {
  content: "\e9f4";
}
.icon-search-circle:before {
  content: "\e9f5";
}
.icon-selector:before {
  content: "\e9f6";
}
.icon-server:before {
  content: "\e9f7";
}
.icon-server-stack:before {
  content: "\e9f8";
}
.icon-share:before {
  content: "\e9f9";
}
.icon-shield-check:before {
  content: "\e9fa";
}
.icon-shield-exclamation:before {
  content: "\e9fb";
}
.icon-shopping-bag:before {
  content: "\e9fc";
}
.icon-shopping-cart:before {
  content: "\e9fd";
}
.icon-sm-view-grid-add:before {
  content: "\e9fe";
}
.icon-sort-ascending:before {
  content: "\e9ff";
}
.icon-sort-descending:before {
  content: "\ea00";
}
.icon-sparkles:before {
  content: "\ea01";
}
.icon-speakerphone:before {
  content: "\ea02";
}
.icon-star-empty:before {
  content: "\ea03";
}
.icon-status-offline:before {
  content: "\ea04";
}
.icon-status-online:before {
  content: "\ea05";
}
.icon-stop:before {
  content: "\ea06";
}
.icon-stop-1:before {
  content: "\ea07";
}
.icon-sun:before {
  content: "\ea08";
}
.icon-support-lifebuoy:before {
  content: "\ea09";
}
.icon-switch-horizontal:before {
  content: "\ea0a";
}
.icon-switch-vertical:before {
  content: "\ea0b";
}
.icon-table:before {
  content: "\ea0c";
}
.icon-table-cells-2:before {
  content: "\ea0d";
}
.icon-tag:before {
  content: "\ea0e";
}
.icon-template:before {
  content: "\ea0f";
}
.icon-terminal:before {
  content: "\ea10";
}
.icon-thumb-down:before {
  content: "\ea11";
}
.icon-thumb-up:before {
  content: "\ea12";
}
.icon-ticket:before {
  content: "\ea13";
}
.icon-translate:before {
  content: "\ea14";
}
.icon-trash:before {
  content: "\ea15";
}
.icon-trending-down:before {
  content: "\ea16";
}
.icon-trending-up:before {
  content: "\ea17";
}
.icon-trophy:before {
  content: "\ea18";
}
.icon-truck:before {
  content: "\ea19";
}
.icon-truck-1:before {
  content: "\ea1a";
}
.icon-tv:before {
  content: "\ea1b";
}
.icon-upload:before {
  content: "\ea1c";
}
.icon-user:before {
  content: "\ea1d";
}
.icon-user-add:before {
  content: "\ea1e";
}
.icon-user-circle:before {
  content: "\ea1f";
}
.icon-user-group:before {
  content: "\ea20";
}
.icon-users:before {
  content: "\ea21";
}
.icon-variable:before {
  content: "\ea22";
}
.icon-video-camera:before {
  content: "\ea23";
}
.icon-video-camera-slash:before {
  content: "\ea24";
}
.icon-view-boards:before {
  content: "\ea25";
}
.icon-viewfinder-dot:before {
  content: "\ea26";
}
.icon-view-grid:before {
  content: "\ea27";
}
.icon-view-list:before {
  content: "\ea28";
}
.icon-volume:before {
  content: "\ea29";
}
.icon-volume-off:before {
  content: "\ea2a";
}
.icon-volume-up:before {
  content: "\ea2b";
}
.icon-wallet:before {
  content: "\ea2c";
}
.icon-wifi:before {
  content: "\ea2d";
}
.icon-window:before {
  content: "\ea2e";
}
.icon-wrench:before {
  content: "\ea2f";
}
.icon-wrench-screwdriver:before {
  content: "\ea30";
}
.icon-x:before {
  content: "\ea31";
}
.icon-x-circle:before {
  content: "\ea32";
}
.icon-zoom-in:before {
  content: "\ea33";
}
.icon-zoom-out:before {
  content: "\ea34";
}

@charset "UTF-8";
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
* {
  box-sizing: border-box;
}

html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  font-size: 10px;
  background-color: #FFFFFF;
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
}

textarea {
  resize: none;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

p {
  margin-block-start: 0;
  margin-block-end: 0;
  cursor: default;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  margin: 0;
  cursor: default;
}

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  text-decoration: none;
  background-color: transparent;
}
a:focus {
  outline: 0;
}

a:active,
a:hover,
a:focus {
  outline-width: 0;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
  /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}

/**
 * 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;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-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.
 */
[type=search]::-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 */
}

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

h1, h2, h3, h4, h5, h6 {
  color: #111827;
}

p, span, input {
  color: #374151;
}

label {
  color: #111827;
}

.btn {
  padding: 10px 16px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border: none;
}
.btn span {
  font-size: 14px;
  font-weight: 500;
}
.btn.icon-reverse {
  flex-direction: row-reverse;
}
.btn.icon-reverse .btn-icon {
  margin: 0;
  transform: rotate(270deg);
}
.btn.darkOlive i, .btn.darkOlive span {
  color: #482200 !important;
}
.btn app-svgimg {
  display: flex;
}
.btn.disabled {
  background: #F9FAFB;
  border-color: #9CA3AF;
  color: #9CA3AF !important;
  cursor: default;
}
.btn.disabled i, .btn.disabled span {
  color: #9CA3AF !important;
}
.btn.disabled:hover {
  background: #F9FAFB !important;
}

.white-btn {
  background: #FFFFFF;
  border: 1px solid #FFC100;
  padding: 14px 20px;
  justify-content: center !important;
  color: #482200;
  font-size: 16px;
  line-height: 18px;
}
.white-btn:hover {
  color: #BB6A02;
}

.cancel {
  border: 1px solid #E5E7EB;
  background-color: #FFF;
  padding: 10px 16px;
  justify-content: center !important;
  color: #482200;
  font-size: 16px;
  line-height: 18px;
}
.cancel:hover {
  color: #BB6A02;
}

.btn-icon {
  margin: 0 8px 0 0;
}

.back-btn {
  padding: 10px 16px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  background: #FFFFFF;
  border: 1px solid #E5E7EB;
}
.back-btn span {
  font-size: 14px;
  font-weight: 500;
  margin: 0 0 0 8px;
}

.yellow-btn {
  background: #FFC100;
  border: 1px solid #FFC100;
  display: flex;
  align-items: center;
  justify-content: center !important;
}
.yellow-btn span {
  color: #482200;
}
.yellow-btn:hover {
  background: #FFE01B;
}

.mobilePadding {
  padding: 10px 6px !important;
}

.purple-btn {
  background: transparent;
  border: 1px solid #676AED;
  border-radius: 24px;
  padding: 6px 12px;
}
.purple-btn span {
  color: #676AED;
}
.purple-btn:hover {
  background: #EEF2FF;
}

.light-yellow-btn {
  border: 1px solid var(--Secondary-Yellow-400, #FFE01B);
  background: #FFFFEA;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04), 0px 1px 2px 0px rgba(16, 24, 40, 0.04);
  width: fit-content;
  margin: 0 auto;
}
.light-yellow-btn span {
  color: #482200;
  white-space: nowrap;
}

.green-btn {
  background: #22C55E;
}
.green-btn span {
  color: #FFF;
}

.red-btn {
  background: #EF4444;
  border: 1px solid #DC2626;
}
.red-btn.disabled {
  background-color: #FCA5A5;
}
.red-btn.disabled span {
  color: #e8e8e8;
}
.red-btn span {
  color: #FFF;
}

.delete-btn button {
  color: red;
  background: none;
}

.forgot-btn {
  display: flex;
  align-items: center;
  padding: 10px 0;
  cursor: pointer;
}
.forgot-btn p {
  cursor: pointer;
}

.trans-grey-btn {
  padding: 10px;
  width: 100%;
  background: transparent;
  border: 1px solid #E5E7EB;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0392156863);
}

.icon-btn {
  padding: 0;
  background: transparent;
}
.icon-btn .btn-icon {
  margin: 0;
}

.clean-btn {
  padding: 10px;
  width: 100%;
  background: transparent;
}
.clean-btn i, .clean-btn span {
  color: #9CA3AF;
}

.my-packages .table-list-item .yellow-btn {
  width: 24px;
  height: 24px;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0392156863);
}
.my-packages .table-list-item .yellow-btn span {
  font-size: 24px;
  font-weight: 300;
}
.my-packages .table-list-item .yellow-btn.size span {
  font-size: 42px;
  font-weight: 200;
}
.my-packages .table-list-item .yellow-btn.disabled {
  background: #F9FAFB !important;
  border: 1px solid #E5E7EB;
}
.my-packages .total-block .yellow-btn {
  min-width: 100%;
  margin: 16px 0 0;
}

.input-block {
  width: 100%;
  position: relative;
}
.input-block .last {
  position: absolute;
  right: 12px;
  top: 38px;
  cursor: pointer;
}
.input-block .eye-svg-item {
  position: absolute;
  right: 12px;
  top: 34px;
  cursor: pointer;
}
.input-block .first img {
  position: absolute;
  left: 12px;
  top: 32px;
}
.input-block.recapcha {
  width: 30%;
}
.input-block .input-group {
  display: flex;
  align-items: stretch;
  width: 100%;
}
.input-block .input-group .input-group-prepend {
  display: flex;
}
.input-block .input-group .input-group-prepend .input-group-text {
  display: flex;
  align-items: center;
  padding: 4px 12px;
  margin-bottom: 0;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
  color: #555b62;
  text-align: center;
  white-space: nowrap;
  background-color: #F9FAFB;
  border: 1px solid #D1D5DB;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04), 0px 1px 2px 0px rgba(16, 24, 40, 0.04);
}
.input-block .input-group input, .input-block .input-group .select__item {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none !important;
}

.input-block input, .sbx-item__slc, .input-block .select__item, .input-block textarea {
  width: 100%;
  height: 40px;
  padding: 0 12px;
  border-radius: 8px;
  border: 1px solid #E5E7EB;
  background: white;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04), 0px 1px 2px 0px rgba(16, 24, 40, 0.04);
  font-size: 14px;
  outline: none;
  -webkit-appearance: none;
}
.input-block input::-webkit-input-placeholder, .sbx-item__slc::-webkit-input-placeholder, .input-block .select__item::-webkit-input-placeholder, .input-block textarea::-webkit-input-placeholder {
  color: #9CA3AF;
}
.input-block input:hover, .input-block input.active, .sbx-item__slc:hover, .sbx-item__slc.active, .input-block .select__item:hover, .input-block .select__item.active, .input-block textarea:hover, .input-block textarea.active {
  border: 1px solid #6B7280;
}
.input-block input:focus, .input-block input:focus .input-block input.active, .sbx-item__slc:focus, .input-block input:focus .sbx-item__slc.active, .input-block .select__item:focus, .input-block input:focus .input-block .select__item.active, .input-block textarea:focus, .input-block input:focus .input-block textarea.active, .sbx-item__slc:focus .input-block input.active, .sbx-item__slc:focus .sbx-item__slc.active, .sbx-item__slc:focus .input-block .select__item.active, .sbx-item__slc:focus .input-block textarea.active, .input-block .select__item:focus .input-block input.active, .input-block .select__item:focus .sbx-item__slc.active, .input-block .select__item:focus .input-block .select__item.active, .input-block .select__item:focus .input-block textarea.active, .input-block textarea:focus .input-block input.active, .input-block textarea:focus .sbx-item__slc.active, .input-block textarea:focus .input-block .select__item.active, .input-block textarea:focus .input-block textarea.active {
  box-shadow: 0px 0px 0px 4px rgba(225, 225, 254, 0.7);
  border: 1px solid #A7B6FA;
}

.open .select__item {
  box-shadow: 0px 0px 0px 4px rgba(225, 225, 254, 0.7);
  border: 1px solid #A7B6FA;
}
.open .select__item:hover {
  border: 1px solid #A7B6FA;
}

.input-block .select__item {
  cursor: pointer;
  display: flex;
  align-items: center;
}
.input-block .select__item .disabled {
  color: #9CA3AF;
}

.input-block textarea {
  height: 128px;
  padding: 12px;
}

.select {
  position: relative;
}

.input-block label, .sbx-item label, .time-picker label {
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  margin: 0 0 8px;
  display: block;
}

.sbx-item__opn {
  display: none;
  position: absolute;
  top: 68px;
  border: 1px solid var(--black);
  width: 100%;
  left: 0px;
  border-radius: 0 0 8px 8px;
  background-color: rgb(255, 255, 255);
  z-index: 1;
  max-height: 200px;
  overflow: auto;
}

.sbx-item__opn_active {
  display: block;
}

.sbx-item__opt {
  padding: 10px 16px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border-top: 1px solid #f3f3f3;
  cursor: pointer;
  color: #000;
}

.sbx-item__opt:hover {
  background-color: #f3f3f3;
  border-radius: 0 0 8px 8px;
}

.sbx-item__opt_not:hover {
  background-color: transparent;
}

.sbx-item__ph {
  color: #B0B0B0;
  font-size: 13px;
  font-weight: 400;
  /*  */
  width: 100%;
  border: none;
  height: 100%;
  outline: none;
}

.err-text {
  display: none;
}

.input-block.err input, .input-block.err .select__item, .input-block.err textarea {
  border: 1px solid #EF4444;
  margin: 0 0 8px 0;
}
.input-block.err .err-text {
  color: #EF4444;
  font-size: 14px;
  line-height: 16px;
  display: block;
}

.input-block .svg-input {
  padding: 0 12px 0 36px;
}

.select__dropdown {
  position: absolute;
  top: 100%;
  width: 100%;
  left: 0;
  max-height: 170px;
  overflow-y: auto;
  background: white;
  padding: 8px;
  list-style: none;
  margin: 8px 0 0;
  z-index: 9999;
  border-radius: 0 0 8px;
  cursor: pointer;
  box-shadow: 0px 6px 15px -2px rgba(16, 24, 40, 0.08), 0px 6px 15px -2px rgba(16, 24, 40, 0.08);
}
.select__dropdown::-webkit-scrollbar {
  width: 4px;
}
.select__dropdown::-webkit-scrollbar-track {
  border-radius: 8px;
  background: #F3F4F6;
}
.select__dropdown::-webkit-scrollbar-thumb {
  background: #D1D5DB;
  border-radius: 8px;
}
.select__dropdown .select__dropdown-item {
  color: #1F2937;
  font-size: 16px;
  line-height: 18px;
  height: 36px;
  padding: 0 8px;
  cursor: pointer;
  display: flex;
  align-items: center;
  margin: 4px 0 0;
}
.select__dropdown .select__dropdown-item img {
  margin: 0 8px 0 0;
}
.select__dropdown .select__dropdown-item.search {
  margin: 0;
}
.select__dropdown .select__dropdown-item.search, .select__dropdown .select__dropdown-item:hover {
  border-radius: 8px;
  background: #F3F4F6;
}
.select__dropdown .select__dropdown-item p {
  cursor: pointer;
}

.disabled label {
  color: #9CA3AF;
}
.disabled input {
  pointer-events: none;
  color: #9CA3AF;
}

.input-block .region-select .gg-chevron {
  margin: 0 0 0 4px;
  position: initial;
}
.input-block.phone-input input {
  padding: 0 12px 0 100px;
}

input[type=radio] {
  -webkit-appearance: none;
  appearance: none;
  width: 22px;
  height: 22px;
  margin: calc(0.75em - 11px) 0.25rem 0 0;
  vertical-align: top;
  border: 2px solid #ddd;
  border-radius: 4px;
  background: #fff no-repeat center center;
  border-radius: 50%;
  cursor: pointer;
  margin: 0 6px 0 0;
}

input[type=radio]:where(:active:not(:disabled), :focus) {
  border: 6px solid #0D6EFD;
  outline: none;
}

.radio-group {
  gap: 12px;
  display: flex;
  flex-direction: column;
}
.radio-group label {
  cursor: pointer;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  display: flex;
  align-items: center;
}

.time-input-container {
  display: flex;
  align-items: center;
  gap: 6px;
  height: 58px;
}
.time-input-container app-svgimg {
  display: none;
}
.time-input-container .select__item {
  border: 1px solid #E5E7EB;
  background: #F9FAFB;
  width: 48px;
  height: 40px;
  border-radius: 4px;
  display: flex;
  justify-content: center;
}
.time-input-container .select__dropdown-item {
  padding: 0 6px;
}
.time-input-container label {
  margin: 0;
}

.upload-container .upload-block {
  display: flex;
  align-items: center;
}
.upload-container p {
  margin: 20px 0 0 !important;
}

input[type=file] {
  display: none;
}

.slider {
  min-width: 216px;
  cursor: grab;
}

.input-block .chevron-filled {
  position: absolute;
  right: 12px;
  top: 34px !important;
}

.input-block .chevron-empty {
  position: absolute;
  right: 12px;
  top: 10px;
}

.open .gg-chevron {
  transform: rotate(180deg);
}

.gg-chevron.open {
  transform: rotate(180deg);
}
.gg-chevron.r {
  transform: rotate(270deg);
}
.gg-chevron.l {
  transform: rotate(90deg);
}

.icon {
  font-size: 20px;
  color: #374151;
}

.edit-instructor .right-item .icon-trash {
  color: red;
}

.ico-purple {
  color: #3F36BA;
}

.ico-blue {
  color: #676AED;
}

.icon-disable {
  color: #9CA3AF !important;
}

.text-list {
  font-size: 16px;
  line-height: 24px;
}

.text-list__item {
  display: flex;
}

.text-list__block {
  margin: 24px 0;
  gap: 16px;
  display: flex;
  flex-direction: column;
}

.text-list__dot {
  display: flex;
}
.text-list__dot::before {
  content: "";
  display: block;
  width: 4px;
  height: 4px;
  min-width: 4px;
  border-radius: 50%;
  background: #6B7280;
  margin: 10px 8px 0 0;
}

.lightbox {
  display: none;
  position: fixed;
  top: 0;
  padding: 32px 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(31, 28, 74, 0.5647058824);
  align-items: center;
  justify-content: center;
  cursor: default;
  z-index: 99;
}
.lightbox.openLightBox {
  display: flex;
}
.lightbox .trans-grey-btn, .lightbox .yellow-btn, .lightbox .cancel {
  width: 100%;
}
.lightbox app-event-form {
  width: 100%;
  overflow-y: auto;
}
.lightbox img {
  width: fit-content;
}
.lightbox .notification {
  width: 585px;
}
.lightbox .notification .desc-item {
  display: flex;
  width: 100%;
}
.lightbox .bussiness-lb {
  width: 540px;
}
.lightbox .bussiness-lb .btn-container {
  margin: 20px 0 0;
}
.lightbox .bussiness-lb .btn-container button i {
  display: none;
}
.lightbox .bussiness-lb .yellow-btn {
  margin: 0;
}
.lightbox .form-popup {
  width: 327px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.lightbox .form-popup i {
  position: absolute;
  right: 24px;
  top: 24px;
  cursor: pointer;
}
.lightbox .form-popup app-button {
  margin: 16px 0 0;
}
.lightbox .form-popup app-button button {
  width: 100%;
}
.lightbox .assign-new-group {
  width: 980px;
  min-height: 610px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.lightbox .assign-new-group .t-list-title-item:nth-child(1), .lightbox .assign-new-group .table-list-item:nth-child(1) {
  width: 10% !important;
}
.lightbox .assign-new-group .t-list-title-item:nth-child(2), .lightbox .assign-new-group .table-list-item:nth-child(2) {
  width: 45% !important;
}
.lightbox .assign-new-group .t-list-title-item:nth-child(3), .lightbox .assign-new-group .table-list-item:nth-child(3) {
  width: 45% !important;
}
.lightbox .assign-new-group .right-block .yellow-btn {
  margin: 0;
}
.lightbox .assign-new-group .btn-block {
  display: flex;
  align-items: center;
}
.lightbox .assign-new-group .btn-block .yellow-btn {
  margin: 0 0 0 8px;
}
.lightbox .assign-new-group .btn-block .yellow-btn span {
  white-space: nowrap;
}
.lightbox .assign-new-group .bottom-block {
  position: absolute;
  bottom: 0;
  width: 100%;
  margin: 0 0 0 -24px;
}
.lightbox .assign-new-group .table-property .input-block .gg-chevron {
  top: 10px;
}
.lightbox .delete-instructor, .lightbox .revoke {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 327px;
}
.lightbox .delete-instructor .icon-block, .lightbox .revoke .icon-block {
  padding: 8px;
  background: #FEF2F2;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lightbox .delete-instructor .icon-block i, .lightbox .revoke .icon-block i {
  color: #EF4444;
}
.lightbox .delete-instructor .close-item, .lightbox .revoke .close-item {
  position: absolute;
  right: 24px;
  top: 24px;
  cursor: pointer;
}
.lightbox .delete-instructor .btn-container, .lightbox .revoke .btn-container {
  flex-direction: column;
}
.lightbox .delete-instructor .btn-container app-button, .lightbox .revoke .btn-container app-button {
  width: 100%;
}
.lightbox .delete-instructor .btn-container app-button button, .lightbox .revoke .btn-container app-button button {
  width: 100%;
}
.lightbox .delete-instructor h3, .lightbox .revoke h3 {
  margin: 20px 0 8px;
  font-size: 18px;
}
.lightbox .delete-instructor p, .lightbox .revoke p {
  font-size: 14px;
  text-align: center;
  margin: 16px 0 0;
}
.lightbox .delete-instructor .icon-item, .lightbox .revoke .icon-item {
  background: #FEF2F2;
  border-radius: 50%;
  padding: 8px;
}
.lightbox .delete-instructor .icon-item i, .lightbox .revoke .icon-item i {
  width: 24px;
  height: 24px;
}
.lightbox .delete-instructor .icon-item i::before, .lightbox .revoke .icon-item i::before {
  color: red;
}
.lightbox .delete-instructor app-button, .lightbox .revoke app-button {
  margin: 12px 0 0;
}
.lightbox .select-database {
  width: 432px;
  min-height: 300px;
  height: auto;
}
.lightbox .select-database .t-list-title-item, .lightbox .select-database .table-list-item {
  border: none;
}
.lightbox .select-database .t-list-title-item:nth-child(1), .lightbox .select-database .table-list-item:nth-child(1) {
  width: 65% !important;
  padding: 12px 16px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.lightbox .select-database .t-list-title-item:nth-child(2), .lightbox .select-database .table-list-item:nth-child(2) {
  width: 35% !important;
  padding: 12px 16px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.lightbox .select-database .t-list-content {
  border-top: 1px solid #E5E7EB;
}
.lightbox .select-database .table-list-item {
  padding: 22px 16px;
}
.lightbox .select-database .table-list-item:nth-child(1) {
  padding: 22px 16px;
  height: auto;
}
.lightbox .select-database .table-list-item:nth-child(2) {
  padding: 22px 16px;
  height: auto;
}
.lightbox .select-database .table-list-container {
  margin: 0;
}
.lightbox .select-database .btn-block {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 20px 0 0;
}
.lightbox .select-database .btn-block .yellow-btn {
  margin: 0 0 0 16px;
}
.lightbox .select-database .btn-block app-button {
  width: auto;
}
.lightbox .select-database .btn-block .btn {
  width: auto;
}
.lightbox .assign-new-package {
  width: 432px;
  border-top: 1px solid #E5E7EB;
  padding: 20px 0 0;
}
.lightbox .assign-new-package app-datepicker .input-block {
  margin: 20px 0 0;
}
.lightbox .assign-new-package .bottom-block {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  border-top: 1px solid #E5E7EB;
  padding: 20px 0 0;
  margin: 20px 0 0;
}
.lightbox .assign-new-package .bottom-block app-button {
  width: auto;
}
.lightbox .assign-new-package .bottom-block app-button .yellow-btn {
  margin: 0;
}
.lightbox .assign-new-package .bottom-block app-button .btn {
  margin: 0 8px 0 0;
}
.lightbox .assign-new-package .text-item {
  margin: 8px 0 0;
}
.lightbox .print-test {
  width: 100%;
}
.lightbox .print-test .tab-print-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #E5E7EB;
  border-bottom: 1px solid #E5E7EB;
}
.lightbox .print-test .tab-print-header .tab-down-item {
  padding: 8px 24px;
  height: 48px;
  width: 25%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lightbox .print-test .tab-print-header .tab-down-item span {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  color: #374151;
}
.lightbox .print-test .tab-print-header .tab-down-item.active {
  background: var(--Primary-50, #EEF2FF);
  border-bottom: 2px solid var(--Primary-600, #524AE1);
}
.lightbox .print-test .tab-print-header .tab-down-item.active span {
  color: #524AE1;
}
.lightbox .print-options {
  width: 968px;
  min-height: 700px;
}
.lightbox .print-options .tab-print-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #E5E7EB;
  border-bottom: 1px solid #E5E7EB;
}
.lightbox .print-options .tab-print-header .tab-down-item {
  padding: 8px 24px;
  height: 48px;
  width: 33.3%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.lightbox .print-options .tab-print-header .tab-down-item span {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 16px;
  color: #374151;
}
.lightbox .print-options .tab-print-header .tab-down-item.active {
  background: var(--Primary-50, #EEF2FF);
  border-bottom: 2px solid var(--Primary-600, #524AE1);
}
.lightbox .print-options .tab-print-header .tab-down-item.active span {
  color: #524AE1;
}
.lightbox .print-options .tab-print-content {
  display: none;
  padding: 0 16px 0 0;
}
.lightbox .print-options .tab-print-content.active {
  display: block;
}

.page-common .lightbox h2 {
  font-size: 18px;
  line-height: 28px;
}

.lightbox__cnt {
  padding: 24px;
  background: #FFFFFF;
  border-radius: 8px;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.lightbox__cnt .table-list-container {
  max-height: 500px;
  overflow-y: auto;
}
.lightbox__cnt .table-list-container::-webkit-scrollbar {
  width: 4px;
}
.lightbox__cnt .table-list-container::-webkit-scrollbar-thumb {
  background: #D1D5DB;
  border-radius: 8px;
}
.lightbox__cnt .table-list-container::-webkit-scrollbar-track {
  background: #F3F4F6;
  border-radius: 8px;
}
.lightbox__cnt .close {
  position: absolute;
  top: 24px;
  right: 24px;
  cursor: pointer;
}
.lightbox__cnt .img-item {
  width: 198px;
  height: 72px;
}
.lightbox__cnt .img-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.lightbox__cnt .info-block {
  display: flex;
  align-items: center;
  width: 100%;
}
.lightbox__cnt .info-block app-svgimg {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #EEF2FF;
}
.lightbox__cnt .info-block a, .lightbox__cnt .info-block span {
  color: #111827;
}
.lightbox__cnt .btn-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.lightbox__cnt .btn-container app-button {
  width: 68px;
  display: flex;
}
.lightbox__cnt .close-icon {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}

.lightbox__title {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  padding: 0 0 20px;
  font-size: 18px;
  font-weight: 500;
  line-height: 20px;
}
.lightbox__title app-svgimg {
  display: flex;
}
.lightbox__title h2 {
  margin: 0;
}

.add-event {
  display: flex;
}
@media only screen and (min-width: 769px) {
  .add-event .lightbox__cnt {
    display: block !important;
  }
}
.add-event .time-picker p {
  font-size: 10px;
  font-weight: 400;
  line-height: 14px;
  color: #6B7280;
}
.add-event .time-picker .dot {
  font-size: 14px;
  color: #9CA3AF;
  font-weight: 600;
}

.event-delete {
  width: 327px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}
.event-delete .btn-container {
  flex-direction: column;
}
.event-delete .btn-container app-button, .event-delete .btn-container .btn {
  width: 100%;
}

app-form-popup app-button {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 32px 0 0;
  width: 100%;
}
app-form-popup app-button button {
  width: 100%;
}
app-form-popup h2 {
  margin: 20px 0 8px;
}

.add-event-form__flex {
  display: flex;
  align-items: flex-start;
  gap: 20px;
}
.add-event-form__flex .date-picker {
  display: flex;
  align-items: center;
}
.add-event-form__flex app-textinput {
  width: 100%;
}

.change-logo .upload-container {
  margin: 0 0 12px;
}
.change-logo .upload-container .btn {
  margin: 20px 0 0;
}
.change-logo .lightbox__cnt {
  min-width: 480px;
}
.change-logo .icon-text-block {
  margin: 8px 0 0;
  min-width: 280px;
}

.bussiness-lb .lightbox__cnt .btn-container {
  margin: 20px 0 0;
}
.bussiness-lb .lightbox__cnt .btn-container .yellow-btn {
  margin: 0;
  max-height: 36px;
}
.bussiness-lb .lightbox__cnt .btn-container .yellow-btn app-svgimg {
  display: none;
}
.bussiness-lb .title-img {
  width: 100%;
  padding: 24px 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #E5E7EB;
}
.bussiness-lb .title-desc {
  padding: 16px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #F9FAFB;
}
.bussiness-lb .title-desc h2 {
  font-size: 24px;
}
.bussiness-lb app-svgimg {
  margin: 0 8px 0 0;
}
.bussiness-lb .info-block {
  margin: 8px 0 0;
}
.bussiness-lb .info-block a, .bussiness-lb .info-block span, .bussiness-lb .info-block p {
  color: #111827;
  font-size: 16px;
}
.bussiness-lb .info-container {
  padding: 12px 0 20px 0;
  width: 100%;
  border-bottom: 1px solid #E5E7EB;
}

@media only screen and (min-width: 769px) {
  .lightbox.question .lightbox__cnt {
    position: absolute;
    top: 50px;
  }
}
.form-block {
  width: 100%;
}

form {
  width: 100%;
}

.contact-form {
  position: relative;
}
.contact-form h2 {
  color: #111827;
  text-align: center;
  font-size: 40px;
  font-weight: 500;
  line-height: 48px;
  letter-spacing: -0.8px;
  margin: 0 0 24px;
}
.contact-form p {
  color: #6B7280;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  margin: 0 auto 48px;
  max-width: 745px;
}
.contact-form .content__block {
  position: relative;
  padding: 64px;
}
.contact-form .yellow-btn {
  min-width: 230px;
}
.contact-form .yellow-btn span {
  font-size: 16px;
  line-height: 18px;
}

.contact-form__item {
  max-width: 380px;
}
.contact-form__item .input-block:first-child {
  margin: 0 0 24px;
}

.contact-form__block {
  display: flex;
  gap: 20px;
  margin: 24px 0 0;
}
.contact-form__block .input-block:first-child {
  max-width: 380px;
}

.form-info {
  color: #9CA3AF;
  font-size: 14px;
  line-height: 20px;
  width: 21%;
}

.contact-form__btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 24px 0 0;
}
.contact-form__btn .yellow-btn {
  padding: 14px 20px;
}

.profile-form {
  border-radius: 12px;
  background: var(--Neutral-50, #F9FAFB);
  padding: 24px;
}
.profile-form .input-block input, .profile-form .sbx-item__slc, .profile-form .input-block .select__item, .profile-form .input-block textarea {
  height: 40px;
}
.profile-form h2 {
  font-size: 18px;
  line-height: 28px;
  margin: 0 0 24px;
}
.profile-form.change-pass h2 {
  margin: 0 0 8px;
}
.profile-form.change-pass p {
  font-size: 14px;
  line-height: 20px;
  color: #6B7280;
  margin: 0 0 24px;
}
.profile-form form {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: end;
}
.profile-form .yellow-btn {
  width: fit-content;
}

.profile-form__block {
  width: 100%;
}
.profile-form__block h2 {
  font-size: 18px !important;
  line-height: 28px !important;
}

.profile-form__general {
  display: flex;
  gap: 20px;
  margin: 0 0 40px;
}
.profile-form__general app-textinput {
  width: 100%;
}

.profile-form__contact .input-block, .profile-form__password .input-block {
  margin: 0 0 24px;
}
.profile-form__contact .new .input-block, .profile-form__password .new .input-block {
  margin: 0 0 8px;
}
.profile-form__contact .new input, .profile-form__password .new input {
  padding: 0 12px 0 40px;
}

.add-event-form {
  width: 100%;
}
.add-event-form .input-block input, .add-event-form .sbx-item__slc, .add-event-form .input-block .select__item, .add-event-form .input-block textarea {
  height: 40px;
  padding: 0 10px;
}
.add-event-form .input-block textarea {
  padding: 10px;
  height: 100px;
}
.add-event-form .input-block .gg-chevron {
  top: 34px;
}

.button-block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #E5E7EB;
  padding: 24px 0 0;
  margin: 20px 0 0;
}

.form-btn__block {
  display: flex;
  justify-content: end;
}
.form-btn__block .btn, .form-btn__block app-button {
  width: fit-content;
}
.form-btn__block .btn {
  margin: 0 0 0 8px;
}

.add-event-form__block {
  gap: 20px;
  display: flex;
  flex-direction: column;
  margin: 20px 0 0;
}
.add-event-form__block .input-block span {
  font-size: 14px;
}

.school {
  margin: 0 0 24px;
}
.school .profile-form {
  height: auto;
  padding: 24px;
  width: 100%;
}
.school .profile-form .input-block.change-logo {
  margin: 0;
}

.school-settings .submit-btn app-button {
  display: flex;
  justify-content: end;
}
.school-settings .change-logo-item {
  background: white;
  max-width: 272px;
  border-radius: 8px;
  text-align: center;
}
.school-settings .change-logo-item .academy-logo {
  padding: 16px;
  max-width: 270px;
}
.school-settings .change-logo-item .yellow-btn {
  width: 100%;
  border-radius: 0 0 8px 8px;
}
.school-settings .profile-form__contact {
  border-bottom: none;
  margin: 0;
}

app-change-logo-form {
  width: 100%;
}

.change-logo-form {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.change-logo-form .change-logo-item {
  border: 1px solid #F3F4F6;
  padding: 16px;
  display: flex;
  justify-content: center;
  border-radius: 8px;
  margin: 20px 0 40px;
}
.change-logo-form .form-cnt {
  min-width: 280px;
  margin: 0 auto;
}
.change-logo-form .zoom-slider-container {
  margin: 0 0 44px;
}

* {
  font-family: "Roboto", sans-serif;
}

body {
  background: #EEF2FF;
  z-index: -10;
  position: relative;
}

.m-0 {
  margin: 0px !important;
}

.mt-0 {
  margin-top: 0px !important;
}

.mr-0 {
  margin-right: 0px !important;
}

.mb-0 {
  margin-bottom: 0px !important;
}

.ml-0 {
  margin-left: 0px !important;
}

.m--0 {
  margin: 0px !important;
}

.mt--0 {
  margin-top: 0px !important;
}

.mr--0 {
  margin-right: 0px !important;
}

.mb--0 {
  margin-bottom: 0px !important;
}

.ml--0 {
  margin-left: 0px !important;
}

.p-0 {
  padding: 0px !important;
}

.pt-0 {
  padding-top: 0px !important;
}

.pr-0 {
  padding-right: 0px !important;
}

.pb-0 {
  padding-bottom: 0px !important;
}

.pl-0 {
  padding-left: 0px !important;
}

.m-1 {
  margin: 1px !important;
}

.mt-1 {
  margin-top: 1px !important;
}

.mr-1 {
  margin-right: 1px !important;
}

.mb-1 {
  margin-bottom: 1px !important;
}

.ml-1 {
  margin-left: 1px !important;
}

.m--1 {
  margin: -1px !important;
}

.mt--1 {
  margin-top: -1px !important;
}

.mr--1 {
  margin-right: -1px !important;
}

.mb--1 {
  margin-bottom: -1px !important;
}

.ml--1 {
  margin-left: -1px !important;
}

.p-1 {
  padding: 1px !important;
}

.pt-1 {
  padding-top: 1px !important;
}

.pr-1 {
  padding-right: 1px !important;
}

.pb-1 {
  padding-bottom: 1px !important;
}

.pl-1 {
  padding-left: 1px !important;
}

.m-2 {
  margin: 2px !important;
}

.mt-2 {
  margin-top: 2px !important;
}

.mr-2 {
  margin-right: 2px !important;
}

.mb-2 {
  margin-bottom: 2px !important;
}

.ml-2 {
  margin-left: 2px !important;
}

.m--2 {
  margin: -2px !important;
}

.mt--2 {
  margin-top: -2px !important;
}

.mr--2 {
  margin-right: -2px !important;
}

.mb--2 {
  margin-bottom: -2px !important;
}

.ml--2 {
  margin-left: -2px !important;
}

.p-2 {
  padding: 2px !important;
}

.pt-2 {
  padding-top: 2px !important;
}

.pr-2 {
  padding-right: 2px !important;
}

.pb-2 {
  padding-bottom: 2px !important;
}

.pl-2 {
  padding-left: 2px !important;
}

.m-3 {
  margin: 3px !important;
}

.mt-3 {
  margin-top: 3px !important;
}

.mr-3 {
  margin-right: 3px !important;
}

.mb-3 {
  margin-bottom: 3px !important;
}

.ml-3 {
  margin-left: 3px !important;
}

.m--3 {
  margin: -3px !important;
}

.mt--3 {
  margin-top: -3px !important;
}

.mr--3 {
  margin-right: -3px !important;
}

.mb--3 {
  margin-bottom: -3px !important;
}

.ml--3 {
  margin-left: -3px !important;
}

.p-3 {
  padding: 3px !important;
}

.pt-3 {
  padding-top: 3px !important;
}

.pr-3 {
  padding-right: 3px !important;
}

.pb-3 {
  padding-bottom: 3px !important;
}

.pl-3 {
  padding-left: 3px !important;
}

.m-4 {
  margin: 4px !important;
}

.mt-4 {
  margin-top: 4px !important;
}

.mr-4 {
  margin-right: 4px !important;
}

.mb-4 {
  margin-bottom: 4px !important;
}

.ml-4 {
  margin-left: 4px !important;
}

.m--4 {
  margin: -4px !important;
}

.mt--4 {
  margin-top: -4px !important;
}

.mr--4 {
  margin-right: -4px !important;
}

.mb--4 {
  margin-bottom: -4px !important;
}

.ml--4 {
  margin-left: -4px !important;
}

.p-4 {
  padding: 4px !important;
}

.pt-4 {
  padding-top: 4px !important;
}

.pr-4 {
  padding-right: 4px !important;
}

.pb-4 {
  padding-bottom: 4px !important;
}

.pl-4 {
  padding-left: 4px !important;
}

.m-5 {
  margin: 5px !important;
}

.mt-5 {
  margin-top: 5px !important;
}

.mr-5 {
  margin-right: 5px !important;
}

.mb-5 {
  margin-bottom: 5px !important;
}

.ml-5 {
  margin-left: 5px !important;
}

.m--5 {
  margin: -5px !important;
}

.mt--5 {
  margin-top: -5px !important;
}

.mr--5 {
  margin-right: -5px !important;
}

.mb--5 {
  margin-bottom: -5px !important;
}

.ml--5 {
  margin-left: -5px !important;
}

.p-5 {
  padding: 5px !important;
}

.pt-5 {
  padding-top: 5px !important;
}

.pr-5 {
  padding-right: 5px !important;
}

.pb-5 {
  padding-bottom: 5px !important;
}

.pl-5 {
  padding-left: 5px !important;
}

.m-6 {
  margin: 6px !important;
}

.mt-6 {
  margin-top: 6px !important;
}

.mr-6 {
  margin-right: 6px !important;
}

.mb-6 {
  margin-bottom: 6px !important;
}

.ml-6 {
  margin-left: 6px !important;
}

.m--6 {
  margin: -6px !important;
}

.mt--6 {
  margin-top: -6px !important;
}

.mr--6 {
  margin-right: -6px !important;
}

.mb--6 {
  margin-bottom: -6px !important;
}

.ml--6 {
  margin-left: -6px !important;
}

.p-6 {
  padding: 6px !important;
}

.pt-6 {
  padding-top: 6px !important;
}

.pr-6 {
  padding-right: 6px !important;
}

.pb-6 {
  padding-bottom: 6px !important;
}

.pl-6 {
  padding-left: 6px !important;
}

.m-7 {
  margin: 7px !important;
}

.mt-7 {
  margin-top: 7px !important;
}

.mr-7 {
  margin-right: 7px !important;
}

.mb-7 {
  margin-bottom: 7px !important;
}

.ml-7 {
  margin-left: 7px !important;
}

.m--7 {
  margin: -7px !important;
}

.mt--7 {
  margin-top: -7px !important;
}

.mr--7 {
  margin-right: -7px !important;
}

.mb--7 {
  margin-bottom: -7px !important;
}

.ml--7 {
  margin-left: -7px !important;
}

.p-7 {
  padding: 7px !important;
}

.pt-7 {
  padding-top: 7px !important;
}

.pr-7 {
  padding-right: 7px !important;
}

.pb-7 {
  padding-bottom: 7px !important;
}

.pl-7 {
  padding-left: 7px !important;
}

.m-8 {
  margin: 8px !important;
}

.mt-8 {
  margin-top: 8px !important;
}

.mr-8 {
  margin-right: 8px !important;
}

.mb-8 {
  margin-bottom: 8px !important;
}

.ml-8 {
  margin-left: 8px !important;
}

.m--8 {
  margin: -8px !important;
}

.mt--8 {
  margin-top: -8px !important;
}

.mr--8 {
  margin-right: -8px !important;
}

.mb--8 {
  margin-bottom: -8px !important;
}

.ml--8 {
  margin-left: -8px !important;
}

.p-8 {
  padding: 8px !important;
}

.pt-8 {
  padding-top: 8px !important;
}

.pr-8 {
  padding-right: 8px !important;
}

.pb-8 {
  padding-bottom: 8px !important;
}

.pl-8 {
  padding-left: 8px !important;
}

.m-9 {
  margin: 9px !important;
}

.mt-9 {
  margin-top: 9px !important;
}

.mr-9 {
  margin-right: 9px !important;
}

.mb-9 {
  margin-bottom: 9px !important;
}

.ml-9 {
  margin-left: 9px !important;
}

.m--9 {
  margin: -9px !important;
}

.mt--9 {
  margin-top: -9px !important;
}

.mr--9 {
  margin-right: -9px !important;
}

.mb--9 {
  margin-bottom: -9px !important;
}

.ml--9 {
  margin-left: -9px !important;
}

.p-9 {
  padding: 9px !important;
}

.pt-9 {
  padding-top: 9px !important;
}

.pr-9 {
  padding-right: 9px !important;
}

.pb-9 {
  padding-bottom: 9px !important;
}

.pl-9 {
  padding-left: 9px !important;
}

.m-10 {
  margin: 10px !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.mr-10 {
  margin-right: 10px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.ml-10 {
  margin-left: 10px !important;
}

.m--10 {
  margin: -10px !important;
}

.mt--10 {
  margin-top: -10px !important;
}

.mr--10 {
  margin-right: -10px !important;
}

.mb--10 {
  margin-bottom: -10px !important;
}

.ml--10 {
  margin-left: -10px !important;
}

.p-10 {
  padding: 10px !important;
}

.pt-10 {
  padding-top: 10px !important;
}

.pr-10 {
  padding-right: 10px !important;
}

.pb-10 {
  padding-bottom: 10px !important;
}

.pl-10 {
  padding-left: 10px !important;
}

.fs-10 {
  font-size: 10px !important;
}

.m-11 {
  margin: 11px !important;
}

.mt-11 {
  margin-top: 11px !important;
}

.mr-11 {
  margin-right: 11px !important;
}

.mb-11 {
  margin-bottom: 11px !important;
}

.ml-11 {
  margin-left: 11px !important;
}

.m--11 {
  margin: -11px !important;
}

.mt--11 {
  margin-top: -11px !important;
}

.mr--11 {
  margin-right: -11px !important;
}

.mb--11 {
  margin-bottom: -11px !important;
}

.ml--11 {
  margin-left: -11px !important;
}

.p-11 {
  padding: 11px !important;
}

.pt-11 {
  padding-top: 11px !important;
}

.pr-11 {
  padding-right: 11px !important;
}

.pb-11 {
  padding-bottom: 11px !important;
}

.pl-11 {
  padding-left: 11px !important;
}

.fs-11 {
  font-size: 11px !important;
}

.m-12 {
  margin: 12px !important;
}

.mt-12 {
  margin-top: 12px !important;
}

.mr-12 {
  margin-right: 12px !important;
}

.mb-12 {
  margin-bottom: 12px !important;
}

.ml-12 {
  margin-left: 12px !important;
}

.m--12 {
  margin: -12px !important;
}

.mt--12 {
  margin-top: -12px !important;
}

.mr--12 {
  margin-right: -12px !important;
}

.mb--12 {
  margin-bottom: -12px !important;
}

.ml--12 {
  margin-left: -12px !important;
}

.p-12 {
  padding: 12px !important;
}

.pt-12 {
  padding-top: 12px !important;
}

.pr-12 {
  padding-right: 12px !important;
}

.pb-12 {
  padding-bottom: 12px !important;
}

.pl-12 {
  padding-left: 12px !important;
}

.fs-12 {
  font-size: 12px !important;
}

.m-13 {
  margin: 13px !important;
}

.mt-13 {
  margin-top: 13px !important;
}

.mr-13 {
  margin-right: 13px !important;
}

.mb-13 {
  margin-bottom: 13px !important;
}

.ml-13 {
  margin-left: 13px !important;
}

.m--13 {
  margin: -13px !important;
}

.mt--13 {
  margin-top: -13px !important;
}

.mr--13 {
  margin-right: -13px !important;
}

.mb--13 {
  margin-bottom: -13px !important;
}

.ml--13 {
  margin-left: -13px !important;
}

.p-13 {
  padding: 13px !important;
}

.pt-13 {
  padding-top: 13px !important;
}

.pr-13 {
  padding-right: 13px !important;
}

.pb-13 {
  padding-bottom: 13px !important;
}

.pl-13 {
  padding-left: 13px !important;
}

.fs-13 {
  font-size: 13px !important;
}

.m-14 {
  margin: 14px !important;
}

.mt-14 {
  margin-top: 14px !important;
}

.mr-14 {
  margin-right: 14px !important;
}

.mb-14 {
  margin-bottom: 14px !important;
}

.ml-14 {
  margin-left: 14px !important;
}

.m--14 {
  margin: -14px !important;
}

.mt--14 {
  margin-top: -14px !important;
}

.mr--14 {
  margin-right: -14px !important;
}

.mb--14 {
  margin-bottom: -14px !important;
}

.ml--14 {
  margin-left: -14px !important;
}

.p-14 {
  padding: 14px !important;
}

.pt-14 {
  padding-top: 14px !important;
}

.pr-14 {
  padding-right: 14px !important;
}

.pb-14 {
  padding-bottom: 14px !important;
}

.pl-14 {
  padding-left: 14px !important;
}

.fs-14 {
  font-size: 14px !important;
}

.m-15 {
  margin: 15px !important;
}

.mt-15 {
  margin-top: 15px !important;
}

.mr-15 {
  margin-right: 15px !important;
}

.mb-15 {
  margin-bottom: 15px !important;
}

.ml-15 {
  margin-left: 15px !important;
}

.m--15 {
  margin: -15px !important;
}

.mt--15 {
  margin-top: -15px !important;
}

.mr--15 {
  margin-right: -15px !important;
}

.mb--15 {
  margin-bottom: -15px !important;
}

.ml--15 {
  margin-left: -15px !important;
}

.p-15 {
  padding: 15px !important;
}

.pt-15 {
  padding-top: 15px !important;
}

.pr-15 {
  padding-right: 15px !important;
}

.pb-15 {
  padding-bottom: 15px !important;
}

.pl-15 {
  padding-left: 15px !important;
}

.fs-15 {
  font-size: 15px !important;
}

.m-16 {
  margin: 16px !important;
}

.mt-16 {
  margin-top: 16px !important;
}

.mr-16 {
  margin-right: 16px !important;
}

.mb-16 {
  margin-bottom: 16px !important;
}

.ml-16 {
  margin-left: 16px !important;
}

.m--16 {
  margin: -16px !important;
}

.mt--16 {
  margin-top: -16px !important;
}

.mr--16 {
  margin-right: -16px !important;
}

.mb--16 {
  margin-bottom: -16px !important;
}

.ml--16 {
  margin-left: -16px !important;
}

.p-16 {
  padding: 16px !important;
}

.pt-16 {
  padding-top: 16px !important;
}

.pr-16 {
  padding-right: 16px !important;
}

.pb-16 {
  padding-bottom: 16px !important;
}

.pl-16 {
  padding-left: 16px !important;
}

.fs-16 {
  font-size: 16px !important;
}

.m-17 {
  margin: 17px !important;
}

.mt-17 {
  margin-top: 17px !important;
}

.mr-17 {
  margin-right: 17px !important;
}

.mb-17 {
  margin-bottom: 17px !important;
}

.ml-17 {
  margin-left: 17px !important;
}

.m--17 {
  margin: -17px !important;
}

.mt--17 {
  margin-top: -17px !important;
}

.mr--17 {
  margin-right: -17px !important;
}

.mb--17 {
  margin-bottom: -17px !important;
}

.ml--17 {
  margin-left: -17px !important;
}

.p-17 {
  padding: 17px !important;
}

.pt-17 {
  padding-top: 17px !important;
}

.pr-17 {
  padding-right: 17px !important;
}

.pb-17 {
  padding-bottom: 17px !important;
}

.pl-17 {
  padding-left: 17px !important;
}

.fs-17 {
  font-size: 17px !important;
}

.m-18 {
  margin: 18px !important;
}

.mt-18 {
  margin-top: 18px !important;
}

.mr-18 {
  margin-right: 18px !important;
}

.mb-18 {
  margin-bottom: 18px !important;
}

.ml-18 {
  margin-left: 18px !important;
}

.m--18 {
  margin: -18px !important;
}

.mt--18 {
  margin-top: -18px !important;
}

.mr--18 {
  margin-right: -18px !important;
}

.mb--18 {
  margin-bottom: -18px !important;
}

.ml--18 {
  margin-left: -18px !important;
}

.p-18 {
  padding: 18px !important;
}

.pt-18 {
  padding-top: 18px !important;
}

.pr-18 {
  padding-right: 18px !important;
}

.pb-18 {
  padding-bottom: 18px !important;
}

.pl-18 {
  padding-left: 18px !important;
}

.fs-18 {
  font-size: 18px !important;
}

.m-19 {
  margin: 19px !important;
}

.mt-19 {
  margin-top: 19px !important;
}

.mr-19 {
  margin-right: 19px !important;
}

.mb-19 {
  margin-bottom: 19px !important;
}

.ml-19 {
  margin-left: 19px !important;
}

.m--19 {
  margin: -19px !important;
}

.mt--19 {
  margin-top: -19px !important;
}

.mr--19 {
  margin-right: -19px !important;
}

.mb--19 {
  margin-bottom: -19px !important;
}

.ml--19 {
  margin-left: -19px !important;
}

.p-19 {
  padding: 19px !important;
}

.pt-19 {
  padding-top: 19px !important;
}

.pr-19 {
  padding-right: 19px !important;
}

.pb-19 {
  padding-bottom: 19px !important;
}

.pl-19 {
  padding-left: 19px !important;
}

.fs-19 {
  font-size: 19px !important;
}

.m-20 {
  margin: 20px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mr-20 {
  margin-right: 20px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.ml-20 {
  margin-left: 20px !important;
}

.m--20 {
  margin: -20px !important;
}

.mt--20 {
  margin-top: -20px !important;
}

.mr--20 {
  margin-right: -20px !important;
}

.mb--20 {
  margin-bottom: -20px !important;
}

.ml--20 {
  margin-left: -20px !important;
}

.p-20 {
  padding: 20px !important;
}

.pt-20 {
  padding-top: 20px !important;
}

.pr-20 {
  padding-right: 20px !important;
}

.pb-20 {
  padding-bottom: 20px !important;
}

.pl-20 {
  padding-left: 20px !important;
}

.fs-20 {
  font-size: 20px !important;
}

.m-21 {
  margin: 21px !important;
}

.mt-21 {
  margin-top: 21px !important;
}

.mr-21 {
  margin-right: 21px !important;
}

.mb-21 {
  margin-bottom: 21px !important;
}

.ml-21 {
  margin-left: 21px !important;
}

.m--21 {
  margin: -21px !important;
}

.mt--21 {
  margin-top: -21px !important;
}

.mr--21 {
  margin-right: -21px !important;
}

.mb--21 {
  margin-bottom: -21px !important;
}

.ml--21 {
  margin-left: -21px !important;
}

.p-21 {
  padding: 21px !important;
}

.pt-21 {
  padding-top: 21px !important;
}

.pr-21 {
  padding-right: 21px !important;
}

.pb-21 {
  padding-bottom: 21px !important;
}

.pl-21 {
  padding-left: 21px !important;
}

.fs-21 {
  font-size: 21px !important;
}

.m-22 {
  margin: 22px !important;
}

.mt-22 {
  margin-top: 22px !important;
}

.mr-22 {
  margin-right: 22px !important;
}

.mb-22 {
  margin-bottom: 22px !important;
}

.ml-22 {
  margin-left: 22px !important;
}

.m--22 {
  margin: -22px !important;
}

.mt--22 {
  margin-top: -22px !important;
}

.mr--22 {
  margin-right: -22px !important;
}

.mb--22 {
  margin-bottom: -22px !important;
}

.ml--22 {
  margin-left: -22px !important;
}

.p-22 {
  padding: 22px !important;
}

.pt-22 {
  padding-top: 22px !important;
}

.pr-22 {
  padding-right: 22px !important;
}

.pb-22 {
  padding-bottom: 22px !important;
}

.pl-22 {
  padding-left: 22px !important;
}

.fs-22 {
  font-size: 22px !important;
}

.m-23 {
  margin: 23px !important;
}

.mt-23 {
  margin-top: 23px !important;
}

.mr-23 {
  margin-right: 23px !important;
}

.mb-23 {
  margin-bottom: 23px !important;
}

.ml-23 {
  margin-left: 23px !important;
}

.m--23 {
  margin: -23px !important;
}

.mt--23 {
  margin-top: -23px !important;
}

.mr--23 {
  margin-right: -23px !important;
}

.mb--23 {
  margin-bottom: -23px !important;
}

.ml--23 {
  margin-left: -23px !important;
}

.p-23 {
  padding: 23px !important;
}

.pt-23 {
  padding-top: 23px !important;
}

.pr-23 {
  padding-right: 23px !important;
}

.pb-23 {
  padding-bottom: 23px !important;
}

.pl-23 {
  padding-left: 23px !important;
}

.fs-23 {
  font-size: 23px !important;
}

.m-24 {
  margin: 24px !important;
}

.mt-24 {
  margin-top: 24px !important;
}

.mr-24 {
  margin-right: 24px !important;
}

.mb-24 {
  margin-bottom: 24px !important;
}

.ml-24 {
  margin-left: 24px !important;
}

.m--24 {
  margin: -24px !important;
}

.mt--24 {
  margin-top: -24px !important;
}

.mr--24 {
  margin-right: -24px !important;
}

.mb--24 {
  margin-bottom: -24px !important;
}

.ml--24 {
  margin-left: -24px !important;
}

.p-24 {
  padding: 24px !important;
}

.pt-24 {
  padding-top: 24px !important;
}

.pr-24 {
  padding-right: 24px !important;
}

.pb-24 {
  padding-bottom: 24px !important;
}

.pl-24 {
  padding-left: 24px !important;
}

.fs-24 {
  font-size: 24px !important;
}

.m-25 {
  margin: 25px !important;
}

.mt-25 {
  margin-top: 25px !important;
}

.mr-25 {
  margin-right: 25px !important;
}

.mb-25 {
  margin-bottom: 25px !important;
}

.ml-25 {
  margin-left: 25px !important;
}

.m--25 {
  margin: -25px !important;
}

.mt--25 {
  margin-top: -25px !important;
}

.mr--25 {
  margin-right: -25px !important;
}

.mb--25 {
  margin-bottom: -25px !important;
}

.ml--25 {
  margin-left: -25px !important;
}

.p-25 {
  padding: 25px !important;
}

.pt-25 {
  padding-top: 25px !important;
}

.pr-25 {
  padding-right: 25px !important;
}

.pb-25 {
  padding-bottom: 25px !important;
}

.pl-25 {
  padding-left: 25px !important;
}

.fs-25 {
  font-size: 25px !important;
}

.m-26 {
  margin: 26px !important;
}

.mt-26 {
  margin-top: 26px !important;
}

.mr-26 {
  margin-right: 26px !important;
}

.mb-26 {
  margin-bottom: 26px !important;
}

.ml-26 {
  margin-left: 26px !important;
}

.m--26 {
  margin: -26px !important;
}

.mt--26 {
  margin-top: -26px !important;
}

.mr--26 {
  margin-right: -26px !important;
}

.mb--26 {
  margin-bottom: -26px !important;
}

.ml--26 {
  margin-left: -26px !important;
}

.p-26 {
  padding: 26px !important;
}

.pt-26 {
  padding-top: 26px !important;
}

.pr-26 {
  padding-right: 26px !important;
}

.pb-26 {
  padding-bottom: 26px !important;
}

.pl-26 {
  padding-left: 26px !important;
}

.fs-26 {
  font-size: 26px !important;
}

.m-27 {
  margin: 27px !important;
}

.mt-27 {
  margin-top: 27px !important;
}

.mr-27 {
  margin-right: 27px !important;
}

.mb-27 {
  margin-bottom: 27px !important;
}

.ml-27 {
  margin-left: 27px !important;
}

.m--27 {
  margin: -27px !important;
}

.mt--27 {
  margin-top: -27px !important;
}

.mr--27 {
  margin-right: -27px !important;
}

.mb--27 {
  margin-bottom: -27px !important;
}

.ml--27 {
  margin-left: -27px !important;
}

.p-27 {
  padding: 27px !important;
}

.pt-27 {
  padding-top: 27px !important;
}

.pr-27 {
  padding-right: 27px !important;
}

.pb-27 {
  padding-bottom: 27px !important;
}

.pl-27 {
  padding-left: 27px !important;
}

.fs-27 {
  font-size: 27px !important;
}

.m-28 {
  margin: 28px !important;
}

.mt-28 {
  margin-top: 28px !important;
}

.mr-28 {
  margin-right: 28px !important;
}

.mb-28 {
  margin-bottom: 28px !important;
}

.ml-28 {
  margin-left: 28px !important;
}

.m--28 {
  margin: -28px !important;
}

.mt--28 {
  margin-top: -28px !important;
}

.mr--28 {
  margin-right: -28px !important;
}

.mb--28 {
  margin-bottom: -28px !important;
}

.ml--28 {
  margin-left: -28px !important;
}

.p-28 {
  padding: 28px !important;
}

.pt-28 {
  padding-top: 28px !important;
}

.pr-28 {
  padding-right: 28px !important;
}

.pb-28 {
  padding-bottom: 28px !important;
}

.pl-28 {
  padding-left: 28px !important;
}

.fs-28 {
  font-size: 28px !important;
}

.m-29 {
  margin: 29px !important;
}

.mt-29 {
  margin-top: 29px !important;
}

.mr-29 {
  margin-right: 29px !important;
}

.mb-29 {
  margin-bottom: 29px !important;
}

.ml-29 {
  margin-left: 29px !important;
}

.m--29 {
  margin: -29px !important;
}

.mt--29 {
  margin-top: -29px !important;
}

.mr--29 {
  margin-right: -29px !important;
}

.mb--29 {
  margin-bottom: -29px !important;
}

.ml--29 {
  margin-left: -29px !important;
}

.p-29 {
  padding: 29px !important;
}

.pt-29 {
  padding-top: 29px !important;
}

.pr-29 {
  padding-right: 29px !important;
}

.pb-29 {
  padding-bottom: 29px !important;
}

.pl-29 {
  padding-left: 29px !important;
}

.fs-29 {
  font-size: 29px !important;
}

.m-30 {
  margin: 30px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.mr-30 {
  margin-right: 30px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.ml-30 {
  margin-left: 30px !important;
}

.m--30 {
  margin: -30px !important;
}

.mt--30 {
  margin-top: -30px !important;
}

.mr--30 {
  margin-right: -30px !important;
}

.mb--30 {
  margin-bottom: -30px !important;
}

.ml--30 {
  margin-left: -30px !important;
}

.p-30 {
  padding: 30px !important;
}

.pt-30 {
  padding-top: 30px !important;
}

.pr-30 {
  padding-right: 30px !important;
}

.pb-30 {
  padding-bottom: 30px !important;
}

.pl-30 {
  padding-left: 30px !important;
}

.m-31 {
  margin: 31px !important;
}

.mt-31 {
  margin-top: 31px !important;
}

.mr-31 {
  margin-right: 31px !important;
}

.mb-31 {
  margin-bottom: 31px !important;
}

.ml-31 {
  margin-left: 31px !important;
}

.m--31 {
  margin: -31px !important;
}

.mt--31 {
  margin-top: -31px !important;
}

.mr--31 {
  margin-right: -31px !important;
}

.mb--31 {
  margin-bottom: -31px !important;
}

.ml--31 {
  margin-left: -31px !important;
}

.p-31 {
  padding: 31px !important;
}

.pt-31 {
  padding-top: 31px !important;
}

.pr-31 {
  padding-right: 31px !important;
}

.pb-31 {
  padding-bottom: 31px !important;
}

.pl-31 {
  padding-left: 31px !important;
}

.m-32 {
  margin: 32px !important;
}

.mt-32 {
  margin-top: 32px !important;
}

.mr-32 {
  margin-right: 32px !important;
}

.mb-32 {
  margin-bottom: 32px !important;
}

.ml-32 {
  margin-left: 32px !important;
}

.m--32 {
  margin: -32px !important;
}

.mt--32 {
  margin-top: -32px !important;
}

.mr--32 {
  margin-right: -32px !important;
}

.mb--32 {
  margin-bottom: -32px !important;
}

.ml--32 {
  margin-left: -32px !important;
}

.p-32 {
  padding: 32px !important;
}

.pt-32 {
  padding-top: 32px !important;
}

.pr-32 {
  padding-right: 32px !important;
}

.pb-32 {
  padding-bottom: 32px !important;
}

.pl-32 {
  padding-left: 32px !important;
}

.m-33 {
  margin: 33px !important;
}

.mt-33 {
  margin-top: 33px !important;
}

.mr-33 {
  margin-right: 33px !important;
}

.mb-33 {
  margin-bottom: 33px !important;
}

.ml-33 {
  margin-left: 33px !important;
}

.m--33 {
  margin: -33px !important;
}

.mt--33 {
  margin-top: -33px !important;
}

.mr--33 {
  margin-right: -33px !important;
}

.mb--33 {
  margin-bottom: -33px !important;
}

.ml--33 {
  margin-left: -33px !important;
}

.p-33 {
  padding: 33px !important;
}

.pt-33 {
  padding-top: 33px !important;
}

.pr-33 {
  padding-right: 33px !important;
}

.pb-33 {
  padding-bottom: 33px !important;
}

.pl-33 {
  padding-left: 33px !important;
}

.m-34 {
  margin: 34px !important;
}

.mt-34 {
  margin-top: 34px !important;
}

.mr-34 {
  margin-right: 34px !important;
}

.mb-34 {
  margin-bottom: 34px !important;
}

.ml-34 {
  margin-left: 34px !important;
}

.m--34 {
  margin: -34px !important;
}

.mt--34 {
  margin-top: -34px !important;
}

.mr--34 {
  margin-right: -34px !important;
}

.mb--34 {
  margin-bottom: -34px !important;
}

.ml--34 {
  margin-left: -34px !important;
}

.p-34 {
  padding: 34px !important;
}

.pt-34 {
  padding-top: 34px !important;
}

.pr-34 {
  padding-right: 34px !important;
}

.pb-34 {
  padding-bottom: 34px !important;
}

.pl-34 {
  padding-left: 34px !important;
}

.m-35 {
  margin: 35px !important;
}

.mt-35 {
  margin-top: 35px !important;
}

.mr-35 {
  margin-right: 35px !important;
}

.mb-35 {
  margin-bottom: 35px !important;
}

.ml-35 {
  margin-left: 35px !important;
}

.m--35 {
  margin: -35px !important;
}

.mt--35 {
  margin-top: -35px !important;
}

.mr--35 {
  margin-right: -35px !important;
}

.mb--35 {
  margin-bottom: -35px !important;
}

.ml--35 {
  margin-left: -35px !important;
}

.p-35 {
  padding: 35px !important;
}

.pt-35 {
  padding-top: 35px !important;
}

.pr-35 {
  padding-right: 35px !important;
}

.pb-35 {
  padding-bottom: 35px !important;
}

.pl-35 {
  padding-left: 35px !important;
}

.m-36 {
  margin: 36px !important;
}

.mt-36 {
  margin-top: 36px !important;
}

.mr-36 {
  margin-right: 36px !important;
}

.mb-36 {
  margin-bottom: 36px !important;
}

.ml-36 {
  margin-left: 36px !important;
}

.m--36 {
  margin: -36px !important;
}

.mt--36 {
  margin-top: -36px !important;
}

.mr--36 {
  margin-right: -36px !important;
}

.mb--36 {
  margin-bottom: -36px !important;
}

.ml--36 {
  margin-left: -36px !important;
}

.p-36 {
  padding: 36px !important;
}

.pt-36 {
  padding-top: 36px !important;
}

.pr-36 {
  padding-right: 36px !important;
}

.pb-36 {
  padding-bottom: 36px !important;
}

.pl-36 {
  padding-left: 36px !important;
}

.m-37 {
  margin: 37px !important;
}

.mt-37 {
  margin-top: 37px !important;
}

.mr-37 {
  margin-right: 37px !important;
}

.mb-37 {
  margin-bottom: 37px !important;
}

.ml-37 {
  margin-left: 37px !important;
}

.m--37 {
  margin: -37px !important;
}

.mt--37 {
  margin-top: -37px !important;
}

.mr--37 {
  margin-right: -37px !important;
}

.mb--37 {
  margin-bottom: -37px !important;
}

.ml--37 {
  margin-left: -37px !important;
}

.p-37 {
  padding: 37px !important;
}

.pt-37 {
  padding-top: 37px !important;
}

.pr-37 {
  padding-right: 37px !important;
}

.pb-37 {
  padding-bottom: 37px !important;
}

.pl-37 {
  padding-left: 37px !important;
}

.m-38 {
  margin: 38px !important;
}

.mt-38 {
  margin-top: 38px !important;
}

.mr-38 {
  margin-right: 38px !important;
}

.mb-38 {
  margin-bottom: 38px !important;
}

.ml-38 {
  margin-left: 38px !important;
}

.m--38 {
  margin: -38px !important;
}

.mt--38 {
  margin-top: -38px !important;
}

.mr--38 {
  margin-right: -38px !important;
}

.mb--38 {
  margin-bottom: -38px !important;
}

.ml--38 {
  margin-left: -38px !important;
}

.p-38 {
  padding: 38px !important;
}

.pt-38 {
  padding-top: 38px !important;
}

.pr-38 {
  padding-right: 38px !important;
}

.pb-38 {
  padding-bottom: 38px !important;
}

.pl-38 {
  padding-left: 38px !important;
}

.m-39 {
  margin: 39px !important;
}

.mt-39 {
  margin-top: 39px !important;
}

.mr-39 {
  margin-right: 39px !important;
}

.mb-39 {
  margin-bottom: 39px !important;
}

.ml-39 {
  margin-left: 39px !important;
}

.m--39 {
  margin: -39px !important;
}

.mt--39 {
  margin-top: -39px !important;
}

.mr--39 {
  margin-right: -39px !important;
}

.mb--39 {
  margin-bottom: -39px !important;
}

.ml--39 {
  margin-left: -39px !important;
}

.p-39 {
  padding: 39px !important;
}

.pt-39 {
  padding-top: 39px !important;
}

.pr-39 {
  padding-right: 39px !important;
}

.pb-39 {
  padding-bottom: 39px !important;
}

.pl-39 {
  padding-left: 39px !important;
}

.m-40 {
  margin: 40px !important;
}

.mt-40 {
  margin-top: 40px !important;
}

.mr-40 {
  margin-right: 40px !important;
}

.mb-40 {
  margin-bottom: 40px !important;
}

.ml-40 {
  margin-left: 40px !important;
}

.m--40 {
  margin: -40px !important;
}

.mt--40 {
  margin-top: -40px !important;
}

.mr--40 {
  margin-right: -40px !important;
}

.mb--40 {
  margin-bottom: -40px !important;
}

.ml--40 {
  margin-left: -40px !important;
}

.p-40 {
  padding: 40px !important;
}

.pt-40 {
  padding-top: 40px !important;
}

.pr-40 {
  padding-right: 40px !important;
}

.pb-40 {
  padding-bottom: 40px !important;
}

.pl-40 {
  padding-left: 40px !important;
}

.m-41 {
  margin: 41px !important;
}

.mt-41 {
  margin-top: 41px !important;
}

.mr-41 {
  margin-right: 41px !important;
}

.mb-41 {
  margin-bottom: 41px !important;
}

.ml-41 {
  margin-left: 41px !important;
}

.m--41 {
  margin: -41px !important;
}

.mt--41 {
  margin-top: -41px !important;
}

.mr--41 {
  margin-right: -41px !important;
}

.mb--41 {
  margin-bottom: -41px !important;
}

.ml--41 {
  margin-left: -41px !important;
}

.p-41 {
  padding: 41px !important;
}

.pt-41 {
  padding-top: 41px !important;
}

.pr-41 {
  padding-right: 41px !important;
}

.pb-41 {
  padding-bottom: 41px !important;
}

.pl-41 {
  padding-left: 41px !important;
}

.m-42 {
  margin: 42px !important;
}

.mt-42 {
  margin-top: 42px !important;
}

.mr-42 {
  margin-right: 42px !important;
}

.mb-42 {
  margin-bottom: 42px !important;
}

.ml-42 {
  margin-left: 42px !important;
}

.m--42 {
  margin: -42px !important;
}

.mt--42 {
  margin-top: -42px !important;
}

.mr--42 {
  margin-right: -42px !important;
}

.mb--42 {
  margin-bottom: -42px !important;
}

.ml--42 {
  margin-left: -42px !important;
}

.p-42 {
  padding: 42px !important;
}

.pt-42 {
  padding-top: 42px !important;
}

.pr-42 {
  padding-right: 42px !important;
}

.pb-42 {
  padding-bottom: 42px !important;
}

.pl-42 {
  padding-left: 42px !important;
}

.m-43 {
  margin: 43px !important;
}

.mt-43 {
  margin-top: 43px !important;
}

.mr-43 {
  margin-right: 43px !important;
}

.mb-43 {
  margin-bottom: 43px !important;
}

.ml-43 {
  margin-left: 43px !important;
}

.m--43 {
  margin: -43px !important;
}

.mt--43 {
  margin-top: -43px !important;
}

.mr--43 {
  margin-right: -43px !important;
}

.mb--43 {
  margin-bottom: -43px !important;
}

.ml--43 {
  margin-left: -43px !important;
}

.p-43 {
  padding: 43px !important;
}

.pt-43 {
  padding-top: 43px !important;
}

.pr-43 {
  padding-right: 43px !important;
}

.pb-43 {
  padding-bottom: 43px !important;
}

.pl-43 {
  padding-left: 43px !important;
}

.m-44 {
  margin: 44px !important;
}

.mt-44 {
  margin-top: 44px !important;
}

.mr-44 {
  margin-right: 44px !important;
}

.mb-44 {
  margin-bottom: 44px !important;
}

.ml-44 {
  margin-left: 44px !important;
}

.m--44 {
  margin: -44px !important;
}

.mt--44 {
  margin-top: -44px !important;
}

.mr--44 {
  margin-right: -44px !important;
}

.mb--44 {
  margin-bottom: -44px !important;
}

.ml--44 {
  margin-left: -44px !important;
}

.p-44 {
  padding: 44px !important;
}

.pt-44 {
  padding-top: 44px !important;
}

.pr-44 {
  padding-right: 44px !important;
}

.pb-44 {
  padding-bottom: 44px !important;
}

.pl-44 {
  padding-left: 44px !important;
}

.m-45 {
  margin: 45px !important;
}

.mt-45 {
  margin-top: 45px !important;
}

.mr-45 {
  margin-right: 45px !important;
}

.mb-45 {
  margin-bottom: 45px !important;
}

.ml-45 {
  margin-left: 45px !important;
}

.m--45 {
  margin: -45px !important;
}

.mt--45 {
  margin-top: -45px !important;
}

.mr--45 {
  margin-right: -45px !important;
}

.mb--45 {
  margin-bottom: -45px !important;
}

.ml--45 {
  margin-left: -45px !important;
}

.p-45 {
  padding: 45px !important;
}

.pt-45 {
  padding-top: 45px !important;
}

.pr-45 {
  padding-right: 45px !important;
}

.pb-45 {
  padding-bottom: 45px !important;
}

.pl-45 {
  padding-left: 45px !important;
}

.m-46 {
  margin: 46px !important;
}

.mt-46 {
  margin-top: 46px !important;
}

.mr-46 {
  margin-right: 46px !important;
}

.mb-46 {
  margin-bottom: 46px !important;
}

.ml-46 {
  margin-left: 46px !important;
}

.m--46 {
  margin: -46px !important;
}

.mt--46 {
  margin-top: -46px !important;
}

.mr--46 {
  margin-right: -46px !important;
}

.mb--46 {
  margin-bottom: -46px !important;
}

.ml--46 {
  margin-left: -46px !important;
}

.p-46 {
  padding: 46px !important;
}

.pt-46 {
  padding-top: 46px !important;
}

.pr-46 {
  padding-right: 46px !important;
}

.pb-46 {
  padding-bottom: 46px !important;
}

.pl-46 {
  padding-left: 46px !important;
}

.m-47 {
  margin: 47px !important;
}

.mt-47 {
  margin-top: 47px !important;
}

.mr-47 {
  margin-right: 47px !important;
}

.mb-47 {
  margin-bottom: 47px !important;
}

.ml-47 {
  margin-left: 47px !important;
}

.m--47 {
  margin: -47px !important;
}

.mt--47 {
  margin-top: -47px !important;
}

.mr--47 {
  margin-right: -47px !important;
}

.mb--47 {
  margin-bottom: -47px !important;
}

.ml--47 {
  margin-left: -47px !important;
}

.p-47 {
  padding: 47px !important;
}

.pt-47 {
  padding-top: 47px !important;
}

.pr-47 {
  padding-right: 47px !important;
}

.pb-47 {
  padding-bottom: 47px !important;
}

.pl-47 {
  padding-left: 47px !important;
}

.m-48 {
  margin: 48px !important;
}

.mt-48 {
  margin-top: 48px !important;
}

.mr-48 {
  margin-right: 48px !important;
}

.mb-48 {
  margin-bottom: 48px !important;
}

.ml-48 {
  margin-left: 48px !important;
}

.m--48 {
  margin: -48px !important;
}

.mt--48 {
  margin-top: -48px !important;
}

.mr--48 {
  margin-right: -48px !important;
}

.mb--48 {
  margin-bottom: -48px !important;
}

.ml--48 {
  margin-left: -48px !important;
}

.p-48 {
  padding: 48px !important;
}

.pt-48 {
  padding-top: 48px !important;
}

.pr-48 {
  padding-right: 48px !important;
}

.pb-48 {
  padding-bottom: 48px !important;
}

.pl-48 {
  padding-left: 48px !important;
}

.w-auto {
  width: auto !important;
}

.w-50 {
  width: 50% !important;
}

.w-100 {
  width: 100% !important;
}

.cursor-pointer {
  cursor: pointer;
}

.flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.flex-row {
  flex-direction: row !important;
}

.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.alert-warning {
  color: #856404;
  background-color: #fff3cd;
  border-color: #ffeeba;
}

.divider {
  width: 100%;
  height: 1px;
  background-color: #E5E7EB;
}

.divider-v {
  width: 1px;
  height: 100%;
  background-color: #E5E7EB;
}

.no-scroll {
  overflow: hidden;
  position: fixed;
  width: 100%;
}

.safe-area {
  max-width: 1320px;
  margin: 0 auto;
}

.page-common {
  margin: 0 auto;
}
.page-common h2 {
  font-size: 40px;
  font-weight: 500;
  line-height: 48px;
  letter-spacing: -0.02em;
}
.page-common .page-common__cnt {
  background: #FFF;
  margin-bottom: 48px;
  border-radius: 8px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  min-height: calc(100vh - 352px);
  min-height: calc(100dvh - 352px);
}
.page-common .page-common__cnt .title-item {
  padding: 0 0 24px;
  border-bottom: 1px solid #E5E7EB;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 24px;
}
.page-common .page-common__cnt .title-item h1 {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  color: #111827;
}
.page-common .page-common__cnt .title-item .title-desc {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: -0.02em;
  word-break: break-word;
}
.page-common .page-common__cnt .title-item .right-block span {
  cursor: initial;
  color: var(--Neutral-500, #6B7280);
  font-size: 14px;
  font-weight: 500;
  line-height: 14px;
}
.page-common .page-common__cnt .title-item .right-block {
  display: flex;
  align-items: center;
  gap: 24px;
}
.page-common .page-common__cnt .title-item .left-item {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.page-common .page-common__cnt.mobile {
  padding: 11px;
  min-height: calc(100vh - 134px);
  min-height: calc(100dvh - 134px);
}
.page-common .page-common__cnt.mobile .title-item {
  padding-bottom: 16px;
  margin-bottom: 16px;
}
.page-common .page-common__cnt.mobile .title-item .title-desc {
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: -0.02em;
}
.page-common .page-common__cnt.mobile .title-item app-button .btn {
  padding: 8px 12px;
}
.page-common .page-common__cnt.mobile .title-item app-button .btn span {
  font-size: 12px;
}
.page-common .page-common__cnt.mobile app-table-property .table-property .left-block {
  background-color: #F9FAFB;
  padding: 8px 11px;
  width: calc(100% + 22px);
  margin: 0 -11px;
}
.page-common .page-common__cnt.mobile app-table-property .table-property .right-block {
  display: flex;
  flex-direction: column;
  margin-top: 8px;
  width: 100% !important;
}
.page-common .page-common__cnt.mobile app-table-property .table-property .right-block .middle-block {
  width: 100%;
  gap: 16px !important;
}
.page-common .page-common__cnt.mobile app-table-property .table-property .right-block .last-block {
  width: 100%;
  gap: 16px !important;
}
.page-common .page-common__cnt.mobile .paging {
  margin: 0 -11px -11px;
  padding: 16px 6px;
  margin-top: auto;
}

.paging {
  margin: 24px -24px -24px;
  padding: 20px 24px;
  background-color: #F9FAFB;
  display: flex;
  justify-content: space-between;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  margin-top: auto;
}
.paging .pagination-container {
  justify-content: normal;
  margin: 0;
}

.purple-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  overflow-y: auto;
  max-height: 90px;
}
.purple-list::-webkit-scrollbar {
  width: 4px;
}
.purple-list::-webkit-scrollbar-track {
  border-radius: 8px;
  background: #F3F4F6;
}
.purple-list::-webkit-scrollbar-thumb {
  background: #D1D5DB;
  border-radius: 8px;
}
.purple-list.disabled .item {
  background-color: #F2F2F2;
}
.purple-list.disabled .item span {
  color: #808080;
}
.purple-list .item {
  cursor: pointer;
  background-color: #EEF2FF;
  border-radius: 24px;
  word-wrap: break-word;
  padding: 4px 8px;
}
.purple-list .item span {
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  color: #676AED;
}

.purple {
  background: #EEF2FF;
  padding: 4px 8px;
  color: #676AED;
  border-radius: 24px;
  display: flex;
  align-items: center;
  position: relative;
}
.purple.disabled {
  background: #F2F2F2;
  color: #808080;
}
.purple.dot {
  cursor: pointer;
}

ngx-spinner .ngx-spinner-overlay .la-ball-clip-rotate div {
  border-color: #e5e5e5 !important;
  border-top-color: #6d69cc !important;
}

.modal-content .link {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 5px;
  margin: 0 auto;
}
.modal-content .link:not(:last-child) {
  margin-bottom: 10px;
}
.modal-content .link .icon, .modal-content .link span {
  color: #482200 !important;
  cursor: pointer;
}
.modal-content .link.disabled {
  background-color: initial;
}
.modal-content .link.disabled .icon, .modal-content .link.disabled span {
  color: #D1D5DB !important;
  cursor: default;
}

.hidden {
  display: none;
}

.overflow-auto {
  overflow: auto;
}

.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block; /* Metin için blok düzeni */
  max-width: 100%; /* Konteynırın genişliği kadar sınırla */
}

.img-card__block {
  display: flex;
  gap: 20px;
}

app-svgimg {
  display: contents;
}

.img-card h2 {
  margin: 0 0 40px;
}

.img-card__item {
  width: 100%;
  position: relative;
  height: 420px;
  border-radius: 16px;
  overflow: hidden;
  cursor: pointer;
}
.img-card__item img {
  transition: transform 0.2s;
}
.img-card__item:hover img {
  transform: scale(1.2);
}
.img-card__item h3 {
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
  letter-spacing: -0.02em;
  color: #fff;
  margin: 0 0 8px 0;
}
.img-card__item p {
  font-size: 16px;
  line-height: 24px;
  color: #fff;
}

.bottom-block {
  padding: 0 24px;
}

.img-card__text {
  background: linear-gradient(180deg, rgba(31, 28, 74, 0) 0%, #1F1C4A 100%);
  position: relative;
  height: 100%;
  padding: 32px;
  display: flex;
  flex-direction: column;
  justify-content: end;
}

.img-card__bg {
  position: absolute;
  top: 0;
  left: 0;
}

.content__block {
  padding: 64px;
  background: #ffffff;
  border-radius: 16px;
  box-shadow: 0px 8px 24px -3px rgba(16, 24, 40, 0.05), 0px 8px 24px -3px rgba(16, 24, 40, 0.1);
  margin: 40px auto 0;
}

.slider {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.slider .slider__btn {
  padding: 8px;
  max-height: 38px;
  border: 1px solid #FFC100;
  border-radius: 8px;
  background: transparent;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04), 0px 1px 2px 0px rgba(16, 24, 40, 0.04);
  cursor: pointer;
}
.slider .slider__btn:hover svg {
  stroke: #BB6A02;
}
.slider .slider__block {
  gap: 56px;
  display: flex;
  align-items: center;
}
.slider .slider__container {
  max-width: fit-content;
  overflow: hidden;
}

.breadcrumb {
  display: flex;
  align-items: center;
  padding: 16px 0;
  border-bottom: 1px solid #D1D5DB;
  background: #EEF2FF;
}
.breadcrumb .icon-item {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 0 4px;
}
.breadcrumb .icon-item a {
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.breadcrumb .icon-item:first-child {
  margin: 0;
}
.breadcrumb .text-item {
  margin: 0 0 0 4px;
}
.breadcrumb .text-item span {
  font-size: 14px;
  color: #4B5563;
  font-weight: 400;
  line-height: 16px;
}

.copy-block {
  display: flex;
  gap: 20px;
}

.copy-block__item {
  border-radius: 16px;
  background: #FFF;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04), 0px 1px 2px 0px rgba(16, 24, 40, 0.04);
  padding: 32px;
  width: 100%;
  display: flex;
  flex-direction: column;
  height: 320px;
  justify-content: space-between;
}
.copy-block__item img {
  width: fit-content;
}
.copy-block__item .copy-block__text h2 {
  color: #111827;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px;
  letter-spacing: -0.4px;
  margin: 16px 0 8px;
}
.copy-block__item p {
  color: #111827;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  max-width: 212px;
}

.copy-block__text {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.step-line {
  gap: 1px;
  display: flex;
}

.step-line__item {
  height: 4px;
  width: 100%;
  background: #D1D5DB;
}
.step-line__item.active {
  background: #22C55E;
}

.calendar-container {
  display: flex;
  justify-content: space-between;
  border-radius: 8px;
  border: 1px solid var(--Neutral-200, #E5E7EB);
  background: var(--Generic-White, #FFF);
}
.calendar-container .btn {
  color: var(--Secondary-Yellow-950, #482200);
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
}
.calendar-container .btn svg {
  margin: 0 6px 0 0;
}
.calendar-container .calendar-add-event {
  display: flex;
  justify-content: space-between;
  margin: 0 20px;
  padding: 20px 0;
  border-top: 1px solid #E5E7EB;
  border-bottom: 1px solid #E5E7EB;
}
.calendar-container .calendar-add-event h3 {
  color: #111827;
  font-size: 18px;
  font-weight: 600;
}
.calendar-container .calendar-add-event p {
  color: var(--Neutral-400, #9CA3AF);
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
}
.calendar-container .calendar-section {
  width: 435px; /* Görseldeki takvim genişliği */
  background-color: #fff;
  border-radius: 8px;
}
.calendar-container .calendar-section .fc-theme-standard td, .calendar-container .calendar-section .fc-theme-standard th {
  border: none;
}
.calendar-container .calendar-section .fc .fc-daygrid-day-top {
  display: flex;
  align-items: center;
  justify-content: center;
}
.calendar-container .calendar-section .fc .fc-daygrid-day-frame {
  height: 40px;
  width: 40px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  cursor: default;
}
.calendar-container .calendar-section .fc .fc-daygrid-day.fc-day-today {
  background-color: transparent;
}
.calendar-container .calendar-section .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-frame {
  border-radius: 4px;
  background: var(--Primary-50, #EEF2FF);
}
.calendar-container .calendar-section .fc .fc-daygrid-day-events {
  height: 6px;
  position: absolute;
  min-height: 6px;
  bottom: 0;
  margin: 0 0 4px;
  width: 100%;
  display: flex;
  justify-content: center;
}
.calendar-container .calendar-section .fc .fc-col-header-cell {
  height: 40px;
}
.calendar-container .calendar-section .fc .fc-scrollgrid-sync-inner {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 40px;
}
.calendar-container .calendar-section .fc .fc-scrollgrid-sync-inner a {
  color: #111827;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.calendar-container .calendar-section .fc .fc-scrollgrid {
  border: none;
}
.calendar-container .calendar-section .fc .fc-daygrid-day-number {
  color: #111827;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.calendar-container .calendar-section .fc .fc-toolbar.fc-header-toolbar {
  flex-direction: row-reverse;
  margin: 20px 14px 0;
  border-bottom: 1px solid #E5E7EB;
  padding: 0 0 20px 0;
}
.calendar-container .calendar-section .fc .fc-toolbar.fc-header-toolbar .fc-toolbar-chunk:nth-child(3) {
  display: none;
}
.calendar-container .calendar-section .fc .fc-toolbar.fc-header-toolbar .fc-button {
  background: transparent;
  border: none;
}
.calendar-container .calendar-section .fc .fc-toolbar.fc-header-toolbar .fc-button .fc-icon {
  font-size: 2em;
}
.calendar-container .calendar-section .fc .fc-toolbar-title {
  color: #111827;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
}
.calendar-container .calendar-section .fc .fc-view-harness {
  margin: 20px 0 0;
  padding: 0 0 20px;
}
.calendar-container .calendar-section .fc .fc-daygrid-dot-event {
  background-color: transparent;
  margin: 0;
  padding: 0;
}
.calendar-container .calendar-section .fc .fc-daygrid-event-harness {
  width: 8px;
  height: 6px;
}
.calendar-container .calendar-section .fc .fc-daygrid-event-dot {
  margin: 0 2px 0 0;
  border-width: 3px;
}
.calendar-container .calendar-section .fc-event-time, .calendar-container .calendar-section .fc-event-title, .calendar-container .calendar-section .fc-daygrid-day-bottom {
  display: none;
}
.calendar-container.theme-popup {
  margin: 0 -24px;
  border: none;
}
.calendar-container.theme-popup .calendar-section .fc-toolbar.fc-header-toolbar {
  margin: 0;
  padding: 20px;
  border: none;
  background-color: #F9FAFB;
}

.event-list-section {
  width: 300px; /* Görseldeki etkinlik listesi genişliği */
  background-color: #fff;
  border-radius: 8px;
  padding: 15px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.fc {
  max-width: 100%;
}

.fc-toolbar-title {
  font-size: 20px;
  font-weight: bold;
  color: #333;
}

.fc-daygrid-day-number {
  color: #666;
  font-weight: bold;
  padding: 5px;
}

.fc-event {
  background-color: #ffc107;
  border: none;
  color: #333;
  border-radius: 3px;
  padding: 3px 5px;
  font-size: 14px;
}

.statistic span {
  color: #111827;
  font-size: 28px;
  font-weight: 700;
  line-height: 36px;
  letter-spacing: -0.56px;
}
.statistic p {
  color: #111827;
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
}
.statistic .statistic-item, .statistic .statistic-value {
  border-radius: 8px;
  background: #EEF2FF;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.statistic .statistic-item .white-bg, .statistic .statistic-value .white-bg {
  padding: 16px;
  border-radius: 50%;
  background: #FFF;
  margin: 0 0 8px 0;
}
.statistic .triple {
  display: grid;
  grid-template-columns: repeat(2, 243px);
  grid-template-rows: repeat(2, 153px);
  grid-column-gap: 4px;
  grid-row-gap: 4px;
}
.statistic .triple .statistic-item:nth-child(1) {
  grid-area: 1/1/2/2;
}
.statistic .triple .statistic-item:nth-child(2) {
  grid-area: 1/2/2/3;
}
.statistic .triple .statistic-item:nth-child(3) {
  grid-area: 2/1/3/3;
}

.line-list__cnt {
  margin: 20px 0 0;
}
.line-list__cnt p {
  color: #111827;
  font-size: 14px;
  line-height: 20px;
}
.line-list__cnt .line-list__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0;
  border-bottom: 1px solid #E5E7EB;
  position: relative;
}
.line-list__cnt .line-list__item:first-child {
  border-top: 1px solid #E5E7EB;
}

.switch-block {
  display: flex;
  align-items: center;
}
.switch-block p {
  color: #111827;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  margin: 0 8px 0 0;
}

.purple-bg {
  height: 328px;
  width: 100%;
  background: #1F1C4A;
  position: absolute;
  bottom: 0px;
  left: 0;
}

.close-icon {
  cursor: pointer;
}

.purple-warning {
  border: 1px solid #C8D3FD;
  background: #EEF2FF;
  border-radius: 4px;
  padding: 4px;
  display: flex;
  align-items: center;
}
.purple-warning p {
  color: #676AED;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  margin: 0 0 0 4px;
}
.purple-warning img {
  width: 20px;
  height: 20px;
}

.icon-text-block {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  background: #F9FAFB;
  border-radius: 8px;
}
.icon-text-block p {
  margin: 0 0 0 8px;
}

.zoom-slider-container {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}

.alertify .ajs-modal, .alertify .ajs-dimmer {
  background: rgba(31, 28, 74, 0.5647058824) !important;
}
.alertify .ajs-header {
  padding: 24px !important;
  margin: 0 !important;
  font-size: 14px;
}
.alertify .ajs-body .ajs-content {
  font-size: 14px;
}
.alertify .ajs-commands {
  right: 24px !important;
  top: 24px !important;
  margin: 0 !important;
}
.alertify .ajs-reset {
  display: none !important;
}
.alertify .ajs-footer {
  padding: 24px 0 !important;
  margin: 0 !important;
}
.alertify .ajs-footer .ajs-buttons .ajs-button.ajs-ok {
  background: #FFC100 !important;
  border: 1px solid #FFC100 !important;
  border-radius: 8px !important;
  font-size: 12px !important;
  cursor: pointer !important;
}
.alertify .ajs-footer .ajs-buttons .ajs-button.ajs-ok:hover {
  background: #FFE01B !important;
}
.alertify .ajs-footer .ajs-buttons .ajs-button.ajs-cancel {
  background: #FFFFFF !important;
  font-size: 12px !important;
  line-height: 18px !important;
  border: 1px solid #FFC100 !important;
  color: #482200 !important;
  border-radius: 8px !important;
  cursor: pointer !important;
}
.alertify .ajs-footer .ajs-buttons .ajs-button.ajs-cancel:hover {
  color: #BB6A02 !important;
}
.alertify .ajs-dialog {
  max-width: 530px !important;
  border-radius: 8px;
}

.no-data {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 24px;
}
.no-data app-img {
  display: flex;
}
.no-data img {
  display: flex;
}
.no-data h3 {
  margin: 40px 0 8px 0;
}

.search-block {
  position: relative;
}
.search-block .btn {
  position: absolute;
  padding: 8px 12px;
  top: 0;
  right: 0;
  border: 1px solid #E5E7EB;
  height: 40px;
  border-radius: 0 8px 8px 0;
  background: #F9FAFB;
}
.search-block .btn span {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.search-block .input-block input {
  padding: 0 112px 0 12px;
}

.scrollbar {
  overflow-y: auto;
  padding: 0 8px 0 0;
}
.scrollbar::-webkit-scrollbar {
  width: 4px;
}
.scrollbar::-webkit-scrollbar-track {
  border-radius: 8px;
  background: #F3F4F6;
}
.scrollbar::-webkit-scrollbar-thumb {
  background: #D1D5DB;
  border-radius: 8px;
}

ngb-datepicker {
  display: block !important;
  font-family: "Roboto" !important;
  z-index: 1000 !important;
  background: white !important;
  border: 1px solid #ddd !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
}
ngb-datepicker .ngb-dp-header {
  padding: 10px 0;
}
ngb-datepicker ngb-datepicker-navigation-select > .form-select {
  flex: 1 1 auto;
  padding: 3px;
  font-size: 12px;
  height: 25px;
  width: 70px;
  border-radius: 5px;
  margin: 2px;
  border: 1px solid #A7B6FA;
}
ngb-datepicker ngb-datepicker-navigation-select > .form-select:focus-visible {
  outline: none;
}
ngb-datepicker .ngb-dp-weekday {
  color: #6c757d !important;
  font-weight: bold !important;
  text-align: center !important;
  width: 35px !important;
  height: initial;
  font-size: 14px;
}
ngb-datepicker .ngb-dp-week-number {
  display: none !important;
}
ngb-datepicker [ngbDatepickerDayView] {
  width: 25px;
  height: 25px;
}
ngb-datepicker .ngb-dp-day {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 35px !important;
  height: 35px !important;
  border-radius: 50% !important;
  cursor: pointer !important;
  font-size: 14px;
}
ngb-datepicker .ngb-dp-day.ngb-dp-day:not(.ngb-dp-disabled):not(.ngb-dp-today) {
  background-color: transparent !important;
  color: #495057 !important;
}
ngb-datepicker .ngb-dp-day > div[ng-reflect-selected=true] {
  background-color: #676AED !important;
  color: #fff !important;
  border-radius: 50%;
  padding: 3px 5px;
  box-shadow: 0 2px 4px #676AED !important;
}
ngb-datepicker .ngb-dp-day.ngb-dp-day.range {
  background-color: rgba(102, 112, 227, 0.2) !important;
}
ngb-datepicker .ngb-dp-day.ngb-dp-day.ngb-dp-disabled {
  color: #dcdcdc !important;
  cursor: not-allowed !important;
}
ngb-datepicker .ngb-dp-day:hover:not(.ngb-dp-disabled) {
  background-color: rgba(102, 112, 227, 0.3) !important;
}

@media print {
  body {
    font-family: "Roboto", sans-serif;
    -webkit-print-color-adjust: exact; /* Safari ve Chrome */
    color-adjust: exact; /* Standart */
    background-color: #FFF;
  }
  /* Gereksiz elementleri gizle */
  button, nav, footer, .no-print {
    display: none !important;
  }
  /* Sayfa düzeni ve yazdırılacak alan */
  #print-area {
    margin: 10px;
    border: none;
    font-family: "Roboto", sans-serif;
  }
  /* Tablolar için stil */
  table {
    width: 100%;
    border: none;
  }
  .progress-bar {
    border: 1px solid #000;
    background-color: #E5E7EB;
  }
  .progress-bar-item {
    background-color: #16A34A;
  }
  .table, .test-list-block {
    page-break-inside: avoid;
  }
  .status-title .left-block, .status-title .right-block {
    padding: 10px;
    background-color: #f9fafb;
  }
  .test-list-block .answer-block {
    border: 1px solid #ddd;
    margin: 5px 0;
  }
  .table .table-list-item.bar-item .progress-bar.score-failed .progress-bar-item {
    height: 8px;
    background-color: #DC2626;
    border-radius: 100px;
  }
}
.table h1 {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  letter-spacing: -0.02em;
}
.table .title-block {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0 24px;
  border-bottom: 1px solid #E5E7EB;
}
.table .pagination-container {
  margin: 0;
  justify-content: flex-start;
}
.table h2 {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #374151;
}

.table-container {
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.table-container .bottom-block {
  background: var(--Neutral-50, #F9FAFB);
  padding: 20px 24px;
  margin-bottom: -24px;
  display: flex;
  justify-content: space-between;
}
.table-container .up-block {
  padding: 0 24px 24px;
}

.table-list-container {
  border: 1px solid #E5E7EB;
  border-radius: 12px;
  margin: 24px 0;
  width: 100%;
  display: flex;
  flex-direction: column;
}

.t-list-title,
.t-list-content {
  display: flex;
}

.t-list-content {
  border-top: 1px solid #E5E7EB;
  width: 100%;
}
.t-list-content:nth-child(even) {
  background-color: #F9FAFB;
}

.t-list-title-item {
  display: flex;
  padding: 12px 8px;
  border-left: 1px solid #E5E7EB;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}
.t-list-title-item:first-child {
  border: none;
}
.t-list-title-item.center {
  justify-content: center !important;
}
.t-list-title-item.vertical {
  border: none;
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  display: flex;
  align-items: center;
  justify-content: center;
  border-right: 1px solid #E5E7EB;
  text-align: center;
  white-space: normal;
  max-height: 250px;
  word-break: break-word;
}

.table-list-item {
  display: flex;
  align-items: center;
  gap: 4px;
  min-height: 44px;
  border-left: 1px solid #E5E7EB;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  padding: 4px 8px;
  word-break: break-word;
}
.table-list-item:first-child {
  border-left: none;
}
.table-list-item.link .icon, .table-list-item.link span {
  color: #482200 !important;
  cursor: pointer;
}
.table-list-item.link.disabled {
  background-color: initial;
}
.table-list-item.link.disabled .icon {
  color: #D1D5DB !important;
  cursor: default;
}
.table-list-item.center {
  justify-content: center !important;
}
.table-list-item .btn {
  padding: 8px;
}
.table-list-item.vertical {
  border-left: 1px solid #E5E7EB;
}
.table-list-item.vertical:last-child {
  border-right: 1px solid #E5E7EB;
}

app-table-list-item:first-child .table-list-item {
  border-left: none;
}

.table-property {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.table-property .left-block {
  display: flex;
  gap: 16px;
  align-items: center;
}
.table-property .middle-block {
  display: flex;
  gap: 16px;
  align-items: center;
}
.table-property .select__item, .table-property input {
  height: 40px;
}
.table-property .input-block {
  /*.gg-chevron {
    top: 34px;
  }*/
}
.table-property .input-block .select__item {
  width: 200px;
}
.table-property .right-block {
  display: flex;
  align-items: center;
  gap: 16px;
}
.table-property .right-block .input-block .gg-chevron {
  top: 10px;
}
.table-property .right-block p {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #6B7280;
}
.table-property .right-block .select label {
  display: none;
}
.table-property .right-block .select__item {
  max-width: 80px;
}
.table-property .right-block .last-block {
  gap: 16px !important;
}

.table-mobile, .accordion {
  display: none;
}
.table-mobile .accordion-container, .accordion .accordion-container {
  padding: 16px 0;
}
.table-mobile .accordion-item, .accordion .accordion-item {
  padding: 10px 12px;
  border: 1px solid #E5E7EB;
  position: relative;
  border-radius: 8px;
  margin-bottom: 8px;
}
.table-mobile .accordion-item:nth-child(odd), .accordion .accordion-item:nth-child(odd) {
  background-color: #F9FAFB;
}
.table-mobile .accordion-item:nth-child(even), .accordion .accordion-item:nth-child(even) {
  background-color: #FFF;
}
.table-mobile .accordion-item.collapsed, .accordion .accordion-item.collapsed {
  flex-direction: column;
  padding: 10px 12px;
  background-color: #FFF;
  border: 2px solid #E5E7EB;
  box-shadow: 0px 2px 6px 0px rgba(16, 24, 40, 0.0588235294);
  border-radius: 8px;
}
.table-mobile .accordion-item.collapsed .accordion-header, .accordion .accordion-item.collapsed .accordion-header {
  color: #3F36BA !important;
}
.table-mobile .accordion-item.collapsed .accordion-header .title, .accordion .accordion-item.collapsed .accordion-header .title {
  white-space: normal; /* Satır içinde taşan metni kır */
  line-height: 1.5; /* Daha okunaklı bir görünüm için satır yüksekliği */
}
.table-mobile .accordion-item.collapsed .accordion-header .icon, .table-mobile .accordion-item.collapsed .accordion-header app-checkbox label, .table-mobile .accordion-item.collapsed .accordion-header span, .accordion .accordion-item.collapsed .accordion-header .icon, .accordion .accordion-item.collapsed .accordion-header app-checkbox label, .accordion .accordion-item.collapsed .accordion-header span {
  color: #3F36BA !important;
}
.table-mobile .accordion-item.collapsed .paging, .accordion .accordion-item.collapsed .paging {
  margin: -1px -12px -10px !important;
}
.table-mobile .accordion-item .accordion-header, .accordion .accordion-item .accordion-header {
  display: flex;
  align-items: center;
  font-weight: bold;
  font-size: 16px;
  cursor: pointer;
  gap: 5px;
}
.table-mobile .accordion-item .accordion-header .title, .accordion .accordion-item .accordion-header .title {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  display: flex;
  flex-basis: 90%;
  flex-shrink: 1; /* Alan daraldığında küçülmesine izin ver */
  flex-grow: 0; /* Ekstra alanı doldurmasına izin verme */
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  align-items: center;
  gap: 10px;
}
.table-mobile .accordion-item .accordion-header .title .text, .accordion .accordion-item .accordion-header .title .text {
  display: flex;
  flex-basis: calc(100% - 30px);
  align-items: center;
}
.table-mobile .accordion-item .accordion-header .right-block, .accordion .accordion-item .accordion-header .right-block {
  display: flex;
  align-items: center;
  flex-basis: 10%;
  flex-shrink: 0; /* Daralmayı engelle */
  flex-grow: 0;
  justify-content: end;
}
.table-mobile .accordion-item .accordion-header .title-qcount, .accordion .accordion-item .accordion-header .title-qcount {
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  padding: 2px 6px;
  color: #676AED;
  background-color: #EEF2FF;
  border-radius: 24px;
  flex-basis: 30px;
  text-align: center;
}
.table-mobile .accordion-item .accordion-header .icon-chevron-up, .table-mobile .accordion-item .accordion-header .icon-chevron-down, .accordion .accordion-item .accordion-header .icon-chevron-up, .accordion .accordion-item .accordion-header .icon-chevron-down {
  right: 10px;
  transition: transform 0.3s;
}
.table-mobile .accordion-item .accordion-content, .accordion .accordion-item .accordion-content {
  margin-top: 10px;
}
.table-mobile .accordion-item .accordion-content .accordion-content-item, .accordion .accordion-item .accordion-content .accordion-content-item {
  padding: 10px 0;
  display: flex;
  border-top: 1px solid #E5E7EB;
  position: relative;
  font-size: 14px;
  line-height: 20px;
  justify-content: space-between;
  align-items: center;
}
.table-mobile .accordion-item .accordion-content .accordion-content-item:last-child, .accordion .accordion-item .accordion-content .accordion-content-item:last-child {
  padding-bottom: 0;
}
.table-mobile .accordion-item .accordion-content .accordion-content-item span, .accordion .accordion-item .accordion-content .accordion-content-item span {
  color: #374151;
}
.table-mobile .accordion-item .accordion-content .accordion-content-item .item__cnt, .accordion .accordion-item .accordion-content .accordion-content-item .item__cnt {
  display: flex;
  font-weight: 500;
  right: 0;
  gap: 5px;
  word-break: break-word;
  align-items: center;
}
.table-mobile .accordion-item .accordion-content .accordion-content-item .link, .accordion .accordion-item .accordion-content .accordion-content-item .link {
  display: flex;
  cursor: pointer;
  align-items: center; /* Yan yana ve dikey ortalamak için */
}
.table-mobile .accordion-item .accordion-content .accordion-content-item .link .icon, .accordion .accordion-item .accordion-content .accordion-content-item .link .icon {
  color: #482200 !important;
  margin-right: 5px;
}
.table-mobile .accordion-item .accordion-content .accordion-content-item .link span, .accordion .accordion-item .accordion-content .accordion-content-item .link span {
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
  color: #482200 !important;
}
.table-mobile .accordion-item .accordion-content .accordion-content-item .link.disabled, .accordion .accordion-item .accordion-content .accordion-content-item .link.disabled {
  background-color: initial;
}
.table-mobile .accordion-item .accordion-content .accordion-content-item .link.disabled .icon, .table-mobile .accordion-item .accordion-content .accordion-content-item .link.disabled span, .accordion .accordion-item .accordion-content .accordion-content-item .link.disabled .icon, .accordion .accordion-item .accordion-content .accordion-content-item .link.disabled span {
  color: #D1D5DB !important;
  cursor: default;
}
.table-mobile .accordion-item .accordion-footer, .accordion .accordion-item .accordion-footer {
  background-color: #EEF2FF;
  margin: 10px -12px -10px -12px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  padding: 8px 12px;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  color: #3933A0;
  display: flex;
}

@media only screen and (max-width: 768px) {
  .content-tablet {
    display: none !important;
  }
  .content-mobile {
    display: block !important;
  }
}
@media only screen and (min-width: 769px) {
  .content-tablet {
    display: flex !important;
  }
  .content-mobile {
    display: none !important;
  }
}
@media only screen and (max-width: 991px) {
  .content-tablet {
    display: none !important;
  }
  .content-mobile {
    display: block !important;
  }
}
.header {
  background: #1F1C4A;
  padding: 20px 0;
}
.header .menu-list {
  display: flex;
  align-items: center;
}
.header .menu-list .menu-item {
  margin: 0 0 0 48px;
  display: flex;
  align-items: center;
}
.header .menu-list .menu-item svg {
  margin: 0 8px 0 0;
}
.header .menu-list .menu-item svg:before {
  color: #482200;
}
.header .menu-list .menu-item:first-child {
  margin: 0;
}
.header .menu-list .menu-item span {
  color: white;
  font-size: 16px;
}
.header .menu-list .menu-item:hover span, .header .menu-list .menu-item:hover svg {
  color: #FFC100;
}
.header .menu-list .menu-item:hover rect {
  stroke: #FFC100;
}
.header .menu-list .menu-item.active rect {
  stroke: #FFC100;
}
.header .menu-list .menu-item.active span {
  color: #FFC100;
}
.header .logo-item {
  display: block;
  width: 238.75px;
  height: 32px;
}
.header .logo-item img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.header .mobile-menu-block {
  position: absolute;
  top: 63px;
  left: 0;
  width: 100%;
  height: calc(100vh - 64px);
  height: calc(100dvh - 64px);
  background: #1F1C4A;
  z-index: 5;
  padding: 11px;
}
.header .mobile-menu-block .mobile-list-menu .list-item {
  border-top: 1px solid #4B5563;
  padding: 20px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.header .mobile-menu-block .mobile-list-menu .list-item span {
  font-size: 16px;
  font-weight: 500;
  line-height: 18px;
  color: white;
}
.header .mobile-menu-block .mobile-list-menu .list-item .icon-item {
  width: 20px;
  height: 20px;
}
.header .mobile-menu-block .mobile-list-menu .list-item.active span {
  color: #FFC100;
}
.header app-button i {
  margin: 0 8px 0 0;
}
.header app-button i:before {
  color: #482200;
}
.header.ds {
  padding: 36px 0;
}
.header.ds .menu-list .menu-item {
  margin: 0 0 0 24px;
  cursor: pointer;
  position: relative;
}
.header.ds .menu-list .menu-item:hover svg path {
  stroke: #FFC100;
}
.header.ds .menu-list .menu-item:hover i:before {
  color: #FFC100;
}
.header.ds .menu-list .menu-item.active svg path {
  stroke: #FFC100;
}
.header.ds .menu-list .menu-item.active i:before {
  color: #FFC100;
}
.header.ds .menu-list .menu-item.active span {
  color: #FFC100;
}
.header.ds .menu-list .menu-item.notification span {
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FFC100;
  padding: 4px 8px;
  border-radius: 8px;
  font-size: 14px;
  color: black;
}
.header.ds .menu-list .profile {
  position: relative;
  cursor: pointer;
}
.header.ds .menu-list .profile img {
  margin: 0 8px 0 0;
}
.header.ds .menu-list .profile:hover .user path {
  stroke: none;
}
.header.ds .menu-list .notification-popup-root {
  position: relative;
}
.header.ds .background-item {
  width: 100%;
  height: 276px;
  position: absolute;
  top: 104px;
  left: 0;
  background: #1F1C4A;
  z-index: -1;
}
.header.ds .mobile-menu-block {
  background: white;
  top: 90px;
}

.header--wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.mobile-menu {
  display: none;
  margin: 0 0 0 8px;
}
.mobile-menu .icon-item {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

.profile-popup {
  position: absolute;
  cursor: default;
  right: 0;
  min-width: 230px;
  top: 40px;
  padding: 16px;
  gap: 8px;
  display: flex;
  flex-direction: column;
  z-index: 5;
  border-radius: 8px;
  border: 1px solid #E5E7EB;
  background: var(--Generic-White, #FFF);
  box-shadow: 0px 20px 40px -8px rgba(16, 24, 40, 0.05), 0px 20px 40px -8px rgba(16, 24, 40, 0.1);
}
.profile-popup .profile__item {
  border-radius: 8px;
  border: 1px solid #E5E7EB;
  background: var(--Generic-White, #FFF);
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04), 0px 1px 2px 0px rgba(16, 24, 40, 0.04);
  padding: 10px 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}
.profile-popup .profile__item p {
  color: var(--Neutral-700, #374151);
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  cursor: pointer !important;
}
.profile-popup .profile__item i {
  margin: 0 !important;
}
.profile-popup .profile__item.academy {
  padding: 16px;
  flex-direction: column;
  text-align: center;
}
.profile-popup .profile__item.academy p {
  color: #111827;
  cursor: default;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  padding-top: 13px;
}
.profile-popup .profile__item.academy app-img {
  max-width: 480px;
}
.profile-popup .profile__item.academy picture {
  width: 100%;
  height: 100%;
  display: block;
}
.profile-popup .profile__item.academy img {
  width: 100%;
  height: 100%;
  max-width: 270px;
  padding-bottom: 16px;
  border-bottom: 1px solid #E5E7EB;
  margin: 0 !important;
}
.profile-popup .mobile-username {
  display: none;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  padding: 8px;
  margin: 0 0 8px 0;
  border-radius: 8px;
  background: var(--Neutral-50, #F9FAFB);
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04), 0px 1px 2px 0px rgba(16, 24, 40, 0.04);
}
.profile-popup .mobile-username p {
  padding: 0 !important;
  margin: 0 0 0 8px !important;
}
.profile-popup .mobile-username img {
  width: 24px !important;
  height: 24px !important;
  padding-bottom: 0 !important;
}
.profile-popup .academy-logo {
  padding: 0 0 16px;
  margin: 0 0 12px;
  border-bottom: 1px solid #E5E7EB;
}
.profile-popup .triangle {
  position: absolute;
  top: -9px;
  right: 12px;
}

.atpl-data-root {
  position: relative;
}

.atpl-data-popup {
  padding: 24px 16px 16px 16px;
  position: absolute;
  width: 195px;
  top: 40px;
  right: 0;
  z-index: 5;
  border-radius: 8px;
  border: 1px solid #E5E7EB;
  background: var(--Generic-White, #FFF);
  box-shadow: 0px 20px 40px -8px rgba(16, 24, 40, 0.05), 0px 20px 40px -8px rgba(16, 24, 40, 0.1);
}
.atpl-data-popup .triangle {
  position: absolute;
  top: -9px;
  right: 12px;
}
.atpl-data-popup .option-a {
  background-color: yellow;
  border-radius: 50%;
  padding: 4px 8px;
  margin-right: 8px;
}
.atpl-data-popup .option-h {
  background-color: blue;
  color: white;
  border-radius: 50%;
  padding: 4px 8px;
  margin-right: 8px;
}
.atpl-data-popup button {
  margin: 24px 0 0;
}

.notification-popup {
  padding: 16px;
  position: absolute;
  width: 340px;
  right: 0;
  top: 40px;
  z-index: 5;
  border-radius: 8px;
  border: 1px solid #E5E7EB;
  background: var(--Generic-White, #FFF);
  box-shadow: 0px 20px 40px -8px rgba(16, 24, 40, 0.05), 0px 20px 40px -8px rgba(16, 24, 40, 0.1);
}
.notification-popup .triangle {
  position: absolute;
  top: -9px;
  right: 12px;
}

.footer {
  background: #1F1C4A;
  padding: 48px 0;
}
.footer .menu-list {
  display: flex;
  align-items: center;
}
.footer .menu-list .menu-item {
  margin: 0 0 0 48px;
  display: flex;
  align-items: center;
}
.footer .menu-list .menu-item:first-child {
  margin: 0;
}
.footer .menu-list .menu-item span {
  color: white;
  font-size: 16px;
}
.footer .menu-list .menu-item:hover span {
  color: #FFF985;
}
.footer .menu-list .menu-item:hover:nth-child(4) svg path {
  fill: #FFF985;
}
.footer .menu-list .menu-item svg {
  display: none;
}
.footer .menu-list .menu-item:nth-child(4) svg {
  display: flex;
  transform: rotate(270deg);
}
.footer .menu-list .menu-item:nth-child(4) svg path {
  fill: #FFC100;
  strokeWidth: 0;
}
.footer .menu-list .yellow-btn {
  margin: 0 0 0 48px;
}

.footer-top-container {
  border-bottom: 1px solid #9CA3AF;
  padding: 0 0 32px;
  margin: 0 0 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.footer-top-container .menu-list .yellow-btn {
  display: none;
}
.footer-top-container .menu-list .menu-item span {
  color: #FFC100;
}

.footer-bottom-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.footer-bottom-container .social-menu {
  display: flex;
  align-items: center;
}
.footer-bottom-container .social-menu .social-item {
  margin: 0 0 0 16px;
}
.footer-bottom-container .social-menu .social-item:first-child {
  margin: 0;
}
.footer-bottom-container .copy-right-block {
  display: flex;
  align-items: center;
}
.footer-bottom-container .copy-right-block .copy-right-item {
  margin: 0 0 0 32px;
}
.footer-bottom-container .copy-right-block .copy-right-item a {
  font-size: 14px;
  font-weight: 400;
  color: #EEF2FF;
  line-height: 20px;
}
.footer-bottom-container .copy-right-block .copy-right-item a:hover {
  color: #FFC100;
}
.footer-bottom-container .copy-right-block .copy-right-item span {
  font-size: 14px;
  font-weight: 400;
  color: #EEF2FF;
  line-height: 20px;
}
.footer-bottom-container .copy-right-block .copy-right-item:first-child {
  margin: 0;
}
.footer-bottom-container.ds {
  height: 52px;
}

.mobile-footer {
  background: white;
  display: flex;
  justify-content: space-between;
  box-shadow: 0px 8px 24px -3px rgba(16, 24, 40, 0.1019607843);
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 4;
}
.mobile-footer .menu-item {
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  position: relative;
}
.mobile-footer .menu-item span {
  font-size: 12px;
  font-weight: 500;
  line-height: 14px;
  color: #9CA3AF;
}
.mobile-footer .notification {
  background: #FFC100;
  border-radius: 50%;
  height: 18px;
  min-width: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 8px;
  right: 28px;
}
.mobile-footer .notification span {
  color: #482200;
  font-size: 10px;
  font-weight: 500;
  line-height: 14px;
}

.banner {
  width: 100%;
  height: 600px;
  background: #1F1C4A;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 111px 0;
}

.banner__mask {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.banner__mask img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.banner__content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  z-index: 1;
}

.banner__img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.banner__text {
  max-width: 500px;
}
.banner__text .text__title {
  margin: 0 0 24px;
}
.banner__text .text__title h3 {
  font-size: 20px;
  font-weight: 300;
  color: #C8D3FD;
  line-height: 36px;
}
.banner__text .text__content {
  margin: 0 0 40px;
}
.banner__text .text__content p {
  font-size: 52px;
  font-weight: 900;
  line-height: 56px;
  color: #EEF2FF;
}
.banner__text .text__item p {
  color: #C8D3FD;
  font-size: 20px;
  font-weight: 300;
  line-height: 28px;
}

.home__cnt {
  margin: 80px auto 0;
}

.home {
  background: #EEF2FF;
  position: relative;
}
.home .contact-form .content__block {
  max-width: 1180px !important;
  padding: 64px 100px;
}

.announcement {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.announcement h2 {
  margin: 32px 0 0;
}
.announcement .purple-btn {
  cursor: default;
}
.announcement .yellow-btn {
  padding: 15px 20px;
  margin: 32px 0 0;
}
.announcement .yellow-btn span {
  font-size: 16px;
  line-height: 18px;
}

.licenced .text-list__container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #E5E7EB;
  padding: 26px 0 0;
  margin: 16px 0 0;
}
.licenced .text-list__container .text-list__block {
  width: 49%;
}
.licenced .text-list .title {
  font-size: 24px;
  font-weight: 700;
  line-height: 32px;
  color: #111827;
}
.licenced .text-list .detail {
  line-height: 20px;
  margin: 12px 0 0;
  color: #6B7280;
  font-size: 14px;
}
.licenced .text-list .subTitle {
  color: #3F36BA;
  font-size: 12px;
  font-weight: 600;
  line-height: 20px;
  margin: 32px 0 0;
}
.licenced .text-list__block {
  margin: 0;
}

.text-list__item img {
  margin: 0 12px 0 0;
}

.bussiness .content__block {
  padding: 0 40px;
}

.home__form {
  padding: 270px 0 0;
  display: flex;
  justify-content: center;
  position: relative;
}
.home__form app-contactform {
  width: 100%;
}
.home__form .contact-form {
  width: 100%;
}
.home__form form {
  max-width: 980px;
  margin: 0 auto;
}
.home__form .contact-form__block .input-block {
  width: 380px;
  max-width: 380px;
}
.home__form .contact-form__block .input-block.select {
  width: 580px;
  max-width: 580px;
}
.home__form .contact-form__block .input-block.text-area {
  width: 580px;
  max-width: 580px;
}

app-bussinessslider {
  position: relative;
}

.home__planet {
  position: absolute;
  bottom: 24px;
}

.aboutUs {
  margin: 0 auto 48px;
  background: #EEF2FF;
}

.about__cnt {
  margin: 40px 0 0;
}
.about__cnt .title-item {
  margin: 0 0 24px;
  border-bottom: none;
}
.about__cnt .title-item h1 {
  font-size: 40px;
  font-weight: 500;
  line-height: 48px;
  color: #111827;
}
.about__cnt .about-wrapper {
  display: flex;
  flex-direction: column;
  position: relative;
  padding: 0 0 48px;
  margin: 0 0 48px;
}
.about__cnt .about-wrapper .mask-block {
  position: absolute;
  display: block;
  left: -48px;
  bottom: 28px;
  border-radius: 16px;
  background: #E1E7FE;
  height: 288px;
  width: 108%;
}
.about__cnt .text-container {
  width: 49.2%;
  z-index: 1;
}
.about__cnt .text-container .text-item {
  margin: 0 0 96px;
}
.about__cnt .text-container .text-item p {
  font-size: 28px;
  font-weight: 300;
  line-height: 36px;
  color: #111827;
}
.about__cnt .image-container {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  z-index: 1;
  margin: 0 -20px 0 0;
}
.about__cnt .image-container picture {
  margin: -260px 0 0;
}
.about__cnt .image-container .text-item {
  width: 49.2%;
}
.about__cnt .image-container .text-item p {
  font-size: 24px;
  font-weight: 500;
  line-height: 32px;
  color: #111827;
}
.about__cnt .content-container .text-block {
  margin: 20px 0 0;
}
.about__cnt .content-container .text-block:first-child {
  margin: 0;
}
.about__cnt .content-container .text-block p {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #111827;
}
.about__cnt .content-container .text-block.strong p {
  font-weight: 500;
}

.faq {
  margin: 0 auto 48px;
  background: #EEF2FF;
}

.faq__cnt {
  margin: 40px 0 0;
}
.faq__cnt .title-item {
  margin: 0 0 24px;
  border-bottom: none;
}
.faq__cnt .title-item h1 {
  font-size: 40px;
  font-weight: 500;
  line-height: 48px;
  color: #111827;
}
.faq__cnt .faq-block {
  border: 1px solid #E5E7EB;
  background: #FFFFFF;
  border-radius: 8px;
  cursor: pointer;
  padding: 16px;
  margin: 8px 0 0;
}
.faq__cnt .faq-block:first-child {
  margin: 0;
}
.faq__cnt .faq-block .content-item {
  display: none;
  margin: 12px 0 0;
}
.faq__cnt .faq-block .content-item p {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #6B7280;
}
.faq__cnt .faq-block .title-item {
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: none;
  padding: 0;
}
.faq__cnt .faq-block .title-item span {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #111827;
}
.faq__cnt .faq-block.open .content-item {
  display: block;
}
.faq__cnt .faq-block.open .title-item span {
  color: #3F36BA;
}
.faq__cnt .faq-block.open .title-item svg {
  transform: rotate(180deg);
}

.contactUs {
  margin: 0 auto;
  background: #EEF2FF;
}
.contactUs .contact-form .content__block {
  padding: 48px;
  margin: 48px 0;
}
.contactUs .contact-form .input-block {
  width: 484px;
  max-width: none;
}
.contactUs .contact-form .input-block.select {
  width: 580px;
}
.contactUs .contact-form .input-block.text-area {
  width: 580px;
}
.contactUs .contact-form .input-block.recapcha {
  width: 30%;
}
.contactUs .contact-form__item {
  max-width: none;
}
.contactUs .safe-area {
  padding: 0 0 48px;
}

.contact__cnt {
  margin: 40px 0 0;
}
.contact__cnt .title-item {
  margin: 0 0 24px;
  border-bottom: none;
}
.contact__cnt .title-item h1 {
  font-size: 40px;
  font-weight: 500;
  line-height: 48px;
  color: #111827;
}
.contact__cnt p {
  color: #111827;
  font-size: 28px;
  font-weight: 300;
  line-height: 36px;
  letter-spacing: -0.56px;
}

.termCondition {
  margin: 0 auto 48px;
  background: #EEF2FF;
}

.term__cnt {
  margin: 48px 0;
}
.term__cnt .title-item {
  margin: 0 0 40px;
  border-bottom: none;
}
.term__cnt .title-item h1 {
  font-size: 40px;
  font-weight: 500;
  line-height: 48px;
  color: #111827;
}

.term__wrapper .title-item {
  margin: 40px 0 16px;
}
.term__wrapper .content-container .title-item h2 {
  font-size: 28px;
  font-weight: 700;
  line-height: 36px;
  color: #111827;
}
.term__wrapper .content-container .title-item span {
  font-size: 28px;
  font-weight: 400;
  line-height: 36px;
  color: #111827;
  margin: 0 0 0 8px;
}
.term__wrapper .content-container .content-item p {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color: #111827;
  margin: 0 0 16px;
}
.term__wrapper .content-container .content-item p:first-child {
  margin: 0 0 16px 0;
}
.term__wrapper .content-container .content-item p:last-child {
  margin: 0;
}
.term__wrapper .content-container .content-item p span {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
  color: #111827;
  margin: 0 8px 0 0;
}

.dashboard {
  position: relative;
  margin: 0 0 48px;
}
.dashboard .dashboard-content {
  border-radius: 8px;
  border: 1px solid #E5E7EB;
  background: #FFF;
  padding: 20px;
}
.dashboard .dashboard-content h2 {
  color: #111827;
  font-size: 18px;
  font-weight: 600;
  line-height: 28px;
  margin: 0 0 20px 0;
}

.dashboard-container {
  display: flex;
  justify-content: space-between;
}

.aside-menu {
  width: fit-content;
  padding: 20px 16px;
  background: #FFF;
  border-radius: 8px;
  height: 100%;
  border: 1px solid #E5E7EB;
}
.aside-menu h2 {
  color: #737373;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  padding: 8px 4px;
}
.aside-menu p {
  color: #374151;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  margin: 0 0 0 8px;
  cursor: pointer;
}
.aside-menu .coming-soon {
  color: #374151;
  font-size: 12px;
  font-weight: 500;
  line-height: 20px;
  border-radius: 24px;
  background: #F3F4F6;
  padding: 2px 6px;
}
.aside-menu .aside-text {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 12px;
  cursor: pointer;
}
.aside-menu .aside-text.disabled {
  cursor: initial;
}
.aside-menu .aside-text.disabled p {
  color: #9CA3AF;
}
.aside-menu .aside-text__item {
  display: flex;
  align-items: center;
}
.aside-menu .sub-menu {
  padding: 5px 32px;
  font-size: 14px;
  font-weight: 500;
}
.aside-menu .aside-item {
  width: 275px;
  margin: 0 0 16px 0;
}
.aside-menu .triangle {
  display: none;
}

.profile-settings .form-block {
  display: flex;
  gap: 24px;
}
.profile-settings .form-block app-information-form, .profile-settings .form-block app-change-pass-form {
  width: 100%;
}
.profile-settings .title-item h1 {
  font-size: 24px;
}

.add-instructor-form {
  display: flex;
}
.add-instructor-form app-instructor-change-pass, .add-instructor-form app-instructor-info-form {
  width: 49%;
}
.add-instructor-form app-instructor-change-pass h2, .add-instructor-form app-instructor-info-form h2 {
  font-size: 24px;
}

.add-instructor .title-item {
  justify-content: flex-start;
}
.add-instructor .title-item app-button {
  margin: 0 16px 0 0;
}
.add-instructor .title-item h1 {
  font-size: 24px;
}
.add-instructor .permission-title {
  border: 1px solid #E5E7EB;
  padding: 14px 16px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.add-instructor .permission-title .title-left {
  display: flex;
  align-items: center;
}
.add-instructor .permission-content {
  display: none;
  border: 1px solid #E5E7EB;
  border-radius: 0 0 8px 8px;
  border-top: none;
}
.add-instructor .permission-content.open .content-item {
  display: block;
}
.add-instructor .permission-content.open .title-item span {
  color: #3F36BA;
}
.add-instructor .permission-content.open .title-item svg {
  transform: rotate(180deg);
}
.add-instructor .permission-content .content-item {
  display: flex;
  align-items: center;
  padding: 14px 16px;
}

.add-instructor-form-block app-button {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin: 24px 0 0;
}

.edit-instructor {
  min-height: 816px;
  border: 1px solid #E5E7EB;
  background: #FFFFFF;
  padding: 24px 0 0;
  border-radius: 8px 8px 0 0;
}
.edit-instructor .title-item {
  border-bottom: none;
  padding: 0 24px;
}
.edit-instructor .title-item .right-item app-button .btn {
  color: red;
  background: none;
}
.edit-instructor .title-item .right-item app-button .btn span {
  color: red;
}
.edit-instructor .title-item .title-desc {
  margin: 0 0 0 16px;
}
.edit-instructor .title-item .title-desc h1 {
  font-size: 28px;
}

@media only screen and (min-width: 860px) {
  .add-instructor-form .edit-profile {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
  }
  .add-instructor-form .edit-profile app-change-pass-form {
    height: 100%;
  }
  .add-instructor-form .edit-profile app-information-form, .add-instructor-form .edit-profile app-change-pass-form {
    width: 50%;
  }
}

@media only screen and (max-width: 1300px) {
  .header {
    padding: 16px 11px;
  }
  .header .menu-list .menu-item {
    margin: 0 0 0 24px;
  }
  .header .menu-list .menu-item:first-child {
    margin: 0;
  }
  .banner {
    padding: 32px 24px 24px 24px;
  }
  .safe-area {
    padding: 0 32px;
  }
  .footer {
    padding: 48px 0;
  }
  .contact__form {
    padding: 0 32px;
  }
  .slider .slider__container {
    margin: 0 12px;
  }
  .dashboard-static {
    width: 35%;
  }
  .statistic-block.triple {
    display: flex;
    flex-direction: column;
  }
  app-calender {
    width: 35%;
  }
  .contactUs {
    padding: 0 16px;
  }
  .statistic .statistic-item {
    padding: 8px;
  }
}
@media only screen and (max-width: 1240px) {
  .contact-form .content__block {
    margin: 40px 32px 0;
  }
  .about__cnt .image-container .text-item p {
    font-size: 18px;
  }
  .about__cnt .text-container .text-item p {
    font-size: 24px;
  }
}
@media only screen and (max-width: 1200px) {
  .home .contact-form__block .input-block {
    width: 318px;
  }
  .home .contact-form__block .input-block.select {
    width: 318px;
  }
  .home .contact-form__block .input-block.text-area {
    width: 318px;
  }
  .contact-form__item {
    width: unset;
  }
  .contactUs .contact-form .input-block {
    width: 380px;
  }
  .contactUs .contact-form .input-block.select {
    width: 380px;
  }
  .contactUs .contact-form .input-block.text-area {
    width: 380px;
  }
}
@media only screen and (max-width: 1024px) {
  .banner {
    height: auto;
  }
  .banner .text__title {
    margin: 0 0 8px;
  }
  .banner .text__content {
    margin: 0 0 24px;
  }
  .banner__text {
    max-width: 100%;
    text-align: center;
  }
  .banner__img {
    width: 100%;
    margin: 32px 0 0;
  }
  .banner__content {
    flex-direction: column;
  }
  .aboutUs {
    padding: 0;
  }
  .aboutUs .breadcrumb {
    padding: 16px 32px;
  }
  .about__cnt .title-item {
    padding: 0 32px;
  }
  .about__cnt .image-container {
    display: flex;
    flex-direction: column-reverse;
    padding: 0 32px;
    margin: 0;
  }
  .about__cnt .image-container picture {
    margin: 0;
    width: 100%;
    height: 100%;
  }
  .about__cnt .image-container picture img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .about__cnt .image-container .text-item {
    width: 100%;
  }
  .about__cnt .about-wrapper .mask-block {
    height: 415px;
    left: -8%;
  }
  .about__cnt .text-container {
    width: 100%;
    padding: 0 32px;
  }
  .about__cnt .text-container .text-item {
    margin: 0 0 24px;
  }
  .about__cnt .content-container {
    padding: 0 32px;
  }
  .login-form {
    padding: 0 48px;
  }
  app-lightbox .print_options {
    width: 100%;
    height: 100%;
  }
  app-lightbox .print_options .lightbox__cnt {
    width: 100% !important;
  }
  .content-item.exam .info-contaniner {
    flex-direction: column;
  }
  .content-item.exam .info-contaniner .info-block {
    width: 100% !important;
    align-items: center !important;
    flex-direction: row-reverse !important;
    justify-content: space-between !important;
  }
  .content-item.exam .info-contaniner .info-block .right-item {
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: row-reverse !important;
    justify-content: space-between !important;
    margin: 0 16px 0 0;
  }
}
@media only screen and (max-width: 991px) {
  .aside-menu {
    position: relative;
  }
  .aside-menu .triangle {
    display: block;
    position: absolute;
    right: 31px;
    top: -20px;
  }
  .page-common {
    min-height: calc(100vh - 62px);
    min-height: calc(100dvh - 62px);
  }
  .statistic .statistic-item {
    flex-direction: row;
    justify-content: flex-start;
  }
  .statistic .statistic-item .white-bg {
    margin: 0 8px 0 0;
  }
  .statistic .statistic-value {
    align-items: flex-start;
  }
  .statistic span {
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -0.02em;
  }
  .statistic p {
    font-weight: 400;
  }
  app-modal {
    right: 0;
    top: 43px;
  }
  app-modal .triangle {
    top: -21px;
    transform: rotate(0deg);
    right: -4px;
    left: auto;
  }
  .yellow-btn:hover {
    background: #FFC100;
  }
  .input-block input:hover, .input-block input.active, .sbx-item__slc:hover, .sbx-item__slc.active, .input-block .select__item:hover, .input-block .select__item.active, .input-block textarea:hover, .input-block textarea.active {
    border: 1px solid #E5E7EB;
  }
  .input-block.recapcha {
    width: 100%;
  }
  .contactUs .contact-form .input-block.recapcha {
    width: 100%;
  }
  app-dsmenu .menu-list {
    position: initial;
  }
  .header .menu-list .menu-item {
    display: none;
  }
  .header .menu-list .atpl-data-root .menu-item, .header .menu-list .profile .menu-item {
    display: flex;
  }
  .header .menu-list .profile .gg-chevron, .header .menu-list .profile span {
    display: none;
  }
  .header .menu-list .profile .user {
    margin: 0;
  }
  .header .menu-list .yellow-btn {
    margin: 0;
    padding: 6px 10px;
  }
  .header .menu-list .yellow-btn span {
    font-size: 12px;
  }
  .header .menu-list .yellow-btn img {
    margin: 0 6px 0 0;
  }
  .header .mobile-menu {
    display: block;
  }
  .header .mobile-menu .icon-item:hover svg path {
    stroke: #FFF;
  }
  .header .mobile-menu .icon-item:hover span {
    color: #FFF;
  }
  .header .mobile-menu .icon-item.active svg path {
    stroke: #FFC100;
  }
  .header .mobile-menu .icon-item.active span {
    color: #FFC100;
  }
  .header.ds .menu-list .menu-item:hover svg path, .header.ds .menu-list .menu-item:hover svg rect {
    stroke: #FFF;
  }
  .header.ds .menu-list .menu-item:hover span {
    color: #FFF;
  }
  .header.ds .menu-list .menu-item.active svg path, .header.ds .menu-list .menu-item.active svg rect {
    stroke: #FFC100;
  }
  .header.ds .menu-list .menu-item.active span {
    color: #FFC100;
  }
  .header.ds .menu-list .menu-item .database {
    margin: 0 2px 0 0;
  }
  .banner__text .text__content p {
    font-size: 32px;
    line-height: 40px;
  }
  .contact-form__btn {
    flex-direction: column;
    align-items: center;
  }
  .contact-form__btn .yellow-btn {
    margin: 16px 0 0;
  }
  .form-info {
    width: 100%;
  }
  .home__cnt .announcement__block {
    width: 100%;
  }
  .announcement .img__block img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .img-card__block {
    max-width: 100%;
    overflow-x: auto;
    scrollbar-width: none;
  }
  .img-card__block ::-webkit-scrollbar {
    display: none; /* Webkit tarayıcılar için (Chrome, Safari) */
  }
  .img-card__block .img-card__item {
    min-width: 380px;
  }
  .home__planet {
    max-width: 480px;
  }
  .home__planet img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .home__form {
    padding: 190px 0 0;
  }
  .contactUs .contact-form__block {
    flex-direction: column;
  }
  .contactUs .contact-form .input-block {
    width: 100%;
  }
  .contactUs .contact-form .input-block.select {
    width: 100%;
  }
  .contactUs .contact-form .input-block.text-area {
    width: 100%;
  }
  .dashboard-container {
    flex-direction: column;
  }
  .dashboard-container .aside-menu {
    display: none;
  }
  .aside-menu {
    width: 100%;
  }
  .statistic.triple {
    display: flex;
    flex-direction: column;
  }
  .calendar-section {
    width: 100%;
  }
  .dashboard-static {
    width: 100%;
  }
  .notifications .page-common__cnt {
    border-radius: 8px !important;
  }
  app-calender {
    width: 100%;
  }
  .profile-settings .safe-area {
    padding: 0;
  }
  .page-common__cnt {
    border-radius: 0;
    border: none;
    margin: 0;
  }
  .page-common__cnt .title-item h1 {
    font-size: 32px;
    line-height: 40px;
  }
  .instructor {
    padding: 0;
    border-radius: unset;
  }
  .table-container {
    border-radius: unset;
  }
  .table-list-container, .content-tablet {
    display: none;
  }
  .table-mobile, .content-mobile {
    display: block;
  }
  .table-property {
    flex-direction: column;
    align-items: flex-start;
  }
  .table-property .left-block {
    width: 100%;
    flex-direction: column;
    align-items: flex-start;
  }
  .table-property .left-block app-selectbox, .table-property .left-block .search-block {
    width: 100%;
  }
  .table-property .input-block {
    width: 100%;
  }
  .table-property .input-block .select__item {
    width: 100%;
  }
  .table-property .right-block {
    margin: 16px 0 0;
    width: 100%;
    justify-content: space-between;
  }
  .table-property .right-block .middle-block {
    margin: 16px 0 0;
    justify-content: space-between;
  }
  .table-property .right-block app-selectbox {
    width: 80px;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
@media only screen and (max-width: 860px) {
  .aside-menu .triangle {
    right: 10px;
  }
  .home__cnt {
    margin: 56px 0 0;
  }
  .img-card h2 {
    margin: 0 0 24px;
  }
  .content__block {
    margin: 32px auto 0;
  }
  .home .contact-form__block {
    flex-direction: column;
  }
  .home .contact-form__block .input-block {
    width: 100%;
    max-width: none;
  }
  .home .contact-form__block .input-block.select {
    width: 100%;
    max-width: none;
  }
  .home .contact-form__block .input-block.text-area {
    width: 100%;
    max-width: none;
  }
  .home .contact-form .content__block {
    padding: 64px;
  }
  .contact-form__item {
    max-width: none;
  }
  .contact-form__btn {
    flex-direction: column;
    align-items: center;
  }
  .contact-form__btn .yellow-btn {
    margin: 16px 0 0;
  }
  .form-info {
    width: 100%;
    margin: 0 0 16px;
  }
  .profile-settings .form-block {
    flex-direction: column;
    gap: 8px;
  }
  .profile-settings .profile-form {
    border-radius: 0;
    padding: 16px 12px;
  }
  .profile-settings .profile-form h2 {
    font-size: 16px;
    line-height: 24px;
    margin: 0 0 16px;
  }
  .profile-settings .profile-form .yellow-btn, .profile-settings .profile-form app-button {
    width: 100%;
  }
  .profile-settings .profile-form.change-pass h2 {
    margin: 0 0 8px;
  }
  .profile-settings .profile-form.change-pass p {
    margin: 0 0 16px;
  }
  .profile-form__password {
    padding: 0 0 16px;
    margin: 0 0 16px;
    border-bottom: 1px solid #E5E7EB;
  }
  .page-common__cnt {
    padding: 16px 0 0;
  }
  .page-common__cnt .title-item {
    border: none !important;
    padding: 0 12px !important;
    margin: 0 0 16px !important;
  }
  .page-common__cnt .title-item h1 {
    font-size: 24px;
    line-height: 32px;
  }
  .profile-form__general {
    margin: 0 0 24px;
    gap: 8px;
  }
  .profile-form__contact .input-block, .profile-form__password .input-block {
    margin: 0 0 16px;
  }
  .profile-form__contact {
    border-bottom: 1px solid #E5E7EB;
    margin: 0 0 16px;
  }
  .header.ds {
    padding: 24px 0;
  }
  .header.ds .safe-area {
    padding: 0 12px;
  }
  .header.ds .background-item {
    top: 72px;
  }
  .school-settings .form-block {
    margin: 0;
  }
  .school-settings .submit-btn {
    border-top: 1px solid #E5E7EB;
    border-bottom: 1px solid #E5E7EB;
    padding: 12px;
  }
  .school-settings .submit-btn .yellow-btn {
    width: 100%;
  }
  .notifications .notifications-wrapper {
    padding: 0;
  }
  .notifications .page-common__cnt {
    padding: 24px;
  }
  .student-detail .edit-instructor .title-item .right-item app-button .btn span {
    display: none;
  }
}
@media only screen and (max-width: 830px) {
  .footer-top-container {
    flex-direction: column;
    align-items: flex-start;
  }
  .footer .menu-list {
    margin: 32px 0 0;
  }
  .img-card__block .img-card__item {
    min-width: 320px;
    height: 360px;
  }
  .contact__cnt {
    margin: 32px 0 0;
  }
  .contact__cnt .title-item {
    margin: 0 0 12px;
  }
  .contact__cnt .title-item h1 {
    font-size: 32px;
    line-height: 40px;
  }
  .contact__cnt p {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -0.48px;
  }
  .contactUs .contact-form .content__block {
    padding: 32px;
    margin: 32px 0;
  }
  .login-container {
    display: block;
    height: 600px;
  }
  .login-container picture {
    display: none;
  }
  .login-wrapper {
    height: auto;
  }
  .login {
    height: calc(100vh - 252px);
    height: calc(100dvh - 252px);
  }
  .login-form {
    width: 100%;
    padding: 16px;
  }
  .login-form .forgot-btn {
    margin: 16px 0 0;
  }
  .login-form .title-item br {
    display: none;
  }
  .login-form .title__cnt .title-item.small {
    margin: 8px 0 0;
  }
  .login-form .login-form__block {
    margin: 36px 0 0;
    gap: 16px;
  }
  .login-form .contact-form__btn {
    margin: 36px 0 0;
  }
  .login-form.reset-password, .login-form.new-pass {
    width: 100%;
  }
}
@media only screen and (max-height: 820px) and (min-width: 830px) {
  .login-form .contact-form__btn {
    margin: 24px 0 0;
  }
  .login-form.check-email .contact-form__btn, .login-form.new-pass .contact-form__btn {
    margin: 24px 0 0;
  }
  .login-form .text-list__block {
    gap: 8px;
  }
  .login-form .login__mail-text {
    margin: 8px 0 0;
  }
}
@media only screen and (max-width: 768px) {
  .print-test-root .lightbox__cnt {
    margin: 0;
  }
  .hide-mobile {
    display: none !important;
  }
  .header {
    padding: 16px 11px;
  }
  .header .menu-list .menu-item {
    display: none;
  }
  .header .menu-list .yellow-btn {
    margin: 0;
    padding: 6px 10px;
  }
  .header .menu-list .yellow-btn span {
    font-size: 12px;
  }
  .header .menu-list .yellow-btn img {
    margin: 0 6px 0 0;
  }
  .header .logo-item {
    width: 179px;
    height: 32px;
  }
  .header .logo-item img {
    width: 100%;
    height: 100%;
    object-fit: contain;
  }
  .header .mobile-menu {
    display: block;
  }
  .announcement .yellow-btn {
    width: 100%;
  }
  .licenced .text-list__container {
    flex-direction: column;
    align-items: flex-start;
  }
  .licenced .text-list__container .text-list__block {
    width: 100%;
    margin: 12px 0 0;
    gap: 12px;
  }
  .licenced .text-list__container .text-list__block:first-child {
    margin: 0;
  }
  .content__block {
    padding: 24px 20px;
  }
  .contact-form .content__block {
    padding: 24px 20px;
  }
  .contact-form h2, .contact-form p {
    text-align: start;
  }
  .contact-form h2 {
    margin: 0 0 16px;
  }
  .contact-form p {
    margin: 0 0 40px;
  }
  .page-common h2 {
    font-size: 32px;
    line-height: 40px;
  }
  .page-common .safe-area {
    padding: 0 !important;
  }
  .page-common .safe-area .page-common__cnt {
    border-radius: 0;
    padding: 11px !important;
  }
  .copy-block {
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px; /* Öğeler arası boşluk */
  }
  .lightbox .print-test .tab-print-content .tab-print-title {
    flex-direction: column;
  }
  .lightbox .print-test .tab-print-content .tab-print-title .right-block, .lightbox .print-test .tab-print-content .tab-print-title .left-block {
    width: 100%;
  }
  .lightbox .print-test .tab-print-content .status-title {
    flex-direction: column;
  }
  .lightbox .print-test .tab-print-content .status-title .left-block, .lightbox .print-test .tab-print-content .status-title .right-block {
    width: 100%;
  }
  .lightbox .print-test .tab-print-content.opt-4 .sub-title-block, .lightbox .print-test .tab-print-content.opt-3 .sub-title-block {
    flex-direction: column;
  }
  .lightbox .print-test .tab-print-content.opt-4 .tab-print-title, .lightbox .print-test .tab-print-content.opt-3 .tab-print-title {
    flex-direction: column;
  }
  .lightbox .print-test .tab-print-content.opt-4 .tab-print-title .right-block, .lightbox .print-test .tab-print-content.opt-4 .tab-print-title .left-block, .lightbox .print-test .tab-print-content.opt-3 .tab-print-title .right-block, .lightbox .print-test .tab-print-content.opt-3 .tab-print-title .left-block {
    width: 100%;
  }
  .copy-block {
    grid-template-columns: 1fr 1fr; /* Daha geniş ekranlarda iki sütun */
    grid-template-rows: auto auto; /* Yüksekliği otomatik ayarla */
  }
  .copy-block__item:nth-child(3) {
    grid-column: 1/span 2; /* Üçüncü öğe iki sütun boyunca yayılır */
  }
  .copy-block__item p {
    max-width: 312px;
  }
  .header.ds {
    padding: 20px 0;
  }
  .header.ds .mobile-menu-block {
    top: 71px !important;
    border: 1px solid white;
  }
  .header.ds .mobile-menu-block .aside-menu {
    border: none !important;
    width: 100% !important;
    border-radius: unset;
  }
  .header.ds .mobile-menu-block .aside-menu .aside-item {
    width: 100% !important;
  }
  .header.ds .atpl-data-root {
    position: unset;
  }
  .header.ds .atpl-data-popup {
    right: 0;
    top: 71px;
    width: 100%;
    height: 100%;
    border-radius: unset;
  }
  .header.ds .atpl-data-popup .triangle {
    right: 98px;
  }
  .header.ds .profile-popup {
    width: 100%;
    height: 100%;
    padding: 24px 16px 16px;
    right: 0;
    top: 71px;
    border-radius: unset;
  }
  .header.ds .profile-popup .triangle {
    right: 67px;
  }
  .header.ds .profile-popup .btn__cnt {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .header.ds .profile-popup .btn__cnt .profile__item {
    margin: 0 0 0 8px;
    width: 49%;
  }
  .header.ds .profile-popup .btn__cnt .profile__item:first-child {
    margin: 0;
  }
  .header.ds .profile-popup .mobile-name-item {
    display: flex;
    align-items: center;
    border-radius: 8px;
    background: var(--Neutral-50, #F9FAFB);
    width: 100%;
    padding: 8px;
    box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04), 0px 1px 2px 0px rgba(16, 24, 40, 0.04);
  }
  .header.ds .profile-popup .mobile-name-item p {
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    color: var(--Neutral-900, #111827);
  }
  .header.ds .profile-popup .mobile-name-item i {
    margin: 0 8px 0 0;
  }
  .header.ds .profile-popup .mobile-name-item i:before {
    color: rgb(57, 51, 160);
  }
  .header.ds .profile-popup .mobile-username {
    display: flex;
    cursor: pointer;
  }
  .header.ds .menu-list .profile {
    position: unset;
  }
  .student-detail {
    padding: 0 !important;
  }
  .student-detail .page-common__cnt {
    padding: 11px;
  }
  .student-detail .page-common__cnt .title-item {
    align-items: flex-start !important;
  }
  .student-detail .page-common__cnt .title-item .left-item {
    align-items: flex-start !important;
  }
  .student-detail .page-common__cnt .title-item .left-item .back-btn span {
    display: none;
  }
  .student-detail .page-common__cnt .title-item .title-desc {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  .student-detail .page-common__cnt .title-item .title-desc .email {
    flex-direction: column !important;
    align-items: flex-start !important;
    margin: 4px 0 0;
  }
  .student-detail .page-common__cnt .title-item .title-desc .email .dot-block {
    margin: 4px 0 0;
  }
  .student-detail .page-common__cnt .title-item .title-desc .email .dot-block .purple.dot {
    margin: 0 !important;
  }
  .student-detail .page-common__cnt .title-item .right-item app-button .btn span {
    display: none;
  }
  .random .subject_cnt {
    width: 100% !important;
  }
  .random .subject_cnt .select-block {
    width: 100% !important;
  }
  .random .btn {
    width: 100% !important;
  }
  .progress .tab-down {
    padding: 0;
  }
  .lightbox__cnt:not(:has(.alert-box)) {
    width: 100%;
    height: 100vh;
    height: 100dvh;
    padding: 11px;
    overflow-y: auto;
    border-radius: 0;
  }
  .content-item.exam .info-contaniner .info-block {
    padding: 8px 16px !important;
  }
  .content-item.exam .info-contaniner .info-block .right-item h2 {
    margin: 0 !important;
  }
  .content-item.exam .info-contaniner .info-block .left-item {
    margin: 0 !important;
  }
  .content-item.exam .info-contaniner .info-block .left-item i {
    width: 32px !important;
    height: 32px !important;
  }
  .content-item.exam .info-contaniner .info-block .left-item i .icon {
    width: 32px !important;
    height: 32px !important;
  }
  .atpl-data-popup button {
    width: 100%;
  }
}
@media only screen and (max-width: 700px) {
  .announcement .img__block {
    display: none;
  }
}
@media only screen and (max-width: 640px) {
  .region-select__item {
    padding: 9px 8px 9px 12px;
  }
  .footer-bottom-container {
    flex-direction: column-reverse;
    align-items: flex-start;
  }
  .footer-bottom-container .copy-right-block {
    flex-direction: column;
    align-items: flex-start;
  }
  .footer-bottom-container .copy-right-block .copy-right-item {
    margin: 20px 0 0;
  }
  .footer-bottom-container .copy-right-block .copy-right-item:first-child {
    margin: 0;
  }
  .footer-bottom-container .social-menu {
    margin: 20px 0 0;
  }
  .footer .menu-list {
    flex-direction: column;
    align-items: flex-start;
  }
  .footer .menu-list .menu-item {
    margin: 16px 0 0 0;
  }
  .footer .menu-list .menu-item:first-child {
    margin: 0;
  }
  .img-card__block .img-card__item {
    min-width: 272px;
    height: 300px;
  }
  .img-card__item h3 {
    font-size: 24px;
    line-height: 32px;
    margin: 0 0 2px 0;
    letter-spacing: -0.48px;
  }
  .img-card__item p {
    font-size: 14px;
    line-height: 20px;
  }
  .img-card__text {
    padding: 22px;
  }
  .safe-area {
    padding: 0 11px !important;
  }
  .home__form {
    padding: 174px 0 75px;
  }
  .contact-form .content__block {
    margin: 0 11px;
  }
  .contact-form p {
    font-size: 14px;
    line-height: 20px;
  }
  .add-event .lightbox__cnt {
    min-width: unset;
  }
  .home .contact-form .content__block {
    padding: 24px 20px;
  }
  .input-block input, .sbx-item__slc, .input-block .select__item {
    height: 40px;
  }
  .input-block .gg-chevron {
    top: 34px;
  }
  .input-block textarea {
    height: 160px;
  }
  .about__cnt .title-item {
    padding: 0 11px;
    margin: 0 0 8px;
  }
  .about__cnt .title-item h1 {
    font-size: 28px;
  }
  .about__cnt .image-container {
    padding: 0 11px;
  }
  .about__cnt .text-container {
    padding: 0 11px;
  }
  .about__cnt .text-container .text-item {
    margin: 0 0 24px;
  }
  .about__cnt .content-container {
    padding: 0 11px;
  }
  .aboutUs {
    padding: 0;
  }
  .aboutUs .breadcrumb {
    padding: 16px 11px;
  }
  .contact__cnt {
    margin: 24px 0 0;
  }
  .contact__cnt .title-item {
    margin: 0 0 8px;
  }
  .contact__cnt .title-item h1 {
    font-size: 28px;
    line-height: 36px;
  }
  .contactUs .contact-form .content__block {
    padding: 24px 20px;
    margin: 24px 0;
  }
  .contactUs .safe-area {
    padding: 0 11px 24px;
  }
  .copy-block__item {
    padding: 24px 8px;
    height: 264px;
  }
  .copy-block__item p {
    font-size: 14px;
    line-height: 20px;
  }
  .light-yellow-btn {
    padding: 8px 12px;
  }
  .light-yellow-btn span {
    font-size: 12px;
    line-height: 14px;
  }
  .header .menu-list .menu-item span {
    font-size: 12px;
    line-height: 14px;
  }
  .bussiness-lb {
    width: 100%;
  }
  .bussiness-lb .lightbox__cnt {
    width: 100%;
    height: auto;
  }
  .event-detail .lightbox__cnt {
    width: 100%;
    height: 100vh;
  }
  .notifications .page-common__cnt {
    padding: 16px;
  }
  .notifications .page-common__cnt .title-item {
    padding: 16px 0;
  }
  .notifications .safe-area {
    padding: 0;
  }
  .lightbox .bussiness-lb {
    width: 100%;
  }
  .lightbox .add-event-form {
    width: 100%;
    height: auto;
  }
  .add-event-form__flex {
    flex-direction: column;
  }
  .add-event-form__flex .date-picker .time-picker {
    margin: 0 0 0 16px;
  }
}
@media only screen and (max-width: 600px) {
  .img-card__block {
    flex-direction: column;
  }
}
@media only screen and (max-width: 560px) {
  .home__cnt {
    margin: 40px 0 0;
  }
  .banner .text__title {
    margin: 0 0 4px;
  }
  .banner .text__content {
    margin: 0 0 16px;
  }
  .banner__text .text__title h3 {
    font-size: 18px;
    font-weight: 300;
    line-height: 24px;
    letter-spacing: -0.36px;
  }
  .banner__text .text__content p {
    font-size: 32px;
    letter-spacing: -0.64px;
  }
  .banner__text .text__item p {
    font-size: 18px;
    line-height: 24px;
    letter-spacing: -0.36px;
  }
  .purple-btn span {
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
  }
  .announcement h2 {
    margin: 24px 0 0;
  }
  .announcement .yellow-btn {
    margin: 24px 0 0;
  }
  .page-common h2 {
    font-size: 28px;
    line-height: 36px;
    letter-spacing: -0.56px;
    margin: 24px 0 16px;
  }
  .content__block {
    margin: 16px auto 0;
  }
  .licenced .text-list .title {
    font-size: 20px;
    line-height: 28px;
    letter-spacing: -0.4px;
  }
  .licenced .text-list .subTitle {
    margin: 24px 0 0;
  }
  .licenced .text-list__container {
    padding: 16px 0 0;
    margin: 8px 0 0;
  }
  .licenced .text-list__container .text-list__block {
    gap: 8px;
  }
  .licenced .text-list__item {
    align-items: center;
  }
  .licenced .text-list__item p {
    font-size: 14px;
    line-height: 20px;
  }
  .bussiness .content__block {
    padding: 0 16px;
  }
  .contact-form .content__block {
    margin: 0 11px;
  }
  .contact-form__btn {
    flex-direction: column;
    align-items: center;
    margin: 32px 0 0;
  }
  .contact-form__btn app-button {
    width: 100%;
  }
  .contact-form__btn .yellow-btn {
    margin: 16px 0 0;
    width: 100%;
  }
  .dashboard .dashboard-content h2 {
    margin: 0 0 16px;
  }
}
@media only screen and (max-width: 390px) {
  .no-data img {
    width: 107px !important;
    height: 97px !important;
  }
}
@media only screen and (max-width: 380px) {
  .copy-block__item p {
    font-size: 12px;
    line-height: 16px;
  }
}
ngb-datepicker {
  display: block !important;
  font-family: "Roboto" !important;
  z-index: 1000 !important;
  background: white !important;
  border: 1px solid #ddd !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1) !important;
}
ngb-datepicker .ngb-dp-header {
  padding: 10px 0;
}
ngb-datepicker ngb-datepicker-navigation-select > .form-select {
  flex: 1 1 auto;
  padding: 3px;
  font-size: 12px;
  height: 25px;
  width: 70px;
  border-radius: 5px;
  margin: 2px;
  border: 1px solid #A7B6FA;
}
ngb-datepicker ngb-datepicker-navigation-select > .form-select:focus-visible {
  outline: none;
}
ngb-datepicker .ngb-dp-weekday {
  color: #6c757d !important;
  font-weight: bold !important;
  text-align: center !important;
  width: 35px !important;
  height: initial;
  font-size: 14px;
}
ngb-datepicker .ngb-dp-week-number {
  display: none !important;
}
ngb-datepicker [ngbDatepickerDayView] {
  width: 25px;
  height: 25px;
}
ngb-datepicker .ngb-dp-day {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 35px !important;
  height: 35px !important;
  border-radius: 50% !important;
  cursor: pointer !important;
  font-size: 14px;
}
ngb-datepicker .ngb-dp-day.ngb-dp-day:not(.ngb-dp-disabled):not(.ngb-dp-today) {
  background-color: transparent !important;
  color: #495057 !important;
}
ngb-datepicker .ngb-dp-day > div[ng-reflect-selected=true] {
  background-color: #676AED !important;
  color: #fff !important;
  border-radius: 50%;
  padding: 3px 5px;
  box-shadow: 0 2px 4px #676AED !important;
}
ngb-datepicker .ngb-dp-day.ngb-dp-day.range {
  background-color: rgba(102, 112, 227, 0.2) !important;
}
ngb-datepicker .ngb-dp-day.ngb-dp-day.ngb-dp-disabled {
  color: #dcdcdc !important;
  cursor: not-allowed !important;
}
ngb-datepicker .ngb-dp-day:hover:not(.ngb-dp-disabled) {
  background-color: rgba(102, 112, 227, 0.3) !important;
}

app-multi-select .ng-select {
  font-size: 14px !important;
}
app-multi-select .ng-select .ng-select-container {
  padding: 10px 5px;
  border: 1px solid #E5E7EB !important;
  border-radius: 8px !important;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04), 0px 1px 2px 0px rgba(16, 24, 40, 0.04);
}
app-multi-select .ng-select .ng-select-container .ng-value-container {
  padding: 0 !important;
  flex-direction: column;
  align-items: flex-start !important;
  gap: 10px;
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
  overflow: hidden;
}
app-multi-select .ng-select .ng-select-container .ng-value-container .ng-input {
  display: none !important;
}
app-multi-select .ng-select .ng-select-container .ng-value-container .ng-placeholder {
  margin-top: 7px !important;
  color: #374151;
}
app-multi-select .ng-select .ng-select-container .ng-value-container .ng-value {
  margin: 0 !important;
  margin-left: 5px !important;
  font-size: 14px !important;
  max-width: 100%;
}
app-multi-select .ng-select .ng-select-container .ng-value-container .ng-value .selected-item {
  display: flex;
  align-items: center;
  padding: 3px;
}
app-multi-select .ng-select .ng-select-container .ng-value-container .ng-value .selected-item .remove-btn {
  margin-right: 5px;
}
app-multi-select .ng-select .ng-select-container .ng-value-container .ng-value .selected-item .remove-btn i {
  font-size: 12px;
}
app-multi-select .ng-select .ng-select-container .ng-value-container .ng-value .selected-item .item-label {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

app-country-select .ng-select .ng-select-container {
  height: 40px !important;
  line-height: 40px !important;
  border: 1px solid #ebebeb !important;
  border-radius: 8px !important;
  outline: none;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.04), 0px 1px 2px 0px rgba(16, 24, 40, 0.04) !important;
}
app-country-select .ng-select .ng-select-container.ng-has-value {
  position: static;
  font-size: 14px;
}
app-country-select .ng-select .ng-select-container .ng-value {
  min-width: 50px;
  line-height: 40px;
}
app-country-select .ng-select .ng-select-container .ng-value img {
  margin-top: 15px;
  margin-right: 5px;
}
app-country-select .ng-select .ng-select-container .ng-value span {
  position: absolute;
  right: 25px;
  top: 0;
}
app-country-select .ng-select .ng-select-container .ng-value-container .ng-placeholder {
  font-size: 13px !important;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
app-country-select .ng-select .ng-select-container .ng-value-container .ng-value {
  font-size: 14px;
}
app-country-select .ng-select .ng-dropdown-panel .ng-dropdown-header {
  border-bottom: none;
  padding: 5px;
}
app-country-select .ng-select .ng-dropdown-panel .ng-dropdown-header app-textinput .input-block {
  margin: 0;
}
app-country-select .ng-select .ng-dropdown-panel .ng-dropdown-header app-textinput .input-block input {
  padding: 0 12px !important;
}
app-country-select .ng-select .ng-dropdown-panel .ng-dropdown-panel-items {
  padding: 0 0 0 7px;
}
app-country-select .ng-select .ng-dropdown-panel .ng-dropdown-panel-items::-webkit-scrollbar {
  width: 6px;
}
app-country-select .ng-select .ng-dropdown-panel .ng-dropdown-panel-items::-webkit-scrollbar-track {
  border-radius: 8px;
  background: #F3F4F6;
}
app-country-select .ng-select .ng-dropdown-panel .ng-dropdown-panel-items::-webkit-scrollbar-thumb {
  background: #D1D5DB;
  border-radius: 8px;
}
app-country-select .ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
  padding: 0 0 0 3px;
  border-radius: 6px;
  display: flex;
  align-items: center;
  font-size: 12px;
  line-height: 32px;
}
app-country-select .ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option img {
  margin-right: 5px;
}
app-country-select .ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option span.phone-code {
  position: absolute;
  right: 5px;
  color: #b9b9b9;
}
app-country-select .ng-select .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
  background: #F3F4F6;
}
app-country-select .ng-select.region-select {
  width: fit-content;
  position: absolute !important;
  left: 0;
  cursor: pointer;
}
app-country-select .ng-select.region-select .ng-select-container {
  border-width: 1px 0px 1px 1px;
  border-style: solid;
  border-color: #D1D5DB;
  box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.0392156863);
  background: #F3F4F6;
  border-radius: 8px 0px 0px 8px;
  height: 40px !important;
  display: flex;
}
app-country-select .ng-select.region-select.err .ng-select-container {
  border-color: red !important;
}
app-country-select .ng-select.region-select .ng-dropdown-panel {
  min-width: 350px;
}
app-country-select .ng-select.disabled {
  pointer-events: none;
}
app-country-select .ng-select.disabled .ng-select-container {
  color: #9CA3AF;
}

.my-err {
  position: absolute;
  top: 48px;
}

.tab-panel {
  height: calc(100% - 84px);
}
.tab-panel .tab-header {
  padding: 24px;
  background: #F3F4F6;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  overflow-x: auto;
}
.tab-panel .tab-header .tab-item {
  padding: 8px 16px;
  display: flex;
  align-items: center;
  border-radius: 8px;
  cursor: pointer;
  font-size: 14px;
  line-height: 16px;
  font-weight: 500;
}
.tab-panel .tab-header .tab-item .icon {
  margin-right: 8px;
}
.tab-panel .tab-header .tab-item span {
  white-space: nowrap;
}
.tab-panel .tab-header .tab-item.active {
  background-color: #FFF;
  box-shadow: 0 1px 2px 0 rgba(16, 24, 40, 0.04), 0 1px 2px 0 rgba(16, 24, 40, 0.04);
}
.tab-panel .tab-header .tab-item.active i, .tab-panel .tab-header .tab-item.active span {
  color: #524AE1 !important;
}
.tab-panel .tab-content {
  padding: 24px 0 0;
  height: calc(100% - 84px);
}
.tab-panel .tab-content .content-item {
  display: none;
  height: 100%;
}
.tab-panel .tab-content .content-item .up-block {
  padding: 0 24px;
}
.tab-panel .tab-content .content-item .up-block .title p {
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  color: var(--Neutral-900, #111827);
}
.tab-panel .tab-content .content-item.active {
  display: block;
  gap: 24px;
}
.tab-panel .tab-content .content_cnt {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
  margin: 24px 0 0;
  padding: 0 24px 24px;
}
.tab-panel .tab-content .content_cnt .select-block {
  width: 33%;
}
.tab-panel .tab-content .content_cnt .select-block .yellow-btn {
  margin: 24px 0 0;
}

app-lightbox .tab-down {
  padding: 0;
}

.tab-down {
  padding: 0 24px;
}
.tab-down .tab-down-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #E5E7EB;
  border-bottom: 1px solid #E5E7EB;
  max-width: 100vw;
  overflow-x: auto;
}
.tab-down .tab-down-header .tab-down-item {
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px 20px;
  cursor: pointer;
}
.tab-down .tab-down-header .tab-down-item span {
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  margin: 0 0 0 12px;
}
.tab-down .tab-down-header .tab-down-item i, .tab-down .tab-down-header .tab-down-item span {
  color: #374151;
}
.tab-down .tab-down-header .tab-down-item.active {
  background: #EEF2FF;
  border-bottom: 2px solid #524AE1;
}
.tab-down .tab-down-header .tab-down-item.active i, .tab-down .tab-down-header .tab-down-item.active span {
  color: #524AE1;
}
.tab-down .tab-down-content .content-item {
  display: none;
  padding: 24px 0;
}
.tab-down .tab-down-content .content-item.active {
  display: block;
}
.tab-down .tab-down-content .content-item .content_cnt {
  padding: inherit !important;
}

@media only screen and (max-width: 768px) {
  .tab-down {
    padding: 0 11px;
  }
}
.collapse-section {
  background-color: #fff;
  border-radius: 8px;
  border: 1px solid #E5E7EB;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1);
  margin-top: 10px;
}
.collapse-section.collapsed .collapse-header .title i, .collapse-section.collapsed .collapse-header .title span {
  color: #111827 !important;
}
.collapse-section .collapse-header {
  display: flex;
  align-items: center;
  font-weight: bold;
  font-size: 16px;
  cursor: pointer;
  padding: 14px 16px;
}
.collapse-section .collapse-header .title i, .collapse-section .collapse-header .title span {
  color: #3f51b5 !important;
}
.collapse-section .collapse-header .title {
  display: flex;
  align-items: center;
  gap: 8px;
}
.collapse-section .collapse-header .icon-chevron-down, .collapse-section .collapse-header .icon-chevron-up {
  margin-left: auto;
  transition: transform 0.3s;
}
.collapse-section .collapse-content {
  border-top: 1px solid #e0e0e0;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.collapse-section .collapse-content .form-group {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.collapse-section .collapse-content .collapse-buttons {
  display: flex;
  gap: 12px;
  justify-content: end;
}
.collapse-section .collapse-content .table-list-container {
  margin: 0;
  border: none;
}

/**
 * Swiper 11.2.10
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: June 28, 2025
 */
@font-face {
  font-family: "swiper-icons";
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
  /*
  --swiper-preloader-color: var(--swiper-theme-color);
  --swiper-wrapper-transition-timing-function: initial;
  */
}

:host {
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  z-index: 1;
}

.swiper {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
  display: block;
}

.swiper-vertical > .swiper-wrapper {
  flex-direction: column;
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}

.swiper-horizontal {
  touch-action: pan-y;
}

.swiper-vertical {
  touch-action: pan-x;
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
  display: block;
}

.swiper-slide-invisible-blank {
  visibility: hidden;
}

/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}

/* 3D Effects */
.swiper-3d.swiper-css-mode .swiper-wrapper {
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  transform-style: preserve-3d;
}

.swiper-3d {
  perspective: 1200px;
}
.swiper-3d .swiper-slide,
.swiper-3d .swiper-cube-shadow {
  transform-style: preserve-3d;
}

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none; /* For Firefox */
  -ms-overflow-style: none; /* For Internet Explorer and Edge */
}
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-css-mode.swiper-horizontal > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-css-mode.swiper-vertical > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper {
  scroll-snap-type: none;
}
.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: none;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper::before {
  content: "";
  flex-shrink: 0;
  order: 9999;
}
.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
  margin-inline-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
  margin-block-start: var(--swiper-centered-offset-before);
}
.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper::before {
  width: 100%;
  min-width: 1px;
  height: var(--swiper-centered-offset-after);
}

/* Slide styles start */
/* 3D Shadows */
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.15);
}
.swiper-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,
.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader {
  animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/* Slide styles end */
:root {
  /*
  --swiper-pagination-color: var(--swiper-theme-color);
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 8px;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-progressbar-bg-color: rgba(0,0,0,0.25);
  --swiper-pagination-progressbar-size: 4px;
  --swiper-pagination-bullet-size: 8px;
  --swiper-pagination-bullet-width: 8px;
  --swiper-pagination-bullet-height: 8px;
  --swiper-pagination-bullet-border-radius: 50%;
  --swiper-pagination-bullet-inactive-color: #000;
  --swiper-pagination-bullet-inactive-opacity: 0.2;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 4px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  */
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 300ms opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled {
  display: none !important;
}

/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: var(--swiper-pagination-bottom, 8px);
  top: var(--swiper-pagination-top, auto);
  left: 0;
  width: 100%;
}

/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}

.swiper-pagination-bullet {
  width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
  height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
  display: inline-block;
  border-radius: var(--swiper-pagination-bullet-border-radius, 50%);
  background: var(--swiper-pagination-bullet-inactive-color, #000);
  opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
          appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet:only-child {
  display: none !important;
}

.swiper-pagination-bullet-active {
  opacity: var(--swiper-pagination-bullet-opacity, 1);
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
  right: var(--swiper-pagination-right, 8px);
  left: var(--swiper-pagination-left, auto);
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
  display: block;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 200ms transform, 200ms top;
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms left;
}

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 200ms transform, 200ms right;
}

/* Fraction */
.swiper-pagination-fraction {
  color: var(--swiper-pagination-fraction-color, inherit);
}

/* Progress */
.swiper-pagination-progressbar {
  background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25));
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: var(--swiper-pagination-progressbar-size, 4px);
  left: 0;
  top: 0;
}
.swiper-vertical > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
  width: var(--swiper-pagination-progressbar-size, 4px);
  height: 100%;
  left: 0;
  top: 0;
}

.swiper-pagination-lock {
  display: none;
}

body.tour-open {
  overflow: hidden;
}

ngx-guided-tour .guided-tour-user-input-mask {
  z-index: 1081;
}
ngx-guided-tour .guided-tour-spotlight-overlay {
  z-index: 1082;
  border-radius: 8px;
}
ngx-guided-tour .tour-orb {
  z-index: 1079;
  background-color: #625aff;
  box-shadow: 0 0 0.3rem 0.1rem #625aff;
}
ngx-guided-tour .tour-orb .tour-orb-ring::after {
  border: 1rem solid #625aff;
  box-shadow: 0 0 0.1rem 0.1rem #625aff;
}
ngx-guided-tour .tour-step {
  z-index: 1083;
}
ngx-guided-tour .tour-step.tour-bottom .tour-arrow::before, ngx-guided-tour .tour-step.tour-bottom-right .tour-arrow::before, ngx-guided-tour .tour-step.tour-bottom-left .tour-arrow::before {
  width: 0;
  height: 0;
  content: "";
  z-index: 2;
  border-bottom: 1rem solid #ffffff;
  border-left: 1rem solid transparent;
  border-right: 1rem solid transparent;
}
ngx-guided-tour .tour-step.tour-top .tour-arrow::before, ngx-guided-tour .tour-step.tour-top-right .tour-arrow::before, ngx-guided-tour .tour-step.tour-top-left .tour-arrow::before {
  width: 0;
  height: 0;
  content: "";
  z-index: 2;
  border-top: 1rem solid #ffffff;
  border-left: 1rem solid transparent;
  border-right: 1rem solid transparent;
  bottom: 1px !important;
}
ngx-guided-tour .tour-step.tour-left .tour-block {
  transform: translateY(-40%) !important;
}
ngx-guided-tour .tour-step.tour-left .tour-arrow::before {
  width: 0;
  height: 0;
  content: "";
  z-index: 2;
  border-left: 1rem solid #ffffff;
  border-bottom: 1rem solid transparent;
  border-top: 1rem solid transparent;
  top: 11px !important;
}
ngx-guided-tour .tour-step.tour-right .tour-block {
  transform: translateY(-40%) !important;
}
ngx-guided-tour .tour-step.tour-right .tour-arrow::before {
  width: 0;
  height: 0;
  content: "";
  z-index: 2;
  border-right: 1rem solid #ffffff;
  border-bottom: 1rem solid transparent;
  border-top: 1rem solid transparent;
  top: 11px !important;
}
ngx-guided-tour .tour-step .tour-block {
  color: #231f1f;
  background-color: #ffffff;
  box-shadow: 0 0.4rem 0.6rem #4c4c4c;
  border-radius: 8px;
}
ngx-guided-tour .tour-step .tour-buttons button.skip-button {
  color: #5e5e5e;
}
ngx-guided-tour .tour-step .tour-buttons .back-button {
  color: #5e5e5e;
}
ngx-guided-tour .tour-step .tour-buttons .next-button {
  background-color: #FFC100;
  color: #482200;
  border-radius: 8px !important;
  padding: 4px 10px !important;
}
ngx-guided-tour .tour-step .tour-buttons .next-button:hover {
  background-color: #0069d9;
  color: #482200;
}

body.is-order-dragging,
body.is-order-dragging * {
  cursor: grabbing !important;
  -webkit-user-select: none;
          user-select: none;
}
/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
.la-ball-clip-rotate,
.la-ball-clip-rotate > div {
    position: relative;
    box-sizing: border-box;
}

.la-ball-clip-rotate {
    display: block;
    font-size: 0;
    color: #fff;
}

.la-ball-clip-rotate.la-dark {
    color: #333;
}

.la-ball-clip-rotate > div {
    display: inline-block;
    float: none;
    background-color: currentColor;
    border: 0 solid currentColor;
}

.la-ball-clip-rotate {
    width: 32px;
    height: 32px;
}

.la-ball-clip-rotate > div {
    width: 32px;
    height: 32px;
    background: transparent;
    border-width: 2px;
    border-bottom-color: transparent;
    border-radius: 100%;
    animation: ball-clip-rotate .75s linear infinite;
}

.la-ball-clip-rotate.la-sm {
    width: 16px;
    height: 16px;
}

.la-ball-clip-rotate.la-sm > div {
    width: 16px;
    height: 16px;
    border-width: 1px;
}

.la-ball-clip-rotate.la-2x {
    width: 64px;
    height: 64px;
}

.la-ball-clip-rotate.la-2x > div {
    width: 64px;
    height: 64px;
    border-width: 4px;
}

.la-ball-clip-rotate.la-3x {
    width: 96px;
    height: 96px;
}

.la-ball-clip-rotate.la-3x > div {
    width: 96px;
    height: 96px;
    border-width: 6px;
}

/*
 * Animation
 */
@keyframes ball-clip-rotate {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.ng-select.ng-select-opened>.ng-select-container{background:#fff;border-color:hsl(0,0%,70%) #ccc hsl(0,0%,85%)}.ng-select.ng-select-opened>.ng-select-container:hover{box-shadow:none}.ng-select.ng-select-opened>.ng-select-container .ng-arrow{top:-2px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) #999;border-width:0 5px 5px}.ng-select.ng-select-opened>.ng-select-container .ng-arrow:hover{border-color:rgba(0,0,0,0) rgba(0,0,0,0) #333}.ng-select.ng-select-opened.ng-select-top>.ng-select-container{border-top-right-radius:0;border-top-left-radius:0}.ng-select.ng-select-opened.ng-select-right>.ng-select-container{border-top-right-radius:0;border-bottom-right-radius:0}.ng-select.ng-select-opened.ng-select-bottom>.ng-select-container{border-bottom-right-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-opened.ng-select-left>.ng-select-container{border-top-left-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-focused:not(.ng-select-opened)>.ng-select-container{border-color:#007eff;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 0 3px rgba(0,126,255,.1)}.ng-select.ng-select-disabled>.ng-select-container{background-color:#f9f9f9}.ng-select .ng-has-value .ng-placeholder{display:none}.ng-select .ng-select-container{color:#333;background-color:#fff;border-radius:4px;border:1px solid #ccc;min-height:36px;align-items:center}.ng-select .ng-select-container:hover{box-shadow:0 1px 0 rgba(0,0,0,.06)}.ng-select .ng-select-container .ng-value-container{align-items:center;padding-left:10px}[dir=rtl] .ng-select .ng-select-container .ng-value-container{padding-right:10px;padding-left:0}.ng-select .ng-select-container .ng-value-container .ng-placeholder{color:#999}.ng-select.ng-select-single .ng-select-container{height:36px}.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{top:5px;left:0;padding-left:10px;padding-right:50px}[dir=rtl] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{padding-right:10px;padding-left:50px}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value{background-color:#f9f9f9;border:1px solid hsl(0,0%,90%)}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-label{padding:0 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-top:5px;padding-left:7px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-right:7px;padding-left:0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{font-size:.9em;margin-bottom:5px;color:#333;background-color:rgb(234.6,244.68,255);border-radius:2px;margin-right:5px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{margin-right:0;margin-left:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled{background-color:#f9f9f9}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:5px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:0;padding-right:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label{display:inline-block;padding:1px 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{display:inline-block;padding:1px 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover{background-color:rgb(209.1,231.78,255)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-right:1px solid rgb(183.6,218.88,255)}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-left:1px solid rgb(183.6,218.88,255);border-right:none}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:1px solid rgb(183.6,218.88,255)}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:0;border-right:1px solid rgb(183.6,218.88,255)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 0 3px 3px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{padding:0 3px 3px 0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input>input{color:#000}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{top:5px;padding-bottom:5px;padding-left:3px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder{padding-right:3px;padding-left:0}.ng-select .ng-clear-wrapper{color:#999}.ng-select .ng-clear-wrapper:hover .ng-clear{color:#d0021b}.ng-select .ng-clear-wrapper:focus .ng-clear{color:#d0021b}.ng-select .ng-clear-wrapper:focus{outline:none}.ng-select .ng-spinner-zone{padding:5px 5px 0 0}[dir=rtl] .ng-select .ng-spinner-zone{padding:5px 0 0 5px}.ng-select .ng-arrow-wrapper{width:25px;padding-right:5px}[dir=rtl] .ng-select .ng-arrow-wrapper{padding-left:5px;padding-right:0}.ng-select .ng-arrow-wrapper:hover .ng-arrow{border-top-color:#666}.ng-select .ng-arrow-wrapper .ng-arrow{border-color:#999 rgba(0,0,0,0) rgba(0,0,0,0);border-style:solid;border-width:5px 5px 2.5px}.ng-dropdown-panel{background-color:#fff;border:1px solid #ccc;box-shadow:0 1px 0 rgba(0,0,0,.06);left:0}.ng-dropdown-panel.ng-select-top{bottom:100%;border-top-right-radius:4px;border-top-left-radius:4px;border-bottom-color:hsl(0,0%,90%);margin-bottom:-1px}.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px;border-top-left-radius:4px}.ng-dropdown-panel.ng-select-right{left:100%;top:0;border-top-right-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:hsl(0,0%,90%);margin-bottom:-1px}.ng-dropdown-panel.ng-select-right .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:4px}.ng-dropdown-panel.ng-select-bottom{top:100%;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-top-color:hsl(0,0%,90%);margin-top:-1px}.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child{border-bottom-right-radius:4px;border-bottom-left-radius:4px}.ng-dropdown-panel.ng-select-left{left:-100%;top:0;border-top-left-radius:4px;border-bottom-right-radius:4px;border-bottom-left-radius:4px;border-bottom-color:hsl(0,0%,90%);margin-bottom:-1px}.ng-dropdown-panel.ng-select-left .ng-dropdown-panel-items .ng-option:first-child{border-top-left-radius:4px}.ng-dropdown-panel .ng-dropdown-header{border-bottom:1px solid #ccc;padding:5px 7px}.ng-dropdown-panel .ng-dropdown-footer{border-top:1px solid #ccc;padding:5px 7px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{-webkit-user-select:none;user-select:none;padding:8px 10px;font-weight:500;color:rgba(0,0,0,.54);cursor:pointer}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled{cursor:default}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked{background-color:rgb(244.8,249.84,255)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked{color:rgba(0,0,0,.54);background-color:rgb(234.6,244.68,255);font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{background-color:#fff;color:rgba(0,0,0,.87);padding:8px 10px}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{color:#333;background-color:rgb(234.6,244.68,255)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label{font-weight:600}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background-color:rgb(244.8,249.84,255);color:#333}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:#ccc}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:22px}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-right:22px;padding-left:0}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{font-size:80%;font-weight:400;padding-right:5px}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{padding-left:5px;padding-right:0}[dir=rtl] .ng-dropdown-panel{direction:rtl;text-align:right}