/*
* Remix Icon v2.5.0
* https://remixicon.com
* https://github.com/Remix-Design/RemixIcon
*
* Copyright RemixIcon.com
* Released under the Apache License Version 2.0
*
* Date: 2020-05-23
*/
@font-face {
  font-family: "remixicon";
  src: url('remixicon.eot?t=1590207869815');
  /* IE9*/
  src: url('remixicon.eot?t=1590207869815#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    url("remixicon.woff2?t=1590207869815") format("woff2"),
    url("remixicon.woff?t=1590207869815") format("woff"),
    url('remixicon.ttf?t=1590207869815') format('truetype'),
    /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
    url('remixicon.svg?t=1590207869815#remixicon') format('svg');
  /* iOS 4.1- */
  font-display: swap;
}

[class^="ri-"],
[class*=" ri-"] {
  font-family: 'remixicon' !important;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ri-lg {
  font-size: 1.3333em;
  line-height: 0.75em;
  vertical-align: -.0667em;
}

.ri-xl {
  font-size: 1.5em;
  line-height: 0.6666em;
  vertical-align: -.075em;
}

.ri-xxs {
  font-size: .5em;
}

.ri-xs {
  font-size: .75em;
}

.ri-sm {
  font-size: .875em
}

.ri-1x {
  font-size: 1em;
}

.ri-2x {
  font-size: 2em;
}

.ri-3x {
  font-size: 3em;
}

.ri-4x {
  font-size: 4em;
}

.ri-5x {
  font-size: 5em;
}

.ri-6x {
  font-size: 6em;
}

.ri-7x {
  font-size: 7em;
}

.ri-8x {
  font-size: 8em;
}

.ri-9x {
  font-size: 9em;
}

.ri-10x {
  font-size: 10em;
}

.ri-fw {
  text-align: center;
  width: 1.25em;
}

.ri-24-hours-fill:before {
  content: "\ea01";
}

.ri-24-hours-line:before {
  content: "\ea02";
}

.ri-4k-fill:before {
  content: "\ea03";
}

.ri-4k-line:before {
  content: "\ea04";
}

.ri-a-b:before {
  content: "\ea05";
}

.ri-account-box-fill:before {
  content: "\ea06";
}

.ri-account-box-line:before {
  content: "\ea07";
}

.ri-account-circle-fill:before {
  content: "\ea08";
}

.ri-account-circle-line:before {
  content: "\ea09";
}

.ri-account-pin-box-fill:before {
  content: "\ea0a";
}

.ri-account-pin-box-line:before {
  content: "\ea0b";
}

.ri-account-pin-circle-fill:before {
  content: "\ea0c";
}

.ri-account-pin-circle-line:before {
  content: "\ea0d";
}

.ri-add-box-fill:before {
  content: "\ea0e";
}

.ri-add-box-line:before {
  content: "\ea0f";
}

.ri-add-circle-fill:before {
  content: "\ea10";
}

.ri-add-circle-line:before {
  content: "\ea11";
}

.ri-add-fill:before {
  content: "\ea12";
}

.ri-add-line:before {
  content: "\ea13";
}

.ri-admin-fill:before {
  content: "\ea14";
}

.ri-admin-line:before {
  content: "\ea15";
}

.ri-advertisement-fill:before {
  content: "\ea16";
}

.ri-advertisement-line:before {
  content: "\ea17";
}

.ri-airplay-fill:before {
  content: "\ea18";
}

.ri-airplay-line:before {
  content: "\ea19";
}

.ri-alarm-fill:before {
  content: "\ea1a";
}

.ri-alarm-line:before {
  content: "\ea1b";
}

.ri-alarm-warning-fill:before {
  content: "\ea1c";
}

.ri-alarm-warning-line:before {
  content: "\ea1d";
}

.ri-album-fill:before {
  content: "\ea1e";
}

.ri-album-line:before {
  content: "\ea1f";
}

.ri-alert-fill:before {
  content: "\ea20";
}

.ri-alert-line:before {
  content: "\ea21";
}

.ri-aliens-fill:before {
  content: "\ea22";
}

.ri-aliens-line:before {
  content: "\ea23";
}

.ri-align-bottom:before {
  content: "\ea24";
}

.ri-align-center:before {
  content: "\ea25";
}

.ri-align-justify:before {
  content: "\ea26";
}

.ri-align-left:before {
  content: "\ea27";
}

.ri-align-right:before {
  content: "\ea28";
}

.ri-align-top:before {
  content: "\ea29";
}

.ri-align-vertically:before {
  content: "\ea2a";
}

.ri-alipay-fill:before {
  content: "\ea2b";
}

.ri-alipay-line:before {
  content: "\ea2c";
}

.ri-amazon-fill:before {
  content: "\ea2d";
}

.ri-amazon-line:before {
  content: "\ea2e";
}

.ri-anchor-fill:before {
  content: "\ea2f";
}

.ri-anchor-line:before {
  content: "\ea30";
}

.ri-ancient-gate-fill:before {
  content: "\ea31";
}

.ri-ancient-gate-line:before {
  content: "\ea32";
}

.ri-ancient-pavilion-fill:before {
  content: "\ea33";
}

.ri-ancient-pavilion-line:before {
  content: "\ea34";
}

.ri-android-fill:before {
  content: "\ea35";
}

.ri-android-line:before {
  content: "\ea36";
}

.ri-angularjs-fill:before {
  content: "\ea37";
}

.ri-angularjs-line:before {
  content: "\ea38";
}

.ri-anticlockwise-2-fill:before {
  content: "\ea39";
}

.ri-anticlockwise-2-line:before {
  content: "\ea3a";
}

.ri-anticlockwise-fill:before {
  content: "\ea3b";
}

.ri-anticlockwise-line:before {
  content: "\ea3c";
}

.ri-app-store-fill:before {
  content: "\ea3d";
}

.ri-app-store-line:before {
  content: "\ea3e";
}

.ri-apple-fill:before {
  content: "\ea3f";
}

.ri-apple-line:before {
  content: "\ea40";
}

.ri-apps-2-fill:before {
  content: "\ea41";
}

.ri-apps-2-line:before {
  content: "\ea42";
}

.ri-apps-fill:before {
  content: "\ea43";
}

.ri-apps-line:before {
  content: "\ea44";
}

.ri-archive-drawer-fill:before {
  content: "\ea45";
}

.ri-archive-drawer-line:before {
  content: "\ea46";
}

.ri-archive-fill:before {
  content: "\ea47";
}

.ri-archive-line:before {
  content: "\ea48";
}

.ri-arrow-down-circle-fill:before {
  content: "\ea49";
}

.ri-arrow-down-circle-line:before {
  content: "\ea4a";
}

.ri-arrow-down-fill:before {
  content: "\ea4b";
}

.ri-arrow-down-line:before {
  content: "\ea4c";
}

.ri-arrow-down-s-fill:before {
  content: "\ea4d";
}

.ri-arrow-down-s-line:before {
  content: "\ea4e";
}

.ri-arrow-drop-down-fill:before {
  content: "\ea4f";
}

.ri-arrow-drop-down-line:before {
  content: "\ea50";
}

.ri-arrow-drop-left-fill:before {
  content: "\ea51";
}

.ri-arrow-drop-left-line:before {
  content: "\ea52";
}

.ri-arrow-drop-right-fill:before {
  content: "\ea53";
}

.ri-arrow-drop-right-line:before {
  content: "\ea54";
}

.ri-arrow-drop-up-fill:before {
  content: "\ea55";
}

.ri-arrow-drop-up-line:before {
  content: "\ea56";
}

.ri-arrow-go-back-fill:before {
  content: "\ea57";
}

.ri-arrow-go-back-line:before {
  content: "\ea58";
}

.ri-arrow-go-forward-fill:before {
  content: "\ea59";
}

.ri-arrow-go-forward-line:before {
  content: "\ea5a";
}

.ri-arrow-left-circle-fill:before {
  content: "\ea5b";
}

.ri-arrow-left-circle-line:before {
  content: "\ea5c";
}

.ri-arrow-left-down-fill:before {
  content: "\ea5d";
}

.ri-arrow-left-down-line:before {
  content: "\ea5e";
}

.ri-arrow-left-fill:before {
  content: "\ea5f";
}

.ri-arrow-left-line:before {
  content: "\ea60";
}

.ri-arrow-left-right-fill:before {
  content: "\ea61";
}

.ri-arrow-left-right-line:before {
  content: "\ea62";
}

.ri-arrow-left-s-fill:before {
  content: "\ea63";
}

.ri-arrow-left-s-line:before {
  content: "\ea64";
}

.ri-arrow-left-up-fill:before {
  content: "\ea65";
}

.ri-arrow-left-up-line:before {
  content: "\ea66";
}

.ri-arrow-right-circle-fill:before {
  content: "\ea67";
}

.ri-arrow-right-circle-line:before {
  content: "\ea68";
}

.ri-arrow-right-down-fill:before {
  content: "\ea69";
}

.ri-arrow-right-down-line:before {
  content: "\ea6a";
}

.ri-arrow-right-fill:before {
  content: "\ea6b";
}

.ri-arrow-right-line:before {
  content: "\ea6c";
}

.ri-arrow-right-s-fill:before {
  content: "\ea6d";
}

.ri-arrow-right-s-line:before {
  content: "\ea6e";
}

.ri-arrow-right-up-fill:before {
  content: "\ea6f";
}

.ri-arrow-right-up-line:before {
  content: "\ea70";
}

.ri-arrow-up-circle-fill:before {
  content: "\ea71";
}

.ri-arrow-up-circle-line:before {
  content: "\ea72";
}

.ri-arrow-up-down-fill:before {
  content: "\ea73";
}

.ri-arrow-up-down-line:before {
  content: "\ea74";
}

.ri-arrow-up-fill:before {
  content: "\ea75";
}

.ri-arrow-up-line:before {
  content: "\ea76";
}

.ri-arrow-up-s-fill:before {
  content: "\ea77";
}

.ri-arrow-up-s-line:before {
  content: "\ea78";
}

.ri-artboard-2-fill:before {
  content: "\ea79";
}

.ri-artboard-2-line:before {
  content: "\ea7a";
}

.ri-artboard-fill:before {
  content: "\ea7b";
}

.ri-artboard-line:before {
  content: "\ea7c";
}

.ri-article-fill:before {
  content: "\ea7d";
}

.ri-article-line:before {
  content: "\ea7e";
}

.ri-aspect-ratio-fill:before {
  content: "\ea7f";
}

.ri-aspect-ratio-line:before {
  content: "\ea80";
}

.ri-asterisk:before {
  content: "\ea81";
}

.ri-at-fill:before {
  content: "\ea82";
}

.ri-at-line:before {
  content: "\ea83";
}

.ri-attachment-2:before {
  content: "\ea84";
}

.ri-attachment-fill:before {
  content: "\ea85";
}

.ri-attachment-line:before {
  content: "\ea86";
}

.ri-auction-fill:before {
  content: "\ea87";
}

.ri-auction-line:before {
  content: "\ea88";
}

.ri-award-fill:before {
  content: "\ea89";
}

.ri-award-line:before {
  content: "\ea8a";
}

.ri-baidu-fill:before {
  content: "\ea8b";
}

.ri-baidu-line:before {
  content: "\ea8c";
}

.ri-ball-pen-fill:before {
  content: "\ea8d";
}

.ri-ball-pen-line:before {
  content: "\ea8e";
}

.ri-bank-card-2-fill:before {
  content: "\ea8f";
}

.ri-bank-card-2-line:before {
  content: "\ea90";
}

.ri-bank-card-fill:before {
  content: "\ea91";
}

.ri-bank-card-line:before {
  content: "\ea92";
}

.ri-bank-fill:before {
  content: "\ea93";
}

.ri-bank-line:before {
  content: "\ea94";
}

.ri-bar-chart-2-fill:before {
  content: "\ea95";
}

.ri-bar-chart-2-line:before {
  content: "\ea96";
}

.ri-bar-chart-box-fill:before {
  content: "\ea97";
}

.ri-bar-chart-box-line:before {
  content: "\ea98";
}

.ri-bar-chart-fill:before {
  content: "\ea99";
}

.ri-bar-chart-grouped-fill:before {
  content: "\ea9a";
}

.ri-bar-chart-grouped-line:before {
  content: "\ea9b";
}

.ri-bar-chart-horizontal-fill:before {
  content: "\ea9c";
}

.ri-bar-chart-horizontal-line:before {
  content: "\ea9d";
}

.ri-bar-chart-line:before {
  content: "\ea9e";
}

.ri-barcode-box-fill:before {
  content: "\ea9f";
}

.ri-barcode-box-line:before {
  content: "\eaa0";
}

.ri-barcode-fill:before {
  content: "\eaa1";
}

.ri-barcode-line:before {
  content: "\eaa2";
}

.ri-barricade-fill:before {
  content: "\eaa3";
}

.ri-barricade-line:before {
  content: "\eaa4";
}

.ri-base-station-fill:before {
  content: "\eaa5";
}

.ri-base-station-line:before {
  content: "\eaa6";
}

.ri-basketball-fill:before {
  content: "\eaa7";
}

.ri-basketball-line:before {
  content: "\eaa8";
}

.ri-battery-2-charge-fill:before {
  content: "\eaa9";
}

.ri-battery-2-charge-line:before {
  content: "\eaaa";
}

.ri-battery-2-fill:before {
  content: "\eaab";
}

.ri-battery-2-line:before {
  content: "\eaac";
}

.ri-battery-charge-fill:before {
  content: "\eaad";
}

.ri-battery-charge-line:before {
  content: "\eaae";
}

.ri-battery-fill:before {
  content: "\eaaf";
}

.ri-battery-line:before {
  content: "\eab0";
}

.ri-battery-low-fill:before {
  content: "\eab1";
}

.ri-battery-low-line:before {
  content: "\eab2";
}

.ri-battery-saver-fill:before {
  content: "\eab3";
}

.ri-battery-saver-line:before {
  content: "\eab4";
}

.ri-battery-share-fill:before {
  content: "\eab5";
}

.ri-battery-share-line:before {
  content: "\eab6";
}

.ri-bear-smile-fill:before {
  content: "\eab7";
}

.ri-bear-smile-line:before {
  content: "\eab8";
}

.ri-behance-fill:before {
  content: "\eab9";
}

.ri-behance-line:before {
  content: "\eaba";
}

.ri-bell-fill:before {
  content: "\eabb";
}

.ri-bell-line:before {
  content: "\eabc";
}

.ri-bike-fill:before {
  content: "\eabd";
}

.ri-bike-line:before {
  content: "\eabe";
}

.ri-bilibili-fill:before {
  content: "\eabf";
}

.ri-bilibili-line:before {
  content: "\eac0";
}

.ri-bill-fill:before {
  content: "\eac1";
}

.ri-bill-line:before {
  content: "\eac2";
}

.ri-billiards-fill:before {
  content: "\eac3";
}

.ri-billiards-line:before {
  content: "\eac4";
}

.ri-bit-coin-fill:before {
  content: "\eac5";
}

.ri-bit-coin-line:before {
  content: "\eac6";
}

.ri-blaze-fill:before {
  content: "\eac7";
}

.ri-blaze-line:before {
  content: "\eac8";
}

.ri-bluetooth-connect-fill:before {
  content: "\eac9";
}

.ri-bluetooth-connect-line:before {
  content: "\eaca";
}

.ri-bluetooth-fill:before {
  content: "\eacb";
}

.ri-bluetooth-line:before {
  content: "\eacc";
}

.ri-blur-off-fill:before {
  content: "\eacd";
}

.ri-blur-off-line:before {
  content: "\eace";
}

.ri-body-scan-fill:before {
  content: "\eacf";
}

.ri-body-scan-line:before {
  content: "\ead0";
}

.ri-bold:before {
  content: "\ead1";
}

.ri-book-2-fill:before {
  content: "\ead2";
}

.ri-book-2-line:before {
  content: "\ead3";
}

.ri-book-3-fill:before {
  content: "\ead4";
}

.ri-book-3-line:before {
  content: "\ead5";
}

.ri-book-fill:before {
  content: "\ead6";
}

.ri-book-line:before {
  content: "\ead7";
}

.ri-book-mark-fill:before {
  content: "\ead8";
}

.ri-book-mark-line:before {
  content: "\ead9";
}

.ri-book-open-fill:before {
  content: "\eada";
}

.ri-book-open-line:before {
  content: "\eadb";
}

.ri-book-read-fill:before {
  content: "\eadc";
}

.ri-book-read-line:before {
  content: "\eadd";
}

.ri-booklet-fill:before {
  content: "\eade";
}

.ri-booklet-line:before {
  content: "\eadf";
}

.ri-bookmark-2-fill:before {
  content: "\eae0";
}

.ri-bookmark-2-line:before {
  content: "\eae1";
}

.ri-bookmark-3-fill:before {
  content: "\eae2";
}

.ri-bookmark-3-line:before {
  content: "\eae3";
}

.ri-bookmark-fill:before {
  content: "\eae4";
}

.ri-bookmark-line:before {
  content: "\eae5";
}

.ri-boxing-fill:before {
  content: "\eae6";
}

.ri-boxing-line:before {
  content: "\eae7";
}

.ri-braces-fill:before {
  content: "\eae8";
}

.ri-braces-line:before {
  content: "\eae9";
}

.ri-brackets-fill:before {
  content: "\eaea";
}

.ri-brackets-line:before {
  content: "\eaeb";
}

.ri-briefcase-2-fill:before {
  content: "\eaec";
}

.ri-briefcase-2-line:before {
  content: "\eaed";
}

.ri-briefcase-3-fill:before {
  content: "\eaee";
}

.ri-briefcase-3-line:before {
  content: "\eaef";
}

.ri-briefcase-4-fill:before {
  content: "\eaf0";
}

.ri-briefcase-4-line:before {
  content: "\eaf1";
}

.ri-briefcase-5-fill:before {
  content: "\eaf2";
}

.ri-briefcase-5-line:before {
  content: "\eaf3";
}

.ri-briefcase-fill:before {
  content: "\eaf4";
}

.ri-briefcase-line:before {
  content: "\eaf5";
}

.ri-bring-forward:before {
  content: "\eaf6";
}

.ri-bring-to-front:before {
  content: "\eaf7";
}

.ri-broadcast-fill:before {
  content: "\eaf8";
}

.ri-broadcast-line:before {
  content: "\eaf9";
}

.ri-brush-2-fill:before {
  content: "\eafa";
}

.ri-brush-2-line:before {
  content: "\eafb";
}

.ri-brush-3-fill:before {
  content: "\eafc";
}

.ri-brush-3-line:before {
  content: "\eafd";
}

.ri-brush-4-fill:before {
  content: "\eafe";
}

.ri-brush-4-line:before {
  content: "\eaff";
}

.ri-brush-fill:before {
  content: "\eb00";
}

.ri-brush-line:before {
  content: "\eb01";
}

.ri-bubble-chart-fill:before {
  content: "\eb02";
}

.ri-bubble-chart-line:before {
  content: "\eb03";
}

.ri-bug-2-fill:before {
  content: "\eb04";
}

.ri-bug-2-line:before {
  content: "\eb05";
}

.ri-bug-fill:before {
  content: "\eb06";
}

.ri-bug-line:before {
  content: "\eb07";
}

.ri-building-2-fill:before {
  content: "\eb08";
}

.ri-building-2-line:before {
  content: "\eb09";
}

.ri-building-3-fill:before {
  content: "\eb0a";
}

.ri-building-3-line:before {
  content: "\eb0b";
}

.ri-building-4-fill:before {
  content: "\eb0c";
}

.ri-building-4-line:before {
  content: "\eb0d";
}

.ri-building-fill:before {
  content: "\eb0e";
}

.ri-building-line:before {
  content: "\eb0f";
}

.ri-bus-2-fill:before {
  content: "\eb10";
}

.ri-bus-2-line:before {
  content: "\eb11";
}

.ri-bus-fill:before {
  content: "\eb12";
}

.ri-bus-line:before {
  content: "\eb13";
}

.ri-bus-wifi-fill:before {
  content: "\eb14";
}

.ri-bus-wifi-line:before {
  content: "\eb15";
}

.ri-cactus-fill:before {
  content: "\eb16";
}

.ri-cactus-line:before {
  content: "\eb17";
}

.ri-cake-2-fill:before {
  content: "\eb18";
}

.ri-cake-2-line:before {
  content: "\eb19";
}

.ri-cake-3-fill:before {
  content: "\eb1a";
}

.ri-cake-3-line:before {
  content: "\eb1b";
}

.ri-cake-fill:before {
  content: "\eb1c";
}

.ri-cake-line:before {
  content: "\eb1d";
}

.ri-calculator-fill:before {
  content: "\eb1e";
}

.ri-calculator-line:before {
  content: "\eb1f";
}

.ri-calendar-2-fill:before {
  content: "\eb20";
}

.ri-calendar-2-line:before {
  content: "\eb21";
}

.ri-calendar-check-fill:before {
  content: "\eb22";
}

.ri-calendar-check-line:before {
  content: "\eb23";
}

.ri-calendar-event-fill:before {
  content: "\eb24";
}

.ri-calendar-event-line:before {
  content: "\eb25";
}

.ri-calendar-fill:before {
  content: "\eb26";
}

.ri-calendar-line:before {
  content: "\eb27";
}

.ri-calendar-todo-fill:before {
  content: "\eb28";
}

.ri-calendar-todo-line:before {
  content: "\eb29";
}

.ri-camera-2-fill:before {
  content: "\eb2a";
}

.ri-camera-2-line:before {
  content: "\eb2b";
}

.ri-camera-3-fill:before {
  content: "\eb2c";
}

.ri-camera-3-line:before {
  content: "\eb2d";
}

.ri-camera-fill:before {
  content: "\eb2e";
}

.ri-camera-lens-fill:before {
  content: "\eb2f";
}

.ri-camera-lens-line:before {
  content: "\eb30";
}

.ri-camera-line:before {
  content: "\eb31";
}

.ri-camera-off-fill:before {
  content: "\eb32";
}

.ri-camera-off-line:before {
  content: "\eb33";
}

.ri-camera-switch-fill:before {
  content: "\eb34";
}

.ri-camera-switch-line:before {
  content: "\eb35";
}

.ri-capsule-fill:before {
  content: "\eb36";
}

.ri-capsule-line:before {
  content: "\eb37";
}

.ri-car-fill:before {
  content: "\eb38";
}

.ri-car-line:before {
  content: "\eb39";
}

.ri-car-washing-fill:before {
  content: "\eb3a";
}

.ri-car-washing-line:before {
  content: "\eb3b";
}

.ri-caravan-fill:before {
  content: "\eb3c";
}

.ri-caravan-line:before {
  content: "\eb3d";
}

.ri-cast-fill:before {
  content: "\eb3e";
}

.ri-cast-line:before {
  content: "\eb3f";
}

.ri-cellphone-fill:before {
  content: "\eb40";
}

.ri-cellphone-line:before {
  content: "\eb41";
}

.ri-celsius-fill:before {
  content: "\eb42";
}

.ri-celsius-line:before {
  content: "\eb43";
}

.ri-centos-fill:before {
  content: "\eb44";
}

.ri-centos-line:before {
  content: "\eb45";
}

.ri-character-recognition-fill:before {
  content: "\eb46";
}

.ri-character-recognition-line:before {
  content: "\eb47";
}

.ri-charging-pile-2-fill:before {
  content: "\eb48";
}

.ri-charging-pile-2-line:before {
  content: "\eb49";
}

.ri-charging-pile-fill:before {
  content: "\eb4a";
}

.ri-charging-pile-line:before {
  content: "\eb4b";
}

.ri-chat-1-fill:before {
  content: "\eb4c";
}

.ri-chat-1-line:before {
  content: "\eb4d";
}

.ri-chat-2-fill:before {
  content: "\eb4e";
}

.ri-chat-2-line:before {
  content: "\eb4f";
}

.ri-chat-3-fill:before {
  content: "\eb50";
}

.ri-chat-3-line:before {
  content: "\eb51";
}

.ri-chat-4-fill:before {
  content: "\eb52";
}

.ri-chat-4-line:before {
  content: "\eb53";
}

.ri-chat-check-fill:before {
  content: "\eb54";
}

.ri-chat-check-line:before {
  content: "\eb55";
}

.ri-chat-delete-fill:before {
  content: "\eb56";
}

.ri-chat-delete-line:before {
  content: "\eb57";
}

.ri-chat-download-fill:before {
  content: "\eb58";
}

.ri-chat-download-line:before {
  content: "\eb59";
}

.ri-chat-follow-up-fill:before {
  content: "\eb5a";
}

.ri-chat-follow-up-line:before {
  content: "\eb5b";
}

.ri-chat-forward-fill:before {
  content: "\eb5c";
}

.ri-chat-forward-line:before {
  content: "\eb5d";
}

.ri-chat-heart-fill:before {
  content: "\eb5e";
}

.ri-chat-heart-line:before {
  content: "\eb5f";
}

.ri-chat-history-fill:before {
  content: "\eb60";
}

.ri-chat-history-line:before {
  content: "\eb61";
}

.ri-chat-new-fill:before {
  content: "\eb62";
}

.ri-chat-new-line:before {
  content: "\eb63";
}

.ri-chat-off-fill:before {
  content: "\eb64";
}

.ri-chat-off-line:before {
  content: "\eb65";
}

.ri-chat-poll-fill:before {
  content: "\eb66";
}

.ri-chat-poll-line:before {
  content: "\eb67";
}

.ri-chat-private-fill:before {
  content: "\eb68";
}

.ri-chat-private-line:before {
  content: "\eb69";
}

.ri-chat-quote-fill:before {
  content: "\eb6a";
}

.ri-chat-quote-line:before {
  content: "\eb6b";
}

.ri-chat-settings-fill:before {
  content: "\eb6c";
}

.ri-chat-settings-line:before {
  content: "\eb6d";
}

.ri-chat-smile-2-fill:before {
  content: "\eb6e";
}

.ri-chat-smile-2-line:before {
  content: "\eb6f";
}

.ri-chat-smile-3-fill:before {
  content: "\eb70";
}

.ri-chat-smile-3-line:before {
  content: "\eb71";
}

.ri-chat-smile-fill:before {
  content: "\eb72";
}

.ri-chat-smile-line:before {
  content: "\eb73";
}

.ri-chat-upload-fill:before {
  content: "\eb74";
}

.ri-chat-upload-line:before {
  content: "\eb75";
}

.ri-chat-voice-fill:before {
  content: "\eb76";
}

.ri-chat-voice-line:before {
  content: "\eb77";
}

.ri-check-double-fill:before {
  content: "\eb78";
}

.ri-check-double-line:before {
  content: "\eb79";
}

.ri-check-fill:before {
  content: "\eb7a";
}

.ri-check-line:before {
  content: "\eb7b";
}

.ri-checkbox-blank-circle-fill:before {
  content: "\eb7c";
}

.ri-checkbox-blank-circle-line:before {
  content: "\eb7d";
}

.ri-checkbox-blank-fill:before {
  content: "\eb7e";
}

.ri-checkbox-blank-line:before {
  content: "\eb7f";
}

.ri-checkbox-circle-fill:before {
  content: "\eb80";
}

.ri-checkbox-circle-line:before {
  content: "\eb81";
}

.ri-checkbox-fill:before {
  content: "\eb82";
}

.ri-checkbox-indeterminate-fill:before {
  content: "\eb83";
}

.ri-checkbox-indeterminate-line:before {
  content: "\eb84";
}

.ri-checkbox-line:before {
  content: "\eb85";
}

.ri-checkbox-multiple-blank-fill:before {
  content: "\eb86";
}

.ri-checkbox-multiple-blank-line:before {
  content: "\eb87";
}

.ri-checkbox-multiple-fill:before {
  content: "\eb88";
}

.ri-checkbox-multiple-line:before {
  content: "\eb89";
}

.ri-china-railway-fill:before {
  content: "\eb8a";
}

.ri-china-railway-line:before {
  content: "\eb8b";
}

.ri-chrome-fill:before {
  content: "\eb8c";
}

.ri-chrome-line:before {
  content: "\eb8d";
}

.ri-clapperboard-fill:before {
  content: "\eb8e";
}

.ri-clapperboard-line:before {
  content: "\eb8f";
}

.ri-clipboard-fill:before {
  content: "\eb90";
}

.ri-clipboard-line:before {
  content: "\eb91";
}

.ri-clockwise-2-fill:before {
  content: "\eb92";
}

.ri-clockwise-2-line:before {
  content: "\eb93";
}

.ri-clockwise-fill:before {
  content: "\eb94";
}

.ri-clockwise-line:before {
  content: "\eb95";
}

.ri-close-circle-fill:before {
  content: "\eb96";
}

.ri-close-circle-line:before {
  content: "\eb97";
}

.ri-close-fill:before {
  content: "\eb98";
}

.ri-close-line:before {
  content: "\eb99";
}

.ri-closed-captioning-fill:before {
  content: "\eb9a";
}

.ri-closed-captioning-line:before {
  content: "\eb9b";
}

.ri-cloud-fill:before {
  content: "\eb9c";
}

.ri-cloud-line:before {
  content: "\eb9d";
}

.ri-cloud-off-fill:before {
  content: "\eb9e";
}

.ri-cloud-off-line:before {
  content: "\eb9f";
}

.ri-cloud-windy-fill:before {
  content: "\eba0";
}

.ri-cloud-windy-line:before {
  content: "\eba1";
}

.ri-cloudy-2-fill:before {
  content: "\eba2";
}

.ri-cloudy-2-line:before {
  content: "\eba3";
}

.ri-cloudy-fill:before {
  content: "\eba4";
}

.ri-cloudy-line:before {
  content: "\eba5";
}

.ri-code-box-fill:before {
  content: "\eba6";
}

.ri-code-box-line:before {
  content: "\eba7";
}

.ri-code-fill:before {
  content: "\eba8";
}

.ri-code-line:before {
  content: "\eba9";
}

.ri-code-s-fill:before {
  content: "\ebaa";
}

.ri-code-s-line:before {
  content: "\ebab";
}

.ri-code-s-slash-fill:before {
  content: "\ebac";
}

.ri-code-s-slash-line:before {
  content: "\ebad";
}

.ri-code-view:before {
  content: "\ebae";
}

.ri-codepen-fill:before {
  content: "\ebaf";
}

.ri-codepen-line:before {
  content: "\ebb0";
}

.ri-coin-fill:before {
  content: "\ebb1";
}

.ri-coin-line:before {
  content: "\ebb2";
}

.ri-coins-fill:before {
  content: "\ebb3";
}

.ri-coins-line:before {
  content: "\ebb4";
}

.ri-collage-fill:before {
  content: "\ebb5";
}

.ri-collage-line:before {
  content: "\ebb6";
}

.ri-command-fill:before {
  content: "\ebb7";
}

.ri-command-line:before {
  content: "\ebb8";
}

.ri-community-fill:before {
  content: "\ebb9";
}

.ri-community-line:before {
  content: "\ebba";
}

.ri-compass-2-fill:before {
  content: "\ebbb";
}

.ri-compass-2-line:before {
  content: "\ebbc";
}

.ri-compass-3-fill:before {
  content: "\ebbd";
}

.ri-compass-3-line:before {
  content: "\ebbe";
}

.ri-compass-4-fill:before {
  content: "\ebbf";
}

.ri-compass-4-line:before {
  content: "\ebc0";
}

.ri-compass-discover-fill:before {
  content: "\ebc1";
}

.ri-compass-discover-line:before {
  content: "\ebc2";
}

.ri-compass-fill:before {
  content: "\ebc3";
}

.ri-compass-line:before {
  content: "\ebc4";
}

.ri-compasses-2-fill:before {
  content: "\ebc5";
}

.ri-compasses-2-line:before {
  content: "\ebc6";
}

.ri-compasses-fill:before {
  content: "\ebc7";
}

.ri-compasses-line:before {
  content: "\ebc8";
}

.ri-computer-fill:before {
  content: "\ebc9";
}

.ri-computer-line:before {
  content: "\ebca";
}

.ri-contacts-book-2-fill:before {
  content: "\ebcb";
}

.ri-contacts-book-2-line:before {
  content: "\ebcc";
}

.ri-contacts-book-fill:before {
  content: "\ebcd";
}

.ri-contacts-book-line:before {
  content: "\ebce";
}

.ri-contacts-book-upload-fill:before {
  content: "\ebcf";
}

.ri-contacts-book-upload-line:before {
  content: "\ebd0";
}

.ri-contacts-fill:before {
  content: "\ebd1";
}

.ri-contacts-line:before {
  content: "\ebd2";
}

.ri-contrast-2-fill:before {
  content: "\ebd3";
}

.ri-contrast-2-line:before {
  content: "\ebd4";
}

.ri-contrast-drop-2-fill:before {
  content: "\ebd5";
}

.ri-contrast-drop-2-line:before {
  content: "\ebd6";
}

.ri-contrast-drop-fill:before {
  content: "\ebd7";
}

.ri-contrast-drop-line:before {
  content: "\ebd8";
}

.ri-contrast-fill:before {
  content: "\ebd9";
}

.ri-contrast-line:before {
  content: "\ebda";
}

.ri-copper-coin-fill:before {
  content: "\ebdb";
}

.ri-copper-coin-line:before {
  content: "\ebdc";
}

.ri-copper-diamond-fill:before {
  content: "\ebdd";
}

.ri-copper-diamond-line:before {
  content: "\ebde";
}

.ri-copyleft-fill:before {
  content: "\ebdf";
}

.ri-copyleft-line:before {
  content: "\ebe0";
}

.ri-copyright-fill:before {
  content: "\ebe1";
}

.ri-copyright-line:before {
  content: "\ebe2";
}

.ri-coreos-fill:before {
  content: "\ebe3";
}

.ri-coreos-line:before {
  content: "\ebe4";
}

.ri-coupon-2-fill:before {
  content: "\ebe5";
}

.ri-coupon-2-line:before {
  content: "\ebe6";
}

.ri-coupon-3-fill:before {
  content: "\ebe7";
}

.ri-coupon-3-line:before {
  content: "\ebe8";
}

.ri-coupon-4-fill:before {
  content: "\ebe9";
}

.ri-coupon-4-line:before {
  content: "\ebea";
}

.ri-coupon-5-fill:before {
  content: "\ebeb";
}

.ri-coupon-5-line:before {
  content: "\ebec";
}

.ri-coupon-fill:before {
  content: "\ebed";
}

.ri-coupon-line:before {
  content: "\ebee";
}

.ri-cpu-fill:before {
  content: "\ebef";
}

.ri-cpu-line:before {
  content: "\ebf0";
}

.ri-creative-commons-by-fill:before {
  content: "\ebf1";
}

.ri-creative-commons-by-line:before {
  content: "\ebf2";
}

.ri-creative-commons-fill:before {
  content: "\ebf3";
}

.ri-creative-commons-line:before {
  content: "\ebf4";
}

.ri-creative-commons-nc-fill:before {
  content: "\ebf5";
}

.ri-creative-commons-nc-line:before {
  content: "\ebf6";
}

.ri-creative-commons-nd-fill:before {
  content: "\ebf7";
}

.ri-creative-commons-nd-line:before {
  content: "\ebf8";
}

.ri-creative-commons-sa-fill:before {
  content: "\ebf9";
}

.ri-creative-commons-sa-line:before {
  content: "\ebfa";
}

.ri-creative-commons-zero-fill:before {
  content: "\ebfb";
}

.ri-creative-commons-zero-line:before {
  content: "\ebfc";
}

.ri-criminal-fill:before {
  content: "\ebfd";
}

.ri-criminal-line:before {
  content: "\ebfe";
}

.ri-crop-2-fill:before {
  content: "\ebff";
}

.ri-crop-2-line:before {
  content: "\ec00";
}

.ri-crop-fill:before {
  content: "\ec01";
}

.ri-crop-line:before {
  content: "\ec02";
}

.ri-css3-fill:before {
  content: "\ec03";
}

.ri-css3-line:before {
  content: "\ec04";
}

.ri-cup-fill:before {
  content: "\ec05";
}

.ri-cup-line:before {
  content: "\ec06";
}

.ri-currency-fill:before {
  content: "\ec07";
}

.ri-currency-line:before {
  content: "\ec08";
}

.ri-cursor-fill:before {
  content: "\ec09";
}

.ri-cursor-line:before {
  content: "\ec0a";
}

.ri-customer-service-2-fill:before {
  content: "\ec0b";
}

.ri-customer-service-2-line:before {
  content: "\ec0c";
}

.ri-customer-service-fill:before {
  content: "\ec0d";
}

.ri-customer-service-line:before {
  content: "\ec0e";
}

.ri-dashboard-2-fill:before {
  content: "\ec0f";
}

.ri-dashboard-2-line:before {
  content: "\ec10";
}

.ri-dashboard-3-fill:before {
  content: "\ec11";
}

.ri-dashboard-3-line:before {
  content: "\ec12";
}

.ri-dashboard-fill:before {
  content: "\ec13";
}

.ri-dashboard-line:before {
  content: "\ec14";
}

.ri-database-2-fill:before {
  content: "\ec15";
}

.ri-database-2-line:before {
  content: "\ec16";
}

.ri-database-fill:before {
  content: "\ec17";
}

.ri-database-line:before {
  content: "\ec18";
}

.ri-delete-back-2-fill:before {
  content: "\ec19";
}

.ri-delete-back-2-line:before {
  content: "\ec1a";
}

.ri-delete-back-fill:before {
  content: "\ec1b";
}

.ri-delete-back-line:before {
  content: "\ec1c";
}

.ri-delete-bin-2-fill:before {
  content: "\ec1d";
}

.ri-delete-bin-2-line:before {
  content: "\ec1e";
}

.ri-delete-bin-3-fill:before {
  content: "\ec1f";
}

.ri-delete-bin-3-line:before {
  content: "\ec20";
}

.ri-delete-bin-4-fill:before {
  content: "\ec21";
}

.ri-delete-bin-4-line:before {
  content: "\ec22";
}

.ri-delete-bin-5-fill:before {
  content: "\ec23";
}

.ri-delete-bin-5-line:before {
  content: "\ec24";
}

.ri-delete-bin-6-fill:before {
  content: "\ec25";
}

.ri-delete-bin-6-line:before {
  content: "\ec26";
}

.ri-delete-bin-7-fill:before {
  content: "\ec27";
}

.ri-delete-bin-7-line:before {
  content: "\ec28";
}

.ri-delete-bin-fill:before {
  content: "\ec29";
}

.ri-delete-bin-line:before {
  content: "\ec2a";
}

.ri-delete-column:before {
  content: "\ec2b";
}

.ri-delete-row:before {
  content: "\ec2c";
}

.ri-device-fill:before {
  content: "\ec2d";
}

.ri-device-line:before {
  content: "\ec2e";
}

.ri-device-recover-fill:before {
  content: "\ec2f";
}

.ri-device-recover-line:before {
  content: "\ec30";
}

.ri-dingding-fill:before {
  content: "\ec31";
}

.ri-dingding-line:before {
  content: "\ec32";
}

.ri-direction-fill:before {
  content: "\ec33";
}

.ri-direction-line:before {
  content: "\ec34";
}

.ri-disc-fill:before {
  content: "\ec35";
}

.ri-disc-line:before {
  content: "\ec36";
}

.ri-discord-fill:before {
  content: "\ec37";
}

.ri-discord-line:before {
  content: "\ec38";
}

.ri-discuss-fill:before {
  content: "\ec39";
}

.ri-discuss-line:before {
  content: "\ec3a";
}

.ri-dislike-fill:before {
  content: "\ec3b";
}

.ri-dislike-line:before {
  content: "\ec3c";
}

.ri-disqus-fill:before {
  content: "\ec3d";
}

.ri-disqus-line:before {
  content: "\ec3e";
}

.ri-divide-fill:before {
  content: "\ec3f";
}

.ri-divide-line:before {
  content: "\ec40";
}

.ri-donut-chart-fill:before {
  content: "\ec41";
}

.ri-donut-chart-line:before {
  content: "\ec42";
}

.ri-door-closed-fill:before {
  content: "\ec43";
}

.ri-door-closed-line:before {
  content: "\ec44";
}

.ri-door-fill:before {
  content: "\ec45";
}

.ri-door-line:before {
  content: "\ec46";
}

.ri-door-lock-box-fill:before {
  content: "\ec47";
}

.ri-door-lock-box-line:before {
  content: "\ec48";
}

.ri-door-lock-fill:before {
  content: "\ec49";
}

.ri-door-lock-line:before {
  content: "\ec4a";
}

.ri-door-open-fill:before {
  content: "\ec4b";
}

.ri-door-open-line:before {
  content: "\ec4c";
}

.ri-dossier-fill:before {
  content: "\ec4d";
}

.ri-dossier-line:before {
  content: "\ec4e";
}

.ri-douban-fill:before {
  content: "\ec4f";
}

.ri-douban-line:before {
  content: "\ec50";
}

.ri-double-quotes-l:before {
  content: "\ec51";
}

.ri-double-quotes-r:before {
  content: "\ec52";
}

.ri-download-2-fill:before {
  content: "\ec53";
}

.ri-download-2-line:before {
  content: "\ec54";
}

.ri-download-cloud-2-fill:before {
  content: "\ec55";
}

.ri-download-cloud-2-line:before {
  content: "\ec56";
}

.ri-download-cloud-fill:before {
  content: "\ec57";
}

.ri-download-cloud-line:before {
  content: "\ec58";
}

.ri-download-fill:before {
  content: "\ec59";
}

.ri-download-line:before {
  content: "\ec5a";
}

.ri-draft-fill:before {
  content: "\ec5b";
}

.ri-draft-line:before {
  content: "\ec5c";
}

.ri-drag-drop-fill:before {
  content: "\ec5d";
}

.ri-drag-drop-line:before {
  content: "\ec5e";
}

.ri-drag-move-2-fill:before {
  content: "\ec5f";
}

.ri-drag-move-2-line:before {
  content: "\ec60";
}

.ri-drag-move-fill:before {
  content: "\ec61";
}

.ri-drag-move-line:before {
  content: "\ec62";
}

.ri-dribbble-fill:before {
  content: "\ec63";
}

.ri-dribbble-line:before {
  content: "\ec64";
}

.ri-drive-fill:before {
  content: "\ec65";
}

.ri-drive-line:before {
  content: "\ec66";
}

.ri-drizzle-fill:before {
  content: "\ec67";
}

.ri-drizzle-line:before {
  content: "\ec68";
}

.ri-drop-fill:before {
  content: "\ec69";
}

.ri-drop-line:before {
  content: "\ec6a";
}

.ri-dropbox-fill:before {
  content: "\ec6b";
}

.ri-dropbox-line:before {
  content: "\ec6c";
}

.ri-dual-sim-1-fill:before {
  content: "\ec6d";
}

.ri-dual-sim-1-line:before {
  content: "\ec6e";
}

.ri-dual-sim-2-fill:before {
  content: "\ec6f";
}

.ri-dual-sim-2-line:before {
  content: "\ec70";
}

.ri-dv-fill:before {
  content: "\ec71";
}

.ri-dv-line:before {
  content: "\ec72";
}

.ri-dvd-fill:before {
  content: "\ec73";
}

.ri-dvd-line:before {
  content: "\ec74";
}

.ri-e-bike-2-fill:before {
  content: "\ec75";
}

.ri-e-bike-2-line:before {
  content: "\ec76";
}

.ri-e-bike-fill:before {
  content: "\ec77";
}

.ri-e-bike-line:before {
  content: "\ec78";
}

.ri-earth-fill:before {
  content: "\ec79";
}

.ri-earth-line:before {
  content: "\ec7a";
}

.ri-earthquake-fill:before {
  content: "\ec7b";
}

.ri-earthquake-line:before {
  content: "\ec7c";
}

.ri-edge-fill:before {
  content: "\ec7d";
}

.ri-edge-line:before {
  content: "\ec7e";
}

.ri-edit-2-fill:before {
  content: "\ec7f";
}

.ri-edit-2-line:before {
  content: "\ec80";
}

.ri-edit-box-fill:before {
  content: "\ec81";
}

.ri-edit-box-line:before {
  content: "\ec82";
}

.ri-edit-circle-fill:before {
  content: "\ec83";
}

.ri-edit-circle-line:before {
  content: "\ec84";
}

.ri-edit-fill:before {
  content: "\ec85";
}

.ri-edit-line:before {
  content: "\ec86";
}

.ri-eject-fill:before {
  content: "\ec87";
}

.ri-eject-line:before {
  content: "\ec88";
}

.ri-emotion-2-fill:before {
  content: "\ec89";
}

.ri-emotion-2-line:before {
  content: "\ec8a";
}

.ri-emotion-fill:before {
  content: "\ec8b";
}

.ri-emotion-happy-fill:before {
  content: "\ec8c";
}

.ri-emotion-happy-line:before {
  content: "\ec8d";
}

.ri-emotion-laugh-fill:before {
  content: "\ec8e";
}

.ri-emotion-laugh-line:before {
  content: "\ec8f";
}

.ri-emotion-line:before {
  content: "\ec90";
}

.ri-emotion-normal-fill:before {
  content: "\ec91";
}

.ri-emotion-normal-line:before {
  content: "\ec92";
}

.ri-emotion-sad-fill:before {
  content: "\ec93";
}

.ri-emotion-sad-line:before {
  content: "\ec94";
}

.ri-emotion-unhappy-fill:before {
  content: "\ec95";
}

.ri-emotion-unhappy-line:before {
  content: "\ec96";
}

.ri-empathize-fill:before {
  content: "\ec97";
}

.ri-empathize-line:before {
  content: "\ec98";
}

.ri-emphasis-cn:before {
  content: "\ec99";
}

.ri-emphasis:before {
  content: "\ec9a";
}

.ri-english-input:before {
  content: "\ec9b";
}

.ri-equalizer-fill:before {
  content: "\ec9c";
}

.ri-equalizer-line:before {
  content: "\ec9d";
}

.ri-eraser-fill:before {
  content: "\ec9e";
}

.ri-eraser-line:before {
  content: "\ec9f";
}

.ri-error-warning-fill:before {
  content: "\eca0";
}

.ri-error-warning-line:before {
  content: "\eca1";
}

.ri-evernote-fill:before {
  content: "\eca2";
}

.ri-evernote-line:before {
  content: "\eca3";
}

.ri-exchange-box-fill:before {
  content: "\eca4";
}

.ri-exchange-box-line:before {
  content: "\eca5";
}

.ri-exchange-cny-fill:before {
  content: "\eca6";
}

.ri-exchange-cny-line:before {
  content: "\eca7";
}

.ri-exchange-dollar-fill:before {
  content: "\eca8";
}

.ri-exchange-dollar-line:before {
  content: "\eca9";
}

.ri-exchange-fill:before {
  content: "\ecaa";
}

.ri-exchange-funds-fill:before {
  content: "\ecab";
}

.ri-exchange-funds-line:before {
  content: "\ecac";
}

.ri-exchange-line:before {
  content: "\ecad";
}

.ri-external-link-fill:before {
  content: "\ecae";
}

.ri-external-link-line:before {
  content: "\ecaf";
}

.ri-eye-2-fill:before {
  content: "\ecb0";
}

.ri-eye-2-line:before {
  content: "\ecb1";
}

.ri-eye-close-fill:before {
  content: "\ecb2";
}

.ri-eye-close-line:before {
  content: "\ecb3";
}

.ri-eye-fill:before {
  content: "\ecb4";
}

.ri-eye-line:before {
  content: "\ecb5";
}

.ri-eye-off-fill:before {
  content: "\ecb6";
}

.ri-eye-off-line:before {
  content: "\ecb7";
}

.ri-facebook-box-fill:before {
  content: "\ecb8";
}

.ri-facebook-box-line:before {
  content: "\ecb9";
}

.ri-facebook-circle-fill:before {
  content: "\ecba";
}

.ri-facebook-circle-line:before {
  content: "\ecbb";
}

.ri-facebook-fill:before {
  content: "\ecbc";
}

.ri-facebook-line:before {
  content: "\ecbd";
}

.ri-fahrenheit-fill:before {
  content: "\ecbe";
}

.ri-fahrenheit-line:before {
  content: "\ecbf";
}

.ri-feedback-fill:before {
  content: "\ecc0";
}

.ri-feedback-line:before {
  content: "\ecc1";
}

.ri-file-2-fill:before {
  content: "\ecc2";
}

.ri-file-2-line:before {
  content: "\ecc3";
}

.ri-file-3-fill:before {
  content: "\ecc4";
}

.ri-file-3-line:before {
  content: "\ecc5";
}

.ri-file-4-fill:before {
  content: "\ecc6";
}

.ri-file-4-line:before {
  content: "\ecc7";
}

.ri-file-add-fill:before {
  content: "\ecc8";
}

.ri-file-add-line:before {
  content: "\ecc9";
}

.ri-file-chart-2-fill:before {
  content: "\ecca";
}

.ri-file-chart-2-line:before {
  content: "\eccb";
}

.ri-file-chart-fill:before {
  content: "\eccc";
}

.ri-file-chart-line:before {
  content: "\eccd";
}

.ri-file-cloud-fill:before {
  content: "\ecce";
}

.ri-file-cloud-line:before {
  content: "\eccf";
}

.ri-file-code-fill:before {
  content: "\ecd0";
}

.ri-file-code-line:before {
  content: "\ecd1";
}

.ri-file-copy-2-fill:before {
  content: "\ecd2";
}

.ri-file-copy-2-line:before {
  content: "\ecd3";
}

.ri-file-copy-fill:before {
  content: "\ecd4";
}

.ri-file-copy-line:before {
  content: "\ecd5";
}

.ri-file-damage-fill:before {
  content: "\ecd6";
}

.ri-file-damage-line:before {
  content: "\ecd7";
}

.ri-file-download-fill:before {
  content: "\ecd8";
}

.ri-file-download-line:before {
  content: "\ecd9";
}

.ri-file-edit-fill:before {
  content: "\ecda";
}

.ri-file-edit-line:before {
  content: "\ecdb";
}

.ri-file-excel-2-fill:before {
  content: "\ecdc";
}

.ri-file-excel-2-line:before {
  content: "\ecdd";
}

.ri-file-excel-fill:before {
  content: "\ecde";
}

.ri-file-excel-line:before {
  content: "\ecdf";
}

.ri-file-fill:before {
  content: "\ece0";
}

.ri-file-forbid-fill:before {
  content: "\ece1";
}

.ri-file-forbid-line:before {
  content: "\ece2";
}

.ri-file-gif-fill:before {
  content: "\ece3";
}

.ri-file-gif-line:before {
  content: "\ece4";
}

.ri-file-history-fill:before {
  content: "\ece5";
}

.ri-file-history-line:before {
  content: "\ece6";
}

.ri-file-hwp-fill:before {
  content: "\ece7";
}

.ri-file-hwp-line:before {
  content: "\ece8";
}

.ri-file-info-fill:before {
  content: "\ece9";
}

.ri-file-info-line:before {
  content: "\ecea";
}

.ri-file-line:before {
  content: "\eceb";
}

.ri-file-list-2-fill:before {
  content: "\ecec";
}

.ri-file-list-2-line:before {
  content: "\eced";
}

.ri-file-list-3-fill:before {
  content: "\ecee";
}

.ri-file-list-3-line:before {
  content: "\ecef";
}

.ri-file-list-fill:before {
  content: "\ecf0";
}

.ri-file-list-line:before {
  content: "\ecf1";
}

.ri-file-lock-fill:before {
  content: "\ecf2";
}

.ri-file-lock-line:before {
  content: "\ecf3";
}

.ri-file-mark-fill:before {
  content: "\ecf4";
}

.ri-file-mark-line:before {
  content: "\ecf5";
}

.ri-file-music-fill:before {
  content: "\ecf6";
}

.ri-file-music-line:before {
  content: "\ecf7";
}

.ri-file-paper-2-fill:before {
  content: "\ecf8";
}

.ri-file-paper-2-line:before {
  content: "\ecf9";
}

.ri-file-paper-fill:before {
  content: "\ecfa";
}

.ri-file-paper-line:before {
  content: "\ecfb";
}

.ri-file-pdf-fill:before {
  content: "\ecfc";
}

.ri-file-pdf-line:before {
  content: "\ecfd";
}

.ri-file-ppt-2-fill:before {
  content: "\ecfe";
}

.ri-file-ppt-2-line:before {
  content: "\ecff";
}

.ri-file-ppt-fill:before {
  content: "\ed00";
}

.ri-file-ppt-line:before {
  content: "\ed01";
}

.ri-file-reduce-fill:before {
  content: "\ed02";
}

.ri-file-reduce-line:before {
  content: "\ed03";
}

.ri-file-search-fill:before {
  content: "\ed04";
}

.ri-file-search-line:before {
  content: "\ed05";
}

.ri-file-settings-fill:before {
  content: "\ed06";
}

.ri-file-settings-line:before {
  content: "\ed07";
}

.ri-file-shield-2-fill:before {
  content: "\ed08";
}

.ri-file-shield-2-line:before {
  content: "\ed09";
}

.ri-file-shield-fill:before {
  content: "\ed0a";
}

.ri-file-shield-line:before {
  content: "\ed0b";
}

.ri-file-shred-fill:before {
  content: "\ed0c";
}

.ri-file-shred-line:before {
  content: "\ed0d";
}

.ri-file-text-fill:before {
  content: "\ed0e";
}

.ri-file-text-line:before {
  content: "\ed0f";
}

.ri-file-transfer-fill:before {
  content: "\ed10";
}

.ri-file-transfer-line:before {
  content: "\ed11";
}

.ri-file-unknow-fill:before {
  content: "\ed12";
}

.ri-file-unknow-line:before {
  content: "\ed13";
}

.ri-file-upload-fill:before {
  content: "\ed14";
}

.ri-file-upload-line:before {
  content: "\ed15";
}

.ri-file-user-fill:before {
  content: "\ed16";
}

.ri-file-user-line:before {
  content: "\ed17";
}

.ri-file-warning-fill:before {
  content: "\ed18";
}

.ri-file-warning-line:before {
  content: "\ed19";
}

.ri-file-word-2-fill:before {
  content: "\ed1a";
}

.ri-file-word-2-line:before {
  content: "\ed1b";
}

.ri-file-word-fill:before {
  content: "\ed1c";
}

.ri-file-word-line:before {
  content: "\ed1d";
}

.ri-file-zip-fill:before {
  content: "\ed1e";
}

.ri-file-zip-line:before {
  content: "\ed1f";
}

.ri-film-fill:before {
  content: "\ed20";
}

.ri-film-line:before {
  content: "\ed21";
}

.ri-filter-2-fill:before {
  content: "\ed22";
}

.ri-filter-2-line:before {
  content: "\ed23";
}

.ri-filter-3-fill:before {
  content: "\ed24";
}

.ri-filter-3-line:before {
  content: "\ed25";
}

.ri-filter-fill:before {
  content: "\ed26";
}

.ri-filter-line:before {
  content: "\ed27";
}

.ri-filter-off-fill:before {
  content: "\ed28";
}

.ri-filter-off-line:before {
  content: "\ed29";
}

.ri-find-replace-fill:before {
  content: "\ed2a";
}

.ri-find-replace-line:before {
  content: "\ed2b";
}

.ri-finder-fill:before {
  content: "\ed2c";
}

.ri-finder-line:before {
  content: "\ed2d";
}

.ri-fingerprint-2-fill:before {
  content: "\ed2e";
}

.ri-fingerprint-2-line:before {
  content: "\ed2f";
}

.ri-fingerprint-fill:before {
  content: "\ed30";
}

.ri-fingerprint-line:before {
  content: "\ed31";
}

.ri-fire-fill:before {
  content: "\ed32";
}

.ri-fire-line:before {
  content: "\ed33";
}

.ri-firefox-fill:before {
  content: "\ed34";
}

.ri-firefox-line:before {
  content: "\ed35";
}

.ri-first-aid-kit-fill:before {
  content: "\ed36";
}

.ri-first-aid-kit-line:before {
  content: "\ed37";
}

.ri-flag-2-fill:before {
  content: "\ed38";
}

.ri-flag-2-line:before {
  content: "\ed39";
}

.ri-flag-fill:before {
  content: "\ed3a";
}

.ri-flag-line:before {
  content: "\ed3b";
}

.ri-flashlight-fill:before {
  content: "\ed3c";
}

.ri-flashlight-line:before {
  content: "\ed3d";
}

.ri-flask-fill:before {
  content: "\ed3e";
}

.ri-flask-line:before {
  content: "\ed3f";
}

.ri-flight-land-fill:before {
  content: "\ed40";
}

.ri-flight-land-line:before {
  content: "\ed41";
}

.ri-flight-takeoff-fill:before {
  content: "\ed42";
}

.ri-flight-takeoff-line:before {
  content: "\ed43";
}

.ri-flood-fill:before {
  content: "\ed44";
}

.ri-flood-line:before {
  content: "\ed45";
}

.ri-flow-chart:before {
  content: "\ed46";
}

.ri-flutter-fill:before {
  content: "\ed47";
}

.ri-flutter-line:before {
  content: "\ed48";
}

.ri-focus-2-fill:before {
  content: "\ed49";
}

.ri-focus-2-line:before {
  content: "\ed4a";
}

.ri-focus-3-fill:before {
  content: "\ed4b";
}

.ri-focus-3-line:before {
  content: "\ed4c";
}

.ri-focus-fill:before {
  content: "\ed4d";
}

.ri-focus-line:before {
  content: "\ed4e";
}

.ri-foggy-fill:before {
  content: "\ed4f";
}

.ri-foggy-line:before {
  content: "\ed50";
}

.ri-folder-2-fill:before {
  content: "\ed51";
}

.ri-folder-2-line:before {
  content: "\ed52";
}

.ri-folder-3-fill:before {
  content: "\ed53";
}

.ri-folder-3-line:before {
  content: "\ed54";
}

.ri-folder-4-fill:before {
  content: "\ed55";
}

.ri-folder-4-line:before {
  content: "\ed56";
}

.ri-folder-5-fill:before {
  content: "\ed57";
}

.ri-folder-5-line:before {
  content: "\ed58";
}

.ri-folder-add-fill:before {
  content: "\ed59";
}

.ri-folder-add-line:before {
  content: "\ed5a";
}

.ri-folder-chart-2-fill:before {
  content: "\ed5b";
}

.ri-folder-chart-2-line:before {
  content: "\ed5c";
}

.ri-folder-chart-fill:before {
  content: "\ed5d";
}

.ri-folder-chart-line:before {
  content: "\ed5e";
}

.ri-folder-download-fill:before {
  content: "\ed5f";
}

.ri-folder-download-line:before {
  content: "\ed60";
}

.ri-folder-fill:before {
  content: "\ed61";
}

.ri-folder-forbid-fill:before {
  content: "\ed62";
}

.ri-folder-forbid-line:before {
  content: "\ed63";
}

.ri-folder-history-fill:before {
  content: "\ed64";
}

.ri-folder-history-line:before {
  content: "\ed65";
}

.ri-folder-info-fill:before {
  content: "\ed66";
}

.ri-folder-info-line:before {
  content: "\ed67";
}

.ri-folder-keyhole-fill:before {
  content: "\ed68";
}

.ri-folder-keyhole-line:before {
  content: "\ed69";
}

.ri-folder-line:before {
  content: "\ed6a";
}

.ri-folder-lock-fill:before {
  content: "\ed6b";
}

.ri-folder-lock-line:before {
  content: "\ed6c";
}

.ri-folder-music-fill:before {
  content: "\ed6d";
}

.ri-folder-music-line:before {
  content: "\ed6e";
}

.ri-folder-open-fill:before {
  content: "\ed6f";
}

.ri-folder-open-line:before {
  content: "\ed70";
}

.ri-folder-received-fill:before {
  content: "\ed71";
}

.ri-folder-received-line:before {
  content: "\ed72";
}

.ri-folder-reduce-fill:before {
  content: "\ed73";
}

.ri-folder-reduce-line:before {
  content: "\ed74";
}

.ri-folder-settings-fill:before {
  content: "\ed75";
}

.ri-folder-settings-line:before {
  content: "\ed76";
}

.ri-folder-shared-fill:before {
  content: "\ed77";
}

.ri-folder-shared-line:before {
  content: "\ed78";
}

.ri-folder-shield-2-fill:before {
  content: "\ed79";
}

.ri-folder-shield-2-line:before {
  content: "\ed7a";
}

.ri-folder-shield-fill:before {
  content: "\ed7b";
}

.ri-folder-shield-line:before {
  content: "\ed7c";
}

.ri-folder-transfer-fill:before {
  content: "\ed7d";
}

.ri-folder-transfer-line:before {
  content: "\ed7e";
}

.ri-folder-unknow-fill:before {
  content: "\ed7f";
}

.ri-folder-unknow-line:before {
  content: "\ed80";
}

.ri-folder-upload-fill:before {
  content: "\ed81";
}

.ri-folder-upload-line:before {
  content: "\ed82";
}

.ri-folder-user-fill:before {
  content: "\ed83";
}

.ri-folder-user-line:before {
  content: "\ed84";
}

.ri-folder-warning-fill:before {
  content: "\ed85";
}

.ri-folder-warning-line:before {
  content: "\ed86";
}

.ri-folder-zip-fill:before {
  content: "\ed87";
}

.ri-folder-zip-line:before {
  content: "\ed88";
}

.ri-folders-fill:before {
  content: "\ed89";
}

.ri-folders-line:before {
  content: "\ed8a";
}

.ri-font-color:before {
  content: "\ed8b";
}

.ri-font-size-2:before {
  content: "\ed8c";
}

.ri-font-size:before {
  content: "\ed8d";
}

.ri-football-fill:before {
  content: "\ed8e";
}

.ri-football-line:before {
  content: "\ed8f";
}

.ri-footprint-fill:before {
  content: "\ed90";
}

.ri-footprint-line:before {
  content: "\ed91";
}

.ri-forbid-2-fill:before {
  content: "\ed92";
}

.ri-forbid-2-line:before {
  content: "\ed93";
}

.ri-forbid-fill:before {
  content: "\ed94";
}

.ri-forbid-line:before {
  content: "\ed95";
}

.ri-format-clear:before {
  content: "\ed96";
}

.ri-fridge-fill:before {
  content: "\ed97";
}

.ri-fridge-line:before {
  content: "\ed98";
}

.ri-fullscreen-exit-fill:before {
  content: "\ed99";
}

.ri-fullscreen-exit-line:before {
  content: "\ed9a";
}

.ri-fullscreen-fill:before {
  content: "\ed9b";
}

.ri-fullscreen-line:before {
  content: "\ed9c";
}

.ri-function-fill:before {
  content: "\ed9d";
}

.ri-function-line:before {
  content: "\ed9e";
}

.ri-functions:before {
  content: "\ed9f";
}

.ri-funds-box-fill:before {
  content: "\eda0";
}

.ri-funds-box-line:before {
  content: "\eda1";
}

.ri-funds-fill:before {
  content: "\eda2";
}

.ri-funds-line:before {
  content: "\eda3";
}

.ri-gallery-fill:before {
  content: "\eda4";
}

.ri-gallery-line:before {
  content: "\eda5";
}

.ri-gallery-upload-fill:before {
  content: "\eda6";
}

.ri-gallery-upload-line:before {
  content: "\eda7";
}

.ri-game-fill:before {
  content: "\eda8";
}

.ri-game-line:before {
  content: "\eda9";
}

.ri-gamepad-fill:before {
  content: "\edaa";
}

.ri-gamepad-line:before {
  content: "\edab";
}

.ri-gas-station-fill:before {
  content: "\edac";
}

.ri-gas-station-line:before {
  content: "\edad";
}

.ri-gatsby-fill:before {
  content: "\edae";
}

.ri-gatsby-line:before {
  content: "\edaf";
}

.ri-genderless-fill:before {
  content: "\edb0";
}

.ri-genderless-line:before {
  content: "\edb1";
}

.ri-ghost-2-fill:before {
  content: "\edb2";
}

.ri-ghost-2-line:before {
  content: "\edb3";
}

.ri-ghost-fill:before {
  content: "\edb4";
}

.ri-ghost-line:before {
  content: "\edb5";
}

.ri-ghost-smile-fill:before {
  content: "\edb6";
}

.ri-ghost-smile-line:before {
  content: "\edb7";
}

.ri-gift-2-fill:before {
  content: "\edb8";
}

.ri-gift-2-line:before {
  content: "\edb9";
}

.ri-gift-fill:before {
  content: "\edba";
}

.ri-gift-line:before {
  content: "\edbb";
}

.ri-git-branch-fill:before {
  content: "\edbc";
}

.ri-git-branch-line:before {
  content: "\edbd";
}

.ri-git-commit-fill:before {
  content: "\edbe";
}

.ri-git-commit-line:before {
  content: "\edbf";
}

.ri-git-merge-fill:before {
  content: "\edc0";
}

.ri-git-merge-line:before {
  content: "\edc1";
}

.ri-git-pull-request-fill:before {
  content: "\edc2";
}

.ri-git-pull-request-line:before {
  content: "\edc3";
}

.ri-git-repository-commits-fill:before {
  content: "\edc4";
}

.ri-git-repository-commits-line:before {
  content: "\edc5";
}

.ri-git-repository-fill:before {
  content: "\edc6";
}

.ri-git-repository-line:before {
  content: "\edc7";
}

.ri-git-repository-private-fill:before {
  content: "\edc8";
}

.ri-git-repository-private-line:before {
  content: "\edc9";
}

.ri-github-fill:before {
  content: "\edca";
}

.ri-github-line:before {
  content: "\edcb";
}

.ri-gitlab-fill:before {
  content: "\edcc";
}

.ri-gitlab-line:before {
  content: "\edcd";
}

.ri-global-fill:before {
  content: "\edce";
}

.ri-global-line:before {
  content: "\edcf";
}

.ri-globe-fill:before {
  content: "\edd0";
}

.ri-globe-line:before {
  content: "\edd1";
}

.ri-goblet-fill:before {
  content: "\edd2";
}

.ri-goblet-line:before {
  content: "\edd3";
}

.ri-google-fill:before {
  content: "\edd4";
}

.ri-google-line:before {
  content: "\edd5";
}

.ri-google-play-fill:before {
  content: "\edd6";
}

.ri-google-play-line:before {
  content: "\edd7";
}

.ri-government-fill:before {
  content: "\edd8";
}

.ri-government-line:before {
  content: "\edd9";
}

.ri-gps-fill:before {
  content: "\edda";
}

.ri-gps-line:before {
  content: "\eddb";
}

.ri-gradienter-fill:before {
  content: "\eddc";
}

.ri-gradienter-line:before {
  content: "\eddd";
}

.ri-grid-fill:before {
  content: "\edde";
}

.ri-grid-line:before {
  content: "\eddf";
}

.ri-group-2-fill:before {
  content: "\ede0";
}

.ri-group-2-line:before {
  content: "\ede1";
}

.ri-group-fill:before {
  content: "\ede2";
}

.ri-group-line:before {
  content: "\ede3";
}

.ri-guide-fill:before {
  content: "\ede4";
}

.ri-guide-line:before {
  content: "\ede5";
}

.ri-h-1:before {
  content: "\ede6";
}

.ri-h-2:before {
  content: "\ede7";
}

.ri-h-3:before {
  content: "\ede8";
}

.ri-h-4:before {
  content: "\ede9";
}

.ri-h-5:before {
  content: "\edea";
}

.ri-h-6:before {
  content: "\edeb";
}

.ri-hail-fill:before {
  content: "\edec";
}

.ri-hail-line:before {
  content: "\eded";
}

.ri-hammer-fill:before {
  content: "\edee";
}

.ri-hammer-line:before {
  content: "\edef";
}

.ri-hand-coin-fill:before {
  content: "\edf0";
}

.ri-hand-coin-line:before {
  content: "\edf1";
}

.ri-hand-heart-fill:before {
  content: "\edf2";
}

.ri-hand-heart-line:before {
  content: "\edf3";
}

.ri-hand-sanitizer-fill:before {
  content: "\edf4";
}

.ri-hand-sanitizer-line:before {
  content: "\edf5";
}

.ri-handbag-fill:before {
  content: "\edf6";
}

.ri-handbag-line:before {
  content: "\edf7";
}

.ri-hard-drive-2-fill:before {
  content: "\edf8";
}

.ri-hard-drive-2-line:before {
  content: "\edf9";
}

.ri-hard-drive-fill:before {
  content: "\edfa";
}

.ri-hard-drive-line:before {
  content: "\edfb";
}

.ri-hashtag:before {
  content: "\edfc";
}

.ri-haze-2-fill:before {
  content: "\edfd";
}

.ri-haze-2-line:before {
  content: "\edfe";
}

.ri-haze-fill:before {
  content: "\edff";
}

.ri-haze-line:before {
  content: "\ee00";
}

.ri-hd-fill:before {
  content: "\ee01";
}

.ri-hd-line:before {
  content: "\ee02";
}

.ri-heading:before {
  content: "\ee03";
}

.ri-headphone-fill:before {
  content: "\ee04";
}

.ri-headphone-line:before {
  content: "\ee05";
}

.ri-health-book-fill:before {
  content: "\ee06";
}

.ri-health-book-line:before {
  content: "\ee07";
}

.ri-heart-2-fill:before {
  content: "\ee08";
}

.ri-heart-2-line:before {
  content: "\ee09";
}

.ri-heart-3-fill:before {
  content: "\ee0a";
}

.ri-heart-3-line:before {
  content: "\ee0b";
}

.ri-heart-add-fill:before {
  content: "\ee0c";
}

.ri-heart-add-line:before {
  content: "\ee0d";
}

.ri-heart-fill:before {
  content: "\ee0e";
}

.ri-heart-line:before {
  content: "\ee0f";
}

.ri-heart-pulse-fill:before {
  content: "\ee10";
}

.ri-heart-pulse-line:before {
  content: "\ee11";
}

.ri-hearts-fill:before {
  content: "\ee12";
}

.ri-hearts-line:before {
  content: "\ee13";
}

.ri-heavy-showers-fill:before {
  content: "\ee14";
}

.ri-heavy-showers-line:before {
  content: "\ee15";
}

.ri-history-fill:before {
  content: "\ee16";
}

.ri-history-line:before {
  content: "\ee17";
}

.ri-home-2-fill:before {
  content: "\ee18";
}

.ri-home-2-line:before {
  content: "\ee19";
}

.ri-home-3-fill:before {
  content: "\ee1a";
}

.ri-home-3-line:before {
  content: "\ee1b";
}

.ri-home-4-fill:before {
  content: "\ee1c";
}

.ri-home-4-line:before {
  content: "\ee1d";
}

.ri-home-5-fill:before {
  content: "\ee1e";
}

.ri-home-5-line:before {
  content: "\ee1f";
}

.ri-home-6-fill:before {
  content: "\ee20";
}

.ri-home-6-line:before {
  content: "\ee21";
}

.ri-home-7-fill:before {
  content: "\ee22";
}

.ri-home-7-line:before {
  content: "\ee23";
}

.ri-home-8-fill:before {
  content: "\ee24";
}

.ri-home-8-line:before {
  content: "\ee25";
}

.ri-home-fill:before {
  content: "\ee26";
}

.ri-home-gear-fill:before {
  content: "\ee27";
}

.ri-home-gear-line:before {
  content: "\ee28";
}

.ri-home-heart-fill:before {
  content: "\ee29";
}

.ri-home-heart-line:before {
  content: "\ee2a";
}

.ri-home-line:before {
  content: "\ee2b";
}

.ri-home-smile-2-fill:before {
  content: "\ee2c";
}

.ri-home-smile-2-line:before {
  content: "\ee2d";
}

.ri-home-smile-fill:before {
  content: "\ee2e";
}

.ri-home-smile-line:before {
  content: "\ee2f";
}

.ri-home-wifi-fill:before {
  content: "\ee30";
}

.ri-home-wifi-line:before {
  content: "\ee31";
}

.ri-honor-of-kings-fill:before {
  content: "\ee32";
}

.ri-honor-of-kings-line:before {
  content: "\ee33";
}

.ri-honour-fill:before {
  content: "\ee34";
}

.ri-honour-line:before {
  content: "\ee35";
}

.ri-hospital-fill:before {
  content: "\ee36";
}

.ri-hospital-line:before {
  content: "\ee37";
}

.ri-hotel-bed-fill:before {
  content: "\ee38";
}

.ri-hotel-bed-line:before {
  content: "\ee39";
}

.ri-hotel-fill:before {
  content: "\ee3a";
}

.ri-hotel-line:before {
  content: "\ee3b";
}

.ri-hotspot-fill:before {
  content: "\ee3c";
}

.ri-hotspot-line:before {
  content: "\ee3d";
}

.ri-hq-fill:before {
  content: "\ee3e";
}

.ri-hq-line:before {
  content: "\ee3f";
}

.ri-html5-fill:before {
  content: "\ee40";
}

.ri-html5-line:before {
  content: "\ee41";
}

.ri-ie-fill:before {
  content: "\ee42";
}

.ri-ie-line:before {
  content: "\ee43";
}

.ri-image-2-fill:before {
  content: "\ee44";
}

.ri-image-2-line:before {
  content: "\ee45";
}

.ri-image-add-fill:before {
  content: "\ee46";
}

.ri-image-add-line:before {
  content: "\ee47";
}

.ri-image-edit-fill:before {
  content: "\ee48";
}

.ri-image-edit-line:before {
  content: "\ee49";
}

.ri-image-fill:before {
  content: "\ee4a";
}

.ri-image-line:before {
  content: "\ee4b";
}

.ri-inbox-archive-fill:before {
  content: "\ee4c";
}

.ri-inbox-archive-line:before {
  content: "\ee4d";
}

.ri-inbox-fill:before {
  content: "\ee4e";
}

.ri-inbox-line:before {
  content: "\ee4f";
}

.ri-inbox-unarchive-fill:before {
  content: "\ee50";
}

.ri-inbox-unarchive-line:before {
  content: "\ee51";
}

.ri-increase-decrease-fill:before {
  content: "\ee52";
}

.ri-increase-decrease-line:before {
  content: "\ee53";
}

.ri-indent-decrease:before {
  content: "\ee54";
}

.ri-indent-increase:before {
  content: "\ee55";
}

.ri-indeterminate-circle-fill:before {
  content: "\ee56";
}

.ri-indeterminate-circle-line:before {
  content: "\ee57";
}

.ri-information-fill:before {
  content: "\ee58";
}

.ri-information-line:before {
  content: "\ee59";
}

.ri-infrared-thermometer-fill:before {
  content: "\ee5a";
}

.ri-infrared-thermometer-line:before {
  content: "\ee5b";
}

.ri-ink-bottle-fill:before {
  content: "\ee5c";
}

.ri-ink-bottle-line:before {
  content: "\ee5d";
}

.ri-input-cursor-move:before {
  content: "\ee5e";
}

.ri-input-method-fill:before {
  content: "\ee5f";
}

.ri-input-method-line:before {
  content: "\ee60";
}

.ri-insert-column-left:before {
  content: "\ee61";
}

.ri-insert-column-right:before {
  content: "\ee62";
}

.ri-insert-row-bottom:before {
  content: "\ee63";
}

.ri-insert-row-top:before {
  content: "\ee64";
}

.ri-instagram-fill:before {
  content: "\ee65";
}

.ri-instagram-line:before {
  content: "\ee66";
}

.ri-install-fill:before {
  content: "\ee67";
}

.ri-install-line:before {
  content: "\ee68";
}

.ri-invision-fill:before {
  content: "\ee69";
}

.ri-invision-line:before {
  content: "\ee6a";
}

.ri-italic:before {
  content: "\ee6b";
}

.ri-kakao-talk-fill:before {
  content: "\ee6c";
}

.ri-kakao-talk-line:before {
  content: "\ee6d";
}

.ri-key-2-fill:before {
  content: "\ee6e";
}

.ri-key-2-line:before {
  content: "\ee6f";
}

.ri-key-fill:before {
  content: "\ee70";
}

.ri-key-line:before {
  content: "\ee71";
}

.ri-keyboard-box-fill:before {
  content: "\ee72";
}

.ri-keyboard-box-line:before {
  content: "\ee73";
}

.ri-keyboard-fill:before {
  content: "\ee74";
}

.ri-keyboard-line:before {
  content: "\ee75";
}

.ri-keynote-fill:before {
  content: "\ee76";
}

.ri-keynote-line:before {
  content: "\ee77";
}

.ri-knife-blood-fill:before {
  content: "\ee78";
}

.ri-knife-blood-line:before {
  content: "\ee79";
}

.ri-knife-fill:before {
  content: "\ee7a";
}

.ri-knife-line:before {
  content: "\ee7b";
}

.ri-landscape-fill:before {
  content: "\ee7c";
}

.ri-landscape-line:before {
  content: "\ee7d";
}

.ri-layout-2-fill:before {
  content: "\ee7e";
}

.ri-layout-2-line:before {
  content: "\ee7f";
}

.ri-layout-3-fill:before {
  content: "\ee80";
}

.ri-layout-3-line:before {
  content: "\ee81";
}

.ri-layout-4-fill:before {
  content: "\ee82";
}

.ri-layout-4-line:before {
  content: "\ee83";
}

.ri-layout-5-fill:before {
  content: "\ee84";
}

.ri-layout-5-line:before {
  content: "\ee85";
}

.ri-layout-6-fill:before {
  content: "\ee86";
}

.ri-layout-6-line:before {
  content: "\ee87";
}

.ri-layout-bottom-2-fill:before {
  content: "\ee88";
}

.ri-layout-bottom-2-line:before {
  content: "\ee89";
}

.ri-layout-bottom-fill:before {
  content: "\ee8a";
}

.ri-layout-bottom-line:before {
  content: "\ee8b";
}

.ri-layout-column-fill:before {
  content: "\ee8c";
}

.ri-layout-column-line:before {
  content: "\ee8d";
}

.ri-layout-fill:before {
  content: "\ee8e";
}

.ri-layout-grid-fill:before {
  content: "\ee8f";
}

.ri-layout-grid-line:before {
  content: "\ee90";
}

.ri-layout-left-2-fill:before {
  content: "\ee91";
}

.ri-layout-left-2-line:before {
  content: "\ee92";
}

.ri-layout-left-fill:before {
  content: "\ee93";
}

.ri-layout-left-line:before {
  content: "\ee94";
}

.ri-layout-line:before {
  content: "\ee95";
}

.ri-layout-masonry-fill:before {
  content: "\ee96";
}

.ri-layout-masonry-line:before {
  content: "\ee97";
}

.ri-layout-right-2-fill:before {
  content: "\ee98";
}

.ri-layout-right-2-line:before {
  content: "\ee99";
}

.ri-layout-right-fill:before {
  content: "\ee9a";
}

.ri-layout-right-line:before {
  content: "\ee9b";
}

.ri-layout-row-fill:before {
  content: "\ee9c";
}

.ri-layout-row-line:before {
  content: "\ee9d";
}

.ri-layout-top-2-fill:before {
  content: "\ee9e";
}

.ri-layout-top-2-line:before {
  content: "\ee9f";
}

.ri-layout-top-fill:before {
  content: "\eea0";
}

.ri-layout-top-line:before {
  content: "\eea1";
}

.ri-leaf-fill:before {
  content: "\eea2";
}

.ri-leaf-line:before {
  content: "\eea3";
}

.ri-lifebuoy-fill:before {
  content: "\eea4";
}

.ri-lifebuoy-line:before {
  content: "\eea5";
}

.ri-lightbulb-fill:before {
  content: "\eea6";
}

.ri-lightbulb-flash-fill:before {
  content: "\eea7";
}

.ri-lightbulb-flash-line:before {
  content: "\eea8";
}

.ri-lightbulb-line:before {
  content: "\eea9";
}

.ri-line-chart-fill:before {
  content: "\eeaa";
}

.ri-line-chart-line:before {
  content: "\eeab";
}

.ri-line-fill:before {
  content: "\eeac";
}

.ri-line-height:before {
  content: "\eead";
}

.ri-line-line:before {
  content: "\eeae";
}

.ri-link-m:before {
  content: "\eeaf";
}

.ri-link-unlink-m:before {
  content: "\eeb0";
}

.ri-link-unlink:before {
  content: "\eeb1";
}

.ri-link:before {
  content: "\eeb2";
}

.ri-linkedin-box-fill:before {
  content: "\eeb3";
}

.ri-linkedin-box-line:before {
  content: "\eeb4";
}

.ri-linkedin-fill:before {
  content: "\eeb5";
}

.ri-linkedin-line:before {
  content: "\eeb6";
}

.ri-links-fill:before {
  content: "\eeb7";
}

.ri-links-line:before {
  content: "\eeb8";
}

.ri-list-check-2:before {
  content: "\eeb9";
}

.ri-list-check:before {
  content: "\eeba";
}

.ri-list-ordered:before {
  content: "\eebb";
}

.ri-list-settings-fill:before {
  content: "\eebc";
}

.ri-list-settings-line:before {
  content: "\eebd";
}

.ri-list-unordered:before {
  content: "\eebe";
}

.ri-live-fill:before {
  content: "\eebf";
}

.ri-live-line:before {
  content: "\eec0";
}

.ri-loader-2-fill:before {
  content: "\eec1";
}

.ri-loader-2-line:before {
  content: "\eec2";
}

.ri-loader-3-fill:before {
  content: "\eec3";
}

.ri-loader-3-line:before {
  content: "\eec4";
}

.ri-loader-4-fill:before {
  content: "\eec5";
}

.ri-loader-4-line:before {
  content: "\eec6";
}

.ri-loader-5-fill:before {
  content: "\eec7";
}

.ri-loader-5-line:before {
  content: "\eec8";
}

.ri-loader-fill:before {
  content: "\eec9";
}

.ri-loader-line:before {
  content: "\eeca";
}

.ri-lock-2-fill:before {
  content: "\eecb";
}

.ri-lock-2-line:before {
  content: "\eecc";
}

.ri-lock-fill:before {
  content: "\eecd";
}

.ri-lock-line:before {
  content: "\eece";
}

.ri-lock-password-fill:before {
  content: "\eecf";
}

.ri-lock-password-line:before {
  content: "\eed0";
}

.ri-lock-unlock-fill:before {
  content: "\eed1";
}

.ri-lock-unlock-line:before {
  content: "\eed2";
}

.ri-login-box-fill:before {
  content: "\eed3";
}

.ri-login-box-line:before {
  content: "\eed4";
}

.ri-login-circle-fill:before {
  content: "\eed5";
}

.ri-login-circle-line:before {
  content: "\eed6";
}

.ri-logout-box-fill:before {
  content: "\eed7";
}

.ri-logout-box-line:before {
  content: "\eed8";
}

.ri-logout-box-r-fill:before {
  content: "\eed9";
}

.ri-logout-box-r-line:before {
  content: "\eeda";
}

.ri-logout-circle-fill:before {
  content: "\eedb";
}

.ri-logout-circle-line:before {
  content: "\eedc";
}

.ri-logout-circle-r-fill:before {
  content: "\eedd";
}

.ri-logout-circle-r-line:before {
  content: "\eede";
}

.ri-luggage-cart-fill:before {
  content: "\eedf";
}

.ri-luggage-cart-line:before {
  content: "\eee0";
}

.ri-luggage-deposit-fill:before {
  content: "\eee1";
}

.ri-luggage-deposit-line:before {
  content: "\eee2";
}

.ri-lungs-fill:before {
  content: "\eee3";
}

.ri-lungs-line:before {
  content: "\eee4";
}

.ri-mac-fill:before {
  content: "\eee5";
}

.ri-mac-line:before {
  content: "\eee6";
}

.ri-macbook-fill:before {
  content: "\eee7";
}

.ri-macbook-line:before {
  content: "\eee8";
}

.ri-magic-fill:before {
  content: "\eee9";
}

.ri-magic-line:before {
  content: "\eeea";
}

.ri-mail-add-fill:before {
  content: "\eeeb";
}

.ri-mail-add-line:before {
  content: "\eeec";
}

.ri-mail-check-fill:before {
  content: "\eeed";
}

.ri-mail-check-line:before {
  content: "\eeee";
}

.ri-mail-close-fill:before {
  content: "\eeef";
}

.ri-mail-close-line:before {
  content: "\eef0";
}

.ri-mail-download-fill:before {
  content: "\eef1";
}

.ri-mail-download-line:before {
  content: "\eef2";
}

.ri-mail-fill:before {
  content: "\eef3";
}

.ri-mail-forbid-fill:before {
  content: "\eef4";
}

.ri-mail-forbid-line:before {
  content: "\eef5";
}

.ri-mail-line:before {
  content: "\eef6";
}

.ri-mail-lock-fill:before {
  content: "\eef7";
}

.ri-mail-lock-line:before {
  content: "\eef8";
}

.ri-mail-open-fill:before {
  content: "\eef9";
}

.ri-mail-open-line:before {
  content: "\eefa";
}

.ri-mail-send-fill:before {
  content: "\eefb";
}

.ri-mail-send-line:before {
  content: "\eefc";
}

.ri-mail-settings-fill:before {
  content: "\eefd";
}

.ri-mail-settings-line:before {
  content: "\eefe";
}

.ri-mail-star-fill:before {
  content: "\eeff";
}

.ri-mail-star-line:before {
  content: "\ef00";
}

.ri-mail-unread-fill:before {
  content: "\ef01";
}

.ri-mail-unread-line:before {
  content: "\ef02";
}

.ri-mail-volume-fill:before {
  content: "\ef03";
}

.ri-mail-volume-line:before {
  content: "\ef04";
}

.ri-map-2-fill:before {
  content: "\ef05";
}

.ri-map-2-line:before {
  content: "\ef06";
}

.ri-map-fill:before {
  content: "\ef07";
}

.ri-map-line:before {
  content: "\ef08";
}

.ri-map-pin-2-fill:before {
  content: "\ef09";
}

.ri-map-pin-2-line:before {
  content: "\ef0a";
}

.ri-map-pin-3-fill:before {
  content: "\ef0b";
}

.ri-map-pin-3-line:before {
  content: "\ef0c";
}

.ri-map-pin-4-fill:before {
  content: "\ef0d";
}

.ri-map-pin-4-line:before {
  content: "\ef0e";
}

.ri-map-pin-5-fill:before {
  content: "\ef0f";
}

.ri-map-pin-5-line:before {
  content: "\ef10";
}

.ri-map-pin-add-fill:before {
  content: "\ef11";
}

.ri-map-pin-add-line:before {
  content: "\ef12";
}

.ri-map-pin-fill:before {
  content: "\ef13";
}

.ri-map-pin-line:before {
  content: "\ef14";
}

.ri-map-pin-range-fill:before {
  content: "\ef15";
}

.ri-map-pin-range-line:before {
  content: "\ef16";
}

.ri-map-pin-time-fill:before {
  content: "\ef17";
}

.ri-map-pin-time-line:before {
  content: "\ef18";
}

.ri-map-pin-user-fill:before {
  content: "\ef19";
}

.ri-map-pin-user-line:before {
  content: "\ef1a";
}

.ri-mark-pen-fill:before {
  content: "\ef1b";
}

.ri-mark-pen-line:before {
  content: "\ef1c";
}

.ri-markdown-fill:before {
  content: "\ef1d";
}

.ri-markdown-line:before {
  content: "\ef1e";
}

.ri-markup-fill:before {
  content: "\ef1f";
}

.ri-markup-line:before {
  content: "\ef20";
}

.ri-mastercard-fill:before {
  content: "\ef21";
}

.ri-mastercard-line:before {
  content: "\ef22";
}

.ri-mastodon-fill:before {
  content: "\ef23";
}

.ri-mastodon-line:before {
  content: "\ef24";
}

.ri-medal-2-fill:before {
  content: "\ef25";
}

.ri-medal-2-line:before {
  content: "\ef26";
}

.ri-medal-fill:before {
  content: "\ef27";
}

.ri-medal-line:before {
  content: "\ef28";
}

.ri-medicine-bottle-fill:before {
  content: "\ef29";
}

.ri-medicine-bottle-line:before {
  content: "\ef2a";
}

.ri-medium-fill:before {
  content: "\ef2b";
}

.ri-medium-line:before {
  content: "\ef2c";
}

.ri-men-fill:before {
  content: "\ef2d";
}

.ri-men-line:before {
  content: "\ef2e";
}

.ri-mental-health-fill:before {
  content: "\ef2f";
}

.ri-mental-health-line:before {
  content: "\ef30";
}

.ri-menu-2-fill:before {
  content: "\ef31";
}

.ri-menu-2-line:before {
  content: "\ef32";
}

.ri-menu-3-fill:before {
  content: "\ef33";
}

.ri-menu-3-line:before {
  content: "\ef34";
}

.ri-menu-4-fill:before {
  content: "\ef35";
}

.ri-menu-4-line:before {
  content: "\ef36";
}

.ri-menu-5-fill:before {
  content: "\ef37";
}

.ri-menu-5-line:before {
  content: "\ef38";
}

.ri-menu-add-fill:before {
  content: "\ef39";
}

.ri-menu-add-line:before {
  content: "\ef3a";
}

.ri-menu-fill:before {
  content: "\ef3b";
}

.ri-menu-fold-fill:before {
  content: "\ef3c";
}

.ri-menu-fold-line:before {
  content: "\ef3d";
}

.ri-menu-line:before {
  content: "\ef3e";
}

.ri-menu-unfold-fill:before {
  content: "\ef3f";
}

.ri-menu-unfold-line:before {
  content: "\ef40";
}

.ri-merge-cells-horizontal:before {
  content: "\ef41";
}

.ri-merge-cells-vertical:before {
  content: "\ef42";
}

.ri-message-2-fill:before {
  content: "\ef43";
}

.ri-message-2-line:before {
  content: "\ef44";
}

.ri-message-3-fill:before {
  content: "\ef45";
}

.ri-message-3-line:before {
  content: "\ef46";
}

.ri-message-fill:before {
  content: "\ef47";
}

.ri-message-line:before {
  content: "\ef48";
}

.ri-messenger-fill:before {
  content: "\ef49";
}

.ri-messenger-line:before {
  content: "\ef4a";
}

.ri-meteor-fill:before {
  content: "\ef4b";
}

.ri-meteor-line:before {
  content: "\ef4c";
}

.ri-mic-2-fill:before {
  content: "\ef4d";
}

.ri-mic-2-line:before {
  content: "\ef4e";
}

.ri-mic-fill:before {
  content: "\ef4f";
}

.ri-mic-line:before {
  content: "\ef50";
}

.ri-mic-off-fill:before {
  content: "\ef51";
}

.ri-mic-off-line:before {
  content: "\ef52";
}

.ri-mickey-fill:before {
  content: "\ef53";
}

.ri-mickey-line:before {
  content: "\ef54";
}

.ri-microscope-fill:before {
  content: "\ef55";
}

.ri-microscope-line:before {
  content: "\ef56";
}

.ri-microsoft-fill:before {
  content: "\ef57";
}

.ri-microsoft-line:before {
  content: "\ef58";
}

.ri-mind-map:before {
  content: "\ef59";
}

.ri-mini-program-fill:before {
  content: "\ef5a";
}

.ri-mini-program-line:before {
  content: "\ef5b";
}

.ri-mist-fill:before {
  content: "\ef5c";
}

.ri-mist-line:before {
  content: "\ef5d";
}

.ri-money-cny-box-fill:before {
  content: "\ef5e";
}

.ri-money-cny-box-line:before {
  content: "\ef5f";
}

.ri-money-cny-circle-fill:before {
  content: "\ef60";
}

.ri-money-cny-circle-line:before {
  content: "\ef61";
}

.ri-money-dollar-box-fill:before {
  content: "\ef62";
}

.ri-money-dollar-box-line:before {
  content: "\ef63";
}

.ri-money-dollar-circle-fill:before {
  content: "\ef64";
}

.ri-money-dollar-circle-line:before {
  content: "\ef65";
}

.ri-money-euro-box-fill:before {
  content: "\ef66";
}

.ri-money-euro-box-line:before {
  content: "\ef67";
}

.ri-money-euro-circle-fill:before {
  content: "\ef68";
}

.ri-money-euro-circle-line:before {
  content: "\ef69";
}

.ri-money-pound-box-fill:before {
  content: "\ef6a";
}

.ri-money-pound-box-line:before {
  content: "\ef6b";
}

.ri-money-pound-circle-fill:before {
  content: "\ef6c";
}

.ri-money-pound-circle-line:before {
  content: "\ef6d";
}

.ri-moon-clear-fill:before {
  content: "\ef6e";
}

.ri-moon-clear-line:before {
  content: "\ef6f";
}

.ri-moon-cloudy-fill:before {
  content: "\ef70";
}

.ri-moon-cloudy-line:before {
  content: "\ef71";
}

.ri-moon-fill:before {
  content: "\ef72";
}

.ri-moon-foggy-fill:before {
  content: "\ef73";
}

.ri-moon-foggy-line:before {
  content: "\ef74";
}

.ri-moon-line:before {
  content: "\ef75";
}

.ri-more-2-fill:before {
  content: "\ef76";
}

.ri-more-2-line:before {
  content: "\ef77";
}

.ri-more-fill:before {
  content: "\ef78";
}

.ri-more-line:before {
  content: "\ef79";
}

.ri-motorbike-fill:before {
  content: "\ef7a";
}

.ri-motorbike-line:before {
  content: "\ef7b";
}

.ri-mouse-fill:before {
  content: "\ef7c";
}

.ri-mouse-line:before {
  content: "\ef7d";
}

.ri-movie-2-fill:before {
  content: "\ef7e";
}

.ri-movie-2-line:before {
  content: "\ef7f";
}

.ri-movie-fill:before {
  content: "\ef80";
}

.ri-movie-line:before {
  content: "\ef81";
}

.ri-music-2-fill:before {
  content: "\ef82";
}

.ri-music-2-line:before {
  content: "\ef83";
}

.ri-music-fill:before {
  content: "\ef84";
}

.ri-music-line:before {
  content: "\ef85";
}

.ri-mv-fill:before {
  content: "\ef86";
}

.ri-mv-line:before {
  content: "\ef87";
}

.ri-navigation-fill:before {
  content: "\ef88";
}

.ri-navigation-line:before {
  content: "\ef89";
}

.ri-netease-cloud-music-fill:before {
  content: "\ef8a";
}

.ri-netease-cloud-music-line:before {
  content: "\ef8b";
}

.ri-netflix-fill:before {
  content: "\ef8c";
}

.ri-netflix-line:before {
  content: "\ef8d";
}

.ri-newspaper-fill:before {
  content: "\ef8e";
}

.ri-newspaper-line:before {
  content: "\ef8f";
}

.ri-node-tree:before {
  content: "\ef90";
}

.ri-notification-2-fill:before {
  content: "\ef91";
}

.ri-notification-2-line:before {
  content: "\ef92";
}

.ri-notification-3-fill:before {
  content: "\ef93";
}

.ri-notification-3-line:before {
  content: "\ef94";
}

.ri-notification-4-fill:before {
  content: "\ef95";
}

.ri-notification-4-line:before {
  content: "\ef96";
}

.ri-notification-badge-fill:before {
  content: "\ef97";
}

.ri-notification-badge-line:before {
  content: "\ef98";
}

.ri-notification-fill:before {
  content: "\ef99";
}

.ri-notification-line:before {
  content: "\ef9a";
}

.ri-notification-off-fill:before {
  content: "\ef9b";
}

.ri-notification-off-line:before {
  content: "\ef9c";
}

.ri-npmjs-fill:before {
  content: "\ef9d";
}

.ri-npmjs-line:before {
  content: "\ef9e";
}

.ri-number-0:before {
  content: "\ef9f";
}

.ri-number-1:before {
  content: "\efa0";
}

.ri-number-2:before {
  content: "\efa1";
}

.ri-number-3:before {
  content: "\efa2";
}

.ri-number-4:before {
  content: "\efa3";
}

.ri-number-5:before {
  content: "\efa4";
}

.ri-number-6:before {
  content: "\efa5";
}

.ri-number-7:before {
  content: "\efa6";
}

.ri-number-8:before {
  content: "\efa7";
}

.ri-number-9:before {
  content: "\efa8";
}

.ri-numbers-fill:before {
  content: "\efa9";
}

.ri-numbers-line:before {
  content: "\efaa";
}

.ri-nurse-fill:before {
  content: "\efab";
}

.ri-nurse-line:before {
  content: "\efac";
}

.ri-oil-fill:before {
  content: "\efad";
}

.ri-oil-line:before {
  content: "\efae";
}

.ri-omega:before {
  content: "\efaf";
}

.ri-open-arm-fill:before {
  content: "\efb0";
}

.ri-open-arm-line:before {
  content: "\efb1";
}

.ri-open-source-fill:before {
  content: "\efb2";
}

.ri-open-source-line:before {
  content: "\efb3";
}

.ri-opera-fill:before {
  content: "\efb4";
}

.ri-opera-line:before {
  content: "\efb5";
}

.ri-order-play-fill:before {
  content: "\efb6";
}

.ri-order-play-line:before {
  content: "\efb7";
}

.ri-organization-chart:before {
  content: "\efb8";
}

.ri-outlet-2-fill:before {
  content: "\efb9";
}

.ri-outlet-2-line:before {
  content: "\efba";
}

.ri-outlet-fill:before {
  content: "\efbb";
}

.ri-outlet-line:before {
  content: "\efbc";
}

.ri-page-separator:before {
  content: "\efbd";
}

.ri-pages-fill:before {
  content: "\efbe";
}

.ri-pages-line:before {
  content: "\efbf";
}

.ri-paint-brush-fill:before {
  content: "\efc0";
}

.ri-paint-brush-line:before {
  content: "\efc1";
}

.ri-paint-fill:before {
  content: "\efc2";
}

.ri-paint-line:before {
  content: "\efc3";
}

.ri-palette-fill:before {
  content: "\efc4";
}

.ri-palette-line:before {
  content: "\efc5";
}

.ri-pantone-fill:before {
  content: "\efc6";
}

.ri-pantone-line:before {
  content: "\efc7";
}

.ri-paragraph:before {
  content: "\efc8";
}

.ri-parent-fill:before {
  content: "\efc9";
}

.ri-parent-line:before {
  content: "\efca";
}

.ri-parentheses-fill:before {
  content: "\efcb";
}

.ri-parentheses-line:before {
  content: "\efcc";
}

.ri-parking-box-fill:before {
  content: "\efcd";
}

.ri-parking-box-line:before {
  content: "\efce";
}

.ri-parking-fill:before {
  content: "\efcf";
}

.ri-parking-line:before {
  content: "\efd0";
}

.ri-passport-fill:before {
  content: "\efd1";
}

.ri-passport-line:before {
  content: "\efd2";
}

.ri-patreon-fill:before {
  content: "\efd3";
}

.ri-patreon-line:before {
  content: "\efd4";
}

.ri-pause-circle-fill:before {
  content: "\efd5";
}

.ri-pause-circle-line:before {
  content: "\efd6";
}

.ri-pause-fill:before {
  content: "\efd7";
}

.ri-pause-line:before {
  content: "\efd8";
}

.ri-pause-mini-fill:before {
  content: "\efd9";
}

.ri-pause-mini-line:before {
  content: "\efda";
}

.ri-paypal-fill:before {
  content: "\efdb";
}

.ri-paypal-line:before {
  content: "\efdc";
}

.ri-pen-nib-fill:before {
  content: "\efdd";
}

.ri-pen-nib-line:before {
  content: "\efde";
}

.ri-pencil-fill:before {
  content: "\efdf";
}

.ri-pencil-line:before {
  content: "\efe0";
}

.ri-pencil-ruler-2-fill:before {
  content: "\efe1";
}

.ri-pencil-ruler-2-line:before {
  content: "\efe2";
}

.ri-pencil-ruler-fill:before {
  content: "\efe3";
}

.ri-pencil-ruler-line:before {
  content: "\efe4";
}

.ri-percent-fill:before {
  content: "\efe5";
}

.ri-percent-line:before {
  content: "\efe6";
}

.ri-phone-camera-fill:before {
  content: "\efe7";
}

.ri-phone-camera-line:before {
  content: "\efe8";
}

.ri-phone-fill:before {
  content: "\efe9";
}

.ri-phone-find-fill:before {
  content: "\efea";
}

.ri-phone-find-line:before {
  content: "\efeb";
}

.ri-phone-line:before {
  content: "\efec";
}

.ri-phone-lock-fill:before {
  content: "\efed";
}

.ri-phone-lock-line:before {
  content: "\efee";
}

.ri-picture-in-picture-2-fill:before {
  content: "\efef";
}

.ri-picture-in-picture-2-line:before {
  content: "\eff0";
}

.ri-picture-in-picture-exit-fill:before {
  content: "\eff1";
}

.ri-picture-in-picture-exit-line:before {
  content: "\eff2";
}

.ri-picture-in-picture-fill:before {
  content: "\eff3";
}

.ri-picture-in-picture-line:before {
  content: "\eff4";
}

.ri-pie-chart-2-fill:before {
  content: "\eff5";
}

.ri-pie-chart-2-line:before {
  content: "\eff6";
}

.ri-pie-chart-box-fill:before {
  content: "\eff7";
}

.ri-pie-chart-box-line:before {
  content: "\eff8";
}

.ri-pie-chart-fill:before {
  content: "\eff9";
}

.ri-pie-chart-line:before {
  content: "\effa";
}

.ri-pin-distance-fill:before {
  content: "\effb";
}

.ri-pin-distance-line:before {
  content: "\effc";
}

.ri-ping-pong-fill:before {
  content: "\effd";
}

.ri-ping-pong-line:before {
  content: "\effe";
}

.ri-pinterest-fill:before {
  content: "\efff";
}

.ri-pinterest-line:before {
  content: "\f000";
}

.ri-pinyin-input:before {
  content: "\f001";
}

.ri-pixelfed-fill:before {
  content: "\f002";
}

.ri-pixelfed-line:before {
  content: "\f003";
}

.ri-plane-fill:before {
  content: "\f004";
}

.ri-plane-line:before {
  content: "\f005";
}

.ri-plant-fill:before {
  content: "\f006";
}

.ri-plant-line:before {
  content: "\f007";
}

.ri-play-circle-fill:before {
  content: "\f008";
}

.ri-play-circle-line:before {
  content: "\f009";
}

.ri-play-fill:before {
  content: "\f00a";
}

.ri-play-line:before {
  content: "\f00b";
}

.ri-play-list-2-fill:before {
  content: "\f00c";
}

.ri-play-list-2-line:before {
  content: "\f00d";
}

.ri-play-list-add-fill:before {
  content: "\f00e";
}

.ri-play-list-add-line:before {
  content: "\f00f";
}

.ri-play-list-fill:before {
  content: "\f010";
}

.ri-play-list-line:before {
  content: "\f011";
}

.ri-play-mini-fill:before {
  content: "\f012";
}

.ri-play-mini-line:before {
  content: "\f013";
}

.ri-playstation-fill:before {
  content: "\f014";
}

.ri-playstation-line:before {
  content: "\f015";
}

.ri-plug-2-fill:before {
  content: "\f016";
}

.ri-plug-2-line:before {
  content: "\f017";
}

.ri-plug-fill:before {
  content: "\f018";
}

.ri-plug-line:before {
  content: "\f019";
}

.ri-polaroid-2-fill:before {
  content: "\f01a";
}

.ri-polaroid-2-line:before {
  content: "\f01b";
}

.ri-polaroid-fill:before {
  content: "\f01c";
}

.ri-polaroid-line:before {
  content: "\f01d";
}

.ri-police-car-fill:before {
  content: "\f01e";
}

.ri-police-car-line:before {
  content: "\f01f";
}

.ri-price-tag-2-fill:before {
  content: "\f020";
}

.ri-price-tag-2-line:before {
  content: "\f021";
}

.ri-price-tag-3-fill:before {
  content: "\f022";
}

.ri-price-tag-3-line:before {
  content: "\f023";
}

.ri-price-tag-fill:before {
  content: "\f024";
}

.ri-price-tag-line:before {
  content: "\f025";
}

.ri-printer-cloud-fill:before {
  content: "\f026";
}

.ri-printer-cloud-line:before {
  content: "\f027";
}

.ri-printer-fill:before {
  content: "\f028";
}

.ri-printer-line:before {
  content: "\f029";
}

.ri-product-hunt-fill:before {
  content: "\f02a";
}

.ri-product-hunt-line:before {
  content: "\f02b";
}

.ri-profile-fill:before {
  content: "\f02c";
}

.ri-profile-line:before {
  content: "\f02d";
}

.ri-projector-2-fill:before {
  content: "\f02e";
}

.ri-projector-2-line:before {
  content: "\f02f";
}

.ri-projector-fill:before {
  content: "\f030";
}

.ri-projector-line:before {
  content: "\f031";
}

.ri-psychotherapy-fill:before {
  content: "\f032";
}

.ri-psychotherapy-line:before {
  content: "\f033";
}

.ri-pulse-fill:before {
  content: "\f034";
}

.ri-pulse-line:before {
  content: "\f035";
}

.ri-pushpin-2-fill:before {
  content: "\f036";
}

.ri-pushpin-2-line:before {
  content: "\f037";
}

.ri-pushpin-fill:before {
  content: "\f038";
}

.ri-pushpin-line:before {
  content: "\f039";
}

.ri-qq-fill:before {
  content: "\f03a";
}

.ri-qq-line:before {
  content: "\f03b";
}

.ri-qr-code-fill:before {
  content: "\f03c";
}

.ri-qr-code-line:before {
  content: "\f03d";
}

.ri-qr-scan-2-fill:before {
  content: "\f03e";
}

.ri-qr-scan-2-line:before {
  content: "\f03f";
}

.ri-qr-scan-fill:before {
  content: "\f040";
}

.ri-qr-scan-line:before {
  content: "\f041";
}

.ri-question-answer-fill:before {
  content: "\f042";
}

.ri-question-answer-line:before {
  content: "\f043";
}

.ri-question-fill:before {
  content: "\f044";
}

.ri-question-line:before {
  content: "\f045";
}

.ri-question-mark:before {
  content: "\f046";
}

.ri-questionnaire-fill:before {
  content: "\f047";
}

.ri-questionnaire-line:before {
  content: "\f048";
}

.ri-quill-pen-fill:before {
  content: "\f049";
}

.ri-quill-pen-line:before {
  content: "\f04a";
}

.ri-radar-fill:before {
  content: "\f04b";
}

.ri-radar-line:before {
  content: "\f04c";
}

.ri-radio-2-fill:before {
  content: "\f04d";
}

.ri-radio-2-line:before {
  content: "\f04e";
}

.ri-radio-button-fill:before {
  content: "\f04f";
}

.ri-radio-button-line:before {
  content: "\f050";
}

.ri-radio-fill:before {
  content: "\f051";
}

.ri-radio-line:before {
  content: "\f052";
}

.ri-rainbow-fill:before {
  content: "\f053";
}

.ri-rainbow-line:before {
  content: "\f054";
}

.ri-rainy-fill:before {
  content: "\f055";
}

.ri-rainy-line:before {
  content: "\f056";
}

.ri-reactjs-fill:before {
  content: "\f057";
}

.ri-reactjs-line:before {
  content: "\f058";
}

.ri-record-circle-fill:before {
  content: "\f059";
}

.ri-record-circle-line:before {
  content: "\f05a";
}

.ri-record-mail-fill:before {
  content: "\f05b";
}

.ri-record-mail-line:before {
  content: "\f05c";
}

.ri-recycle-fill:before {
  content: "\f05d";
}

.ri-recycle-line:before {
  content: "\f05e";
}

.ri-red-packet-fill:before {
  content: "\f05f";
}

.ri-red-packet-line:before {
  content: "\f060";
}

.ri-reddit-fill:before {
  content: "\f061";
}

.ri-reddit-line:before {
  content: "\f062";
}

.ri-refresh-fill:before {
  content: "\f063";
}

.ri-refresh-line:before {
  content: "\f064";
}

.ri-refund-2-fill:before {
  content: "\f065";
}

.ri-refund-2-line:before {
  content: "\f066";
}

.ri-refund-fill:before {
  content: "\f067";
}

.ri-refund-line:before {
  content: "\f068";
}

.ri-registered-fill:before {
  content: "\f069";
}

.ri-registered-line:before {
  content: "\f06a";
}

.ri-remixicon-fill:before {
  content: "\f06b";
}

.ri-remixicon-line:before {
  content: "\f06c";
}

.ri-remote-control-2-fill:before {
  content: "\f06d";
}

.ri-remote-control-2-line:before {
  content: "\f06e";
}

.ri-remote-control-fill:before {
  content: "\f06f";
}

.ri-remote-control-line:before {
  content: "\f070";
}

.ri-repeat-2-fill:before {
  content: "\f071";
}

.ri-repeat-2-line:before {
  content: "\f072";
}

.ri-repeat-fill:before {
  content: "\f073";
}

.ri-repeat-line:before {
  content: "\f074";
}

.ri-repeat-one-fill:before {
  content: "\f075";
}

.ri-repeat-one-line:before {
  content: "\f076";
}

.ri-reply-all-fill:before {
  content: "\f077";
}

.ri-reply-all-line:before {
  content: "\f078";
}

.ri-reply-fill:before {
  content: "\f079";
}

.ri-reply-line:before {
  content: "\f07a";
}

.ri-reserved-fill:before {
  content: "\f07b";
}

.ri-reserved-line:before {
  content: "\f07c";
}

.ri-rest-time-fill:before {
  content: "\f07d";
}

.ri-rest-time-line:before {
  content: "\f07e";
}

.ri-restart-fill:before {
  content: "\f07f";
}

.ri-restart-line:before {
  content: "\f080";
}

.ri-restaurant-2-fill:before {
  content: "\f081";
}

.ri-restaurant-2-line:before {
  content: "\f082";
}

.ri-restaurant-fill:before {
  content: "\f083";
}

.ri-restaurant-line:before {
  content: "\f084";
}

.ri-rewind-fill:before {
  content: "\f085";
}

.ri-rewind-line:before {
  content: "\f086";
}

.ri-rewind-mini-fill:before {
  content: "\f087";
}

.ri-rewind-mini-line:before {
  content: "\f088";
}

.ri-rhythm-fill:before {
  content: "\f089";
}

.ri-rhythm-line:before {
  content: "\f08a";
}

.ri-riding-fill:before {
  content: "\f08b";
}

.ri-riding-line:before {
  content: "\f08c";
}

.ri-road-map-fill:before {
  content: "\f08d";
}

.ri-road-map-line:before {
  content: "\f08e";
}

.ri-roadster-fill:before {
  content: "\f08f";
}

.ri-roadster-line:before {
  content: "\f090";
}

.ri-robot-fill:before {
  content: "\f091";
}

.ri-robot-line:before {
  content: "\f092";
}

.ri-rocket-2-fill:before {
  content: "\f093";
}

.ri-rocket-2-line:before {
  content: "\f094";
}

.ri-rocket-fill:before {
  content: "\f095";
}

.ri-rocket-line:before {
  content: "\f096";
}

.ri-rotate-lock-fill:before {
  content: "\f097";
}

.ri-rotate-lock-line:before {
  content: "\f098";
}

.ri-rounded-corner:before {
  content: "\f099";
}

.ri-route-fill:before {
  content: "\f09a";
}

.ri-route-line:before {
  content: "\f09b";
}

.ri-router-fill:before {
  content: "\f09c";
}

.ri-router-line:before {
  content: "\f09d";
}

.ri-rss-fill:before {
  content: "\f09e";
}

.ri-rss-line:before {
  content: "\f09f";
}

.ri-ruler-2-fill:before {
  content: "\f0a0";
}

.ri-ruler-2-line:before {
  content: "\f0a1";
}

.ri-ruler-fill:before {
  content: "\f0a2";
}

.ri-ruler-line:before {
  content: "\f0a3";
}

.ri-run-fill:before {
  content: "\f0a4";
}

.ri-run-line:before {
  content: "\f0a5";
}

.ri-safari-fill:before {
  content: "\f0a6";
}

.ri-safari-line:before {
  content: "\f0a7";
}

.ri-safe-2-fill:before {
  content: "\f0a8";
}

.ri-safe-2-line:before {
  content: "\f0a9";
}

.ri-safe-fill:before {
  content: "\f0aa";
}

.ri-safe-line:before {
  content: "\f0ab";
}

.ri-sailboat-fill:before {
  content: "\f0ac";
}

.ri-sailboat-line:before {
  content: "\f0ad";
}

.ri-save-2-fill:before {
  content: "\f0ae";
}

.ri-save-2-line:before {
  content: "\f0af";
}

.ri-save-3-fill:before {
  content: "\f0b0";
}

.ri-save-3-line:before {
  content: "\f0b1";
}

.ri-save-fill:before {
  content: "\f0b2";
}

.ri-save-line:before {
  content: "\f0b3";
}

.ri-scales-2-fill:before {
  content: "\f0b4";
}

.ri-scales-2-line:before {
  content: "\f0b5";
}

.ri-scales-3-fill:before {
  content: "\f0b6";
}

.ri-scales-3-line:before {
  content: "\f0b7";
}

.ri-scales-fill:before {
  content: "\f0b8";
}

.ri-scales-line:before {
  content: "\f0b9";
}

.ri-scan-2-fill:before {
  content: "\f0ba";
}

.ri-scan-2-line:before {
  content: "\f0bb";
}

.ri-scan-fill:before {
  content: "\f0bc";
}

.ri-scan-line:before {
  content: "\f0bd";
}

.ri-scissors-2-fill:before {
  content: "\f0be";
}

.ri-scissors-2-line:before {
  content: "\f0bf";
}

.ri-scissors-cut-fill:before {
  content: "\f0c0";
}

.ri-scissors-cut-line:before {
  content: "\f0c1";
}

.ri-scissors-fill:before {
  content: "\f0c2";
}

.ri-scissors-line:before {
  content: "\f0c3";
}

.ri-screenshot-2-fill:before {
  content: "\f0c4";
}

.ri-screenshot-2-line:before {
  content: "\f0c5";
}

.ri-screenshot-fill:before {
  content: "\f0c6";
}

.ri-screenshot-line:before {
  content: "\f0c7";
}

.ri-sd-card-fill:before {
  content: "\f0c8";
}

.ri-sd-card-line:before {
  content: "\f0c9";
}

.ri-sd-card-mini-fill:before {
  content: "\f0ca";
}

.ri-sd-card-mini-line:before {
  content: "\f0cb";
}

.ri-search-2-fill:before {
  content: "\f0cc";
}

.ri-search-2-line:before {
  content: "\f0cd";
}

.ri-search-eye-fill:before {
  content: "\f0ce";
}

.ri-search-eye-line:before {
  content: "\f0cf";
}

.ri-search-fill:before {
  content: "\f0d0";
}

.ri-search-line:before {
  content: "\f0d1";
}

.ri-secure-payment-fill:before {
  content: "\f0d2";
}

.ri-secure-payment-line:before {
  content: "\f0d3";
}

.ri-seedling-fill:before {
  content: "\f0d4";
}

.ri-seedling-line:before {
  content: "\f0d5";
}

.ri-send-backward:before {
  content: "\f0d6";
}

.ri-send-plane-2-fill:before {
  content: "\f0d7";
}

.ri-send-plane-2-line:before {
  content: "\f0d8";
}

.ri-send-plane-fill:before {
  content: "\f0d9";
}

.ri-send-plane-line:before {
  content: "\f0da";
}

.ri-send-to-back:before {
  content: "\f0db";
}

.ri-sensor-fill:before {
  content: "\f0dc";
}

.ri-sensor-line:before {
  content: "\f0dd";
}

.ri-separator:before {
  content: "\f0de";
}

.ri-server-fill:before {
  content: "\f0df";
}

.ri-server-line:before {
  content: "\f0e0";
}

.ri-service-fill:before {
  content: "\f0e1";
}

.ri-service-line:before {
  content: "\f0e2";
}

.ri-settings-2-fill:before {
  content: "\f0e3";
}

.ri-settings-2-line:before {
  content: "\f0e4";
}

.ri-settings-3-fill:before {
  content: "\f0e5";
}

.ri-settings-3-line:before {
  content: "\f0e6";
}

.ri-settings-4-fill:before {
  content: "\f0e7";
}

.ri-settings-4-line:before {
  content: "\f0e8";
}

.ri-settings-5-fill:before {
  content: "\f0e9";
}

.ri-settings-5-line:before {
  content: "\f0ea";
}

.ri-settings-6-fill:before {
  content: "\f0eb";
}

.ri-settings-6-line:before {
  content: "\f0ec";
}

.ri-settings-fill:before {
  content: "\f0ed";
}

.ri-settings-line:before {
  content: "\f0ee";
}

.ri-shape-2-fill:before {
  content: "\f0ef";
}

.ri-shape-2-line:before {
  content: "\f0f0";
}

.ri-shape-fill:before {
  content: "\f0f1";
}

.ri-shape-line:before {
  content: "\f0f2";
}

.ri-share-box-fill:before {
  content: "\f0f3";
}

.ri-share-box-line:before {
  content: "\f0f4";
}

.ri-share-circle-fill:before {
  content: "\f0f5";
}

.ri-share-circle-line:before {
  content: "\f0f6";
}

.ri-share-fill:before {
  content: "\f0f7";
}

.ri-share-forward-2-fill:before {
  content: "\f0f8";
}

.ri-share-forward-2-line:before {
  content: "\f0f9";
}

.ri-share-forward-box-fill:before {
  content: "\f0fa";
}

.ri-share-forward-box-line:before {
  content: "\f0fb";
}

.ri-share-forward-fill:before {
  content: "\f0fc";
}

.ri-share-forward-line:before {
  content: "\f0fd";
}

.ri-share-line:before {
  content: "\f0fe";
}

.ri-shield-check-fill:before {
  content: "\f0ff";
}

.ri-shield-check-line:before {
  content: "\f100";
}

.ri-shield-cross-fill:before {
  content: "\f101";
}

.ri-shield-cross-line:before {
  content: "\f102";
}

.ri-shield-fill:before {
  content: "\f103";
}

.ri-shield-flash-fill:before {
  content: "\f104";
}

.ri-shield-flash-line:before {
  content: "\f105";
}

.ri-shield-keyhole-fill:before {
  content: "\f106";
}

.ri-shield-keyhole-line:before {
  content: "\f107";
}

.ri-shield-line:before {
  content: "\f108";
}

.ri-shield-star-fill:before {
  content: "\f109";
}

.ri-shield-star-line:before {
  content: "\f10a";
}

.ri-shield-user-fill:before {
  content: "\f10b";
}

.ri-shield-user-line:before {
  content: "\f10c";
}

.ri-ship-2-fill:before {
  content: "\f10d";
}

.ri-ship-2-line:before {
  content: "\f10e";
}

.ri-ship-fill:before {
  content: "\f10f";
}

.ri-ship-line:before {
  content: "\f110";
}

.ri-shirt-fill:before {
  content: "\f111";
}

.ri-shirt-line:before {
  content: "\f112";
}

.ri-shopping-bag-2-fill:before {
  content: "\f113";
}

.ri-shopping-bag-2-line:before {
  content: "\f114";
}

.ri-shopping-bag-3-fill:before {
  content: "\f115";
}

.ri-shopping-bag-3-line:before {
  content: "\f116";
}

.ri-shopping-bag-fill:before {
  content: "\f117";
}

.ri-shopping-bag-line:before {
  content: "\f118";
}

.ri-shopping-basket-2-fill:before {
  content: "\f119";
}

.ri-shopping-basket-2-line:before {
  content: "\f11a";
}

.ri-shopping-basket-fill:before {
  content: "\f11b";
}

.ri-shopping-basket-line:before {
  content: "\f11c";
}

.ri-shopping-cart-2-fill:before {
  content: "\f11d";
}

.ri-shopping-cart-2-line:before {
  content: "\f11e";
}

.ri-shopping-cart-fill:before {
  content: "\f11f";
}

.ri-shopping-cart-line:before {
  content: "\f120";
}

.ri-showers-fill:before {
  content: "\f121";
}

.ri-showers-line:before {
  content: "\f122";
}

.ri-shuffle-fill:before {
  content: "\f123";
}

.ri-shuffle-line:before {
  content: "\f124";
}

.ri-shut-down-fill:before {
  content: "\f125";
}

.ri-shut-down-line:before {
  content: "\f126";
}

.ri-side-bar-fill:before {
  content: "\f127";
}

.ri-side-bar-line:before {
  content: "\f128";
}

.ri-signal-tower-fill:before {
  content: "\f129";
}

.ri-signal-tower-line:before {
  content: "\f12a";
}

.ri-signal-wifi-1-fill:before {
  content: "\f12b";
}

.ri-signal-wifi-1-line:before {
  content: "\f12c";
}

.ri-signal-wifi-2-fill:before {
  content: "\f12d";
}

.ri-signal-wifi-2-line:before {
  content: "\f12e";
}

.ri-signal-wifi-3-fill:before {
  content: "\f12f";
}

.ri-signal-wifi-3-line:before {
  content: "\f130";
}

.ri-signal-wifi-error-fill:before {
  content: "\f131";
}

.ri-signal-wifi-error-line:before {
  content: "\f132";
}

.ri-signal-wifi-fill:before {
  content: "\f133";
}

.ri-signal-wifi-line:before {
  content: "\f134";
}

.ri-signal-wifi-off-fill:before {
  content: "\f135";
}

.ri-signal-wifi-off-line:before {
  content: "\f136";
}

.ri-sim-card-2-fill:before {
  content: "\f137";
}

.ri-sim-card-2-line:before {
  content: "\f138";
}

.ri-sim-card-fill:before {
  content: "\f139";
}

.ri-sim-card-line:before {
  content: "\f13a";
}

.ri-single-quotes-l:before {
  content: "\f13b";
}

.ri-single-quotes-r:before {
  content: "\f13c";
}

.ri-sip-fill:before {
  content: "\f13d";
}

.ri-sip-line:before {
  content: "\f13e";
}

.ri-skip-back-fill:before {
  content: "\f13f";
}

.ri-skip-back-line:before {
  content: "\f140";
}

.ri-skip-back-mini-fill:before {
  content: "\f141";
}

.ri-skip-back-mini-line:before {
  content: "\f142";
}

.ri-skip-forward-fill:before {
  content: "\f143";
}

.ri-skip-forward-line:before {
  content: "\f144";
}

.ri-skip-forward-mini-fill:before {
  content: "\f145";
}

.ri-skip-forward-mini-line:before {
  content: "\f146";
}

.ri-skull-2-fill:before {
  content: "\f147";
}

.ri-skull-2-line:before {
  content: "\f148";
}

.ri-skull-fill:before {
  content: "\f149";
}

.ri-skull-line:before {
  content: "\f14a";
}

.ri-skype-fill:before {
  content: "\f14b";
}

.ri-skype-line:before {
  content: "\f14c";
}

.ri-slack-fill:before {
  content: "\f14d";
}

.ri-slack-line:before {
  content: "\f14e";
}

.ri-slice-fill:before {
  content: "\f14f";
}

.ri-slice-line:before {
  content: "\f150";
}

.ri-slideshow-2-fill:before {
  content: "\f151";
}

.ri-slideshow-2-line:before {
  content: "\f152";
}

.ri-slideshow-3-fill:before {
  content: "\f153";
}

.ri-slideshow-3-line:before {
  content: "\f154";
}

.ri-slideshow-4-fill:before {
  content: "\f155";
}

.ri-slideshow-4-line:before {
  content: "\f156";
}

.ri-slideshow-fill:before {
  content: "\f157";
}

.ri-slideshow-line:before {
  content: "\f158";
}

.ri-smartphone-fill:before {
  content: "\f159";
}

.ri-smartphone-line:before {
  content: "\f15a";
}

.ri-snapchat-fill:before {
  content: "\f15b";
}

.ri-snapchat-line:before {
  content: "\f15c";
}

.ri-snowy-fill:before {
  content: "\f15d";
}

.ri-snowy-line:before {
  content: "\f15e";
}

.ri-sort-asc:before {
  content: "\f15f";
}

.ri-sort-desc:before {
  content: "\f160";
}

.ri-sound-module-fill:before {
  content: "\f161";
}

.ri-sound-module-line:before {
  content: "\f162";
}

.ri-soundcloud-fill:before {
  content: "\f163";
}

.ri-soundcloud-line:before {
  content: "\f164";
}

.ri-space-ship-fill:before {
  content: "\f165";
}

.ri-space-ship-line:before {
  content: "\f166";
}

.ri-space:before {
  content: "\f167";
}

.ri-spam-2-fill:before {
  content: "\f168";
}

.ri-spam-2-line:before {
  content: "\f169";
}

.ri-spam-3-fill:before {
  content: "\f16a";
}

.ri-spam-3-line:before {
  content: "\f16b";
}

.ri-spam-fill:before {
  content: "\f16c";
}

.ri-spam-line:before {
  content: "\f16d";
}

.ri-speaker-2-fill:before {
  content: "\f16e";
}

.ri-speaker-2-line:before {
  content: "\f16f";
}

.ri-speaker-3-fill:before {
  content: "\f170";
}

.ri-speaker-3-line:before {
  content: "\f171";
}

.ri-speaker-fill:before {
  content: "\f172";
}

.ri-speaker-line:before {
  content: "\f173";
}

.ri-spectrum-fill:before {
  content: "\f174";
}

.ri-spectrum-line:before {
  content: "\f175";
}

.ri-speed-fill:before {
  content: "\f176";
}

.ri-speed-line:before {
  content: "\f177";
}

.ri-speed-mini-fill:before {
  content: "\f178";
}

.ri-speed-mini-line:before {
  content: "\f179";
}

.ri-split-cells-horizontal:before {
  content: "\f17a";
}

.ri-split-cells-vertical:before {
  content: "\f17b";
}

.ri-spotify-fill:before {
  content: "\f17c";
}

.ri-spotify-line:before {
  content: "\f17d";
}

.ri-spy-fill:before {
  content: "\f17e";
}

.ri-spy-line:before {
  content: "\f17f";
}

.ri-stack-fill:before {
  content: "\f180";
}

.ri-stack-line:before {
  content: "\f181";
}

.ri-stack-overflow-fill:before {
  content: "\f182";
}

.ri-stack-overflow-line:before {
  content: "\f183";
}

.ri-stackshare-fill:before {
  content: "\f184";
}

.ri-stackshare-line:before {
  content: "\f185";
}

.ri-star-fill:before {
  content: "\f186";
}

.ri-star-half-fill:before {
  content: "\f187";
}

.ri-star-half-line:before {
  content: "\f188";
}

.ri-star-half-s-fill:before {
  content: "\f189";
}

.ri-star-half-s-line:before {
  content: "\f18a";
}

.ri-star-line:before {
  content: "\f18b";
}

.ri-star-s-fill:before {
  content: "\f18c";
}

.ri-star-s-line:before {
  content: "\f18d";
}

.ri-star-smile-fill:before {
  content: "\f18e";
}

.ri-star-smile-line:before {
  content: "\f18f";
}

.ri-steam-fill:before {
  content: "\f190";
}

.ri-steam-line:before {
  content: "\f191";
}

.ri-steering-2-fill:before {
  content: "\f192";
}

.ri-steering-2-line:before {
  content: "\f193";
}

.ri-steering-fill:before {
  content: "\f194";
}

.ri-steering-line:before {
  content: "\f195";
}

.ri-stethoscope-fill:before {
  content: "\f196";
}

.ri-stethoscope-line:before {
  content: "\f197";
}

.ri-sticky-note-2-fill:before {
  content: "\f198";
}

.ri-sticky-note-2-line:before {
  content: "\f199";
}

.ri-sticky-note-fill:before {
  content: "\f19a";
}

.ri-sticky-note-line:before {
  content: "\f19b";
}

.ri-stock-fill:before {
  content: "\f19c";
}

.ri-stock-line:before {
  content: "\f19d";
}

.ri-stop-circle-fill:before {
  content: "\f19e";
}

.ri-stop-circle-line:before {
  content: "\f19f";
}

.ri-stop-fill:before {
  content: "\f1a0";
}

.ri-stop-line:before {
  content: "\f1a1";
}

.ri-stop-mini-fill:before {
  content: "\f1a2";
}

.ri-stop-mini-line:before {
  content: "\f1a3";
}

.ri-store-2-fill:before {
  content: "\f1a4";
}

.ri-store-2-line:before {
  content: "\f1a5";
}

.ri-store-3-fill:before {
  content: "\f1a6";
}

.ri-store-3-line:before {
  content: "\f1a7";
}

.ri-store-fill:before {
  content: "\f1a8";
}

.ri-store-line:before {
  content: "\f1a9";
}

.ri-strikethrough-2:before {
  content: "\f1aa";
}

.ri-strikethrough:before {
  content: "\f1ab";
}

.ri-subscript-2:before {
  content: "\f1ac";
}

.ri-subscript:before {
  content: "\f1ad";
}

.ri-subtract-fill:before {
  content: "\f1ae";
}

.ri-subtract-line:before {
  content: "\f1af";
}

.ri-subway-fill:before {
  content: "\f1b0";
}

.ri-subway-line:before {
  content: "\f1b1";
}

.ri-subway-wifi-fill:before {
  content: "\f1b2";
}

.ri-subway-wifi-line:before {
  content: "\f1b3";
}

.ri-suitcase-2-fill:before {
  content: "\f1b4";
}

.ri-suitcase-2-line:before {
  content: "\f1b5";
}

.ri-suitcase-3-fill:before {
  content: "\f1b6";
}

.ri-suitcase-3-line:before {
  content: "\f1b7";
}

.ri-suitcase-fill:before {
  content: "\f1b8";
}

.ri-suitcase-line:before {
  content: "\f1b9";
}

.ri-sun-cloudy-fill:before {
  content: "\f1ba";
}

.ri-sun-cloudy-line:before {
  content: "\f1bb";
}

.ri-sun-fill:before {
  content: "\f1bc";
}

.ri-sun-foggy-fill:before {
  content: "\f1bd";
}

.ri-sun-foggy-line:before {
  content: "\f1be";
}

.ri-sun-line:before {
  content: "\f1bf";
}

.ri-superscript-2:before {
  content: "\f1c0";
}

.ri-superscript:before {
  content: "\f1c1";
}

.ri-surgical-mask-fill:before {
  content: "\f1c2";
}

.ri-surgical-mask-line:before {
  content: "\f1c3";
}

.ri-surround-sound-fill:before {
  content: "\f1c4";
}

.ri-surround-sound-line:before {
  content: "\f1c5";
}

.ri-survey-fill:before {
  content: "\f1c6";
}

.ri-survey-line:before {
  content: "\f1c7";
}

.ri-swap-box-fill:before {
  content: "\f1c8";
}

.ri-swap-box-line:before {
  content: "\f1c9";
}

.ri-swap-fill:before {
  content: "\f1ca";
}

.ri-swap-line:before {
  content: "\f1cb";
}

.ri-switch-fill:before {
  content: "\f1cc";
}

.ri-switch-line:before {
  content: "\f1cd";
}

.ri-sword-fill:before {
  content: "\f1ce";
}

.ri-sword-line:before {
  content: "\f1cf";
}

.ri-syringe-fill:before {
  content: "\f1d0";
}

.ri-syringe-line:before {
  content: "\f1d1";
}

.ri-t-box-fill:before {
  content: "\f1d2";
}

.ri-t-box-line:before {
  content: "\f1d3";
}

.ri-t-shirt-2-fill:before {
  content: "\f1d4";
}

.ri-t-shirt-2-line:before {
  content: "\f1d5";
}

.ri-t-shirt-air-fill:before {
  content: "\f1d6";
}

.ri-t-shirt-air-line:before {
  content: "\f1d7";
}

.ri-t-shirt-fill:before {
  content: "\f1d8";
}

.ri-t-shirt-line:before {
  content: "\f1d9";
}

.ri-table-2:before {
  content: "\f1da";
}

.ri-table-alt-fill:before {
  content: "\f1db";
}

.ri-table-alt-line:before {
  content: "\f1dc";
}

.ri-table-fill:before {
  content: "\f1dd";
}

.ri-table-line:before {
  content: "\f1de";
}

.ri-tablet-fill:before {
  content: "\f1df";
}

.ri-tablet-line:before {
  content: "\f1e0";
}

.ri-takeaway-fill:before {
  content: "\f1e1";
}

.ri-takeaway-line:before {
  content: "\f1e2";
}

.ri-taobao-fill:before {
  content: "\f1e3";
}

.ri-taobao-line:before {
  content: "\f1e4";
}

.ri-tape-fill:before {
  content: "\f1e5";
}

.ri-tape-line:before {
  content: "\f1e6";
}

.ri-task-fill:before {
  content: "\f1e7";
}

.ri-task-line:before {
  content: "\f1e8";
}

.ri-taxi-fill:before {
  content: "\f1e9";
}

.ri-taxi-line:before {
  content: "\f1ea";
}

.ri-taxi-wifi-fill:before {
  content: "\f1eb";
}

.ri-taxi-wifi-line:before {
  content: "\f1ec";
}

.ri-team-fill:before {
  content: "\f1ed";
}

.ri-team-line:before {
  content: "\f1ee";
}

.ri-telegram-fill:before {
  content: "\f1ef";
}

.ri-telegram-line:before {
  content: "\f1f0";
}

.ri-temp-cold-fill:before {
  content: "\f1f1";
}

.ri-temp-cold-line:before {
  content: "\f1f2";
}

.ri-temp-hot-fill:before {
  content: "\f1f3";
}

.ri-temp-hot-line:before {
  content: "\f1f4";
}

.ri-terminal-box-fill:before {
  content: "\f1f5";
}

.ri-terminal-box-line:before {
  content: "\f1f6";
}

.ri-terminal-fill:before {
  content: "\f1f7";
}

.ri-terminal-line:before {
  content: "\f1f8";
}

.ri-terminal-window-fill:before {
  content: "\f1f9";
}

.ri-terminal-window-line:before {
  content: "\f1fa";
}

.ri-test-tube-fill:before {
  content: "\f1fb";
}

.ri-test-tube-line:before {
  content: "\f1fc";
}

.ri-text-direction-l:before {
  content: "\f1fd";
}

.ri-text-direction-r:before {
  content: "\f1fe";
}

.ri-text-spacing:before {
  content: "\f1ff";
}

.ri-text-wrap:before {
  content: "\f200";
}

.ri-text:before {
  content: "\f201";
}

.ri-thermometer-fill:before {
  content: "\f202";
}

.ri-thermometer-line:before {
  content: "\f203";
}

.ri-thumb-down-fill:before {
  content: "\f204";
}

.ri-thumb-down-line:before {
  content: "\f205";
}

.ri-thumb-up-fill:before {
  content: "\f206";
}

.ri-thumb-up-line:before {
  content: "\f207";
}

.ri-thunderstorms-fill:before {
  content: "\f208";
}

.ri-thunderstorms-line:before {
  content: "\f209";
}

.ri-ticket-2-fill:before {
  content: "\f20a";
}

.ri-ticket-2-line:before {
  content: "\f20b";
}

.ri-ticket-fill:before {
  content: "\f20c";
}

.ri-ticket-line:before {
  content: "\f20d";
}

.ri-time-fill:before {
  content: "\f20e";
}

.ri-time-line:before {
  content: "\f20f";
}

.ri-timer-2-fill:before {
  content: "\f210";
}

.ri-timer-2-line:before {
  content: "\f211";
}

.ri-timer-fill:before {
  content: "\f212";
}

.ri-timer-flash-fill:before {
  content: "\f213";
}

.ri-timer-flash-line:before {
  content: "\f214";
}

.ri-timer-line:before {
  content: "\f215";
}

.ri-todo-fill:before {
  content: "\f216";
}

.ri-todo-line:before {
  content: "\f217";
}

.ri-toggle-fill:before {
  content: "\f218";
}

.ri-toggle-line:before {
  content: "\f219";
}

.ri-tools-fill:before {
  content: "\f21a";
}

.ri-tools-line:before {
  content: "\f21b";
}

.ri-tornado-fill:before {
  content: "\f21c";
}

.ri-tornado-line:before {
  content: "\f21d";
}

.ri-trademark-fill:before {
  content: "\f21e";
}

.ri-trademark-line:before {
  content: "\f21f";
}

.ri-traffic-light-fill:before {
  content: "\f220";
}

.ri-traffic-light-line:before {
  content: "\f221";
}

.ri-train-fill:before {
  content: "\f222";
}

.ri-train-line:before {
  content: "\f223";
}

.ri-train-wifi-fill:before {
  content: "\f224";
}

.ri-train-wifi-line:before {
  content: "\f225";
}

.ri-translate-2:before {
  content: "\f226";
}

.ri-translate:before {
  content: "\f227";
}

.ri-travesti-fill:before {
  content: "\f228";
}

.ri-travesti-line:before {
  content: "\f229";
}

.ri-treasure-map-fill:before {
  content: "\f22a";
}

.ri-treasure-map-line:before {
  content: "\f22b";
}

.ri-trello-fill:before {
  content: "\f22c";
}

.ri-trello-line:before {
  content: "\f22d";
}

.ri-trophy-fill:before {
  content: "\f22e";
}

.ri-trophy-line:before {
  content: "\f22f";
}

.ri-truck-fill:before {
  content: "\f230";
}

.ri-truck-line:before {
  content: "\f231";
}

.ri-tumblr-fill:before {
  content: "\f232";
}

.ri-tumblr-line:before {
  content: "\f233";
}

.ri-tv-2-fill:before {
  content: "\f234";
}

.ri-tv-2-line:before {
  content: "\f235";
}

.ri-tv-fill:before {
  content: "\f236";
}

.ri-tv-line:before {
  content: "\f237";
}

.ri-twitch-fill:before {
  content: "\f238";
}

.ri-twitch-line:before {
  content: "\f239";
}

.ri-twitter-fill:before {
  content: "\f23a";
}

.ri-twitter-line:before {
  content: "\f23b";
}

.ri-typhoon-fill:before {
  content: "\f23c";
}

.ri-typhoon-line:before {
  content: "\f23d";
}

.ri-u-disk-fill:before {
  content: "\f23e";
}

.ri-u-disk-line:before {
  content: "\f23f";
}

.ri-ubuntu-fill:before {
  content: "\f240";
}

.ri-ubuntu-line:before {
  content: "\f241";
}

.ri-umbrella-fill:before {
  content: "\f242";
}

.ri-umbrella-line:before {
  content: "\f243";
}

.ri-underline:before {
  content: "\f244";
}

.ri-uninstall-fill:before {
  content: "\f245";
}

.ri-uninstall-line:before {
  content: "\f246";
}

.ri-unsplash-fill:before {
  content: "\f247";
}

.ri-unsplash-line:before {
  content: "\f248";
}

.ri-upload-2-fill:before {
  content: "\f249";
}

.ri-upload-2-line:before {
  content: "\f24a";
}

.ri-upload-cloud-2-fill:before {
  content: "\f24b";
}

.ri-upload-cloud-2-line:before {
  content: "\f24c";
}

.ri-upload-cloud-fill:before {
  content: "\f24d";
}

.ri-upload-cloud-line:before {
  content: "\f24e";
}

.ri-upload-fill:before {
  content: "\f24f";
}

.ri-upload-line:before {
  content: "\f250";
}

.ri-usb-fill:before {
  content: "\f251";
}

.ri-usb-line:before {
  content: "\f252";
}

.ri-user-2-fill:before {
  content: "\f253";
}

.ri-user-2-line:before {
  content: "\f254";
}

.ri-user-3-fill:before {
  content: "\f255";
}

.ri-user-3-line:before {
  content: "\f256";
}

.ri-user-4-fill:before {
  content: "\f257";
}

.ri-user-4-line:before {
  content: "\f258";
}

.ri-user-5-fill:before {
  content: "\f259";
}

.ri-user-5-line:before {
  content: "\f25a";
}

.ri-user-6-fill:before {
  content: "\f25b";
}

.ri-user-6-line:before {
  content: "\f25c";
}

.ri-user-add-fill:before {
  content: "\f25d";
}

.ri-user-add-line:before {
  content: "\f25e";
}

.ri-user-fill:before {
  content: "\f25f";
}

.ri-user-follow-fill:before {
  content: "\f260";
}

.ri-user-follow-line:before {
  content: "\f261";
}

.ri-user-heart-fill:before {
  content: "\f262";
}

.ri-user-heart-line:before {
  content: "\f263";
}

.ri-user-line:before {
  content: "\f264";
}

.ri-user-location-fill:before {
  content: "\f265";
}

.ri-user-location-line:before {
  content: "\f266";
}

.ri-user-received-2-fill:before {
  content: "\f267";
}

.ri-user-received-2-line:before {
  content: "\f268";
}

.ri-user-received-fill:before {
  content: "\f269";
}

.ri-user-received-line:before {
  content: "\f26a";
}

.ri-user-search-fill:before {
  content: "\f26b";
}

.ri-user-search-line:before {
  content: "\f26c";
}

.ri-user-settings-fill:before {
  content: "\f26d";
}

.ri-user-settings-line:before {
  content: "\f26e";
}

.ri-user-shared-2-fill:before {
  content: "\f26f";
}

.ri-user-shared-2-line:before {
  content: "\f270";
}

.ri-user-shared-fill:before {
  content: "\f271";
}

.ri-user-shared-line:before {
  content: "\f272";
}

.ri-user-smile-fill:before {
  content: "\f273";
}

.ri-user-smile-line:before {
  content: "\f274";
}

.ri-user-star-fill:before {
  content: "\f275";
}

.ri-user-star-line:before {
  content: "\f276";
}

.ri-user-unfollow-fill:before {
  content: "\f277";
}

.ri-user-unfollow-line:before {
  content: "\f278";
}

.ri-user-voice-fill:before {
  content: "\f279";
}

.ri-user-voice-line:before {
  content: "\f27a";
}

.ri-video-add-fill:before {
  content: "\f27b";
}

.ri-video-add-line:before {
  content: "\f27c";
}

.ri-video-chat-fill:before {
  content: "\f27d";
}

.ri-video-chat-line:before {
  content: "\f27e";
}

.ri-video-download-fill:before {
  content: "\f27f";
}

.ri-video-download-line:before {
  content: "\f280";
}

.ri-video-fill:before {
  content: "\f281";
}

.ri-video-line:before {
  content: "\f282";
}

.ri-video-upload-fill:before {
  content: "\f283";
}

.ri-video-upload-line:before {
  content: "\f284";
}

.ri-vidicon-2-fill:before {
  content: "\f285";
}

.ri-vidicon-2-line:before {
  content: "\f286";
}

.ri-vidicon-fill:before {
  content: "\f287";
}

.ri-vidicon-line:before {
  content: "\f288";
}

.ri-vimeo-fill:before {
  content: "\f289";
}

.ri-vimeo-line:before {
  content: "\f28a";
}

.ri-vip-crown-2-fill:before {
  content: "\f28b";
}

.ri-vip-crown-2-line:before {
  content: "\f28c";
}

.ri-vip-crown-fill:before {
  content: "\f28d";
}

.ri-vip-crown-line:before {
  content: "\f28e";
}

.ri-vip-diamond-fill:before {
  content: "\f28f";
}

.ri-vip-diamond-line:before {
  content: "\f290";
}

.ri-vip-fill:before {
  content: "\f291";
}

.ri-vip-line:before {
  content: "\f292";
}

.ri-virus-fill:before {
  content: "\f293";
}

.ri-virus-line:before {
  content: "\f294";
}

.ri-visa-fill:before {
  content: "\f295";
}

.ri-visa-line:before {
  content: "\f296";
}

.ri-voice-recognition-fill:before {
  content: "\f297";
}

.ri-voice-recognition-line:before {
  content: "\f298";
}

.ri-voiceprint-fill:before {
  content: "\f299";
}

.ri-voiceprint-line:before {
  content: "\f29a";
}

.ri-volume-down-fill:before {
  content: "\f29b";
}

.ri-volume-down-line:before {
  content: "\f29c";
}

.ri-volume-mute-fill:before {
  content: "\f29d";
}

.ri-volume-mute-line:before {
  content: "\f29e";
}

.ri-volume-off-vibrate-fill:before {
  content: "\f29f";
}

.ri-volume-off-vibrate-line:before {
  content: "\f2a0";
}

.ri-volume-up-fill:before {
  content: "\f2a1";
}

.ri-volume-up-line:before {
  content: "\f2a2";
}

.ri-volume-vibrate-fill:before {
  content: "\f2a3";
}

.ri-volume-vibrate-line:before {
  content: "\f2a4";
}

.ri-vuejs-fill:before {
  content: "\f2a5";
}

.ri-vuejs-line:before {
  content: "\f2a6";
}

.ri-walk-fill:before {
  content: "\f2a7";
}

.ri-walk-line:before {
  content: "\f2a8";
}

.ri-wallet-2-fill:before {
  content: "\f2a9";
}

.ri-wallet-2-line:before {
  content: "\f2aa";
}

.ri-wallet-3-fill:before {
  content: "\f2ab";
}

.ri-wallet-3-line:before {
  content: "\f2ac";
}

.ri-wallet-fill:before {
  content: "\f2ad";
}

.ri-wallet-line:before {
  content: "\f2ae";
}

.ri-water-flash-fill:before {
  content: "\f2af";
}

.ri-water-flash-line:before {
  content: "\f2b0";
}

.ri-webcam-fill:before {
  content: "\f2b1";
}

.ri-webcam-line:before {
  content: "\f2b2";
}

.ri-wechat-2-fill:before {
  content: "\f2b3";
}

.ri-wechat-2-line:before {
  content: "\f2b4";
}

.ri-wechat-fill:before {
  content: "\f2b5";
}

.ri-wechat-line:before {
  content: "\f2b6";
}

.ri-wechat-pay-fill:before {
  content: "\f2b7";
}

.ri-wechat-pay-line:before {
  content: "\f2b8";
}

.ri-weibo-fill:before {
  content: "\f2b9";
}

.ri-weibo-line:before {
  content: "\f2ba";
}

.ri-whatsapp-fill:before {
  content: "\f2bb";
}

.ri-whatsapp-line:before {
  content: "\f2bc";
}

.ri-wheelchair-fill:before {
  content: "\f2bd";
}

.ri-wheelchair-line:before {
  content: "\f2be";
}

.ri-wifi-fill:before {
  content: "\f2bf";
}

.ri-wifi-line:before {
  content: "\f2c0";
}

.ri-wifi-off-fill:before {
  content: "\f2c1";
}

.ri-wifi-off-line:before {
  content: "\f2c2";
}

.ri-window-2-fill:before {
  content: "\f2c3";
}

.ri-window-2-line:before {
  content: "\f2c4";
}

.ri-window-fill:before {
  content: "\f2c5";
}

.ri-window-line:before {
  content: "\f2c6";
}

.ri-windows-fill:before {
  content: "\f2c7";
}

.ri-windows-line:before {
  content: "\f2c8";
}

.ri-windy-fill:before {
  content: "\f2c9";
}

.ri-windy-line:before {
  content: "\f2ca";
}

.ri-wireless-charging-fill:before {
  content: "\f2cb";
}

.ri-wireless-charging-line:before {
  content: "\f2cc";
}

.ri-women-fill:before {
  content: "\f2cd";
}

.ri-women-line:before {
  content: "\f2ce";
}

.ri-wubi-input:before {
  content: "\f2cf";
}

.ri-xbox-fill:before {
  content: "\f2d0";
}

.ri-xbox-line:before {
  content: "\f2d1";
}

.ri-xing-fill:before {
  content: "\f2d2";
}

.ri-xing-line:before {
  content: "\f2d3";
}

.ri-youtube-fill:before {
  content: "\f2d4";
}

.ri-youtube-line:before {
  content: "\f2d5";
}

.ri-zcool-fill:before {
  content: "\f2d6";
}

.ri-zcool-line:before {
  content: "\f2d7";
}

.ri-zhihu-fill:before {
  content: "\f2d8";
}

.ri-zhihu-line:before {
  content: "\f2d9";
}

.ri-zoom-in-fill:before {
  content: "\f2da";
}

.ri-zoom-in-line:before {
  content: "\f2db";
}

.ri-zoom-out-fill:before {
  content: "\f2dc";
}

.ri-zoom-out-line:before {
  content: "\f2dd";
}

.ri-zzz-fill:before {
  content: "\f2de";
}

.ri-zzz-line:before {
  content: "\f2df";
}


/*# sourceMappingURL=remixicon.css.map */

@charset "UTF-8";

/*!
 * Bootstrap v5.0.0-alpha3 (https://getbootstrap.com/)
 * Copyright 2011-2020 The Bootstrap Authors
 * Copyright 2011-2020 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0))
}

*,
::after,
::before {
  box-sizing: border-box
}

@media (prefers-reduced-motion:no-preference) {
  :root {
    scroll-behavior: smooth
  }
}

body {
  margin: 0;
  font-family: var(--bs-font-sans-serif);
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent
}

[tabindex="-1"]:focus:not(:focus-visible) {
  outline: 0 !important
}

hr {
  margin: 1rem 0;
  color: inherit;
  background-color: currentColor;
  border: 0;
  opacity: .25
}

hr:not([size]) {
  height: 1px
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: .5rem;
  font-weight: 500;
  line-height: 1.2
}

.h1,
h1 {
  font-size: calc(1.375rem + 1.5vw)
}

@media (min-width:1200px) {

  .h1,
  h1 {
    font-size: 2.5rem
  }
}

.h2,
h2 {
  font-size: calc(1.325rem + .9vw)
}

@media (min-width:1200px) {

  .h2,
  h2 {
    font-size: 2rem
  }
}

.h3,
h3 {
  font-size: calc(1.3rem + .6vw)
}

@media (min-width:1200px) {

  .h3,
  h3 {
    font-size: 1.75rem
  }
}

.h4,
h4 {
  font-size: calc(1.275rem + .3vw)
}

@media (min-width:1200px) {

  .h4,
  h4 {
    font-size: 1.5rem
  }
}

.h5,
h5 {
  font-size: 1.25rem
}

.h6,
h6 {
  font-size: 1rem
}

p {
  margin-top: 0;
  margin-bottom: 1rem
}

abbr[data-original-title],
abbr[title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit
}

ol,
ul {
  padding-left: 2rem
}

dl,
ol,
ul {
  margin-top: 0;
  margin-bottom: 1rem
}

ol ol,
ol ul,
ul ol,
ul ul {
  margin-bottom: 0
}

dt {
  font-weight: 700
}

dd {
  margin-bottom: .5rem;
  margin-left: 0
}

blockquote {
  margin: 0 0 1rem
}

b,
strong {
  font-weight: bolder
}

.small,
small {
  font-size: .875em
}

.mark,
mark {
  padding: .2em;
  background-color: #fcf8e3
}

sub,
sup {
  position: relative;
  font-size: .75em;
  line-height: 0;
  vertical-align: baseline
}

sub {
  bottom: -.25em
}

sup {
  top: -.5em
}

a {
  color: #0d6efd;
  text-decoration: underline
}

a:hover {
  color: #0a58ca
}

a:not([href]):not([class]),
a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none
}

code,
kbd,
pre,
samp {
  font-family: var(--bs-font-monospace);
  font-size: 1em
}

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: .875em
}

pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal
}

code {
  font-size: .875em;
  color: #d63384;
  word-wrap: break-word
}

a>code {
  color: inherit
}

kbd {
  padding: .2rem .4rem;
  font-size: .875em;
  color: #fff;
  background-color: #212529;
  border-radius: .2rem
}

kbd kbd {
  padding: 0;
  font-size: 1em;
  font-weight: 700
}

figure {
  margin: 0 0 1rem
}

img,
svg {
  vertical-align: middle
}

table {
  caption-side: bottom;
  border-collapse: collapse
}

caption {
  padding-top: .5rem;
  padding-bottom: .5rem;
  color: #6c757d;
  text-align: left
}

th {
  text-align: inherit;
  text-align: -webkit-match-parent
}

tbody,
td,
tfoot,
th,
thead,
tr {
  border-color: inherit;
  border-style: solid;
  border-width: 0
}

label {
  display: inline-block
}

button {
  border-radius: 0
}

button:focus {
  outline: dotted 1px;
  outline: -webkit-focus-ring-color auto 5px
}

button,
input,
optgroup,
select,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit
}

button,
select {
  text-transform: none
}

[role=button] {
  cursor: pointer
}

select {
  word-wrap: normal
}

[list]::-webkit-calendar-picker-indicator {
  display: none
}

[type=button],
[type=reset],
[type=submit],
button {
  -webkit-appearance: button
}

[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
  cursor: pointer
}

::-moz-focus-inner {
  padding: 0;
  border-style: none
}

textarea {
  resize: vertical
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0
}

legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: .5rem;
  font-size: calc(1.275rem + .3vw);
  line-height: inherit
}

@media (min-width:1200px) {
  legend {
    font-size: 1.5rem
  }
}

legend+* {
  clear: left
}

::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-year-field {
  padding: 0
}

::-webkit-inner-spin-button {
  height: auto
}

[type=search] {
  outline-offset: -2px;
  -webkit-appearance: textfield
}

::-webkit-search-decoration {
  -webkit-appearance: none
}

::-webkit-color-swatch-wrapper {
  padding: 0
}

::file-selector-button {
  font: inherit
}

::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button
}

output {
  display: inline-block
}

iframe {
  border: 0
}

summary {
  display: list-item;
  cursor: pointer
}

progress {
  vertical-align: baseline
}

[hidden] {
  display: none !important
}

.lead {
  font-size: 1.25rem;
  font-weight: 300
}

.display-1 {
  font-size: calc(1.625rem + 4.5vw);
  font-weight: 300;
  line-height: 1.2
}

@media (min-width:1200px) {
  .display-1 {
    font-size: 5rem
  }
}

.display-2 {
  font-size: calc(1.575rem + 3.9vw);
  font-weight: 300;
  line-height: 1.2
}

@media (min-width:1200px) {
  .display-2 {
    font-size: 4.5rem
  }
}

.display-3 {
  font-size: calc(1.525rem + 3.3vw);
  font-weight: 300;
  line-height: 1.2
}

@media (min-width:1200px) {
  .display-3 {
    font-size: 4rem
  }
}

.display-4 {
  font-size: calc(1.475rem + 2.7vw);
  font-weight: 300;
  line-height: 1.2
}

@media (min-width:1200px) {
  .display-4 {
    font-size: 3.5rem
  }
}

.display-5 {
  font-size: calc(1.425rem + 2.1vw);
  font-weight: 300;
  line-height: 1.2
}

@media (min-width:1200px) {
  .display-5 {
    font-size: 3rem
  }
}

.display-6 {
  font-size: calc(1.375rem + 1.5vw);
  font-weight: 300;
  line-height: 1.2
}

@media (min-width:1200px) {
  .display-6 {
    font-size: 2.5rem
  }
}

.list-unstyled {
  padding-left: 0;
  list-style: none
}

.list-inline {
  padding-left: 0;
  list-style: none
}

.list-inline-item {
  display: inline-block
}

.list-inline-item:not(:last-child) {
  margin-right: .5rem
}

.initialism {
  font-size: .875em;
  text-transform: uppercase
}

.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem
}

.blockquote>:last-child {
  margin-bottom: 0
}

.blockquote-footer {
  margin-top: -1rem;
  margin-bottom: 1rem;
  font-size: .875em;
  color: #6c757d
}

.blockquote-footer::before {
  content: "— "
}

.img-fluid {
  max-width: 100%;
  height: auto
}

.img-thumbnail {
  padding: .25rem;
  background-color: #fff;
  border: 1px solid #dee2e6;
  border-radius: .25rem;
  max-width: 100%;
  height: auto
}

.figure {
  display: inline-block
}

.figure-img {
  margin-bottom: .5rem;
  line-height: 1
}

.figure-caption {
  font-size: .875em;
  color: #6c757d
}

.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  --bs-gutter-x: 1.5rem;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x)/ 2);
  padding-left: calc(var(--bs-gutter-x)/ 2);
  margin-right: auto;
  margin-left: auto
}

@media (min-width:576px) {

  .container,
  .container-sm {
    max-width: 540px
  }
}

@media (min-width:768px) {

  .container,
  .container-md,
  .container-sm {
    max-width: 720px
  }
}

@media (min-width:992px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm {
    max-width: 960px
  }
}

@media (min-width:1200px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    max-width: 1140px
  }
}

@media (min-width:1400px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1320px
  }
}

.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--bs-gutter-y) * -1);
  margin-right: calc(var(--bs-gutter-x)/ -2);
  margin-left: calc(var(--bs-gutter-x)/ -2)
}

.row>* {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x)/ 2);
  padding-left: calc(var(--bs-gutter-x)/ 2);
  margin-top: var(--bs-gutter-y)
}

.col {
  flex: 1 0 0%
}

.row-cols-auto>* {
  flex: 0 0 auto;
  width: auto
}

.row-cols-1>* {
  flex: 0 0 auto;
  width: 100%
}

.row-cols-2>* {
  flex: 0 0 auto;
  width: 50%
}

.row-cols-3>* {
  flex: 0 0 auto;
  width: 33.3333333333%
}

.row-cols-4>* {
  flex: 0 0 auto;
  width: 25%
}

.row-cols-5>* {
  flex: 0 0 auto;
  width: 20%
}

.row-cols-6>* {
  flex: 0 0 auto;
  width: 16.6666666667%
}

.col-auto {
  flex: 0 0 auto;
  width: auto
}

.col-1 {
  flex: 0 0 auto;
  width: 8.3333333333%
}

.col-2 {
  flex: 0 0 auto;
  width: 16.6666666667%
}

.col-3 {
  flex: 0 0 auto;
  width: 25%
}

.col-4 {
  flex: 0 0 auto;
  width: 33.3333333333%
}

.col-5 {
  flex: 0 0 auto;
  width: 41.6666666667%
}

.col-6 {
  flex: 0 0 auto;
  width: 50%
}

.col-7 {
  flex: 0 0 auto;
  width: 58.3333333333%
}

.col-8 {
  flex: 0 0 auto;
  width: 66.6666666667%
}

.col-9 {
  flex: 0 0 auto;
  width: 75%
}

.col-10 {
  flex: 0 0 auto;
  width: 83.3333333333%
}

.col-11 {
  flex: 0 0 auto;
  width: 91.6666666667%
}

.col-12 {
  flex: 0 0 auto;
  width: 100%
}

.offset-1 {
  margin-left: 8.3333333333%
}

.offset-2 {
  margin-left: 16.6666666667%
}

.offset-3 {
  margin-left: 25%
}

.offset-4 {
  margin-left: 33.3333333333%
}

.offset-5 {
  margin-left: 41.6666666667%
}

.offset-6 {
  margin-left: 50%
}

.offset-7 {
  margin-left: 58.3333333333%
}

.offset-8 {
  margin-left: 66.6666666667%
}

.offset-9 {
  margin-left: 75%
}

.offset-10 {
  margin-left: 83.3333333333%
}

.offset-11 {
  margin-left: 91.6666666667%
}

.g-0,
.gx-0 {
  --bs-gutter-x: 0
}

.g-0,
.gy-0 {
  --bs-gutter-y: 0
}

.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem
}

.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem
}

.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem
}

.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem
}

.g-3,
.gx-3 {
  --bs-gutter-x: 1rem
}

.g-3,
.gy-3 {
  --bs-gutter-y: 1rem
}

.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem
}

.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem
}

.g-5,
.gx-5 {
  --bs-gutter-x: 3rem
}

.g-5,
.gy-5 {
  --bs-gutter-y: 3rem
}

@media (min-width:576px) {
  .col-sm {
    flex: 1 0 0%
  }

  .row-cols-sm-auto>* {
    flex: 0 0 auto;
    width: auto
  }

  .row-cols-sm-1>* {
    flex: 0 0 auto;
    width: 100%
  }

  .row-cols-sm-2>* {
    flex: 0 0 auto;
    width: 50%
  }

  .row-cols-sm-3>* {
    flex: 0 0 auto;
    width: 33.3333333333%
  }

  .row-cols-sm-4>* {
    flex: 0 0 auto;
    width: 25%
  }

  .row-cols-sm-5>* {
    flex: 0 0 auto;
    width: 20%
  }

  .row-cols-sm-6>* {
    flex: 0 0 auto;
    width: 16.6666666667%
  }

  .col-sm-auto {
    flex: 0 0 auto;
    width: auto
  }

  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.3333333333%
  }

  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.6666666667%
  }

  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%
  }

  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.3333333333%
  }

  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.6666666667%
  }

  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%
  }

  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.3333333333%
  }

  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.6666666667%
  }

  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%
  }

  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.3333333333%
  }

  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.6666666667%
  }

  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%
  }

  .offset-sm-0 {
    margin-left: 0
  }

  .offset-sm-1 {
    margin-left: 8.3333333333%
  }

  .offset-sm-2 {
    margin-left: 16.6666666667%
  }

  .offset-sm-3 {
    margin-left: 25%
  }

  .offset-sm-4 {
    margin-left: 33.3333333333%
  }

  .offset-sm-5 {
    margin-left: 41.6666666667%
  }

  .offset-sm-6 {
    margin-left: 50%
  }

  .offset-sm-7 {
    margin-left: 58.3333333333%
  }

  .offset-sm-8 {
    margin-left: 66.6666666667%
  }

  .offset-sm-9 {
    margin-left: 75%
  }

  .offset-sm-10 {
    margin-left: 83.3333333333%
  }

  .offset-sm-11 {
    margin-left: 91.6666666667%
  }

  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x: 0
  }

  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y: 0
  }

  .g-sm-1,
  .gx-sm-1 {
    --bs-gutter-x: 0.25rem
  }

  .g-sm-1,
  .gy-sm-1 {
    --bs-gutter-y: 0.25rem
  }

  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x: 0.5rem
  }

  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y: 0.5rem
  }

  .g-sm-3,
  .gx-sm-3 {
    --bs-gutter-x: 1rem
  }

  .g-sm-3,
  .gy-sm-3 {
    --bs-gutter-y: 1rem
  }

  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x: 1.5rem
  }

  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y: 1.5rem
  }

  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x: 3rem
  }

  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y: 3rem
  }
}

@media (min-width:768px) {
  .col-md {
    flex: 1 0 0%
  }

  .row-cols-md-auto>* {
    flex: 0 0 auto;
    width: auto
  }

  .row-cols-md-1>* {
    flex: 0 0 auto;
    width: 100%
  }

  .row-cols-md-2>* {
    flex: 0 0 auto;
    width: 50%
  }

  .row-cols-md-3>* {
    flex: 0 0 auto;
    width: 33.3333333333%
  }

  .row-cols-md-4>* {
    flex: 0 0 auto;
    width: 25%
  }

  .row-cols-md-5>* {
    flex: 0 0 auto;
    width: 20%
  }

  .row-cols-md-6>* {
    flex: 0 0 auto;
    width: 16.6666666667%
  }

  .col-md-auto {
    flex: 0 0 auto;
    width: auto
  }

  .col-md-1 {
    flex: 0 0 auto;
    width: 8.3333333333%
  }

  .col-md-2 {
    flex: 0 0 auto;
    width: 16.6666666667%
  }

  .col-md-3 {
    flex: 0 0 auto;
    width: 25%
  }

  .col-md-4 {
    flex: 0 0 auto;
    width: 33.3333333333%
  }

  .col-md-5 {
    flex: 0 0 auto;
    width: 41.6666666667%
  }

  .col-md-6 {
    flex: 0 0 auto;
    width: 50%
  }

  .col-md-7 {
    flex: 0 0 auto;
    width: 58.3333333333%
  }

  .col-md-8 {
    flex: 0 0 auto;
    width: 66.6666666667%
  }

  .col-md-9 {
    flex: 0 0 auto;
    width: 75%
  }

  .col-md-10 {
    flex: 0 0 auto;
    width: 83.3333333333%
  }

  .col-md-11 {
    flex: 0 0 auto;
    width: 91.6666666667%
  }

  .col-md-12 {
    flex: 0 0 auto;
    width: 100%
  }

  .offset-md-0 {
    margin-left: 0
  }

  .offset-md-1 {
    margin-left: 8.3333333333%
  }

  .offset-md-2 {
    margin-left: 16.6666666667%
  }

  .offset-md-3 {
    margin-left: 25%
  }

  .offset-md-4 {
    margin-left: 33.3333333333%
  }

  .offset-md-5 {
    margin-left: 41.6666666667%
  }

  .offset-md-6 {
    margin-left: 50%
  }

  .offset-md-7 {
    margin-left: 58.3333333333%
  }

  .offset-md-8 {
    margin-left: 66.6666666667%
  }

  .offset-md-9 {
    margin-left: 75%
  }

  .offset-md-10 {
    margin-left: 83.3333333333%
  }

  .offset-md-11 {
    margin-left: 91.6666666667%
  }

  .g-md-0,
  .gx-md-0 {
    --bs-gutter-x: 0
  }

  .g-md-0,
  .gy-md-0 {
    --bs-gutter-y: 0
  }

  .g-md-1,
  .gx-md-1 {
    --bs-gutter-x: 0.25rem
  }

  .g-md-1,
  .gy-md-1 {
    --bs-gutter-y: 0.25rem
  }

  .g-md-2,
  .gx-md-2 {
    --bs-gutter-x: 0.5rem
  }

  .g-md-2,
  .gy-md-2 {
    --bs-gutter-y: 0.5rem
  }

  .g-md-3,
  .gx-md-3 {
    --bs-gutter-x: 1rem
  }

  .g-md-3,
  .gy-md-3 {
    --bs-gutter-y: 1rem
  }

  .g-md-4,
  .gx-md-4 {
    --bs-gutter-x: 1.5rem
  }

  .g-md-4,
  .gy-md-4 {
    --bs-gutter-y: 1.5rem
  }

  .g-md-5,
  .gx-md-5 {
    --bs-gutter-x: 3rem
  }

  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y: 3rem
  }
}

@media (min-width:992px) {
  .col-lg {
    flex: 1 0 0%
  }

  .row-cols-lg-auto>* {
    flex: 0 0 auto;
    width: auto
  }

  .row-cols-lg-1>* {
    flex: 0 0 auto;
    width: 100%
  }

  .row-cols-lg-2>* {
    flex: 0 0 auto;
    width: 50%
  }

  .row-cols-lg-3>* {
    flex: 0 0 auto;
    width: 33.3333333333%
  }

  .row-cols-lg-4>* {
    flex: 0 0 auto;
    width: 25%
  }

  .row-cols-lg-5>* {
    flex: 0 0 auto;
    width: 20%
  }

  .row-cols-lg-6>* {
    flex: 0 0 auto;
    width: 16.6666666667%
  }

  .col-lg-auto {
    flex: 0 0 auto;
    width: auto
  }

  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.3333333333%
  }

  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.6666666667%
  }

  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%
  }

  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.3333333333%
  }

  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.6666666667%
  }

  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%
  }

  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.3333333333%
  }

  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.6666666667%
  }

  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%
  }

  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.3333333333%
  }

  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.6666666667%
  }

  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%
  }

  .offset-lg-0 {
    margin-left: 0
  }

  .offset-lg-1 {
    margin-left: 8.3333333333%
  }

  .offset-lg-2 {
    margin-left: 16.6666666667%
  }

  .offset-lg-3 {
    margin-left: 25%
  }

  .offset-lg-4 {
    margin-left: 33.3333333333%
  }

  .offset-lg-5 {
    margin-left: 41.6666666667%
  }

  .offset-lg-6 {
    margin-left: 50%
  }

  .offset-lg-7 {
    margin-left: 58.3333333333%
  }

  .offset-lg-8 {
    margin-left: 66.6666666667%
  }

  .offset-lg-9 {
    margin-left: 75%
  }

  .offset-lg-10 {
    margin-left: 83.3333333333%
  }

  .offset-lg-11 {
    margin-left: 91.6666666667%
  }

  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x: 0
  }

  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y: 0
  }

  .g-lg-1,
  .gx-lg-1 {
    --bs-gutter-x: 0.25rem
  }

  .g-lg-1,
  .gy-lg-1 {
    --bs-gutter-y: 0.25rem
  }

  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x: 0.5rem
  }

  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y: 0.5rem
  }

  .g-lg-3,
  .gx-lg-3 {
    --bs-gutter-x: 1rem
  }

  .g-lg-3,
  .gy-lg-3 {
    --bs-gutter-y: 1rem
  }

  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x: 1.5rem
  }

  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y: 1.5rem
  }

  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x: 3rem
  }

  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y: 3rem
  }
}

@media (min-width:1200px) {
  .col-xl {
    flex: 1 0 0%
  }

  .row-cols-xl-auto>* {
    flex: 0 0 auto;
    width: auto
  }

  .row-cols-xl-1>* {
    flex: 0 0 auto;
    width: 100%
  }

  .row-cols-xl-2>* {
    flex: 0 0 auto;
    width: 50%
  }

  .row-cols-xl-3>* {
    flex: 0 0 auto;
    width: 33.3333333333%
  }

  .row-cols-xl-4>* {
    flex: 0 0 auto;
    width: 25%
  }

  .row-cols-xl-5>* {
    flex: 0 0 auto;
    width: 20%
  }

  .row-cols-xl-6>* {
    flex: 0 0 auto;
    width: 16.6666666667%
  }

  .col-xl-auto {
    flex: 0 0 auto;
    width: auto
  }

  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.3333333333%
  }

  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.6666666667%
  }

  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%
  }

  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.3333333333%
  }

  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.6666666667%
  }

  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%
  }

  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.3333333333%
  }

  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.6666666667%
  }

  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%
  }

  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.3333333333%
  }

  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.6666666667%
  }

  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%
  }

  .offset-xl-0 {
    margin-left: 0
  }

  .offset-xl-1 {
    margin-left: 8.3333333333%
  }

  .offset-xl-2 {
    margin-left: 16.6666666667%
  }

  .offset-xl-3 {
    margin-left: 25%
  }

  .offset-xl-4 {
    margin-left: 33.3333333333%
  }

  .offset-xl-5 {
    margin-left: 41.6666666667%
  }

  .offset-xl-6 {
    margin-left: 50%
  }

  .offset-xl-7 {
    margin-left: 58.3333333333%
  }

  .offset-xl-8 {
    margin-left: 66.6666666667%
  }

  .offset-xl-9 {
    margin-left: 75%
  }

  .offset-xl-10 {
    margin-left: 83.3333333333%
  }

  .offset-xl-11 {
    margin-left: 91.6666666667%
  }

  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x: 0
  }

  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y: 0
  }

  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x: 0.25rem
  }

  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y: 0.25rem
  }

  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x: 0.5rem
  }

  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y: 0.5rem
  }

  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x: 1rem
  }

  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y: 1rem
  }

  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: 1.5rem
  }

  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y: 1.5rem
  }

  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x: 3rem
  }

  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: 3rem
  }
}

@media (min-width:1400px) {
  .col-xxl {
    flex: 1 0 0%
  }

  .row-cols-xxl-auto>* {
    flex: 0 0 auto;
    width: auto
  }

  .row-cols-xxl-1>* {
    flex: 0 0 auto;
    width: 100%
  }

  .row-cols-xxl-2>* {
    flex: 0 0 auto;
    width: 50%
  }

  .row-cols-xxl-3>* {
    flex: 0 0 auto;
    width: 33.3333333333%
  }

  .row-cols-xxl-4>* {
    flex: 0 0 auto;
    width: 25%
  }

  .row-cols-xxl-5>* {
    flex: 0 0 auto;
    width: 20%
  }

  .row-cols-xxl-6>* {
    flex: 0 0 auto;
    width: 16.6666666667%
  }

  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto
  }

  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.3333333333%
  }

  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.6666666667%
  }

  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%
  }

  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.3333333333%
  }

  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.6666666667%
  }

  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%
  }

  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.3333333333%
  }

  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.6666666667%
  }

  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%
  }

  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.3333333333%
  }

  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.6666666667%
  }

  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%
  }

  .offset-xxl-0 {
    margin-left: 0
  }

  .offset-xxl-1 {
    margin-left: 8.3333333333%
  }

  .offset-xxl-2 {
    margin-left: 16.6666666667%
  }

  .offset-xxl-3 {
    margin-left: 25%
  }

  .offset-xxl-4 {
    margin-left: 33.3333333333%
  }

  .offset-xxl-5 {
    margin-left: 41.6666666667%
  }

  .offset-xxl-6 {
    margin-left: 50%
  }

  .offset-xxl-7 {
    margin-left: 58.3333333333%
  }

  .offset-xxl-8 {
    margin-left: 66.6666666667%
  }

  .offset-xxl-9 {
    margin-left: 75%
  }

  .offset-xxl-10 {
    margin-left: 83.3333333333%
  }

  .offset-xxl-11 {
    margin-left: 91.6666666667%
  }

  .g-xxl-0,
  .gx-xxl-0 {
    --bs-gutter-x: 0
  }

  .g-xxl-0,
  .gy-xxl-0 {
    --bs-gutter-y: 0
  }

  .g-xxl-1,
  .gx-xxl-1 {
    --bs-gutter-x: 0.25rem
  }

  .g-xxl-1,
  .gy-xxl-1 {
    --bs-gutter-y: 0.25rem
  }

  .g-xxl-2,
  .gx-xxl-2 {
    --bs-gutter-x: 0.5rem
  }

  .g-xxl-2,
  .gy-xxl-2 {
    --bs-gutter-y: 0.5rem
  }

  .g-xxl-3,
  .gx-xxl-3 {
    --bs-gutter-x: 1rem
  }

  .g-xxl-3,
  .gy-xxl-3 {
    --bs-gutter-y: 1rem
  }

  .g-xxl-4,
  .gx-xxl-4 {
    --bs-gutter-x: 1.5rem
  }

  .g-xxl-4,
  .gy-xxl-4 {
    --bs-gutter-y: 1.5rem
  }

  .g-xxl-5,
  .gx-xxl-5 {
    --bs-gutter-x: 3rem
  }

  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y: 3rem
  }
}

.table {
  --bs-table-bg: transparent;
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: #212529;
  --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
  --bs-table-active-color: #212529;
  --bs-table-active-bg: rgba(0, 0, 0, 0.1);
  --bs-table-hover-color: #212529;
  --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
  vertical-align: top;
  border-color: #dee2e6
}

.table>:not(caption)>*>* {
  padding: .5rem .5rem;
  background-color: var(--bs-table-bg);
  background-image: linear-gradient(var(--bs-table-accent-bg), var(--bs-table-accent-bg));
  border-bottom-width: 1px
}

.table>tbody {
  vertical-align: inherit
}

.table>thead {
  vertical-align: bottom
}

.table>:not(:last-child)>:last-child>* {
  border-bottom-color: currentColor
}

.caption-top {
  caption-side: top
}

.table-sm>:not(caption)>*>* {
  padding: .25rem .25rem
}

.table-bordered>:not(caption)>* {
  border-width: 1px 0
}

.table-bordered>:not(caption)>*>* {
  border-width: 0 1px
}

.table-borderless>:not(caption)>*>* {
  border-bottom-width: 0
}

.table-striped>tbody>tr:nth-of-type(odd) {
  --bs-table-accent-bg: var(--bs-table-striped-bg);
  color: var(--bs-table-striped-color)
}

.table-active {
  --bs-table-accent-bg: var(--bs-table-active-bg);
  color: var(--bs-table-active-color)
}

.table-hover>tbody>tr:hover {
  --bs-table-accent-bg: var(--bs-table-hover-bg);
  color: var(--bs-table-hover-color)
}

.table-primary {
  --bs-table-bg: #cfe2ff;
  --bs-table-striped-bg: #c5d7f2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bacbe6;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfd1ec;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #bacbe6
}

.table-secondary {
  --bs-table-bg: #e2e3e5;
  --bs-table-striped-bg: #d7d8da;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #cbccce;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #d1d2d4;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #cbccce
}

.table-success {
  --bs-table-bg: #d1e7dd;
  --bs-table-striped-bg: #c7dbd2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bcd0c7;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #c1d6cc;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #bcd0c7
}

.table-info {
  --bs-table-bg: #cff4fc;
  --bs-table-striped-bg: #c5e8ef;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #badce3;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfe2e9;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #badce3
}

.table-warning {
  --bs-table-bg: #fff3cd;
  --bs-table-striped-bg: #f2e7c3;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #e6dbb9;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #ece1be;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #e6dbb9
}

.table-danger {
  --bs-table-bg: #f8d7da;
  --bs-table-striped-bg: #eccccf;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfc2c4;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5c7ca;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #dfc2c4
}

.table-light {
  --bs-table-bg: #f8f9fa;
  --bs-table-striped-bg: #ecedee;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfe0e1;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5e6e7;
  --bs-table-hover-color: #000;
  color: #000;
  border-color: #dfe0e1
}

.table-dark {
  --bs-table-bg: #212529;
  --bs-table-striped-bg: #2c3034;
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: #373b3e;
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: #323539;
  --bs-table-hover-color: #fff;
  color: #fff;
  border-color: #373b3e
}

.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch
}

@media (max-width:575.98px) {
  .table-responsive-sm {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
  }
}

@media (max-width:767.98px) {
  .table-responsive-md {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
  }
}

@media (max-width:991.98px) {
  .table-responsive-lg {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
  }
}

@media (max-width:1199.98px) {
  .table-responsive-xl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
  }
}

@media (max-width:1399.98px) {
  .table-responsive-xxl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
  }
}

.form-label {
  margin-bottom: .5rem
}

.col-form-label {
  padding-top: calc(.375rem + 1px);
  padding-bottom: calc(.375rem + 1px);
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5
}

.col-form-label-lg {
  padding-top: calc(.5rem + 1px);
  padding-bottom: calc(.5rem + 1px);
  font-size: 1.25rem
}

.col-form-label-sm {
  padding-top: calc(.25rem + 1px);
  padding-bottom: calc(.25rem + 1px);
  font-size: .875rem
}

.form-text {
  margin-top: .25rem;
  font-size: .875em;
  color: #6c757d
}

.form-control {
  display: block;
  width: 100%;
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
  .form-control {
    transition: none
  }
}

.form-control[type=file] {
  overflow: hidden
}

.form-control[type=file]:not(:disabled):not([readonly]) {
  cursor: pointer
}

.form-control:focus {
  color: #212529;
  background-color: #fff;
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.form-control::-webkit-date-and-time-value {
  height: 1.5em
}

.form-control::-webkit-input-placeholder {
  color: #6c757d;
  opacity: 1
}

.form-control::-moz-placeholder {
  color: #6c757d;
  opacity: 1
}

.form-control::placeholder {
  color: #6c757d;
  opacity: 1
}

.form-control:disabled,
.form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1
}

.form-control::file-selector-button {
  padding: .375rem .75rem;
  margin: -.375rem -.75rem;
  -webkit-margin-end: .75rem;
  margin-inline-end: .75rem;
  color: #212529;
  background-color: #e9ecef;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
  .form-control::file-selector-button {
    transition: none
  }
}

.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: #dde0e3
}

.form-control::-webkit-file-upload-button {
  padding: .375rem .75rem;
  margin: -.375rem -.75rem;
  -webkit-margin-end: .75rem;
  margin-inline-end: .75rem;
  color: #212529;
  background-color: #e9ecef;
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: 1px;
  border-radius: 0;
  -webkit-transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
  .form-control::-webkit-file-upload-button {
    -webkit-transition: none;
    transition: none
  }
}

.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
  background-color: #dde0e3
}

.form-control-plaintext {
  display: block;
  width: 100%;
  padding: .375rem 0;
  margin-bottom: 0;
  line-height: 1.5;
  color: #212529;
  background-color: transparent;
  border: solid transparent;
  border-width: 1px 0
}

.form-control-plaintext.form-control-lg,
.form-control-plaintext.form-control-sm {
  padding-right: 0;
  padding-left: 0
}

.form-control-sm {
  min-height: calc(1.5em + .5rem + 2px);
  padding: .25rem .5rem;
  font-size: .875rem;
  border-radius: .2rem
}

.form-control-sm::file-selector-button {
  padding: .25rem .5rem;
  margin: -.25rem -.5rem;
  -webkit-margin-end: .5rem;
  margin-inline-end: .5rem
}

.form-control-sm::-webkit-file-upload-button {
  padding: .25rem .5rem;
  margin: -.25rem -.5rem;
  -webkit-margin-end: .5rem;
  margin-inline-end: .5rem
}

.form-control-lg {
  min-height: calc(1.5em + 1rem + 2px);
  padding: .5rem 1rem;
  font-size: 1.25rem;
  border-radius: .3rem
}

.form-control-lg::file-selector-button {
  padding: .5rem 1rem;
  margin: -.5rem -1rem;
  -webkit-margin-end: 1rem;
  margin-inline-end: 1rem
}

.form-control-lg::-webkit-file-upload-button {
  padding: .5rem 1rem;
  margin: -.5rem -1rem;
  -webkit-margin-end: 1rem;
  margin-inline-end: 1rem
}

textarea.form-control {
  min-height: calc(1.5em + .75rem + 2px)
}

textarea.form-control-sm {
  min-height: calc(1.5em + .5rem + 2px)
}

textarea.form-control-lg {
  min-height: calc(1.5em + 1rem + 2px)
}

.form-control-color {
  max-width: 3rem;
  height: auto;
  padding: .375rem
}

.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer
}

.form-control-color::-moz-color-swatch {
  height: 1.5em;
  border-radius: .25rem
}

.form-control-color::-webkit-color-swatch {
  height: 1.5em;
  border-radius: .25rem
}

.form-select {
  display: block;
  width: 100%;
  padding: .375rem 1.75rem .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  vertical-align: middle;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right .75rem center;
  background-size: 16px 12px;
  border: 1px solid #ced4da;
  border-radius: .25rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.form-select:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.form-select[multiple],
.form-select[size]:not([size="1"]) {
  padding-right: .75rem;
  background-image: none
}

.form-select:disabled {
  color: #6c757d;
  background-color: #e9ecef
}

.form-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #212529
}

.form-select-sm {
  padding-top: .25rem;
  padding-bottom: .25rem;
  padding-left: .5rem;
  font-size: .875rem
}

.form-select-lg {
  padding-top: .5rem;
  padding-bottom: .5rem;
  padding-left: 1rem;
  font-size: 1.25rem
}

.form-check {
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5em;
  margin-bottom: .125rem
}

.form-check .form-check-input {
  float: left;
  margin-left: -1.5em
}

.form-check-input {
  width: 1em;
  height: 1em;
  margin-top: .25em;
  vertical-align: top;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: 1px solid rgba(0, 0, 0, .25);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
  transition: background-color .15s ease-in-out, background-position .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
  .form-check-input {
    transition: none
  }
}

.form-check-input[type=checkbox] {
  border-radius: .25em
}

.form-check-input[type=radio] {
  border-radius: 50%
}

.form-check-input:active {
  filter: brightness(90%)
}

.form-check-input:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.form-check-input:checked {
  background-color: #0d6efd;
  border-color: #0d6efd
}

.form-check-input:checked[type=checkbox] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e")
}

.form-check-input:checked[type=radio] {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e")
}

.form-check-input[type=checkbox]:indeterminate {
  background-color: #0d6efd;
  border-color: #0d6efd;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e")
}

.form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: .5
}

.form-check-input:disabled~.form-check-label,
.form-check-input[disabled]~.form-check-label {
  opacity: .5
}

.form-switch {
  padding-left: 2.5em
}

.form-switch .form-check-input {
  width: 2em;
  margin-left: -2.5em;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
  background-position: left center;
  border-radius: 2em
}

.form-switch .form-check-input:focus {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e")
}

.form-switch .form-check-input:checked {
  background-position: right center;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")
}

.form-check-inline {
  display: inline-block;
  margin-right: 1rem
}

.btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none
}

.btn-check:disabled+.btn,
.btn-check[disabled]+.btn {
  pointer-events: none;
  filter: none;
  opacity: .65
}

.form-range {
  width: 100%;
  height: 1.5rem;
  padding: 0;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.form-range:focus {
  outline: 0
}

.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.form-range::-moz-focus-outer {
  border: 0
}

.form-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -.25rem;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  -webkit-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  -webkit-appearance: none;
  appearance: none
}

@media (prefers-reduced-motion:reduce) {
  .form-range::-webkit-slider-thumb {
    -webkit-transition: none;
    transition: none
  }
}

.form-range::-webkit-slider-thumb:active {
  background-color: #b6d4fe
}

.form-range::-webkit-slider-runnable-track {
  width: 100%;
  height: .5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem
}

.form-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  -moz-transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  -moz-appearance: none;
  appearance: none
}

@media (prefers-reduced-motion:reduce) {
  .form-range::-moz-range-thumb {
    -moz-transition: none;
    transition: none
  }
}

.form-range::-moz-range-thumb:active {
  background-color: #b6d4fe
}

.form-range::-moz-range-track {
  width: 100%;
  height: .5rem;
  color: transparent;
  cursor: pointer;
  background-color: #dee2e6;
  border-color: transparent;
  border-radius: 1rem
}

.form-range:disabled {
  pointer-events: none
}

.form-range:disabled::-webkit-slider-thumb {
  background-color: #adb5bd
}

.form-range:disabled::-moz-range-thumb {
  background-color: #adb5bd
}

.form-floating {
  position: relative
}

.form-floating>.form-control,
.form-floating>.form-select {
  height: calc(3.5rem + 2px);
  padding: 1rem .75rem
}

.form-floating>label {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  padding: 1rem .75rem;
  pointer-events: none;
  border: 1px solid transparent;
  transform-origin: 0 0;
  transition: opacity .1s ease-in-out, transform .1s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
  .form-floating>label {
    transition: none
  }
}

.form-floating>.form-control::-webkit-input-placeholder {
  color: transparent
}

.form-floating>.form-control::-moz-placeholder {
  color: transparent
}

.form-floating>.form-control::placeholder {
  color: transparent
}

.form-floating>.form-control:not(:-moz-placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: .625rem
}

.form-floating>.form-control:focus,
.form-floating>.form-control:not(:placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: .625rem
}

.form-floating>.form-control:-webkit-autofill {
  padding-top: 1.625rem;
  padding-bottom: .625rem
}

.form-floating>.form-select {
  padding-top: 1.625rem;
  padding-bottom: .625rem
}

.form-floating>.form-control:not(:-moz-placeholder-shown)~label {
  opacity: .65;
  transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating>.form-control:focus~label,
.form-floating>.form-control:not(:placeholder-shown)~label,
.form-floating>.form-select~label {
  opacity: .65;
  transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.form-floating>.form-control:-webkit-autofill~label {
  opacity: .65;
  transform: scale(.85) translateY(-.5rem) translateX(.15rem)
}

.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%
}

.input-group>.form-control,
.input-group>.form-select {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0
}

.input-group>.form-control:focus,
.input-group>.form-select:focus {
  z-index: 3
}

.input-group .btn {
  position: relative;
  z-index: 2
}

.input-group .btn:focus {
  z-index: 3
}

.input-group-text {
  display: flex;
  align-items: center;
  padding: .375rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: .25rem
}

.input-group-lg>.btn,
.input-group-lg>.form-control,
.input-group-lg>.form-select,
.input-group-lg>.input-group-text {
  padding: .5rem 1rem;
  font-size: 1.25rem;
  border-radius: .3rem
}

.input-group-sm>.btn,
.input-group-sm>.form-control,
.input-group-sm>.form-select,
.input-group-sm>.input-group-text {
  padding: .25rem .5rem;
  font-size: .875rem;
  border-radius: .2rem
}

.input-group-lg>.form-select,
.input-group-sm>.form-select {
  padding-right: 1.75rem
}

.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.input-group.has-validation>.dropdown-toggle:nth-last-child(n+4),
.input-group.has-validation>:nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: -1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

.valid-feedback {
  display: none;
  width: 100%;
  margin-top: .25rem;
  font-size: .875em;
  color: #198754
}

.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: .25rem .5rem;
  margin-top: .1rem;
  font-size: .875rem;
  color: #fff;
  background-color: rgba(25, 135, 84, .9);
  border-radius: .25rem
}

.is-valid~.valid-feedback,
.is-valid~.valid-tooltip,
.was-validated :valid~.valid-feedback,
.was-validated :valid~.valid-tooltip {
  display: block
}

.form-control.is-valid,
.was-validated .form-control:valid {
  border-color: #198754;
  padding-right: calc(1.5em + .75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(.375em + .1875rem) center;
  background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-valid:focus,
.was-validated .form-control:valid:focus {
  border-color: #198754;
  box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .25)
}

.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
  padding-right: calc(1.5em + .75rem);
  background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.form-select.is-valid,
.was-validated .form-select:valid {
  border-color: #198754;
  padding-right: calc(.75em + 2.3125rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
  background-position: right .75rem center, center right 1.75rem;
  background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-select.is-valid:focus,
.was-validated .form-select:valid:focus {
  border-color: #198754;
  box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .25)
}

.form-check-input.is-valid,
.was-validated .form-check-input:valid {
  border-color: #198754
}

.form-check-input.is-valid:checked,
.was-validated .form-check-input:valid:checked {
  background-color: #198754
}

.form-check-input.is-valid:focus,
.was-validated .form-check-input:valid:focus {
  box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .25)
}

.form-check-input.is-valid~.form-check-label,
.was-validated .form-check-input:valid~.form-check-label {
  color: #198754
}

.form-check-inline .form-check-input~.valid-feedback {
  margin-left: .5em
}

.invalid-feedback {
  width: 100%;
  margin-top: .25rem;
  font-size: .875em;
  color: #dc3545
}

.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: .25rem .5rem;
  margin-top: .1rem;
  font-size: .875rem;
  color: #fff;
  background-color: rgba(220, 53, 69, .9);
  border-radius: .25rem
}

.is-invalid~.invalid-feedback,
.is-invalid~.invalid-tooltip,
.was-validated :invalid~.invalid-feedback,
.was-validated :invalid~.invalid-tooltip {
  display: block
}

.form-control.is-invalid,
.was-validated .form-control:invalid {
  border-color: #dc3545;
  padding-right: calc(1.5em + .75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(.375em + .1875rem) center;
  background-size: calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-control.is-invalid:focus,
.was-validated .form-control:invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .25)
}

.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
  padding-right: calc(1.5em + .75rem);
  background-position: top calc(.375em + .1875rem) right calc(.375em + .1875rem)
}

.form-select.is-invalid,
.was-validated .form-select:invalid {
  border-color: #dc3545;
  padding-right: calc(.75em + 2.3125rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-position: right .75rem center, center right 1.75rem;
  background-size: 16px 12px, calc(.75em + .375rem) calc(.75em + .375rem)
}

.form-select.is-invalid:focus,
.was-validated .form-select:invalid:focus {
  border-color: #dc3545;
  box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .25)
}

.form-check-input.is-invalid,
.was-validated .form-check-input:invalid {
  border-color: #dc3545
}

.form-check-input.is-invalid:checked,
.was-validated .form-check-input:invalid:checked {
  background-color: #dc3545
}

.form-check-input.is-invalid:focus,
.was-validated .form-check-input:invalid:focus {
  box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .25)
}

.form-check-input.is-invalid~.form-check-label,
.was-validated .form-check-input:invalid~.form-check-label {
  color: #dc3545
}

.form-check-inline .form-check-input~.invalid-feedback {
  margin-left: .5em
}

.btn {
  display: inline-block;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: .375rem .75rem;
  font-size: 1rem;
  border-radius: .25rem;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
  .btn {
    transition: none
  }
}

.btn:hover {
  color: #212529
}

.btn-check:focus+.btn,
.btn:focus {
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.btn.disabled,
.btn:disabled,
fieldset:disabled .btn {
  pointer-events: none;
  opacity: .65
}

.btn-primary {
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd
}

.btn-primary:hover {
  color: #fff;
  background-color: #0b5ed7;
  border-color: #0a58ca
}

.btn-check:focus+.btn-primary,
.btn-primary:focus {
  color: #fff;
  background-color: #0b5ed7;
  border-color: #0a58ca;
  box-shadow: 0 0 0 .25rem rgba(49, 132, 253, .5)
}

.btn-check:active+.btn-primary,
.btn-check:checked+.btn-primary,
.btn-primary.active,
.btn-primary:active,
.show>.btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #0a58ca;
  border-color: #0a53be
}

.btn-check:active+.btn-primary:focus,
.btn-check:checked+.btn-primary:focus,
.btn-primary.active:focus,
.btn-primary:active:focus,
.show>.btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 .25rem rgba(49, 132, 253, .5)
}

.btn-primary.disabled,
.btn-primary:disabled {
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd
}

.btn-secondary {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d
}

.btn-secondary:hover {
  color: #fff;
  background-color: #5c636a;
  border-color: #565e64
}

.btn-check:focus+.btn-secondary,
.btn-secondary:focus {
  color: #fff;
  background-color: #5c636a;
  border-color: #565e64;
  box-shadow: 0 0 0 .25rem rgba(130, 138, 145, .5)
}

.btn-check:active+.btn-secondary,
.btn-check:checked+.btn-secondary,
.btn-secondary.active,
.btn-secondary:active,
.show>.btn-secondary.dropdown-toggle {
  color: #fff;
  background-color: #565e64;
  border-color: #51585e
}

.btn-check:active+.btn-secondary:focus,
.btn-check:checked+.btn-secondary:focus,
.btn-secondary.active:focus,
.btn-secondary:active:focus,
.show>.btn-secondary.dropdown-toggle:focus {
  box-shadow: 0 0 0 .25rem rgba(130, 138, 145, .5)
}

.btn-secondary.disabled,
.btn-secondary:disabled {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d
}

.btn-success {
  color: #fff;
  background-color: #198754;
  border-color: #198754
}

.btn-success:hover {
  color: #fff;
  background-color: #157347;
  border-color: #146c43
}

.btn-check:focus+.btn-success,
.btn-success:focus {
  color: #fff;
  background-color: #157347;
  border-color: #146c43;
  box-shadow: 0 0 0 .25rem rgba(60, 153, 110, .5)
}

.btn-check:active+.btn-success,
.btn-check:checked+.btn-success,
.btn-success.active,
.btn-success:active,
.show>.btn-success.dropdown-toggle {
  color: #fff;
  background-color: #146c43;
  border-color: #13653f
}

.btn-check:active+.btn-success:focus,
.btn-check:checked+.btn-success:focus,
.btn-success.active:focus,
.btn-success:active:focus,
.show>.btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 .25rem rgba(60, 153, 110, .5)
}

.btn-success.disabled,
.btn-success:disabled {
  color: #fff;
  background-color: #198754;
  border-color: #198754
}

.btn-info {
  color: #000;
  background-color: #0dcaf0;
  border-color: #0dcaf0
}

.btn-info:hover {
  color: #000;
  background-color: #31d2f2;
  border-color: #25cff2
}

.btn-check:focus+.btn-info,
.btn-info:focus {
  color: #000;
  background-color: #31d2f2;
  border-color: #25cff2;
  box-shadow: 0 0 0 .25rem rgba(11, 172, 204, .5)
}

.btn-check:active+.btn-info,
.btn-check:checked+.btn-info,
.btn-info.active,
.btn-info:active,
.show>.btn-info.dropdown-toggle {
  color: #000;
  background-color: #3dd5f3;
  border-color: #25cff2
}

.btn-check:active+.btn-info:focus,
.btn-check:checked+.btn-info:focus,
.btn-info.active:focus,
.btn-info:active:focus,
.show>.btn-info.dropdown-toggle:focus {
  box-shadow: 0 0 0 .25rem rgba(11, 172, 204, .5)
}

.btn-info.disabled,
.btn-info:disabled {
  color: #000;
  background-color: #0dcaf0;
  border-color: #0dcaf0
}

.btn-warning {
  color: #000;
  background-color: #ffc107;
  border-color: #ffc107
}

.btn-warning:hover {
  color: #000;
  background-color: #ffca2c;
  border-color: #ffc720
}

.btn-check:focus+.btn-warning,
.btn-warning:focus {
  color: #000;
  background-color: #ffca2c;
  border-color: #ffc720;
  box-shadow: 0 0 0 .25rem rgba(217, 164, 6, .5)
}

.btn-check:active+.btn-warning,
.btn-check:checked+.btn-warning,
.btn-warning.active,
.btn-warning:active,
.show>.btn-warning.dropdown-toggle {
  color: #000;
  background-color: #ffcd39;
  border-color: #ffc720
}

.btn-check:active+.btn-warning:focus,
.btn-check:checked+.btn-warning:focus,
.btn-warning.active:focus,
.btn-warning:active:focus,
.show>.btn-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 .25rem rgba(217, 164, 6, .5)
}

.btn-warning.disabled,
.btn-warning:disabled {
  color: #000;
  background-color: #ffc107;
  border-color: #ffc107
}

.btn-danger {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545
}

.btn-danger:hover {
  color: #fff;
  background-color: #bb2d3b;
  border-color: #b02a37
}

.btn-check:focus+.btn-danger,
.btn-danger:focus {
  color: #fff;
  background-color: #bb2d3b;
  border-color: #b02a37;
  box-shadow: 0 0 0 .25rem rgba(225, 83, 97, .5)
}

.btn-check:active+.btn-danger,
.btn-check:checked+.btn-danger,
.btn-danger.active,
.btn-danger:active,
.show>.btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #b02a37;
  border-color: #a52834
}

.btn-check:active+.btn-danger:focus,
.btn-check:checked+.btn-danger:focus,
.btn-danger.active:focus,
.btn-danger:active:focus,
.show>.btn-danger.dropdown-toggle:focus {
  box-shadow: 0 0 0 .25rem rgba(225, 83, 97, .5)
}

.btn-danger.disabled,
.btn-danger:disabled {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545
}

.btn-light {
  color: #000;
  background-color: #f8f9fa;
  border-color: #f8f9fa
}

.btn-light:hover {
  color: #000;
  background-color: #f9fafb;
  border-color: #f9fafb
}

.btn-check:focus+.btn-light,
.btn-light:focus {
  color: #000;
  background-color: #f9fafb;
  border-color: #f9fafb;
  box-shadow: 0 0 0 .25rem rgba(211, 212, 213, .5)
}

.btn-check:active+.btn-light,
.btn-check:checked+.btn-light,
.btn-light.active,
.btn-light:active,
.show>.btn-light.dropdown-toggle {
  color: #000;
  background-color: #f9fafb;
  border-color: #f9fafb
}

.btn-check:active+.btn-light:focus,
.btn-check:checked+.btn-light:focus,
.btn-light.active:focus,
.btn-light:active:focus,
.show>.btn-light.dropdown-toggle:focus {
  box-shadow: 0 0 0 .25rem rgba(211, 212, 213, .5)
}

.btn-light.disabled,
.btn-light:disabled {
  color: #000;
  background-color: #f8f9fa;
  border-color: #f8f9fa
}

.btn-dark {
  color: #fff;
  background-color: #212529;
  border-color: #212529
}

.btn-dark:hover {
  color: #fff;
  background-color: #1c1f23;
  border-color: #1a1e21
}

.btn-check:focus+.btn-dark,
.btn-dark:focus {
  color: #fff;
  background-color: #1c1f23;
  border-color: #1a1e21;
  box-shadow: 0 0 0 .25rem rgba(66, 70, 73, .5)
}

.btn-check:active+.btn-dark,
.btn-check:checked+.btn-dark,
.btn-dark.active,
.btn-dark:active,
.show>.btn-dark.dropdown-toggle {
  color: #fff;
  background-color: #1a1e21;
  border-color: #191c1f
}

.btn-check:active+.btn-dark:focus,
.btn-check:checked+.btn-dark:focus,
.btn-dark.active:focus,
.btn-dark:active:focus,
.show>.btn-dark.dropdown-toggle:focus {
  box-shadow: 0 0 0 .25rem rgba(66, 70, 73, .5)
}

.btn-dark.disabled,
.btn-dark:disabled {
  color: #fff;
  background-color: #212529;
  border-color: #212529
}

.btn-outline-primary {
  color: #0d6efd;
  border-color: #0d6efd
}

.btn-outline-primary:hover {
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd
}

.btn-check:focus+.btn-outline-primary,
.btn-outline-primary:focus {
  box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .5)
}

.btn-check:active+.btn-outline-primary,
.btn-check:checked+.btn-outline-primary,
.btn-outline-primary.active,
.btn-outline-primary.dropdown-toggle.show,
.btn-outline-primary:active {
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd
}

.btn-check:active+.btn-outline-primary:focus,
.btn-check:checked+.btn-outline-primary:focus,
.btn-outline-primary.active:focus,
.btn-outline-primary.dropdown-toggle.show:focus,
.btn-outline-primary:active:focus {
  box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .5)
}

.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
  color: #0d6efd;
  background-color: transparent
}

.btn-outline-secondary {
  color: #6c757d;
  border-color: #6c757d
}

.btn-outline-secondary:hover {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d
}

.btn-check:focus+.btn-outline-secondary,
.btn-outline-secondary:focus {
  box-shadow: 0 0 0 .25rem rgba(108, 117, 125, .5)
}

.btn-check:active+.btn-outline-secondary,
.btn-check:checked+.btn-outline-secondary,
.btn-outline-secondary.active,
.btn-outline-secondary.dropdown-toggle.show,
.btn-outline-secondary:active {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d
}

.btn-check:active+.btn-outline-secondary:focus,
.btn-check:checked+.btn-outline-secondary:focus,
.btn-outline-secondary.active:focus,
.btn-outline-secondary.dropdown-toggle.show:focus,
.btn-outline-secondary:active:focus {
  box-shadow: 0 0 0 .25rem rgba(108, 117, 125, .5)
}

.btn-outline-secondary.disabled,
.btn-outline-secondary:disabled {
  color: #6c757d;
  background-color: transparent
}

.btn-outline-success {
  color: #198754;
  border-color: #198754
}

.btn-outline-success:hover {
  color: #fff;
  background-color: #198754;
  border-color: #198754
}

.btn-check:focus+.btn-outline-success,
.btn-outline-success:focus {
  box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .5)
}

.btn-check:active+.btn-outline-success,
.btn-check:checked+.btn-outline-success,
.btn-outline-success.active,
.btn-outline-success.dropdown-toggle.show,
.btn-outline-success:active {
  color: #fff;
  background-color: #198754;
  border-color: #198754
}

.btn-check:active+.btn-outline-success:focus,
.btn-check:checked+.btn-outline-success:focus,
.btn-outline-success.active:focus,
.btn-outline-success.dropdown-toggle.show:focus,
.btn-outline-success:active:focus {
  box-shadow: 0 0 0 .25rem rgba(25, 135, 84, .5)
}

.btn-outline-success.disabled,
.btn-outline-success:disabled {
  color: #198754;
  background-color: transparent
}

.btn-outline-info {
  color: #0dcaf0;
  border-color: #0dcaf0
}

.btn-outline-info:hover {
  color: #000;
  background-color: #0dcaf0;
  border-color: #0dcaf0
}

.btn-check:focus+.btn-outline-info,
.btn-outline-info:focus {
  box-shadow: 0 0 0 .25rem rgba(13, 202, 240, .5)
}

.btn-check:active+.btn-outline-info,
.btn-check:checked+.btn-outline-info,
.btn-outline-info.active,
.btn-outline-info.dropdown-toggle.show,
.btn-outline-info:active {
  color: #000;
  background-color: #0dcaf0;
  border-color: #0dcaf0
}

.btn-check:active+.btn-outline-info:focus,
.btn-check:checked+.btn-outline-info:focus,
.btn-outline-info.active:focus,
.btn-outline-info.dropdown-toggle.show:focus,
.btn-outline-info:active:focus {
  box-shadow: 0 0 0 .25rem rgba(13, 202, 240, .5)
}

.btn-outline-info.disabled,
.btn-outline-info:disabled {
  color: #0dcaf0;
  background-color: transparent
}

.btn-outline-warning {
  color: #ffc107;
  border-color: #ffc107
}

.btn-outline-warning:hover {
  color: #000;
  background-color: #ffc107;
  border-color: #ffc107
}

.btn-check:focus+.btn-outline-warning,
.btn-outline-warning:focus {
  box-shadow: 0 0 0 .25rem rgba(255, 193, 7, .5)
}

.btn-check:active+.btn-outline-warning,
.btn-check:checked+.btn-outline-warning,
.btn-outline-warning.active,
.btn-outline-warning.dropdown-toggle.show,
.btn-outline-warning:active {
  color: #000;
  background-color: #ffc107;
  border-color: #ffc107
}

.btn-check:active+.btn-outline-warning:focus,
.btn-check:checked+.btn-outline-warning:focus,
.btn-outline-warning.active:focus,
.btn-outline-warning.dropdown-toggle.show:focus,
.btn-outline-warning:active:focus {
  box-shadow: 0 0 0 .25rem rgba(255, 193, 7, .5)
}

.btn-outline-warning.disabled,
.btn-outline-warning:disabled {
  color: #ffc107;
  background-color: transparent
}

.btn-outline-danger {
  color: #dc3545;
  border-color: #dc3545
}

.btn-outline-danger:hover {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545
}

.btn-check:focus+.btn-outline-danger,
.btn-outline-danger:focus {
  box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .5)
}

.btn-check:active+.btn-outline-danger,
.btn-check:checked+.btn-outline-danger,
.btn-outline-danger.active,
.btn-outline-danger.dropdown-toggle.show,
.btn-outline-danger:active {
  color: #fff;
  background-color: #dc3545;
  border-color: #dc3545
}

.btn-check:active+.btn-outline-danger:focus,
.btn-check:checked+.btn-outline-danger:focus,
.btn-outline-danger.active:focus,
.btn-outline-danger.dropdown-toggle.show:focus,
.btn-outline-danger:active:focus {
  box-shadow: 0 0 0 .25rem rgba(220, 53, 69, .5)
}

.btn-outline-danger.disabled,
.btn-outline-danger:disabled {
  color: #dc3545;
  background-color: transparent
}

.btn-outline-light {
  color: #f8f9fa;
  border-color: #f8f9fa
}

.btn-outline-light:hover {
  color: #000;
  background-color: #f8f9fa;
  border-color: #f8f9fa
}

.btn-check:focus+.btn-outline-light,
.btn-outline-light:focus {
  box-shadow: 0 0 0 .25rem rgba(248, 249, 250, .5)
}

.btn-check:active+.btn-outline-light,
.btn-check:checked+.btn-outline-light,
.btn-outline-light.active,
.btn-outline-light.dropdown-toggle.show,
.btn-outline-light:active {
  color: #000;
  background-color: #f8f9fa;
  border-color: #f8f9fa
}

.btn-check:active+.btn-outline-light:focus,
.btn-check:checked+.btn-outline-light:focus,
.btn-outline-light.active:focus,
.btn-outline-light.dropdown-toggle.show:focus,
.btn-outline-light:active:focus {
  box-shadow: 0 0 0 .25rem rgba(248, 249, 250, .5)
}

.btn-outline-light.disabled,
.btn-outline-light:disabled {
  color: #f8f9fa;
  background-color: transparent
}

.btn-outline-dark {
  color: #212529;
  border-color: #212529
}

.btn-outline-dark:hover {
  color: #fff;
  background-color: #212529;
  border-color: #212529
}

.btn-check:focus+.btn-outline-dark,
.btn-outline-dark:focus {
  box-shadow: 0 0 0 .25rem rgba(33, 37, 41, .5)
}

.btn-check:active+.btn-outline-dark,
.btn-check:checked+.btn-outline-dark,
.btn-outline-dark.active,
.btn-outline-dark.dropdown-toggle.show,
.btn-outline-dark:active {
  color: #fff;
  background-color: #212529;
  border-color: #212529
}

.btn-check:active+.btn-outline-dark:focus,
.btn-check:checked+.btn-outline-dark:focus,
.btn-outline-dark.active:focus,
.btn-outline-dark.dropdown-toggle.show:focus,
.btn-outline-dark:active:focus {
  box-shadow: 0 0 0 .25rem rgba(33, 37, 41, .5)
}

.btn-outline-dark.disabled,
.btn-outline-dark:disabled {
  color: #212529;
  background-color: transparent
}

.btn-link {
  font-weight: 400;
  color: #0d6efd;
  text-decoration: underline
}

.btn-link:hover {
  color: #0a58ca
}

.btn-link.disabled,
.btn-link:disabled {
  color: #6c757d
}

.btn-group-lg>.btn,
.btn-lg {
  padding: .5rem 1rem;
  font-size: 1.25rem;
  border-radius: .3rem
}

.btn-group-sm>.btn,
.btn-sm {
  padding: .25rem .5rem;
  font-size: .875rem;
  border-radius: .2rem
}

.fade {
  transition: opacity .15s linear
}

@media (prefers-reduced-motion:reduce) {
  .fade {
    transition: none
  }
}

.fade:not(.show) {
  opacity: 0
}

.collapse:not(.show) {
  display: none
}

.collapsing {
  height: 0;
  overflow: hidden;
  transition: height .35s ease
}

@media (prefers-reduced-motion:reduce) {
  .collapsing {
    transition: none
  }
}

.dropdown,
.dropleft,
.dropright,
.dropup {
  position: relative
}

.dropdown-toggle {
  white-space: nowrap
}

.dropdown-toggle::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid;
  border-right: .3em solid transparent;
  border-bottom: 0;
  border-left: .3em solid transparent
}

.dropdown-toggle:empty::after {
  margin-left: 0
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  min-width: 10rem;
  padding: .5rem 0;
  margin: .125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, .15);
  border-radius: .25rem
}

.dropdown-menu-left {
  right: auto;
  left: 0
}

.dropdown-menu-right {
  right: 0;
  left: auto
}

@media (min-width:576px) {
  .dropdown-menu-sm-left {
    right: auto;
    left: 0
  }

  .dropdown-menu-sm-right {
    right: 0;
    left: auto
  }
}

@media (min-width:768px) {
  .dropdown-menu-md-left {
    right: auto;
    left: 0
  }

  .dropdown-menu-md-right {
    right: 0;
    left: auto
  }
}

@media (min-width:992px) {
  .dropdown-menu-lg-left {
    right: auto;
    left: 0
  }

  .dropdown-menu-lg-right {
    right: 0;
    left: auto
  }
}

@media (min-width:1200px) {
  .dropdown-menu-xl-left {
    right: auto;
    left: 0
  }

  .dropdown-menu-xl-right {
    right: 0;
    left: auto
  }
}

@media (min-width:1400px) {
  .dropdown-menu-xxl-left {
    right: auto;
    left: 0
  }

  .dropdown-menu-xxl-right {
    right: 0;
    left: auto
  }
}

.dropup .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: .125rem
}

.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: 0;
  border-right: .3em solid transparent;
  border-bottom: .3em solid;
  border-left: .3em solid transparent
}

.dropup .dropdown-toggle:empty::after {
  margin-left: 0
}

.dropright .dropdown-menu {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: .125rem
}

.dropright .dropdown-toggle::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid transparent;
  border-right: 0;
  border-bottom: .3em solid transparent;
  border-left: .3em solid
}

.dropright .dropdown-toggle:empty::after {
  margin-left: 0
}

.dropright .dropdown-toggle::after {
  vertical-align: 0
}

.dropleft .dropdown-menu {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: .125rem
}

.dropleft .dropdown-toggle::after {
  display: inline-block;
  margin-left: .255em;
  vertical-align: .255em;
  content: ""
}

.dropleft .dropdown-toggle::after {
  display: none
}

.dropleft .dropdown-toggle::before {
  display: inline-block;
  margin-right: .255em;
  vertical-align: .255em;
  content: "";
  border-top: .3em solid transparent;
  border-right: .3em solid;
  border-bottom: .3em solid transparent
}

.dropleft .dropdown-toggle:empty::after {
  margin-left: 0
}

.dropleft .dropdown-toggle::before {
  vertical-align: 0
}

.dropdown-menu[x-placement^=bottom],
.dropdown-menu[x-placement^=left],
.dropdown-menu[x-placement^=right],
.dropdown-menu[x-placement^=top] {
  right: auto;
  bottom: auto
}

.dropdown-divider {
  height: 0;
  margin: .5rem 0;
  overflow: hidden;
  border-top: 1px solid rgba(0, 0, 0, .15)
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: .25rem 1rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0
}

.dropdown-item:focus,
.dropdown-item:hover {
  color: #1e2125;
  background-color: #f8f9fa
}

.dropdown-item.active,
.dropdown-item:active {
  color: #fff;
  text-decoration: none;
  background-color: #0d6efd
}

.dropdown-item.disabled,
.dropdown-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: transparent
}

.dropdown-menu.show {
  display: block
}

.dropdown-header {
  display: block;
  padding: .5rem 1rem;
  margin-bottom: 0;
  font-size: .875rem;
  color: #6c757d;
  white-space: nowrap
}

.dropdown-item-text {
  display: block;
  padding: .25rem 1rem;
  color: #212529
}

.dropdown-menu-dark {
  color: #dee2e6;
  background-color: #343a40;
  border-color: rgba(0, 0, 0, .15)
}

.dropdown-menu-dark .dropdown-item {
  color: #dee2e6
}

.dropdown-menu-dark .dropdown-item:focus,
.dropdown-menu-dark .dropdown-item:hover {
  color: #fff;
  background-color: rgba(255, 255, 255, .15)
}

.dropdown-menu-dark .dropdown-item.active,
.dropdown-menu-dark .dropdown-item:active {
  color: #fff;
  background-color: #0d6efd
}

.dropdown-menu-dark .dropdown-item.disabled,
.dropdown-menu-dark .dropdown-item:disabled {
  color: #adb5bd
}

.dropdown-menu-dark .dropdown-divider {
  border-color: rgba(0, 0, 0, .15)
}

.dropdown-menu-dark .dropdown-item-text {
  color: #dee2e6
}

.dropdown-menu-dark .dropdown-header {
  color: #adb5bd
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle
}

.btn-group-vertical>.btn,
.btn-group>.btn {
  position: relative;
  flex: 1 1 auto
}

.btn-group-vertical>.btn-check:checked+.btn,
.btn-group-vertical>.btn-check:focus+.btn,
.btn-group-vertical>.btn.active,
.btn-group-vertical>.btn:active,
.btn-group-vertical>.btn:focus,
.btn-group-vertical>.btn:hover,
.btn-group>.btn-check:checked+.btn,
.btn-group>.btn-check:focus+.btn,
.btn-group>.btn.active,
.btn-group>.btn:active,
.btn-group>.btn:focus,
.btn-group>.btn:hover {
  z-index: 1
}

.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start
}

.btn-toolbar .input-group {
  width: auto
}

.btn-group>.btn-group:not(:first-child),
.btn-group>.btn:not(:first-child) {
  margin-left: -1px
}

.btn-group>.btn-group:not(:last-child)>.btn,
.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0
}

.btn-group>.btn-group:not(:first-child)>.btn,
.btn-group>.btn:nth-child(n+3),
.btn-group>:not(.btn-check)+.btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0
}

.dropdown-toggle-split {
  padding-right: .5625rem;
  padding-left: .5625rem
}

.dropdown-toggle-split::after,
.dropright .dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after {
  margin-left: 0
}

.dropleft .dropdown-toggle-split::before {
  margin-right: 0
}

.btn-group-sm>.btn+.dropdown-toggle-split,
.btn-sm+.dropdown-toggle-split {
  padding-right: .375rem;
  padding-left: .375rem
}

.btn-group-lg>.btn+.dropdown-toggle-split,
.btn-lg+.dropdown-toggle-split {
  padding-right: .75rem;
  padding-left: .75rem
}

.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center
}

.btn-group-vertical>.btn,
.btn-group-vertical>.btn-group {
  width: 100%
}

.btn-group-vertical>.btn-group:not(:first-child),
.btn-group-vertical>.btn:not(:first-child) {
  margin-top: -1px
}

.btn-group-vertical>.btn-group:not(:last-child)>.btn,
.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0
}

.btn-group-vertical>.btn-group:not(:first-child)>.btn,
.btn-group-vertical>.btn:not(:first-child) {
  border-top-left-radius: 0;
  border-top-right-radius: 0
}

.nav {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none
}

.nav-link {
  display: block;
  padding: .5rem 1rem;
  text-decoration: none;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
  .nav-link {
    transition: none
  }
}

.nav-link.disabled {
  color: #6c757d;
  pointer-events: none;
  cursor: default
}

.nav-tabs {
  border-bottom: 1px solid #dee2e6
}

.nav-tabs .nav-link {
  margin-bottom: -1px;
  border: 1px solid transparent;
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  border-color: #e9ecef #e9ecef #dee2e6
}

.nav-tabs .nav-link.disabled {
  color: #6c757d;
  background-color: transparent;
  border-color: transparent
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  color: #495057;
  background-color: #fff;
  border-color: #dee2e6 #dee2e6 #fff
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0
}

.nav-pills .nav-link {
  border-radius: .25rem
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  color: #fff;
  background-color: #0d6efd
}

.nav-fill .nav-item,
.nav-fill>.nav-link {
  flex: 1 1 auto;
  text-align: center
}

.nav-justified .nav-item,
.nav-justified>.nav-link {
  flex-basis: 0;
  flex-grow: 1;
  text-align: center
}

.tab-content>.tab-pane {
  display: none
}

.tab-content>.active {
  display: block
}

.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding-top: .5rem;
  padding-bottom: .5rem
}

.navbar>.container,
.navbar>.container-fluid,
.navbar>.container-lg,
.navbar>.container-md,
.navbar>.container-sm,
.navbar>.container-xl,
.navbar>.container-xxl {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between
}

.navbar-brand {
  padding-top: .3125rem;
  padding-bottom: .3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  text-decoration: none;
  white-space: nowrap
}

.navbar-nav {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none
}

.navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0
}

.navbar-nav .dropdown-menu {
  position: static
}

.navbar-text {
  padding-top: .5rem;
  padding-bottom: .5rem
}

.navbar-collapse {
  align-items: center;
  width: 100%
}

.navbar-toggler {
  padding: .25rem .75rem;
  font-size: 1.25rem;
  line-height: 1;
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: .25rem;
  transition: box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
  .navbar-toggler {
    transition: none
  }
}

.navbar-toggler:hover {
  text-decoration: none
}

.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 0 .25rem
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%
}

@media (min-width:576px) {
  .navbar-expand-sm {
    flex-wrap: nowrap;
    justify-content: flex-start
  }

  .navbar-expand-sm .navbar-nav {
    flex-direction: row
  }

  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute
  }

  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem
  }

  .navbar-expand-sm .navbar-collapse {
    display: flex !important
  }

  .navbar-expand-sm .navbar-toggler {
    display: none
  }
}

@media (min-width:768px) {
  .navbar-expand-md {
    flex-wrap: nowrap;
    justify-content: flex-start
  }

  .navbar-expand-md .navbar-nav {
    flex-direction: row
  }

  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute
  }

  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem
  }

  .navbar-expand-md .navbar-collapse {
    display: flex !important
  }

  .navbar-expand-md .navbar-toggler {
    display: none
  }
}

@media (min-width:992px) {
  .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start
  }

  .navbar-expand-lg .navbar-nav {
    flex-direction: row
  }

  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute
  }

  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem
  }

  .navbar-expand-lg .navbar-collapse {
    display: flex !important
  }

  .navbar-expand-lg .navbar-toggler {
    display: none
  }
}

@media (min-width:1200px) {
  .navbar-expand-xl {
    flex-wrap: nowrap;
    justify-content: flex-start
  }

  .navbar-expand-xl .navbar-nav {
    flex-direction: row
  }

  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute
  }

  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem
  }

  .navbar-expand-xl .navbar-collapse {
    display: flex !important
  }

  .navbar-expand-xl .navbar-toggler {
    display: none
  }
}

@media (min-width:1400px) {
  .navbar-expand-xxl {
    flex-wrap: nowrap;
    justify-content: flex-start
  }

  .navbar-expand-xxl .navbar-nav {
    flex-direction: row
  }

  .navbar-expand-xxl .navbar-nav .dropdown-menu {
    position: absolute
  }

  .navbar-expand-xxl .navbar-nav .nav-link {
    padding-right: .5rem;
    padding-left: .5rem
  }

  .navbar-expand-xxl .navbar-collapse {
    display: flex !important
  }

  .navbar-expand-xxl .navbar-toggler {
    display: none
  }
}

.navbar-expand {
  flex-wrap: nowrap;
  justify-content: flex-start
}

.navbar-expand .navbar-nav {
  flex-direction: row
}

.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute
}

.navbar-expand .navbar-nav .nav-link {
  padding-right: .5rem;
  padding-left: .5rem
}

.navbar-expand .navbar-collapse {
  display: flex !important
}

.navbar-expand .navbar-toggler {
  display: none
}

.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-brand:focus,
.navbar-light .navbar-brand:hover {
  color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, .55)
}

.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
  color: rgba(0, 0, 0, .7)
}

.navbar-light .navbar-nav .nav-link.disabled {
  color: rgba(0, 0, 0, .3)
}

.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .show>.nav-link {
  color: rgba(0, 0, 0, .9)
}

.navbar-light .navbar-toggler {
  color: rgba(0, 0, 0, .55);
  border-color: rgba(0, 0, 0, .1)
}

.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.navbar-light .navbar-text {
  color: rgba(0, 0, 0, .55)
}

.navbar-light .navbar-text a,
.navbar-light .navbar-text a:focus,
.navbar-light .navbar-text a:hover {
  color: rgba(0, 0, 0, .9)
}

.navbar-dark .navbar-brand {
  color: #fff
}

.navbar-dark .navbar-brand:focus,
.navbar-dark .navbar-brand:hover {
  color: #fff
}

.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, .55)
}

.navbar-dark .navbar-nav .nav-link:focus,
.navbar-dark .navbar-nav .nav-link:hover {
  color: rgba(255, 255, 255, .75)
}

.navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, .25)
}

.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .show>.nav-link {
  color: #fff
}

.navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, .55);
  border-color: rgba(255, 255, 255, .1)
}

.navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.navbar-dark .navbar-text {
  color: rgba(255, 255, 255, .55)
}

.navbar-dark .navbar-text a,
.navbar-dark .navbar-text a:focus,
.navbar-dark .navbar-text a:hover {
  color: #fff
}

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, .125);
  border-radius: .25rem
}

.card>hr {
  margin-right: 0;
  margin-left: 0
}

.card>.list-group {
  border-top: inherit;
  border-bottom: inherit
}

.card>.list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: calc(.25rem - 1px);
  border-top-right-radius: calc(.25rem - 1px)
}

.card>.list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: calc(.25rem - 1px);
  border-bottom-left-radius: calc(.25rem - 1px)
}

.card>.card-header+.list-group,
.card>.list-group+.card-footer {
  border-top: 0
}

.card-body {
  flex: 1 1 auto;
  padding: 1rem 1rem
}

.card-title {
  margin-bottom: .5rem
}

.card-subtitle {
  margin-top: -.25rem;
  margin-bottom: 0
}

.card-text:last-child {
  margin-bottom: 0
}

.card-link:hover {
  text-decoration: none
}

.card-link+.card-link {
  margin-left: 1rem
}

.card-header {
  padding: .5rem 1rem;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, .03);
  border-bottom: 1px solid rgba(0, 0, 0, .125)
}

.card-header:first-child {
  border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0
}

.card-footer {
  padding: .5rem 1rem;
  background-color: rgba(0, 0, 0, .03);
  border-top: 1px solid rgba(0, 0, 0, .125)
}

.card-footer:last-child {
  border-radius: 0 0 calc(.25rem - 1px) calc(.25rem - 1px)
}

.card-header-tabs {
  margin-right: -.5rem;
  margin-bottom: -.5rem;
  margin-left: -.5rem;
  border-bottom: 0
}

.card-header-pills {
  margin-right: -.5rem;
  margin-left: -.5rem
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1rem;
  border-radius: calc(.25rem - 1px)
}

.card-img,
.card-img-bottom,
.card-img-top {
  width: 100%
}

.card-img,
.card-img-top {
  border-top-left-radius: calc(.25rem - 1px);
  border-top-right-radius: calc(.25rem - 1px)
}

.card-img,
.card-img-bottom {
  border-bottom-right-radius: calc(.25rem - 1px);
  border-bottom-left-radius: calc(.25rem - 1px)
}

.card-group>.card {
  margin-bottom: .75rem
}

@media (min-width:576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap
  }

  .card-group>.card {
    flex: 1 0 0%;
    margin-bottom: 0
  }

  .card-group>.card+.card {
    margin-left: 0;
    border-left: 0
  }

  .card-group>.card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0
  }

  .card-group>.card:not(:last-child) .card-header,
  .card-group>.card:not(:last-child) .card-img-top {
    border-top-right-radius: 0
  }

  .card-group>.card:not(:last-child) .card-footer,
  .card-group>.card:not(:last-child) .card-img-bottom {
    border-bottom-right-radius: 0
  }

  .card-group>.card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0
  }

  .card-group>.card:not(:first-child) .card-header,
  .card-group>.card:not(:first-child) .card-img-top {
    border-top-left-radius: 0
  }

  .card-group>.card:not(:first-child) .card-footer,
  .card-group>.card:not(:first-child) .card-img-bottom {
    border-bottom-left-radius: 0
  }
}

.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 1rem 1.25rem;
  font-size: 1rem;
  color: #212529;
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, .125);
  border-radius: 0;
  overflow-anchor: none;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out, border-radius .15s ease
}

@media (prefers-reduced-motion:reduce) {
  .accordion-button {
    transition: none
  }
}

.accordion-button.collapsed {
  border-bottom-width: 0
}

.accordion-button:not(.collapsed) {
  color: #0c63e4;
  background-color: #e7f1ff
}

.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  transform: rotate(180deg)
}

.accordion-button::after {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  margin-left: auto;
  content: "";
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-size: 1.25rem;
  transition: transform .2s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
  .accordion-button::after {
    transition: none
  }
}

.accordion-button:hover {
  z-index: 2
}

.accordion-button:focus {
  z-index: 3;
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.accordion-header {
  margin-bottom: 0
}

.accordion-item:first-of-type .accordion-button {
  border-top-left-radius: .25rem;
  border-top-right-radius: .25rem
}

.accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-width: 1px;
  border-bottom-right-radius: .25rem;
  border-bottom-left-radius: .25rem
}

.accordion-item:last-of-type .accordion-collapse {
  border-bottom-width: 1px;
  border-bottom-right-radius: .25rem;
  border-bottom-left-radius: .25rem
}

.accordion-collapse {
  border: solid rgba(0, 0, 0, .125);
  border-width: 0 1px
}

.accordion-body {
  padding: 1rem 1.25rem
}

.accordion-flush .accordion-button {
  border-right: 0;
  border-left: 0;
  border-radius: 0
}

.accordion-flush .accordion-collapse {
  border-width: 0
}

.accordion-flush .accordion-item:first-of-type .accordion-button {
  border-top-width: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0
}

.accordion-flush .accordion-item:last-of-type .accordion-button.collapsed {
  border-bottom-width: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0
}

.breadcrumb {
  display: flex;
  flex-wrap: wrap;
  padding: .5rem 1rem;
  margin-bottom: 1rem;
  list-style: none;
  background-color: #e9ecef;
  border-radius: .25rem
}

.breadcrumb-item+.breadcrumb-item {
  padding-left: .5rem
}

.breadcrumb-item+.breadcrumb-item::before {
  float: left;
  padding-right: .5rem;
  color: #6c757d;
  content: "/"
}

.breadcrumb-item.active {
  color: #6c757d
}

.pagination {
  display: flex;
  padding-left: 0;
  list-style: none
}

.page-link {
  position: relative;
  display: block;
  color: #0d6efd;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #dee2e6;
  transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
  .page-link {
    transition: none
  }
}

.page-link:hover {
  z-index: 2;
  color: #0a58ca;
  background-color: #e9ecef;
  border-color: #dee2e6
}

.page-link:focus {
  z-index: 3;
  color: #0a58ca;
  background-color: #e9ecef;
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25)
}

.page-item:not(:first-child) .page-link {
  margin-left: -1px
}

.page-item.active .page-link {
  z-index: 3;
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd
}

.page-item.disabled .page-link {
  color: #6c757d;
  pointer-events: none;
  background-color: #fff;
  border-color: #dee2e6
}

.page-link {
  padding: .375rem .75rem
}

.page-item:first-child .page-link {
  border-top-left-radius: .25rem;
  border-bottom-left-radius: .25rem
}

.page-item:last-child .page-link {
  border-top-right-radius: .25rem;
  border-bottom-right-radius: .25rem
}

.pagination-lg .page-link {
  padding: .75rem 1.5rem;
  font-size: 1.25rem
}

.pagination-lg .page-item:first-child .page-link {
  border-top-left-radius: .3rem;
  border-bottom-left-radius: .3rem
}

.pagination-lg .page-item:last-child .page-link {
  border-top-right-radius: .3rem;
  border-bottom-right-radius: .3rem
}

.pagination-sm .page-link {
  padding: .25rem .5rem;
  font-size: .875rem
}

.pagination-sm .page-item:first-child .page-link {
  border-top-left-radius: .2rem;
  border-bottom-left-radius: .2rem
}

.pagination-sm .page-item:last-child .page-link {
  border-top-right-radius: .2rem;
  border-bottom-right-radius: .2rem
}

.badge {
  display: inline-block;
  padding: .35em .65em;
  font-size: .75em;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25rem
}

.badge:empty {
  display: none
}

.btn .badge {
  position: relative;
  top: -1px
}

.alert {
  position: relative;
  padding: 1rem 1rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: .25rem
}

.alert-heading {
  color: inherit
}

.alert-link {
  font-weight: 700
}

.alert-dismissible {
  padding-right: 3rem
}

.alert-dismissible .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 1.25rem 1rem
}

.alert-primary {
  color: #084298;
  background-color: #cfe2ff;
  border-color: #b6d4fe
}

.alert-primary .alert-link {
  color: #06357a
}

.alert-secondary {
  color: #41464b;
  background-color: #e2e3e5;
  border-color: #d3d6d8
}

.alert-secondary .alert-link {
  color: #34383c
}

.alert-success {
  color: #0f5132;
  background-color: #d1e7dd;
  border-color: #badbcc
}

.alert-success .alert-link {
  color: #0c4128
}

.alert-info {
  color: #055160;
  background-color: #cff4fc;
  border-color: #b6effb
}

.alert-info .alert-link {
  color: #04414d
}

.alert-warning {
  color: #566ffe;
  background-color: #ebe1ff;
  border-color: #ebe1ff
}

.alert-warning .alert-link {
  color: #36b37e;
}

.alert-danger {
  color: #842029;
  background-color: #f8d7da;
  border-color: #f5c2c7
}

.alert-danger .alert-link {
  color: #6a1a21
}

.alert-light {
  color: #636464;
  background-color: #fefefe;
  border-color: #fdfdfe
}

.alert-light .alert-link {
  color: #4f5050
}

.alert-dark {
  color: #141619;
  background-color: #d3d3d4;
  border-color: #bcbebf
}

.alert-dark .alert-link {
  color: #101214
}

@-webkit-keyframes progress-bar-stripes {
  0% {
    background-position-x: 1rem
  }
}

@keyframes progress-bar-stripes {
  0% {
    background-position-x: 1rem
  }
}

.progress {
  display: flex;
  height: 1rem;
  overflow: hidden;
  font-size: .75rem;
  background-color: #e9ecef;
  border-radius: .25rem
}

.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  background-color: #0d6efd;
  transition: width .6s ease
}

@media (prefers-reduced-motion:reduce) {
  .progress-bar {
    transition: none
  }
}

.progress-bar-striped {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem
}

.progress-bar-animated {
  -webkit-animation: 1s linear infinite progress-bar-stripes;
  animation: 1s linear infinite progress-bar-stripes
}

@media (prefers-reduced-motion:reduce) {
  .progress-bar-animated {
    -webkit-animation: none;
    animation: none
  }
}

.list-group {
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: .25rem
}

.list-group-item-action {
  width: 100%;
  color: #495057;
  text-align: inherit
}

.list-group-item-action:focus,
.list-group-item-action:hover {
  z-index: 1;
  color: #495057;
  text-decoration: none;
  background-color: #f8f9fa
}

.list-group-item-action:active {
  color: #212529;
  background-color: #e9ecef
}

.list-group-item {
  position: relative;
  display: block;
  padding: .5rem 1rem;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, .125)
}

.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit
}

.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit
}

.list-group-item.disabled,
.list-group-item:disabled {
  color: #6c757d;
  pointer-events: none;
  background-color: #fff
}

.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #0d6efd;
  border-color: #0d6efd
}

.list-group-item+.list-group-item {
  border-top-width: 0
}

.list-group-item+.list-group-item.active {
  margin-top: -1px;
  border-top-width: 1px
}

.list-group-horizontal {
  flex-direction: row
}

.list-group-horizontal>.list-group-item:first-child {
  border-bottom-left-radius: .25rem;
  border-top-right-radius: 0
}

.list-group-horizontal>.list-group-item:last-child {
  border-top-right-radius: .25rem;
  border-bottom-left-radius: 0
}

.list-group-horizontal>.list-group-item.active {
  margin-top: 0
}

.list-group-horizontal>.list-group-item+.list-group-item {
  border-top-width: 1px;
  border-left-width: 0
}

.list-group-horizontal>.list-group-item+.list-group-item.active {
  margin-left: -1px;
  border-left-width: 1px
}

@media (min-width:576px) {
  .list-group-horizontal-sm {
    flex-direction: row
  }

  .list-group-horizontal-sm>.list-group-item:first-child {
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0
  }

  .list-group-horizontal-sm>.list-group-item:last-child {
    border-top-right-radius: .25rem;
    border-bottom-left-radius: 0
  }

  .list-group-horizontal-sm>.list-group-item.active {
    margin-top: 0
  }

  .list-group-horizontal-sm>.list-group-item+.list-group-item {
    border-top-width: 1px;
    border-left-width: 0
  }

  .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px
  }
}

@media (min-width:768px) {
  .list-group-horizontal-md {
    flex-direction: row
  }

  .list-group-horizontal-md>.list-group-item:first-child {
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0
  }

  .list-group-horizontal-md>.list-group-item:last-child {
    border-top-right-radius: .25rem;
    border-bottom-left-radius: 0
  }

  .list-group-horizontal-md>.list-group-item.active {
    margin-top: 0
  }

  .list-group-horizontal-md>.list-group-item+.list-group-item {
    border-top-width: 1px;
    border-left-width: 0
  }

  .list-group-horizontal-md>.list-group-item+.list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px
  }
}

@media (min-width:992px) {
  .list-group-horizontal-lg {
    flex-direction: row
  }

  .list-group-horizontal-lg>.list-group-item:first-child {
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0
  }

  .list-group-horizontal-lg>.list-group-item:last-child {
    border-top-right-radius: .25rem;
    border-bottom-left-radius: 0
  }

  .list-group-horizontal-lg>.list-group-item.active {
    margin-top: 0
  }

  .list-group-horizontal-lg>.list-group-item+.list-group-item {
    border-top-width: 1px;
    border-left-width: 0
  }

  .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px
  }
}

@media (min-width:1200px) {
  .list-group-horizontal-xl {
    flex-direction: row
  }

  .list-group-horizontal-xl>.list-group-item:first-child {
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0
  }

  .list-group-horizontal-xl>.list-group-item:last-child {
    border-top-right-radius: .25rem;
    border-bottom-left-radius: 0
  }

  .list-group-horizontal-xl>.list-group-item.active {
    margin-top: 0
  }

  .list-group-horizontal-xl>.list-group-item+.list-group-item {
    border-top-width: 1px;
    border-left-width: 0
  }

  .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px
  }
}

@media (min-width:1400px) {
  .list-group-horizontal-xxl {
    flex-direction: row
  }

  .list-group-horizontal-xxl>.list-group-item:first-child {
    border-bottom-left-radius: .25rem;
    border-top-right-radius: 0
  }

  .list-group-horizontal-xxl>.list-group-item:last-child {
    border-top-right-radius: .25rem;
    border-bottom-left-radius: 0
  }

  .list-group-horizontal-xxl>.list-group-item.active {
    margin-top: 0
  }

  .list-group-horizontal-xxl>.list-group-item+.list-group-item {
    border-top-width: 1px;
    border-left-width: 0
  }

  .list-group-horizontal-xxl>.list-group-item+.list-group-item.active {
    margin-left: -1px;
    border-left-width: 1px
  }
}

.list-group-flush {
  border-radius: 0
}

.list-group-flush>.list-group-item {
  border-width: 0 0 1px
}

.list-group-flush>.list-group-item:last-child {
  border-bottom-width: 0
}

.list-group-item-primary {
  color: #084298;
  background-color: #cfe2ff
}

.list-group-item-primary.list-group-item-action:focus,
.list-group-item-primary.list-group-item-action:hover {
  color: #084298;
  background-color: #bacbe6
}

.list-group-item-primary.list-group-item-action.active {
  color: #fff;
  background-color: #084298;
  border-color: #084298
}

.list-group-item-secondary {
  color: #41464b;
  background-color: #e2e3e5
}

.list-group-item-secondary.list-group-item-action:focus,
.list-group-item-secondary.list-group-item-action:hover {
  color: #41464b;
  background-color: #cbccce
}

.list-group-item-secondary.list-group-item-action.active {
  color: #fff;
  background-color: #41464b;
  border-color: #41464b
}

.list-group-item-success {
  color: #0f5132;
  background-color: #d1e7dd
}

.list-group-item-success.list-group-item-action:focus,
.list-group-item-success.list-group-item-action:hover {
  color: #0f5132;
  background-color: #bcd0c7
}

.list-group-item-success.list-group-item-action.active {
  color: #fff;
  background-color: #0f5132;
  border-color: #0f5132
}

.list-group-item-info {
  color: #055160;
  background-color: #cff4fc
}

.list-group-item-info.list-group-item-action:focus,
.list-group-item-info.list-group-item-action:hover {
  color: #055160;
  background-color: #badce3
}

.list-group-item-info.list-group-item-action.active {
  color: #fff;
  background-color: #055160;
  border-color: #055160
}

.list-group-item-warning {
  color: #664d03;
  background-color: #fff3cd
}

.list-group-item-warning.list-group-item-action:focus,
.list-group-item-warning.list-group-item-action:hover {
  color: #664d03;
  background-color: #e6dbb9
}

.list-group-item-warning.list-group-item-action.active {
  color: #fff;
  background-color: #664d03;
  border-color: #664d03
}

.list-group-item-danger {
  color: #842029;
  background-color: #f8d7da
}

.list-group-item-danger.list-group-item-action:focus,
.list-group-item-danger.list-group-item-action:hover {
  color: #842029;
  background-color: #dfc2c4
}

.list-group-item-danger.list-group-item-action.active {
  color: #fff;
  background-color: #842029;
  border-color: #842029
}

.list-group-item-light {
  color: #636464;
  background-color: #fefefe
}

.list-group-item-light.list-group-item-action:focus,
.list-group-item-light.list-group-item-action:hover {
  color: #636464;
  background-color: #e5e5e5
}

.list-group-item-light.list-group-item-action.active {
  color: #fff;
  background-color: #636464;
  border-color: #636464
}

.list-group-item-dark {
  color: #141619;
  background-color: #d3d3d4
}

.list-group-item-dark.list-group-item-action:focus,
.list-group-item-dark.list-group-item-action:hover {
  color: #141619;
  background-color: #bebebf
}

.list-group-item-dark.list-group-item-action.active {
  color: #fff;
  background-color: #141619;
  border-color: #141619
}

.btn-close {
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: .25em .25em;
  color: #000;
  background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
  border: 0;
  border-radius: .25rem;
  opacity: .5
}

.btn-close:hover {
  color: #000;
  text-decoration: none;
  opacity: .75
}

.btn-close:focus {
  outline: 0;
  box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
  opacity: 1
}

.btn-close.disabled,
.btn-close:disabled {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  opacity: .25
}

.btn-close-white {
  filter: invert(1) grayscale(100%) brightness(200%)
}

.toast {
  max-width: 350px;
  font-size: .875rem;
  background-color: rgba(255, 255, 255, .85);
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, .1);
  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
  opacity: 0;
  border-radius: .25rem
}

.toast:not(:last-child) {
  margin-bottom: .75rem
}

.toast.showing {
  opacity: 1
}

.toast.show {
  display: block;
  opacity: 1
}

.toast.hide {
  display: none
}

.toast-header {
  display: flex;
  align-items: center;
  padding: .5rem .75rem;
  color: #6c757d;
  background-color: rgba(255, 255, 255, .85);
  background-clip: padding-box;
  border-bottom: 1px solid rgba(0, 0, 0, .05);
  border-top-left-radius: calc(.25rem - 1px);
  border-top-right-radius: calc(.25rem - 1px)
}

.toast-header .btn-close {
  margin-right: -.375rem;
  margin-left: .75rem
}

.toast-body {
  padding: .75rem
}

.modal-open {
  overflow: hidden
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  display: none;
  width: 100%;
  height: 100%;
  overflow: hidden;
  outline: 0
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: .5rem;
  pointer-events: none
}

.modal.fade .modal-dialog {
  transition: transform .3s ease-out;
  transform: translate(0, -50px)
}

@media (prefers-reduced-motion:reduce) {
  .modal.fade .modal-dialog {
    transition: none
  }
}

.modal.show .modal-dialog {
  transform: none
}

.modal.modal-static .modal-dialog {
  transform: scale(1.02)
}

.modal-dialog-scrollable {
  height: calc(100% - 1rem)
}

.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden
}

.modal-dialog-scrollable .modal-body {
  overflow-y: auto
}

.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - 1rem)
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  pointer-events: auto;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: .3rem;
  outline: 0
}

.modal-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000
}

.modal-backdrop.fade {
  opacity: 0
}

.modal-backdrop.show {
  opacity: .5
}

.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1rem;
  border-bottom: 1px solid #dee2e6;
  border-top-left-radius: calc(.3rem - 1px);
  border-top-right-radius: calc(.3rem - 1px)
}

.modal-header .btn-close {
  padding: .5rem .5rem;
  margin: -.5rem -.5rem -.5rem auto
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.5
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 1rem
}

.modal-footer {
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
  align-items: center;
  justify-content: flex-end;
  padding: .75rem;
  border-top: 1px solid #dee2e6;
  border-bottom-right-radius: calc(.3rem - 1px);
  border-bottom-left-radius: calc(.3rem - 1px)
}

.modal-footer>* {
  margin: .25rem
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll
}

@media (min-width:576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 1.75rem auto
  }

  .modal-dialog-scrollable {
    height: calc(100% - 3.5rem)
  }

  .modal-dialog-centered {
    min-height: calc(100% - 3.5rem)
  }

  .modal-sm {
    max-width: 300px
  }
}

@media (min-width:992px) {

  .modal-lg,
  .modal-xl {
    max-width: 800px
  }
}

@media (min-width:1200px) {
  .modal-xl {
    max-width: 1140px
  }
}

.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0
}

.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0
}

.modal-fullscreen .modal-header {
  border-radius: 0
}

.modal-fullscreen .modal-body {
  overflow-y: auto
}

.modal-fullscreen .modal-footer {
  border-radius: 0
}

@media (max-width:575.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
  }

  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0
  }

  .modal-fullscreen-sm-down .modal-header {
    border-radius: 0
  }

  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto
  }

  .modal-fullscreen-sm-down .modal-footer {
    border-radius: 0
  }
}

@media (max-width:767.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
  }

  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0
  }

  .modal-fullscreen-md-down .modal-header {
    border-radius: 0
  }

  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto
  }

  .modal-fullscreen-md-down .modal-footer {
    border-radius: 0
  }
}

@media (max-width:991.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
  }

  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0
  }

  .modal-fullscreen-lg-down .modal-header {
    border-radius: 0
  }

  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto
  }

  .modal-fullscreen-lg-down .modal-footer {
    border-radius: 0
  }
}

@media (max-width:1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
  }

  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0
  }

  .modal-fullscreen-xl-down .modal-header {
    border-radius: 0
  }

  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto
  }

  .modal-fullscreen-xl-down .modal-footer {
    border-radius: 0
  }
}

@media (max-width:1399.98px) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0
  }

  .modal-fullscreen-xxl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0
  }

  .modal-fullscreen-xxl-down .modal-header {
    border-radius: 0
  }

  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto
  }

  .modal-fullscreen-xxl-down .modal-footer {
    border-radius: 0
  }
}

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  margin: 0;
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: .875rem;
  word-wrap: break-word;
  opacity: 0
}

.tooltip.show {
  opacity: .9
}

.tooltip .tooltip-arrow {
  position: absolute;
  display: block;
  width: .8rem;
  height: .4rem
}

.tooltip .tooltip-arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid
}

.bs-tooltip-auto[x-placement^=top],
.bs-tooltip-top {
  padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=top] .tooltip-arrow,
.bs-tooltip-top .tooltip-arrow {
  bottom: 0
}

.bs-tooltip-auto[x-placement^=top] .tooltip-arrow::before,
.bs-tooltip-top .tooltip-arrow::before {
  top: 0;
  border-width: .4rem .4rem 0;
  border-top-color: #000
}

.bs-tooltip-auto[x-placement^=right],
.bs-tooltip-right {
  padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=right] .tooltip-arrow,
.bs-tooltip-right .tooltip-arrow {
  left: 0;
  width: .4rem;
  height: .8rem
}

.bs-tooltip-auto[x-placement^=right] .tooltip-arrow::before,
.bs-tooltip-right .tooltip-arrow::before {
  right: 0;
  border-width: .4rem .4rem .4rem 0;
  border-right-color: #000
}

.bs-tooltip-auto[x-placement^=bottom],
.bs-tooltip-bottom {
  padding: .4rem 0
}

.bs-tooltip-auto[x-placement^=bottom] .tooltip-arrow,
.bs-tooltip-bottom .tooltip-arrow {
  top: 0
}

.bs-tooltip-auto[x-placement^=bottom] .tooltip-arrow::before,
.bs-tooltip-bottom .tooltip-arrow::before {
  bottom: 0;
  border-width: 0 .4rem .4rem;
  border-bottom-color: #000
}

.bs-tooltip-auto[x-placement^=left],
.bs-tooltip-left {
  padding: 0 .4rem
}

.bs-tooltip-auto[x-placement^=left] .tooltip-arrow,
.bs-tooltip-left .tooltip-arrow {
  right: 0;
  width: .4rem;
  height: .8rem
}

.bs-tooltip-auto[x-placement^=left] .tooltip-arrow::before,
.bs-tooltip-left .tooltip-arrow::before {
  left: 0;
  border-width: .4rem 0 .4rem .4rem;
  border-left-color: #000
}

.tooltip-inner {
  max-width: 200px;
  padding: .25rem .5rem;
  color: #fff;
  text-align: center;
  background-color: #000;
  border-radius: .25rem
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  word-spacing: normal;
  white-space: normal;
  line-break: auto;
  font-size: .875rem;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, .2);
  border-radius: .3rem
}

.popover .popover-arrow {
  position: absolute;
  display: block;
  width: 1rem;
  height: .5rem;
  margin: 0 .3rem
}

.popover .popover-arrow::after,
.popover .popover-arrow::before {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid
}

.bs-popover-auto[x-placement^=top],
.bs-popover-top {
  margin-bottom: .5rem
}

.bs-popover-auto[x-placement^=top]>.popover-arrow,
.bs-popover-top>.popover-arrow {
  bottom: calc(-.5rem - 1px)
}

.bs-popover-auto[x-placement^=top]>.popover-arrow::before,
.bs-popover-top>.popover-arrow::before {
  bottom: 0;
  border-width: .5rem .5rem 0;
  border-top-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=top]>.popover-arrow::after,
.bs-popover-top>.popover-arrow::after {
  bottom: 1px;
  border-width: .5rem .5rem 0;
  border-top-color: #fff
}

.bs-popover-auto[x-placement^=right],
.bs-popover-right {
  margin-left: .5rem
}

.bs-popover-auto[x-placement^=right]>.popover-arrow,
.bs-popover-right>.popover-arrow {
  left: calc(-.5rem - 1px);
  width: .5rem;
  height: 1rem;
  margin: .3rem 0
}

.bs-popover-auto[x-placement^=right]>.popover-arrow::before,
.bs-popover-right>.popover-arrow::before {
  left: 0;
  border-width: .5rem .5rem .5rem 0;
  border-right-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=right]>.popover-arrow::after,
.bs-popover-right>.popover-arrow::after {
  left: 1px;
  border-width: .5rem .5rem .5rem 0;
  border-right-color: #fff
}

.bs-popover-auto[x-placement^=bottom],
.bs-popover-bottom {
  margin-top: .5rem
}

.bs-popover-auto[x-placement^=bottom]>.popover-arrow,
.bs-popover-bottom>.popover-arrow {
  top: calc(-.5rem - 1px)
}

.bs-popover-auto[x-placement^=bottom]>.popover-arrow::before,
.bs-popover-bottom>.popover-arrow::before {
  top: 0;
  border-width: 0 .5rem .5rem .5rem;
  border-bottom-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=bottom]>.popover-arrow::after,
.bs-popover-bottom>.popover-arrow::after {
  top: 1px;
  border-width: 0 .5rem .5rem .5rem;
  border-bottom-color: #fff
}

.bs-popover-auto[x-placement^=bottom] .popover-header::before,
.bs-popover-bottom .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 1rem;
  margin-left: -.5rem;
  content: "";
  border-bottom: 1px solid #f0f0f0
}

.bs-popover-auto[x-placement^=left],
.bs-popover-left {
  margin-right: .5rem
}

.bs-popover-auto[x-placement^=left]>.popover-arrow,
.bs-popover-left>.popover-arrow {
  right: calc(-.5rem - 1px);
  width: .5rem;
  height: 1rem;
  margin: .3rem 0
}

.bs-popover-auto[x-placement^=left]>.popover-arrow::before,
.bs-popover-left>.popover-arrow::before {
  right: 0;
  border-width: .5rem 0 .5rem .5rem;
  border-left-color: rgba(0, 0, 0, .25)
}

.bs-popover-auto[x-placement^=left]>.popover-arrow::after,
.bs-popover-left>.popover-arrow::after {
  right: 1px;
  border-width: .5rem 0 .5rem .5rem;
  border-left-color: #fff
}

.popover-header {
  padding: .5rem 1rem;
  margin-bottom: 0;
  font-size: 1rem;
  background-color: #f0f0f0;
  border-bottom: 1px solid #d8d8d8;
  border-top-left-radius: calc(.3rem - 1px);
  border-top-right-radius: calc(.3rem - 1px)
}

.popover-header:empty {
  display: none
}

.popover-body {
  padding: 1rem 1rem;
  color: #212529
}

.carousel {
  position: relative
}

.carousel.pointer-event {
  touch-action: pan-y
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden
}

.carousel-inner::after {
  display: block;
  clear: both;
  content: ""
}

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: transform .6s ease-in-out
}

@media (prefers-reduced-motion:reduce) {
  .carousel-item {
    transition: none
  }
}

.carousel-item-next,
.carousel-item-prev,
.carousel-item.active {
  display: block
}

.active.carousel-item-right,
.carousel-item-next:not(.carousel-item-left) {
  transform: translateX(100%)
}

.active.carousel-item-left,
.carousel-item-prev:not(.carousel-item-right) {
  transform: translateX(-100%)
}

.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none
}

.carousel-fade .carousel-item-next.carousel-item-left,
.carousel-fade .carousel-item-prev.carousel-item-right,
.carousel-fade .carousel-item.active {
  z-index: 1;
  opacity: 1
}

.carousel-fade .active.carousel-item-left,
.carousel-fade .active.carousel-item-right {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s .6s
}

@media (prefers-reduced-motion:reduce) {

  .carousel-fade .active.carousel-item-left,
  .carousel-fade .active.carousel-item-right {
    transition: none
  }
}

.carousel-control-next,
.carousel-control-prev {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  color: #fff;
  text-align: center;
  opacity: .5;
  transition: opacity .15s ease
}

@media (prefers-reduced-motion:reduce) {

  .carousel-control-next,
  .carousel-control-prev {
    transition: none
  }
}

.carousel-control-next:focus,
.carousel-control-next:hover,
.carousel-control-prev:focus,
.carousel-control-prev:hover {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: .9
}

.carousel-control-prev {
  left: 0
}

.carousel-control-next {
  right: 0
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding-left: 0;
  margin-right: 15%;
  margin-left: 15%;
  list-style: none
}

.carousel-indicators li {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: .5;
  transition: opacity .6s ease
}

@media (prefers-reduced-motion:reduce) {
  .carousel-indicators li {
    transition: none
  }
}

.carousel-indicators .active {
  opacity: 1
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 1.25rem;
  left: 15%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: #fff;
  text-align: center
}

.carousel-dark .carousel-control-next-icon,
.carousel-dark .carousel-control-prev-icon {
  filter: invert(1) grayscale(100)
}

.carousel-dark .carousel-indicators li {
  background-color: #000
}

.carousel-dark .carousel-caption {
  color: #000
}

@-webkit-keyframes spinner-border {
  to {
    transform: rotate(360deg)
  }
}

@keyframes spinner-border {
  to {
    transform: rotate(360deg)
  }
}

.spinner-border {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  border: .25em solid currentColor;
  border-right-color: transparent;
  border-radius: 50%;
  -webkit-animation: .75s linear infinite spinner-border;
  animation: .75s linear infinite spinner-border
}

.spinner-border-sm {
  width: 1rem;
  height: 1rem;
  border-width: .2em
}

@-webkit-keyframes spinner-grow {
  0% {
    transform: scale(0)
  }

  50% {
    opacity: 1;
    transform: none
  }
}

@keyframes spinner-grow {
  0% {
    transform: scale(0)
  }

  50% {
    opacity: 1;
    transform: none
  }
}

.spinner-grow {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  vertical-align: text-bottom;
  background-color: currentColor;
  border-radius: 50%;
  opacity: 0;
  -webkit-animation: .75s linear infinite spinner-grow;
  animation: .75s linear infinite spinner-grow
}

.spinner-grow-sm {
  width: 1rem;
  height: 1rem
}

@media (prefers-reduced-motion:reduce) {

  .spinner-border,
  .spinner-grow {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s
  }
}

.clearfix::after {
  display: block;
  clear: both;
  content: ""
}

.link-primary {
  color: #0d6efd
}

.link-primary:focus,
.link-primary:hover {
  color: #0a58ca
}

.link-secondary {
  color: #6c757d
}

.link-secondary:focus,
.link-secondary:hover {
  color: #565e64
}

.link-success {
  color: #198754
}

.link-success:focus,
.link-success:hover {
  color: #146c43
}

.link-info {
  color: #0dcaf0
}

.link-info:focus,
.link-info:hover {
  color: #3dd5f3
}

.link-warning {
  color: #ffc107
}

.link-warning:focus,
.link-warning:hover {
  color: #ffcd39
}

.link-danger {
  color: #dc3545
}

.link-danger:focus,
.link-danger:hover {
  color: #b02a37
}

.link-light {
  color: #f8f9fa
}

.link-light:focus,
.link-light:hover {
  color: #f9fafb
}

.link-dark {
  color: #212529
}

.link-dark:focus,
.link-dark:hover {
  color: #1a1e21
}

.ratio {
  position: relative;
  width: 100%
}

.ratio::before {
  display: block;
  padding-top: var(--aspect-ratio);
  content: ""
}

.ratio>* {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.ratio-1x1 {
  --aspect-ratio: 100%
}

.ratio-4x3 {
  --aspect-ratio: calc(3 / 4 * 100%)
}

.ratio-16x9 {
  --aspect-ratio: calc(9 / 16 * 100%)
}

.ratio-21x9 {
  --aspect-ratio: calc(9 / 21 * 100%)
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030
}

.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030
}

.sticky-top {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1020
}

@media (min-width:576px) {
  .sticky-sm-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020
  }
}

@media (min-width:768px) {
  .sticky-md-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020
  }
}

@media (min-width:992px) {
  .sticky-lg-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020
  }
}

@media (min-width:1200px) {
  .sticky-xl-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020
  }
}

@media (min-width:1400px) {
  .sticky-xxl-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020
  }
}

.visually-hidden,
.visually-hidden-focusable:not(:focus) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important
}

.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: ""
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap
}

.align-baseline {
  vertical-align: baseline !important
}

.align-top {
  vertical-align: top !important
}

.align-middle {
  vertical-align: middle !important
}

.align-bottom {
  vertical-align: bottom !important
}

.align-text-bottom {
  vertical-align: text-bottom !important
}

.align-text-top {
  vertical-align: text-top !important
}

.float-left {
  float: left !important
}

.float-right {
  float: right !important
}

.float-none {
  float: none !important
}

.overflow-auto {
  overflow: auto !important
}

.overflow-hidden {
  overflow: hidden !important
}

.overflow-visible {
  overflow: visible !important
}

.overflow-scroll {
  overflow: scroll !important
}

.d-inline {
  display: inline !important
}

.d-inline-block {
  display: inline-block !important
}

.d-block {
  display: block !important
}

.d-grid {
  display: grid !important
}

.d-table {
  display: table !important
}

.d-table-row {
  display: table-row !important
}

.d-table-cell {
  display: table-cell !important
}

.d-flex {
  display: flex !important
}

.d-inline-flex {
  display: inline-flex !important
}

.d-none {
  display: none !important
}

.shadow {
  box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important
}

.shadow-sm {
  box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important
}

.shadow-lg {
  box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important
}

.shadow-none {
  box-shadow: none !important
}

.position-static {
  position: static !important
}

.position-relative {
  position: relative !important
}

.position-absolute {
  position: absolute !important
}

.position-fixed {
  position: fixed !important
}

.position-sticky {
  position: -webkit-sticky !important;
  position: sticky !important
}

.top-0 {
  top: 0 !important
}

.top-50 {
  top: 50% !important
}

.top-100 {
  top: 100% !important
}

.bottom-0 {
  bottom: 0 !important
}

.bottom-50 {
  bottom: 50% !important
}

.bottom-100 {
  bottom: 100% !important
}

.left-0 {
  left: 0 !important
}

.left-50 {
  left: 50% !important
}

.left-100 {
  left: 100% !important
}

.right-0 {
  right: 0 !important
}

.right-50 {
  right: 50% !important
}

.pright-5 {
  right: 5px !important;
}

.pright-10 {
  right: 10px !important;
}

.pright-15 {
  right: 15px !important;
}

.pright-80 {
  right: 80px !important;
}

.right-100 {
  right: 100% !important
}

.translate-middle {
  transform: translateX(-50%) translateY(-50%) !important
}

.border {
  border: 1px solid #dee2e6 !important
}

.border-0 {
  border: 0 !important
}

.border-top {
  border-top: 1px solid #dee2e6 !important
}

.border-top-0 {
  border-top: 0 !important
}

.border-right {
  border-right: 1px solid #dee2e6 !important
}

.border-right-0 {
  border-right: 0 !important
}

.border-bottom {
  border-bottom: 1px solid #dee2e6 !important
}

.border-bottom-0 {
  border-bottom: 0 !important
}

.border-left {
  border-left: 1px solid #dee2e6 !important
}

.border-left-0 {
  border-left: 0 !important
}

.border-primary {
  border-color: #0d6efd !important
}

.border-secondary {
  border-color: #6c757d !important
}

.border-success {
  border-color: #198754 !important
}

.border-info {
  border-color: #0dcaf0 !important
}

.border-warning {
  border-color: #ffc107 !important
}

.border-danger {
  border-color: #dc3545 !important
}

.border-light {
  border-color: #f8f9fa !important
}

.border-dark {
  border-color: #212529 !important
}

.border-white {
  border-color: #fff !important
}

.border-0 {
  border-width: 0 !important
}

.border-1 {
  border-width: 1px !important
}

.border-2 {
  border-width: 2px !important
}

.border-3 {
  border-width: 3px !important
}

.border-4 {
  border-width: 4px !important
}

.border-5 {
  border-width: 5px !important
}

.w-25 {
  width: 25% !important
}

.w-50 {
  width: 50% !important
}

.w-75 {
  width: 75% !important
}

.w-100 {
  width: 100% !important
}

.w-auto {
  width: auto !important
}

.mw-100 {
  max-width: 100% !important
}

.vw-100 {
  width: 100vw !important
}

.min-vw-100 {
  min-width: 100vw !important
}

.h-25 {
  height: 25% !important
}

.h-50 {
  height: 50% !important
}

.h-75 {
  height: 75% !important
}

.h-100 {
  height: 100% !important
}

.h-auto {
  height: auto !important
}

.mh-100 {
  max-height: 100% !important
}

.vh-100 {
  height: 100vh !important
}

.min-vh-100 {
  min-height: 100vh !important
}

.flex-fill {
  flex: 1 1 auto !important
}

.flex-row {
  flex-direction: row !important
}

.flex-column {
  flex-direction: column !important
}

.flex-row-reverse {
  flex-direction: row-reverse !important
}

.flex-column-reverse {
  flex-direction: column-reverse !important
}

.flex-grow-0 {
  flex-grow: 0 !important
}

.flex-grow-1 {
  flex-grow: 1 !important
}

.flex-shrink-0 {
  flex-shrink: 0 !important
}

.flex-shrink-1 {
  flex-shrink: 1 !important
}

.flex-wrap {
  flex-wrap: wrap !important
}

.flex-nowrap {
  flex-wrap: nowrap !important
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important
}

.gap-0 {
  gap: 0 !important
}

.gap-1 {
  gap: .25rem !important
}

.gap-2 {
  gap: .5rem !important
}

.gap-3 {
  gap: 1rem !important
}

.gap-4 {
  gap: 1.5rem !important
}

.gap-5 {
  gap: 3rem !important
}

.justify-content-start {
  justify-content: flex-start !important
}

.justify-content-end {
  justify-content: flex-end !important
}

.justify-content-center {
  justify-content: center !important
}

.justify-content-between {
  justify-content: space-between !important
}

.justify-content-around {
  justify-content: space-around !important
}

.justify-content-evenly {
  justify-content: space-evenly !important
}

.align-items-start {
  align-items: flex-start !important
}

.align-items-end {
  align-items: flex-end !important
}

.align-items-center {
  align-items: center !important
}

.align-items-baseline {
  align-items: baseline !important
}

.align-items-stretch {
  align-items: stretch !important
}

.align-content-start {
  align-content: flex-start !important
}

.align-content-end {
  align-content: flex-end !important
}

.align-content-center {
  align-content: center !important
}

.align-content-between {
  align-content: space-between !important
}

.align-content-around {
  align-content: space-around !important
}

.align-content-stretch {
  align-content: stretch !important
}

.align-self-auto {
  align-self: auto !important
}

.align-self-start {
  align-self: flex-start !important
}

.align-self-end {
  align-self: flex-end !important
}

.align-self-center {
  align-self: center !important
}

.align-self-baseline {
  align-self: baseline !important
}

.align-self-stretch {
  align-self: stretch !important
}

.order-first {
  order: -1 !important
}

.order-0 {
  order: 0 !important
}

.order-1 {
  order: 1 !important
}

.order-2 {
  order: 2 !important
}

.order-3 {
  order: 3 !important
}

.order-4 {
  order: 4 !important
}

.order-5 {
  order: 5 !important
}

.order-last {
  order: 6 !important
}

.m-0 {
  margin: 0 !important
}

.m-1 {
  margin: .25rem !important
}

.m-2 {
  margin: .5rem !important
}

.m-3 {
  margin: 1rem !important
}

.m-4 {
  margin: 1.5rem !important
}

.m-5 {
  margin: 3rem !important
}

.m-auto {
  margin: auto !important
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important
}

.mx-1 {
  margin-right: .25rem !important;
  margin-left: .25rem !important
}

.mx-2 {
  margin-right: .5rem !important;
  margin-left: .5rem !important
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important
}

.my-1 {
  margin-top: .25rem !important;
  margin-bottom: .25rem !important
}

.my-2 {
  margin-top: .5rem !important;
  margin-bottom: .5rem !important
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important
}

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

.mt-1 {
  margin-top: .25rem !important
}

.mt-2 {
  margin-top: .5rem !important
}

.mt-3 {
  margin-top: 1rem !important
}

.mt-4 {
  margin-top: 1.5rem !important
}

.mt-5 {
  margin-top: 3rem !important
}

.mt-auto {
  margin-top: auto !important
}

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

.mr-1 {
  margin-right: .25rem !important
}

.mr-2 {
  margin-right: .5rem !important
}

.mr-3 {
  margin-right: 1rem !important
}

.mr-4 {
  margin-right: 1.5rem !important
}

.mr-5 {
  margin-right: 3rem !important
}

.mr-auto {
  margin-right: auto !important
}

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

.mb-1 {
  margin-bottom: .25rem !important
}

.mb-2 {
  margin-bottom: .5rem !important
}

.mb-3 {
  margin-bottom: 1rem !important
}

.mb-4 {
  margin-bottom: 1.5rem !important
}

.mb-5 {
  margin-bottom: 3rem !important
}

.mb-auto {
  margin-bottom: auto !important
}

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

.ml-1 {
  margin-left: .25rem !important
}

.ml-2 {
  margin-left: .5rem !important
}

.ml-3 {
  margin-left: 1rem !important
}

.ml-4 {
  margin-left: 1.5rem !important
}

.ml-5 {
  margin-left: 3rem !important
}

.ml-auto {
  margin-left: auto !important
}

.p-0 {
  padding: 0 !important
}

.p-1 {
  padding: .25rem !important
}

.p-2 {
  padding: .5rem !important
}

.p-3 {
  padding: 1rem !important
}

.p-4 {
  padding: 1.5rem !important
}

.p-5 {
  padding: 3rem !important
}

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

.px-1 {
  padding-right: .25rem !important;
  padding-left: .25rem !important
}

.px-2 {
  padding-right: .5rem !important;
  padding-left: .5rem !important
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important
}

.py-1 {
  padding-top: .25rem !important;
  padding-bottom: .25rem !important
}

.py-2 {
  padding-top: .5rem !important;
  padding-bottom: .5rem !important
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important
}

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

.pt-1 {
  padding-top: .25rem !important
}

.pt-2 {
  padding-top: .5rem !important
}

.pt-3 {
  padding-top: 1rem !important
}

.pt-4 {
  padding-top: 1.5rem !important
}

.pt-5 {
  padding-top: 3rem !important
}

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

.pr-1 {
  padding-right: .25rem !important
}

.pr-2 {
  padding-right: .5rem !important
}

.pr-3 {
  padding-right: 1rem !important
}

.pr-4 {
  padding-right: 1.5rem !important
}

.pr-5 {
  padding-right: 3rem !important
}

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

.pb-1 {
  padding-bottom: .25rem !important
}

.pb-2 {
  padding-bottom: .5rem !important
}

.pb-3 {
  padding-bottom: 1rem !important
}

.pb-4 {
  padding-bottom: 1.5rem !important
}

.pb-5 {
  padding-bottom: 3rem !important
}

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

.pl-1 {
  padding-left: .25rem !important
}

.pl-2 {
  padding-left: .5rem !important
}

.pl-3 {
  padding-left: 1rem !important
}

.pl-4 {
  padding-left: 1.5rem !important
}

.pl-5 {
  padding-left: 3rem !important
}

.fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important
}

.fs-2 {
  font-size: calc(1.325rem + .9vw) !important
}

.fs-3 {
  font-size: calc(1.3rem + .6vw) !important
}

.fs-4 {
  font-size: calc(1.275rem + .3vw) !important
}

.fs-5 {
  font-size: 1.25rem !important
}

.fs-6 {
  font-size: 1rem !important
}

.fst-italic {
  font-style: italic !important
}

.fst-normal {
  font-style: normal !important
}

.fw-light {
  font-weight: 300 !important
}

.fw-lighter {
  font-weight: lighter !important
}

.fw-normal {
  font-weight: 400 !important
}

.fw-bold {
  font-weight: 700 !important
}

.fw-bolder {
  font-weight: bolder !important
}

.text-lowercase {
  text-transform: lowercase !important
}

.text-uppercase {
  text-transform: uppercase !important
}

.text-capitalize {
  text-transform: capitalize !important
}

.text-left {
  text-align: left !important
}

.text-right {
  text-align: right !important
}

.text-center {
  text-align: center !important
}

.text-primary {
  color: #0d6efd !important
}

.text-secondary {
  color: #6c757d !important
}

.text-success {
  color: #198754 !important
}

.text-info {
  color: #0dcaf0 !important
}

.text-warning {
  color: #ffc107 !important
}

.text-danger {
  color: #dc3545 !important
}

.text-light {
  color: #f8f9fa !important
}

.text-dark {
  color: #212529 !important
}

.text-white {
  color: #fff !important
}

.text-body {
  color: #212529 !important
}

.text-muted {
  color: #6c757d !important
}

.text-black-50 {
  color: rgba(0, 0, 0, .5) !important
}

.text-white-50 {
  color: rgba(255, 255, 255, .5) !important
}

.text-reset {
  color: inherit !important
}

.lh-1 {
  line-height: 1 !important
}

.lh-sm {
  line-height: 1.25 !important
}

.lh-base {
  line-height: 1.5 !important
}

.lh-lg {
  line-height: 2 !important
}

.bg-primary {
  background-color: #0d6efd !important
}

.bg-secondary {
  background-color: #6c757d !important
}

.bg-success {
  background-color: #198754 !important
}

.bg-info {
  background-color: #0dcaf0 !important
}

.bg-warning {
  background-color: #ffc107 !important
}

.bg-danger {
  background-color: #dc3545 !important
}

.bg-light {
  background-color: #f8f9fa !important
}

.bg-dark {
  background-color: #212529 !important
}

.bg-body {
  background-color: #fff !important
}

.bg-white {
  background-color: #fff !important
}

.bg-transparent {
  background-color: transparent !important
}

.bg-gradient {
  background-image: var(--bs-gradient) !important
}

.text-wrap {
  white-space: normal !important
}

.text-nowrap {
  white-space: nowrap !important
}

.text-decoration-none {
  text-decoration: none !important
}

.text-decoration-underline {
  text-decoration: underline !important
}

.text-decoration-line-through {
  text-decoration: line-through !important
}

.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important
}

.font-monospace {
  font-family: var(--bs-font-monospace) !important
}

.user-select-all {
  -webkit-user-select: all !important;
  -moz-user-select: all !important;
  user-select: all !important
}

.user-select-auto {
  -webkit-user-select: auto !important;
  -moz-user-select: auto !important;
  user-select: auto !important
}

.user-select-none {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  user-select: none !important
}

.pe-none {
  pointer-events: none !important
}

.pe-auto {
  pointer-events: auto !important
}

.rounded {
  border-radius: .25rem !important
}

.rounded-0 {
  border-radius: 0 !important
}

.rounded-1 {
  border-radius: .2rem !important
}

.rounded-2 {
  border-radius: .25rem !important
}

.rounded-3 {
  border-radius: .3rem !important
}

.rounded-circle {
  border-radius: 50% !important
}

.rounded-pill {
  border-radius: 50rem !important
}

.rounded-top {
  border-top-left-radius: .25rem !important;
  border-top-right-radius: .25rem !important
}

.rounded-right {
  border-top-right-radius: .25rem !important;
  border-bottom-right-radius: .25rem !important
}

.rounded-bottom {
  border-bottom-right-radius: .25rem !important;
  border-bottom-left-radius: .25rem !important
}

.rounded-left {
  border-bottom-left-radius: .25rem !important;
  border-top-left-radius: .25rem !important
}

.visible {
  visibility: visible !important
}

.invisible {
  visibility: hidden !important
}

@media (min-width:576px) {
  .float-sm-left {
    float: left !important
  }

  .float-sm-right {
    float: right !important
  }

  .float-sm-none {
    float: none !important
  }

  .d-sm-inline {
    display: inline !important
  }

  .d-sm-inline-block {
    display: inline-block !important
  }

  .d-sm-block {
    display: block !important
  }

  .d-sm-grid {
    display: grid !important
  }

  .d-sm-table {
    display: table !important
  }

  .d-sm-table-row {
    display: table-row !important
  }

  .d-sm-table-cell {
    display: table-cell !important
  }

  .d-sm-flex {
    display: flex !important
  }

  .d-sm-inline-flex {
    display: inline-flex !important
  }

  .d-sm-none {
    display: none !important
  }

  .flex-sm-fill {
    flex: 1 1 auto !important
  }

  .flex-sm-row {
    flex-direction: row !important
  }

  .flex-sm-column {
    flex-direction: column !important
  }

  .flex-sm-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-sm-column-reverse {
    flex-direction: column-reverse !important
  }

  .flex-sm-grow-0 {
    flex-grow: 0 !important
  }

  .flex-sm-grow-1 {
    flex-grow: 1 !important
  }

  .flex-sm-shrink-0 {
    flex-shrink: 0 !important
  }

  .flex-sm-shrink-1 {
    flex-shrink: 1 !important
  }

  .flex-sm-wrap {
    flex-wrap: wrap !important
  }

  .flex-sm-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .gap-sm-0 {
    gap: 0 !important
  }

  .gap-sm-1 {
    gap: .25rem !important
  }

  .gap-sm-2 {
    gap: .5rem !important
  }

  .gap-sm-3 {
    gap: 1rem !important
  }

  .gap-sm-4 {
    gap: 1.5rem !important
  }

  .gap-sm-5 {
    gap: 3rem !important
  }

  .justify-content-sm-start {
    justify-content: flex-start !important
  }

  .justify-content-sm-end {
    justify-content: flex-end !important
  }

  .justify-content-sm-center {
    justify-content: center !important
  }

  .justify-content-sm-between {
    justify-content: space-between !important
  }

  .justify-content-sm-around {
    justify-content: space-around !important
  }

  .justify-content-sm-evenly {
    justify-content: space-evenly !important
  }

  .align-items-sm-start {
    align-items: flex-start !important
  }

  .align-items-sm-end {
    align-items: flex-end !important
  }

  .align-items-sm-center {
    align-items: center !important
  }

  .align-items-sm-baseline {
    align-items: baseline !important
  }

  .align-items-sm-stretch {
    align-items: stretch !important
  }

  .align-content-sm-start {
    align-content: flex-start !important
  }

  .align-content-sm-end {
    align-content: flex-end !important
  }

  .align-content-sm-center {
    align-content: center !important
  }

  .align-content-sm-between {
    align-content: space-between !important
  }

  .align-content-sm-around {
    align-content: space-around !important
  }

  .align-content-sm-stretch {
    align-content: stretch !important
  }

  .align-self-sm-auto {
    align-self: auto !important
  }

  .align-self-sm-start {
    align-self: flex-start !important
  }

  .align-self-sm-end {
    align-self: flex-end !important
  }

  .align-self-sm-center {
    align-self: center !important
  }

  .align-self-sm-baseline {
    align-self: baseline !important
  }

  .align-self-sm-stretch {
    align-self: stretch !important
  }

  .order-sm-first {
    order: -1 !important
  }

  .order-sm-0 {
    order: 0 !important
  }

  .order-sm-1 {
    order: 1 !important
  }

  .order-sm-2 {
    order: 2 !important
  }

  .order-sm-3 {
    order: 3 !important
  }

  .order-sm-4 {
    order: 4 !important
  }

  .order-sm-5 {
    order: 5 !important
  }

  .order-sm-last {
    order: 6 !important
  }

  .m-sm-0 {
    margin: 0 !important
  }

  .m-sm-1 {
    margin: .25rem !important
  }

  .m-sm-2 {
    margin: .5rem !important
  }

  .m-sm-3 {
    margin: 1rem !important
  }

  .m-sm-4 {
    margin: 1.5rem !important
  }

  .m-sm-5 {
    margin: 3rem !important
  }

  .m-sm-auto {
    margin: auto !important
  }

  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
  }

  .mx-sm-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
  }

  .mx-sm-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
  }

  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
  }

  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
  }

  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
  }

  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important
  }

  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
  }

  .my-sm-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
  }

  .my-sm-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
  }

  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
  }

  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
  }

  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
  }

  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
  }

  .mt-sm-0 {
    margin-top: 0 !important
  }

  .mt-sm-1 {
    margin-top: .25rem !important
  }

  .mt-sm-2 {
    margin-top: .5rem !important
  }

  .mt-sm-3 {
    margin-top: 1rem !important
  }

  .mt-sm-4 {
    margin-top: 1.5rem !important
  }

  .mt-sm-5 {
    margin-top: 3rem !important
  }

  .mt-sm-auto {
    margin-top: auto !important
  }

  .mr-sm-0 {
    margin-right: 0 !important
  }

  .mr-sm-1 {
    margin-right: .25rem !important
  }

  .mr-sm-2 {
    margin-right: .5rem !important
  }

  .mr-sm-3 {
    margin-right: 1rem !important
  }

  .mr-sm-4 {
    margin-right: 1.5rem !important
  }

  .mr-sm-5 {
    margin-right: 3rem !important
  }

  .mr-sm-auto {
    margin-right: auto !important
  }

  .mb-sm-0 {
    margin-bottom: 0 !important
  }

  .mb-sm-1 {
    margin-bottom: .25rem !important
  }

  .mb-sm-2 {
    margin-bottom: .5rem !important
  }

  .mb-sm-3 {
    margin-bottom: 1rem !important
  }

  .mb-sm-4 {
    margin-bottom: 1.5rem !important
  }

  .mb-sm-5 {
    margin-bottom: 3rem !important
  }

  .mb-sm-auto {
    margin-bottom: auto !important
  }

  .ml-sm-0 {
    margin-left: 0 !important
  }

  .ml-sm-1 {
    margin-left: .25rem !important
  }

  .ml-sm-2 {
    margin-left: .5rem !important
  }

  .ml-sm-3 {
    margin-left: 1rem !important
  }

  .ml-sm-4 {
    margin-left: 1.5rem !important
  }

  .ml-sm-5 {
    margin-left: 3rem !important
  }

  .ml-sm-auto {
    margin-left: auto !important
  }

  .p-sm-0 {
    padding: 0 !important
  }

  .p-sm-1 {
    padding: .25rem !important
  }

  .p-sm-2 {
    padding: .5rem !important
  }

  .p-sm-3 {
    padding: 1rem !important
  }

  .p-sm-4 {
    padding: 1.5rem !important
  }

  .p-sm-5 {
    padding: 3rem !important
  }

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

  .px-sm-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
  }

  .px-sm-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
  }

  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
  }

  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
  }

  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
  }

  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
  }

  .py-sm-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
  }

  .py-sm-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
  }

  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
  }

  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
  }

  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
  }

  .pt-sm-0 {
    padding-top: 0 !important
  }

  .pt-sm-1 {
    padding-top: .25rem !important
  }

  .pt-sm-2 {
    padding-top: .5rem !important
  }

  .pt-sm-3 {
    padding-top: 1rem !important
  }

  .pt-sm-4 {
    padding-top: 1.5rem !important
  }

  .pt-sm-5 {
    padding-top: 3rem !important
  }

  .pr-sm-0 {
    padding-right: 0 !important
  }

  .pr-sm-1 {
    padding-right: .25rem !important
  }

  .pr-sm-2 {
    padding-right: .5rem !important
  }

  .pr-sm-3 {
    padding-right: 1rem !important
  }

  .pr-sm-4 {
    padding-right: 1.5rem !important
  }

  .pr-sm-5 {
    padding-right: 3rem !important
  }

  .pb-sm-0 {
    padding-bottom: 0 !important
  }

  .pb-sm-1 {
    padding-bottom: .25rem !important
  }

  .pb-sm-2 {
    padding-bottom: .5rem !important
  }

  .pb-sm-3 {
    padding-bottom: 1rem !important
  }

  .pb-sm-4 {
    padding-bottom: 1.5rem !important
  }

  .pb-sm-5 {
    padding-bottom: 3rem !important
  }

  .pl-sm-0 {
    padding-left: 0 !important
  }

  .pl-sm-1 {
    padding-left: .25rem !important
  }

  .pl-sm-2 {
    padding-left: .5rem !important
  }

  .pl-sm-3 {
    padding-left: 1rem !important
  }

  .pl-sm-4 {
    padding-left: 1.5rem !important
  }

  .pl-sm-5 {
    padding-left: 3rem !important
  }

  .text-sm-left {
    text-align: left !important
  }

  .text-sm-right {
    text-align: right !important
  }

  .text-sm-center {
    text-align: center !important
  }
}

@media (min-width:768px) {
  .float-md-left {
    float: left !important
  }

  .float-md-right {
    float: right !important
  }

  .float-md-none {
    float: none !important
  }

  .d-md-inline {
    display: inline !important
  }

  .d-md-inline-block {
    display: inline-block !important
  }

  .d-md-block {
    display: block !important
  }

  .d-md-grid {
    display: grid !important
  }

  .d-md-table {
    display: table !important
  }

  .d-md-table-row {
    display: table-row !important
  }

  .d-md-table-cell {
    display: table-cell !important
  }

  .d-md-flex {
    display: flex !important
  }

  .d-md-inline-flex {
    display: inline-flex !important
  }

  .d-md-none {
    display: none !important
  }

  .flex-md-fill {
    flex: 1 1 auto !important
  }

  .flex-md-row {
    flex-direction: row !important
  }

  .flex-md-column {
    flex-direction: column !important
  }

  .flex-md-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-md-column-reverse {
    flex-direction: column-reverse !important
  }

  .flex-md-grow-0 {
    flex-grow: 0 !important
  }

  .flex-md-grow-1 {
    flex-grow: 1 !important
  }

  .flex-md-shrink-0 {
    flex-shrink: 0 !important
  }

  .flex-md-shrink-1 {
    flex-shrink: 1 !important
  }

  .flex-md-wrap {
    flex-wrap: wrap !important
  }

  .flex-md-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .gap-md-0 {
    gap: 0 !important
  }

  .gap-md-1 {
    gap: .25rem !important
  }

  .gap-md-2 {
    gap: .5rem !important
  }

  .gap-md-3 {
    gap: 1rem !important
  }

  .gap-md-4 {
    gap: 1.5rem !important
  }

  .gap-md-5 {
    gap: 3rem !important
  }

  .justify-content-md-start {
    justify-content: flex-start !important
  }

  .justify-content-md-end {
    justify-content: flex-end !important
  }

  .justify-content-md-center {
    justify-content: center !important
  }

  .justify-content-md-between {
    justify-content: space-between !important
  }

  .justify-content-md-around {
    justify-content: space-around !important
  }

  .justify-content-md-evenly {
    justify-content: space-evenly !important
  }

  .align-items-md-start {
    align-items: flex-start !important
  }

  .align-items-md-end {
    align-items: flex-end !important
  }

  .align-items-md-center {
    align-items: center !important
  }

  .align-items-md-baseline {
    align-items: baseline !important
  }

  .align-items-md-stretch {
    align-items: stretch !important
  }

  .align-content-md-start {
    align-content: flex-start !important
  }

  .align-content-md-end {
    align-content: flex-end !important
  }

  .align-content-md-center {
    align-content: center !important
  }

  .align-content-md-between {
    align-content: space-between !important
  }

  .align-content-md-around {
    align-content: space-around !important
  }

  .align-content-md-stretch {
    align-content: stretch !important
  }

  .align-self-md-auto {
    align-self: auto !important
  }

  .align-self-md-start {
    align-self: flex-start !important
  }

  .align-self-md-end {
    align-self: flex-end !important
  }

  .align-self-md-center {
    align-self: center !important
  }

  .align-self-md-baseline {
    align-self: baseline !important
  }

  .align-self-md-stretch {
    align-self: stretch !important
  }

  .order-md-first {
    order: -1 !important
  }

  .order-md-0 {
    order: 0 !important
  }

  .order-md-1 {
    order: 1 !important
  }

  .order-md-2 {
    order: 2 !important
  }

  .order-md-3 {
    order: 3 !important
  }

  .order-md-4 {
    order: 4 !important
  }

  .order-md-5 {
    order: 5 !important
  }

  .order-md-last {
    order: 6 !important
  }

  .m-md-0 {
    margin: 0 !important
  }

  .m-md-1 {
    margin: .25rem !important
  }

  .m-md-2 {
    margin: .5rem !important
  }

  .m-md-3 {
    margin: 1rem !important
  }

  .m-md-4 {
    margin: 1.5rem !important
  }

  .m-md-5 {
    margin: 3rem !important
  }

  .m-md-auto {
    margin: auto !important
  }

  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
  }

  .mx-md-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
  }

  .mx-md-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
  }

  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
  }

  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
  }

  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
  }

  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important
  }

  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
  }

  .my-md-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
  }

  .my-md-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
  }

  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
  }

  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
  }

  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
  }

  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
  }

  .mt-md-0 {
    margin-top: 0 !important
  }

  .mt-md-1 {
    margin-top: .25rem !important
  }

  .mt-md-2 {
    margin-top: .5rem !important
  }

  .mt-md-3 {
    margin-top: 1rem !important
  }

  .mt-md-4 {
    margin-top: 1.5rem !important
  }

  .mt-md-5 {
    margin-top: 3rem !important
  }

  .mt-md-auto {
    margin-top: auto !important
  }

  .mr-md-0 {
    margin-right: 0 !important
  }

  .mr-md-1 {
    margin-right: .25rem !important
  }

  .mr-md-2 {
    margin-right: .5rem !important
  }

  .mr-md-3 {
    margin-right: 1rem !important
  }

  .mr-md-4 {
    margin-right: 1.5rem !important
  }

  .mr-md-5 {
    margin-right: 3rem !important
  }

  .mr-md-auto {
    margin-right: auto !important
  }

  .mb-md-0 {
    margin-bottom: 0 !important
  }

  .mb-md-1 {
    margin-bottom: .25rem !important
  }

  .mb-md-2 {
    margin-bottom: .5rem !important
  }

  .mb-md-3 {
    margin-bottom: 1rem !important
  }

  .mb-md-4 {
    margin-bottom: 1.5rem !important
  }

  .mb-md-5 {
    margin-bottom: 3rem !important
  }

  .mb-md-auto {
    margin-bottom: auto !important
  }

  .ml-md-0 {
    margin-left: 0 !important
  }

  .ml-md-1 {
    margin-left: .25rem !important
  }

  .ml-md-2 {
    margin-left: .5rem !important
  }

  .ml-md-3 {
    margin-left: 1rem !important
  }

  .ml-md-4 {
    margin-left: 1.5rem !important
  }

  .ml-md-5 {
    margin-left: 3rem !important
  }

  .ml-md-auto {
    margin-left: auto !important
  }

  .p-md-0 {
    padding: 0 !important
  }

  .p-md-1 {
    padding: .25rem !important
  }

  .p-md-2 {
    padding: .5rem !important
  }

  .p-md-3 {
    padding: 1rem !important
  }

  .p-md-4 {
    padding: 1.5rem !important
  }

  .p-md-5 {
    padding: 3rem !important
  }

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

  .px-md-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
  }

  .px-md-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
  }

  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
  }

  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
  }

  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
  }

  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
  }

  .py-md-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
  }

  .py-md-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
  }

  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
  }

  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
  }

  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
  }

  .pt-md-0 {
    padding-top: 0 !important
  }

  .pt-md-1 {
    padding-top: .25rem !important
  }

  .pt-md-2 {
    padding-top: .5rem !important
  }

  .pt-md-3 {
    padding-top: 1rem !important
  }

  .pt-md-4 {
    padding-top: 1.5rem !important
  }

  .pt-md-5 {
    padding-top: 3rem !important
  }

  .pr-md-0 {
    padding-right: 0 !important
  }

  .pr-md-1 {
    padding-right: .25rem !important
  }

  .pr-md-2 {
    padding-right: .5rem !important
  }

  .pr-md-3 {
    padding-right: 1rem !important
  }

  .pr-md-4 {
    padding-right: 1.5rem !important
  }

  .pr-md-5 {
    padding-right: 3rem !important
  }

  .pb-md-0 {
    padding-bottom: 0 !important
  }

  .pb-md-1 {
    padding-bottom: .25rem !important
  }

  .pb-md-2 {
    padding-bottom: .5rem !important
  }

  .pb-md-3 {
    padding-bottom: 1rem !important
  }

  .pb-md-4 {
    padding-bottom: 1.5rem !important
  }

  .pb-md-5 {
    padding-bottom: 3rem !important
  }

  .pl-md-0 {
    padding-left: 0 !important
  }

  .pl-md-1 {
    padding-left: .25rem !important
  }

  .pl-md-2 {
    padding-left: .5rem !important
  }

  .pl-md-3 {
    padding-left: 1rem !important
  }

  .pl-md-4 {
    padding-left: 1.5rem !important
  }

  .pl-md-5 {
    padding-left: 3rem !important
  }

  .text-md-left {
    text-align: left !important
  }

  .text-md-right {
    text-align: right !important
  }

  .text-md-center {
    text-align: center !important
  }
}

@media (min-width:992px) {
  .float-lg-left {
    float: left !important
  }

  .float-lg-right {
    float: right !important
  }

  .float-lg-none {
    float: none !important
  }

  .d-lg-inline {
    display: inline !important
  }

  .d-lg-inline-block {
    display: inline-block !important
  }

  .d-lg-block {
    display: block !important
  }

  .d-lg-grid {
    display: grid !important
  }

  .d-lg-table {
    display: table !important
  }

  .d-lg-table-row {
    display: table-row !important
  }

  .d-lg-table-cell {
    display: table-cell !important
  }

  .d-lg-flex {
    display: flex !important
  }

  .d-lg-inline-flex {
    display: inline-flex !important
  }

  .d-lg-none {
    display: none !important
  }

  .flex-lg-fill {
    flex: 1 1 auto !important
  }

  .flex-lg-row {
    flex-direction: row !important
  }

  .flex-lg-column {
    flex-direction: column !important
  }

  .flex-lg-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-lg-column-reverse {
    flex-direction: column-reverse !important
  }

  .flex-lg-grow-0 {
    flex-grow: 0 !important
  }

  .flex-lg-grow-1 {
    flex-grow: 1 !important
  }

  .flex-lg-shrink-0 {
    flex-shrink: 0 !important
  }

  .flex-lg-shrink-1 {
    flex-shrink: 1 !important
  }

  .flex-lg-wrap {
    flex-wrap: wrap !important
  }

  .flex-lg-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .gap-lg-0 {
    gap: 0 !important
  }

  .gap-lg-1 {
    gap: .25rem !important
  }

  .gap-lg-2 {
    gap: .5rem !important
  }

  .gap-lg-3 {
    gap: 1rem !important
  }

  .gap-lg-4 {
    gap: 1.5rem !important
  }

  .gap-lg-5 {
    gap: 3rem !important
  }

  .justify-content-lg-start {
    justify-content: flex-start !important
  }

  .justify-content-lg-end {
    justify-content: flex-end !important
  }

  .justify-content-lg-center {
    justify-content: center !important
  }

  .justify-content-lg-between {
    justify-content: space-between !important
  }

  .justify-content-lg-around {
    justify-content: space-around !important
  }

  .justify-content-lg-evenly {
    justify-content: space-evenly !important
  }

  .align-items-lg-start {
    align-items: flex-start !important
  }

  .align-items-lg-end {
    align-items: flex-end !important
  }

  .align-items-lg-center {
    align-items: center !important
  }

  .align-items-lg-baseline {
    align-items: baseline !important
  }

  .align-items-lg-stretch {
    align-items: stretch !important
  }

  .align-content-lg-start {
    align-content: flex-start !important
  }

  .align-content-lg-end {
    align-content: flex-end !important
  }

  .align-content-lg-center {
    align-content: center !important
  }

  .align-content-lg-between {
    align-content: space-between !important
  }

  .align-content-lg-around {
    align-content: space-around !important
  }

  .align-content-lg-stretch {
    align-content: stretch !important
  }

  .align-self-lg-auto {
    align-self: auto !important
  }

  .align-self-lg-start {
    align-self: flex-start !important
  }

  .align-self-lg-end {
    align-self: flex-end !important
  }

  .align-self-lg-center {
    align-self: center !important
  }

  .align-self-lg-baseline {
    align-self: baseline !important
  }

  .align-self-lg-stretch {
    align-self: stretch !important
  }

  .order-lg-first {
    order: -1 !important
  }

  .order-lg-0 {
    order: 0 !important
  }

  .order-lg-1 {
    order: 1 !important
  }

  .order-lg-2 {
    order: 2 !important
  }

  .order-lg-3 {
    order: 3 !important
  }

  .order-lg-4 {
    order: 4 !important
  }

  .order-lg-5 {
    order: 5 !important
  }

  .order-lg-last {
    order: 6 !important
  }

  .m-lg-0 {
    margin: 0 !important
  }

  .m-lg-1 {
    margin: .25rem !important
  }

  .m-lg-2 {
    margin: .5rem !important
  }

  .m-lg-3 {
    margin: 1rem !important
  }

  .m-lg-4 {
    margin: 1.5rem !important
  }

  .m-lg-5 {
    margin: 3rem !important
  }

  .m-lg-auto {
    margin: auto !important
  }

  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
  }

  .mx-lg-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
  }

  .mx-lg-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
  }

  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
  }

  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
  }

  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
  }

  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important
  }

  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
  }

  .my-lg-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
  }

  .my-lg-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
  }

  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
  }

  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
  }

  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
  }

  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
  }

  .mt-lg-0 {
    margin-top: 0 !important
  }

  .mt-lg-1 {
    margin-top: .25rem !important
  }

  .mt-lg-2 {
    margin-top: .5rem !important
  }

  .mt-lg-3 {
    margin-top: 1rem !important
  }

  .mt-lg-4 {
    margin-top: 1.5rem !important
  }

  .mt-lg-5 {
    margin-top: 3rem !important
  }

  .mt-lg-auto {
    margin-top: auto !important
  }

  .mr-lg-0 {
    margin-right: 0 !important
  }

  .mr-lg-1 {
    margin-right: .25rem !important
  }

  .mr-lg-2 {
    margin-right: .5rem !important
  }

  .mr-lg-3 {
    margin-right: 1rem !important
  }

  .mr-lg-4 {
    margin-right: 1.5rem !important
  }

  .mr-lg-5 {
    margin-right: 3rem !important
  }

  .mr-lg-auto {
    margin-right: auto !important
  }

  .mb-lg-0 {
    margin-bottom: 0 !important
  }

  .mb-lg-1 {
    margin-bottom: .25rem !important
  }

  .mb-lg-2 {
    margin-bottom: .5rem !important
  }

  .mb-lg-3 {
    margin-bottom: 1rem !important
  }

  .mb-lg-4 {
    margin-bottom: 1.5rem !important
  }

  .mb-lg-5 {
    margin-bottom: 3rem !important
  }

  .mb-lg-auto {
    margin-bottom: auto !important
  }

  .ml-lg-0 {
    margin-left: 0 !important
  }

  .ml-lg-1 {
    margin-left: .25rem !important
  }

  .ml-lg-2 {
    margin-left: .5rem !important
  }

  .ml-lg-3 {
    margin-left: 1rem !important
  }

  .ml-lg-4 {
    margin-left: 1.5rem !important
  }

  .ml-lg-5 {
    margin-left: 3rem !important
  }

  .ml-lg-auto {
    margin-left: auto !important
  }

  .p-lg-0 {
    padding: 0 !important
  }

  .p-lg-1 {
    padding: .25rem !important
  }

  .p-lg-2 {
    padding: .5rem !important
  }

  .p-lg-3 {
    padding: 1rem !important
  }

  .p-lg-4 {
    padding: 1.5rem !important
  }

  .p-lg-5 {
    padding: 3rem !important
  }

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

  .px-lg-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
  }

  .px-lg-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
  }

  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
  }

  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
  }

  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
  }

  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
  }

  .py-lg-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
  }

  .py-lg-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
  }

  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
  }

  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
  }

  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
  }

  .pt-lg-0 {
    padding-top: 0 !important
  }

  .pt-lg-1 {
    padding-top: .25rem !important
  }

  .pt-lg-2 {
    padding-top: .5rem !important
  }

  .pt-lg-3 {
    padding-top: 1rem !important
  }

  .pt-lg-4 {
    padding-top: 1.5rem !important
  }

  .pt-lg-5 {
    padding-top: 3rem !important
  }

  .pr-lg-0 {
    padding-right: 0 !important
  }

  .pr-lg-1 {
    padding-right: .25rem !important
  }

  .pr-lg-2 {
    padding-right: .5rem !important
  }

  .pr-lg-3 {
    padding-right: 1rem !important
  }

  .pr-lg-4 {
    padding-right: 1.5rem !important
  }

  .pr-lg-5 {
    padding-right: 3rem !important
  }

  .pb-lg-0 {
    padding-bottom: 0 !important
  }

  .pb-lg-1 {
    padding-bottom: .25rem !important
  }

  .pb-lg-2 {
    padding-bottom: .5rem !important
  }

  .pb-lg-3 {
    padding-bottom: 1rem !important
  }

  .pb-lg-4 {
    padding-bottom: 1.5rem !important
  }

  .pb-lg-5 {
    padding-bottom: 3rem !important
  }

  .pl-lg-0 {
    padding-left: 0 !important
  }

  .pl-lg-1 {
    padding-left: .25rem !important
  }

  .pl-lg-2 {
    padding-left: .5rem !important
  }

  .pl-lg-3 {
    padding-left: 1rem !important
  }

  .pl-lg-4 {
    padding-left: 1.5rem !important
  }

  .pl-lg-5 {
    padding-left: 3rem !important
  }

  .text-lg-left {
    text-align: left !important
  }

  .text-lg-right {
    text-align: right !important
  }

  .text-lg-center {
    text-align: center !important
  }
}

@media (min-width:1200px) {
  .float-xl-left {
    float: left !important
  }

  .float-xl-right {
    float: right !important
  }

  .float-xl-none {
    float: none !important
  }

  .d-xl-inline {
    display: inline !important
  }

  .d-xl-inline-block {
    display: inline-block !important
  }

  .d-xl-block {
    display: block !important
  }

  .d-xl-grid {
    display: grid !important
  }

  .d-xl-table {
    display: table !important
  }

  .d-xl-table-row {
    display: table-row !important
  }

  .d-xl-table-cell {
    display: table-cell !important
  }

  .d-xl-flex {
    display: flex !important
  }

  .d-xl-inline-flex {
    display: inline-flex !important
  }

  .d-xl-none {
    display: none !important
  }

  .flex-xl-fill {
    flex: 1 1 auto !important
  }

  .flex-xl-row {
    flex-direction: row !important
  }

  .flex-xl-column {
    flex-direction: column !important
  }

  .flex-xl-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-xl-column-reverse {
    flex-direction: column-reverse !important
  }

  .flex-xl-grow-0 {
    flex-grow: 0 !important
  }

  .flex-xl-grow-1 {
    flex-grow: 1 !important
  }

  .flex-xl-shrink-0 {
    flex-shrink: 0 !important
  }

  .flex-xl-shrink-1 {
    flex-shrink: 1 !important
  }

  .flex-xl-wrap {
    flex-wrap: wrap !important
  }

  .flex-xl-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .gap-xl-0 {
    gap: 0 !important
  }

  .gap-xl-1 {
    gap: .25rem !important
  }

  .gap-xl-2 {
    gap: .5rem !important
  }

  .gap-xl-3 {
    gap: 1rem !important
  }

  .gap-xl-4 {
    gap: 1.5rem !important
  }

  .gap-xl-5 {
    gap: 3rem !important
  }

  .justify-content-xl-start {
    justify-content: flex-start !important
  }

  .justify-content-xl-end {
    justify-content: flex-end !important
  }

  .justify-content-xl-center {
    justify-content: center !important
  }

  .justify-content-xl-between {
    justify-content: space-between !important
  }

  .justify-content-xl-around {
    justify-content: space-around !important
  }

  .justify-content-xl-evenly {
    justify-content: space-evenly !important
  }

  .align-items-xl-start {
    align-items: flex-start !important
  }

  .align-items-xl-end {
    align-items: flex-end !important
  }

  .align-items-xl-center {
    align-items: center !important
  }

  .align-items-xl-baseline {
    align-items: baseline !important
  }

  .align-items-xl-stretch {
    align-items: stretch !important
  }

  .align-content-xl-start {
    align-content: flex-start !important
  }

  .align-content-xl-end {
    align-content: flex-end !important
  }

  .align-content-xl-center {
    align-content: center !important
  }

  .align-content-xl-between {
    align-content: space-between !important
  }

  .align-content-xl-around {
    align-content: space-around !important
  }

  .align-content-xl-stretch {
    align-content: stretch !important
  }

  .align-self-xl-auto {
    align-self: auto !important
  }

  .align-self-xl-start {
    align-self: flex-start !important
  }

  .align-self-xl-end {
    align-self: flex-end !important
  }

  .align-self-xl-center {
    align-self: center !important
  }

  .align-self-xl-baseline {
    align-self: baseline !important
  }

  .align-self-xl-stretch {
    align-self: stretch !important
  }

  .order-xl-first {
    order: -1 !important
  }

  .order-xl-0 {
    order: 0 !important
  }

  .order-xl-1 {
    order: 1 !important
  }

  .order-xl-2 {
    order: 2 !important
  }

  .order-xl-3 {
    order: 3 !important
  }

  .order-xl-4 {
    order: 4 !important
  }

  .order-xl-5 {
    order: 5 !important
  }

  .order-xl-last {
    order: 6 !important
  }

  .m-xl-0 {
    margin: 0 !important
  }

  .m-xl-1 {
    margin: .25rem !important
  }

  .m-xl-2 {
    margin: .5rem !important
  }

  .m-xl-3 {
    margin: 1rem !important
  }

  .m-xl-4 {
    margin: 1.5rem !important
  }

  .m-xl-5 {
    margin: 3rem !important
  }

  .m-xl-auto {
    margin: auto !important
  }

  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
  }

  .mx-xl-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
  }

  .mx-xl-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
  }

  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
  }

  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
  }

  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
  }

  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important
  }

  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
  }

  .my-xl-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
  }

  .my-xl-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
  }

  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
  }

  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
  }

  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
  }

  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
  }

  .mt-xl-0 {
    margin-top: 0 !important
  }

  .mt-xl-1 {
    margin-top: .25rem !important
  }

  .mt-xl-2 {
    margin-top: .5rem !important
  }

  .mt-xl-3 {
    margin-top: 1rem !important
  }

  .mt-xl-4 {
    margin-top: 1.5rem !important
  }

  .mt-xl-5 {
    margin-top: 3rem !important
  }

  .mt-xl-auto {
    margin-top: auto !important
  }

  .mr-xl-0 {
    margin-right: 0 !important
  }

  .mr-xl-1 {
    margin-right: .25rem !important
  }

  .mr-xl-2 {
    margin-right: .5rem !important
  }

  .mr-xl-3 {
    margin-right: 1rem !important
  }

  .mr-xl-4 {
    margin-right: 1.5rem !important
  }

  .mr-xl-5 {
    margin-right: 3rem !important
  }

  .mr-xl-auto {
    margin-right: auto !important
  }

  .mb-xl-0 {
    margin-bottom: 0 !important
  }

  .mb-xl-1 {
    margin-bottom: .25rem !important
  }

  .mb-xl-2 {
    margin-bottom: .5rem !important
  }

  .mb-xl-3 {
    margin-bottom: 1rem !important
  }

  .mb-xl-4 {
    margin-bottom: 1.5rem !important
  }

  .mb-xl-5 {
    margin-bottom: 3rem !important
  }

  .mb-xl-auto {
    margin-bottom: auto !important
  }

  .ml-xl-0 {
    margin-left: 0 !important
  }

  .ml-xl-1 {
    margin-left: .25rem !important
  }

  .ml-xl-2 {
    margin-left: .5rem !important
  }

  .ml-xl-3 {
    margin-left: 1rem !important
  }

  .ml-xl-4 {
    margin-left: 1.5rem !important
  }

  .ml-xl-5 {
    margin-left: 3rem !important
  }

  .ml-xl-auto {
    margin-left: auto !important
  }

  .p-xl-0 {
    padding: 0 !important
  }

  .p-xl-1 {
    padding: .25rem !important
  }

  .p-xl-2 {
    padding: .5rem !important
  }

  .p-xl-3 {
    padding: 1rem !important
  }

  .p-xl-4 {
    padding: 1.5rem !important
  }

  .p-xl-5 {
    padding: 3rem !important
  }

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

  .px-xl-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
  }

  .px-xl-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
  }

  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
  }

  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
  }

  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
  }

  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
  }

  .py-xl-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
  }

  .py-xl-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
  }

  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
  }

  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
  }

  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
  }

  .pt-xl-0 {
    padding-top: 0 !important
  }

  .pt-xl-1 {
    padding-top: .25rem !important
  }

  .pt-xl-2 {
    padding-top: .5rem !important
  }

  .pt-xl-3 {
    padding-top: 1rem !important
  }

  .pt-xl-4 {
    padding-top: 1.5rem !important
  }

  .pt-xl-5 {
    padding-top: 3rem !important
  }

  .pr-xl-0 {
    padding-right: 0 !important
  }

  .pr-xl-1 {
    padding-right: .25rem !important
  }

  .pr-xl-2 {
    padding-right: .5rem !important
  }

  .pr-xl-3 {
    padding-right: 1rem !important
  }

  .pr-xl-4 {
    padding-right: 1.5rem !important
  }

  .pr-xl-5 {
    padding-right: 3rem !important
  }

  .pb-xl-0 {
    padding-bottom: 0 !important
  }

  .pb-xl-1 {
    padding-bottom: .25rem !important
  }

  .pb-xl-2 {
    padding-bottom: .5rem !important
  }

  .pb-xl-3 {
    padding-bottom: 1rem !important
  }

  .pb-xl-4 {
    padding-bottom: 1.5rem !important
  }

  .pb-xl-5 {
    padding-bottom: 3rem !important
  }

  .pl-xl-0 {
    padding-left: 0 !important
  }

  .pl-xl-1 {
    padding-left: .25rem !important
  }

  .pl-xl-2 {
    padding-left: .5rem !important
  }

  .pl-xl-3 {
    padding-left: 1rem !important
  }

  .pl-xl-4 {
    padding-left: 1.5rem !important
  }

  .pl-xl-5 {
    padding-left: 3rem !important
  }

  .text-xl-left {
    text-align: left !important
  }

  .text-xl-right {
    text-align: right !important
  }

  .text-xl-center {
    text-align: center !important
  }
}

@media (min-width:1400px) {
  .float-xxl-left {
    float: left !important
  }

  .float-xxl-right {
    float: right !important
  }

  .float-xxl-none {
    float: none !important
  }

  .d-xxl-inline {
    display: inline !important
  }

  .d-xxl-inline-block {
    display: inline-block !important
  }

  .d-xxl-block {
    display: block !important
  }

  .d-xxl-grid {
    display: grid !important
  }

  .d-xxl-table {
    display: table !important
  }

  .d-xxl-table-row {
    display: table-row !important
  }

  .d-xxl-table-cell {
    display: table-cell !important
  }

  .d-xxl-flex {
    display: flex !important
  }

  .d-xxl-inline-flex {
    display: inline-flex !important
  }

  .d-xxl-none {
    display: none !important
  }

  .flex-xxl-fill {
    flex: 1 1 auto !important
  }

  .flex-xxl-row {
    flex-direction: row !important
  }

  .flex-xxl-column {
    flex-direction: column !important
  }

  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important
  }

  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important
  }

  .flex-xxl-grow-0 {
    flex-grow: 0 !important
  }

  .flex-xxl-grow-1 {
    flex-grow: 1 !important
  }

  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important
  }

  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important
  }

  .flex-xxl-wrap {
    flex-wrap: wrap !important
  }

  .flex-xxl-nowrap {
    flex-wrap: nowrap !important
  }

  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important
  }

  .gap-xxl-0 {
    gap: 0 !important
  }

  .gap-xxl-1 {
    gap: .25rem !important
  }

  .gap-xxl-2 {
    gap: .5rem !important
  }

  .gap-xxl-3 {
    gap: 1rem !important
  }

  .gap-xxl-4 {
    gap: 1.5rem !important
  }

  .gap-xxl-5 {
    gap: 3rem !important
  }

  .justify-content-xxl-start {
    justify-content: flex-start !important
  }

  .justify-content-xxl-end {
    justify-content: flex-end !important
  }

  .justify-content-xxl-center {
    justify-content: center !important
  }

  .justify-content-xxl-between {
    justify-content: space-between !important
  }

  .justify-content-xxl-around {
    justify-content: space-around !important
  }

  .justify-content-xxl-evenly {
    justify-content: space-evenly !important
  }

  .align-items-xxl-start {
    align-items: flex-start !important
  }

  .align-items-xxl-end {
    align-items: flex-end !important
  }

  .align-items-xxl-center {
    align-items: center !important
  }

  .align-items-xxl-baseline {
    align-items: baseline !important
  }

  .align-items-xxl-stretch {
    align-items: stretch !important
  }

  .align-content-xxl-start {
    align-content: flex-start !important
  }

  .align-content-xxl-end {
    align-content: flex-end !important
  }

  .align-content-xxl-center {
    align-content: center !important
  }

  .align-content-xxl-between {
    align-content: space-between !important
  }

  .align-content-xxl-around {
    align-content: space-around !important
  }

  .align-content-xxl-stretch {
    align-content: stretch !important
  }

  .align-self-xxl-auto {
    align-self: auto !important
  }

  .align-self-xxl-start {
    align-self: flex-start !important
  }

  .align-self-xxl-end {
    align-self: flex-end !important
  }

  .align-self-xxl-center {
    align-self: center !important
  }

  .align-self-xxl-baseline {
    align-self: baseline !important
  }

  .align-self-xxl-stretch {
    align-self: stretch !important
  }

  .order-xxl-first {
    order: -1 !important
  }

  .order-xxl-0 {
    order: 0 !important
  }

  .order-xxl-1 {
    order: 1 !important
  }

  .order-xxl-2 {
    order: 2 !important
  }

  .order-xxl-3 {
    order: 3 !important
  }

  .order-xxl-4 {
    order: 4 !important
  }

  .order-xxl-5 {
    order: 5 !important
  }

  .order-xxl-last {
    order: 6 !important
  }

  .m-xxl-0 {
    margin: 0 !important
  }

  .m-xxl-1 {
    margin: .25rem !important
  }

  .m-xxl-2 {
    margin: .5rem !important
  }

  .m-xxl-3 {
    margin: 1rem !important
  }

  .m-xxl-4 {
    margin: 1.5rem !important
  }

  .m-xxl-5 {
    margin: 3rem !important
  }

  .m-xxl-auto {
    margin: auto !important
  }

  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important
  }

  .mx-xxl-1 {
    margin-right: .25rem !important;
    margin-left: .25rem !important
  }

  .mx-xxl-2 {
    margin-right: .5rem !important;
    margin-left: .5rem !important
  }

  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important
  }

  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important
  }

  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important
  }

  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important
  }

  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
  }

  .my-xxl-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
  }

  .my-xxl-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
  }

  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
  }

  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
  }

  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
  }

  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important
  }

  .mt-xxl-0 {
    margin-top: 0 !important
  }

  .mt-xxl-1 {
    margin-top: .25rem !important
  }

  .mt-xxl-2 {
    margin-top: .5rem !important
  }

  .mt-xxl-3 {
    margin-top: 1rem !important
  }

  .mt-xxl-4 {
    margin-top: 1.5rem !important
  }

  .mt-xxl-5 {
    margin-top: 3rem !important
  }

  .mt-xxl-auto {
    margin-top: auto !important
  }

  .mr-xxl-0 {
    margin-right: 0 !important
  }

  .mr-xxl-1 {
    margin-right: .25rem !important
  }

  .mr-xxl-2 {
    margin-right: .5rem !important
  }

  .mr-xxl-3 {
    margin-right: 1rem !important
  }

  .mr-xxl-4 {
    margin-right: 1.5rem !important
  }

  .mr-xxl-5 {
    margin-right: 3rem !important
  }

  .mr-xxl-auto {
    margin-right: auto !important
  }

  .mb-xxl-0 {
    margin-bottom: 0 !important
  }

  .mb-xxl-1 {
    margin-bottom: .25rem !important
  }

  .mb-xxl-2 {
    margin-bottom: .5rem !important
  }

  .mb-xxl-3 {
    margin-bottom: 1rem !important
  }

  .mb-xxl-4 {
    margin-bottom: 1.5rem !important
  }

  .mb-xxl-5 {
    margin-bottom: 3rem !important
  }

  .mb-xxl-auto {
    margin-bottom: auto !important
  }

  .ml-xxl-0 {
    margin-left: 0 !important
  }

  .ml-xxl-1 {
    margin-left: .25rem !important
  }

  .ml-xxl-2 {
    margin-left: .5rem !important
  }

  .ml-xxl-3 {
    margin-left: 1rem !important
  }

  .ml-xxl-4 {
    margin-left: 1.5rem !important
  }

  .ml-xxl-5 {
    margin-left: 3rem !important
  }

  .ml-xxl-auto {
    margin-left: auto !important
  }

  .p-xxl-0 {
    padding: 0 !important
  }

  .p-xxl-1 {
    padding: .25rem !important
  }

  .p-xxl-2 {
    padding: .5rem !important
  }

  .p-xxl-3 {
    padding: 1rem !important
  }

  .p-xxl-4 {
    padding: 1.5rem !important
  }

  .p-xxl-5 {
    padding: 3rem !important
  }

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

  .px-xxl-1 {
    padding-right: .25rem !important;
    padding-left: .25rem !important
  }

  .px-xxl-2 {
    padding-right: .5rem !important;
    padding-left: .5rem !important
  }

  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important
  }

  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
  }

  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important
  }

  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important
  }

  .py-xxl-1 {
    padding-top: .25rem !important;
    padding-bottom: .25rem !important
  }

  .py-xxl-2 {
    padding-top: .5rem !important;
    padding-bottom: .5rem !important
  }

  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important
  }

  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important
  }

  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important
  }

  .pt-xxl-0 {
    padding-top: 0 !important
  }

  .pt-xxl-1 {
    padding-top: .25rem !important
  }

  .pt-xxl-2 {
    padding-top: .5rem !important
  }

  .pt-xxl-3 {
    padding-top: 1rem !important
  }

  .pt-xxl-4 {
    padding-top: 1.5rem !important
  }

  .pt-xxl-5 {
    padding-top: 3rem !important
  }

  .pr-xxl-0 {
    padding-right: 0 !important
  }

  .pr-xxl-1 {
    padding-right: .25rem !important
  }

  .pr-xxl-2 {
    padding-right: .5rem !important
  }

  .pr-xxl-3 {
    padding-right: 1rem !important
  }

  .pr-xxl-4 {
    padding-right: 1.5rem !important
  }

  .pr-xxl-5 {
    padding-right: 3rem !important
  }

  .pb-xxl-0 {
    padding-bottom: 0 !important
  }

  .pb-xxl-1 {
    padding-bottom: .25rem !important
  }

  .pb-xxl-2 {
    padding-bottom: .5rem !important
  }

  .pb-xxl-3 {
    padding-bottom: 1rem !important
  }

  .pb-xxl-4 {
    padding-bottom: 1.5rem !important
  }

  .pb-xxl-5 {
    padding-bottom: 3rem !important
  }

  .pl-xxl-0 {
    padding-left: 0 !important
  }

  .pl-xxl-1 {
    padding-left: .25rem !important
  }

  .pl-xxl-2 {
    padding-left: .5rem !important
  }

  .pl-xxl-3 {
    padding-left: 1rem !important
  }

  .pl-xxl-4 {
    padding-left: 1.5rem !important
  }

  .pl-xxl-5 {
    padding-left: 3rem !important
  }

  .text-xxl-left {
    text-align: left !important
  }

  .text-xxl-right {
    text-align: right !important
  }

  .text-xxl-center {
    text-align: center !important
  }
}

@media (min-width:1200px) {
  .fs-1 {
    font-size: 2.5rem !important
  }

  .fs-2 {
    font-size: 2rem !important
  }

  .fs-3 {
    font-size: 1.75rem !important
  }

  .fs-4 {
    font-size: 1.5rem !important
  }

  .fs-sm-1 {
    font-size: 2.5rem !important
  }

  .fs-sm-2 {
    font-size: 2rem !important
  }

  .fs-sm-3 {
    font-size: 1.75rem !important
  }

  .fs-sm-4 {
    font-size: 1.5rem !important
  }

  .fs-md-1 {
    font-size: 2.5rem !important
  }

  .fs-md-2 {
    font-size: 2rem !important
  }

  .fs-md-3 {
    font-size: 1.75rem !important
  }

  .fs-md-4 {
    font-size: 1.5rem !important
  }

  .fs-lg-1 {
    font-size: 2.5rem !important
  }

  .fs-lg-2 {
    font-size: 2rem !important
  }

  .fs-lg-3 {
    font-size: 1.75rem !important
  }

  .fs-lg-4 {
    font-size: 1.5rem !important
  }
}

@media print {
  .d-print-inline {
    display: inline !important
  }

  .d-print-inline-block {
    display: inline-block !important
  }

  .d-print-block {
    display: block !important
  }

  .d-print-grid {
    display: grid !important
  }

  .d-print-table {
    display: table !important
  }

  .d-print-table-row {
    display: table-row !important
  }

  .d-print-table-cell {
    display: table-cell !important
  }

  .d-print-flex {
    display: flex !important
  }

  .d-print-inline-flex {
    display: inline-flex !important
  }

  .d-print-none {
    display: none !important
  }
}

/*# sourceMappingURL=bootstrap.min.css.map */
/*# sourceMappingURL=bootstrap.min.css.map */

/**
 * Swiper 6.4.8
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: January 22, 2021
 */

@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-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1
}

.swiper-container-vertical>.swiper-wrapper {
  flex-direction: column
}

.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0px, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
  flex-wrap: wrap
}

.swiper-container-multirow-column>.swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column
}

.swiper-container-free-mode>.swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto
}

.swiper-container-pointer-events {
  touch-action: pan-y
}

.swiper-container-pointer-events.swiper-container-vertical {
  touch-action: pan-x
}

.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform
}

.swiper-slide-invisible-blank {
  visibility: hidden
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto
}

.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height
}

.swiper-container-3d {
  perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
  transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))
}

.swiper-container-css-mode>.swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none
}

.swiper-container-css-mode>.swiper-wrapper::-webkit-scrollbar {
  display: none
}

.swiper-container-css-mode>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: start start
}

.swiper-container-horizontal.swiper-container-css-mode>.swiper-wrapper {
  scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode>.swiper-wrapper {
  scroll-snap-type: y mandatory
}

:root {
  --swiper-navigation-size: 44px
}

.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size)/ 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(-1 * var(--swiper-navigation-size)/ 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color))
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: .35;
  cursor: auto;
  pointer-events: none
}

.swiper-button-next:after,
.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto
}

.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: 'prev'
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto
}

.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: 'next'
}

.swiper-button-next.swiper-button-white,
.swiper-button-prev.swiper-button-white {
  --swiper-navigation-color: #ffffff
}

.swiper-button-next.swiper-button-black,
.swiper-button-prev.swiper-button-black {
  --swiper-navigation-color: #000000
}

.swiper-button-lock {
  display: none
}

.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: .3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%
}

.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(.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(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(.33)
}

.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 50%;
  background: #000;
  opacity: .2
}

button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer
}

.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color))
}

.swiper-container-vertical>.swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: .2s transform, .2s top
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: .2s transform, .2s left
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: .2s transform, .2s right
}

.swiper-pagination-progressbar {
  background: rgba(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-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,
.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical>.swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0
}

.swiper-pagination-white {
  --swiper-pagination-color: #ffffff
}

.swiper-pagination-black {
  --swiper-pagination-color: #000000
}

.swiper-pagination-lock {
  display: none
}

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, .1)
}

.swiper-container-horizontal>.swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%
}

.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, .5);
  border-radius: 10px;
  left: 0;
  top: 0
}

.swiper-scrollbar-cursor-drag {
  cursor: move
}

.swiper-scrollbar-lock {
  display: none
}

.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain
}

.swiper-slide-zoomed {
  cursor: move
}

.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%;
  animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg)
  }
}

.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none
}

.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}

.swiper-container-cube {
  overflow: visible
}

.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next+.swiper-slide,
.swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: .6;
  z-index: 0
}

.swiper-container-cube .swiper-cube-shadow:before {
  content: '';
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  -webkit-filter: blur(50px);
  filter: blur(50px)
}

.swiper-container-flip {
  overflow: visible
}

.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none
}

.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden
}

/*# sourceMappingURL=swiper-bundle.min.css.map */

/* ===============================================
    TABLE  OF CONTENT:
    ------------------
- 1/ CSS Basic classes
- 2/ base
- 3/ elements
- 4/ Layouts
- 5/ Pages
=============================================== */
/* ===================
- 1/ CSS Basic classes
=======================*/
.color .color_box {
  margin-bottom: 20px;
}

.color .color_box .color_palette {
  border-radius: 10px;
  height: 100px;
}

.color .color_box .color_palette.Brand {
  background-color: #566ffe;
}

.color .color_box .color_palette.Gradient {
  background: radial-gradient(100% 100% at 53.13% 0%, #31e7fa 0%, #4477ff 52.6%, #db74ff 100%);
}

.color .color_box .color_palette.Black {
  background-color: #183b56;
}

.color .color_box .color_palette.White {
  background-color: #ffffff;
}

.color .color_box .color_palette.Light {
  background-color: #f9fbfc;
}

.color .color_box .color_palette.Hard_light {
  background-color: #e6edf0;
}

.color .color_box .color_palette.Brand_light {
  background-color: rgba(86, 111, 254, 0.15);
}

.color .color_box .color_palette.Red {
  background-color: #eb5757;
}

.color .color_box .color_palette.Green {
  background: #36b37e;
}

.color .color_box .color_palette.Info {
  background-color: #1384e0;
}

.color .color_box .color_palette.Stroke {
  background-color: #e2eef1;
}

.color .color_box .color_palette.Text {
  background-color: #6f7d95;
}

/*-----------------------------
  media query
-----------------------------*/
/*-----------------------------
    mixin prefix
  -----------------------------*/
/*-----------------------------
    mixin animation
  -----------------------------*/
body {
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-font-smoothing: antialiased !important;
  -moz-font-smoothing: antialiased !important;
  -o-font-smoothing: antialiased !important;
  -ms-font-smoothing: antialiased !important;
  font-smoothing: antialiased !important;
  font-family: "SoraStd", sans-serif;
  font-size: 16px;
  color: #183b56;
  -webkit-transition: 0.3s ease-in-out !important;
  transition: 0.3s ease-in-out !important;
}

body.modal-open {
  padding-right: 0 !important;
  overflow: auto;
}

#wrapper,
#content {
  width: 100%;
  height: 100%;
}

/*-----------------------------
  button, input , a , btn
-----------------------------*/
button,
input {
  -webkit-outline: 0 !important;
  -moz-outline: 0 !important;
  -o-outline: 0 !important;
  -ms-outline: 0 !important;
  outline: 0 !important;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

.btn,
.btn.focus,
.btn:active,
.btn.active,
.btn:focus {
  -webkit-box-shadow: none !important;
  -o-box-shadow: none !important;
  -ms-box-shadow: none !important;
  box-shadow: none !important;
  border: 0;
}

img {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -o-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}

/*-----------------------------
  Selection
-----------------------------*/
::-moz-selection {
  background-color: #566ffe;
  color: #ffffff;
}

::selection {
  background-color: #566ffe;
  color: #ffffff;
}

.color_stroke {
  color: #e2eef1;
}

.color_brand {
  color: #566ffe;
}

.color_brand_light {
  color: rgba(86, 111, 254, 0.15);
}

.color_text {
  color: #6f7d95;
}

.color_yellow {
  color: #d7e932;
}

.color_light {
  color: #f9fbfc;
}

.color_hard_light {
  color: #e6edf0;
}

.color_white {
  color: #ffffff;
}

.color_black {
  color: #183b56;
}

.color_green {
  color: #36b37e;
}

.color_info {
  color: #1384e0;
}

.color_red {
  color: #eb5757;
}

.bg_brand {
  background-color: #566ffe;
}

.bg_brand_light {
  background-color: rgba(86, 111, 254, 0.15);
}

.bg_light {
  background-color: #f9fbfc;
}

.bg_body {
  background-color: #ecf1f9;
}

.bg_hard_light {
  background-color: #e6edf0;
}

.bg_white {
  background-color: #ffffff !important;
}

.bg_black {
  background-color: #183b56;
}

.bg_green {
  background-color: #36b37e;
}

.bg_info {
  background-color: #1384e0;
}

.bg_red {
  background-color: #eb5757;
}

.light_bg {
  background: #edf3f5;
  color: #183b56;
  -webkit-box-shadow: 0px 2px 4px #7e8eb11f !important;
  box-shadow: 0px 2px 4px #7e8eb11f !important;
  padding: 4px 16px;
  border-radius: 28px;
  font-weight: 500;
  white-space: nowrap;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.w-full {
  width: 100%;
}

.hr {
  height: 1px;
  width: 100%;
  background: #e2eef1;
}

.hr2 {
  height: 1px;
  width: 100%;
  background: #cad1d8;
}

.dashed_box {
  border-radius: 8px;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='%237B61FFFF' stroke-width='3' stroke-dasharray='5%2c 10' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
  padding: 2.5rem;
}

@media screen and (max-width: 991px) {
  .dashed_box {
    padding: 15px;
  }
}

.dashed_border_h {
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='%237B61FFFF' stroke-width='3' stroke-dasharray='5%2c 10' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
  width: 100%;
  height: 1px;
}

.dashed_border_v {
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23566FFEFF' stroke-width='3' stroke-dasharray='7%2c 10' stroke-dashoffset='0' stroke-linecap='round'/%3e%3c/svg%3e");
  width: 1px;
  height: 100%;
}

.txt_hero {
  font-size: 72px;
}

.txt_lg {
  font-size: 23px;
}

.txt_lg._bold {
  font-family: "circular_bold";
}

.txt {
  font-size: 17px;
}

.txt._bold {
  font-family: "circular_bold";
}

.txt_sm {
  font-size: 16px;
}

.txt_sm._bold {
  font-family: "circular_bold";
}

.txt_xs {
  font-size: 13.5px;
}

.txt_xs._bold {
  font-family: "circular_bold";
}

.border-b {
  border-bottom: 1px solid #e2eef1;
}

.m-0 {
  margin: 0;
}

.m-helf {
  margin: 0.5px;
}

.m-100 {
  margin: 10px;
}

.m-20 {
  margin: 20px;
}

.m-30 {
  margin: 30px;
}

.m-40 {
  margin: 40px;
}

.m-50 {
  margin: 50px;
}

.m-60 {
  margin: 60px;
}

.m-70 {
  margin: 70px;
}

.m-80 {
  margin: 80px;
}

.m-90 {
  margin: 90px;
}

.m-100 {
  margin: 10rem;
}

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

.mt-helf {
  margin-top: 0.5px;
}

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

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

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

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

.mt-50 {
  margin-top: 50px;
}

.mt-60 {
  margin-top: 60px;
}

.mt-70 {
  margin-top: 70px;
}

.mt-80 {
  margin-top: 80px;
}

.mt-90 {
  margin-top: 90px;
}

.mt-100 {
  margin-top: 10rem;
}

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

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

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

.mb-helf {
  margin-bottom: 0.5px;
}

.mb-1 {
  margin-bottom: 1rem;
}

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

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

.mb-20_reset {
  margin-bottom: -20px;
}

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

.mb-50 {
  margin-bottom: 50px;
}

.mb-60 {
  margin-bottom: 60px;
}

.mb-70 {
  margin-bottom: 70px;
}

.mb-80 {
  margin-bottom: 80px;
}

.mb-90 {
  margin-bottom: 90px;
}

.mb-100 {
  margin-bottom: 10px;
}

/* ------------------------------------ margin right*/
.mr-helf {
  margin-right: 0.5px;
}

.mr-100 {
  margin-right: 10px;
}

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

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

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

.mr-50 {
  margin-right: 50px;
}

.mr-60 {
  margin-right: 60px;
}

.mr-70 {
  margin-right: 70px;
}

.mr-80 {
  margin-right: 80px;
}

.mr-90 {
  margin-right: 90px;
}

.mr-100 {
  margin-right: 10rem;
}

/* ------------------------------------ margin left*/
.mr-helf {
  margin-right: 0.5px;
}

.ml-100 {
  margin-right: 10px;
}

.ml-20 {
  margin-right: 20px;
}

.ml-30 {
  margin-right: 30px;
}

.ml-40 {
  margin-right: 40px;
}

.ml-50 {
  margin-right: 50px;
}

.ml-60 {
  margin-right: 60px;
}

.ml-70 {
  margin-right: 70px;
}

.ml-80 {
  margin-right: 80px;
}

.ml-90 {
  margin-right: 90px;
}

.ml-100 {
  margin-right: 10rem;
}

@media screen and (max-width: 991px) {
  .mt-100 {
    margin-top: 70px !important;
  }
}

.countdown_item {
  font-family: "circular_bold";
  font-size: 25px;
}

.w-fit {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.space-y-0> :not([hidden])~ :not([hidden]) {
  --cb-space-y-reverse: 0;
  margin-top: calc(0px * calc(1 - var(--cb-space-y-reverse)));
  margin-bottom: calc(0px * var(--cb-space-y-reverse));
}

.space-x-0> :not([hidden])~ :not([hidden]) {
  --cb-space-x-reverse: 0;
  margin-right: calc(0px * var(--cb-space-x-reverse));
  margin-left: calc(0px * calc(1 - var(--cb-space-x-reverse)));
}

.space-y-1> :not([hidden])~ :not([hidden]) {
  --cb-space-y-reverse: 0;
  margin-top: calc(1px * calc(1 - var(--cb-space-y-reverse)));
  margin-bottom: calc(1px * var(--cb-space-y-reverse));
}

.space-x-1> :not([hidden])~ :not([hidden]) {
  --cb-space-x-reverse: 0;
  margin-right: calc(1px * var(--cb-space-x-reverse));
  margin-left: calc(1px * calc(1 - var(--cb-space-x-reverse)));
}

.space-y-2> :not([hidden])~ :not([hidden]) {
  --cb-space-y-reverse: 0;
  margin-top: calc(2px * calc(1 - var(--cb-space-y-reverse)));
  margin-bottom: calc(2px * var(--cb-space-y-reverse));
}

.space-x-2> :not([hidden])~ :not([hidden]) {
  --cb-space-x-reverse: 0;
  margin-right: calc(2px * var(--cb-space-x-reverse));
  margin-left: calc(2px * calc(1 - var(--cb-space-x-reverse)));
}

.space-y-3> :not([hidden])~ :not([hidden]) {
  --cb-space-y-reverse: 0;
  margin-top: calc(3px * calc(1 - var(--cb-space-y-reverse)));
  margin-bottom: calc(3px * var(--cb-space-y-reverse));
}

.space-x-3> :not([hidden])~ :not([hidden]) {
  --cb-space-x-reverse: 0;
  margin-right: calc(3px * var(--cb-space-x-reverse));
  margin-left: calc(3px * calc(1 - var(--cb-space-x-reverse)));
}

.space-y-4> :not([hidden])~ :not([hidden]) {
  --cb-space-y-reverse: 0;
  margin-top: calc(4px * calc(1 - var(--cb-space-y-reverse)));
  margin-bottom: calc(4px * var(--cb-space-y-reverse));
}

.space-x-4> :not([hidden])~ :not([hidden]) {
  --cb-space-x-reverse: 0;
  margin-right: calc(4px * var(--cb-space-x-reverse));
  margin-left: calc(4px * calc(1 - var(--cb-space-x-reverse)));
}

.space-y-5> :not([hidden])~ :not([hidden]) {
  --cb-space-y-reverse: 0;
  margin-top: calc(5px * calc(1 - var(--cb-space-y-reverse)));
  margin-bottom: calc(5px * var(--cb-space-y-reverse));
}

.space-x-5> :not([hidden])~ :not([hidden]) {
  --cb-space-x-reverse: 0;
  margin-right: calc(5px * var(--cb-space-x-reverse));
  margin-left: calc(5px * calc(1 - var(--cb-space-x-reverse)));
}

.space-y-10> :not([hidden])~ :not([hidden]) {
  --cb-space-y-reverse: 0;
  margin-top: calc(10px * calc(1 - var(--cb-space-y-reverse)));
  margin-bottom: calc(10px * var(--cb-space-y-reverse));
}

.space-x-10> :not([hidden])~ :not([hidden]) {
  --cb-space-x-reverse: 0;
  margin-right: calc(10px * var(--cb-space-x-reverse));
  margin-left: calc(10px * calc(1 - var(--cb-space-x-reverse)));
}

.space-y-15> :not([hidden])~ :not([hidden]) {
  --cb-space-y-reverse: 0;
  margin-top: calc(15px * calc(1 - var(--cb-space-y-reverse)));
  margin-bottom: calc(15px * var(--cb-space-y-reverse));
}

.space-x-15> :not([hidden])~ :not([hidden]) {
  --cb-space-x-reverse: 0;
  margin-right: calc(15px * var(--cb-space-x-reverse));
  margin-left: calc(15px * calc(1 - var(--cb-space-x-reverse)));
}

.space-y-20> :not([hidden])~ :not([hidden]) {
  --cb-space-y-reverse: 0;
  margin-top: calc(20px * calc(1 - var(--cb-space-y-reverse)));
  margin-bottom: calc(20px * var(--cb-space-y-reverse));
}

.space-x-20> :not([hidden])~ :not([hidden]) {
  --cb-space-x-reverse: 0;
  margin-right: calc(20px * var(--cb-space-x-reverse));
  margin-left: calc(20px * calc(1 - var(--cb-space-x-reverse)));
}

.space-y-25> :not([hidden])~ :not([hidden]) {
  --cb-space-y-reverse: 0;
  margin-top: calc(25px * calc(1 - var(--cb-space-y-reverse)));
  margin-bottom: calc(25px * var(--cb-space-y-reverse));
}

.space-x-25> :not([hidden])~ :not([hidden]) {
  --cb-space-x-reverse: 0;
  margin-right: calc(25px * var(--cb-space-x-reverse));
  margin-left: calc(25px * calc(1 - var(--cb-space-x-reverse)));
}

.space-y-30> :not([hidden])~ :not([hidden]) {
  --cb-space-y-reverse: 0;
  margin-top: calc(30px * calc(1 - var(--cb-space-y-reverse)));
  margin-bottom: calc(30px * var(--cb-space-y-reverse));
}

.space-x-30> :not([hidden])~ :not([hidden]) {
  --cb-space-x-reverse: 0;
  margin-right: calc(30px * var(--cb-space-x-reverse));
  margin-left: calc(30px * calc(1 - var(--cb-space-x-reverse)));
}

.space-y-35> :not([hidden])~ :not([hidden]) {
  --cb-space-y-reverse: 0;
  margin-top: calc(35px * calc(1 - var(--cb-space-y-reverse)));
  margin-bottom: calc(35px * var(--cb-space-y-reverse));
}

.space-x-35> :not([hidden])~ :not([hidden]) {
  --cb-space-x-reverse: 0;
  margin-right: calc(35px * var(--cb-space-x-reverse));
  margin-left: calc(35px * calc(1 - var(--cb-space-x-reverse)));
}

.space-y-40> :not([hidden])~ :not([hidden]) {
  --cb-space-y-reverse: 0;
  margin-top: calc(40px * calc(1 - var(--cb-space-y-reverse)));
  margin-bottom: calc(40px * var(--cb-space-y-reverse));
}

.space-x-40> :not([hidden])~ :not([hidden]) {
  --cb-space-x-reverse: 0;
  margin-right: calc(40px * var(--cb-space-x-reverse));
  margin-left: calc(40px * calc(1 - var(--cb-space-x-reverse)));
}

.space-y-45> :not([hidden])~ :not([hidden]) {
  --cb-space-y-reverse: 0;
  margin-top: calc(45px * calc(1 - var(--cb-space-y-reverse)));
  margin-bottom: calc(45px * var(--cb-space-y-reverse));
}

.space-x-45> :not([hidden])~ :not([hidden]) {
  --cb-space-x-reverse: 0;
  margin-right: calc(45px * var(--cb-space-x-reverse));
  margin-left: calc(45px * calc(1 - var(--cb-space-x-reverse)));
}

.space-y-50> :not([hidden])~ :not([hidden]) {
  --cb-space-y-reverse: 0;
  margin-top: calc(50px * calc(1 - var(--cb-space-y-reverse)));
  margin-bottom: calc(50px * var(--cb-space-y-reverse));
}

.space-x-50> :not([hidden])~ :not([hidden]) {
  --cb-space-x-reverse: 0;
  margin-right: calc(50px * var(--cb-space-x-reverse));
  margin-left: calc(50px * calc(1 - var(--cb-space-x-reverse)));
}

.space-y-55> :not([hidden])~ :not([hidden]) {
  --cb-space-y-reverse: 0;
  margin-top: calc(55px * calc(1 - var(--cb-space-y-reverse)));
  margin-bottom: calc(55px * var(--cb-space-y-reverse));
}

.space-x-55> :not([hidden])~ :not([hidden]) {
  --cb-space-x-reverse: 0;
  margin-right: calc(55px * var(--cb-space-x-reverse));
  margin-left: calc(55px * calc(1 - var(--cb-space-x-reverse)));
}

.space-y-60> :not([hidden])~ :not([hidden]) {
  --cb-space-y-reverse: 0;
  margin-top: calc(60px * calc(1 - var(--cb-space-y-reverse)));
  margin-bottom: calc(60px * var(--cb-space-y-reverse));
}

.space-x-60> :not([hidden])~ :not([hidden]) {
  --cb-space-x-reverse: 0;
  margin-right: calc(60px * var(--cb-space-x-reverse));
  margin-left: calc(60px * calc(1 - var(--cb-space-x-reverse)));
}

.space-y-65> :not([hidden])~ :not([hidden]) {
  --cb-space-y-reverse: 0;
  margin-top: calc(65px * calc(1 - var(--cb-space-y-reverse)));
  margin-bottom: calc(65px * var(--cb-space-y-reverse));
}

.space-x-65> :not([hidden])~ :not([hidden]) {
  --cb-space-x-reverse: 0;
  margin-right: calc(65px * var(--cb-space-x-reverse));
  margin-left: calc(65px * calc(1 - var(--cb-space-x-reverse)));
}

.space-y-70> :not([hidden])~ :not([hidden]) {
  --cb-space-y-reverse: 0;
  margin-top: calc(70px * calc(1 - var(--cb-space-y-reverse)));
  margin-bottom: calc(70px * var(--cb-space-y-reverse));
}

.space-x-70> :not([hidden])~ :not([hidden]) {
  --cb-space-x-reverse: 0;
  margin-right: calc(70px * var(--cb-space-x-reverse));
  margin-left: calc(70px * calc(1 - var(--cb-space-x-reverse)));
}

.space-y-75> :not([hidden])~ :not([hidden]) {
  --cb-space-y-reverse: 0;
  margin-top: calc(75px * calc(1 - var(--cb-space-y-reverse)));
  margin-bottom: calc(75px * var(--cb-space-y-reverse));
}

.space-x-75> :not([hidden])~ :not([hidden]) {
  --cb-space-x-reverse: 0;
  margin-right: calc(75px * var(--cb-space-x-reverse));
  margin-left: calc(75px * calc(1 - var(--cb-space-x-reverse)));
}

.space-y-80> :not([hidden])~ :not([hidden]) {
  --cb-space-y-reverse: 0;
  margin-top: calc(80px * calc(1 - var(--cb-space-y-reverse)));
  margin-bottom: calc(80px * var(--cb-space-y-reverse));
}

.space-x-80> :not([hidden])~ :not([hidden]) {
  --cb-space-x-reverse: 0;
  margin-right: calc(80px * var(--cb-space-x-reverse));
  margin-left: calc(80px * calc(1 - var(--cb-space-x-reverse)));
}

.space-y-85> :not([hidden])~ :not([hidden]) {
  --cb-space-y-reverse: 0;
  margin-top: calc(85px * calc(1 - var(--cb-space-y-reverse)));
  margin-bottom: calc(85px * var(--cb-space-y-reverse));
}

.space-x-85> :not([hidden])~ :not([hidden]) {
  --cb-space-x-reverse: 0;
  margin-right: calc(85px * var(--cb-space-x-reverse));
  margin-left: calc(85px * calc(1 - var(--cb-space-x-reverse)));
}

.space-y-90> :not([hidden])~ :not([hidden]) {
  --cb-space-y-reverse: 0;
  margin-top: calc(90px * calc(1 - var(--cb-space-y-reverse)));
  margin-bottom: calc(90px * var(--cb-space-y-reverse));
}

.space-x-90> :not([hidden])~ :not([hidden]) {
  --cb-space-x-reverse: 0;
  margin-right: calc(90px * var(--cb-space-x-reverse));
  margin-left: calc(90px * calc(1 - var(--cb-space-x-reverse)));
}

.space-y-95> :not([hidden])~ :not([hidden]) {
  --cb-space-y-reverse: 0;
  margin-top: calc(95px * calc(1 - var(--cb-space-y-reverse)));
  margin-bottom: calc(95px * var(--cb-space-y-reverse));
}

.space-x-95> :not([hidden])~ :not([hidden]) {
  --cb-space-x-reverse: 0;
  margin-right: calc(95px * var(--cb-space-x-reverse));
  margin-left: calc(95px * calc(1 - var(--cb-space-x-reverse)));
}

.space-y-100> :not([hidden])~ :not([hidden]) {
  --cb-space-y-reverse: 0;
  margin-top: calc(100px * calc(1 - var(--cb-space-y-reverse)));
  margin-bottom: calc(100px * var(--cb-space-y-reverse));
}

.space-x-100> :not([hidden])~ :not([hidden]) {
  --cb-space-x-reverse: 0;
  margin-right: calc(100px * var(--cb-space-x-reverse));
  margin-left: calc(100px * calc(1 - var(--cb-space-x-reverse)));
}

.space-y-105> :not([hidden])~ :not([hidden]) {
  --cb-space-y-reverse: 0;
  margin-top: calc(105px * calc(1 - var(--cb-space-y-reverse)));
  margin-bottom: calc(105px * var(--cb-space-y-reverse));
}

.space-x-105> :not([hidden])~ :not([hidden]) {
  --cb-space-x-reverse: 0;
  margin-right: calc(105px * var(--cb-space-x-reverse));
  margin-left: calc(105px * calc(1 - var(--cb-space-x-reverse)));
}

.space-y-110> :not([hidden])~ :not([hidden]) {
  --cb-space-y-reverse: 0;
  margin-top: calc(110px * calc(1 - var(--cb-space-y-reverse)));
  margin-bottom: calc(110px * var(--cb-space-y-reverse));
}

.space-x-110> :not([hidden])~ :not([hidden]) {
  --cb-space-x-reverse: 0;
  margin-right: calc(110px * var(--cb-space-x-reverse));
  margin-left: calc(110px * calc(1 - var(--cb-space-x-reverse)));
}

.space-y-115> :not([hidden])~ :not([hidden]) {
  --cb-space-y-reverse: 0;
  margin-top: calc(115px * calc(1 - var(--cb-space-y-reverse)));
  margin-bottom: calc(115px * var(--cb-space-y-reverse));
}

.space-x-115> :not([hidden])~ :not([hidden]) {
  --cb-space-x-reverse: 0;
  margin-right: calc(115px * var(--cb-space-x-reverse));
  margin-left: calc(115px * calc(1 - var(--cb-space-x-reverse)));
}

.space-y-120> :not([hidden])~ :not([hidden]) {
  --cb-space-y-reverse: 0;
  margin-top: calc(120px * calc(1 - var(--cb-space-y-reverse)));
  margin-bottom: calc(120px * var(--cb-space-y-reverse));
}

.space-x-120> :not([hidden])~ :not([hidden]) {
  --cb-space-x-reverse: 0;
  margin-right: calc(120px * var(--cb-space-x-reverse));
  margin-left: calc(120px * calc(1 - var(--cb-space-x-reverse)));
}

.space-y-px> :not([hidden])~ :not([hidden]) {
  --cb-space-y-reverse: 0;
  margin-top: calc(1px * calc(1 - var(--cb-space-y-reverse)));
  margin-bottom: calc(1px * var(--cb-space-y-reverse));
}

.space-x-px> :not([hidden])~ :not([hidden]) {
  --cb-space-x-reverse: 0;
  margin-right: calc(1px * var(--cb-space-x-reverse));
  margin-left: calc(1px * calc(1 - var(--cb-space-x-reverse)));
}

.space-y-0\.5> :not([hidden])~ :not([hidden]) {
  --cb-space-y-reverse: 0;
  margin-top: calc(0.5px * calc(1 - var(--cb-space-y-reverse)));
  margin-bottom: calc(0.5px * var(--cb-space-y-reverse));
}

.space-x-0\.5> :not([hidden])~ :not([hidden]) {
  --cb-space-x-reverse: 0;
  margin-right: calc(0.5px * var(--cb-space-x-reverse));
  margin-left: calc(0.5px * calc(1 - var(--cb-space-x-reverse)));
}

.space-y-1\.5> :not([hidden])~ :not([hidden]) {
  --cb-space-y-reverse: 0;
  margin-top: calc(1.5px * calc(1 - var(--cb-space-y-reverse)));
  margin-bottom: calc(1.5px * var(--cb-space-y-reverse));
}

.space-x-1\.5> :not([hidden])~ :not([hidden]) {
  --cb-space-x-reverse: 0;
  margin-right: calc(1.5px * var(--cb-space-x-reverse));
  margin-left: calc(1.5px * calc(1 - var(--cb-space-x-reverse)));
}

.space-y-2\.5> :not([hidden])~ :not([hidden]) {
  --cb-space-y-reverse: 0;
  margin-top: calc(2.5px * calc(1 - var(--cb-space-y-reverse)));
  margin-bottom: calc(2.5px * var(--cb-space-y-reverse));
}

.space-x-2\.5> :not([hidden])~ :not([hidden]) {
  --cb-space-x-reverse: 0;
  margin-right: calc(2.5px * var(--cb-space-x-reverse));
  margin-left: calc(2.5px * calc(1 - var(--cb-space-x-reverse)));
}

.space-y-3\.5> :not([hidden])~ :not([hidden]) {
  --cb-space-y-reverse: 0;
  margin-top: calc(3.5px * calc(1 - var(--cb-space-y-reverse)));
  margin-bottom: calc(3.5px * var(--cb-space-y-reverse));
}

.space-x-3\.5> :not([hidden])~ :not([hidden]) {
  --cb-space-x-reverse: 0;
  margin-right: calc(3.5px * var(--cb-space-x-reverse));
  margin-left: calc(3.5px * calc(1 - var(--cb-space-x-reverse)));
}

.-space-y-0> :not([hidden])~ :not([hidden]) {
  --cb-space-y-reverse: 0;
  margin-top: calc(0px * calc(1 - var(--cb-space-y-reverse)));
  margin-bottom: calc(0px * var(--cb-space-y-reverse));
}

.-space-x-0> :not([hidden])~ :not([hidden]) {
  --cb-space-x-reverse: 0;
  margin-right: calc(0px * var(--cb-space-x-reverse));
  margin-left: calc(0px * calc(1 - var(--cb-space-x-reverse)));
}

.-space-y-1> :not([hidden])~ :not([hidden]) {
  --cb-space-y-reverse: 0;
  margin-top: calc(-1px * calc(1 - var(--cb-space-y-reverse)));
  margin-bottom: calc(-1px * var(--cb-space-y-reverse));
}

.-space-x-1> :not([hidden])~ :not([hidden]) {
  --cb-space-x-reverse: 0;
  margin-right: calc(-1px * var(--cb-space-x-reverse));
  margin-left: calc(-1px * calc(1 - var(--cb-space-x-reverse)));
}

.-space-y-2> :not([hidden])~ :not([hidden]) {
  --cb-space-y-reverse: 0;
  margin-top: calc(-2px * calc(1 - var(--cb-space-y-reverse)));
  margin-bottom: calc(-2px * var(--cb-space-y-reverse));
}

.-space-x-2> :not([hidden])~ :not([hidden]) {
  --cb-space-x-reverse: 0;
  margin-right: calc(-2px * var(--cb-space-x-reverse));
  margin-left: calc(-2px * calc(1 - var(--cb-space-x-reverse)));
}

.-space-y-3> :not([hidden])~ :not([hidden]) {
  --cb-space-y-reverse: 0;
  margin-top: calc(-3px * calc(1 - var(--cb-space-y-reverse)));
  margin-bottom: calc(-3px * var(--cb-space-y-reverse));
}

.-space-x-3> :not([hidden])~ :not([hidden]) {
  --cb-space-x-reverse: 0;
  margin-right: calc(-3px * var(--cb-space-x-reverse));
  margin-left: calc(-3px * calc(1 - var(--cb-space-x-reverse)));
}

.-space-y-4> :not([hidden])~ :not([hidden]) {
  --cb-space-y-reverse: 0;
  margin-top: calc(-4px * calc(1 - var(--cb-space-y-reverse)));
  margin-bottom: calc(-4px * var(--cb-space-y-reverse));
}

.-space-x-4> :not([hidden])~ :not([hidden]) {
  --cb-space-x-reverse: 0;
  margin-right: calc(-4px * var(--cb-space-x-reverse));
  margin-left: calc(-4px * calc(1 - var(--cb-space-x-reverse)));
}

.-space-y-5> :not([hidden])~ :not([hidden]) {
  --cb-space-y-reverse: 0;
  margin-top: calc(-5px * calc(1 - var(--cb-space-y-reverse)));
  margin-bottom: calc(-5px * var(--cb-space-y-reverse));
}

.-space-x-5> :not([hidden])~ :not([hidden]) {
  --cb-space-x-reverse: 0;
  margin-right: calc(-5px * var(--cb-space-x-reverse));
  margin-left: calc(-5px * calc(1 - var(--cb-space-x-reverse)));
}

.-space-y-10> :not([hidden])~ :not([hidden]) {
  --cb-space-y-reverse: 0;
  margin-top: calc(-10px * calc(1 - var(--cb-space-y-reverse)));
  margin-bottom: calc(-10px * var(--cb-space-y-reverse));
}

.-space-x-10> :not([hidden])~ :not([hidden]) {
  --cb-space-x-reverse: 0;
  margin-right: calc(-10px * var(--cb-space-x-reverse));
  margin-left: calc(-10px * calc(1 - var(--cb-space-x-reverse)));
}

.-space-y-15> :not([hidden])~ :not([hidden]) {
  --cb-space-y-reverse: 0;
  margin-top: calc(-15px * calc(1 - var(--cb-space-y-reverse)));
  margin-bottom: calc(-15px * var(--cb-space-y-reverse));
}

.-space-x-15> :not([hidden])~ :not([hidden]) {
  --cb-space-x-reverse: 0;
  margin-right: calc(-15px * var(--cb-space-x-reverse));
  margin-left: calc(-15px * calc(1 - var(--cb-space-x-reverse)));
}

.-space-y-20> :not([hidden])~ :not([hidden]) {
  --cb-space-y-reverse: 0;
  margin-top: calc(-20px * calc(1 - var(--cb-space-y-reverse)));
  margin-bottom: calc(-20px * var(--cb-space-y-reverse));
}

.-space-x-20> :not([hidden])~ :not([hidden]) {
  --cb-space-x-reverse: 0;
  margin-right: calc(-20px * var(--cb-space-x-reverse));
  margin-left: calc(-20px * calc(1 - var(--cb-space-x-reverse)));
}

.-space-y-25> :not([hidden])~ :not([hidden]) {
  --cb-space-y-reverse: 0;
  margin-top: calc(-25px * calc(1 - var(--cb-space-y-reverse)));
  margin-bottom: calc(-25px * var(--cb-space-y-reverse));
}

.-space-x-25> :not([hidden])~ :not([hidden]) {
  --cb-space-x-reverse: 0;
  margin-right: calc(-25px * var(--cb-space-x-reverse));
  margin-left: calc(-25px * calc(1 - var(--cb-space-x-reverse)));
}

.-space-y-30> :not([hidden])~ :not([hidden]) {
  --cb-space-y-reverse: 0;
  margin-top: calc(-30px * calc(1 - var(--cb-space-y-reverse)));
  margin-bottom: calc(-30px * var(--cb-space-y-reverse));
}

.-space-x-30> :not([hidden])~ :not([hidden]) {
  --cb-space-x-reverse: 0;
  margin-right: calc(-30px * var(--cb-space-x-reverse));
  margin-left: calc(-30px * calc(1 - var(--cb-space-x-reverse)));
}

.-space-y-35> :not([hidden])~ :not([hidden]) {
  --cb-space-y-reverse: 0;
  margin-top: calc(-35px * calc(1 - var(--cb-space-y-reverse)));
  margin-bottom: calc(-35px * var(--cb-space-y-reverse));
}

.-space-x-35> :not([hidden])~ :not([hidden]) {
  --cb-space-x-reverse: 0;
  margin-right: calc(-35px * var(--cb-space-x-reverse));
  margin-left: calc(-35px * calc(1 - var(--cb-space-x-reverse)));
}

.-space-y-40> :not([hidden])~ :not([hidden]) {
  --cb-space-y-reverse: 0;
  margin-top: calc(-40px * calc(1 - var(--cb-space-y-reverse)));
  margin-bottom: calc(-40px * var(--cb-space-y-reverse));
}

.-space-x-40> :not([hidden])~ :not([hidden]) {
  --cb-space-x-reverse: 0;
  margin-right: calc(-40px * var(--cb-space-x-reverse));
  margin-left: calc(-40px * calc(1 - var(--cb-space-x-reverse)));
}

.-space-y-45> :not([hidden])~ :not([hidden]) {
  --cb-space-y-reverse: 0;
  margin-top: calc(-45px * calc(1 - var(--cb-space-y-reverse)));
  margin-bottom: calc(-45px * var(--cb-space-y-reverse));
}

.-space-x-45> :not([hidden])~ :not([hidden]) {
  --cb-space-x-reverse: 0;
  margin-right: calc(-45px * var(--cb-space-x-reverse));
  margin-left: calc(-45px * calc(1 - var(--cb-space-x-reverse)));
}

.-space-y-50> :not([hidden])~ :not([hidden]) {
  --cb-space-y-reverse: 0;
  margin-top: calc(-50px * calc(1 - var(--cb-space-y-reverse)));
  margin-bottom: calc(-50px * var(--cb-space-y-reverse));
}

.-space-x-50> :not([hidden])~ :not([hidden]) {
  --cb-space-x-reverse: 0;
  margin-right: calc(-50px * var(--cb-space-x-reverse));
  margin-left: calc(-50px * calc(1 - var(--cb-space-x-reverse)));
}

.-space-y-55> :not([hidden])~ :not([hidden]) {
  --cb-space-y-reverse: 0;
  margin-top: calc(-55px * calc(1 - var(--cb-space-y-reverse)));
  margin-bottom: calc(-55px * var(--cb-space-y-reverse));
}

.-space-x-55> :not([hidden])~ :not([hidden]) {
  --cb-space-x-reverse: 0;
  margin-right: calc(-55px * var(--cb-space-x-reverse));
  margin-left: calc(-55px * calc(1 - var(--cb-space-x-reverse)));
}

.-space-y-60> :not([hidden])~ :not([hidden]) {
  --cb-space-y-reverse: 0;
  margin-top: calc(-60px * calc(1 - var(--cb-space-y-reverse)));
  margin-bottom: calc(-60px * var(--cb-space-y-reverse));
}

.-space-x-60> :not([hidden])~ :not([hidden]) {
  --cb-space-x-reverse: 0;
  margin-right: calc(-60px * var(--cb-space-x-reverse));
  margin-left: calc(-60px * calc(1 - var(--cb-space-x-reverse)));
}

.-space-y-65> :not([hidden])~ :not([hidden]) {
  --cb-space-y-reverse: 0;
  margin-top: calc(-65px * calc(1 - var(--cb-space-y-reverse)));
  margin-bottom: calc(-65px * var(--cb-space-y-reverse));
}

.-space-x-65> :not([hidden])~ :not([hidden]) {
  --cb-space-x-reverse: 0;
  margin-right: calc(-65px * var(--cb-space-x-reverse));
  margin-left: calc(-65px * calc(1 - var(--cb-space-x-reverse)));
}

.-space-y-70> :not([hidden])~ :not([hidden]) {
  --cb-space-y-reverse: 0;
  margin-top: calc(-70px * calc(1 - var(--cb-space-y-reverse)));
  margin-bottom: calc(-70px * var(--cb-space-y-reverse));
}

.-space-x-70> :not([hidden])~ :not([hidden]) {
  --cb-space-x-reverse: 0;
  margin-right: calc(-70px * var(--cb-space-x-reverse));
  margin-left: calc(-70px * calc(1 - var(--cb-space-x-reverse)));
}

.-space-y-75> :not([hidden])~ :not([hidden]) {
  --cb-space-y-reverse: 0;
  margin-top: calc(-75px * calc(1 - var(--cb-space-y-reverse)));
  margin-bottom: calc(-75px * var(--cb-space-y-reverse));
}

.-space-x-75> :not([hidden])~ :not([hidden]) {
  --cb-space-x-reverse: 0;
  margin-right: calc(-75px * var(--cb-space-x-reverse));
  margin-left: calc(-75px * calc(1 - var(--cb-space-x-reverse)));
}

.-space-y-80> :not([hidden])~ :not([hidden]) {
  --cb-space-y-reverse: 0;
  margin-top: calc(-80px * calc(1 - var(--cb-space-y-reverse)));
  margin-bottom: calc(-80px * var(--cb-space-y-reverse));
}

.-space-x-80> :not([hidden])~ :not([hidden]) {
  --cb-space-x-reverse: 0;
  margin-right: calc(-80px * var(--cb-space-x-reverse));
  margin-left: calc(-80px * calc(1 - var(--cb-space-x-reverse)));
}

.-space-y-85> :not([hidden])~ :not([hidden]) {
  --cb-space-y-reverse: 0;
  margin-top: calc(-85px * calc(1 - var(--cb-space-y-reverse)));
  margin-bottom: calc(-85px * var(--cb-space-y-reverse));
}

.-space-x-85> :not([hidden])~ :not([hidden]) {
  --cb-space-x-reverse: 0;
  margin-right: calc(-85px * var(--cb-space-x-reverse));
  margin-left: calc(-85px * calc(1 - var(--cb-space-x-reverse)));
}

.-space-y-90> :not([hidden])~ :not([hidden]) {
  --cb-space-y-reverse: 0;
  margin-top: calc(-90px * calc(1 - var(--cb-space-y-reverse)));
  margin-bottom: calc(-90px * var(--cb-space-y-reverse));
}

.-space-x-90> :not([hidden])~ :not([hidden]) {
  --cb-space-x-reverse: 0;
  margin-right: calc(-90px * var(--cb-space-x-reverse));
  margin-left: calc(-90px * calc(1 - var(--cb-space-x-reverse)));
}

.-space-y-95> :not([hidden])~ :not([hidden]) {
  --cb-space-y-reverse: 0;
  margin-top: calc(-95px * calc(1 - var(--cb-space-y-reverse)));
  margin-bottom: calc(-95px * var(--cb-space-y-reverse));
}

.-space-x-95> :not([hidden])~ :not([hidden]) {
  --cb-space-x-reverse: 0;
  margin-right: calc(-95px * var(--cb-space-x-reverse));
  margin-left: calc(-95px * calc(1 - var(--cb-space-x-reverse)));
}

.-space-y-100> :not([hidden])~ :not([hidden]) {
  --cb-space-y-reverse: 0;
  margin-top: calc(-100px * calc(1 - var(--cb-space-y-reverse)));
  margin-bottom: calc(-100px * var(--cb-space-y-reverse));
}

.-space-x-100> :not([hidden])~ :not([hidden]) {
  --cb-space-x-reverse: 0;
  margin-right: calc(-100px * var(--cb-space-x-reverse));
  margin-left: calc(-100px * calc(1 - var(--cb-space-x-reverse)));
}

.-space-y-105> :not([hidden])~ :not([hidden]) {
  --cb-space-y-reverse: 0;
  margin-top: calc(-105px * calc(1 - var(--cb-space-y-reverse)));
  margin-bottom: calc(-105px * var(--cb-space-y-reverse));
}

.-space-x-105> :not([hidden])~ :not([hidden]) {
  --cb-space-x-reverse: 0;
  margin-right: calc(-105px * var(--cb-space-x-reverse));
  margin-left: calc(-105px * calc(1 - var(--cb-space-x-reverse)));
}

.-space-y-110> :not([hidden])~ :not([hidden]) {
  --cb-space-y-reverse: 0;
  margin-top: calc(-110px * calc(1 - var(--cb-space-y-reverse)));
  margin-bottom: calc(-110px * var(--cb-space-y-reverse));
}

.-space-x-110> :not([hidden])~ :not([hidden]) {
  --cb-space-x-reverse: 0;
  margin-right: calc(-110px * var(--cb-space-x-reverse));
  margin-left: calc(-110px * calc(1 - var(--cb-space-x-reverse)));
}

.-space-y-115> :not([hidden])~ :not([hidden]) {
  --cb-space-y-reverse: 0;
  margin-top: calc(-115px * calc(1 - var(--cb-space-y-reverse)));
  margin-bottom: calc(-115px * var(--cb-space-y-reverse));
}

.-space-x-115> :not([hidden])~ :not([hidden]) {
  --cb-space-x-reverse: 0;
  margin-right: calc(-115px * var(--cb-space-x-reverse));
  margin-left: calc(-115px * calc(1 - var(--cb-space-x-reverse)));
}

.-space-y-120> :not([hidden])~ :not([hidden]) {
  --cb-space-y-reverse: 0;
  margin-top: calc(-120px * calc(1 - var(--cb-space-y-reverse)));
  margin-bottom: calc(-120px * var(--cb-space-y-reverse));
}

.-space-x-120> :not([hidden])~ :not([hidden]) {
  --cb-space-x-reverse: 0;
  margin-right: calc(-120px * var(--cb-space-x-reverse));
  margin-left: calc(-120px * calc(1 - var(--cb-space-x-reverse)));
}

.-space-y-px> :not([hidden])~ :not([hidden]) {
  --cb-space-y-reverse: 0;
  margin-top: calc(-1px * calc(1 - var(--cb-space-y-reverse)));
  margin-bottom: calc(-1px * var(--cb-space-y-reverse));
}

.-space-x-px> :not([hidden])~ :not([hidden]) {
  --cb-space-x-reverse: 0;
  margin-right: calc(-1px * var(--cb-space-x-reverse));
  margin-left: calc(-1px * calc(1 - var(--cb-space-x-reverse)));
}

.-space-y-0\.5> :not([hidden])~ :not([hidden]) {
  --cb-space-y-reverse: 0;
  margin-top: calc(-0.5px * calc(1 - var(--cb-space-y-reverse)));
  margin-bottom: calc(-0.5px * var(--cb-space-y-reverse));
}

.-space-x-0\.5> :not([hidden])~ :not([hidden]) {
  --cb-space-x-reverse: 0;
  margin-right: calc(-0.5px * var(--cb-space-x-reverse));
  margin-left: calc(-0.5px * calc(1 - var(--cb-space-x-reverse)));
}

.-space-y-1\.5> :not([hidden])~ :not([hidden]) {
  --cb-space-y-reverse: 0;
  margin-top: calc(-1.5px * calc(1 - var(--cb-space-y-reverse)));
  margin-bottom: calc(-1.5px * var(--cb-space-y-reverse));
}

.-space-x-1\.5> :not([hidden])~ :not([hidden]) {
  --cb-space-x-reverse: 0;
  margin-right: calc(-1.5px * var(--cb-space-x-reverse));
  margin-left: calc(-1.5px * calc(1 - var(--cb-space-x-reverse)));
}

.-space-y-2\.5> :not([hidden])~ :not([hidden]) {
  --cb-space-y-reverse: 0;
  margin-top: calc(-2.5px * calc(1 - var(--cb-space-y-reverse)));
  margin-bottom: calc(-2.5px * var(--cb-space-y-reverse));
}

.-space-x-2\.5> :not([hidden])~ :not([hidden]) {
  --cb-space-x-reverse: 0;
  margin-right: calc(-2.5px * var(--cb-space-x-reverse));
  margin-left: calc(-2.5px * calc(1 - var(--cb-space-x-reverse)));
}

.-space-y-3\.5> :not([hidden])~ :not([hidden]) {
  --cb-space-y-reverse: 0;
  margin-top: calc(-3.5px * calc(1 - var(--cb-space-y-reverse)));
  margin-bottom: calc(-3.5px * var(--cb-space-y-reverse));
}

.-space-x-3\.5> :not([hidden])~ :not([hidden]) {
  --cb-space-x-reverse: 0;
  margin-right: calc(-3.5px * var(--cb-space-x-reverse));
  margin-left: calc(-3.5px * calc(1 - var(--cb-space-x-reverse)));
}

.space-y-reverse> :not([hidden])~ :not([hidden]) {
  --cb-space-y-reverse: 1;
}

.space-x-reverse> :not([hidden])~ :not([hidden]) {
  --cb-space-x-reverse: 1;
}

@media screen and (max-width: 768px) {
  .sm\:space-y-0> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(0px * var(--cb-space-y-reverse));
  }

  .sm\:space-x-0> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(0px * var(--cb-space-x-reverse));
    margin-left: calc(0px * calc(1 - var(--cb-space-x-reverse)));
  }

  .sm\:space-y-1> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(1px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(1px * var(--cb-space-y-reverse));
  }

  .sm\:space-x-1> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(1px * var(--cb-space-x-reverse));
    margin-left: calc(1px * calc(1 - var(--cb-space-x-reverse)));
  }

  .sm\:space-y-2> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(2px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(2px * var(--cb-space-y-reverse));
  }

  .sm\:space-x-2> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(2px * var(--cb-space-x-reverse));
    margin-left: calc(2px * calc(1 - var(--cb-space-x-reverse)));
  }

  .sm\:space-y-3> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(3px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(3px * var(--cb-space-y-reverse));
  }

  .sm\:space-x-3> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(3px * var(--cb-space-x-reverse));
    margin-left: calc(3px * calc(1 - var(--cb-space-x-reverse)));
  }

  .sm\:space-y-4> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(4px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(4px * var(--cb-space-y-reverse));
  }

  .sm\:space-x-4> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(4px * var(--cb-space-x-reverse));
    margin-left: calc(4px * calc(1 - var(--cb-space-x-reverse)));
  }

  .sm\:space-y-5> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(5px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(5px * var(--cb-space-y-reverse));
  }

  .sm\:space-x-5> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(5px * var(--cb-space-x-reverse));
    margin-left: calc(5px * calc(1 - var(--cb-space-x-reverse)));
  }

  .sm\:space-y-10> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(10px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(10px * var(--cb-space-y-reverse));
  }

  .sm\:space-x-10> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(10px * var(--cb-space-x-reverse));
    margin-left: calc(10px * calc(1 - var(--cb-space-x-reverse)));
  }

  .sm\:space-y-15> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(15px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(15px * var(--cb-space-y-reverse));
  }

  .sm\:space-x-15> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(15px * var(--cb-space-x-reverse));
    margin-left: calc(15px * calc(1 - var(--cb-space-x-reverse)));
  }

  .sm\:space-y-20> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(20px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(20px * var(--cb-space-y-reverse));
  }

  .sm\:space-x-20> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(20px * var(--cb-space-x-reverse));
    margin-left: calc(20px * calc(1 - var(--cb-space-x-reverse)));
  }

  .sm\:space-y-25> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(25px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(25px * var(--cb-space-y-reverse));
  }

  .sm\:space-x-25> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(25px * var(--cb-space-x-reverse));
    margin-left: calc(25px * calc(1 - var(--cb-space-x-reverse)));
  }

  .sm\:space-y-30> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(30px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(30px * var(--cb-space-y-reverse));
  }

  .sm\:space-x-30> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(30px * var(--cb-space-x-reverse));
    margin-left: calc(30px * calc(1 - var(--cb-space-x-reverse)));
  }

  .sm\:space-y-35> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(35px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(35px * var(--cb-space-y-reverse));
  }

  .sm\:space-x-35> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(35px * var(--cb-space-x-reverse));
    margin-left: calc(35px * calc(1 - var(--cb-space-x-reverse)));
  }

  .sm\:space-y-40> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(40px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(40px * var(--cb-space-y-reverse));
  }

  .sm\:space-x-40> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(40px * var(--cb-space-x-reverse));
    margin-left: calc(40px * calc(1 - var(--cb-space-x-reverse)));
  }

  .sm\:space-y-45> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(45px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(45px * var(--cb-space-y-reverse));
  }

  .sm\:space-x-45> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(45px * var(--cb-space-x-reverse));
    margin-left: calc(45px * calc(1 - var(--cb-space-x-reverse)));
  }

  .sm\:space-y-50> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(50px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(50px * var(--cb-space-y-reverse));
  }

  .sm\:space-x-50> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(50px * var(--cb-space-x-reverse));
    margin-left: calc(50px * calc(1 - var(--cb-space-x-reverse)));
  }

  .sm\:space-y-55> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(55px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(55px * var(--cb-space-y-reverse));
  }

  .sm\:space-x-55> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(55px * var(--cb-space-x-reverse));
    margin-left: calc(55px * calc(1 - var(--cb-space-x-reverse)));
  }

  .sm\:space-y-60> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(60px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(60px * var(--cb-space-y-reverse));
  }

  .sm\:space-x-60> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(60px * var(--cb-space-x-reverse));
    margin-left: calc(60px * calc(1 - var(--cb-space-x-reverse)));
  }

  .sm\:space-y-65> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(65px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(65px * var(--cb-space-y-reverse));
  }

  .sm\:space-x-65> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(65px * var(--cb-space-x-reverse));
    margin-left: calc(65px * calc(1 - var(--cb-space-x-reverse)));
  }

  .sm\:space-y-70> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(70px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(70px * var(--cb-space-y-reverse));
  }

  .sm\:space-x-70> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(70px * var(--cb-space-x-reverse));
    margin-left: calc(70px * calc(1 - var(--cb-space-x-reverse)));
  }

  .sm\:space-y-75> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(75px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(75px * var(--cb-space-y-reverse));
  }

  .sm\:space-x-75> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(75px * var(--cb-space-x-reverse));
    margin-left: calc(75px * calc(1 - var(--cb-space-x-reverse)));
  }

  .sm\:space-y-80> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(80px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(80px * var(--cb-space-y-reverse));
  }

  .sm\:space-x-80> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(80px * var(--cb-space-x-reverse));
    margin-left: calc(80px * calc(1 - var(--cb-space-x-reverse)));
  }

  .sm\:space-y-85> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(85px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(85px * var(--cb-space-y-reverse));
  }

  .sm\:space-x-85> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(85px * var(--cb-space-x-reverse));
    margin-left: calc(85px * calc(1 - var(--cb-space-x-reverse)));
  }

  .sm\:space-y-90> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(90px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(90px * var(--cb-space-y-reverse));
  }

  .sm\:space-x-90> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(90px * var(--cb-space-x-reverse));
    margin-left: calc(90px * calc(1 - var(--cb-space-x-reverse)));
  }

  .sm\:space-y-95> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(95px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(95px * var(--cb-space-y-reverse));
  }

  .sm\:space-x-95> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(95px * var(--cb-space-x-reverse));
    margin-left: calc(95px * calc(1 - var(--cb-space-x-reverse)));
  }

  .sm\:space-y-100> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(100px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(100px * var(--cb-space-y-reverse));
  }

  .sm\:space-x-100> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(100px * var(--cb-space-x-reverse));
    margin-left: calc(100px * calc(1 - var(--cb-space-x-reverse)));
  }

  .sm\:space-y-105> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(105px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(105px * var(--cb-space-y-reverse));
  }

  .sm\:space-x-105> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(105px * var(--cb-space-x-reverse));
    margin-left: calc(105px * calc(1 - var(--cb-space-x-reverse)));
  }

  .sm\:space-y-110> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(110px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(110px * var(--cb-space-y-reverse));
  }

  .sm\:space-x-110> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(110px * var(--cb-space-x-reverse));
    margin-left: calc(110px * calc(1 - var(--cb-space-x-reverse)));
  }

  .sm\:space-y-115> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(115px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(115px * var(--cb-space-y-reverse));
  }

  .sm\:space-x-115> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(115px * var(--cb-space-x-reverse));
    margin-left: calc(115px * calc(1 - var(--cb-space-x-reverse)));
  }

  .sm\:space-y-120> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(120px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(120px * var(--cb-space-y-reverse));
  }

  .sm\:space-x-120> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(120px * var(--cb-space-x-reverse));
    margin-left: calc(120px * calc(1 - var(--cb-space-x-reverse)));
  }

  .sm\:space-y-px> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(1px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(1px * var(--cb-space-y-reverse));
  }

  .sm\:space-x-px> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(1px * var(--cb-space-x-reverse));
    margin-left: calc(1px * calc(1 - var(--cb-space-x-reverse)));
  }

  .sm\:space-y-0\.5> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(0.5px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(0.5px * var(--cb-space-y-reverse));
  }

  .sm\:space-x-0\.5> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(0.5px * var(--cb-space-x-reverse));
    margin-left: calc(0.5px * calc(1 - var(--cb-space-x-reverse)));
  }

  .sm\:space-y-1\.5> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(1.5px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(1.5px * var(--cb-space-y-reverse));
  }

  .sm\:space-x-1\.5> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(1.5px * var(--cb-space-x-reverse));
    margin-left: calc(1.5px * calc(1 - var(--cb-space-x-reverse)));
  }

  .sm\:space-y-2\.5> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(2.5px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(2.5px * var(--cb-space-y-reverse));
  }

  .sm\:space-x-2\.5> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(2.5px * var(--cb-space-x-reverse));
    margin-left: calc(2.5px * calc(1 - var(--cb-space-x-reverse)));
  }

  .sm\:space-y-3\.5> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(3.5px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(3.5px * var(--cb-space-y-reverse));
  }

  .sm\:space-x-3\.5> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(3.5px * var(--cb-space-x-reverse));
    margin-left: calc(3.5px * calc(1 - var(--cb-space-x-reverse)));
  }

  .sm\:-space-y-0> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(0px * var(--cb-space-y-reverse));
  }

  .sm\:-space-x-0> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(0px * var(--cb-space-x-reverse));
    margin-left: calc(0px * calc(1 - var(--cb-space-x-reverse)));
  }

  .sm\:-space-y-1> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(-1px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(-1px * var(--cb-space-y-reverse));
  }

  .sm\:-space-x-1> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(-1px * var(--cb-space-x-reverse));
    margin-left: calc(-1px * calc(1 - var(--cb-space-x-reverse)));
  }

  .sm\:-space-y-2> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(-2px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(-2px * var(--cb-space-y-reverse));
  }

  .sm\:-space-x-2> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(-2px * var(--cb-space-x-reverse));
    margin-left: calc(-2px * calc(1 - var(--cb-space-x-reverse)));
  }

  .sm\:-space-y-3> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(-3px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(-3px * var(--cb-space-y-reverse));
  }

  .sm\:-space-x-3> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(-3px * var(--cb-space-x-reverse));
    margin-left: calc(-3px * calc(1 - var(--cb-space-x-reverse)));
  }

  .sm\:-space-y-4> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(-4px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(-4px * var(--cb-space-y-reverse));
  }

  .sm\:-space-x-4> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(-4px * var(--cb-space-x-reverse));
    margin-left: calc(-4px * calc(1 - var(--cb-space-x-reverse)));
  }

  .sm\:-space-y-5> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(-5px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(-5px * var(--cb-space-y-reverse));
  }

  .sm\:-space-x-5> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(-5px * var(--cb-space-x-reverse));
    margin-left: calc(-5px * calc(1 - var(--cb-space-x-reverse)));
  }

  .sm\:-space-y-10> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(-10px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(-10px * var(--cb-space-y-reverse));
  }

  .sm\:-space-x-10> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(-10px * var(--cb-space-x-reverse));
    margin-left: calc(-10px * calc(1 - var(--cb-space-x-reverse)));
  }

  .sm\:-space-y-15> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(-15px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(-15px * var(--cb-space-y-reverse));
  }

  .sm\:-space-x-15> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(-15px * var(--cb-space-x-reverse));
    margin-left: calc(-15px * calc(1 - var(--cb-space-x-reverse)));
  }

  .sm\:-space-y-20> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(-20px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(-20px * var(--cb-space-y-reverse));
  }

  .sm\:-space-x-20> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(-20px * var(--cb-space-x-reverse));
    margin-left: calc(-20px * calc(1 - var(--cb-space-x-reverse)));
  }

  .sm\:-space-y-25> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(-25px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(-25px * var(--cb-space-y-reverse));
  }

  .sm\:-space-x-25> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(-25px * var(--cb-space-x-reverse));
    margin-left: calc(-25px * calc(1 - var(--cb-space-x-reverse)));
  }

  .sm\:-space-y-30> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(-30px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(-30px * var(--cb-space-y-reverse));
  }

  .sm\:-space-x-30> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(-30px * var(--cb-space-x-reverse));
    margin-left: calc(-30px * calc(1 - var(--cb-space-x-reverse)));
  }

  .sm\:-space-y-35> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(-35px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(-35px * var(--cb-space-y-reverse));
  }

  .sm\:-space-x-35> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(-35px * var(--cb-space-x-reverse));
    margin-left: calc(-35px * calc(1 - var(--cb-space-x-reverse)));
  }

  .sm\:-space-y-40> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(-40px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(-40px * var(--cb-space-y-reverse));
  }

  .sm\:-space-x-40> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(-40px * var(--cb-space-x-reverse));
    margin-left: calc(-40px * calc(1 - var(--cb-space-x-reverse)));
  }

  .sm\:-space-y-45> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(-45px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(-45px * var(--cb-space-y-reverse));
  }

  .sm\:-space-x-45> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(-45px * var(--cb-space-x-reverse));
    margin-left: calc(-45px * calc(1 - var(--cb-space-x-reverse)));
  }

  .sm\:-space-y-50> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(-50px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(-50px * var(--cb-space-y-reverse));
  }

  .sm\:-space-x-50> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(-50px * var(--cb-space-x-reverse));
    margin-left: calc(-50px * calc(1 - var(--cb-space-x-reverse)));
  }

  .sm\:-space-y-55> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(-55px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(-55px * var(--cb-space-y-reverse));
  }

  .sm\:-space-x-55> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(-55px * var(--cb-space-x-reverse));
    margin-left: calc(-55px * calc(1 - var(--cb-space-x-reverse)));
  }

  .sm\:-space-y-60> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(-60px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(-60px * var(--cb-space-y-reverse));
  }

  .sm\:-space-x-60> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(-60px * var(--cb-space-x-reverse));
    margin-left: calc(-60px * calc(1 - var(--cb-space-x-reverse)));
  }

  .sm\:-space-y-65> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(-65px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(-65px * var(--cb-space-y-reverse));
  }

  .sm\:-space-x-65> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(-65px * var(--cb-space-x-reverse));
    margin-left: calc(-65px * calc(1 - var(--cb-space-x-reverse)));
  }

  .sm\:-space-y-70> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(-70px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(-70px * var(--cb-space-y-reverse));
  }

  .sm\:-space-x-70> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(-70px * var(--cb-space-x-reverse));
    margin-left: calc(-70px * calc(1 - var(--cb-space-x-reverse)));
  }

  .sm\:-space-y-75> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(-75px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(-75px * var(--cb-space-y-reverse));
  }

  .sm\:-space-x-75> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(-75px * var(--cb-space-x-reverse));
    margin-left: calc(-75px * calc(1 - var(--cb-space-x-reverse)));
  }

  .sm\:-space-y-80> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(-80px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(-80px * var(--cb-space-y-reverse));
  }

  .sm\:-space-x-80> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(-80px * var(--cb-space-x-reverse));
    margin-left: calc(-80px * calc(1 - var(--cb-space-x-reverse)));
  }

  .sm\:-space-y-85> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(-85px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(-85px * var(--cb-space-y-reverse));
  }

  .sm\:-space-x-85> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(-85px * var(--cb-space-x-reverse));
    margin-left: calc(-85px * calc(1 - var(--cb-space-x-reverse)));
  }

  .sm\:-space-y-90> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(-90px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(-90px * var(--cb-space-y-reverse));
  }

  .sm\:-space-x-90> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(-90px * var(--cb-space-x-reverse));
    margin-left: calc(-90px * calc(1 - var(--cb-space-x-reverse)));
  }

  .sm\:-space-y-95> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(-95px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(-95px * var(--cb-space-y-reverse));
  }

  .sm\:-space-x-95> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(-95px * var(--cb-space-x-reverse));
    margin-left: calc(-95px * calc(1 - var(--cb-space-x-reverse)));
  }

  .sm\:-space-y-100> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(-100px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(-100px * var(--cb-space-y-reverse));
  }

  .sm\:-space-x-100> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(-100px * var(--cb-space-x-reverse));
    margin-left: calc(-100px * calc(1 - var(--cb-space-x-reverse)));
  }

  .sm\:-space-y-105> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(-105px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(-105px * var(--cb-space-y-reverse));
  }

  .sm\:-space-x-105> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(-105px * var(--cb-space-x-reverse));
    margin-left: calc(-105px * calc(1 - var(--cb-space-x-reverse)));
  }

  .sm\:-space-y-110> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(-110px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(-110px * var(--cb-space-y-reverse));
  }

  .sm\:-space-x-110> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(-110px * var(--cb-space-x-reverse));
    margin-left: calc(-110px * calc(1 - var(--cb-space-x-reverse)));
  }

  .sm\:-space-y-115> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(-115px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(-115px * var(--cb-space-y-reverse));
  }

  .sm\:-space-x-115> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(-115px * var(--cb-space-x-reverse));
    margin-left: calc(-115px * calc(1 - var(--cb-space-x-reverse)));
  }

  .sm\:-space-y-120> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(-120px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(-120px * var(--cb-space-y-reverse));
  }

  .sm\:-space-x-120> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(-120px * var(--cb-space-x-reverse));
    margin-left: calc(-120px * calc(1 - var(--cb-space-x-reverse)));
  }

  .sm\:-space-y-px> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(-1px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(-1px * var(--cb-space-y-reverse));
  }

  .sm\:-space-x-px> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(-1px * var(--cb-space-x-reverse));
    margin-left: calc(-1px * calc(1 - var(--cb-space-x-reverse)));
  }

  .sm\:-space-y-0\.5> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(-0.5px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(-0.5px * var(--cb-space-y-reverse));
  }

  .sm\:-space-x-0\.5> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(-0.5px * var(--cb-space-x-reverse));
    margin-left: calc(-0.5px * calc(1 - var(--cb-space-x-reverse)));
  }

  .sm\:-space-y-1\.5> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(-1.5px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(-1.5px * var(--cb-space-y-reverse));
  }

  .sm\:-space-x-1\.5> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(-1.5px * var(--cb-space-x-reverse));
    margin-left: calc(-1.5px * calc(1 - var(--cb-space-x-reverse)));
  }

  .sm\:-space-y-2\.5> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(-2.5px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(-2.5px * var(--cb-space-y-reverse));
  }

  .sm\:-space-x-2\.5> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(-2.5px * var(--cb-space-x-reverse));
    margin-left: calc(-2.5px * calc(1 - var(--cb-space-x-reverse)));
  }

  .sm\:-space-y-3\.5> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(-3.5px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(-3.5px * var(--cb-space-y-reverse));
  }

  .sm\:-space-x-3\.5> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(-3.5px * var(--cb-space-x-reverse));
    margin-left: calc(-3.5px * calc(1 - var(--cb-space-x-reverse)));
  }

  .sm\:space-y-reverse> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 1;
  }

  .sm\:space-x-reverse> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 1;
  }
}

@media screen and (max-width: 992px) {
  .md\:space-y-0> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(0px * var(--cb-space-y-reverse));
  }

  .md\:space-x-0> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(0px * var(--cb-space-x-reverse));
    margin-left: calc(0px * calc(1 - var(--cb-space-x-reverse)));
  }

  .md\:space-y-1> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(1px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(1px * var(--cb-space-y-reverse));
  }

  .md\:space-x-1> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(1px * var(--cb-space-x-reverse));
    margin-left: calc(1px * calc(1 - var(--cb-space-x-reverse)));
  }

  .md\:space-y-2> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(2px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(2px * var(--cb-space-y-reverse));
  }

  .md\:space-x-2> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(2px * var(--cb-space-x-reverse));
    margin-left: calc(2px * calc(1 - var(--cb-space-x-reverse)));
  }

  .md\:space-y-3> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(3px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(3px * var(--cb-space-y-reverse));
  }

  .md\:space-x-3> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(3px * var(--cb-space-x-reverse));
    margin-left: calc(3px * calc(1 - var(--cb-space-x-reverse)));
  }

  .md\:space-y-4> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(4px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(4px * var(--cb-space-y-reverse));
  }

  .md\:space-x-4> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(4px * var(--cb-space-x-reverse));
    margin-left: calc(4px * calc(1 - var(--cb-space-x-reverse)));
  }

  .md\:space-y-5> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(5px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(5px * var(--cb-space-y-reverse));
  }

  .md\:space-x-5> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(5px * var(--cb-space-x-reverse));
    margin-left: calc(5px * calc(1 - var(--cb-space-x-reverse)));
  }

  .md\:space-y-10> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(10px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(10px * var(--cb-space-y-reverse));
  }

  .md\:space-x-10> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(10px * var(--cb-space-x-reverse));
    margin-left: calc(10px * calc(1 - var(--cb-space-x-reverse)));
  }

  .md\:space-y-15> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(15px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(15px * var(--cb-space-y-reverse));
  }

  .md\:space-x-15> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(15px * var(--cb-space-x-reverse));
    margin-left: calc(15px * calc(1 - var(--cb-space-x-reverse)));
  }

  .md\:space-y-20> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(20px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(20px * var(--cb-space-y-reverse));
  }

  .md\:space-x-20> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(20px * var(--cb-space-x-reverse));
    margin-left: calc(20px * calc(1 - var(--cb-space-x-reverse)));
  }

  .md\:space-y-25> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(25px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(25px * var(--cb-space-y-reverse));
  }

  .md\:space-x-25> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(25px * var(--cb-space-x-reverse));
    margin-left: calc(25px * calc(1 - var(--cb-space-x-reverse)));
  }

  .md\:space-y-30> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(30px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(30px * var(--cb-space-y-reverse));
  }

  .md\:space-x-30> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(30px * var(--cb-space-x-reverse));
    margin-left: calc(30px * calc(1 - var(--cb-space-x-reverse)));
  }

  .md\:space-y-35> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(35px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(35px * var(--cb-space-y-reverse));
  }

  .md\:space-x-35> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(35px * var(--cb-space-x-reverse));
    margin-left: calc(35px * calc(1 - var(--cb-space-x-reverse)));
  }

  .md\:space-y-40> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(40px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(40px * var(--cb-space-y-reverse));
  }

  .md\:space-x-40> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(40px * var(--cb-space-x-reverse));
    margin-left: calc(40px * calc(1 - var(--cb-space-x-reverse)));
  }

  .md\:space-y-45> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(45px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(45px * var(--cb-space-y-reverse));
  }

  .md\:space-x-45> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(45px * var(--cb-space-x-reverse));
    margin-left: calc(45px * calc(1 - var(--cb-space-x-reverse)));
  }

  .md\:space-y-50> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(50px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(50px * var(--cb-space-y-reverse));
  }

  .md\:space-x-50> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(50px * var(--cb-space-x-reverse));
    margin-left: calc(50px * calc(1 - var(--cb-space-x-reverse)));
  }

  .md\:space-y-55> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(55px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(55px * var(--cb-space-y-reverse));
  }

  .md\:space-x-55> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(55px * var(--cb-space-x-reverse));
    margin-left: calc(55px * calc(1 - var(--cb-space-x-reverse)));
  }

  .md\:space-y-60> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(60px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(60px * var(--cb-space-y-reverse));
  }

  .md\:space-x-60> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(60px * var(--cb-space-x-reverse));
    margin-left: calc(60px * calc(1 - var(--cb-space-x-reverse)));
  }

  .md\:space-y-65> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(65px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(65px * var(--cb-space-y-reverse));
  }

  .md\:space-x-65> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(65px * var(--cb-space-x-reverse));
    margin-left: calc(65px * calc(1 - var(--cb-space-x-reverse)));
  }

  .md\:space-y-70> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(70px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(70px * var(--cb-space-y-reverse));
  }

  .md\:space-x-70> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(70px * var(--cb-space-x-reverse));
    margin-left: calc(70px * calc(1 - var(--cb-space-x-reverse)));
  }

  .md\:space-y-75> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(75px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(75px * var(--cb-space-y-reverse));
  }

  .md\:space-x-75> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(75px * var(--cb-space-x-reverse));
    margin-left: calc(75px * calc(1 - var(--cb-space-x-reverse)));
  }

  .md\:space-y-80> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(80px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(80px * var(--cb-space-y-reverse));
  }

  .md\:space-x-80> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(80px * var(--cb-space-x-reverse));
    margin-left: calc(80px * calc(1 - var(--cb-space-x-reverse)));
  }

  .md\:space-y-85> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(85px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(85px * var(--cb-space-y-reverse));
  }

  .md\:space-x-85> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(85px * var(--cb-space-x-reverse));
    margin-left: calc(85px * calc(1 - var(--cb-space-x-reverse)));
  }

  .md\:space-y-90> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(90px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(90px * var(--cb-space-y-reverse));
  }

  .md\:space-x-90> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(90px * var(--cb-space-x-reverse));
    margin-left: calc(90px * calc(1 - var(--cb-space-x-reverse)));
  }

  .md\:space-y-95> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(95px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(95px * var(--cb-space-y-reverse));
  }

  .md\:space-x-95> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(95px * var(--cb-space-x-reverse));
    margin-left: calc(95px * calc(1 - var(--cb-space-x-reverse)));
  }

  .md\:space-y-100> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(100px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(100px * var(--cb-space-y-reverse));
  }

  .md\:space-x-100> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(100px * var(--cb-space-x-reverse));
    margin-left: calc(100px * calc(1 - var(--cb-space-x-reverse)));
  }

  .md\:space-y-105> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(105px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(105px * var(--cb-space-y-reverse));
  }

  .md\:space-x-105> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(105px * var(--cb-space-x-reverse));
    margin-left: calc(105px * calc(1 - var(--cb-space-x-reverse)));
  }

  .md\:space-y-110> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(110px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(110px * var(--cb-space-y-reverse));
  }

  .md\:space-x-110> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(110px * var(--cb-space-x-reverse));
    margin-left: calc(110px * calc(1 - var(--cb-space-x-reverse)));
  }

  .md\:space-y-115> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(115px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(115px * var(--cb-space-y-reverse));
  }

  .md\:space-x-115> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(115px * var(--cb-space-x-reverse));
    margin-left: calc(115px * calc(1 - var(--cb-space-x-reverse)));
  }

  .md\:space-y-120> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(120px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(120px * var(--cb-space-y-reverse));
  }

  .md\:space-x-120> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(120px * var(--cb-space-x-reverse));
    margin-left: calc(120px * calc(1 - var(--cb-space-x-reverse)));
  }

  .md\:space-y-px> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(1px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(1px * var(--cb-space-y-reverse));
  }

  .md\:space-x-px> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(1px * var(--cb-space-x-reverse));
    margin-left: calc(1px * calc(1 - var(--cb-space-x-reverse)));
  }

  .md\:space-y-0\.5> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(0.5px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(0.5px * var(--cb-space-y-reverse));
  }

  .md\:space-x-0\.5> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(0.5px * var(--cb-space-x-reverse));
    margin-left: calc(0.5px * calc(1 - var(--cb-space-x-reverse)));
  }

  .md\:space-y-1\.5> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(1.5px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(1.5px * var(--cb-space-y-reverse));
  }

  .md\:space-x-1\.5> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(1.5px * var(--cb-space-x-reverse));
    margin-left: calc(1.5px * calc(1 - var(--cb-space-x-reverse)));
  }

  .md\:space-y-2\.5> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(2.5px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(2.5px * var(--cb-space-y-reverse));
  }

  .md\:space-x-2\.5> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(2.5px * var(--cb-space-x-reverse));
    margin-left: calc(2.5px * calc(1 - var(--cb-space-x-reverse)));
  }

  .md\:space-y-3\.5> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(3.5px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(3.5px * var(--cb-space-y-reverse));
  }

  .md\:space-x-3\.5> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(3.5px * var(--cb-space-x-reverse));
    margin-left: calc(3.5px * calc(1 - var(--cb-space-x-reverse)));
  }

  .md\:-space-y-0> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(0px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(0px * var(--cb-space-y-reverse));
  }

  .md\:-space-x-0> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(0px * var(--cb-space-x-reverse));
    margin-left: calc(0px * calc(1 - var(--cb-space-x-reverse)));
  }

  .md\:-space-y-1> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(-1px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(-1px * var(--cb-space-y-reverse));
  }

  .md\:-space-x-1> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(-1px * var(--cb-space-x-reverse));
    margin-left: calc(-1px * calc(1 - var(--cb-space-x-reverse)));
  }

  .md\:-space-y-2> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(-2px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(-2px * var(--cb-space-y-reverse));
  }

  .md\:-space-x-2> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(-2px * var(--cb-space-x-reverse));
    margin-left: calc(-2px * calc(1 - var(--cb-space-x-reverse)));
  }

  .md\:-space-y-3> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(-3px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(-3px * var(--cb-space-y-reverse));
  }

  .md\:-space-x-3> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(-3px * var(--cb-space-x-reverse));
    margin-left: calc(-3px * calc(1 - var(--cb-space-x-reverse)));
  }

  .md\:-space-y-4> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(-4px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(-4px * var(--cb-space-y-reverse));
  }

  .md\:-space-x-4> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(-4px * var(--cb-space-x-reverse));
    margin-left: calc(-4px * calc(1 - var(--cb-space-x-reverse)));
  }

  .md\:-space-y-5> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(-5px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(-5px * var(--cb-space-y-reverse));
  }

  .md\:-space-x-5> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(-5px * var(--cb-space-x-reverse));
    margin-left: calc(-5px * calc(1 - var(--cb-space-x-reverse)));
  }

  .md\:-space-y-10> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(-10px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(-10px * var(--cb-space-y-reverse));
  }

  .md\:-space-x-10> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(-10px * var(--cb-space-x-reverse));
    margin-left: calc(-10px * calc(1 - var(--cb-space-x-reverse)));
  }

  .md\:-space-y-15> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(-15px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(-15px * var(--cb-space-y-reverse));
  }

  .md\:-space-x-15> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(-15px * var(--cb-space-x-reverse));
    margin-left: calc(-15px * calc(1 - var(--cb-space-x-reverse)));
  }

  .md\:-space-y-20> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(-20px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(-20px * var(--cb-space-y-reverse));
  }

  .md\:-space-x-20> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(-20px * var(--cb-space-x-reverse));
    margin-left: calc(-20px * calc(1 - var(--cb-space-x-reverse)));
  }

  .md\:-space-y-25> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(-25px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(-25px * var(--cb-space-y-reverse));
  }

  .md\:-space-x-25> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(-25px * var(--cb-space-x-reverse));
    margin-left: calc(-25px * calc(1 - var(--cb-space-x-reverse)));
  }

  .md\:-space-y-30> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(-30px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(-30px * var(--cb-space-y-reverse));
  }

  .md\:-space-x-30> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(-30px * var(--cb-space-x-reverse));
    margin-left: calc(-30px * calc(1 - var(--cb-space-x-reverse)));
  }

  .md\:-space-y-35> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(-35px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(-35px * var(--cb-space-y-reverse));
  }

  .md\:-space-x-35> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(-35px * var(--cb-space-x-reverse));
    margin-left: calc(-35px * calc(1 - var(--cb-space-x-reverse)));
  }

  .md\:-space-y-40> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(-40px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(-40px * var(--cb-space-y-reverse));
  }

  .md\:-space-x-40> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(-40px * var(--cb-space-x-reverse));
    margin-left: calc(-40px * calc(1 - var(--cb-space-x-reverse)));
  }

  .md\:-space-y-45> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(-45px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(-45px * var(--cb-space-y-reverse));
  }

  .md\:-space-x-45> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(-45px * var(--cb-space-x-reverse));
    margin-left: calc(-45px * calc(1 - var(--cb-space-x-reverse)));
  }

  .md\:-space-y-50> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(-50px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(-50px * var(--cb-space-y-reverse));
  }

  .md\:-space-x-50> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(-50px * var(--cb-space-x-reverse));
    margin-left: calc(-50px * calc(1 - var(--cb-space-x-reverse)));
  }

  .md\:-space-y-55> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(-55px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(-55px * var(--cb-space-y-reverse));
  }

  .md\:-space-x-55> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(-55px * var(--cb-space-x-reverse));
    margin-left: calc(-55px * calc(1 - var(--cb-space-x-reverse)));
  }

  .md\:-space-y-60> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(-60px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(-60px * var(--cb-space-y-reverse));
  }

  .md\:-space-x-60> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(-60px * var(--cb-space-x-reverse));
    margin-left: calc(-60px * calc(1 - var(--cb-space-x-reverse)));
  }

  .md\:-space-y-65> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(-65px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(-65px * var(--cb-space-y-reverse));
  }

  .md\:-space-x-65> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(-65px * var(--cb-space-x-reverse));
    margin-left: calc(-65px * calc(1 - var(--cb-space-x-reverse)));
  }

  .md\:-space-y-70> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(-70px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(-70px * var(--cb-space-y-reverse));
  }

  .md\:-space-x-70> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(-70px * var(--cb-space-x-reverse));
    margin-left: calc(-70px * calc(1 - var(--cb-space-x-reverse)));
  }

  .md\:-space-y-75> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(-75px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(-75px * var(--cb-space-y-reverse));
  }

  .md\:-space-x-75> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(-75px * var(--cb-space-x-reverse));
    margin-left: calc(-75px * calc(1 - var(--cb-space-x-reverse)));
  }

  .md\:-space-y-80> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(-80px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(-80px * var(--cb-space-y-reverse));
  }

  .md\:-space-x-80> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(-80px * var(--cb-space-x-reverse));
    margin-left: calc(-80px * calc(1 - var(--cb-space-x-reverse)));
  }

  .md\:-space-y-85> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(-85px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(-85px * var(--cb-space-y-reverse));
  }

  .md\:-space-x-85> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(-85px * var(--cb-space-x-reverse));
    margin-left: calc(-85px * calc(1 - var(--cb-space-x-reverse)));
  }

  .md\:-space-y-90> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(-90px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(-90px * var(--cb-space-y-reverse));
  }

  .md\:-space-x-90> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(-90px * var(--cb-space-x-reverse));
    margin-left: calc(-90px * calc(1 - var(--cb-space-x-reverse)));
  }

  .md\:-space-y-95> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(-95px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(-95px * var(--cb-space-y-reverse));
  }

  .md\:-space-x-95> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(-95px * var(--cb-space-x-reverse));
    margin-left: calc(-95px * calc(1 - var(--cb-space-x-reverse)));
  }

  .md\:-space-y-100> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(-100px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(-100px * var(--cb-space-y-reverse));
  }

  .md\:-space-x-100> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(-100px * var(--cb-space-x-reverse));
    margin-left: calc(-100px * calc(1 - var(--cb-space-x-reverse)));
  }

  .md\:-space-y-105> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(-105px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(-105px * var(--cb-space-y-reverse));
  }

  .md\:-space-x-105> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(-105px * var(--cb-space-x-reverse));
    margin-left: calc(-105px * calc(1 - var(--cb-space-x-reverse)));
  }

  .md\:-space-y-110> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(-110px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(-110px * var(--cb-space-y-reverse));
  }

  .md\:-space-x-110> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(-110px * var(--cb-space-x-reverse));
    margin-left: calc(-110px * calc(1 - var(--cb-space-x-reverse)));
  }

  .md\:-space-y-115> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(-115px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(-115px * var(--cb-space-y-reverse));
  }

  .md\:-space-x-115> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(-115px * var(--cb-space-x-reverse));
    margin-left: calc(-115px * calc(1 - var(--cb-space-x-reverse)));
  }

  .md\:-space-y-120> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(-120px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(-120px * var(--cb-space-y-reverse));
  }

  .md\:-space-x-120> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(-120px * var(--cb-space-x-reverse));
    margin-left: calc(-120px * calc(1 - var(--cb-space-x-reverse)));
  }

  .md\:-space-y-px> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(-1px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(-1px * var(--cb-space-y-reverse));
  }

  .md\:-space-x-px> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(-1px * var(--cb-space-x-reverse));
    margin-left: calc(-1px * calc(1 - var(--cb-space-x-reverse)));
  }

  .md\:-space-y-0\.5> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(-0.5px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(-0.5px * var(--cb-space-y-reverse));
  }

  .md\:-space-x-0\.5> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(-0.5px * var(--cb-space-x-reverse));
    margin-left: calc(-0.5px * calc(1 - var(--cb-space-x-reverse)));
  }

  .md\:-space-y-1\.5> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(-1.5px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(-1.5px * var(--cb-space-y-reverse));
  }

  .md\:-space-x-1\.5> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(-1.5px * var(--cb-space-x-reverse));
    margin-left: calc(-1.5px * calc(1 - var(--cb-space-x-reverse)));
  }

  .md\:-space-y-2\.5> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(-2.5px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(-2.5px * var(--cb-space-y-reverse));
  }

  .md\:-space-x-2\.5> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(-2.5px * var(--cb-space-x-reverse));
    margin-left: calc(-2.5px * calc(1 - var(--cb-space-x-reverse)));
  }

  .md\:-space-y-3\.5> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 0;
    margin-top: calc(-3.5px * calc(1 - var(--cb-space-y-reverse)));
    margin-bottom: calc(-3.5px * var(--cb-space-y-reverse));
  }

  .md\:-space-x-3\.5> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 0;
    margin-right: calc(-3.5px * var(--cb-space-x-reverse));
    margin-left: calc(-3.5px * calc(1 - var(--cb-space-x-reverse)));
  }

  .md\:space-y-reverse> :not([hidden])~ :not([hidden]) {
    --cb-space-y-reverse: 1;
  }

  .md\:space-x-reverse> :not([hidden])~ :not([hidden]) {
    --cb-space-x-reverse: 1;
  }
}

.m-0 {
  margin: 0px;
}

.m-1 {
  margin: 1px;
}

.m-2 {
  margin: 2px;
}

.m-3 {
  margin: 3px;
}

.m-4 {
  margin: 4px;
}

.m-5 {
  margin: 5px;
}

.m-10 {
  margin: 10px;
}

.m-15 {
  margin: 15px;
}

.m-20 {
  margin: 20px;
}

.m-25 {
  margin: 25px;
}

.m-30 {
  margin: 30px;
}

.m-35 {
  margin: 35px;
}

.m-40 {
  margin: 40px;
}

.m-45 {
  margin: 45px;
}

.m-50 {
  margin: 50px;
}

.m-55 {
  margin: 55px;
}

.m-60 {
  margin: 60px;
}

.m-65 {
  margin: 65px;
}

.m-70 {
  margin: 70px;
}

.m-75 {
  margin: 75px;
}

.m-80 {
  margin: 80px;
}

.m-85 {
  margin: 85px;
}

.m-90 {
  margin: 90px;
}

.m-95 {
  margin: 95px;
}

.m-100 {
  margin: 100px;
}

.m-105 {
  margin: 105px;
}

.m-110 {
  margin: 110px;
}

.m-115 {
  margin: 115px;
}

.m-120 {
  margin: 120px;
}

.m-auto {
  margin: auto;
}

.m-px {
  margin: 1px;
}

.m-0\.5 {
  margin: 0.5px;
}

.m-1\.5 {
  margin: 1.5px;
}

.m-2\.5 {
  margin: 2.5px;
}

.m-3\.5 {
  margin: 3.5px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

.-m-45 {
  margin: -45px;
}

.-m-50 {
  margin: -50px;
}

.-m-55 {
  margin: -55px;
}

.-m-60 {
  margin: -60px;
}

.-m-65 {
  margin: -65px;
}

.-m-70 {
  margin: -70px;
}

.-m-75 {
  margin: -75px;
}

.-m-80 {
  margin: -80px;
}

.-m-85 {
  margin: -85px;
}

.-m-90 {
  margin: -90px;
}

.-m-95 {
  margin: -95px;
}

.-m-100 {
  margin: -100px;
}

.-m-105 {
  margin: -105px;
}

.-m-110 {
  margin: -110px;
}

.-m-115 {
  margin: -115px;
}

.-m-120 {
  margin: -120px;
}

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

.-m-0\.5 {
  margin: -0.5px;
}

.-m-1\.5 {
  margin: -1.5px;
}

.-m-2\.5 {
  margin: -2.5px;
}

.-m-3\.5 {
  margin: -3.5px;
}

.my-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}

.mx-0 {
  margin-left: 0px;
  margin-right: 0px;
}

.my-1 {
  margin-top: 1px;
  margin-bottom: 1px;
}

.mx-1 {
  margin-left: 1px;
  margin-right: 1px;
}

.my-2 {
  margin-top: 2px;
  margin-bottom: 2px;
}

.mx-2 {
  margin-left: 2px;
  margin-right: 2px;
}

.my-3 {
  margin-top: 3px;
  margin-bottom: 3px;
}

.mx-3 {
  margin-left: 3px;
  margin-right: 3px;
}

.my-4 {
  margin-top: 4px;
  margin-bottom: 4px;
}

.mx-4 {
  margin-left: 4px;
  margin-right: 4px;
}

.my-5 {
  margin-top: 5px;
  margin-bottom: 5px;
}

.mx-5 {
  margin-left: 5px;
  margin-right: 5px;
}

.my-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.mx-10 {
  margin-left: 10px;
  margin-right: 10px;
}

.my-15 {
  margin-top: 15px;
  margin-bottom: 15px;
}

.mx-15 {
  margin-left: 15px;
  margin-right: 15px;
}

.my-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.mx-20 {
  margin-left: 20px;
  margin-right: 20px;
}

.my-25 {
  margin-top: 25px;
  margin-bottom: 25px;
}

.mx-25 {
  margin-left: 25px;
  margin-right: 25px;
}

.my-30 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.mx-30 {
  margin-left: 30px;
  margin-right: 30px;
}

.my-35 {
  margin-top: 35px;
  margin-bottom: 35px;
}

.mx-35 {
  margin-left: 35px;
  margin-right: 35px;
}

.my-40 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.mx-40 {
  margin-left: 40px;
  margin-right: 40px;
}

.my-45 {
  margin-top: 45px;
  margin-bottom: 45px;
}

.mx-45 {
  margin-left: 45px;
  margin-right: 45px;
}

.my-50 {
  margin-top: 50px;
  margin-bottom: 50px;
}

.mx-50 {
  margin-left: 50px;
  margin-right: 50px;
}

.my-55 {
  margin-top: 55px;
  margin-bottom: 55px;
}

.mx-55 {
  margin-left: 55px;
  margin-right: 55px;
}

.my-60 {
  margin-top: 60px;
  margin-bottom: 60px;
}

.mx-60 {
  margin-left: 60px;
  margin-right: 60px;
}

.my-65 {
  margin-top: 65px;
  margin-bottom: 65px;
}

.mx-65 {
  margin-left: 65px;
  margin-right: 65px;
}

.my-70 {
  margin-top: 70px;
  margin-bottom: 70px;
}

.mx-70 {
  margin-left: 70px;
  margin-right: 70px;
}

.my-75 {
  margin-top: 75px;
  margin-bottom: 75px;
}

.mx-75 {
  margin-left: 75px;
  margin-right: 75px;
}

.my-80 {
  margin-top: 80px;
  margin-bottom: 80px;
}

.mx-80 {
  margin-left: 80px;
  margin-right: 80px;
}

.my-85 {
  margin-top: 85px;
  margin-bottom: 85px;
}

.mx-85 {
  margin-left: 85px;
  margin-right: 85px;
}

.my-90 {
  margin-top: 90px;
  margin-bottom: 90px;
}

.mx-90 {
  margin-left: 90px;
  margin-right: 90px;
}

.my-95 {
  margin-top: 95px;
  margin-bottom: 95px;
}

.mx-95 {
  margin-left: 95px;
  margin-right: 95px;
}

.my-100 {
  margin-top: 100px;
  margin-bottom: 100px;
}

.mx-100 {
  margin-left: 100px;
  margin-right: 100px;
}

.my-105 {
  margin-top: 105px;
  margin-bottom: 105px;
}

.mx-105 {
  margin-left: 105px;
  margin-right: 105px;
}

.my-110 {
  margin-top: 110px;
  margin-bottom: 110px;
}

.mx-110 {
  margin-left: 110px;
  margin-right: 110px;
}

.my-115 {
  margin-top: 115px;
  margin-bottom: 115px;
}

.mx-115 {
  margin-left: 115px;
  margin-right: 115px;
}

.my-120 {
  margin-top: 120px;
  margin-bottom: 120px;
}

.mx-120 {
  margin-left: 120px;
  margin-right: 120px;
}

.my-auto {
  margin-top: auto;
  margin-bottom: auto;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.my-px {
  margin-top: 1px;
  margin-bottom: 1px;
}

.mx-px {
  margin-left: 1px;
  margin-right: 1px;
}

.my-0\.5 {
  margin-top: 0.5px;
  margin-bottom: 0.5px;
}

.mx-0\.5 {
  margin-left: 0.5px;
  margin-right: 0.5px;
}

.my-1\.5 {
  margin-top: 1.5px;
  margin-bottom: 1.5px;
}

.mx-1\.5 {
  margin-left: 1.5px;
  margin-right: 1.5px;
}

.my-2\.5 {
  margin-top: 2.5px;
  margin-bottom: 2.5px;
}

.mx-2\.5 {
  margin-left: 2.5px;
  margin-right: 2.5px;
}

.my-3\.5 {
  margin-top: 3.5px;
  margin-bottom: 3.5px;
}

.mx-3\.5 {
  margin-left: 3.5px;
  margin-right: 3.5px;
}

.-my-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}

.-mx-0 {
  margin-left: 0px;
  margin-right: 0px;
}

.-my-1 {
  margin-top: -1px;
  margin-bottom: -1px;
}

.-mx-1 {
  margin-left: -1px;
  margin-right: -1px;
}

.-my-2 {
  margin-top: -2px;
  margin-bottom: -2px;
}

.-mx-2 {
  margin-left: -2px;
  margin-right: -2px;
}

.-my-3 {
  margin-top: -3px;
  margin-bottom: -3px;
}

.-mx-3 {
  margin-left: -3px;
  margin-right: -3px;
}

.-my-4 {
  margin-top: -4px;
  margin-bottom: -4px;
}

.-mx-4 {
  margin-left: -4px;
  margin-right: -4px;
}

.-my-5 {
  margin-top: -5px;
  margin-bottom: -5px;
}

.-mx-5 {
  margin-left: -5px;
  margin-right: -5px;
}

.-my-10 {
  margin-top: -10px;
  margin-bottom: -10px;
}

.-mx-10 {
  margin-left: -10px;
  margin-right: -10px;
}

.-my-15 {
  margin-top: -15px;
  margin-bottom: -15px;
}

.-mx-15 {
  margin-left: -15px;
  margin-right: -15px;
}

.-my-20 {
  margin-top: -20px;
  margin-bottom: -20px;
}

.-mx-20 {
  margin-left: -20px;
  margin-right: -20px;
}

.-my-25 {
  margin-top: -25px;
  margin-bottom: -25px;
}

.-mx-25 {
  margin-left: -25px;
  margin-right: -25px;
}

.-my-30 {
  margin-top: -30px;
  margin-bottom: -30px;
}

.-mx-30 {
  margin-left: -30px;
  margin-right: -30px;
}

.-my-35 {
  margin-top: -35px;
  margin-bottom: -35px;
}

.-mx-35 {
  margin-left: -35px;
  margin-right: -35px;
}

.-my-40 {
  margin-top: -40px;
  margin-bottom: -40px;
}

.-mx-40 {
  margin-left: -40px;
  margin-right: -40px;
}

.-my-45 {
  margin-top: -45px;
  margin-bottom: -45px;
}

.-mx-45 {
  margin-left: -45px;
  margin-right: -45px;
}

.-my-50 {
  margin-top: -50px;
  margin-bottom: -50px;
}

.-mx-50 {
  margin-left: -50px;
  margin-right: -50px;
}

.-my-55 {
  margin-top: -55px;
  margin-bottom: -55px;
}

.-mx-55 {
  margin-left: -55px;
  margin-right: -55px;
}

.-my-60 {
  margin-top: -60px;
  margin-bottom: -60px;
}

.-mx-60 {
  margin-left: -60px;
  margin-right: -60px;
}

.-my-65 {
  margin-top: -65px;
  margin-bottom: -65px;
}

.-mx-65 {
  margin-left: -65px;
  margin-right: -65px;
}

.-my-70 {
  margin-top: -70px;
  margin-bottom: -70px;
}

.-mx-70 {
  margin-left: -70px;
  margin-right: -70px;
}

.-my-75 {
  margin-top: -75px;
  margin-bottom: -75px;
}

.-mx-75 {
  margin-left: -75px;
  margin-right: -75px;
}

.-my-80 {
  margin-top: -80px;
  margin-bottom: -80px;
}

.-mx-80 {
  margin-left: -80px;
  margin-right: -80px;
}

.-my-85 {
  margin-top: -85px;
  margin-bottom: -85px;
}

.-mx-85 {
  margin-left: -85px;
  margin-right: -85px;
}

.-my-90 {
  margin-top: -90px;
  margin-bottom: -90px;
}

.-mx-90 {
  margin-left: -90px;
  margin-right: -90px;
}

.-my-95 {
  margin-top: -95px;
  margin-bottom: -95px;
}

.-mx-95 {
  margin-left: -95px;
  margin-right: -95px;
}

.-my-100 {
  margin-top: -100px;
  margin-bottom: -100px;
}

.-mx-100 {
  margin-left: -100px;
  margin-right: -100px;
}

.-my-105 {
  margin-top: -105px;
  margin-bottom: -105px;
}

.-mx-105 {
  margin-left: -105px;
  margin-right: -105px;
}

.-my-110 {
  margin-top: -110px;
  margin-bottom: -110px;
}

.-mx-110 {
  margin-left: -110px;
  margin-right: -110px;
}

.-my-115 {
  margin-top: -115px;
  margin-bottom: -115px;
}

.-mx-115 {
  margin-left: -115px;
  margin-right: -115px;
}

.-my-120 {
  margin-top: -120px;
  margin-bottom: -120px;
}

.-mx-120 {
  margin-left: -120px;
  margin-right: -120px;
}

.-my-px {
  margin-top: -1px;
  margin-bottom: -1px;
}

.-mx-px {
  margin-left: -1px;
  margin-right: -1px;
}

.-my-0\.5 {
  margin-top: -0.5px;
  margin-bottom: -0.5px;
}

.-mx-0\.5 {
  margin-left: -0.5px;
  margin-right: -0.5px;
}

.-my-1\.5 {
  margin-top: -1.5px;
  margin-bottom: -1.5px;
}

.-mx-1\.5 {
  margin-left: -1.5px;
  margin-right: -1.5px;
}

.-my-2\.5 {
  margin-top: -2.5px;
  margin-bottom: -2.5px;
}

.-mx-2\.5 {
  margin-left: -2.5px;
  margin-right: -2.5px;
}

.-my-3\.5 {
  margin-top: -3.5px;
  margin-bottom: -3.5px;
}

.-mx-3\.5 {
  margin-left: -3.5px;
  margin-right: -3.5px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mt-45 {
  margin-top: 45px;
}

.mr-45 {
  margin-right: 45px;
}

.mb-45 {
  margin-bottom: 45px;
}

.ml-45 {
  margin-left: 45px;
}

.mt-50 {
  margin-top: 50px;
}

.mr-50 {
  margin-right: 50px;
}

.mb-50 {
  margin-bottom: 50px;
}

.ml-50 {
  margin-left: 50px;
}

.mt-55 {
  margin-top: 55px;
}

.mr-55 {
  margin-right: 55px;
}

.mb-55 {
  margin-bottom: 55px;
}

.ml-55 {
  margin-left: 55px;
}

.mt-60 {
  margin-top: 60px;
}

.mr-60 {
  margin-right: 60px;
}

.mb-60 {
  margin-bottom: 60px;
}

.ml-60 {
  margin-left: 60px;
}

.mt-65 {
  margin-top: 65px;
}

.mr-65 {
  margin-right: 65px;
}

.mb-65 {
  margin-bottom: 65px;
}

.ml-65 {
  margin-left: 65px;
}

.mt-70 {
  margin-top: 70px;
}

.mr-70 {
  margin-right: 70px;
}

.mb-70 {
  margin-bottom: 70px;
}

.ml-70 {
  margin-left: 70px;
}

.mt-75 {
  margin-top: 75px;
}

.mr-75 {
  margin-right: 75px;
}

.mb-75 {
  margin-bottom: 75px;
}

.ml-75 {
  margin-left: 75px;
}

.mt-80 {
  margin-top: 80px;
}

.mr-80 {
  margin-right: 80px;
}

.mb-80 {
  margin-bottom: 80px;
}

.ml-80 {
  margin-left: 80px;
}

.mt-85 {
  margin-top: 85px;
}

.mr-85 {
  margin-right: 85px;
}

.mb-85 {
  margin-bottom: 85px;
}

.ml-85 {
  margin-left: 85px;
}

.mt-90 {
  margin-top: 90px;
}

.mr-90 {
  margin-right: 90px;
}

.mb-90 {
  margin-bottom: 90px;
}

.ml-90 {
  margin-left: 90px;
}

.mt-95 {
  margin-top: 95px;
}

.mr-95 {
  margin-right: 95px;
}

.mb-95 {
  margin-bottom: 95px;
}

.ml-95 {
  margin-left: 95px;
}

.mt-100 {
  margin-top: 100px;
}

.mr-100 {
  margin-right: 100px;
}

.mb-100 {
  margin-bottom: 100px;
}

.ml-100 {
  margin-left: 100px;
}

.mt-105 {
  margin-top: 105px;
}

.mr-105 {
  margin-right: 105px;
}

.mb-105 {
  margin-bottom: 105px;
}

.ml-105 {
  margin-left: 105px;
}

.mt-110 {
  margin-top: 110px;
}

.mr-110 {
  margin-right: 110px;
}

.mb-110 {
  margin-bottom: 110px;
}

.ml-110 {
  margin-left: 110px;
}

.mt-115 {
  margin-top: 115px;
}

.mr-115 {
  margin-right: 115px;
}

.mb-115 {
  margin-bottom: 115px;
}

.ml-115 {
  margin-left: 115px;
}

.mt-120 {
  margin-top: 120px;
}

.mr-120 {
  margin-right: 120px;
}

.mb-120 {
  margin-bottom: 120px;
}

.ml-120 {
  margin-left: 120px;
}

.mt-auto {
  margin-top: auto;
}

.mr-auto {
  margin-right: auto;
}

.mb-auto {
  margin-bottom: auto;
}

.ml-auto {
  margin-left: auto;
}

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

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

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

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

.mt-0\.5 {
  margin-top: 0.5px;
}

.mr-0\.5 {
  margin-right: 0.5px;
}

.mb-0\.5 {
  margin-bottom: 0.5px;
}

.ml-0\.5 {
  margin-left: 0.5px;
}

.mt-1\.5 {
  margin-top: 1.5px;
}

.mr-1\.5 {
  margin-right: 1.5px;
}

.mb-1\.5 {
  margin-bottom: 1.5px;
}

.ml-1\.5 {
  margin-left: 1.5px;
}

.mt-2\.5 {
  margin-top: 2.5px;
}

.mr-2\.5 {
  margin-right: 2.5px;
}

.mb-2\.5 {
  margin-bottom: 2.5px;
}

.ml-2\.5 {
  margin-left: 2.5px;
}

.mt-3\.5 {
  margin-top: 3.5px;
}

.mr-3\.5 {
  margin-right: 3.5px;
}

.mb-3\.5 {
  margin-bottom: 3.5px;
}

.ml-3\.5 {
  margin-left: 3.5px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.-mt-45 {
  margin-top: -45px;
}

.-mr-45 {
  margin-right: -45px;
}

.-mb-45 {
  margin-bottom: -45px;
}

.-ml-45 {
  margin-left: -45px;
}

.-mt-50 {
  margin-top: -50px;
}

.-mr-50 {
  margin-right: -50px;
}

.-mb-50 {
  margin-bottom: -50px;
}

.-ml-50 {
  margin-left: -50px;
}

.-mt-55 {
  margin-top: -55px;
}

.-mr-55 {
  margin-right: -55px;
}

.-mb-55 {
  margin-bottom: -55px;
}

.-ml-55 {
  margin-left: -55px;
}

.-mt-60 {
  margin-top: -60px;
}

.-mr-60 {
  margin-right: -60px;
}

.-mb-60 {
  margin-bottom: -60px;
}

.-ml-60 {
  margin-left: -60px;
}

.-mt-65 {
  margin-top: -65px;
}

.-mr-65 {
  margin-right: -65px;
}

.-mb-65 {
  margin-bottom: -65px;
}

.-ml-65 {
  margin-left: -65px;
}

.-mt-70 {
  margin-top: -70px;
}

.-mr-70 {
  margin-right: -70px;
}

.-mb-70 {
  margin-bottom: -70px;
}

.-ml-70 {
  margin-left: -70px;
}

.-mt-75 {
  margin-top: -75px;
}

.-mr-75 {
  margin-right: -75px;
}

.-mb-75 {
  margin-bottom: -75px;
}

.-ml-75 {
  margin-left: -75px;
}

.-mt-80 {
  margin-top: -80px;
}

.-mr-80 {
  margin-right: -80px;
}

.-mb-80 {
  margin-bottom: -80px;
}

.-ml-80 {
  margin-left: -80px;
}

.-mt-85 {
  margin-top: -85px;
}

.-mr-85 {
  margin-right: -85px;
}

.-mb-85 {
  margin-bottom: -85px;
}

.-ml-85 {
  margin-left: -85px;
}

.-mt-90 {
  margin-top: -90px;
}

.-mr-90 {
  margin-right: -90px;
}

.-mb-90 {
  margin-bottom: -90px;
}

.-ml-90 {
  margin-left: -90px;
}

.-mt-95 {
  margin-top: -95px;
}

.-mr-95 {
  margin-right: -95px;
}

.-mb-95 {
  margin-bottom: -95px;
}

.-ml-95 {
  margin-left: -95px;
}

.-mt-100 {
  margin-top: -100px;
}

.-mr-100 {
  margin-right: -100px;
}

.-mb-100 {
  margin-bottom: -100px;
}

.-ml-100 {
  margin-left: -100px;
}

.-mt-105 {
  margin-top: -105px;
}

.-mr-105 {
  margin-right: -105px;
}

.-mb-105 {
  margin-bottom: -105px;
}

.-ml-105 {
  margin-left: -105px;
}

.-mt-110 {
  margin-top: -110px;
}

.-mr-110 {
  margin-right: -110px;
}

.-mb-110 {
  margin-bottom: -110px;
}

.-ml-110 {
  margin-left: -110px;
}

.-mt-115 {
  margin-top: -115px;
}

.-mr-115 {
  margin-right: -115px;
}

.-mb-115 {
  margin-bottom: -115px;
}

.-ml-115 {
  margin-left: -115px;
}

.-mt-120 {
  margin-top: -120px;
}

.-mr-120 {
  margin-right: -120px;
}

.-mb-120 {
  margin-bottom: -120px;
}

.-ml-120 {
  margin-left: -120px;
}

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

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

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

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

.-mt-0\.5 {
  margin-top: -0.5px;
}

.-mr-0\.5 {
  margin-right: -0.5px;
}

.-mb-0\.5 {
  margin-bottom: -0.5px;
}

.-ml-0\.5 {
  margin-left: -0.5px;
}

.-mt-1\.5 {
  margin-top: -1.5px;
}

.-mr-1\.5 {
  margin-right: -1.5px;
}

.-mb-1\.5 {
  margin-bottom: -1.5px;
}

.-ml-1\.5 {
  margin-left: -1.5px;
}

.-mt-2\.5 {
  margin-top: -2.5px;
}

.-mr-2\.5 {
  margin-right: -2.5px;
}

.-mb-2\.5 {
  margin-bottom: -2.5px;
}

.-ml-2\.5 {
  margin-left: -2.5px;
}

.-mt-3\.5 {
  margin-top: -3.5px;
}

.-mr-3\.5 {
  margin-right: -3.5px;
}

.-mb-3\.5 {
  margin-bottom: -3.5px;
}

.-ml-3\.5 {
  margin-left: -3.5px;
}

@media screen and (max-width: 768px) {
  .sm\:m-0 {
    margin: 0px;
  }

  .sm\:m-1 {
    margin: 1px;
  }

  .sm\:m-2 {
    margin: 2px;
  }

  .sm\:m-3 {
    margin: 3px;
  }

  .sm\:m-4 {
    margin: 4px;
  }

  .sm\:m-5 {
    margin: 5px;
  }

  .sm\:m-10 {
    margin: 10px;
  }

  .sm\:m-15 {
    margin: 15px;
  }

  .sm\:m-20 {
    margin: 20px;
  }

  .sm\:m-25 {
    margin: 25px;
  }

  .sm\:m-30 {
    margin: 30px;
  }

  .sm\:m-35 {
    margin: 35px;
  }

  .sm\:m-40 {
    margin: 40px;
  }

  .sm\:m-45 {
    margin: 45px;
  }

  .sm\:m-50 {
    margin: 50px;
  }

  .sm\:m-55 {
    margin: 55px;
  }

  .sm\:m-60 {
    margin: 60px;
  }

  .sm\:m-65 {
    margin: 65px;
  }

  .sm\:m-70 {
    margin: 70px;
  }

  .sm\:m-75 {
    margin: 75px;
  }

  .sm\:m-80 {
    margin: 80px;
  }

  .sm\:m-85 {
    margin: 85px;
  }

  .sm\:m-90 {
    margin: 90px;
  }

  .sm\:m-95 {
    margin: 95px;
  }

  .sm\:m-100 {
    margin: 100px;
  }

  .sm\:m-105 {
    margin: 105px;
  }

  .sm\:m-110 {
    margin: 110px;
  }

  .sm\:m-115 {
    margin: 115px;
  }

  .sm\:m-120 {
    margin: 120px;
  }

  .sm\:m-auto {
    margin: auto;
  }

  .sm\:m-px {
    margin: 1px;
  }

  .sm\:m-0\.5 {
    margin: 0.5px;
  }

  .sm\:m-1\.5 {
    margin: 1.5px;
  }

  .sm\:m-2\.5 {
    margin: 2.5px;
  }

  .sm\:m-3\.5 {
    margin: 3.5px;
  }

  .sm\:-m-0 {
    margin: 0px;
  }

  .sm\:-m-1 {
    margin: -1px;
  }

  .sm\:-m-2 {
    margin: -2px;
  }

  .sm\:-m-3 {
    margin: -3px;
  }

  .sm\:-m-4 {
    margin: -4px;
  }

  .sm\:-m-5 {
    margin: -5px;
  }

  .sm\:-m-10 {
    margin: -10px;
  }

  .sm\:-m-15 {
    margin: -15px;
  }

  .sm\:-m-20 {
    margin: -20px;
  }

  .sm\:-m-25 {
    margin: -25px;
  }

  .sm\:-m-30 {
    margin: -30px;
  }

  .sm\:-m-35 {
    margin: -35px;
  }

  .sm\:-m-40 {
    margin: -40px;
  }

  .sm\:-m-45 {
    margin: -45px;
  }

  .sm\:-m-50 {
    margin: -50px;
  }

  .sm\:-m-55 {
    margin: -55px;
  }

  .sm\:-m-60 {
    margin: -60px;
  }

  .sm\:-m-65 {
    margin: -65px;
  }

  .sm\:-m-70 {
    margin: -70px;
  }

  .sm\:-m-75 {
    margin: -75px;
  }

  .sm\:-m-80 {
    margin: -80px;
  }

  .sm\:-m-85 {
    margin: -85px;
  }

  .sm\:-m-90 {
    margin: -90px;
  }

  .sm\:-m-95 {
    margin: -95px;
  }

  .sm\:-m-100 {
    margin: -100px;
  }

  .sm\:-m-105 {
    margin: -105px;
  }

  .sm\:-m-110 {
    margin: -110px;
  }

  .sm\:-m-115 {
    margin: -115px;
  }

  .sm\:-m-120 {
    margin: -120px;
  }

  .sm\:-m-px {
    margin: -1px;
  }

  .sm\:-m-0\.5 {
    margin: -0.5px;
  }

  .sm\:-m-1\.5 {
    margin: -1.5px;
  }

  .sm\:-m-2\.5 {
    margin: -2.5px;
  }

  .sm\:-m-3\.5 {
    margin: -3.5px;
  }

  .sm\:my-0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .sm\:mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }

  .sm\:my-1 {
    margin-top: 1px;
    margin-bottom: 1px;
  }

  .sm\:mx-1 {
    margin-left: 1px;
    margin-right: 1px;
  }

  .sm\:my-2 {
    margin-top: 2px;
    margin-bottom: 2px;
  }

  .sm\:mx-2 {
    margin-left: 2px;
    margin-right: 2px;
  }

  .sm\:my-3 {
    margin-top: 3px;
    margin-bottom: 3px;
  }

  .sm\:mx-3 {
    margin-left: 3px;
    margin-right: 3px;
  }

  .sm\:my-4 {
    margin-top: 4px;
    margin-bottom: 4px;
  }

  .sm\:mx-4 {
    margin-left: 4px;
    margin-right: 4px;
  }

  .sm\:my-5 {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .sm\:mx-5 {
    margin-left: 5px;
    margin-right: 5px;
  }

  .sm\:my-10 {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .sm\:mx-10 {
    margin-left: 10px;
    margin-right: 10px;
  }

  .sm\:my-15 {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .sm\:mx-15 {
    margin-left: 15px;
    margin-right: 15px;
  }

  .sm\:my-20 {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .sm\:mx-20 {
    margin-left: 20px;
    margin-right: 20px;
  }

  .sm\:my-25 {
    margin-top: 25px;
    margin-bottom: 25px;
  }

  .sm\:mx-25 {
    margin-left: 25px;
    margin-right: 25px;
  }

  .sm\:my-30 {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .sm\:mx-30 {
    margin-left: 30px;
    margin-right: 30px;
  }

  .sm\:my-35 {
    margin-top: 35px;
    margin-bottom: 35px;
  }

  .sm\:mx-35 {
    margin-left: 35px;
    margin-right: 35px;
  }

  .sm\:my-40 {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .sm\:mx-40 {
    margin-left: 40px;
    margin-right: 40px;
  }

  .sm\:my-45 {
    margin-top: 45px;
    margin-bottom: 45px;
  }

  .sm\:mx-45 {
    margin-left: 45px;
    margin-right: 45px;
  }

  .sm\:my-50 {
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .sm\:mx-50 {
    margin-left: 50px;
    margin-right: 50px;
  }

  .sm\:my-55 {
    margin-top: 55px;
    margin-bottom: 55px;
  }

  .sm\:mx-55 {
    margin-left: 55px;
    margin-right: 55px;
  }

  .sm\:my-60 {
    margin-top: 60px;
    margin-bottom: 60px;
  }

  .sm\:mx-60 {
    margin-left: 60px;
    margin-right: 60px;
  }

  .sm\:my-65 {
    margin-top: 65px;
    margin-bottom: 65px;
  }

  .sm\:mx-65 {
    margin-left: 65px;
    margin-right: 65px;
  }

  .sm\:my-70 {
    margin-top: 70px;
    margin-bottom: 70px;
  }

  .sm\:mx-70 {
    margin-left: 70px;
    margin-right: 70px;
  }

  .sm\:my-75 {
    margin-top: 75px;
    margin-bottom: 75px;
  }

  .sm\:mx-75 {
    margin-left: 75px;
    margin-right: 75px;
  }

  .sm\:my-80 {
    margin-top: 80px;
    margin-bottom: 80px;
  }

  .sm\:mx-80 {
    margin-left: 80px;
    margin-right: 80px;
  }

  .sm\:my-85 {
    margin-top: 85px;
    margin-bottom: 85px;
  }

  .sm\:mx-85 {
    margin-left: 85px;
    margin-right: 85px;
  }

  .sm\:my-90 {
    margin-top: 90px;
    margin-bottom: 90px;
  }

  .sm\:mx-90 {
    margin-left: 90px;
    margin-right: 90px;
  }

  .sm\:my-95 {
    margin-top: 95px;
    margin-bottom: 95px;
  }

  .sm\:mx-95 {
    margin-left: 95px;
    margin-right: 95px;
  }

  .sm\:my-100 {
    margin-top: 100px;
    margin-bottom: 100px;
  }

  .sm\:mx-100 {
    margin-left: 100px;
    margin-right: 100px;
  }

  .sm\:my-105 {
    margin-top: 105px;
    margin-bottom: 105px;
  }

  .sm\:mx-105 {
    margin-left: 105px;
    margin-right: 105px;
  }

  .sm\:my-110 {
    margin-top: 110px;
    margin-bottom: 110px;
  }

  .sm\:mx-110 {
    margin-left: 110px;
    margin-right: 110px;
  }

  .sm\:my-115 {
    margin-top: 115px;
    margin-bottom: 115px;
  }

  .sm\:mx-115 {
    margin-left: 115px;
    margin-right: 115px;
  }

  .sm\:my-120 {
    margin-top: 120px;
    margin-bottom: 120px;
  }

  .sm\:mx-120 {
    margin-left: 120px;
    margin-right: 120px;
  }

  .sm\:my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }

  .sm\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .sm\:my-px {
    margin-top: 1px;
    margin-bottom: 1px;
  }

  .sm\:mx-px {
    margin-left: 1px;
    margin-right: 1px;
  }

  .sm\:my-0\.5 {
    margin-top: 0.5px;
    margin-bottom: 0.5px;
  }

  .sm\:mx-0\.5 {
    margin-left: 0.5px;
    margin-right: 0.5px;
  }

  .sm\:my-1\.5 {
    margin-top: 1.5px;
    margin-bottom: 1.5px;
  }

  .sm\:mx-1\.5 {
    margin-left: 1.5px;
    margin-right: 1.5px;
  }

  .sm\:my-2\.5 {
    margin-top: 2.5px;
    margin-bottom: 2.5px;
  }

  .sm\:mx-2\.5 {
    margin-left: 2.5px;
    margin-right: 2.5px;
  }

  .sm\:my-3\.5 {
    margin-top: 3.5px;
    margin-bottom: 3.5px;
  }

  .sm\:mx-3\.5 {
    margin-left: 3.5px;
    margin-right: 3.5px;
  }

  .sm\:-my-0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .sm\:-mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }

  .sm\:-my-1 {
    margin-top: -1px;
    margin-bottom: -1px;
  }

  .sm\:-mx-1 {
    margin-left: -1px;
    margin-right: -1px;
  }

  .sm\:-my-2 {
    margin-top: -2px;
    margin-bottom: -2px;
  }

  .sm\:-mx-2 {
    margin-left: -2px;
    margin-right: -2px;
  }

  .sm\:-my-3 {
    margin-top: -3px;
    margin-bottom: -3px;
  }

  .sm\:-mx-3 {
    margin-left: -3px;
    margin-right: -3px;
  }

  .sm\:-my-4 {
    margin-top: -4px;
    margin-bottom: -4px;
  }

  .sm\:-mx-4 {
    margin-left: -4px;
    margin-right: -4px;
  }

  .sm\:-my-5 {
    margin-top: -5px;
    margin-bottom: -5px;
  }

  .sm\:-mx-5 {
    margin-left: -5px;
    margin-right: -5px;
  }

  .sm\:-my-10 {
    margin-top: -10px;
    margin-bottom: -10px;
  }

  .sm\:-mx-10 {
    margin-left: -10px;
    margin-right: -10px;
  }

  .sm\:-my-15 {
    margin-top: -15px;
    margin-bottom: -15px;
  }

  .sm\:-mx-15 {
    margin-left: -15px;
    margin-right: -15px;
  }

  .sm\:-my-20 {
    margin-top: -20px;
    margin-bottom: -20px;
  }

  .sm\:-mx-20 {
    margin-left: -20px;
    margin-right: -20px;
  }

  .sm\:-my-25 {
    margin-top: -25px;
    margin-bottom: -25px;
  }

  .sm\:-mx-25 {
    margin-left: -25px;
    margin-right: -25px;
  }

  .sm\:-my-30 {
    margin-top: -30px;
    margin-bottom: -30px;
  }

  .sm\:-mx-30 {
    margin-left: -30px;
    margin-right: -30px;
  }

  .sm\:-my-35 {
    margin-top: -35px;
    margin-bottom: -35px;
  }

  .sm\:-mx-35 {
    margin-left: -35px;
    margin-right: -35px;
  }

  .sm\:-my-40 {
    margin-top: -40px;
    margin-bottom: -40px;
  }

  .sm\:-mx-40 {
    margin-left: -40px;
    margin-right: -40px;
  }

  .sm\:-my-45 {
    margin-top: -45px;
    margin-bottom: -45px;
  }

  .sm\:-mx-45 {
    margin-left: -45px;
    margin-right: -45px;
  }

  .sm\:-my-50 {
    margin-top: -50px;
    margin-bottom: -50px;
  }

  .sm\:-mx-50 {
    margin-left: -50px;
    margin-right: -50px;
  }

  .sm\:-my-55 {
    margin-top: -55px;
    margin-bottom: -55px;
  }

  .sm\:-mx-55 {
    margin-left: -55px;
    margin-right: -55px;
  }

  .sm\:-my-60 {
    margin-top: -60px;
    margin-bottom: -60px;
  }

  .sm\:-mx-60 {
    margin-left: -60px;
    margin-right: -60px;
  }

  .sm\:-my-65 {
    margin-top: -65px;
    margin-bottom: -65px;
  }

  .sm\:-mx-65 {
    margin-left: -65px;
    margin-right: -65px;
  }

  .sm\:-my-70 {
    margin-top: -70px;
    margin-bottom: -70px;
  }

  .sm\:-mx-70 {
    margin-left: -70px;
    margin-right: -70px;
  }

  .sm\:-my-75 {
    margin-top: -75px;
    margin-bottom: -75px;
  }

  .sm\:-mx-75 {
    margin-left: -75px;
    margin-right: -75px;
  }

  .sm\:-my-80 {
    margin-top: -80px;
    margin-bottom: -80px;
  }

  .sm\:-mx-80 {
    margin-left: -80px;
    margin-right: -80px;
  }

  .sm\:-my-85 {
    margin-top: -85px;
    margin-bottom: -85px;
  }

  .sm\:-mx-85 {
    margin-left: -85px;
    margin-right: -85px;
  }

  .sm\:-my-90 {
    margin-top: -90px;
    margin-bottom: -90px;
  }

  .sm\:-mx-90 {
    margin-left: -90px;
    margin-right: -90px;
  }

  .sm\:-my-95 {
    margin-top: -95px;
    margin-bottom: -95px;
  }

  .sm\:-mx-95 {
    margin-left: -95px;
    margin-right: -95px;
  }

  .sm\:-my-100 {
    margin-top: -100px;
    margin-bottom: -100px;
  }

  .sm\:-mx-100 {
    margin-left: -100px;
    margin-right: -100px;
  }

  .sm\:-my-105 {
    margin-top: -105px;
    margin-bottom: -105px;
  }

  .sm\:-mx-105 {
    margin-left: -105px;
    margin-right: -105px;
  }

  .sm\:-my-110 {
    margin-top: -110px;
    margin-bottom: -110px;
  }

  .sm\:-mx-110 {
    margin-left: -110px;
    margin-right: -110px;
  }

  .sm\:-my-115 {
    margin-top: -115px;
    margin-bottom: -115px;
  }

  .sm\:-mx-115 {
    margin-left: -115px;
    margin-right: -115px;
  }

  .sm\:-my-120 {
    margin-top: -120px;
    margin-bottom: -120px;
  }

  .sm\:-mx-120 {
    margin-left: -120px;
    margin-right: -120px;
  }

  .sm\:-my-px {
    margin-top: -1px;
    margin-bottom: -1px;
  }

  .sm\:-mx-px {
    margin-left: -1px;
    margin-right: -1px;
  }

  .sm\:-my-0\.5 {
    margin-top: -0.5px;
    margin-bottom: -0.5px;
  }

  .sm\:-mx-0\.5 {
    margin-left: -0.5px;
    margin-right: -0.5px;
  }

  .sm\:-my-1\.5 {
    margin-top: -1.5px;
    margin-bottom: -1.5px;
  }

  .sm\:-mx-1\.5 {
    margin-left: -1.5px;
    margin-right: -1.5px;
  }

  .sm\:-my-2\.5 {
    margin-top: -2.5px;
    margin-bottom: -2.5px;
  }

  .sm\:-mx-2\.5 {
    margin-left: -2.5px;
    margin-right: -2.5px;
  }

  .sm\:-my-3\.5 {
    margin-top: -3.5px;
    margin-bottom: -3.5px;
  }

  .sm\:-mx-3\.5 {
    margin-left: -3.5px;
    margin-right: -3.5px;
  }

  .sm\:mt-0 {
    margin-top: 0px;
  }

  .sm\:mr-0 {
    margin-right: 0px;
  }

  .sm\:mb-0 {
    margin-bottom: 0px;
  }

  .sm\:ml-0 {
    margin-left: 0px;
  }

  .sm\:mt-1 {
    margin-top: 1px;
  }

  .sm\:mr-1 {
    margin-right: 1px;
  }

  .sm\:mb-1 {
    margin-bottom: 1px;
  }

  .sm\:ml-1 {
    margin-left: 1px;
  }

  .sm\:mt-2 {
    margin-top: 2px;
  }

  .sm\:mr-2 {
    margin-right: 2px;
  }

  .sm\:mb-2 {
    margin-bottom: 2px;
  }

  .sm\:ml-2 {
    margin-left: 2px;
  }

  .sm\:mt-3 {
    margin-top: 3px;
  }

  .sm\:mr-3 {
    margin-right: 3px;
  }

  .sm\:mb-3 {
    margin-bottom: 3px;
  }

  .sm\:ml-3 {
    margin-left: 3px;
  }

  .sm\:mt-4 {
    margin-top: 4px;
  }

  .sm\:mr-4 {
    margin-right: 4px;
  }

  .sm\:mb-4 {
    margin-bottom: 4px;
  }

  .sm\:ml-4 {
    margin-left: 4px;
  }

  .sm\:mt-5 {
    margin-top: 5px;
  }

  .sm\:mr-5 {
    margin-right: 5px;
  }

  .sm\:mb-5 {
    margin-bottom: 5px;
  }

  .sm\:ml-5 {
    margin-left: 5px;
  }

  .sm\:mt-10 {
    margin-top: 10px;
  }

  .sm\:mr-10 {
    margin-right: 10px;
  }

  .sm\:mb-10 {
    margin-bottom: 10px;
  }

  .sm\:ml-10 {
    margin-left: 10px;
  }

  .sm\:mt-15 {
    margin-top: 15px;
  }

  .sm\:mr-15 {
    margin-right: 15px;
  }

  .sm\:mb-15 {
    margin-bottom: 15px;
  }

  .sm\:ml-15 {
    margin-left: 15px;
  }

  .sm\:mt-20 {
    margin-top: 20px;
  }

  .sm\:mr-20 {
    margin-right: 20px;
  }

  .sm\:mb-20 {
    margin-bottom: 20px;
  }

  .sm\:ml-20 {
    margin-left: 20px;
  }

  .sm\:mt-25 {
    margin-top: 25px;
  }

  .sm\:mr-25 {
    margin-right: 25px;
  }

  .sm\:mb-25 {
    margin-bottom: 25px;
  }

  .sm\:ml-25 {
    margin-left: 25px;
  }

  .sm\:mt-30 {
    margin-top: 30px;
  }

  .sm\:mr-30 {
    margin-right: 30px;
  }

  .sm\:mb-30 {
    margin-bottom: 30px;
  }

  .sm\:ml-30 {
    margin-left: 30px;
  }

  .sm\:mt-35 {
    margin-top: 35px;
  }

  .sm\:mr-35 {
    margin-right: 35px;
  }

  .sm\:mb-35 {
    margin-bottom: 35px;
  }

  .sm\:ml-35 {
    margin-left: 35px;
  }

  .sm\:mt-40 {
    margin-top: 40px;
  }

  .sm\:mr-40 {
    margin-right: 40px;
  }

  .sm\:mb-40 {
    margin-bottom: 40px;
  }

  .sm\:ml-40 {
    margin-left: 40px;
  }

  .sm\:mt-45 {
    margin-top: 45px;
  }

  .sm\:mr-45 {
    margin-right: 45px;
  }

  .sm\:mb-45 {
    margin-bottom: 45px;
  }

  .sm\:ml-45 {
    margin-left: 45px;
  }

  .sm\:mt-50 {
    margin-top: 50px;
  }

  .sm\:mr-50 {
    margin-right: 50px;
  }

  .sm\:mb-50 {
    margin-bottom: 50px;
  }

  .sm\:ml-50 {
    margin-left: 50px;
  }

  .sm\:mt-55 {
    margin-top: 55px;
  }

  .sm\:mr-55 {
    margin-right: 55px;
  }

  .sm\:mb-55 {
    margin-bottom: 55px;
  }

  .sm\:ml-55 {
    margin-left: 55px;
  }

  .sm\:mt-60 {
    margin-top: 60px;
  }

  .sm\:mr-60 {
    margin-right: 60px;
  }

  .sm\:mb-60 {
    margin-bottom: 60px;
  }

  .sm\:ml-60 {
    margin-left: 60px;
  }

  .sm\:mt-65 {
    margin-top: 65px;
  }

  .sm\:mr-65 {
    margin-right: 65px;
  }

  .sm\:mb-65 {
    margin-bottom: 65px;
  }

  .sm\:ml-65 {
    margin-left: 65px;
  }

  .sm\:mt-70 {
    margin-top: 70px;
  }

  .sm\:mr-70 {
    margin-right: 70px;
  }

  .sm\:mb-70 {
    margin-bottom: 70px;
  }

  .sm\:ml-70 {
    margin-left: 70px;
  }

  .sm\:mt-75 {
    margin-top: 75px;
  }

  .sm\:mr-75 {
    margin-right: 75px;
  }

  .sm\:mb-75 {
    margin-bottom: 75px;
  }

  .sm\:ml-75 {
    margin-left: 75px;
  }

  .sm\:mt-80 {
    margin-top: 80px;
  }

  .sm\:mr-80 {
    margin-right: 80px;
  }

  .sm\:mb-80 {
    margin-bottom: 80px;
  }

  .sm\:ml-80 {
    margin-left: 80px;
  }

  .sm\:mt-85 {
    margin-top: 85px;
  }

  .sm\:mr-85 {
    margin-right: 85px;
  }

  .sm\:mb-85 {
    margin-bottom: 85px;
  }

  .sm\:ml-85 {
    margin-left: 85px;
  }

  .sm\:mt-90 {
    margin-top: 90px;
  }

  .sm\:mr-90 {
    margin-right: 90px;
  }

  .sm\:mb-90 {
    margin-bottom: 90px;
  }

  .sm\:ml-90 {
    margin-left: 90px;
  }

  .sm\:mt-95 {
    margin-top: 95px;
  }

  .sm\:mr-95 {
    margin-right: 95px;
  }

  .sm\:mb-95 {
    margin-bottom: 95px;
  }

  .sm\:ml-95 {
    margin-left: 95px;
  }

  .sm\:mt-100 {
    margin-top: 100px;
  }

  .sm\:mr-100 {
    margin-right: 100px;
  }

  .sm\:mb-100 {
    margin-bottom: 100px;
  }

  .sm\:ml-100 {
    margin-left: 100px;
  }

  .sm\:mt-105 {
    margin-top: 105px;
  }

  .sm\:mr-105 {
    margin-right: 105px;
  }

  .sm\:mb-105 {
    margin-bottom: 105px;
  }

  .sm\:ml-105 {
    margin-left: 105px;
  }

  .sm\:mt-110 {
    margin-top: 110px;
  }

  .sm\:mr-110 {
    margin-right: 110px;
  }

  .sm\:mb-110 {
    margin-bottom: 110px;
  }

  .sm\:ml-110 {
    margin-left: 110px;
  }

  .sm\:mt-115 {
    margin-top: 115px;
  }

  .sm\:mr-115 {
    margin-right: 115px;
  }

  .sm\:mb-115 {
    margin-bottom: 115px;
  }

  .sm\:ml-115 {
    margin-left: 115px;
  }

  .sm\:mt-120 {
    margin-top: 120px;
  }

  .sm\:mr-120 {
    margin-right: 120px;
  }

  .sm\:mb-120 {
    margin-bottom: 120px;
  }

  .sm\:ml-120 {
    margin-left: 120px;
  }

  .sm\:mt-auto {
    margin-top: auto;
  }

  .sm\:mr-auto {
    margin-right: auto;
  }

  .sm\:mb-auto {
    margin-bottom: auto;
  }

  .sm\:ml-auto {
    margin-left: auto;
  }

  .sm\:mt-px {
    margin-top: 1px;
  }

  .sm\:mr-px {
    margin-right: 1px;
  }

  .sm\:mb-px {
    margin-bottom: 1px;
  }

  .sm\:ml-px {
    margin-left: 1px;
  }

  .sm\:mt-0\.5 {
    margin-top: 0.5px;
  }

  .sm\:mr-0\.5 {
    margin-right: 0.5px;
  }

  .sm\:mb-0\.5 {
    margin-bottom: 0.5px;
  }

  .sm\:ml-0\.5 {
    margin-left: 0.5px;
  }

  .sm\:mt-1\.5 {
    margin-top: 1.5px;
  }

  .sm\:mr-1\.5 {
    margin-right: 1.5px;
  }

  .sm\:mb-1\.5 {
    margin-bottom: 1.5px;
  }

  .sm\:ml-1\.5 {
    margin-left: 1.5px;
  }

  .sm\:mt-2\.5 {
    margin-top: 2.5px;
  }

  .sm\:mr-2\.5 {
    margin-right: 2.5px;
  }

  .sm\:mb-2\.5 {
    margin-bottom: 2.5px;
  }

  .sm\:ml-2\.5 {
    margin-left: 2.5px;
  }

  .sm\:mt-3\.5 {
    margin-top: 3.5px;
  }

  .sm\:mr-3\.5 {
    margin-right: 3.5px;
  }

  .sm\:mb-3\.5 {
    margin-bottom: 3.5px;
  }

  .sm\:ml-3\.5 {
    margin-left: 3.5px;
  }

  .sm\:-mt-0 {
    margin-top: 0px;
  }

  .sm\:-mr-0 {
    margin-right: 0px;
  }

  .sm\:-mb-0 {
    margin-bottom: 0px;
  }

  .sm\:-ml-0 {
    margin-left: 0px;
  }

  .sm\:-mt-1 {
    margin-top: -1px;
  }

  .sm\:-mr-1 {
    margin-right: -1px;
  }

  .sm\:-mb-1 {
    margin-bottom: -1px;
  }

  .sm\:-ml-1 {
    margin-left: -1px;
  }

  .sm\:-mt-2 {
    margin-top: -2px;
  }

  .sm\:-mr-2 {
    margin-right: -2px;
  }

  .sm\:-mb-2 {
    margin-bottom: -2px;
  }

  .sm\:-ml-2 {
    margin-left: -2px;
  }

  .sm\:-mt-3 {
    margin-top: -3px;
  }

  .sm\:-mr-3 {
    margin-right: -3px;
  }

  .sm\:-mb-3 {
    margin-bottom: -3px;
  }

  .sm\:-ml-3 {
    margin-left: -3px;
  }

  .sm\:-mt-4 {
    margin-top: -4px;
  }

  .sm\:-mr-4 {
    margin-right: -4px;
  }

  .sm\:-mb-4 {
    margin-bottom: -4px;
  }

  .sm\:-ml-4 {
    margin-left: -4px;
  }

  .sm\:-mt-5 {
    margin-top: -5px;
  }

  .sm\:-mr-5 {
    margin-right: -5px;
  }

  .sm\:-mb-5 {
    margin-bottom: -5px;
  }

  .sm\:-ml-5 {
    margin-left: -5px;
  }

  .sm\:-mt-10 {
    margin-top: -10px;
  }

  .sm\:-mr-10 {
    margin-right: -10px;
  }

  .sm\:-mb-10 {
    margin-bottom: -10px;
  }

  .sm\:-ml-10 {
    margin-left: -10px;
  }

  .sm\:-mt-15 {
    margin-top: -15px;
  }

  .sm\:-mr-15 {
    margin-right: -15px;
  }

  .sm\:-mb-15 {
    margin-bottom: -15px;
  }

  .sm\:-ml-15 {
    margin-left: -15px;
  }

  .sm\:-mt-20 {
    margin-top: -20px;
  }

  .sm\:-mr-20 {
    margin-right: -20px;
  }

  .sm\:-mb-20 {
    margin-bottom: -20px;
  }

  .sm\:-ml-20 {
    margin-left: -20px;
  }

  .sm\:-mt-25 {
    margin-top: -25px;
  }

  .sm\:-mr-25 {
    margin-right: -25px;
  }

  .sm\:-mb-25 {
    margin-bottom: -25px;
  }

  .sm\:-ml-25 {
    margin-left: -25px;
  }

  .sm\:-mt-30 {
    margin-top: -30px;
  }

  .sm\:-mr-30 {
    margin-right: -30px;
  }

  .sm\:-mb-30 {
    margin-bottom: -30px;
  }

  .sm\:-ml-30 {
    margin-left: -30px;
  }

  .sm\:-mt-35 {
    margin-top: -35px;
  }

  .sm\:-mr-35 {
    margin-right: -35px;
  }

  .sm\:-mb-35 {
    margin-bottom: -35px;
  }

  .sm\:-ml-35 {
    margin-left: -35px;
  }

  .sm\:-mt-40 {
    margin-top: -40px;
  }

  .sm\:-mr-40 {
    margin-right: -40px;
  }

  .sm\:-mb-40 {
    margin-bottom: -40px;
  }

  .sm\:-ml-40 {
    margin-left: -40px;
  }

  .sm\:-mt-45 {
    margin-top: -45px;
  }

  .sm\:-mr-45 {
    margin-right: -45px;
  }

  .sm\:-mb-45 {
    margin-bottom: -45px;
  }

  .sm\:-ml-45 {
    margin-left: -45px;
  }

  .sm\:-mt-50 {
    margin-top: -50px;
  }

  .sm\:-mr-50 {
    margin-right: -50px;
  }

  .sm\:-mb-50 {
    margin-bottom: -50px;
  }

  .sm\:-ml-50 {
    margin-left: -50px;
  }

  .sm\:-mt-55 {
    margin-top: -55px;
  }

  .sm\:-mr-55 {
    margin-right: -55px;
  }

  .sm\:-mb-55 {
    margin-bottom: -55px;
  }

  .sm\:-ml-55 {
    margin-left: -55px;
  }

  .sm\:-mt-60 {
    margin-top: -60px;
  }

  .sm\:-mr-60 {
    margin-right: -60px;
  }

  .sm\:-mb-60 {
    margin-bottom: -60px;
  }

  .sm\:-ml-60 {
    margin-left: -60px;
  }

  .sm\:-mt-65 {
    margin-top: -65px;
  }

  .sm\:-mr-65 {
    margin-right: -65px;
  }

  .sm\:-mb-65 {
    margin-bottom: -65px;
  }

  .sm\:-ml-65 {
    margin-left: -65px;
  }

  .sm\:-mt-70 {
    margin-top: -70px;
  }

  .sm\:-mr-70 {
    margin-right: -70px;
  }

  .sm\:-mb-70 {
    margin-bottom: -70px;
  }

  .sm\:-ml-70 {
    margin-left: -70px;
  }

  .sm\:-mt-75 {
    margin-top: -75px;
  }

  .sm\:-mr-75 {
    margin-right: -75px;
  }

  .sm\:-mb-75 {
    margin-bottom: -75px;
  }

  .sm\:-ml-75 {
    margin-left: -75px;
  }

  .sm\:-mt-80 {
    margin-top: -80px;
  }

  .sm\:-mr-80 {
    margin-right: -80px;
  }

  .sm\:-mb-80 {
    margin-bottom: -80px;
  }

  .sm\:-ml-80 {
    margin-left: -80px;
  }

  .sm\:-mt-85 {
    margin-top: -85px;
  }

  .sm\:-mr-85 {
    margin-right: -85px;
  }

  .sm\:-mb-85 {
    margin-bottom: -85px;
  }

  .sm\:-ml-85 {
    margin-left: -85px;
  }

  .sm\:-mt-90 {
    margin-top: -90px;
  }

  .sm\:-mr-90 {
    margin-right: -90px;
  }

  .sm\:-mb-90 {
    margin-bottom: -90px;
  }

  .sm\:-ml-90 {
    margin-left: -90px;
  }

  .sm\:-mt-95 {
    margin-top: -95px;
  }

  .sm\:-mr-95 {
    margin-right: -95px;
  }

  .sm\:-mb-95 {
    margin-bottom: -95px;
  }

  .sm\:-ml-95 {
    margin-left: -95px;
  }

  .sm\:-mt-100 {
    margin-top: -100px;
  }

  .sm\:-mr-100 {
    margin-right: -100px;
  }

  .sm\:-mb-100 {
    margin-bottom: -100px;
  }

  .sm\:-ml-100 {
    margin-left: -100px;
  }

  .sm\:-mt-105 {
    margin-top: -105px;
  }

  .sm\:-mr-105 {
    margin-right: -105px;
  }

  .sm\:-mb-105 {
    margin-bottom: -105px;
  }

  .sm\:-ml-105 {
    margin-left: -105px;
  }

  .sm\:-mt-110 {
    margin-top: -110px;
  }

  .sm\:-mr-110 {
    margin-right: -110px;
  }

  .sm\:-mb-110 {
    margin-bottom: -110px;
  }

  .sm\:-ml-110 {
    margin-left: -110px;
  }

  .sm\:-mt-115 {
    margin-top: -115px;
  }

  .sm\:-mr-115 {
    margin-right: -115px;
  }

  .sm\:-mb-115 {
    margin-bottom: -115px;
  }

  .sm\:-ml-115 {
    margin-left: -115px;
  }

  .sm\:-mt-120 {
    margin-top: -120px;
  }

  .sm\:-mr-120 {
    margin-right: -120px;
  }

  .sm\:-mb-120 {
    margin-bottom: -120px;
  }

  .sm\:-ml-120 {
    margin-left: -120px;
  }

  .sm\:-mt-px {
    margin-top: -1px;
  }

  .sm\:-mr-px {
    margin-right: -1px;
  }

  .sm\:-mb-px {
    margin-bottom: -1px;
  }

  .sm\:-ml-px {
    margin-left: -1px;
  }

  .sm\:-mt-0\.5 {
    margin-top: -0.5px;
  }

  .sm\:-mr-0\.5 {
    margin-right: -0.5px;
  }

  .sm\:-mb-0\.5 {
    margin-bottom: -0.5px;
  }

  .sm\:-ml-0\.5 {
    margin-left: -0.5px;
  }

  .sm\:-mt-1\.5 {
    margin-top: -1.5px;
  }

  .sm\:-mr-1\.5 {
    margin-right: -1.5px;
  }

  .sm\:-mb-1\.5 {
    margin-bottom: -1.5px;
  }

  .sm\:-ml-1\.5 {
    margin-left: -1.5px;
  }

  .sm\:-mt-2\.5 {
    margin-top: -2.5px;
  }

  .sm\:-mr-2\.5 {
    margin-right: -2.5px;
  }

  .sm\:-mb-2\.5 {
    margin-bottom: -2.5px;
  }

  .sm\:-ml-2\.5 {
    margin-left: -2.5px;
  }

  .sm\:-mt-3\.5 {
    margin-top: -3.5px;
  }

  .sm\:-mr-3\.5 {
    margin-right: -3.5px;
  }

  .sm\:-mb-3\.5 {
    margin-bottom: -3.5px;
  }

  .sm\:-ml-3\.5 {
    margin-left: -3.5px;
  }
}

@media screen and (max-width: 992px) {
  .md\:m-0 {
    margin: 0px;
  }

  .md\:m-1 {
    margin: 1px;
  }

  .md\:m-2 {
    margin: 2px;
  }

  .md\:m-3 {
    margin: 3px;
  }

  .md\:m-4 {
    margin: 4px;
  }

  .md\:m-5 {
    margin: 5px;
  }

  .md\:m-10 {
    margin: 10px;
  }

  .md\:m-15 {
    margin: 15px;
  }

  .md\:m-20 {
    margin: 20px;
  }

  .md\:m-25 {
    margin: 25px;
  }

  .md\:m-30 {
    margin: 30px;
  }

  .md\:m-35 {
    margin: 35px;
  }

  .md\:m-40 {
    margin: 40px;
  }

  .md\:m-45 {
    margin: 45px;
  }

  .md\:m-50 {
    margin: 50px;
  }

  .md\:m-55 {
    margin: 55px;
  }

  .md\:m-60 {
    margin: 60px;
  }

  .md\:m-65 {
    margin: 65px;
  }

  .md\:m-70 {
    margin: 70px;
  }

  .md\:m-75 {
    margin: 75px;
  }

  .md\:m-80 {
    margin: 80px;
  }

  .md\:m-85 {
    margin: 85px;
  }

  .md\:m-90 {
    margin: 90px;
  }

  .md\:m-95 {
    margin: 95px;
  }

  .md\:m-100 {
    margin: 100px;
  }

  .md\:m-105 {
    margin: 105px;
  }

  .md\:m-110 {
    margin: 110px;
  }

  .md\:m-115 {
    margin: 115px;
  }

  .md\:m-120 {
    margin: 120px;
  }

  .md\:m-auto {
    margin: auto;
  }

  .md\:m-px {
    margin: 1px;
  }

  .md\:m-0\.5 {
    margin: 0.5px;
  }

  .md\:m-1\.5 {
    margin: 1.5px;
  }

  .md\:m-2\.5 {
    margin: 2.5px;
  }

  .md\:m-3\.5 {
    margin: 3.5px;
  }

  .md\:-m-0 {
    margin: 0px;
  }

  .md\:-m-1 {
    margin: -1px;
  }

  .md\:-m-2 {
    margin: -2px;
  }

  .md\:-m-3 {
    margin: -3px;
  }

  .md\:-m-4 {
    margin: -4px;
  }

  .md\:-m-5 {
    margin: -5px;
  }

  .md\:-m-10 {
    margin: -10px;
  }

  .md\:-m-15 {
    margin: -15px;
  }

  .md\:-m-20 {
    margin: -20px;
  }

  .md\:-m-25 {
    margin: -25px;
  }

  .md\:-m-30 {
    margin: -30px;
  }

  .md\:-m-35 {
    margin: -35px;
  }

  .md\:-m-40 {
    margin: -40px;
  }

  .md\:-m-45 {
    margin: -45px;
  }

  .md\:-m-50 {
    margin: -50px;
  }

  .md\:-m-55 {
    margin: -55px;
  }

  .md\:-m-60 {
    margin: -60px;
  }

  .md\:-m-65 {
    margin: -65px;
  }

  .md\:-m-70 {
    margin: -70px;
  }

  .md\:-m-75 {
    margin: -75px;
  }

  .md\:-m-80 {
    margin: -80px;
  }

  .md\:-m-85 {
    margin: -85px;
  }

  .md\:-m-90 {
    margin: -90px;
  }

  .md\:-m-95 {
    margin: -95px;
  }

  .md\:-m-100 {
    margin: -100px;
  }

  .md\:-m-105 {
    margin: -105px;
  }

  .md\:-m-110 {
    margin: -110px;
  }

  .md\:-m-115 {
    margin: -115px;
  }

  .md\:-m-120 {
    margin: -120px;
  }

  .md\:-m-px {
    margin: -1px;
  }

  .md\:-m-0\.5 {
    margin: -0.5px;
  }

  .md\:-m-1\.5 {
    margin: -1.5px;
  }

  .md\:-m-2\.5 {
    margin: -2.5px;
  }

  .md\:-m-3\.5 {
    margin: -3.5px;
  }

  .md\:my-0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .md\:mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }

  .md\:my-1 {
    margin-top: 1px;
    margin-bottom: 1px;
  }

  .md\:mx-1 {
    margin-left: 1px;
    margin-right: 1px;
  }

  .md\:my-2 {
    margin-top: 2px;
    margin-bottom: 2px;
  }

  .md\:mx-2 {
    margin-left: 2px;
    margin-right: 2px;
  }

  .md\:my-3 {
    margin-top: 3px;
    margin-bottom: 3px;
  }

  .md\:mx-3 {
    margin-left: 3px;
    margin-right: 3px;
  }

  .md\:my-4 {
    margin-top: 4px;
    margin-bottom: 4px;
  }

  .md\:mx-4 {
    margin-left: 4px;
    margin-right: 4px;
  }

  .md\:my-5 {
    margin-top: 5px;
    margin-bottom: 5px;
  }

  .md\:mx-5 {
    margin-left: 5px;
    margin-right: 5px;
  }

  .md\:my-10 {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .md\:mx-10 {
    margin-left: 10px;
    margin-right: 10px;
  }

  .md\:my-15 {
    margin-top: 15px;
    margin-bottom: 15px;
  }

  .md\:mx-15 {
    margin-left: 15px;
    margin-right: 15px;
  }

  .md\:my-20 {
    margin-top: 20px;
    margin-bottom: 20px;
  }

  .md\:mx-20 {
    margin-left: 20px;
    margin-right: 20px;
  }

  .md\:my-25 {
    margin-top: 25px;
    margin-bottom: 25px;
  }

  .md\:mx-25 {
    margin-left: 25px;
    margin-right: 25px;
  }

  .md\:my-30 {
    margin-top: 30px;
    margin-bottom: 30px;
  }

  .md\:mx-30 {
    margin-left: 30px;
    margin-right: 30px;
  }

  .md\:my-35 {
    margin-top: 35px;
    margin-bottom: 35px;
  }

  .md\:mx-35 {
    margin-left: 35px;
    margin-right: 35px;
  }

  .md\:my-40 {
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .md\:mx-40 {
    margin-left: 40px;
    margin-right: 40px;
  }

  .md\:my-45 {
    margin-top: 45px;
    margin-bottom: 45px;
  }

  .md\:mx-45 {
    margin-left: 45px;
    margin-right: 45px;
  }

  .md\:my-50 {
    margin-top: 50px;
    margin-bottom: 50px;
  }

  .md\:mx-50 {
    margin-left: 50px;
    margin-right: 50px;
  }

  .md\:my-55 {
    margin-top: 55px;
    margin-bottom: 55px;
  }

  .md\:mx-55 {
    margin-left: 55px;
    margin-right: 55px;
  }

  .md\:my-60 {
    margin-top: 60px;
    margin-bottom: 60px;
  }

  .md\:mx-60 {
    margin-left: 60px;
    margin-right: 60px;
  }

  .md\:my-65 {
    margin-top: 65px;
    margin-bottom: 65px;
  }

  .md\:mx-65 {
    margin-left: 65px;
    margin-right: 65px;
  }

  .md\:my-70 {
    margin-top: 70px;
    margin-bottom: 70px;
  }

  .md\:mx-70 {
    margin-left: 70px;
    margin-right: 70px;
  }

  .md\:my-75 {
    margin-top: 75px;
    margin-bottom: 75px;
  }

  .md\:mx-75 {
    margin-left: 75px;
    margin-right: 75px;
  }

  .md\:my-80 {
    margin-top: 80px;
    margin-bottom: 80px;
  }

  .md\:mx-80 {
    margin-left: 80px;
    margin-right: 80px;
  }

  .md\:my-85 {
    margin-top: 85px;
    margin-bottom: 85px;
  }

  .md\:mx-85 {
    margin-left: 85px;
    margin-right: 85px;
  }

  .md\:my-90 {
    margin-top: 90px;
    margin-bottom: 90px;
  }

  .md\:mx-90 {
    margin-left: 90px;
    margin-right: 90px;
  }

  .md\:my-95 {
    margin-top: 95px;
    margin-bottom: 95px;
  }

  .md\:mx-95 {
    margin-left: 95px;
    margin-right: 95px;
  }

  .md\:my-100 {
    margin-top: 100px;
    margin-bottom: 100px;
  }

  .md\:mx-100 {
    margin-left: 100px;
    margin-right: 100px;
  }

  .md\:my-105 {
    margin-top: 105px;
    margin-bottom: 105px;
  }

  .md\:mx-105 {
    margin-left: 105px;
    margin-right: 105px;
  }

  .md\:my-110 {
    margin-top: 110px;
    margin-bottom: 110px;
  }

  .md\:mx-110 {
    margin-left: 110px;
    margin-right: 110px;
  }

  .md\:my-115 {
    margin-top: 115px;
    margin-bottom: 115px;
  }

  .md\:mx-115 {
    margin-left: 115px;
    margin-right: 115px;
  }

  .md\:my-120 {
    margin-top: 120px;
    margin-bottom: 120px;
  }

  .md\:mx-120 {
    margin-left: 120px;
    margin-right: 120px;
  }

  .md\:my-auto {
    margin-top: auto;
    margin-bottom: auto;
  }

  .md\:mx-auto {
    margin-left: auto;
    margin-right: auto;
  }

  .md\:my-px {
    margin-top: 1px;
    margin-bottom: 1px;
  }

  .md\:mx-px {
    margin-left: 1px;
    margin-right: 1px;
  }

  .md\:my-0\.5 {
    margin-top: 0.5px;
    margin-bottom: 0.5px;
  }

  .md\:mx-0\.5 {
    margin-left: 0.5px;
    margin-right: 0.5px;
  }

  .md\:my-1\.5 {
    margin-top: 1.5px;
    margin-bottom: 1.5px;
  }

  .md\:mx-1\.5 {
    margin-left: 1.5px;
    margin-right: 1.5px;
  }

  .md\:my-2\.5 {
    margin-top: 2.5px;
    margin-bottom: 2.5px;
  }

  .md\:mx-2\.5 {
    margin-left: 2.5px;
    margin-right: 2.5px;
  }

  .md\:my-3\.5 {
    margin-top: 3.5px;
    margin-bottom: 3.5px;
  }

  .md\:mx-3\.5 {
    margin-left: 3.5px;
    margin-right: 3.5px;
  }

  .md\:-my-0 {
    margin-top: 0px;
    margin-bottom: 0px;
  }

  .md\:-mx-0 {
    margin-left: 0px;
    margin-right: 0px;
  }

  .md\:-my-1 {
    margin-top: -1px;
    margin-bottom: -1px;
  }

  .md\:-mx-1 {
    margin-left: -1px;
    margin-right: -1px;
  }

  .md\:-my-2 {
    margin-top: -2px;
    margin-bottom: -2px;
  }

  .md\:-mx-2 {
    margin-left: -2px;
    margin-right: -2px;
  }

  .md\:-my-3 {
    margin-top: -3px;
    margin-bottom: -3px;
  }

  .md\:-mx-3 {
    margin-left: -3px;
    margin-right: -3px;
  }

  .md\:-my-4 {
    margin-top: -4px;
    margin-bottom: -4px;
  }

  .md\:-mx-4 {
    margin-left: -4px;
    margin-right: -4px;
  }

  .md\:-my-5 {
    margin-top: -5px;
    margin-bottom: -5px;
  }

  .md\:-mx-5 {
    margin-left: -5px;
    margin-right: -5px;
  }

  .md\:-my-10 {
    margin-top: -10px;
    margin-bottom: -10px;
  }

  .md\:-mx-10 {
    margin-left: -10px;
    margin-right: -10px;
  }

  .md\:-my-15 {
    margin-top: -15px;
    margin-bottom: -15px;
  }

  .md\:-mx-15 {
    margin-left: -15px;
    margin-right: -15px;
  }

  .md\:-my-20 {
    margin-top: -20px;
    margin-bottom: -20px;
  }

  .md\:-mx-20 {
    margin-left: -20px;
    margin-right: -20px;
  }

  .md\:-my-25 {
    margin-top: -25px;
    margin-bottom: -25px;
  }

  .md\:-mx-25 {
    margin-left: -25px;
    margin-right: -25px;
  }

  .md\:-my-30 {
    margin-top: -30px;
    margin-bottom: -30px;
  }

  .md\:-mx-30 {
    margin-left: -30px;
    margin-right: -30px;
  }

  .md\:-my-35 {
    margin-top: -35px;
    margin-bottom: -35px;
  }

  .md\:-mx-35 {
    margin-left: -35px;
    margin-right: -35px;
  }

  .md\:-my-40 {
    margin-top: -40px;
    margin-bottom: -40px;
  }

  .md\:-mx-40 {
    margin-left: -40px;
    margin-right: -40px;
  }

  .md\:-my-45 {
    margin-top: -45px;
    margin-bottom: -45px;
  }

  .md\:-mx-45 {
    margin-left: -45px;
    margin-right: -45px;
  }

  .md\:-my-50 {
    margin-top: -50px;
    margin-bottom: -50px;
  }

  .md\:-mx-50 {
    margin-left: -50px;
    margin-right: -50px;
  }

  .md\:-my-55 {
    margin-top: -55px;
    margin-bottom: -55px;
  }

  .md\:-mx-55 {
    margin-left: -55px;
    margin-right: -55px;
  }

  .md\:-my-60 {
    margin-top: -60px;
    margin-bottom: -60px;
  }

  .md\:-mx-60 {
    margin-left: -60px;
    margin-right: -60px;
  }

  .md\:-my-65 {
    margin-top: -65px;
    margin-bottom: -65px;
  }

  .md\:-mx-65 {
    margin-left: -65px;
    margin-right: -65px;
  }

  .md\:-my-70 {
    margin-top: -70px;
    margin-bottom: -70px;
  }

  .md\:-mx-70 {
    margin-left: -70px;
    margin-right: -70px;
  }

  .md\:-my-75 {
    margin-top: -75px;
    margin-bottom: -75px;
  }

  .md\:-mx-75 {
    margin-left: -75px;
    margin-right: -75px;
  }

  .md\:-my-80 {
    margin-top: -80px;
    margin-bottom: -80px;
  }

  .md\:-mx-80 {
    margin-left: -80px;
    margin-right: -80px;
  }

  .md\:-my-85 {
    margin-top: -85px;
    margin-bottom: -85px;
  }

  .md\:-mx-85 {
    margin-left: -85px;
    margin-right: -85px;
  }

  .md\:-my-90 {
    margin-top: -90px;
    margin-bottom: -90px;
  }

  .md\:-mx-90 {
    margin-left: -90px;
    margin-right: -90px;
  }

  .md\:-my-95 {
    margin-top: -95px;
    margin-bottom: -95px;
  }

  .md\:-mx-95 {
    margin-left: -95px;
    margin-right: -95px;
  }

  .md\:-my-100 {
    margin-top: -100px;
    margin-bottom: -100px;
  }

  .md\:-mx-100 {
    margin-left: -100px;
    margin-right: -100px;
  }

  .md\:-my-105 {
    margin-top: -105px;
    margin-bottom: -105px;
  }

  .md\:-mx-105 {
    margin-left: -105px;
    margin-right: -105px;
  }

  .md\:-my-110 {
    margin-top: -110px;
    margin-bottom: -110px;
  }

  .md\:-mx-110 {
    margin-left: -110px;
    margin-right: -110px;
  }

  .md\:-my-115 {
    margin-top: -115px;
    margin-bottom: -115px;
  }

  .md\:-mx-115 {
    margin-left: -115px;
    margin-right: -115px;
  }

  .md\:-my-120 {
    margin-top: -120px;
    margin-bottom: -120px;
  }

  .md\:-mx-120 {
    margin-left: -120px;
    margin-right: -120px;
  }

  .md\:-my-px {
    margin-top: -1px;
    margin-bottom: -1px;
  }

  .md\:-mx-px {
    margin-left: -1px;
    margin-right: -1px;
  }

  .md\:-my-0\.5 {
    margin-top: -0.5px;
    margin-bottom: -0.5px;
  }

  .md\:-mx-0\.5 {
    margin-left: -0.5px;
    margin-right: -0.5px;
  }

  .md\:-my-1\.5 {
    margin-top: -1.5px;
    margin-bottom: -1.5px;
  }

  .md\:-mx-1\.5 {
    margin-left: -1.5px;
    margin-right: -1.5px;
  }

  .md\:-my-2\.5 {
    margin-top: -2.5px;
    margin-bottom: -2.5px;
  }

  .md\:-mx-2\.5 {
    margin-left: -2.5px;
    margin-right: -2.5px;
  }

  .md\:-my-3\.5 {
    margin-top: -3.5px;
    margin-bottom: -3.5px;
  }

  .md\:-mx-3\.5 {
    margin-left: -3.5px;
    margin-right: -3.5px;
  }

  .md\:mt-0 {
    margin-top: 0px;
  }

  .md\:mr-0 {
    margin-right: 0px;
  }

  .md\:mb-0 {
    margin-bottom: 0px;
  }

  .md\:ml-0 {
    margin-left: 0px;
  }

  .md\:mt-1 {
    margin-top: 1px;
  }

  .md\:mr-1 {
    margin-right: 1px;
  }

  .md\:mb-1 {
    margin-bottom: 1px;
  }

  .md\:ml-1 {
    margin-left: 1px;
  }

  .md\:mt-2 {
    margin-top: 2px;
  }

  .md\:mr-2 {
    margin-right: 2px;
  }

  .md\:mb-2 {
    margin-bottom: 2px;
  }

  .md\:ml-2 {
    margin-left: 2px;
  }

  .md\:mt-3 {
    margin-top: 3px;
  }

  .md\:mr-3 {
    margin-right: 3px;
  }

  .md\:mb-3 {
    margin-bottom: 3px;
  }

  .md\:ml-3 {
    margin-left: 3px;
  }

  .md\:mt-4 {
    margin-top: 4px;
  }

  .md\:mr-4 {
    margin-right: 4px;
  }

  .md\:mb-4 {
    margin-bottom: 4px;
  }

  .md\:ml-4 {
    margin-left: 4px;
  }

  .md\:mt-5 {
    margin-top: 5px;
  }

  .md\:mr-5 {
    margin-right: 5px;
  }

  .md\:mb-5 {
    margin-bottom: 5px;
  }

  .md\:ml-5 {
    margin-left: 5px;
  }

  .md\:mt-10 {
    margin-top: 10px;
  }

  .md\:mr-10 {
    margin-right: 10px;
  }

  .md\:mb-10 {
    margin-bottom: 10px;
  }

  .md\:ml-10 {
    margin-left: 10px;
  }

  .md\:mt-15 {
    margin-top: 15px;
  }

  .md\:mr-15 {
    margin-right: 15px;
  }

  .md\:mb-15 {
    margin-bottom: 15px;
  }

  .md\:ml-15 {
    margin-left: 15px;
  }

  .md\:mt-20 {
    margin-top: 20px;
  }

  .md\:mr-20 {
    margin-right: 20px;
  }

  .md\:mb-20 {
    margin-bottom: 20px;
  }

  .md\:ml-20 {
    margin-left: 20px;
  }

  .md\:mt-25 {
    margin-top: 25px;
  }

  .md\:mr-25 {
    margin-right: 25px;
  }

  .md\:mb-25 {
    margin-bottom: 25px;
  }

  .md\:ml-25 {
    margin-left: 25px;
  }

  .md\:mt-30 {
    margin-top: 30px;
  }

  .md\:mr-30 {
    margin-right: 30px;
  }

  .md\:mb-30 {
    margin-bottom: 30px;
  }

  .md\:ml-30 {
    margin-left: 30px;
  }

  .md\:mt-35 {
    margin-top: 35px;
  }

  .md\:mr-35 {
    margin-right: 35px;
  }

  .md\:mb-35 {
    margin-bottom: 35px;
  }

  .md\:ml-35 {
    margin-left: 35px;
  }

  .md\:mt-40 {
    margin-top: 40px;
  }

  .md\:mr-40 {
    margin-right: 40px;
  }

  .md\:mb-40 {
    margin-bottom: 40px;
  }

  .md\:ml-40 {
    margin-left: 40px;
  }

  .md\:mt-45 {
    margin-top: 45px;
  }

  .md\:mr-45 {
    margin-right: 45px;
  }

  .md\:mb-45 {
    margin-bottom: 45px;
  }

  .md\:ml-45 {
    margin-left: 45px;
  }

  .md\:mt-50 {
    margin-top: 50px;
  }

  .md\:mr-50 {
    margin-right: 50px;
  }

  .md\:mb-50 {
    margin-bottom: 50px;
  }

  .md\:ml-50 {
    margin-left: 50px;
  }

  .md\:mt-55 {
    margin-top: 55px;
  }

  .md\:mr-55 {
    margin-right: 55px;
  }

  .md\:mb-55 {
    margin-bottom: 55px;
  }

  .md\:ml-55 {
    margin-left: 55px;
  }

  .md\:mt-60 {
    margin-top: 60px;
  }

  .md\:mr-60 {
    margin-right: 60px;
  }

  .md\:mb-60 {
    margin-bottom: 60px;
  }

  .md\:ml-60 {
    margin-left: 60px;
  }

  .md\:mt-65 {
    margin-top: 65px;
  }

  .md\:mr-65 {
    margin-right: 65px;
  }

  .md\:mb-65 {
    margin-bottom: 65px;
  }

  .md\:ml-65 {
    margin-left: 65px;
  }

  .md\:mt-70 {
    margin-top: 70px;
  }

  .md\:mr-70 {
    margin-right: 70px;
  }

  .md\:mb-70 {
    margin-bottom: 70px;
  }

  .md\:ml-70 {
    margin-left: 70px;
  }

  .md\:mt-75 {
    margin-top: 75px;
  }

  .md\:mr-75 {
    margin-right: 75px;
  }

  .md\:mb-75 {
    margin-bottom: 75px;
  }

  .md\:ml-75 {
    margin-left: 75px;
  }

  .md\:mt-80 {
    margin-top: 80px;
  }

  .md\:mr-80 {
    margin-right: 80px;
  }

  .md\:mb-80 {
    margin-bottom: 80px;
  }

  .md\:ml-80 {
    margin-left: 80px;
  }

  .md\:mt-85 {
    margin-top: 85px;
  }

  .md\:mr-85 {
    margin-right: 85px;
  }

  .md\:mb-85 {
    margin-bottom: 85px;
  }

  .md\:ml-85 {
    margin-left: 85px;
  }

  .md\:mt-90 {
    margin-top: 90px;
  }

  .md\:mr-90 {
    margin-right: 90px;
  }

  .md\:mb-90 {
    margin-bottom: 90px;
  }

  .md\:ml-90 {
    margin-left: 90px;
  }

  .md\:mt-95 {
    margin-top: 95px;
  }

  .md\:mr-95 {
    margin-right: 95px;
  }

  .md\:mb-95 {
    margin-bottom: 95px;
  }

  .md\:ml-95 {
    margin-left: 95px;
  }

  .md\:mt-100 {
    margin-top: 100px;
  }

  .md\:mr-100 {
    margin-right: 100px;
  }

  .md\:mb-100 {
    margin-bottom: 100px;
  }

  .md\:ml-100 {
    margin-left: 100px;
  }

  .md\:mt-105 {
    margin-top: 105px;
  }

  .md\:mr-105 {
    margin-right: 105px;
  }

  .md\:mb-105 {
    margin-bottom: 105px;
  }

  .md\:ml-105 {
    margin-left: 105px;
  }

  .md\:mt-110 {
    margin-top: 110px;
  }

  .md\:mr-110 {
    margin-right: 110px;
  }

  .md\:mb-110 {
    margin-bottom: 110px;
  }

  .md\:ml-110 {
    margin-left: 110px;
  }

  .md\:mt-115 {
    margin-top: 115px;
  }

  .md\:mr-115 {
    margin-right: 115px;
  }

  .md\:mb-115 {
    margin-bottom: 115px;
  }

  .md\:ml-115 {
    margin-left: 115px;
  }

  .md\:mt-120 {
    margin-top: 120px;
  }

  .md\:mr-120 {
    margin-right: 120px;
  }

  .md\:mb-120 {
    margin-bottom: 120px;
  }

  .md\:ml-120 {
    margin-left: 120px;
  }

  .md\:mt-auto {
    margin-top: auto;
  }

  .md\:mr-auto {
    margin-right: auto;
  }

  .md\:mb-auto {
    margin-bottom: auto;
  }

  .md\:ml-auto {
    margin-left: auto;
  }

  .md\:mt-px {
    margin-top: 1px;
  }

  .md\:mr-px {
    margin-right: 1px;
  }

  .md\:mb-px {
    margin-bottom: 1px;
  }

  .md\:ml-px {
    margin-left: 1px;
  }

  .md\:mt-0\.5 {
    margin-top: 0.5px;
  }

  .md\:mr-0\.5 {
    margin-right: 0.5px;
  }

  .md\:mb-0\.5 {
    margin-bottom: 0.5px;
  }

  .md\:ml-0\.5 {
    margin-left: 0.5px;
  }

  .md\:mt-1\.5 {
    margin-top: 1.5px;
  }

  .md\:mr-1\.5 {
    margin-right: 1.5px;
  }

  .md\:mb-1\.5 {
    margin-bottom: 1.5px;
  }

  .md\:ml-1\.5 {
    margin-left: 1.5px;
  }

  .md\:mt-2\.5 {
    margin-top: 2.5px;
  }

  .md\:mr-2\.5 {
    margin-right: 2.5px;
  }

  .md\:mb-2\.5 {
    margin-bottom: 2.5px;
  }

  .md\:ml-2\.5 {
    margin-left: 2.5px;
  }

  .md\:mt-3\.5 {
    margin-top: 3.5px;
  }

  .md\:mr-3\.5 {
    margin-right: 3.5px;
  }

  .md\:mb-3\.5 {
    margin-bottom: 3.5px;
  }

  .md\:ml-3\.5 {
    margin-left: 3.5px;
  }

  .md\:-mt-0 {
    margin-top: 0px;
  }

  .md\:-mr-0 {
    margin-right: 0px;
  }

  .md\:-mb-0 {
    margin-bottom: 0px;
  }

  .md\:-ml-0 {
    margin-left: 0px;
  }

  .md\:-mt-1 {
    margin-top: -1px;
  }

  .md\:-mr-1 {
    margin-right: -1px;
  }

  .md\:-mb-1 {
    margin-bottom: -1px;
  }

  .md\:-ml-1 {
    margin-left: -1px;
  }

  .md\:-mt-2 {
    margin-top: -2px;
  }

  .md\:-mr-2 {
    margin-right: -2px;
  }

  .md\:-mb-2 {
    margin-bottom: -2px;
  }

  .md\:-ml-2 {
    margin-left: -2px;
  }

  .md\:-mt-3 {
    margin-top: -3px;
  }

  .md\:-mr-3 {
    margin-right: -3px;
  }

  .md\:-mb-3 {
    margin-bottom: -3px;
  }

  .md\:-ml-3 {
    margin-left: -3px;
  }

  .md\:-mt-4 {
    margin-top: -4px;
  }

  .md\:-mr-4 {
    margin-right: -4px;
  }

  .md\:-mb-4 {
    margin-bottom: -4px;
  }

  .md\:-ml-4 {
    margin-left: -4px;
  }

  .md\:-mt-5 {
    margin-top: -5px;
  }

  .md\:-mr-5 {
    margin-right: -5px;
  }

  .md\:-mb-5 {
    margin-bottom: -5px;
  }

  .md\:-ml-5 {
    margin-left: -5px;
  }

  .md\:-mt-10 {
    margin-top: -10px;
  }

  .md\:-mr-10 {
    margin-right: -10px;
  }

  .md\:-mb-10 {
    margin-bottom: -10px;
  }

  .md\:-ml-10 {
    margin-left: -10px;
  }

  .md\:-mt-15 {
    margin-top: -15px;
  }

  .md\:-mr-15 {
    margin-right: -15px;
  }

  .md\:-mb-15 {
    margin-bottom: -15px;
  }

  .md\:-ml-15 {
    margin-left: -15px;
  }

  .md\:-mt-20 {
    margin-top: -20px;
  }

  .md\:-mr-20 {
    margin-right: -20px;
  }

  .md\:-mb-20 {
    margin-bottom: -20px;
  }

  .md\:-ml-20 {
    margin-left: -20px;
  }

  .md\:-mt-25 {
    margin-top: -25px;
  }

  .md\:-mr-25 {
    margin-right: -25px;
  }

  .md\:-mb-25 {
    margin-bottom: -25px;
  }

  .md\:-ml-25 {
    margin-left: -25px;
  }

  .md\:-mt-30 {
    margin-top: -30px;
  }

  .md\:-mr-30 {
    margin-right: -30px;
  }

  .md\:-mb-30 {
    margin-bottom: -30px;
  }

  .md\:-ml-30 {
    margin-left: -30px;
  }

  .md\:-mt-35 {
    margin-top: -35px;
  }

  .md\:-mr-35 {
    margin-right: -35px;
  }

  .md\:-mb-35 {
    margin-bottom: -35px;
  }

  .md\:-ml-35 {
    margin-left: -35px;
  }

  .md\:-mt-40 {
    margin-top: -40px;
  }

  .md\:-mr-40 {
    margin-right: -40px;
  }

  .md\:-mb-40 {
    margin-bottom: -40px;
  }

  .md\:-ml-40 {
    margin-left: -40px;
  }

  .md\:-mt-45 {
    margin-top: -45px;
  }

  .md\:-mr-45 {
    margin-right: -45px;
  }

  .md\:-mb-45 {
    margin-bottom: -45px;
  }

  .md\:-ml-45 {
    margin-left: -45px;
  }

  .md\:-mt-50 {
    margin-top: -50px;
  }

  .md\:-mr-50 {
    margin-right: -50px;
  }

  .md\:-mb-50 {
    margin-bottom: -50px;
  }

  .md\:-ml-50 {
    margin-left: -50px;
  }

  .md\:-mt-55 {
    margin-top: -55px;
  }

  .md\:-mr-55 {
    margin-right: -55px;
  }

  .md\:-mb-55 {
    margin-bottom: -55px;
  }

  .md\:-ml-55 {
    margin-left: -55px;
  }

  .md\:-mt-60 {
    margin-top: -60px;
  }

  .md\:-mr-60 {
    margin-right: -60px;
  }

  .md\:-mb-60 {
    margin-bottom: -60px;
  }

  .md\:-ml-60 {
    margin-left: -60px;
  }

  .md\:-mt-65 {
    margin-top: -65px;
  }

  .md\:-mr-65 {
    margin-right: -65px;
  }

  .md\:-mb-65 {
    margin-bottom: -65px;
  }

  .md\:-ml-65 {
    margin-left: -65px;
  }

  .md\:-mt-70 {
    margin-top: -70px;
  }

  .md\:-mr-70 {
    margin-right: -70px;
  }

  .md\:-mb-70 {
    margin-bottom: -70px;
  }

  .md\:-ml-70 {
    margin-left: -70px;
  }

  .md\:-mt-75 {
    margin-top: -75px;
  }

  .md\:-mr-75 {
    margin-right: -75px;
  }

  .md\:-mb-75 {
    margin-bottom: -75px;
  }

  .md\:-ml-75 {
    margin-left: -75px;
  }

  .md\:-mt-80 {
    margin-top: -80px;
  }

  .md\:-mr-80 {
    margin-right: -80px;
  }

  .md\:-mb-80 {
    margin-bottom: -80px;
  }

  .md\:-ml-80 {
    margin-left: -80px;
  }

  .md\:-mt-85 {
    margin-top: -85px;
  }

  .md\:-mr-85 {
    margin-right: -85px;
  }

  .md\:-mb-85 {
    margin-bottom: -85px;
  }

  .md\:-ml-85 {
    margin-left: -85px;
  }

  .md\:-mt-90 {
    margin-top: -90px;
  }

  .md\:-mr-90 {
    margin-right: -90px;
  }

  .md\:-mb-90 {
    margin-bottom: -90px;
  }

  .md\:-ml-90 {
    margin-left: -90px;
  }

  .md\:-mt-95 {
    margin-top: -95px;
  }

  .md\:-mr-95 {
    margin-right: -95px;
  }

  .md\:-mb-95 {
    margin-bottom: -95px;
  }

  .md\:-ml-95 {
    margin-left: -95px;
  }

  .md\:-mt-100 {
    margin-top: -100px;
  }

  .md\:-mr-100 {
    margin-right: -100px;
  }

  .md\:-mb-100 {
    margin-bottom: -100px;
  }

  .md\:-ml-100 {
    margin-left: -100px;
  }

  .md\:-mt-105 {
    margin-top: -105px;
  }

  .md\:-mr-105 {
    margin-right: -105px;
  }

  .md\:-mb-105 {
    margin-bottom: -105px;
  }

  .md\:-ml-105 {
    margin-left: -105px;
  }

  .md\:-mt-110 {
    margin-top: -110px;
  }

  .md\:-mr-110 {
    margin-right: -110px;
  }

  .md\:-mb-110 {
    margin-bottom: -110px;
  }

  .md\:-ml-110 {
    margin-left: -110px;
  }

  .md\:-mt-115 {
    margin-top: -115px;
  }

  .md\:-mr-115 {
    margin-right: -115px;
  }

  .md\:-mb-115 {
    margin-bottom: -115px;
  }

  .md\:-ml-115 {
    margin-left: -115px;
  }

  .md\:-mt-120 {
    margin-top: -120px;
  }

  .md\:-mr-120 {
    margin-right: -120px;
  }

  .md\:-mb-120 {
    margin-bottom: -120px;
  }

  .md\:-ml-120 {
    margin-left: -120px;
  }

  .md\:-mt-px {
    margin-top: -1px;
  }

  .md\:-mr-px {
    margin-right: -1px;
  }

  .md\:-mb-px {
    margin-bottom: -1px;
  }

  .md\:-ml-px {
    margin-left: -1px;
  }

  .md\:-mt-0\.5 {
    margin-top: -0.5px;
  }

  .md\:-mr-0\.5 {
    margin-right: -0.5px;
  }

  .md\:-mb-0\.5 {
    margin-bottom: -0.5px;
  }

  .md\:-ml-0\.5 {
    margin-left: -0.5px;
  }

  .md\:-mt-1\.5 {
    margin-top: -1.5px;
  }

  .md\:-mr-1\.5 {
    margin-right: -1.5px;
  }

  .md\:-mb-1\.5 {
    margin-bottom: -1.5px;
  }

  .md\:-ml-1\.5 {
    margin-left: -1.5px;
  }

  .md\:-mt-2\.5 {
    margin-top: -2.5px;
  }

  .md\:-mr-2\.5 {
    margin-right: -2.5px;
  }

  .md\:-mb-2\.5 {
    margin-bottom: -2.5px;
  }

  .md\:-ml-2\.5 {
    margin-left: -2.5px;
  }

  .md\:-mt-3\.5 {
    margin-top: -3.5px;
  }

  .md\:-mr-3\.5 {
    margin-right: -3.5px;
  }

  .md\:-mb-3\.5 {
    margin-bottom: -3.5px;
  }

  .md\:-ml-3\.5 {
    margin-left: -3.5px;
  }
}

.p-0 {
  padding: 0px;
}

.p-1 {
  padding: 1px;
}

.p-2 {
  padding: 2px;
}

.p-3 {
  padding: 3px;
}

.p-4 {
  padding: 4px;
}

.p-5 {
  padding: 5px;
}

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

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

.p-20 {
  padding: 20px;
}

.p-25 {
  padding: 25px;
}

.p-30 {
  padding: 30px;
}

.p-35 {
  padding: 35px;
}

.p-40 {
  padding: 40px;
}

.p-45 {
  padding: 45px;
}

.p-50 {
  padding: 50px;
}

.p-55 {
  padding: 55px;
}

.p-60 {
  padding: 60px;
}

.p-65 {
  padding: 65px;
}

.p-70 {
  padding: 70px;
}

.p-75 {
  padding: 75px;
}

.p-80 {
  padding: 80px;
}

.p-85 {
  padding: 85px;
}

.p-90 {
  padding: 90px;
}

.p-95 {
  padding: 95px;
}

.p-100 {
  padding: 100px;
}

.p-105 {
  padding: 105px;
}

.p-110 {
  padding: 110px;
}

.p-115 {
  padding: 115px;
}

.p-120 {
  padding: 120px;
}

.p-px {
  padding: 1px;
}

.p-0\.5 {
  padding: 0.5px;
}

.p-1\.5 {
  padding: 1.5px;
}

.p-2\.5 {
  padding: 2.5px;
}

.p-3\.5 {
  padding: 3.5px;
}

.py-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}

.px-0 {
  padding-left: 0px;
  padding-right: 0px;
}

.py-1 {
  padding-top: 1px;
  padding-bottom: 1px;
}

.px-1 {
  padding-left: 1px;
  padding-right: 1px;
}

.py-2 {
  padding-top: 2px;
  padding-bottom: 2px;
}

.px-2 {
  padding-left: 2px;
  padding-right: 2px;
}

.py-3 {
  padding-top: 3px;
  padding-bottom: 3px;
}

.px-3 {
  padding-left: 3px;
  padding-right: 3px;
}

.py-4 {
  padding-top: 4px;
  padding-bottom: 4px;
}

.px-4 {
  padding-left: 4px;
  padding-right: 4px;
}

.py-5 {
  padding-top: 5px;
  padding-bottom: 5px;
}

.px-5 {
  padding-left: 5px;
  padding-right: 5px;
}

.py-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.px-10 {
  padding-left: 10px;
  padding-right: 10px;
}

.py-15 {
  padding-top: 15px;
  padding-bottom: 15px;
}

.px-15 {
  padding-left: 15px;
  padding-right: 15px;
}

.py-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.px-20 {
  padding-left: 20px;
  padding-right: 20px;
}

.py-25 {
  padding-top: 25px;
  padding-bottom: 25px;
}

.px-25 {
  padding-left: 25px;
  padding-right: 25px;
}

.py-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.px-30 {
  padding-left: 30px;
  padding-right: 30px;
}

.py-35 {
  padding-top: 35px;
  padding-bottom: 35px;
}

.px-35 {
  padding-left: 35px;
  padding-right: 35px;
}

.py-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.px-40 {
  padding-left: 40px;
  padding-right: 40px;
}

.py-45 {
  padding-top: 45px;
  padding-bottom: 45px;
}

.px-45 {
  padding-left: 45px;
  padding-right: 45px;
}

.py-50 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.px-50 {
  padding-left: 50px;
  padding-right: 50px;
}

.py-55 {
  padding-top: 55px;
  padding-bottom: 55px;
}

.px-55 {
  padding-left: 55px;
  padding-right: 55px;
}

.py-60 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.px-60 {
  padding-left: 60px;
  padding-right: 60px;
}

.py-65 {
  padding-top: 65px;
  padding-bottom: 65px;
}

.px-65 {
  padding-left: 65px;
  padding-right: 65px;
}

.py-70 {
  padding-top: 70px;
  padding-bottom: 70px;
}

.px-70 {
  padding-left: 70px;
  padding-right: 70px;
}

.py-75 {
  padding-top: 75px;
  padding-bottom: 75px;
}

.px-75 {
  padding-left: 75px;
  padding-right: 75px;
}

.py-80 {
  padding-top: 80px;
  padding-bottom: 80px;
}

.px-80 {
  padding-left: 80px;
  padding-right: 80px;
}

.py-85 {
  padding-top: 85px;
  padding-bottom: 85px;
}

.px-85 {
  padding-left: 85px;
  padding-right: 85px;
}

.py-90 {
  padding-top: 90px;
  padding-bottom: 90px;
}

.px-90 {
  padding-left: 90px;
  padding-right: 90px;
}

.py-95 {
  padding-top: 95px;
  padding-bottom: 95px;
}

.px-95 {
  padding-left: 95px;
  padding-right: 95px;
}

.py-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.px-100 {
  padding-left: 100px;
  padding-right: 100px;
}

.py-105 {
  padding-top: 105px;
  padding-bottom: 105px;
}

.px-105 {
  padding-left: 105px;
  padding-right: 105px;
}

.py-110 {
  padding-top: 110px;
  padding-bottom: 110px;
}

.px-110 {
  padding-left: 110px;
  padding-right: 110px;
}

.py-115 {
  padding-top: 115px;
  padding-bottom: 115px;
}

.px-115 {
  padding-left: 115px;
  padding-right: 115px;
}

.py-120 {
  padding-top: 120px;
  padding-bottom: 120px;
}

.px-120 {
  padding-left: 120px;
  padding-right: 120px;
}

.py-px {
  padding-top: 1px;
  padding-bottom: 1px;
}

.px-px {
  padding-left: 1px;
  padding-right: 1px;
}

.py-0\.5 {
  padding-top: 0.5px;
  padding-bottom: 0.5px;
}

.px-0\.5 {
  padding-left: 0.5px;
  padding-right: 0.5px;
}

.py-1\.5 {
  padding-top: 1.5px;
  padding-bottom: 1.5px;
}

.px-1\.5 {
  padding-left: 1.5px;
  padding-right: 1.5px;
}

.py-2\.5 {
  padding-top: 2.5px;
  padding-bottom: 2.5px;
}

.px-2\.5 {
  padding-left: 2.5px;
  padding-right: 2.5px;
}

.py-3\.5 {
  padding-top: 3.5px;
  padding-bottom: 3.5px;
}

.px-3\.5 {
  padding-left: 3.5px;
  padding-right: 3.5px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.pt-45 {
  padding-top: 45px;
}

.pr-45 {
  padding-right: 45px;
}

.pb-45 {
  padding-bottom: 45px;
}

.pl-45 {
  padding-left: 45px;
}

.pt-50 {
  padding-top: 50px;
}

.pr-50 {
  padding-right: 50px;
}

.pb-50 {
  padding-bottom: 50px;
}

.pl-50 {
  padding-left: 50px;
}

.pt-55 {
  padding-top: 55px;
}

.pr-55 {
  padding-right: 55px;
}

.pb-55 {
  padding-bottom: 55px;
}

.pl-55 {
  padding-left: 55px;
}

.pt-60 {
  padding-top: 60px;
}

.pr-60 {
  padding-right: 60px;
}

.pb-60 {
  padding-bottom: 60px;
}

.pl-60 {
  padding-left: 60px;
}

.pt-65 {
  padding-top: 65px;
}

.pr-65 {
  padding-right: 65px;
}

.pb-65 {
  padding-bottom: 65px;
}

.pl-65 {
  padding-left: 65px;
}

.pt-70 {
  padding-top: 70px;
}

.pr-70 {
  padding-right: 70px;
}

.pb-70 {
  padding-bottom: 70px;
}

.pl-70 {
  padding-left: 70px;
}

.pt-75 {
  padding-top: 75px;
}

.pr-75 {
  padding-right: 75px;
}

.pb-75 {
  padding-bottom: 75px;
}

.pl-75 {
  padding-left: 75px;
}

.pt-80 {
  padding-top: 80px;
}

.pr-80 {
  padding-right: 80px;
}

.pb-80 {
  padding-bottom: 80px;
}

.pl-80 {
  padding-left: 80px;
}

.pt-85 {
  padding-top: 85px;
}

.pr-85 {
  padding-right: 85px;
}

.pb-85 {
  padding-bottom: 85px;
}

.pl-85 {
  padding-left: 85px;
}

.pt-90 {
  padding-top: 90px;
}

.pr-90 {
  padding-right: 90px;
}

.pb-90 {
  padding-bottom: 90px;
}

.pl-90 {
  padding-left: 90px;
}

.pt-95 {
  padding-top: 95px;
}

.pr-95 {
  padding-right: 95px;
}

.pb-95 {
  padding-bottom: 95px;
}

.pl-95 {
  padding-left: 95px;
}

.pt-100 {
  padding-top: 100px;
}

.pr-100 {
  padding-right: 100px;
}

.pb-100 {
  padding-bottom: 100px;
}

.pl-100 {
  padding-left: 100px;
}

.pt-105 {
  padding-top: 105px;
}

.pr-105 {
  padding-right: 105px;
}

.pb-105 {
  padding-bottom: 105px;
}

.pl-105 {
  padding-left: 105px;
}

.pt-110 {
  padding-top: 110px;
}

.pr-110 {
  padding-right: 110px;
}

.pb-110 {
  padding-bottom: 110px;
}

.pl-110 {
  padding-left: 110px;
}

.pt-115 {
  padding-top: 115px;
}

.pr-115 {
  padding-right: 115px;
}

.pb-115 {
  padding-bottom: 115px;
}

.pl-115 {
  padding-left: 115px;
}

.pt-120 {
  padding-top: 120px;
}

.pr-120 {
  padding-right: 120px;
}

.pb-120 {
  padding-bottom: 120px;
}

.pl-120 {
  padding-left: 120px;
}

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

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

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

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

.pt-0\.5 {
  padding-top: 0.5px;
}

.pr-0\.5 {
  padding-right: 0.5px;
}

.pb-0\.5 {
  padding-bottom: 0.5px;
}

.pl-0\.5 {
  padding-left: 0.5px;
}

.pt-1\.5 {
  padding-top: 1.5px;
}

.pr-1\.5 {
  padding-right: 1.5px;
}

.pb-1\.5 {
  padding-bottom: 1.5px;
}

.pl-1\.5 {
  padding-left: 1.5px;
}

.pt-2\.5 {
  padding-top: 2.5px;
}

.pr-2\.5 {
  padding-right: 2.5px;
}

.pb-2\.5 {
  padding-bottom: 2.5px;
}

.pl-2\.5 {
  padding-left: 2.5px;
}

.pt-3\.5 {
  padding-top: 3.5px;
}

.pr-3\.5 {
  padding-right: 3.5px;
}

.pb-3\.5 {
  padding-bottom: 3.5px;
}

.pl-3\.5 {
  padding-left: 3.5px;
}

@media screen and (max-width: 768px) {
  .sm\:p-0 {
    padding: 0px;
  }

  .sm\:p-1 {
    padding: 1px;
  }

  .sm\:p-2 {
    padding: 2px;
  }

  .sm\:p-3 {
    padding: 3px;
  }

  .sm\:p-4 {
    padding: 4px;
  }

  .sm\:p-5 {
    padding: 5px;
  }

  .sm\:p-10 {
    padding: 10px;
  }

  .sm\:p-15 {
    padding: 15px;
  }

  .sm\:p-20 {
    padding: 20px;
  }

  .sm\:p-25 {
    padding: 25px;
  }

  .sm\:p-30 {
    padding: 30px;
  }

  .sm\:p-35 {
    padding: 35px;
  }

  .sm\:p-40 {
    padding: 40px;
  }

  .sm\:p-45 {
    padding: 45px;
  }

  .sm\:p-50 {
    padding: 50px;
  }

  .sm\:p-55 {
    padding: 55px;
  }

  .sm\:p-60 {
    padding: 60px;
  }

  .sm\:p-65 {
    padding: 65px;
  }

  .sm\:p-70 {
    padding: 70px;
  }

  .sm\:p-75 {
    padding: 75px;
  }

  .sm\:p-80 {
    padding: 80px;
  }

  .sm\:p-85 {
    padding: 85px;
  }

  .sm\:p-90 {
    padding: 90px;
  }

  .sm\:p-95 {
    padding: 95px;
  }

  .sm\:p-100 {
    padding: 100px;
  }

  .sm\:p-105 {
    padding: 105px;
  }

  .sm\:p-110 {
    padding: 110px;
  }

  .sm\:p-115 {
    padding: 115px;
  }

  .sm\:p-120 {
    padding: 120px;
  }

  .sm\:p-px {
    padding: 1px;
  }

  .sm\:p-0\.5 {
    padding: 0.5px;
  }

  .sm\:p-1\.5 {
    padding: 1.5px;
  }

  .sm\:p-2\.5 {
    padding: 2.5px;
  }

  .sm\:p-3\.5 {
    padding: 3.5px;
  }

  .sm\:py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .sm\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .sm\:py-1 {
    padding-top: 1px;
    padding-bottom: 1px;
  }

  .sm\:px-1 {
    padding-left: 1px;
    padding-right: 1px;
  }

  .sm\:py-2 {
    padding-top: 2px;
    padding-bottom: 2px;
  }

  .sm\:px-2 {
    padding-left: 2px;
    padding-right: 2px;
  }

  .sm\:py-3 {
    padding-top: 3px;
    padding-bottom: 3px;
  }

  .sm\:px-3 {
    padding-left: 3px;
    padding-right: 3px;
  }

  .sm\:py-4 {
    padding-top: 4px;
    padding-bottom: 4px;
  }

  .sm\:px-4 {
    padding-left: 4px;
    padding-right: 4px;
  }

  .sm\:py-5 {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .sm\:px-5 {
    padding-left: 5px;
    padding-right: 5px;
  }

  .sm\:py-10 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .sm\:px-10 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .sm\:py-15 {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .sm\:px-15 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .sm\:py-20 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .sm\:px-20 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .sm\:py-25 {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .sm\:px-25 {
    padding-left: 25px;
    padding-right: 25px;
  }

  .sm\:py-30 {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .sm\:px-30 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .sm\:py-35 {
    padding-top: 35px;
    padding-bottom: 35px;
  }

  .sm\:px-35 {
    padding-left: 35px;
    padding-right: 35px;
  }

  .sm\:py-40 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .sm\:px-40 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .sm\:py-45 {
    padding-top: 45px;
    padding-bottom: 45px;
  }

  .sm\:px-45 {
    padding-left: 45px;
    padding-right: 45px;
  }

  .sm\:py-50 {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .sm\:px-50 {
    padding-left: 50px;
    padding-right: 50px;
  }

  .sm\:py-55 {
    padding-top: 55px;
    padding-bottom: 55px;
  }

  .sm\:px-55 {
    padding-left: 55px;
    padding-right: 55px;
  }

  .sm\:py-60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .sm\:px-60 {
    padding-left: 60px;
    padding-right: 60px;
  }

  .sm\:py-65 {
    padding-top: 65px;
    padding-bottom: 65px;
  }

  .sm\:px-65 {
    padding-left: 65px;
    padding-right: 65px;
  }

  .sm\:py-70 {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .sm\:px-70 {
    padding-left: 70px;
    padding-right: 70px;
  }

  .sm\:py-75 {
    padding-top: 75px;
    padding-bottom: 75px;
  }

  .sm\:px-75 {
    padding-left: 75px;
    padding-right: 75px;
  }

  .sm\:py-80 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .sm\:px-80 {
    padding-left: 80px;
    padding-right: 80px;
  }

  .sm\:py-85 {
    padding-top: 85px;
    padding-bottom: 85px;
  }

  .sm\:px-85 {
    padding-left: 85px;
    padding-right: 85px;
  }

  .sm\:py-90 {
    padding-top: 90px;
    padding-bottom: 90px;
  }

  .sm\:px-90 {
    padding-left: 90px;
    padding-right: 90px;
  }

  .sm\:py-95 {
    padding-top: 95px;
    padding-bottom: 95px;
  }

  .sm\:px-95 {
    padding-left: 95px;
    padding-right: 95px;
  }

  .sm\:py-100 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .sm\:px-100 {
    padding-left: 100px;
    padding-right: 100px;
  }

  .sm\:py-105 {
    padding-top: 105px;
    padding-bottom: 105px;
  }

  .sm\:px-105 {
    padding-left: 105px;
    padding-right: 105px;
  }

  .sm\:py-110 {
    padding-top: 110px;
    padding-bottom: 110px;
  }

  .sm\:px-110 {
    padding-left: 110px;
    padding-right: 110px;
  }

  .sm\:py-115 {
    padding-top: 115px;
    padding-bottom: 115px;
  }

  .sm\:px-115 {
    padding-left: 115px;
    padding-right: 115px;
  }

  .sm\:py-120 {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .sm\:px-120 {
    padding-left: 120px;
    padding-right: 120px;
  }

  .sm\:py-px {
    padding-top: 1px;
    padding-bottom: 1px;
  }

  .sm\:px-px {
    padding-left: 1px;
    padding-right: 1px;
  }

  .sm\:py-0\.5 {
    padding-top: 0.5px;
    padding-bottom: 0.5px;
  }

  .sm\:px-0\.5 {
    padding-left: 0.5px;
    padding-right: 0.5px;
  }

  .sm\:py-1\.5 {
    padding-top: 1.5px;
    padding-bottom: 1.5px;
  }

  .sm\:px-1\.5 {
    padding-left: 1.5px;
    padding-right: 1.5px;
  }

  .sm\:py-2\.5 {
    padding-top: 2.5px;
    padding-bottom: 2.5px;
  }

  .sm\:px-2\.5 {
    padding-left: 2.5px;
    padding-right: 2.5px;
  }

  .sm\:py-3\.5 {
    padding-top: 3.5px;
    padding-bottom: 3.5px;
  }

  .sm\:px-3\.5 {
    padding-left: 3.5px;
    padding-right: 3.5px;
  }

  .sm\:pt-0 {
    padding-top: 0px;
  }

  .sm\:pr-0 {
    padding-right: 0px;
  }

  .sm\:pb-0 {
    padding-bottom: 0px;
  }

  .sm\:pl-0 {
    padding-left: 0px;
  }

  .sm\:pt-1 {
    padding-top: 1px;
  }

  .sm\:pr-1 {
    padding-right: 1px;
  }

  .sm\:pb-1 {
    padding-bottom: 1px;
  }

  .sm\:pl-1 {
    padding-left: 1px;
  }

  .sm\:pt-2 {
    padding-top: 2px;
  }

  .sm\:pr-2 {
    padding-right: 2px;
  }

  .sm\:pb-2 {
    padding-bottom: 2px;
  }

  .sm\:pl-2 {
    padding-left: 2px;
  }

  .sm\:pt-3 {
    padding-top: 3px;
  }

  .sm\:pr-3 {
    padding-right: 3px;
  }

  .sm\:pb-3 {
    padding-bottom: 3px;
  }

  .sm\:pl-3 {
    padding-left: 3px;
  }

  .sm\:pt-4 {
    padding-top: 4px;
  }

  .sm\:pr-4 {
    padding-right: 4px;
  }

  .sm\:pb-4 {
    padding-bottom: 4px;
  }

  .sm\:pl-4 {
    padding-left: 4px;
  }

  .sm\:pt-5 {
    padding-top: 5px;
  }

  .sm\:pr-5 {
    padding-right: 5px;
  }

  .sm\:pb-5 {
    padding-bottom: 5px;
  }

  .sm\:pl-5 {
    padding-left: 5px;
  }

  .sm\:pt-10 {
    padding-top: 10px;
  }

  .sm\:pr-10 {
    padding-right: 10px;
  }

  .sm\:pb-10 {
    padding-bottom: 10px;
  }

  .sm\:pl-10 {
    padding-left: 10px;
  }

  .sm\:pt-15 {
    padding-top: 15px;
  }

  .sm\:pr-15 {
    padding-right: 15px;
  }

  .sm\:pb-15 {
    padding-bottom: 15px;
  }

  .sm\:pl-15 {
    padding-left: 15px;
  }

  .sm\:pt-20 {
    padding-top: 20px;
  }

  .sm\:pr-20 {
    padding-right: 20px;
  }

  .sm\:pb-20 {
    padding-bottom: 20px;
  }

  .sm\:pl-20 {
    padding-left: 20px;
  }

  .sm\:pt-25 {
    padding-top: 25px;
  }

  .sm\:pr-25 {
    padding-right: 25px;
  }

  .sm\:pb-25 {
    padding-bottom: 25px;
  }

  .sm\:pl-25 {
    padding-left: 25px;
  }

  .sm\:pt-30 {
    padding-top: 30px;
  }

  .sm\:pr-30 {
    padding-right: 30px;
  }

  .sm\:pb-30 {
    padding-bottom: 30px;
  }

  .sm\:pl-30 {
    padding-left: 30px;
  }

  .sm\:pt-35 {
    padding-top: 35px;
  }

  .sm\:pr-35 {
    padding-right: 35px;
  }

  .sm\:pb-35 {
    padding-bottom: 35px;
  }

  .sm\:pl-35 {
    padding-left: 35px;
  }

  .sm\:pt-40 {
    padding-top: 40px;
  }

  .sm\:pr-40 {
    padding-right: 40px;
  }

  .sm\:pb-40 {
    padding-bottom: 40px;
  }

  .sm\:pl-40 {
    padding-left: 40px;
  }

  .sm\:pt-45 {
    padding-top: 45px;
  }

  .sm\:pr-45 {
    padding-right: 45px;
  }

  .sm\:pb-45 {
    padding-bottom: 45px;
  }

  .sm\:pl-45 {
    padding-left: 45px;
  }

  .sm\:pt-50 {
    padding-top: 50px;
  }

  .sm\:pr-50 {
    padding-right: 50px;
  }

  .sm\:pb-50 {
    padding-bottom: 50px;
  }

  .sm\:pl-50 {
    padding-left: 50px;
  }

  .sm\:pt-55 {
    padding-top: 55px;
  }

  .sm\:pr-55 {
    padding-right: 55px;
  }

  .sm\:pb-55 {
    padding-bottom: 55px;
  }

  .sm\:pl-55 {
    padding-left: 55px;
  }

  .sm\:pt-60 {
    padding-top: 60px;
  }

  .sm\:pr-60 {
    padding-right: 60px;
  }

  .sm\:pb-60 {
    padding-bottom: 60px;
  }

  .sm\:pl-60 {
    padding-left: 60px;
  }

  .sm\:pt-65 {
    padding-top: 65px;
  }

  .sm\:pr-65 {
    padding-right: 65px;
  }

  .sm\:pb-65 {
    padding-bottom: 65px;
  }

  .sm\:pl-65 {
    padding-left: 65px;
  }

  .sm\:pt-70 {
    padding-top: 70px;
  }

  .sm\:pr-70 {
    padding-right: 70px;
  }

  .sm\:pb-70 {
    padding-bottom: 70px;
  }

  .sm\:pl-70 {
    padding-left: 70px;
  }

  .sm\:pt-75 {
    padding-top: 75px;
  }

  .sm\:pr-75 {
    padding-right: 75px;
  }

  .sm\:pb-75 {
    padding-bottom: 75px;
  }

  .sm\:pl-75 {
    padding-left: 75px;
  }

  .sm\:pt-80 {
    padding-top: 80px;
  }

  .sm\:pr-80 {
    padding-right: 80px;
  }

  .sm\:pb-80 {
    padding-bottom: 80px;
  }

  .sm\:pl-80 {
    padding-left: 80px;
  }

  .sm\:pt-85 {
    padding-top: 85px;
  }

  .sm\:pr-85 {
    padding-right: 85px;
  }

  .sm\:pb-85 {
    padding-bottom: 85px;
  }

  .sm\:pl-85 {
    padding-left: 85px;
  }

  .sm\:pt-90 {
    padding-top: 90px;
  }

  .sm\:pr-90 {
    padding-right: 90px;
  }

  .sm\:pb-90 {
    padding-bottom: 90px;
  }

  .sm\:pl-90 {
    padding-left: 90px;
  }

  .sm\:pt-95 {
    padding-top: 95px;
  }

  .sm\:pr-95 {
    padding-right: 95px;
  }

  .sm\:pb-95 {
    padding-bottom: 95px;
  }

  .sm\:pl-95 {
    padding-left: 95px;
  }

  .sm\:pt-100 {
    padding-top: 100px;
  }

  .sm\:pr-100 {
    padding-right: 100px;
  }

  .sm\:pb-100 {
    padding-bottom: 100px;
  }

  .sm\:pl-100 {
    padding-left: 100px;
  }

  .sm\:pt-105 {
    padding-top: 105px;
  }

  .sm\:pr-105 {
    padding-right: 105px;
  }

  .sm\:pb-105 {
    padding-bottom: 105px;
  }

  .sm\:pl-105 {
    padding-left: 105px;
  }

  .sm\:pt-110 {
    padding-top: 110px;
  }

  .sm\:pr-110 {
    padding-right: 110px;
  }

  .sm\:pb-110 {
    padding-bottom: 110px;
  }

  .sm\:pl-110 {
    padding-left: 110px;
  }

  .sm\:pt-115 {
    padding-top: 115px;
  }

  .sm\:pr-115 {
    padding-right: 115px;
  }

  .sm\:pb-115 {
    padding-bottom: 115px;
  }

  .sm\:pl-115 {
    padding-left: 115px;
  }

  .sm\:pt-120 {
    padding-top: 120px;
  }

  .sm\:pr-120 {
    padding-right: 120px;
  }

  .sm\:pb-120 {
    padding-bottom: 120px;
  }

  .sm\:pl-120 {
    padding-left: 120px;
  }

  .sm\:pt-px {
    padding-top: 1px;
  }

  .sm\:pr-px {
    padding-right: 1px;
  }

  .sm\:pb-px {
    padding-bottom: 1px;
  }

  .sm\:pl-px {
    padding-left: 1px;
  }

  .sm\:pt-0\.5 {
    padding-top: 0.5px;
  }

  .sm\:pr-0\.5 {
    padding-right: 0.5px;
  }

  .sm\:pb-0\.5 {
    padding-bottom: 0.5px;
  }

  .sm\:pl-0\.5 {
    padding-left: 0.5px;
  }

  .sm\:pt-1\.5 {
    padding-top: 1.5px;
  }

  .sm\:pr-1\.5 {
    padding-right: 1.5px;
  }

  .sm\:pb-1\.5 {
    padding-bottom: 1.5px;
  }

  .sm\:pl-1\.5 {
    padding-left: 1.5px;
  }

  .sm\:pt-2\.5 {
    padding-top: 2.5px;
  }

  .sm\:pr-2\.5 {
    padding-right: 2.5px;
  }

  .sm\:pb-2\.5 {
    padding-bottom: 2.5px;
  }

  .sm\:pl-2\.5 {
    padding-left: 2.5px;
  }

  .sm\:pt-3\.5 {
    padding-top: 3.5px;
  }

  .sm\:pr-3\.5 {
    padding-right: 3.5px;
  }

  .sm\:pb-3\.5 {
    padding-bottom: 3.5px;
  }

  .sm\:pl-3\.5 {
    padding-left: 3.5px;
  }
}

@media screen and (max-width: 992px) {
  .md\:p-0 {
    padding: 0px;
  }

  .md\:p-1 {
    padding: 1px;
  }

  .md\:p-2 {
    padding: 2px;
  }

  .md\:p-3 {
    padding: 3px;
  }

  .md\:p-4 {
    padding: 4px;
  }

  .md\:p-5 {
    padding: 5px;
  }

  .md\:p-10 {
    padding: 10px;
  }

  .md\:p-15 {
    padding: 15px;
  }

  .md\:p-20 {
    padding: 20px;
  }

  .md\:p-25 {
    padding: 25px;
  }

  .md\:p-30 {
    padding: 30px;
  }

  .md\:p-35 {
    padding: 35px;
  }

  .md\:p-40 {
    padding: 40px;
  }

  .md\:p-45 {
    padding: 45px;
  }

  .md\:p-50 {
    padding: 50px;
  }

  .md\:p-55 {
    padding: 55px;
  }

  .md\:p-60 {
    padding: 60px;
  }

  .md\:p-65 {
    padding: 65px;
  }

  .md\:p-70 {
    padding: 70px;
  }

  .md\:p-75 {
    padding: 75px;
  }

  .md\:p-80 {
    padding: 80px;
  }

  .md\:p-85 {
    padding: 85px;
  }

  .md\:p-90 {
    padding: 90px;
  }

  .md\:p-95 {
    padding: 95px;
  }

  .md\:p-100 {
    padding: 100px;
  }

  .md\:p-105 {
    padding: 105px;
  }

  .md\:p-110 {
    padding: 110px;
  }

  .md\:p-115 {
    padding: 115px;
  }

  .md\:p-120 {
    padding: 120px;
  }

  .md\:p-px {
    padding: 1px;
  }

  .md\:p-0\.5 {
    padding: 0.5px;
  }

  .md\:p-1\.5 {
    padding: 1.5px;
  }

  .md\:p-2\.5 {
    padding: 2.5px;
  }

  .md\:p-3\.5 {
    padding: 3.5px;
  }

  .md\:py-0 {
    padding-top: 0px;
    padding-bottom: 0px;
  }

  .md\:px-0 {
    padding-left: 0px;
    padding-right: 0px;
  }

  .md\:py-1 {
    padding-top: 1px;
    padding-bottom: 1px;
  }

  .md\:px-1 {
    padding-left: 1px;
    padding-right: 1px;
  }

  .md\:py-2 {
    padding-top: 2px;
    padding-bottom: 2px;
  }

  .md\:px-2 {
    padding-left: 2px;
    padding-right: 2px;
  }

  .md\:py-3 {
    padding-top: 3px;
    padding-bottom: 3px;
  }

  .md\:px-3 {
    padding-left: 3px;
    padding-right: 3px;
  }

  .md\:py-4 {
    padding-top: 4px;
    padding-bottom: 4px;
  }

  .md\:px-4 {
    padding-left: 4px;
    padding-right: 4px;
  }

  .md\:py-5 {
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .md\:px-5 {
    padding-left: 5px;
    padding-right: 5px;
  }

  .md\:py-10 {
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .md\:px-10 {
    padding-left: 10px;
    padding-right: 10px;
  }

  .md\:py-15 {
    padding-top: 15px;
    padding-bottom: 15px;
  }

  .md\:px-15 {
    padding-left: 15px;
    padding-right: 15px;
  }

  .md\:py-20 {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .md\:px-20 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .md\:py-25 {
    padding-top: 25px;
    padding-bottom: 25px;
  }

  .md\:px-25 {
    padding-left: 25px;
    padding-right: 25px;
  }

  .md\:py-30 {
    padding-top: 30px;
    padding-bottom: 30px;
  }

  .md\:px-30 {
    padding-left: 30px;
    padding-right: 30px;
  }

  .md\:py-35 {
    padding-top: 35px;
    padding-bottom: 35px;
  }

  .md\:px-35 {
    padding-left: 35px;
    padding-right: 35px;
  }

  .md\:py-40 {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .md\:px-40 {
    padding-left: 40px;
    padding-right: 40px;
  }

  .md\:py-45 {
    padding-top: 45px;
    padding-bottom: 45px;
  }

  .md\:px-45 {
    padding-left: 45px;
    padding-right: 45px;
  }

  .md\:py-50 {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .md\:px-50 {
    padding-left: 50px;
    padding-right: 50px;
  }

  .md\:py-55 {
    padding-top: 55px;
    padding-bottom: 55px;
  }

  .md\:px-55 {
    padding-left: 55px;
    padding-right: 55px;
  }

  .md\:py-60 {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .md\:px-60 {
    padding-left: 60px;
    padding-right: 60px;
  }

  .md\:py-65 {
    padding-top: 65px;
    padding-bottom: 65px;
  }

  .md\:px-65 {
    padding-left: 65px;
    padding-right: 65px;
  }

  .md\:py-70 {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .md\:px-70 {
    padding-left: 70px;
    padding-right: 70px;
  }

  .md\:py-75 {
    padding-top: 75px;
    padding-bottom: 75px;
  }

  .md\:px-75 {
    padding-left: 75px;
    padding-right: 75px;
  }

  .md\:py-80 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .md\:px-80 {
    padding-left: 80px;
    padding-right: 80px;
  }

  .md\:py-85 {
    padding-top: 85px;
    padding-bottom: 85px;
  }

  .md\:px-85 {
    padding-left: 85px;
    padding-right: 85px;
  }

  .md\:py-90 {
    padding-top: 90px;
    padding-bottom: 90px;
  }

  .md\:px-90 {
    padding-left: 90px;
    padding-right: 90px;
  }

  .md\:py-95 {
    padding-top: 95px;
    padding-bottom: 95px;
  }

  .md\:px-95 {
    padding-left: 95px;
    padding-right: 95px;
  }

  .md\:py-100 {
    padding-top: 100px;
    padding-bottom: 100px;
  }

  .md\:px-100 {
    padding-left: 100px;
    padding-right: 100px;
  }

  .md\:py-105 {
    padding-top: 105px;
    padding-bottom: 105px;
  }

  .md\:px-105 {
    padding-left: 105px;
    padding-right: 105px;
  }

  .md\:py-110 {
    padding-top: 110px;
    padding-bottom: 110px;
  }

  .md\:px-110 {
    padding-left: 110px;
    padding-right: 110px;
  }

  .md\:py-115 {
    padding-top: 115px;
    padding-bottom: 115px;
  }

  .md\:px-115 {
    padding-left: 115px;
    padding-right: 115px;
  }

  .md\:py-120 {
    padding-top: 120px;
    padding-bottom: 120px;
  }

  .md\:px-120 {
    padding-left: 120px;
    padding-right: 120px;
  }

  .md\:py-px {
    padding-top: 1px;
    padding-bottom: 1px;
  }

  .md\:px-px {
    padding-left: 1px;
    padding-right: 1px;
  }

  .md\:py-0\.5 {
    padding-top: 0.5px;
    padding-bottom: 0.5px;
  }

  .md\:px-0\.5 {
    padding-left: 0.5px;
    padding-right: 0.5px;
  }

  .md\:py-1\.5 {
    padding-top: 1.5px;
    padding-bottom: 1.5px;
  }

  .md\:px-1\.5 {
    padding-left: 1.5px;
    padding-right: 1.5px;
  }

  .md\:py-2\.5 {
    padding-top: 2.5px;
    padding-bottom: 2.5px;
  }

  .md\:px-2\.5 {
    padding-left: 2.5px;
    padding-right: 2.5px;
  }

  .md\:py-3\.5 {
    padding-top: 3.5px;
    padding-bottom: 3.5px;
  }

  .md\:px-3\.5 {
    padding-left: 3.5px;
    padding-right: 3.5px;
  }

  .md\:pt-0 {
    padding-top: 0px;
  }

  .md\:pr-0 {
    padding-right: 0px;
  }

  .md\:pb-0 {
    padding-bottom: 0px;
  }

  .md\:pl-0 {
    padding-left: 0px;
  }

  .md\:pt-1 {
    padding-top: 1px;
  }

  .md\:pr-1 {
    padding-right: 1px;
  }

  .md\:pb-1 {
    padding-bottom: 1px;
  }

  .md\:pl-1 {
    padding-left: 1px;
  }

  .md\:pt-2 {
    padding-top: 2px;
  }

  .md\:pr-2 {
    padding-right: 2px;
  }

  .md\:pb-2 {
    padding-bottom: 2px;
  }

  .md\:pl-2 {
    padding-left: 2px;
  }

  .md\:pt-3 {
    padding-top: 3px;
  }

  .md\:pr-3 {
    padding-right: 3px;
  }

  .md\:pb-3 {
    padding-bottom: 3px;
  }

  .md\:pl-3 {
    padding-left: 3px;
  }

  .md\:pt-4 {
    padding-top: 4px;
  }

  .md\:pr-4 {
    padding-right: 4px;
  }

  .md\:pb-4 {
    padding-bottom: 4px;
  }

  .md\:pl-4 {
    padding-left: 4px;
  }

  .md\:pt-5 {
    padding-top: 5px;
  }

  .md\:pr-5 {
    padding-right: 5px;
  }

  .md\:pb-5 {
    padding-bottom: 5px;
  }

  .md\:pl-5 {
    padding-left: 5px;
  }

  .md\:pt-10 {
    padding-top: 10px;
  }

  .md\:pr-10 {
    padding-right: 10px;
  }

  .md\:pb-10 {
    padding-bottom: 10px;
  }

  .md\:pl-10 {
    padding-left: 10px;
  }

  .md\:pt-15 {
    padding-top: 15px;
  }

  .md\:pr-15 {
    padding-right: 15px;
  }

  .md\:pb-15 {
    padding-bottom: 15px;
  }

  .md\:pl-15 {
    padding-left: 15px;
  }

  .md\:pt-20 {
    padding-top: 20px;
  }

  .md\:pr-20 {
    padding-right: 20px;
  }

  .md\:pb-20 {
    padding-bottom: 20px;
  }

  .md\:pl-20 {
    padding-left: 20px;
  }

  .md\:pt-25 {
    padding-top: 25px;
  }

  .md\:pr-25 {
    padding-right: 25px;
  }

  .md\:pb-25 {
    padding-bottom: 25px;
  }

  .md\:pl-25 {
    padding-left: 25px;
  }

  .md\:pt-30 {
    padding-top: 30px;
  }

  .md\:pr-30 {
    padding-right: 30px;
  }

  .md\:pb-30 {
    padding-bottom: 30px;
  }

  .md\:pl-30 {
    padding-left: 30px;
  }

  .md\:pt-35 {
    padding-top: 35px;
  }

  .md\:pr-35 {
    padding-right: 35px;
  }

  .md\:pb-35 {
    padding-bottom: 35px;
  }

  .md\:pl-35 {
    padding-left: 35px;
  }

  .md\:pt-40 {
    padding-top: 40px;
  }

  .md\:pr-40 {
    padding-right: 40px;
  }

  .md\:pb-40 {
    padding-bottom: 40px;
  }

  .md\:pl-40 {
    padding-left: 40px;
  }

  .md\:pt-45 {
    padding-top: 45px;
  }

  .md\:pr-45 {
    padding-right: 45px;
  }

  .md\:pb-45 {
    padding-bottom: 45px;
  }

  .md\:pl-45 {
    padding-left: 45px;
  }

  .md\:pt-50 {
    padding-top: 50px;
  }

  .md\:pr-50 {
    padding-right: 50px;
  }

  .md\:pb-50 {
    padding-bottom: 50px;
  }

  .md\:pl-50 {
    padding-left: 50px;
  }

  .md\:pt-55 {
    padding-top: 55px;
  }

  .md\:pr-55 {
    padding-right: 55px;
  }

  .md\:pb-55 {
    padding-bottom: 55px;
  }

  .md\:pl-55 {
    padding-left: 55px;
  }

  .md\:pt-60 {
    padding-top: 60px;
  }

  .md\:pr-60 {
    padding-right: 60px;
  }

  .md\:pb-60 {
    padding-bottom: 60px;
  }

  .md\:pl-60 {
    padding-left: 60px;
  }

  .md\:pt-65 {
    padding-top: 65px;
  }

  .md\:pr-65 {
    padding-right: 65px;
  }

  .md\:pb-65 {
    padding-bottom: 65px;
  }

  .md\:pl-65 {
    padding-left: 65px;
  }

  .md\:pt-70 {
    padding-top: 70px;
  }

  .md\:pr-70 {
    padding-right: 70px;
  }

  .md\:pb-70 {
    padding-bottom: 70px;
  }

  .md\:pl-70 {
    padding-left: 70px;
  }

  .md\:pt-75 {
    padding-top: 75px;
  }

  .md\:pr-75 {
    padding-right: 75px;
  }

  .md\:pb-75 {
    padding-bottom: 75px;
  }

  .md\:pl-75 {
    padding-left: 75px;
  }

  .md\:pt-80 {
    padding-top: 80px;
  }

  .md\:pr-80 {
    padding-right: 80px;
  }

  .md\:pb-80 {
    padding-bottom: 80px;
  }

  .md\:pl-80 {
    padding-left: 80px;
  }

  .md\:pt-85 {
    padding-top: 85px;
  }

  .md\:pr-85 {
    padding-right: 85px;
  }

  .md\:pb-85 {
    padding-bottom: 85px;
  }

  .md\:pl-85 {
    padding-left: 85px;
  }

  .md\:pt-90 {
    padding-top: 90px;
  }

  .md\:pr-90 {
    padding-right: 90px;
  }

  .md\:pb-90 {
    padding-bottom: 90px;
  }

  .md\:pl-90 {
    padding-left: 90px;
  }

  .md\:pt-95 {
    padding-top: 95px;
  }

  .md\:pr-95 {
    padding-right: 95px;
  }

  .md\:pb-95 {
    padding-bottom: 95px;
  }

  .md\:pl-95 {
    padding-left: 95px;
  }

  .md\:pt-100 {
    padding-top: 100px;
  }

  .md\:pr-100 {
    padding-right: 100px;
  }

  .md\:pb-100 {
    padding-bottom: 100px;
  }

  .md\:pl-100 {
    padding-left: 100px;
  }

  .md\:pt-105 {
    padding-top: 105px;
  }

  .md\:pr-105 {
    padding-right: 105px;
  }

  .md\:pb-105 {
    padding-bottom: 105px;
  }

  .md\:pl-105 {
    padding-left: 105px;
  }

  .md\:pt-110 {
    padding-top: 110px;
  }

  .md\:pr-110 {
    padding-right: 110px;
  }

  .md\:pb-110 {
    padding-bottom: 110px;
  }

  .md\:pl-110 {
    padding-left: 110px;
  }

  .md\:pt-115 {
    padding-top: 115px;
  }

  .md\:pr-115 {
    padding-right: 115px;
  }

  .md\:pb-115 {
    padding-bottom: 115px;
  }

  .md\:pl-115 {
    padding-left: 115px;
  }

  .md\:pt-120 {
    padding-top: 120px;
  }

  .md\:pr-120 {
    padding-right: 120px;
  }

  .md\:pb-120 {
    padding-bottom: 120px;
  }

  .md\:pl-120 {
    padding-left: 120px;
  }

  .md\:pt-px {
    padding-top: 1px;
  }

  .md\:pr-px {
    padding-right: 1px;
  }

  .md\:pb-px {
    padding-bottom: 1px;
  }

  .md\:pl-px {
    padding-left: 1px;
  }

  .md\:pt-0\.5 {
    padding-top: 0.5px;
  }

  .md\:pr-0\.5 {
    padding-right: 0.5px;
  }

  .md\:pb-0\.5 {
    padding-bottom: 0.5px;
  }

  .md\:pl-0\.5 {
    padding-left: 0.5px;
  }

  .md\:pt-1\.5 {
    padding-top: 1.5px;
  }

  .md\:pr-1\.5 {
    padding-right: 1.5px;
  }

  .md\:pb-1\.5 {
    padding-bottom: 1.5px;
  }

  .md\:pl-1\.5 {
    padding-left: 1.5px;
  }

  .md\:pt-2\.5 {
    padding-top: 2.5px;
  }

  .md\:pr-2\.5 {
    padding-right: 2.5px;
  }

  .md\:pb-2\.5 {
    padding-bottom: 2.5px;
  }

  .md\:pl-2\.5 {
    padding-left: 2.5px;
  }

  .md\:pt-3\.5 {
    padding-top: 3.5px;
  }

  .md\:pr-3\.5 {
    padding-right: 3.5px;
  }

  .md\:pb-3\.5 {
    padding-bottom: 3.5px;
  }

  .md\:pl-3\.5 {
    padding-left: 3.5px;
  }
}

/* ===================
2/ base
=======================*/
/*--------------------------------------------------------------
## Include Fonts
--------------------------------------------------------------*/
@font-face {
  font-family: "Montserrat";
  src: url("../fonts/Montserrat-ExtraLight.ttf") format("ttf"), url("../fonts/CircularStd-Regular.woff2") format("woff2"), url("../fonts/CircularStd-Regular.svg") format("svg"), url("../fonts/circular.ttf") format("truetype");
}

@font-face {
  font-family: "circular_bold";
  src: url("../fonts/Montserrat-Bold.ttf") format("ttf"), url("../fonts/CircularStd-Bold.woff") format("woff"), url("../fonts/CircularStd-Bold.woff2") format("woff2"), url("../fonts/Circular-Bold.ttf") format("truetype");
  font-weight: normal;
}

/*--------------------------------------------------------------
## Base
--------------------------------------------------------------*/
html {
  scroll-behavior: smooth;
}

body {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 17px;
  letter-spacing: 0.3px;
  color: #183b56;
  background: #ecf1f9;
}

@media screen and (max-width: 768px) {
  body {
    font-size: 15.5px;
  }
}

body.is__dark {
  background: #0b1b27;
}

@media (min-width: 1400px) {

  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    max-width: 1400px;
  }
}

@media screen and (max-width: 768px) {
  .container {
    max-width: 800px !important;
  }
}

@media screen and (max-width: 1400px) {
  .container {
    max-width: 1200px;
  }
}

@media only screen and (min-width: 1510px) {
  .index_page .container {
    max-width: 1400px;
  }
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin-top: 0;
  margin-bottom: 0;
  font-family: "circular_bold", -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

ul {
  margin: 0;
  padding: 0;
}

section:focus {
  outline: none !important;
}

a {
  -webkit-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  text-decoration: none !important;
}

a:hover {
  text-decoration: none;
}

li {
  list-style: none;
}

p {
  font-family: "Montserrat";
  color: #6f7583;
}

/*--------------------------------------------------------------
## swiper reset
--------------------------------------------------------------*/
.swiper-pagination-bullet {
  margin-top: 20px;
  width: 12px !important;
  height: 12px !important;
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 0px !important;
}

.swiper-pagination-bullet-active {
  background: #566ffe !important;
}

/*--------------------------------------------------------------
## prismjs reset
--------------------------------------------------------------*/
.code-toolbar {
  position: relative;
}

.code-toolbar .toolbar {
  position: absolute;
  top: 20px;
  right: 20px;
}

.code-toolbar button {
  background: #566ffe;
  padding: 5px 10px;
  font-size: 16px;
  border-radius: 5px;
  outline: none;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.sm_dropdown.show {
  height: 180px !important;
}

.single-drop.show {
  height: 300px !important;
}

.single-drop.show .drop_dark {
  display: block;
  padding: 20px 15px !important;
}

.single-drop.show .pl-10 {
  padding-left: 0 !important;
}

.effect {
  background-image: url(../img/bg/effect.svg);
  margin-bottom: -93px;
  background-size: 100%;
  background-repeat: no-repeat;
}

.heading {
  margin-bottom: 30px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  clear: both;
  font-family: "circular_bold", -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
  font-weight: bold;
  text-align: inherit;
  position: relative;
  color: #183b56;
  letter-spacing: -0.01em;
}

a {
  color: #566ffe;
}

a:hover {
  color: #566ffe;
}

h1 {
  font-size: calc(40px + 15 * ((100vw - 576px) / 1024));
  line-height: 1.2;
  letter-spacing: -0.02em;
}

@media screen and (max-width: 576px) {
  h1 {
    font-size: 40px;
  }
}

@media screen and (min-width: 1600px) {
  h1 {
    font-size: 55px;
  }
}

@media screen and (max-width: 768px) {
  h1 {
    line-height: 1.15 !important;
  }
}

h2 {
  font-size: calc(32px + 2 * ((100vw - 576px) / 1024));
  line-height: 1.15;
  letter-spacing: -0.02em;
}

@media screen and (max-width: 576px) {
  h2 {
    font-size: 32px;
  }
}

@media screen and (min-width: 1600px) {
  h2 {
    font-size: 34px;
  }
}

h3 {
  font-size: calc(24px + 2 * ((100vw - 576px) / 1024));
  line-height: 1.1;
}

@media screen and (max-width: 576px) {
  h3 {
    font-size: 24px;
  }
}

@media screen and (min-width: 1600px) {
  h3 {
    font-size: 26px;
  }
}

h4 {
  font-size: calc(19px + 1 * ((100vw - 576px) / 1024));
  line-height: 1.35;
}

@media screen and (max-width: 576px) {
  h4 {
    font-size: 19px;
  }
}

@media screen and (min-width: 1600px) {
  h4 {
    font-size: 20px;
  }
}

h5 {
  font-size: calc(16px + 2 * ((100vw - 576px) / 1024));
  line-height: 1.5;
}

@media screen and (max-width: 576px) {
  h5 {
    font-size: 16px;
  }
}

@media screen and (min-width: 1600px) {
  h5 {
    font-size: 18px;
  }
}

h6 {
  font-size: calc(15.5px + 0.5 * ((100vw - 576px) / 1024));
  line-height: 1.5;
  letter-spacing: 0;
}

@media screen and (max-width: 576px) {
  h6 {
    font-size: 15.5px;
  }
}

@media screen and (min-width: 1600px) {
  h6 {
    font-size: 16px;
  }
}

/*--------------------------------------------------------------
## Typography
--------------------------------------------------------------*/
p {
  width: 100%;
  margin: 0 auto;
  display: block;
  color: #6f7d95;
  line-height: 1.6;
}

/* ===================
3/ elements
=======================*/
/*--------------------------------------------------------------
## btn styles
--------------------------------------------------------------*/
input[type="submit"],
.btn,
a.btn input.btn,
a.button,
span.button,
div.button {
  color: white;
  padding: 11px 23px;
  min-height: 20px;
  line-height: 20px;
  border-radius: 4px;
  -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
  font-weight: normal;
  text-decoration: none;
  vertical-align: middle;
  outline: none;
  position: relative;
  text-align: center;
  border-radius: 100px !important;
  overflow: hidden;
  will-change: transform, box-shadow;
}

input[type="submit"]:not(.btn-outline):not(.btn-flat):not(.btn-link) .text,
.btn:not(.btn-outline):not(.btn-flat):not(.btn-link) .text,
a.btn input.btn:not(.btn-outline):not(.btn-flat):not(.btn-link) .text,
a.button:not(.btn-outline):not(.btn-flat):not(.btn-link) .text,
span.button:not(.btn-outline):not(.btn-flat):not(.btn-link) .text,
div.button:not(.btn-outline):not(.btn-flat):not(.btn-link) .text {
  color: #fff;
}

input[type="submit"] i,
.btn i,
a.btn input.btn i,
a.button i,
span.button i,
div.button i {
  vertical-align: middle;
  margin-top: -16px !important;
  position: relative;
  top: -1px;
  font-size: 20px;
  position: relative;
  stroke: 2px;
  min-width: 20px;
  height: 20px;
}

input[type="submit"] i-left,
.btn i-left,
a.btn input.btn i-left,
a.button i-left,
span.button i-left,
div.button i-left {
  margin-right: 5px;
}

input[type="submit"] i-right,
.btn i-right,
a.btn input.btn i-right,
a.button i-right,
span.button i-right,
div.button i-right {
  margin-left: 5px;
}

input[type="submit"] i.sm,
.btn i.sm,
a.btn input.btn i.sm,
a.button i.sm,
span.button i.sm,
div.button i.sm {
  font-size: 12px;
}

input[type="submit"] i.md,
.btn i.md,
a.btn input.btn i.md,
a.button i.md,
span.button i.md,
div.button i.md {
  font-size: 16px;
}

input[type="submit"] i.lg,
.btn i.lg,
a.btn input.btn i.lg,
a.button i.lg,
span.button i.lg,
div.button i.lg {
  font-size: 18px;
}

input[type="submit"]:not(.text-hover):hover .icon.icon-right:before,
input[type="submit"]:not(.text-hover):hover .icon.icon-right svg,
.btn:not(.text-hover):hover .icon.icon-right:before,
.btn:not(.text-hover):hover .icon.icon-right svg,
a.btn input.btn:not(.text-hover):hover .icon.icon-right:before,
a.btn input.btn:not(.text-hover):hover .icon.icon-right svg,
a.button:not(.text-hover):hover .icon.icon-right:before,
a.button:not(.text-hover):hover .icon.icon-right svg,
span.button:not(.text-hover):hover .icon.icon-right:before,
span.button:not(.text-hover):hover .icon.icon-right svg,
div.button:not(.text-hover):hover .icon.icon-right:before,
div.button:not(.text-hover):hover .icon.icon-right svg {
  -webkit-animation: hoverBtn ease-out 0.3s;
  animation: hoverBtn ease-out 0.3s;
}

input[type="submit"]:not(.text-hover):hover .icon.icon-left:before,
input[type="submit"]:not(.text-hover):hover .icon.icon-left svg,
.btn:not(.text-hover):hover .icon.icon-left:before,
.btn:not(.text-hover):hover .icon.icon-left svg,
a.btn input.btn:not(.text-hover):hover .icon.icon-left:before,
a.btn input.btn:not(.text-hover):hover .icon.icon-left svg,
a.button:not(.text-hover):hover .icon.icon-left:before,
a.button:not(.text-hover):hover .icon.icon-left svg,
span.button:not(.text-hover):hover .icon.icon-left:before,
span.button:not(.text-hover):hover .icon.icon-left svg,
div.button:not(.text-hover):hover .icon.icon-left:before,
div.button:not(.text-hover):hover .icon.icon-left svg {
  animation: hoverBtn ease-out 0.3s reverse;
}

input[type="submit"]:not(.text-hover):hover .icon:before,
.btn:not(.text-hover):hover .icon:before,
a.btn input.btn:not(.text-hover):hover .icon:before,
a.button:not(.text-hover):hover .icon:before,
span.button:not(.text-hover):hover .icon:before,
div.button:not(.text-hover):hover .icon:before {
  color: inherit;
}

@-webkit-keyframes hoverBtn {
  0% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }

  51% {
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
    opacity: 1;
  }

  52% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  53% {
    opacity: 0;
  }

  54% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
}

@keyframes hoverBtn {
  0% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }

  51% {
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
    opacity: 1;
  }

  52% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  53% {
    opacity: 0;
  }

  54% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0px);
    transform: translateX(0px);
  }
}

input[type="submit"]:hover,
input[type="submit"]:focus,
.btn:hover,
.btn:focus,
a.btn input.btn:hover,
a.btn input.btn:focus,
a.button:hover,
a.button:focus,
span.button:hover,
span.button:focus,
div.button:hover,
div.button:focus {
  color: #fff;
  background-color: #566ffe;
  border-color: #566ffe;
  opacity: 0.9;
  outline: none;
  -webkit-box-shadow: inherit;
  box-shadow: inherit;
  opacity: 0.9;
}

input[type="submit"].text-hover,
.btn.text-hover,
a.btn input.btn.text-hover,
a.button.text-hover,
span.button.text-hover,
div.button.text-hover {
  overflow: hidden;
  position: relative;
}

input[type="submit"].text-hover .icon,
input[type="submit"].text-hover .text,
.btn.text-hover .icon,
.btn.text-hover .text,
a.btn input.btn.text-hover .icon,
a.btn input.btn.text-hover .text,
a.button.text-hover .icon,
a.button.text-hover .text,
span.button.text-hover .icon,
span.button.text-hover .text,
div.button.text-hover .icon,
div.button.text-hover .text {
  -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
}

input[type="submit"].text-hover .icon,
.btn.text-hover .icon,
a.btn input.btn.text-hover .icon,
a.button.text-hover .icon,
span.button.text-hover .icon,
div.button.text-hover .icon {
  max-width: 100%;
  text-align: center;
  height: 26px;
  position: absolute;
  top: calc(50% - 10px);
  font-size: 20px;
  left: 50%;
  top: 50%;
  margin: 0;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}



input[type="submit"].text-hover .text,
.btn.text-hover .text,
a.btn input.btn.text-hover .text,
a.button.text-hover .text,
span.button.text-hover .text,
div.button.text-hover .text {
  display: inline-block;
  -webkit-transform: translateY(-120%);
  transform: translateY(-120%);
  opacity: 0;
}

input[type="submit"].text-hover:hover .icon,
.btn.text-hover:hover .icon,
a.btn input.btn.text-hover:hover .icon,
a.button.text-hover:hover .icon,
span.button.text-hover:hover .icon,
div.button.text-hover:hover .icon {
  -webkit-transform: translate(-50%, 120%);
  transform: translate(-50%, 120%);
  opacity: 0;
}

input[type="submit"].text-hover:hover .text,
.btn.text-hover:hover .text,
a.btn input.btn.text-hover:hover .text,
a.button.text-hover:hover .text,
span.button.text-hover:hover .text,
div.button.text-hover:hover .text {
  -webkit-transform: none;
  transform: none;
  opacity: 1;
}

p a.btn:hover {
  text-decoration: none;
}

button[disabled].btn-white:hover,
input[type="submit"][disabled].btn-white:hover {
  background-color: #fff;
  color: #183b56;
}

button[disabled].btn-primary:hover,
input[type="submit"][disabled].btn-primary:hover {
  background-color: #566ffe;
  color: #fff;
}

/*--------------------------------------------------------------
### Buttons: outline
--------------------------------------------------------------*/
.btn-outline,
input[type="submit"].btn-outline,
a.btn-outline {
  background-color: transparent;
  color: currentColor;
}

.btn-outline:after,
.btn-outline:before,
input[type="submit"].btn-outline:after,
input[type="submit"].btn-outline:before,
a.btn-outline:after,
a.btn-outline:before {
  display: none;
}

.btn-outline:hover,
.btn-outline:focus,
input[type="submit"].btn-outline:hover,
input[type="submit"].btn-outline:focus,
a.btn-outline:hover,
a.btn-outline:focus {
  background-color: #566ffe;
  color: #fff;
}

.btn-outline.btn-white,
input[type="submit"].btn-outline.btn-white,
a.btn-outline.btn-white {
  background-color: transparent;
  border-color: #fff;
  color: #fff;
}

.btn-outline.btn-white:hover,
input[type="submit"].btn-outline.btn-white:hover,
a.btn-outline.btn-white:hover {
  background-color: #fff;
  color: #183b56;
}

.btn-outline.disabled:hover,
input[type="submit"].btn-outline.disabled:hover,
a.btn-outline.disabled:hover {
  background-color: transparent;
  color: #183b56;
  border-color: #183b56;
  cursor: default;
}

/*--------------------------------------------------------------
### Buttons: loading spinner
--------------------------------------------------------------*/
.btn-loading {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-loading:before {
  content: "";
  position: relative;
  display: inline-block !important;
  vertical-align: middle;
  width: 18px;
  height: 18px;
  bottom: auto;
  left: auto;
  opacity: 1;
  border-radius: 50%;
  border: 2px solid transparent;
  border-top: 2px solid rgba(255, 255, 255, 0.7);
  border-right: 2px solid rgba(255, 255, 255, 0.7);
  background: transparent;
  -webkit-animation: 0.8s rotate cubic-bezier(0.99, 0.71, 0.22, 0.68) infinite;
  animation: 0.8s rotate cubic-bezier(0.99, 0.71, 0.22, 0.68) infinite;
}

.btn-loading.btn-outline:before,
.btn-loading.btn:before {
  margin-right: 8px;
}

.btn-loading:before {
  vertical-align: top;
  margin-top: 1px;
}

.btn-loading .ion-left {
  display: none;
}

.btn-loading:hover {
  -webkit-transition: none;
  transition: none;
}

.btn-loading:hover:before {
  background: transparent;
  width: 18px;
  -webkit-transition: none;
  transition: none;
}

@-webkit-keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }

  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  50% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }

  100% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }
}

/* =====================================================
- - - - - - - - - 1/ Button sizes
======================================================*/
.btn-sm {
  padding: 6px 16px;
  border-radius: 28px;
  font-size: 15px;
  font-weight: 500;
  white-space: nowrap;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.btn-sm.dropdown-toggle::after {
  top: 2px;
  position: relative;
}

.btn-lg {
  padding: 7px 25px;
  font-size: 19px;
  line-height: 1.7;
}

.btn_card {
  padding: 8px 16px;
}

/* ==================================================+===
- - - - - - - - - 2/ Button variations
=======================================================*/
.btn-primary {
  color: #ffffff;
  border: none !important;
  -webkit-transition: all 0.4s ease-in-out !important;
  transition: all 0.4s ease-in-out !important;
  background: #566ffe !important;
  position: relative;
  position: relative;
}

.btn-primary::before {
  content: "";
  position: absolute;
  height: 0;
  width: 0;
  border-radius: 100%;
  background: #183b56;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: -1;
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0.3;
}

.btn-primary:hover {
  color: #ffffff;
  position: relative;
}

.btn-primary:hover::before {
  content: "";
  position: absolute;
  height: 15rem;
  width: 15rem;
}

.btn-grad {
  color: #ffffff;
  border: none !important;
  -webkit-transition: all 0.4s ease-in-out !important;
  transition: all 0.4s ease-in-out !important;
  background: radial-gradient(100% 100% at 53.13% 0%, #31e7fa 0%, #4477ff 52.6%, #db74ff 100%);
}

.btn-grad:hover {
  outline: none;
  background: radial-gradient(100% 100% at 53.13% 0%, #31e7fa 0%, #4477ff 52.6%, #db74ff 100%);
  border: solid 2px #566ffe;
}

.btn-green {
  color: #ffffff;
  border: none !important;
  -webkit-transition: all 0.4s ease-in-out !important;
  transition: all 0.4s ease-in-out !important;
  background: #36b37e;
}

.btn-green:hover {
  background: #36b37e !important;
  opacity: 0.8;
}

.btn-orange {
  background: #fc2baac9;
  color: white;
  -webkit-transition: 0.4s ease-in-out;
  transition: 0.4s ease-in-out;
  border-radius: 5px;
  border: none;
}

.btn-orange:hover {
  color: #fff;
  background: rgba(232, 71, 169, 0.79);
  border-color: #e95432;
  opacity: 0.9;
}

.btn-white {
  background: white;
  border: solid 1px rgba(10, 33, 65, 0.05);
  color: #183b56;
  -webkit-box-shadow: 0px 2px 4px #7e8eb11f !important;
  box-shadow: 0px 2px 4px #7e8eb11f !important;
}

.btn-white:focus,
.btn-white:active {
  opacity: 0.9;
  background: white !important;
  border: solid 1px rgba(10, 33, 65, 0.05);
  color: #183b56;
  -webkit-box-shadow: 0px 2px 4px #7e8eb11f !important;
  box-shadow: 0px 2px 4px #7e8eb11f !important;
}

.btn-white.dropdown-toggle:focus,
.btn-white.dropdown-toggle:active {
  opacity: 0.8;
  background: white !important;
  color: #566ffe !important;
  -webkit-box-shadow: 0 9px 6px rgba(0, 0, 0, 0.1), 0 -50px 0 rgba(0, 0, 0, 0) inset;
  box-shadow: 0 9px 6px rgba(0, 0, 0, 0.1), 0 -50px 0 rgba(0, 0, 0, 0) inset;
  border: solid 1px rgba(10, 33, 65, 0.05) !important;
}

.btn-white span::after {
  color: #183b56 !important;
}

.btn-white.btn-outline {
  color: white;
  border: solid 2px white;
}

.btn-white:hover {
  opacity: 0.8;
  background: white !important;
  color: #566ffe !important;
  -webkit-box-shadow: 0 9px 6px rgba(0, 0, 0, 0.1), 0 -50px 0 rgba(0, 0, 0, 0) inset;
  box-shadow: 0 9px 6px rgba(0, 0, 0, 0.1), 0 -50px 0 rgba(0, 0, 0, 0) inset;
  border: solid 1px rgba(10, 33, 65, 0.05) !important;
}

.btn-light {
  background: #edf3f5;
  border: solid 1px transparent;
  color: #183b56;
  -webkit-box-shadow: 0px 2px 4px #7e8eb11f !important;
  box-shadow: 0px 2px 4px #7e8eb11f !important;
}

.btn-light:focus,
.btn-light:active {
  opacity: 0.9;
  background: #edf3f5 !important;
  border: solid 1px transparent;
  color: #183b56;
  -webkit-box-shadow: 0px 2px 4px #7e8eb11f !important;
  box-shadow: 0px 2px 4px #7e8eb11f !important;
}

.btn-light.dropdown-toggle:focus,
.btn-light.dropdown-toggle:active {
  opacity: 0.8;
  background: #edf3f5;
  color: #566ffe !important;
  -webkit-box-shadow: 0 9px 6px rgba(0, 0, 0, 0.1), 0 -50px 0 rgba(0, 0, 0, 0) inset;
  box-shadow: 0 9px 6px rgba(0, 0, 0, 0.1), 0 -50px 0 rgba(0, 0, 0, 0) inset;
  border: solid 1px transparent;
}

.btn-light span::after {
  color: #183b56 !important;
}

.btn-light.btn-outline {
  color: white;
  border: solid 2px white;
}

.btn-light:hover {
  opacity: 0.8;
  background: #edf3f5;
  color: #566ffe !important;
  -webkit-box-shadow: 0 9px 6px rgba(0, 0, 0, 0.1), 0 -50px 0 rgba(0, 0, 0, 0) inset;
  box-shadow: 0 9px 6px rgba(0, 0, 0, 0.1), 0 -50px 0 rgba(0, 0, 0, 0) inset;
  border: solid 1px transparent !important;
}

.btn-dark {
  background: #183b56;
  color: #ffffff;
  border: solid 1px #183b56;
}

.btn-dark:hover,
.btn-dark:focus {
  color: #ffffff !important;
  background: #183b56 !important;
  border: solid 1px #183b56;
}

.btn-dark.btn-sh {
  -webkit-box-shadow: 0 14px 35px -11px #183b56;
  box-shadow: 0 14px 35px -11px #183b56;
}

.btn-dark.btn-outline {
  border: solid 2px #183b56;
  background: transparent !important;
  color: #183b56;
}

.btn-dark.btn-outline:hover {
  color: #566ffe !important;
}

.btn-dark.btn-outline-bottom {
  border-bottom: solid 3px #183b56;
  background: transparent !important;
  color: #183b56;
}

/* ==================================================+===
- - - - - - - - - 3 / outher button
=======================================================*/
.facebook-btn {
  background-color: #4267b2;
}

.facebook-btn:hover {
  background-color: #4267b2;
}

.twitter-btn {
  background-color: #1da1f2;
}

.twitter-btn:hover {
  background-color: #1da1f2;
}

.discord-btn {
  background-color: #5865f2;
}

.discord-btn:hover {
  background-color: #5865f2;
}

.telegram-btn {
  background-color: #0088cc;
}

.telegram-btn:hover {
  background-color: #0088cc;
}

.tiktok-btn {
  background-color: #f01d54;
}

.tiktok-btn:hover {
  background-color: #f01d54;
}

.instagram-btn {
  background: radial-gradient(circle farthest-corner at 0% 150%, #ffe17d 0%, #ffcd69 12%, #fa9137 25%, #eb4141 41%, transparent 95%), linear-gradient(-15deg, #234bd7 -10%, #c33cbe 65%);
}

.instagram-btn:hover {
  background: radial-gradient(circle farthest-corner at 0% 150%, #ffe17d 0%, #ffcd69 12%, #fa9137 25%, #eb4141 41%, transparent 95%), linear-gradient(-15deg, #234bd7 -10%, #c33cbe 65%);
}

.youtube-btn {
  background-color: #ff0000;
}

.youtube-btn:hover {
  background-color: #ff0000;
}

.medium-btn {
  background-color: #66cdaa;
}

.medium-btn:hover {
  background-color: #66cdaa;
}

button.close {
  height: 2rem;
  width: 2rem;
  border-radius: 50px;
  position: relative;
}

button.close::before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0px;
  height: 20px;
  width: 40px;
  background-size: contain;
  opacity: 0.5;
  background-repeat: no-repeat;
  z-index: 2;
}

button.close:hover {
  color: white;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
}

/*=== Small Button ====
==================*/
.btn_sm_primary {
  padding: 0.7rem 1.55rem;
  font-size: 15px;
  text-align: center;
  -webkit-transition: 0.3s !important;
  transition: 0.3s !important;
}

.btn_sm_primary:hover {
  opacity: 0.9;
}

/*=== Medium Button ====
==================*/
.btn_md_primary {
  padding: 0.85rem 1.8rem;
  font-size: 15px;
  text-align: center;
  -webkit-transition: 0.3s !important;
  transition: 0.3s !important;
}

.btn_md_primary:hover {
  opacity: 0.9;
}

/*=== Large Button ====
==================*/
.btn_lg_primary {
  padding: 0.9rem 2.3rem;
  font-size: 15px;
  text-align: center;
  -webkit-transition: 0.3s !important;
  transition: 0.3s !important;
}

.btn_lg_primary:hover {
  opacity: 0.9;
}

/*=== XLarge Button ====
==================*/
.btn_xl_primary {
  padding: 1.1rem 2.3rem;
  font-size: 15px;
  text-align: center;
  -webkit-transition: 0.3s !important;
  transition: 0.3s !important;
}

.btn_xl_primary:hover {
  opacity: 0.9;
}

/*=== UI kit ====
==================*/
.buttons span {
  display: block;
}

.btn_auction {
  padding: 10px 16px;
}

.buttons_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  gap: 20px;
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
}

@media screen and (max-width: 991px) {
  .btn_create {
    width: 100%;
  }
}

@media screen and (max-width: 991px) {
  .others_btn {
    width: 47.5%;
  }
}

/*--------------------------------------------------------------
## form styles
--------------------------------------------------------------*/
.select-holder {
  position: relative;
}

.select-holder:after {
  content: "\f3d0";
  font-family: "Ionicons";
  font-weight: 600;
  font-size: 13px;
  position: absolute;
  line-height: 1;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 18px;
  z-index: 10;
  -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
}

select {
  cursor: pointer;
  display: inline-block;
  padding: 15px !important;
  color: #6c757d !important;
}

option {
  color: #183b56;
  font-size: 14px;
  letter-spacing: 0.3px;
  font-weight: 400;
}

option.value {
  background-color: #e2eef1 !important;
}

textarea {
  padding: 15px !important;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="number"],
select,
textarea,
.custom-select {
  background: 0 0;
  color: #232226;
  background-color: #f2f7fa !important;
  border: 1px solid transparent !important;
  width: 100%;
  padding: 15px;
  line-height: 1.5;
  font-weight: 400;
  font-size: inherit;
  border-radius: 12px;
  position: relative;
  -webkit-appearance: none;
  -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
  outline: 0;
}

@media screen and (max-width: 576px) {

  input[type="text"],
  input[type="password"],
  input[type="email"],
  input[type="tel"],
  input[type="number"],
  select,
  textarea,
  .custom-select {
    padding: 12px;
    font-size: 14px;
  }
}

@media screen and (max-width: 375px) {

  input[type="text"],
  input[type="password"],
  input[type="email"],
  input[type="tel"],
  input[type="number"],
  select,
  textarea,
  .custom-select {
    font-size: 13px;
  }
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="tel"]:focus,
input[type="number"]:focus,
select:focus,
textarea:focus,
.custom-select:focus {
  background-color: #ffffff !important;
  border: 1px solid #e2eef1 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

input[type="text"]:hover,
input[type="password"]:hover,
input[type="email"]:hover,
input[type="tel"]:hover,
input[type="number"]:hover,
select:hover,
textarea:hover,
.custom-select:hover {
  background-color: #ffffff;
  -webkit-box-shadow: 0px 17px 13px 0px #192c4b05;
  box-shadow: 0px 17px 13px 0px #192c4b05;
  border: solid 1px #e2eef1;
}

input[type="text"].input_white,
input[type="password"].input_white,
input[type="email"].input_white,
input[type="tel"].input_white,
input[type="number"].input_white,
select.input_white,
textarea.input_white,
.custom-select.input_white {
  background-color: #ffffff !important;
  border: 1px solid #e2eef1 !important;
  -webkit-box-shadow: 0px 17px 13px 0px #192c4b05;
  box-shadow: 0px 17px 13px 0px #192c4b05;
}

@media screen and (max-width: 576px) {
  .form-select {
    padding: 12px !important;
    font-size: 14px;
  }
}

@media screen and (max-width: 375px) {
  .form-select {
    font-size: 13px;
  }
}

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

.form-group .confirm {
  position: relative;
}

.form-group .confirm .confirm-btn {
  margin: 0;
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.search {
  background: #e2eef1;
  border-radius: 10px;
  position: relative;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  border: solid 1px transparent;
}

.search:hover {
  background: #ffffff;
  -webkit-box-shadow: 0px 17px 13px 0px #192c4b05;
  box-shadow: 0px 17px 13px 0px #192c4b05;
  border: solid 1px #e2eef1;
}

.search input {
  width: 100%;
  height: 100%;
  background: transparent !important;
  border: 1px solid transparent !important;
  padding-left: calc(2rem + 20px);
}

.search .result {
  margin: 0;
  border: none;
  background: #ffffff;
  border-radius: 200px;
  height: 2rem;
  width: 2rem;
  position: absolute;
  left: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.input-group-text {
  padding: 0.375rem 20px !important;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #ffffff;
  border: 1px solid #e2e4e9;
  border-radius: 0.25rem 0 0 0.25rem;
  min-height: 64px;
}

.textarea {
  width: 100%;
  height: 150px;
  resize: vertical;
}

label {
  color: #77748f;
  margin-bottom: 5px;
}

/*--------------------------------------------------------------
### Radio Checkbox
--------------------------------------------------------------*/
.radio {
  width: 20px;
  height: 20px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  margin-right: 5px;
}

.radio+label {
  text-transform: none;
  font-weight: normal;
  color: inherit;
  vertical-align: middle;
}

.radio input {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  cursor: pointer;
}

.radio input:checked {
  cursor: default;
}

.radio input:checked+.input:after {
  background: #183b56;
}

.radio .input {
  width: 18px;
  height: 18px;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.radio .input:after {
  content: "";
  background: #fff;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  position: absolute;
  top: 5px;
  left: 5px;
  -webkit-transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
  transition: all cubic-bezier(0.4, 0, 0.2, 1) 0.4s;
}

.radio:hover .input:after {
  background: #183b56;
}

.radio:hover input:checked+.input:after {
  background: #183b56;
}

@keyframes rotate {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

.custom-control-input:checked~.custom-control-label::before {
  color: #fff;
  border-color: white;
  background-color: #566ffe;
  -webkit-box-shadow: 0px 17px 13px 0px #192c4b05;
  box-shadow: 0px 17px 13px 0px #192c4b05;
  width: 20px;
  height: 20px;
}

.custom-control-label {
  margin-left: 5px;
}

.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
  background-image: none;
}

.custom-control-label::after {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -30px;
  display: block;
  -webkit-box-shadow: 0px 17px 13px 0px #192c4b05 !important;
  box-shadow: 0px 17px 13px 0px #192c4b05 !important;
  outline: none;
  width: 20px;
  height: 20px;
  content: "";
  background: no-repeat 50%/50% 50%;
  outline: none !important;
}

.custom-control-label::before {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: -30px;
  display: block;
  -webkit-box-shadow: 0px 17px 13px 0px #192c4b05 !important;
  box-shadow: 0px 17px 13px 0px #192c4b05 !important;
  outline: none;
  width: 20px;
  height: 20px;
  content: "";
  background-color: #fff;
  outline: none !important;
}

.custom-switch .custom-control-label::before {
  left: -2.25rem;
  width: 2.75rem;
  pointer-events: all;
  border-radius: 24px;
  height: 22px;
  border: none;
  background-color: #f9fbfc;
}

.custom-switch .custom-control-input:checked~.custom-control-label::before {
  color: #fff;
  border-color: white;
  background-color: #5a52ff;
  -webkit-box-shadow: 0 21px 51px rgba(29, 14, 98, 0.15);
  box-shadow: 0 21px 51px rgba(29, 14, 98, 0.15);
  width: 2.75rem;
  height: 20px;
}

.custom-switch .custom-control-label::after {
  top: 1px;
  left: calc(-14px + 0px);
  width: 18px;
  height: 18px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 21px 23px -5px rgba(82, 48, 162, 0.12);
  box-shadow: 0 21px 23px -5px rgba(82, 48, 162, 0.12);
  border-radius: 1.5rem;
}

.custom-switch .custom-control-input:checked~.custom-control-label::after {
  left: calc(-47px + 0px);
  top: -9px;
}

.custom-switch .custom-control-label {
  margin-left: 0;
  padding-left: 19px;
}

.custom-select {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAA3klEQVRIS+3VMU9CMRTF8d8zBL+aizoQFhx0kUk33RzdYMNFXUFnYeGrYYyaJiUxJHDLSxodbNKpfeffc9/pbaPyaCrr+3OA++z4rtT5Pg5GuMnCY9yWQEoBE1xhlUUP8YDrCBIB0vojLvGO0yz4hm4JJAKcYYoPHGOZAUdYoIMBXrc5iQAHeMlzviFygj7O8dkWEJU4XI8chALRhn9AVKHf70VRTHu4wFfbmKZLNKt50dLBnna0imcMd/2I0phWa3Y/D1e1Xa9BCZJG0VuQNpaWKMx72xS1Fl5/WN3BN+AgJhnZQlq4AAAAAElFTkSuQmCC");
  background-position: calc(100% - 0.5rem), 100% 0;
  background-size: 1.5em 1.5em;
  background-repeat: no-repeat;
  -webkit-transition: none !important;
  transition: none !important;
}

.input-group-prepend .btn {
  padding: 19px 18px;
}

.custom-select-xs {
  height: calc(0.5rem + 0.9375rem * 1.6 + 2px);
  padding: 0.25rem 1.875rem 0.25rem 0.625rem;
  line-height: 1.6;
  font-size: 0.9375rem;
}

.custom-control-label::before,
.custom-file-label {
  -webkit-transition: 0.35s ease-in-out;
  transition: 0.35s ease-in-out;
}

.form_cc_four {
  background-color: #ffffff;
  border-radius: 8px;
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='8' ry='8' stroke='%237B61FFFF' stroke-width='3' stroke-dasharray='5%2c 10' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
  padding: 2.5rem;
  -webkit-box-shadow: 0px 50px 70px -10px rgba(11, 34, 56, 0.05) !important;
  -o-box-shadow: 0px 50px 70px -10px rgba(11, 34, 56, 0.05) !important;
  -ms-box-shadow: 0px 50px 70px -10px rgba(11, 34, 56, 0.05) !important;
  box-shadow: 0px 50px 70px -10px rgba(11, 34, 56, 0.05) !important;
}

.form_cc_four .mn_with {
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}

.form_cc_four.bg_dark label {
  margin-bottom: 5px;
  color: #fff;
}

.form_cc_four.bg_dark input,
.form_cc_four.bg_dark .form-control {
  background-color: rgba(255, 255, 255, 0.192) !important;
  border: none !important;
  color: #fff !important;
}

.form_cc_four.bg_dark input::-webkit-input-placeholder,
.form_cc_four.bg_dark .form-control::-webkit-input-placeholder {
  color: #908ea7 !important;
}

.form_cc_four.bg_dark input::-moz-placeholder,
.form_cc_four.bg_dark .form-control::-moz-placeholder {
  color: #908ea7 !important;
}

.form_cc_four.bg_dark input:-ms-input-placeholder,
.form_cc_four.bg_dark .form-control:-ms-input-placeholder {
  color: #908ea7 !important;
}

.form_cc_four.bg_dark input::-ms-input-placeholder,
.form_cc_four.bg_dark .form-control::-ms-input-placeholder {
  color: #908ea7 !important;
}

.form_cc_four.bg_dark input::placeholder,
.form_cc_four.bg_dark .form-control::placeholder {
  color: #908ea7 !important;
}

.form_cc_four.bg_dark input:hover,
.form_cc_four.bg_dark .form-control:hover {
  background-color: rgba(255, 255, 255, 0.075) !important;
}

@media (min-width: 992px) {
  .form_cc_four .item_upload {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.form_cc_four .item_upload span {
  font-size: 13px;
  color: #f9fbfc;
}

@media (max-width: 767px) {
  .form_cc_four .item_upload span {
    display: block;
  }
}

.form_cc_four .upload__file {
  position: relative;
  overflow: hidden;
  margin-right: 15px;
  background: white;
  color: #183b56;
  border-radius: 8px;
  -webkit-transition: 0.3s !important;
  transition: 0.3s !important;
}

.form_cc_four .upload__file input[type="file"] {
  position: absolute;
  opacity: 0;
  top: 0;
  left: -160px;
  font-size: 40px;
  cursor: pointer;
}

.form_cc_four .upload__file .btn {
  border-radius: 8px;
  border: 1px dashed #dce0e3;
  color: #183b56;
}

.form_cc_four .upload__file .btn i {
  vertical-align: middle;
  color: #183b56;
  font-size: 18px;
  margin-right: 4px;
  top: 5px;
}

.form_cc_four .upload__file:hover .btn {
  color: white;
}

.form_cc_four .upload__file:hover i {
  color: white;
}

input[type="checkbox"] {
  height: 0;
  width: 0;
  visibility: hidden;
}

label {
  cursor: pointer;
  text-indent: -9999px;
  width: 44px;
  height: 24px;
  background: #c0c9d8;
  display: block;
  border-radius: 100px;
  position: relative;
}

label:after {
  content: "";
  position: absolute;
  top: 2px;
  left: 2px;
  width: 20px;
  height: 20px;
  background: #fff;
  border-radius: 90px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

input:checked+label {
  background: #566ffe;
}

input:checked+label:after {
  left: calc(100% - 2px);
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
}

label:active:after {
  width: 44px;
}

.choose_collection {
  border-radius: 12px;
  background-color: #f2f7fa;
  padding: 10px;
  color: #183b56;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.choose_collection.is_brand {
  background-color: #ffffff;
  border: solid 1px #566ffe;
}

.choose_collection.is_brand img {
  margin-right: 10px;
  height: 2rem;
}

.choose_collection .icon {
  height: 2rem;
  width: 2rem;
  background: #ffffff;
  border-radius: 100%;
  margin-right: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.choose_collection .icon i {
  color: #566ffe;
}

.upload_file {
  position: relative;
}

.upload_file input[type="file"] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0;
  margin: 0;
  cursor: pointer;
  filter: alpha(opacity=0);
  opacity: 0;
}

.nav-tabs {
  border: none !important;
}

.nav-tabs .nav-item a.active {
  background: #183b56;
  color: #ffffff;
  border: solid 1px #183b56;
}

.nav-tabs .nav-item a.active:hover,
.nav-tabs .nav-item a.active:focus {
  color: #ffffff !important;
  background: #183b56 !important;
  border: solid 1px #183b56;
}

.nav-tabs .nav-item a.active.btn-sh {
  -webkit-box-shadow: 0 14px 35px -11px #183b56;
  box-shadow: 0 14px 35px -11px #183b56;
}

.nav-tabs .nav-item a.active.btn-outline {
  border: solid 2px #183b56;
  background: transparent !important;
  color: #183b56;
}

.nav-tabs .nav-item a.active.btn-outline:hover {
  color: #566ffe !important;
}

.nav-tabs .nav-item a.active.btn-outline-bottom {
  border-bottom: solid 3px #183b56;
  background: transparent !important;
  color: #183b56;
}

.dropdown-menu {
  border: 1px solid #e2eef1 !important;
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
}

.share {
  position: relative;
}

.share .icon {
  cursor: pointer;
  background: #ffffff;
  height: 3rem;
  width: 3rem;
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  border: solid 1px #e2eef1;
  border-radius: 2000px;
  -webkit-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.share .icon:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #e2eef1;
}

.share .icon i {
  color: #183b56;
  font-size: 18px;
}

/*favorit button*/
/* Bookmark Button */
/* Bookmark Button */
.bookmark-button {
  background-color: #183b56;
  display: inline-block;
  padding: 0;
  position: relative;
  height: 44px;
  line-height: 44px;
  color: #fff;
  padding: 0 15px;
  padding-left: 59px;
  border-radius: 30px;
  transition: 0.4s;
  cursor: pointer;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1);
}

.bookmark-button .bookmark-icon,
.bookmark-button:hover .bookmark-icon {
  background-color: rgba(255, 255, 255, 0.05)
}

.bookmark-button .bookmark-icon {
  border-radius: 4px;
  position: absolute;
  left: 0;
  right: auto;
  top: auto;
  height: 44px;
  width: 44px;
  border-radius: 4px 0 0 4px;
  pointer-events: none;
  transition: 0.4s;
  animation: none;
}

.bookmark-button .bookmark-icon:before {
  top: 8px;
  color: #fff;
  transition: 0.4s;
  font-size: 18px;
}

.bookmark-button.bookmarked {
  background-color: #eb5757;
  color: #fff;
  border: none;
  border-radius: 40px;
  box-shadow: 0 3px 12px rgba(254, 179, 66, 0.2);
}

.bookmark-button.bookmarked .bookmark-icon:before,
.bookmark-button:hover .bookmark-icon:before {
  color: #fff;
}

.bookmark-button.bookmarked .bookmark-icon,
.bookmark-button.bookmarked:hover .bookmark-icon {
  background-color: rgba(255, 255, 255, 0.16)
}

.bookmark-button.bookmarked .bookmarked-text,
.bookmark-button .bookmark-text {
  display: block
}

.bookmark-button.bookmarked .bookmark-text,
.bookmark-button .bookmarked-text {
  display: none;
}

span.bookmark-icon {
  font-size: 20px;
  position: absolute;
  z-index: 99;

  cursor: pointer;
  background-color: #eee;
  color: #c0c0c0;
  display: block;
  height: 39px;
  width: 39px;
  border-radius: 50%;
  transition: all 0.4s;
  line-height: 27px;
}

span.bookmark-position-page {
  right: 35px;
  top: 35px;
}

span.bookmark-position-item {
  right: 26px;
  top: 13px;
}

.bookmark-icon.bookmarked {
  animation: bookmarked-shadow 0.3s;
}

@keyframes bookmarked-shadow {
  0% {
    box-shadow: 0 0 0 0 rgba(254, 179, 66, 0.8);
  }

  100% {
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0);
  }
}


.bookmark-icon:before {
  transition: transform 0.4s cubic-bezier(.8, -.41, .19, 2.5);
  position: absolute;
  right: 0;
  left: 0;
  text-align: center;
  top: 6px;
}

.bookmark-icon:hover {
  background-color: #333;
  color: #fff;
}

.bookmark-icon.bookmarked {
  background-color: #feb342;
  color: #fff;
}

.bookmark-icon.bookmarked:before {
  animation: bookmark-icon 0.5s;
}

@keyframes bookmark-icon {
  0% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }

  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}


.share .share_box,
.share .dropdown__popup {
  z-index: 99;
  background: #ffffff;
  border: solid 1px #e2eef1;
  padding: 20px;
  border-radius: 20px;
  -webkit-box-shadow: 0px 17px 13px 0px #192c4b05;
  box-shadow: 0px 17px 13px 0px #192c4b05;
  -webkit-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.share .share_box a,
.share .dropdown__popup a {
  color: #183b56;
  display: block;
}

.share .share_box a:hover,
.share .dropdown__popup a:hover {
  color: #566ffe;
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
}

.share .share_box i,
.share .dropdown__popup i {
  font-size: 20px;
}

.share .dropdown__popup {
  position: absolute;
  top: 60px;
  left: 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateX(-50%) translateY(-1rem);
  transform: translateX(-50%) translateY(-1rem);
}

.share .dropdown__popup.visible {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateX(-50%) translateY(0);
  transform: translateX(-50%) translateY(0);
}

.more {
  position: relative;
  z-index: 99;
}

.more .icon {
  cursor: pointer;
  height: 3rem;
  width: 3rem;
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  border: solid 1px #e2eef1;
  border-radius: 2000px;
  -webkit-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  background: #ffffff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.more .icon:hover {
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #e2eef1;
}

.more .icon i {
  color: #183b56;
  font-size: 18px;
}

.more .more_box,
.more .dropdown__popup {
  z-index: 99;
  background: #ffffff;
  border: solid 1px #e2eef1;
  padding: 20px;
  border-radius: 20px;
  -webkit-box-shadow: 0px 17px 13px 0px #192c4b05;
  box-shadow: 0px 17px 13px 0px #192c4b05;
  padding: 10px 20px;
  -webkit-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.more .more_box a,
.more .dropdown__popup a {
  color: #183b56;
  display: block;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.more .more_box a:hover,
.more .dropdown__popup a:hover {
  color: #566ffe;
}

.more .more_box i,
.more .dropdown__popup i {
  font-size: 20px;
  color: #eb5757;
}

.more .dropdown__popup {
  position: absolute;
  top: 60px;
  right: 0;
  visibility: hidden;
  opacity: 0;
  z-index: -1;
  -webkit-transform: translateY(-1rem);
  transform: translateY(-1rem);
}

.more .dropdown__popup.visible {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.result .ri-search-line {
  position: relative;
  top: 2px;
}

.header__result .ri-search-line {
  position: relative;
  top: 1px;
}

.menu_categories {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: auto;
  overflow-x: auto;
}

.menu_categories::-webkit-scrollbar {
  display: none;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}

.menu_categories .switch_item {
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}

.menu_categories li i {
  margin-right: 5px;
  font-size: 22px;
}

.menu_categories li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  color: #183b56;
}

/*Mob categories */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}

.tabcontent {
  animation: fadeEffect 1s;
  /* Fading effect takes 1 second */
}

/* Go from zero to full opacity */
@keyframes fadeEffect {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.tab {
  overflow: hidden;

}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;

  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #566ffe;
  color: white;
}

.mobile-categories,
.mobile-bottom-nav,
.mob-nav-active,
.mob_logo {
  display: none;
}

.mobile-bottom-nav__item-content i {
  font-size: 20px;
}

.mob-nav-active {
  margin-top: 5px;
  margin-bottom: 5px;
  background: #566ffe;
  opacity: 1;
}

/*review*/
.rating {
  margin-top: 40px;
  border: none;
  float: left;
}

.rating>label {
  all: unset;
  color: #90A0A3;
  float: right;
}

.rating>label:before {
  margin: 5px;
  font-size: 2em;
  font-family: FontAwesome;
  content: "\f005";
  display: inline-block;
}

.rating>input {
  display: none;
}

.rating>input:checked~label,
.rating:not(:checked)>label:hover,
.rating:not(:checked)>label:hover~label {
  color: #F79426;
  background: none;
}

.rating>input:checked+label:hover,
.rating>input:checked~label:hover,
.rating>label:hover~input:checked~label,
.rating>input:checked~label:hover~label {
  color: #FECE31;
}

.pr-rating {
  margin: 10px 0;
}

.pr-rating i {
  display: inline-block;
  width: 0;
  height: 1.8em;
  border-width: 0 1em;
  border-style: solid;
  border-color: #eee;
  border-radius: 0.22em;
  color: white;
  background: #eee;
  font-style: normal;
  line-height: 1.6em;
  text-indent: -0.5em;
  text-shadow: 1px 0 1px #b3b3b3;
}

/** Colors */
[data-rating^="1"] .star-1 {
  border-color: #cc9b1f;
  background: #cc9b1f;
}

[data-rating^="1.5"] .star-2 {
  border-left-color: #cc9b1f;
}

[data-rating^="2"] .star-1 {
  border-color: #ccb51f;
  background: #ccb51f;
}

[data-rating^="2"] .star-2 {
  border-color: #ccb51f;
  background: #ccb51f;
}

[data-rating^="2.5"] .star-3 {
  border-left-color: #ccb51f;
}

[data-rating^="3"] .star-1 {
  border-color: #bbcc1f;
  background: #bbcc1f;
}

[data-rating^="3"] .star-2 {
  border-color: #bbcc1f;
  background: #bbcc1f;
}

[data-rating^="3"] .star-3 {
  border-color: #bbcc1f;
  background: #bbcc1f;
}

[data-rating^="3.5"] .star-4 {
  border-left-color: #bbcc1f;
}

[data-rating^="4"] .star-1 {
  border-color: #9bcc1f;
  background: #9bcc1f;
}

[data-rating^="4"] .star-2 {
  border-color: #9bcc1f;
  background: #9bcc1f;
}

[data-rating^="4"] .star-3 {
  border-color: #9bcc1f;
  background: #9bcc1f;
}

[data-rating^="4"] .star-4 {
  border-color: #9bcc1f;
  background: #9bcc1f;
}

[data-rating^="4.5"] .star-5 {
  border-left-color: #9bcc1f;
}

[data-rating="5"] i,
[data-rating="5.0000"] i {
  background: #5ecc1f;
  border-color: #5ecc1f;
}

/** Print */
@media print {
  .rating {
    -webkit-print-color-adjust: exact;
  }

  .rating i {
    text-shadow: none;
  }
}

/*review end*/

.header__1 .header__search.in_mobile {
  display: none;
}

@media screen and (max-width: 991px) {
  .pi-tabs .nav-item {
    font-size: 14px;
  }

  .mobile-categories,
  .mob-nav-active,
  .mob_logo {
    display: block;
  }

  .desc-categories,
  .desc_logo,
  .dash-sidebar {
    display: none;
  }

  .mobile-bottom-nav {
    display: flex;
    z-index: 1001;
  }

  /* Show mobile search bar and notification icon only on mobile */
  .header__1 .header__search.in_mobile {
    display: flex !important;
    width: auto;
    background: transparent;
    /* Remove background from container */
  }

  .header__1 .header__search.in_mobile form {
    height: 45px;
    flex: 1;
    max-width: calc(100% - 50px);
    /* Reserve space for notification icon */
    background: #e2eef1;
    /* Move background to form */
    border-radius: 10px;
    /* Add border radius */
    position: relative;
  }

  .header__1 .header__search.in_mobile .js-notifications-icon {
    flex-shrink: 0;
    margin-left: 10px;
    cursor: pointer;
    font-size: 20px;
    color: #183b56;
    display: flex;
    align-items: center;
  }

  /* Mobile Notifications Modal Styles */
  #mobile-notifications .modal-content {
    border-radius: 10px;
  }

  #mobile-notifications .modal-header {
    border-bottom: 1px solid #e2eef1;
    padding: 20px;
  }

  #mobile-notifications .modal-body {
    padding: 20px;
    max-height: 400px;
    overflow-y: auto;
  }

  #mobile-notifications .item {
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #f0f0f0;
  }

  #mobile-notifications .item:last-child {
    border-bottom: none;
    margin-bottom: 0;
  }

  #mobile-notifications .item .thumb {
    height: 3rem;
    width: 3rem;
    border-radius: 50%;
    background: #e2eef1;
    flex-shrink: 0;
  }

  #mobile-notifications .item .details {
    flex: 1;
  }

  #mobile-notifications .item .details h6 {
    margin-bottom: 5px;
    font-size: 14px;
    color: #183b56;
  }

  #mobile-notifications .item .details p {
    font-size: 12px;
    color: #86819e;
    margin: 0;
  }

  #mobile-notifications .item .circle {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #566ffe;
  }

  #mobile-notifications .modal-footer {
    border-top: 1px solid #e2eef1;
    padding: 15px;
    justify-content: center;
  }


}

/*end mob cats */
/* окно для моб меню */
/* 1. Затемняющий фон */
.panel-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1000;
  /* Выше контента, но ниже панели */
  border-radius: 23px;
  /* Скрыто по умолчанию */
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease;
}

/* 2. Сама панель */
.panel-menu {
  position: fixed;
  left: 0;
  right: 0;

  /* 🔥 ВАЖНО:
       Укажи здесь точную высоту твоей .mobile-bottom-nav
       (Я предполагаю, что это 60px)
    */
  bottom: 79px;

  z-index: 1002;
  /* Выше всего */
  background-color: #ffffff;
  border-radius: 16px 16px 0 0;
  padding: 20px 20px 10px 20px;
  box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.1);

  /* Скрыто по умолчанию (сдвинуто вниз) */
  visibility: hidden;
  transform: translateY(100%);
  transition: transform 0.3s ease-out, visibility 0.3s ease-out;
}

/* 3. Состояние "Открыто" */
.panel-overlay.is-open {
  opacity: 1;
  visibility: visible;
}

.panel-menu.is-open {
  visibility: visible;
  transform: translateY(0);

}


/* 4. Стили контента внутри панели */
.panel-menu__title {
  font-size: 14px;
  font-weight: 600;
  color: #888;
  text-align: center;
  margin-bottom: 20px;
}

.panel-menu__list {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.panel-menu__item {
  display: grid;
  grid-template-columns: auto 1fr;
  /* Иконка | Текст */
  align-items: center;
  gap: 0 15px;
  /* 0 по вертикали, 15px по горизонтали */
  padding: 12px;
  border-radius: 10px;
  background-color: #f5f5f5;
  text-decoration: none;
  color: #111;
}

.panel-menu__item i {
  font-size: 18px;
  grid-row: 1 / 3;
  /* Иконка занимает 2 ряда */
  color: #007bff;
  /* Твой синий цвет */
}

.panel-menu__item span {
  font-size: 16px;
  font-weight: 600;
  grid-column: 2;
}

.panel-menu__item small {
  font-size: 13px;
  color: #777;
  grid-column: 2;
}

.panel-menu__cancel {
  width: 100%;
  margin-top: 20px;
  padding: 14px;
  background: #f0f0f0;
  border: none;
  border-radius: 10px;
  font-size: 16px;
  font-weight: 600;
  color: #555;
  cursor: pointer;
}

@media (min-width: 576px) {
  .rounded-nav {
    border-radius: 50rem !important;
  }
}

@media (min-width: 576px) {
  .rounded-nav .nav-link {
    border-radius: 50rem !important;
  }
}

/* With arrow tabs */

.with-arrow .nav-link.active {
  position: relative;
}

.with-arrow .nav-link.active::after {
  content: "";
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-top: 6px solid #2b90d9;
  position: absolute;
  bottom: -6px;
  left: 50%;
  transform: translateX(-50%);
  display: block;
}

.pi-tabs {
  border-bottom: 1px solid #0a53be;
}

.pi-tabs .nav-item {
  float: left;
}

/* lined tabs */

.lined .nav-link {
  border: none;
  border-bottom: 3px solid transparent;
}

.lined .nav-link:hover {
  border: none;
  border-bottom: 3px solid transparent;
}

.lined .nav-link.active {
  background: none;
  color: #555;
  border-color: #2b90d9;
}

/*mob navs */
.mobile-bottom-nav {
  position: fixed;
  bottom: 5px;
  left: 10px;
  right: 10px;
  z-index: 1000;
  will-change: transform;
  transform: translateZ(0);
  box-shadow: 0px -1px 5px -1px;
  background-color: #fff;
  height: 70px;
  border-radius: 23px;
}

.mobile-bottom-nav__item {
  flex-grow: 1;
  text-align: center;
  font-size: 12px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.mobile-bottom-nav__item--active {
  color: red;
}


/*end mob navs */
.menu_categories li a:hover {
  color: #566ffe;
}

.filters span {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  white-space: nowrap;
}

.menu_activity {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: auto;
  overflow-x: auto;
}

.menu_activity::-webkit-scrollbar {
  display: none;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}

.menu_activity .switch_item {
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}

.menu_activity li {
  padding: 5px 20px;
  background-color: #e2eef1;
  border-radius: 1000px;
  -webkit-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.menu_activity li i {
  margin-right: 5px;
  font-size: 22px;
}

.menu_activity li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #183b56;
}

.menu_activity li a span {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  white-space: nowrap;
}

.menu_activity li:hover {
  background-color: #566ffe;
}

.menu_activity li:hover a,
.menu_activity li:hover i {
  color: #ffffff;
}

/*--------------------------------------------------------------
## breadcrumb styles
--------------------------------------------------------------*/
.breadcrumb {
  background-color: white;
  border-radius: 100px;
  /*-----------------------------
       default
  -----------------------------*/
}

.breadcrumb.default {
  background-color: white;
  padding: 6px 18px;
  -webkit-box-shadow: 0 2px 4px #7e8eb11f !important;
  box-shadow: 0 2px 4px #7e8eb11f !important;
  margin-bottom: 0;
  border: 1px solid #eaeaee;
  border-radius: 100px;
}

.breadcrumb.default .breadcrumb-item {
  color: #91A1BC;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 2px;
}

.breadcrumb.default .breadcrumb-item::before {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M13.172 12l-4.95-4.95 1.414-1.414L16 12l-6.364 6.364-1.414-1.414z' fill='rgba(145,161,188,1)'/%3E%3C/svg%3E");
  vertical-align: middle;
  font-size: 13px;
  height: 20px;
  width: 20px;
  margin-top: 2px;
  margin-right: 2px;
  color: red;
}

.breadcrumb.default .breadcrumb-item:first-of-type::before {
  display: none;
}

.breadcrumb.default .breadcrumb-item a {
  font-size: 13px;
  font-weight: normal !important;
  color: #91A1BC;
}

.breadcrumb.default .breadcrumb-item.active {
  font-size: 13px;
  color: #0b1b27;
}

.breadcrumb {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  background-color: transparent;
  border-radius: 0.25rem;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.breadcrumb a {
  color: #183b56;
}

.breadcrumb.has_style1 {
  border-radius: 20px;
  background: #183b56 !important;
}

.breadcrumb.has_style1 a {
  color: rgba(255, 255, 255, 0.459);
}

.breadcrumb.has_style1 .active {
  color: white !important;
}

.breadcrumb.has_style1 .breadcrumb-item {
  position: relative;
}

.breadcrumb.has_style1 .breadcrumb-item::before {
  display: inline-block;
  padding-right: 0;
  color: #6c757d;
  content: "";
  margin-right: 7px;
  left: 0;
  top: 0%;
  width: 9px;
  height: 10px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom;
}

.breadcrumb.has_stylel2 {
  border-radius: 20px;
  background: transparent !important;
}

.breadcrumb.has_stylel2 a {
  color: rgba(255, 255, 255, 0.459);
}

.breadcrumb.has_stylel2 .active {
  color: white !important;
}

.breadcrumb.has_stylel2 .breadcrumb-item {
  position: relative;
}

.breadcrumb.has_stylel2 .breadcrumb-item::before {
  display: inline-block;
  padding-right: 0;
  color: #6c757d;
  content: "";
  margin-right: 7px;
  left: 0;
  top: 0%;
  width: 9px;
  height: 10px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom;
}

.breadcrumb.has_stylel2::before {
  content: none;
}

.breadcrumb .breadcrumb-item {
  position: relative;
}

.breadcrumb .breadcrumb-item::before {
  display: inline-block;
  padding-right: 0;
  color: #6c757d;
  content: "";
  margin-right: 5px;
  left: 0;
  top: 0%;
  width: 12px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom;
}

.breadcrumb .breadcrumb-item:first-child::before {
  content: none;
}

/*--------------------------------------------------------------
## accordion styles
--------------------------------------------------------------*/
.accordion {
  background-color: white;
  border: solid 1px #e2eef1;
  border-radius: 10px;
  outline: none !important;
  overflow: hidden;
}

.accordion .accordion-desc {
  color: #6f7d95;
  border: none;
  border-top: solid 1px #e2eef1;
  padding: 25px 0 0 0;
  margin-top: 25px;
}

.accordion .accordion-header {
  padding: 25px;
  margin-bottom: 0;
  border: none;
}

.accordion .accordion-button {
  color: transparent;
  padding: 0;
  border: none;
}

.accordion .accordion-button::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 10.828l-4.95 4.95-1.414-1.414L12 8l6.364 6.364-1.414 1.414z' fill='rgba(16,44,65,1)'/%3E%3C/svg%3E");
}

.accordion .accordion-button:not(.collapsed) {
  background-color: transparent;
}

.accordion .accordion-button:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.accordion i {
  color: #0b1b27;
  height: 20px;
  width: 20px;
  border-radius: 50%;
  padding: 4px;
  position: relative;
}

.accordion.has_style1 {
  border: double 2px transparent;
  border-radius: 10px;
  background-image: -webkit-gradient(linear, left top, left bottom, from(white), to(white)), radial-gradient(100% 100% at 53.13% 0%, #31e7fa 0%, #4477ff 52.6%, #db74ff 100%);
  background-image: linear-gradient(white, white), radial-gradient(100% 100% at 53.13% 0%, #31e7fa 0%, #4477ff 52.6%, #db74ff 100%);
  background-origin: border-box;
  background-clip: content-box, border-box;
}

.accordion.has_style1 .accordion-button::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 10.828l-4.95 4.95-1.414-1.414L12 8l6.364 6.364-1.414 1.414z' fill='rgba(86,111,254,1)'/%3E%3C/svg%3E");
}

/*--------------------------------------------------------------
## avatar styles
--------------------------------------------------------------*/
.avatars {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.avatars .media {
  position: relative;
}

.avatars .media .badge {
  position: absolute;
  bottom: 0;
  right: -7px;
}

.avatars .media .badge img {
  width: 100%;
}

.w-100px {
  width: 100px;
}

.height-80 {
  height: 80px !important;
}

.point-iinfo {
  width: 75%;
}

.avatars .media .has_number {
  position: absolute;
  left: -12%;
  top: 40%;
  width: 22px;
  height: 22px;
  color: #ffffff;
  background-color: #183b56;
  border: 2px solid #ffffff;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 15px;
}

.avatars .media .has_number.top {
  background: radial-gradient(100% 100% at 53.13% 0%, #31e7fa 0%, #4477ff 52.6%, #db74ff 100%);
  left: 70%;
  top: 4%;
}

.avatars .media.has_border {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 4px;
  border-radius: 100%;
  background: radial-gradient(100% 100% at 53.13% 0%, #31e7fa 0%, #4477ff 52.6%, #db74ff 100%);
}

.avatars .avatars_name {
  font-weight: 700;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.avatars .avatars_name.large {
  font-size: 22px;
}

.avatars .avatars_name:hover {
  color: #566ffe;
}

.avatars .price {
  font-size: 15px;
}

.avatars .details {

  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background: #e6edf0;
  padding: 20px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 17px 13px 0px #192c4b05;
  box-shadow: 0px 17px 13px 0px #192c4b05;
  width: 100%;
}

.avatars .avatar {
  width: 4.5rem;
  height: 4.5rem;
  -webkit-box-shadow: 0px 17px 13px 0px #192c4b05;
  box-shadow: 0px 17px 13px 0px #192c4b05;
  border-radius: 50% !important;
  border: 3px solid #fff;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.avatars .avatar.avatar-sm {
  width: 2rem;
  height: 2rem;
}

.avatars .avatar.avatar-md {
  width: 5rem;
  height: 5rem;
}

@media screen and (max-width: 576px) {
  .avatars .avatar.avatar-md {
    width: 4rem;
    height: 4rem;
  }
}

.avatars .avatar.avatar-lg {
  width: 6rem;
  height: 6rem;
}

.avatars .avatar.avatar-forum {
  width: 50px;
  height: 50px;
}

.avatars .avatar.avatar-chat {
  width: 4rem;
  height: 4rem;
}

@media screen and (max-width: 576px) {
  .avatars .avatar.avatar-chat {
    width: 4rem;
    height: 4rem;
  }
}

.avatars .total__avatars {
  position: relative;
  color: white;
  font-size: 10px;
  -webkit-box-shadow: 0px 17px 13px 0px #192c4b05;
  box-shadow: 0px 17px 13px 0px #192c4b05;
  border-radius: 50% !important;
  border: 3px solid #fff;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  background: #566ffe;
  padding: 7px 4px;
}

.avatar-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: 25px;
}

.avatar-group .avatar-item {
  width: 3rem;
  height: 3rem;
  margin-left: -25px;
  border: solid 6px white;
}

.popup .modal-content {
  border: solid 1px #e2eef1;
  border-radius: 20px !important;
  -webkit-box-shadow: 0px 17px 13px 0px #192c4b05;
  box-shadow: 0px 17px 13px 0px #192c4b05;
}

.popup .close {
  position: absolute;
  right: -15px;
  top: -15px;
  -webkit-box-shadow: 0px 17px 13px 0px #192c4b05;
  box-shadow: 0px 17px 13px 0px #192c4b05;
  outline: none;
  border: solid 1px #e2eef1;
  background-color: #ffffff;
  -webkit-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 2;
}

.popup .close:hover {
  background-color: #183b56;
  border: solid 1px #183b56;
}

#popup_preview .modal-content {
  max-width: 20rem;
}

.edit_box {
  padding: 40px !important;
}

@media screen and (max-width: 991px) {
  .edit_box {
    padding: 20px !important;
  }
}

.box {
  background: #ffffff;
  border: solid 1px #e2eef1;
  padding: 20px;
  border-radius: 20px;
  -webkit-box-shadow: 0px 17px 13px 0px #192c4b05;
  box-shadow: 0px 17px 13px 0px #192c4b05;
  display: block;
}

.box.is__live {
  background: #d4e3ea;
}

.box.is__big {
  padding: 30px !important;
}

@media screen and (max-width: 991px) {
  .box.is__big {
    padding: 20px !important;
  }
}

.box .social_profile a {
  color: #183b56;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.box .social_profile a i {
  font-size: 20px;
  height: 2rem;
  width: 2rem;
  margin-right: 4px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 100%;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  border: 1px solid transparent;
}

.box .social_profile a .ri-messenger-line {
  color: #006aff;
  background: #006aff3a;
}

.box .social_profile a .ri-whatsapp-line {
  color: #25d366;
  background: #25d36538;
}

.box .social_profile a .ri-youtube-line {
  color: #ff0000;
  background: #ff000027;
}

.box .social_profile a .ri-facebook-line {
  color: #4267b2;
  background: #4267b22a;
}

.box.in__upload {
  padding: 40px;
}

@media screen and (max-width: 576px) {
  .box.in__upload {
    padding: 15px;
    margin-bottom: 160px;
  }
}

.box.in__upload .left__part {
  border: 1px dashed #b7c5db;
  border-radius: 20px;
  text-align: center;
  padding: 40px;
  height: 100%;
}

@media screen and (max-width: 991px) {
  .box.in__upload .left__part {
    height: auto;
    padding: 20px;
  }
}

.box.in__profile {
  position: relative;
  border: 1px dashed #b7c5db;
  border-radius: 20px;
  text-align: center;
  height: 100%;
  -webkit-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

@media screen and (max-width: 991px) {
  .box.in__profile {
    height: 74px;
    padding: 20px;
  }
}

.box.in__profile .icon {
  max-width: 60px;
  -webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  cursor: pointer;
}

@media screen and (max-width: 991px) {
  .box.in__profile .icon {
    max-width: 30px;
  }
}

.box.in__profile .icon:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.box.in__profile input[type="file"] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0;
  margin: 0;
  margin-top: 0px;
  margin-bottom: 0px;
  cursor: pointer;
  filter: alpha(opacity=0);
  opacity: 0;
}

.box.in__profile:hover {
  background-color: #f9fbfc;
}

.box.in__wallet {
  text-align: center;
  margin-bottom: 20px;
  -webkit-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.box.in__wallet:hover {
  -webkit-transform: translateY(-0.8rem);
  transform: translateY(-0.8rem);
  border: 1px solid rgba(86, 111, 254, 0.26);
}

.card__item {
  background: #ffffff;
  border: solid 1px #e2eef1;
  padding: 20px;
  border-radius: 20px;
  -webkit-box-shadow: 0px 17px 13px 0px #192c4b05;
  box-shadow: 0px 17px 13px 0px #192c4b05;
  margin: auto;
  margin-bottom: 30px;
  max-width: 30rem;
  overflow: hidden;
  -webkit-transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.card__item.has_style2 {
  background: transparent;
  padding: 0;
  overflow: visible;
  margin: 0;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
}

.card__item .view_history {
  -webkit-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.card__item .view_history:hover {
  color: #183b56;
}

.card__item.is_gaming {
  margin-top: 25px;
  overflow: visible !important;
}

.card__item.is_gaming .avatar {
  margin-top: -60px;
  height: 60px;
  width: 60px;
}

.card__item.is_gaming .creators {
  overflow: visible !important;
}

.card__item.in__popup {
  margin: 0 !important;
  max-width: 100% !important;
}

.card__item.is__hero {
  padding: 0;
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin-bottom: 0px;
}

@media screen and (max-width: 991px) {
  .card__item.is__hero {
    margin-bottom: 30px;
  }
}

.card__item .card_title a {
  font-size: 20px;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%;
  display: block ruby;
}

.card__item .card_head {
  border-radius: 20px;
  background-color: #ecf1f9;
  height: 22rem;
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.offer-height {
  height: 250px !important;
}

.card__item .card_head img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.item-height {
  height: 170px !important;
}

.select2-container--default .select2-selection--single {
  border-radius: 10px !important;
  height: 57px !important;
  background-color: #f2f7fa !important;
  border: none !important;

}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  line-height: 50px !important;

}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 13px !important;
}

.select2-container .select2-search--inline .select2-search__field {
  padding: 0 5px !important;
  height: 30px !important;
  min-width: 90px !important;
}

.select2-container--default .select2-selection--multiple {
  border: none !important;
  min-height: 100px !important;
  background-color: #f2f7fa !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
  background-color: #e82d2d !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #566ffe !important;
  border: 1px solid #fff !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #fff !important;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__display {
  color: white;
}

.card__item:hover {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
}

.card__item:hover .card_head img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.card__item .card_footer .ri-history-line {
  font-size: 20px;
}

.card__item .creators,
.card__item .card_footer,
.card__item .bid,
.card__item .likes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.card__item.one .card_head,
.card__item.six .card_head {
  max-height: 300px;
}

.card__item.one .card_head .details,
.card__item.six .card_head .details {
  position: absolute;
  background: rgba(255, 255, 255, 0.93);
  padding: 10px 18px;
  z-index: 1;
  bottom: 14px;
  left: 14px;
  right: 14px;
  border-radius: 10px;
}

.card__item.one .card_head .details .icon img,
.card__item.six .card_head .details .icon img {
  width: 2rem;
}

.card__item.one .card_head .details .fire-icon,
.card__item.six .card_head .details .fire-icon {
  position: absolute;
  top: -16px;
  left: 46%;
  width: 30px;
  height: 30px;
  background: #eb5757;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 50%;
  color: #ffffff;
  border: 2px solid #ffffff;
}

.card__item.one .creators,
.card__item.one .card_footer,
.card__item.one .bid,
.card__item.one .likes,
.card__item.six .creators,
.card__item.six .card_footer,
.card__item.six .bid,
.card__item.six .likes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.card__item.one .likes,
.card__item.six .likes {
  color: #183b56;
}

.card__item.one .likes i,
.card__item.six .likes i {
  -webkit-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  color: #b8bdd1;
  position: relative;
}

.card__item.one .likes i::after,
.card__item.six .likes i::after {
  content: "";
  position: absolute;
  height: 1.5rem;
  width: 1.5rem;
  left: 45%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  border-radius: 100%;
  -webkit-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.card__item.one .likes i:hover,
.card__item.six .likes i:hover {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  color: #eb5757;
  position: relative;
}

.card__item.one .likes i:hover::after,
.card__item.six .likes i:hover::after {
  content: "";
  position: absolute;
  -webkit-transform: translate(-50%, -50%) scale(1.5);
  transform: translate(-50%, -50%) scale(1.5);
}

.card__item.two .card_head {
  max-height: 300px;
  border-radius: 20px;
  background-color: #ecf1f9;
  height: 22rem;
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.card__item.two .card_head img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.card__item.two .card_head .block_timer {
  position: absolute;
  z-index: 1;
  top: 14px;
  left: 14px;
}

.card__item.two .card_head .block_timer .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: rgba(255, 255, 255, 0.966);
  width: 33px;
  height: 33px;
  border-radius: 20px;
}

.card__item.two .card_head .block_timer .item .number {
  color: #183b56;
}

.card__item.two .card_head .block_timer .dots {
  color: #ffffff;
  padding: 0 5px;
  height: auto !important;
  margin-top: 0;
}

.card__item.two .card_head .progress {
  position: absolute;
  z-index: 1;
  bottom: 14px;
  left: 14px;
  right: 14px;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 20px;
}

.card__item.two .card_head .progress .progress-bar {
  height: 50%;
  -ms-flex-item-align: center;
  align-self: center;
  margin-left: 5px;
  color: #fff;
  background: radial-gradient(100% 100% at 53.13% 0%, #31e7fa 0%, #4477ff 52.6%, #db74ff 100%);
  border-radius: 20px;
}

.card__item.three .creators,
.card__item.four .creators {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  overflow: hidden;
}

.card__item.three .card_head,
.card__item.four .card_head {
  max-height: 300px;
  position: relative;
}

.card__item.three .card_head .action,
.card__item.four .card_head .action {
  position: absolute;
  width: 100%;
  padding: 0 14px;
  z-index: 1;
  bottom: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.card__item.three .card_head .action .btn,
.card__item.four .card_head .action .btn {
  width: 100%;
}

.card__item.three .card_head .likes,
.card__item.four .card_head .likes,
.card__item.six .card_head .likes {
  position: absolute;
  background: rgba(255, 255, 255, 0.966);
  padding: 3px 12px;
  border-radius: 20px;
  -webkit-box-shadow: 0px 17px 13px 0px #192c4b05;
  box-shadow: 0px 17px 13px 0px #192c4b05;
  z-index: 1;
  top: 14px;
  right: 14px;
  color: #183b56;
}

.card__item.three .card_head .likes i,
.card__item.four .card_head .likes i {
  -webkit-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  color: #ff6871;
  font-weight: bold;
  position: relative;
}

.card__item.three .card_head .likes i::after,
.card__item.four .card_head .likes i::after {
  content: "";
  position: absolute;
  height: 1.5rem;
  width: 1.5rem;
  left: 45%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  border-radius: 100%;
  -webkit-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.card__item.three .card_head .likes i:hover,
.card__item.four .card_head .likes i:hover {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  color: #eb5757;
  position: relative;
}

.card__item.three .card_head .likes i:hover::after,
.card__item.four .card_head .likes i:hover::after {
  content: "";
  position: absolute;
  -webkit-transform: translate(-50%, -50%) scale(1.5);
  transform: translate(-50%, -50%) scale(1.5);
}

.card__item.five .card_head {
  max-height: 300px;
  border-radius: 20px;
  background-color: #ecf1f9;
  height: auto;
  width: 80%;
  overflow: hidden;
  position: relative;
  z-index: 0;
}

.card__item.five .card_head img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.card__item.five .card_head .progress {
  position: absolute;
  z-index: 1;
  bottom: 14px;
  left: 14px;
  right: 14px;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 20px;
}

.card__item.five .card_head .progress .progress-bar {
  height: 50%;
  -ms-flex-item-align: center;
  align-self: center;
  margin-left: 5px;
  color: #fff;
  background: radial-gradient(100% 100% at 53.13% 0%, #31e7fa 0%, #4477ff 52.6%, #db74ff 100%);
  border-radius: 20px;
}

.card__item.six {
  max-width: 400px;
  margin: 0 auto;
}

.card__item.six .card_body .card_head {
  max-width: none;
  max-height: none;
  height: auto;
}

.card__item.six .card_body .card_footer {
  position: relative;
}

.card__item.six .card_body .card_footer .details {
  width: 90%;
  background: white;
  padding: 10px 18px;
  z-index: 1;
  margin-top: -50px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 10px;
}

.card__item.six .card_body .card_footer .details .card_title {
  font-size: 19px;
}

@media screen and (max-width: 576px) {
  .card__item.six .card_body .card_footer .details .card_title {
    font-size: 17px;
  }
}

.card__item.six .card_body .card_footer .details .card_wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: -10px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.card__item.six .card_body .card_footer .details .card_wrap .bid,
.card__item.six .card_body .card_footer .details .card_wrap .auction_end {
  margin-right: 20px;
}

.card__item.six .card_body .card_footer .details .card_wrap .bid,
.card__item.six .card_body .card_footer .details .card_wrap .auction_end,
.card__item.six .card_body .card_footer .details .card_wrap .bid_btn {
  display: block;
  margin-bottom: 10px;
}

.card__item.six .card_body .card_footer .details .card_wrap .auction_end .counter {
  color: #eb5757;
}

.card__item.six .card_body .card_footer .details .card_wrap .bid_btn {
  margin-left: auto;
  margin-right: auto;
}

.item_details .item_img {
  border-radius: 20px;
  width: 100%;
  max-height: 500px;
  -o-object-fit: cover;
  object-fit: cover;
}

.item_details .likes {
  background: #ffffff;
  padding: 7px 14px;
  border-radius: 20px;
  -webkit-box-shadow: 0px 17px 13px 0px #192c4b05;
  box-shadow: 0px 17px 13px 0px #192c4b05;
  color: #183b56;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.item_details .likes i {
  -webkit-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  color: #ff6871;
  font-weight: 700;
  position: relative;
  margin-right: 5px;
}

.card_home4 .icon-shadow {
  border-radius: 100%;
  -webkit-box-shadow: 0px 10px 11px rgba(25, 44, 75, 0.13);
  box-shadow: 0px 10px 11px rgba(25, 44, 75, 0.13);
  max-width: 48px;
}

.creator_card {
  background: #ffffff;
  border: solid 1px #e2eef1;
  border-radius: 20px;
  -webkit-box-shadow: 0px 17px 13px 0px #192c4b05;
  box-shadow: 0px 17px 13px 0px #192c4b05;
  max-width: 30rem;
}

.creator_card.is_big {
  padding: 30px 20px !important;
}

.creator_card.rounded_border {
  border-radius: 200px;
}

.creator_item {
  padding: 10px 15px;
  border-radius: 20px;
  max-width: 30rem;
}

@media screen and (min-width: 769px) {
  .creator_item {
    margin-left: auto;
    margin-right: auto;
  }
}

.creator_item .cover {
  width: 100%;
  background: radial-gradient(100% 100% at 53.13% 0%, #31e7fa 0%, #4477ff 52.6%, #db74ff 100%);
  ;
  height: 100px;
  border-radius: 10px 10px 0 0;
  margin-bottom: -50px;
  overflow: hidden;
}

.creator_item .cover img {
  width: 100%;
}

@media screen and (max-width: 768px) {
  .collections {
    margin-right: auto;
    margin-left: auto;
  }
}

.collections .collections_item {
  background: #ffffff;
  border: solid 1px #e2eef1;
  padding: 20px;
  border-radius: 20px;
  -webkit-box-shadow: 0px 17px 13px 0px #192c4b05;
  box-shadow: 0px 17px 13px 0px #192c4b05;
}

.collections .collections_item .top_imgs {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.collections .collections_item .top_imgs img {
  width: 31%;
  -o-object-fit: cover;
  object-fit: cover;
}

.collections .collections_item .images-box {
  border-radius: 10px;
  overflow: hidden;
}

.collections .collections_item img {
  width: 100%;
  -webkit-box-shadow: 0px 17px 13px 0px #192c4b05;
  box-shadow: 0px 17px 13px 0px #192c4b05;
  -webkit-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
}

.collections .collections_footer .collection_title a {
  color: #183b56;
  font-size: 20px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.collections .collections_footer .collection_title a:hover {
  color: #566ffe;
}

.collections .creators,
.collections .collections_footer,
.collections .likes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.collections .likes {
  color: #183b56;
}

.collections .likes i {
  -webkit-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  color: #b8bdd1;
  position: relative;
}

.collections .likes i::after {
  content: "";
  position: absolute;
  height: 1.5rem;
  width: 1.5rem;
  left: 45%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0);
  transform: translate(-50%, -50%) scale(0);
  border-radius: 100%;
  -webkit-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.collections .likes i:hover {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  color: #eb5757;
  position: relative;
}

.collections .likes i:hover::after {
  content: "";
  position: absolute;
  -webkit-transform: translate(-50%, -50%) scale(1.5);
  transform: translate(-50%, -50%) scale(1.5);
}

.collections.is__gaming .images-box {
  border-radius: 0;
}

.collections.is__gaming .images-box img {
  border-radius: 20px;
  width: 100%;
}

.collections.is__gaming .images-box .big_img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 260%;
  max-height: 368px;
}

.collections.is__gaming .images-box .left_imgs {
  overflow: hidden;
}

.menu_categories {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: auto;
  overflow-x: auto;
}

.menu_categories::-webkit-scrollbar {
  display: none;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}

.menu_categories .switch_item {
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}

.menu_categories li i {
  margin-right: 5px;
  font-size: 22px;
}

.menu_categories li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  color: #183b56;
}

.menu_categories li a:hover {
  color: #566ffe;
}

.filters span {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  white-space: nowrap;
}

.menu_activity {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: auto;
  overflow-x: auto;
}

.menu_activity::-webkit-scrollbar {
  display: none;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}

.menu_activity .switch_item {
  min-width: -webkit-max-content;
  min-width: -moz-max-content;
  min-width: max-content;
}

.menu_activity li {
  padding: 5px 20px;
  background-color: #e2eef1;
  border-radius: 1000px;
  -webkit-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.menu_activity li i {
  margin-right: 5px;
  font-size: 22px;
}

.menu_activity li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #183b56;
}

.menu_activity li a span {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  white-space: nowrap;
}

.menu_activity li:hover {
  background-color: #566ffe;
}

.menu_activity li:hover a,
.menu_activity li:hover i {
  color: #ffffff;
}




/*
points page
*/
body {
  -webkit-font-smoothing: antialiased;

  margin: 0;
}

section {
  color: #7a90ff;
  padding: 2em 0;
  min-height: 100%;
  position: relative;
  -webkit-font-smoothing: antialiased;
  z-index: 10;
}

.pricing {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  justify-content: center;
  width: 100%;
  margin: 0 auto;
}

.pricing-item {
  position: relative;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: stretch;
  align-items: stretch;
  text-align: center;
  -webkit-flex: 0 1 330px;
  flex: 0 1 330px;
}

.pricing-action {
  color: inherit;
  border: none;
  background: none;
  cursor: pointer;
}

.pricing-action:focus {
  outline: none;
}

.pricing-feature-list {
  text-align: left;
}

.pricing-palden .pricing-item {
  font-family: 'Open Sans', sans-serif;
  cursor: default;
  color: #84697c;
  background: #fff;
  box-shadow: 0 0 10px rgba(46, 59, 125, 0.23);
  border-radius: 20px 20px 10px 10px;
  margin: 1em;
}

@media screen and (min-width: 66.25em) {
  .pricing-palden .pricing-item {
    margin: 1em -0.5em;
  }

  .pricing-palden .pricing__item--featured {
    margin: 0;
    z-index: 10;
    box-shadow: 0 0 20px rgba(46, 59, 125, 0.23);
  }
}

.pricing-palden .pricing-deco {
  border-radius: 10px 10px 0 0;
  background: linear-gradient(135deg, #4097f9, #0af0c7);
  padding: 4em 0 9em;
  position: relative;
}

.pricing-palden .pricing-deco-img {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 160px;
}

.pricing-palden .pricing-title {
  font-size: 0.75em;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 5px;
  color: #fff;
}

.pricing-palden .deco-layer {
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s;
}

.pricing-palden .pricing-item:hover .deco-layer--1 {
  -webkit-transform: translate3d(15px, 0, 0);
  transform: translate3d(15px, 0, 0);
}

.pricing-palden .pricing-item:hover .deco-layer--2 {
  -webkit-transform: translate3d(-15px, 0, 0);
  transform: translate3d(-15px, 0, 0);
}

.pricing-palden .icon {
  font-size: 2.5em;
}

.pricing-palden .pricing-price {
  font-size: 5em;
  font-weight: bold;
  padding: 0;
  color: #fff;
  margin: 0 0 0.25em 0;
  line-height: 0.75;
}

.pricing-palden .pricing-currency {
  font-size: 0.15em;
  vertical-align: top;
}

.pricing-palden .pricing-period {
  font-size: 0.15em;
  padding: 0 0 0 0.5em;
  font-style: italic;
}

.pricing-palden .pricing__sentence {
  font-weight: bold;
  margin: 0 0 1em 0;
  padding: 0 0 0.5em;
}

.pricing-palden .pricing-feature-list {
  margin: 0;
  padding: 0.25em 0 2.5em;
  list-style: none;
  text-align: center;
}

.pricing-palden .pricing-feature {
  padding: 1em 0;
}

.pricing-palden .pricing-action {
  font-weight: bold;
  margin: auto 3em 2em 3em;
  padding: 1em 2em;
  color: #fff;
  border-radius: 30px;
  background: linear-gradient(135deg, #a93bfe, #584efd);
  -webkit-transition: background-color 0.3s;
  transition: background-color 0.3s;
}

.pricing-palden .pricing-action:hover,
.pricing-palden .pricing-action:focus {
  background: linear-gradient(135deg, #fd7d57, #f55d59);
}

.pricing-palden .pricing-item--featured .pricing-deco {
  padding: 5em 0 8.885em 0;
}

@import url(//fonts.googleapis.com/css?family=Lato:300:400);

.header {
  position: relative;
  text-align: center;
  background-image: radial-gradient(circle at 39% 47%, rgba(107, 107, 107, 0.08) 0%, rgba(107, 107, 107, 0.08) 33.333%, rgba(72, 72, 72, 0.08) 33.333%, rgba(72, 72, 72, 0.08) 66.666%, rgba(36, 36, 36, 0.08) 66.666%, rgba(36, 36, 36, 0.08) 99.999%), radial-gradient(circle at 53% 74%, rgba(182, 182, 182, 0.08) 0%, rgba(182, 182, 182, 0.08) 33.333%, rgba(202, 202, 202, 0.08) 33.333%, rgba(202, 202, 202, 0.08) 66.666%, rgba(221, 221, 221, 0.08) 66.666%, rgba(221, 221, 221, 0.08) 99.999%), radial-gradient(circle at 14% 98%, rgba(184, 184, 184, 0.08) 0%, rgba(184, 184, 184, 0.08) 33.333%, rgba(96, 96, 96, 0.08) 33.333%, rgba(96, 96, 96, 0.08) 66.666%, rgba(7, 7, 7, 0.08) 66.666%, rgba(7, 7, 7, 0.08) 99.999%), linear-gradient(45deg, rgb(97, 14, 117), rgb(20, 32, 127));
  color: white;
}

.inner-header {
  height: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}

.flex {
  /*Flexbox for containers*/
  justify-content: center;
  align-items: center;
  text-align: center;
}

.waves {
  position: relative;
  width: 100%;
  height: 150vh;
  margin-bottom: -7px;
  /*Fix for safari gap*/
  min-height: 100px;
  max-height: 250px;
}

/* Animation */

.parallax>use {
  animation: move-forever 25s cubic-bezier(.55, .5, .45, .5) infinite;
}

.parallax>use:nth-child(1) {
  animation-delay: -2s;
  animation-duration: 7s;
}

.parallax>use:nth-child(2) {
  animation-delay: -3s;
  animation-duration: 10s;
}

.parallax>use:nth-child(3) {
  animation-delay: -4s;
  animation-duration: 13s;
}

.parallax>use:nth-child(4) {
  animation-delay: -5s;
  animation-duration: 20s;
}

@keyframes move-forever {
  0% {
    transform: translate3d(-90px, 0, 0);
  }

  100% {
    transform: translate3d(85px, 0, 0);
  }
}

/*
end points page
*/









/* ===================
4/ Layouts
=======================*/
.header__1 {
  position: fixed;
  z-index: 100;
  background: #ffffff;
  border-bottom: solid 1px #e2eef1;
  width: 100%;
  white-space: nowrap;
  top: 0;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

/* Auto-hide header on scroll */
.header__1.header-hidden {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
}

/* Keep search widget in place when header hides */
.search-widget-container {
  position: fixed !important;
  bottom: 20px !important;
  right: 20px !important;
  z-index: 9998 !important;
}

.header__1.header_wallet {
  display: none;
}

.header__1 .header__menu {
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}

.header__1 .header__menu::-webkit-scrollbar {
  display: none;
}

.header__1 .header__menu a {
  white-space: nowrap;
}

.header__1 .wrapper {
  padding: 20px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 10px;
}

.header__1 .header__logo img {
  height: 3.2rem;
}

.header__1 .is_new {
  position: relative;
  position: relative;
}

.header__1 .is_new::before {
  content: "";
  position: absolute;
  left: -6px;
  top: -3px;
  height: 5px;
  width: 5px;
  border-radius: 22px;
  background: #eb5757;
}

.header__1 .has_popup,
.header__1 .has_popup2 {
  position: relative;
}

.header__1 .has_popup>a,
.header__1 .has_popup2>a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.header__1 .has_popup .menu__popup,
.header__1 .has_popup .menu__popup2,
.header__1 .has_popup2 .menu__popup,
.header__1 .has_popup2 .menu__popup2 {
  position: absolute;
  padding: 30px;
  top: 3rem;
  left: 50%;
  overflow: hidden;
  border-radius: 10px;
  background: #ffffff;
  -webkit-transition: all 0.35s ease-in-out;
  transition: all 0.35s ease-in-out;
  -webkit-box-shadow: 0px 17px 13px 0px #192c4b05;
  box-shadow: 0px 17px 13px 0px #192c4b05;
  border: solid 1px #e2eef1;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateY(-1rem) translateX(-50%);
  transform: translateY(-1rem) translateX(-50%);
  max-width: 20rem;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  z-index: 9;
}

.header__1 .has_popup .menu__popup a,
.header__1 .has_popup .menu__popup2 a,
.header__1 .has_popup2 .menu__popup a,
.header__1 .has_popup2 .menu__popup2 a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #183b56;
}

.header__1 .has_popup .menu__popup a:hover,
.header__1 .has_popup .menu__popup2 a:hover,
.header__1 .has_popup2 .menu__popup a:hover,
.header__1 .has_popup2 .menu__popup2 a:hover {
  color: #566ffe;
}

.header__1 .has_popup .menu__popup a i,
.header__1 .has_popup .menu__popup2 a i,
.header__1 .has_popup2 .menu__popup a i,
.header__1 .has_popup2 .menu__popup2 a i {
  font-size: 20px;
  margin-right: 5px;
}

.header__1 .has_popup .menu__popup.visible,
.header__1 .has_popup .menu__popup2.visible,
.header__1 .has_popup2 .menu__popup.visible,
.header__1 .has_popup2 .menu__popup2.visible {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0) translateX(-50%);
  transform: translateY(0) translateX(-50%);
}

.header__1 .has_popup .menu__popup2,
.header__1 .has_popup2 .menu__popup2 {
  width: 27rem;
  max-width: inherit;
}

.header__1 .header__search {
  background: #e2eef1;
  height: 3rem;
  width: 20rem;
  border-radius: 10px;
  position: relative;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  border: solid 1px transparent;
}

@media screen and (max-width: 991px) {
  .header__1 .header__search.in_mobile {
    display: block;
    width: 100%;
  }

  .header__1 .is_new::before {
    content: "";
    position: absolute;
    left: -2px;
    top: 5px;
    height: 5px;
    width: 5px;
    border-radius: 22px;
    background: #eb5757;
  }

  .ri-notification-3-line {
    font-size: 25px !important;
  }
}

.header__1 .header__search:hover {
  background: white;
  -webkit-box-shadow: 0px 17px 13px 0px #192c4b05;
  box-shadow: 0px 17px 13px 0px #192c4b05;
  border: solid 1px #e2eef1;
}

.header__1 .header__search input {
  width: 100%;
  height: 100%;
  background: transparent !important;
  border: none !important;
  padding-left: calc(2rem + 20px);
}

.header__1 .header__search .header__result {
  border: none;
  background: #ffffff;
  border-radius: 200px;
  height: 2rem;
  width: 2rem;
  position: absolute;
  left: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.header__1 .header__burger {
  display: none;
}

@media screen and (max-width: 991px) {
  .header__1 .header__burger {
    display: block;
    position: relative;
    width: 32px;
    height: 32px;
    background: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  }

  .header__1 .header__burger.active:before {
    -webkit-transform: translateY(0) rotate(-45deg);
    transform: translateY(0) rotate(-45deg);
  }

  .header__1 .header__burger.active:after {
    -webkit-transform: translateY(0) rotate(45deg);
    transform: translateY(0) rotate(45deg);
  }

  .header__1 .header__burger:before,
  .header__1 .header__burger:after {
    content: "";
    position: absolute;
    top: 16px;
    left: 6px;
    width: 20px;
    height: 2px;
    background: #6f7d95;
    border-radius: 2px;
    -webkit-transition: -webkit-transform 0.2s;
    transition: -webkit-transform 0.2s;
    transition: transform 0.2s;
    transition: transform 0.2s, -webkit-transform 0.2s;
    cursor: pointer;
  }

  .header__1 .header__burger:before {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }

  .header__1 .header__burger:after {
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
  }
}

.header__1 .header__mobile {
  visibility: hidden;
  position: absolute;
  overflow: hidden;
  top: 4.9rem;
  left: 0;
  right: 0;
  border-radius: 10px;
  margin: 0 !important;
  background: #ffffff;
  width: 100%;
  padding: 40px;
  -webkit-transition: all 0.45s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.45s cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  -webkit-box-shadow: 0px 17px 13px 0px #192c4b05;
  box-shadow: 0px 17px 13px 0px #192c4b05;
  z-index: 9;
  -webkit-transform: translateY(-1rem) translateX(0);
  transform: translateY(-1rem) translateX(0);
}

@media screen and (max-width: 991px) {
  .header__1 .header__mobile.visible {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0) translateX(0);
    transform: translateY(0) translateX(0);
  }
}

.header__1 .header__mobile__menu ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

@media screen and (max-width: 992px) {
  .header__1 .header__search {
    display: none;
  }
}

@media screen and (max-width: 991px) {

  .header__1 .header__search,
  .header__1 .header__menu {
    display: none;
  }
}

.header__1 .header__btns {
  display: block;
}

@media screen and (max-width: 991px) {
  .header__1 .header__btns {
    display: none;
  }
}

.header__1 .header__avatar {
  border-radius: 2000px;
  border: solid 1px #e2eef1;
  background: #f9fbfc;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  z-index: 9;
}

@media screen and (max-width: 768px) {
  .header__1 .header__avatar {
    display: none !important;
  }
}

.header__1 .header__avatar:hover {
  background: #e6edf0;
}

.header__1 .header__avatar .avatar {
  height: 2.4rem;
  width: 2.4rem;
  border-radius: 2000px;
  -o-object-fit: cover;
  object-fit: cover;
}

.header__1 .header__avatar .price {
  padding: 0 10px 0 20px;
}

.header__1 .header__avatar .avatar_popup {
  position: absolute;
  padding: 30px;
  top: 4rem;
  left: 0;
  overflow: hidden;
  border-radius: 10px;
  background: #ffffff;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  -webkit-box-shadow: 0px 17px 13px 0px #192c4b05;
  box-shadow: 0px 17px 13px 0px #192c4b05;
  border: solid 1px #e2eef1;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateY(-1rem);
  transform: translateY(-1rem);
}

.header__1 .header__avatar .avatar_popup.visible {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.header__1 .header__avatar .avatar_popup .links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.header__1 .header__avatar .avatar_popup .links a {
  color: #183b56;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.header__1 .header__avatar .avatar_popup .links a i {
  margin-right: 5px;
  font-size: 20px;
}

.header__1 .header__avatar .avatar_popup .links a:hover {
  color: #566ffe;
}

.header__1 .header__notifications .js-notifications-icon {
  cursor: pointer;
}

.js-notifications-icon i {
  font-size: 20px;
}

@media screen and (max-width: 768px) {
  .header__1 .header__notifications {
    display: none !important;
  }
}

.header__1 .header__notifications .notifications_popup {
  position: absolute;
  padding: 30px;
  top: 6rem;
  right: 0;
  overflow: hidden;
  border-radius: 10px;
  background: #ffffff;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  -webkit-box-shadow: 0px 17px 13px 0px #192c4b05;
  box-shadow: 0px 17px 13px 0px #192c4b05;
  border: solid 1px #e2eef1;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateY(-1rem);
  transform: translateY(-1rem);
  max-width: 30rem;
  z-index: 9;
}

.header__1 .header__notifications .notifications_popup.visible {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.header__1 .header__notifications .notifications_popup .item {
  position: relative;
  padding-right: 40px;
}

.header__1 .header__notifications .notifications_popup .circle {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #566ffe;
}

.header__1 .header__notifications .notifications_popup a h6 {
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}

.header__1 .header__notifications .notifications_popup a h6:hover {
  color: #566ffe;
}

.header__1 .header__notifications .notifications_popup .badge {
  border-radius: 20px;
  padding: 8px 16px 6px;
  font-size: 14px;
  background: #183b56;
}

.header__1 .header__notifications .notifications_popup .thumb {
  height: 3rem;
  width: 3rem;
  border-radius: 2000px;
  background: #e2eef1;
}

.header__1 .header__notifications .notifications_popup .links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.header__1 .header__notifications .notifications_popup .links a {
  color: #183b56;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.header__1 .header__notifications .notifications_popup .links a i {
  margin-right: 5px;
  font-size: 20px;
}

.header__1.is__dark {
  border-bottom: 1px solid rgba(255, 255, 255, 0.082);
  background: #183b56;
}

.header__1.is__dark * {
  color: #ffffff !important;
}

.header__1.is__dark .header__search {
  background: #0b1b27;
}

.header__1.is__dark .header__search:hover,
.header__1.is__dark .header__search:focus {
  border: none !important;
}

.header__1.is__dark .header__result {
  background: #183b56 !important;
}

.header__1.is__dark .menu__popup {
  background: #142c3f;
  border: none;
}

.hero__1 {
  overflow: hidden;
  position: relative;
  background: #ffffff;
  -webkit-box-shadow: 0px 17px 13px 0px #192c4b05;
  box-shadow: 0px 17px 13px 0px #192c4b05;
  z-index: 0;
  position: relative;
}

.hero__1::before {
  content: "";
  position: absolute;
  left: 0;
  background: url(../img/effects/hero.jpg);
  width: 476px;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -1;
}

@media screen and (max-width: 991px) {
  .hero__1::before {
    display: none;
  }
}

.hero__1 .hero__left {
  padding: 100px 0;
}

@media screen and (max-width: 991px) {
  .hero__1 .hero__left {
    padding: 50px 0;
  }
}

.hero__1 .hero__text {
  max-width: 30rem;
  margin-left: 0;
}

.hero__1.is__dark {
  background: #183b56;
  position: relative;
}

.hero__1.is__dark::before {
  content: "";
  position: absolute;
  display: none;
}

.hero__1.is__dark *:not(p):not(.btn) {
  color: #ffffff;
}

.hero__1.is__dark p {
  color: rgba(255, 255, 255, 0.486);
}

.hero__index {
  overflow: hidden;
  position: relative;
  z-index: 0;
  position: relative;
  position: relative;
}

.hero__index::before {
  content: "";
  position: absolute;
  left: 0;
  background: white;
  width: 100vw;
  height: calc(100% - 5rem);
  z-index: -1;
  font-size: 22px;
}

@media screen and (max-width: 991px) {
  .hero__index::before {
    height: calc(100%);
  }
}

.hero__index .is__big {
  padding: 40px;
  -webkit-transform-origin: 50% -50px;
  transform-origin: 50% -50px;
  -webkit-transform: perspective(400px) rotateX(3deg);
  transform: perspective(400px) rotateX(3deg);
}

@media screen and (max-width: 991px) {
  .hero__index .is__big {
    -webkit-transform-origin: 0;
    transform-origin: 0;
    display: none;
    -webkit-transform: none;
    transform: none;
  }
}

.hero__index .hero_icons .icon {
  padding: 20px;
  border-radius: 50px;
  display: block;
}

.hero__index .hero_icons .icon.is_1 {
  background: #faab021a;
  color: #f59608;
}

.hero__index .hero_icons .icon.is_2 {
  background: #09b68b1f;
  color: #0dc990;
}

.hero__index .hero_icons .icon.is_3 {
  background: #094eb61f;
  color: #2e4f69;
}

.hero__index .sh_1 {
  position: absolute;
  top: 0;
  right: 0;
}

.hero__index .sh_2 {
  position: absolute;
  bottom: 5rem;
  left: 0;
}

@media screen and (max-width: 991px) {
  .hero__index .sh_2 {
    display: none;
  }
}

.hero__index .sh_3 {
  position: absolute;
  bottom: 15rem;
  right: 15rem;
}

.hero__index .hero__title {
  font-size: 74px;
}

@media screen and (max-width: 991px) {
  .hero__index .hero__title {
    font-size: 45px;
  }
}

.hero__index::after {
  content: "";
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  top: -14rem;
  background: url(../img/logos/top.svg);
  width: 80rem;
  height: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -1;
}

.hero__2 {
  overflow: hidden;
  position: relative;
  padding-top: 100px;
  z-index: 0;
  position: relative;
}

@media screen and (max-width: 991px) {
  .hero__2 {
    padding-top: 50px;
  }
}

.hero__2::before {
  content: "";
  position: absolute;
  position: absolute;
  left: 0;
  top: 0;
  background: #ffffff;
  -webkit-box-shadow: 0px 17px 13px 0px #192c4b05;
  box-shadow: 0px 17px 13px 0px #192c4b05;
  width: 100%;
  height: 80%;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -1;
}

.hero__2 .hero__text {
  max-width: 30rem;
}

.hero__2 .wrapper {
  margin-top: 50px;
  background: #ffffff;
  border: solid 1px #e2eef1;
  padding: 20px;
  border-radius: 20px;
  -webkit-box-shadow: 0px 17px 13px 0px #192c4b05;
  box-shadow: 0px 17px 13px 0px #192c4b05;
  background-color: #ffffff;
  position: relative;
  position: relative;
}

.hero__2 .wrapper::before {
  content: "";
  position: absolute;
  background: url(../img/bg/ce.png);
  background-size: cover;
  height: 25rem;
  width: 25rem;
  top: -10rem;
  left: -8rem;
  z-index: -1;
}

.hero__2 .wrapper::after {
  content: "";
  position: absolute;
  background: url(../img/bg/ce.png);
  background-size: cover;
  height: 25rem;
  width: 25rem;
  top: -10rem;
  right: -8rem;
  z-index: -1;
}

.hero__2 .wrapper .card__hero__item {
  background: #f9fbfc;
  border-radius: 20px;
}

.hero__2 .wrapper .card__hero__item .card__img {
  border-radius: 20px;
}

@media screen and (max-width: 991px) {
  .hero__2 .wrapper {
    margin-bottom: -30px;
  }
}

.hero__3 {
  padding: 100px 0 50px;
  background-image: url(../img/bg/effect.svg);
  background-size: 100%;
  background-color: #ffffff;
  background-repeat: no-repeat;
}

@media screen and (max-width: 991px) {
  .hero__3 {
    padding-top: 50px;
  }
}

.hero__4 {
  padding: 50px 0 50px;
}

@media screen and (max-width: 991px) {
  .hero__4 {
    padding-top: 50px;
  }
}

.hero__4 .swiper_hero {
  position: relative;
}

@media screen and (max-width: 992px) {
  .hero__4 .swiper_hero {
    overflow: hidden;
  }
}

.hero__4 .swiper_hero .swiper-button-prev {
  height: 3rem;
  width: 3rem;
  background: #ffffff;
  border: solid 1px #e2eef1;
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  border-radius: 100px;
}

.hero__4 .swiper_hero .swiper-button-prev:hover {
  background: white;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.hero__4 .swiper_hero .swiper-button-prev::after {
  color: #183b56;
  font-size: 15px;
  font-weight: 700;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}

@media screen and (max-width: 1400px) {
  .hero__4 .swiper_hero .swiper-button-prev {
    display: none;
  }
}

@media screen and (max-width: 992px) {
  .hero__4 .swiper_hero .swiper-button-prev {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.hero__4 .swiper_hero .swiper-button-next {
  height: 3rem;
  width: 3rem;
  background: #ffffff;
  border: solid 1px #e2eef1;
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  border-radius: 100px;
}

.hero__4 .swiper_hero .swiper-button-next:hover {
  background: #e2eef1;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.hero__4 .swiper_hero .swiper-button-next::after {
  color: #183b56;
  font-size: 15px;
  font-weight: 700;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}

@media screen and (max-width: 1400px) {
  .hero__4 .swiper_hero .swiper-button-next {
    display: none;
  }
}

@media screen and (max-width: 992px) {
  .hero__4 .swiper_hero .swiper-button-next {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.hero__kit,
.hero_marketplace,
.hero_ranking,
.hero_forum,
.hero_questions,
.hero_no_results,
.hero_privacy,
.hero_upcoming_projects {
  background: #ffffff;
  padding: 100px 0;
  border-bottom: 1px solid #e2eef1;
}

@media screen and (max-width: 991px) {

  .hero__kit,
  .hero_marketplace,
  .hero_ranking,
  .hero_forum,
  .hero_questions,
  .hero_no_results,
  .hero_privacy,
  .hero_upcoming_projects {
    padding: 50px 0;
  }
}

.hero_upcoming_projects .hero__desc {
  max-width: 30rem;
  margin-left: auto;
  margin-right: auto;
}

.hero_Live_Auctions {
  background-color: #ecf1f9;
  padding: 100px 0 0;
}

@media screen and (max-width: 768px) {
  .hero_Live_Auctions {
    padding: 70px 0 0;
  }
}

@media screen and (max-width: 992px) {
  .hero_Live_Auctions .left_content {
    margin-bottom: 30px;
  }
}

.hero_Live_Auctions .card__item {
  margin-left: auto !important;
  margin-right: 0;
  max-width: 40rem;
}

.hero_Live_Auctions .card__item:hover {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

@media screen and (max-width: 992px) {
  .hero_Live_Auctions .card__item {
    margin-left: auto;
    margin-right: auto !important;
  }
}

@media screen and (max-width: 576px) {
  .hero_Live_Auctions .card__item .card_left {
    margin-bottom: 20px;
  }
}

.hero_Live_Auctions .card__item .card_left .details {
  background-color: #183b56;
  padding: 10px 18px;
  border-radius: 10px;
}

.hero_Live_Auctions .card__item .card_left .details span {
  color: white;
}

.hero_Live_Auctions .card__item .card_right {
  overflow: hidden;
  border-radius: 20px;
}

.hero_Live_Auctions .card__item .card_right:hover {
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.hero_Live_Auctions .card__item .card_right img {
  border-radius: 20px;
  width: 100%;
  -webkit-transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.hero_Live_Auctions .card__item .card_right img:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.hero_privacy {
  background-color: #ecf1f9 !important;
  border-bottom: none !important;
}

.hero_privacy .privacy__icon {
  font-size: 40px;
}

.hero_newsletter {
  margin-top: 100px;
  padding: 30px !important;
}

@media screen and (max-width: 991px) {
  .hero_newsletter {
    margin-top: 70px !important;
  }
}

@media screen and (max-width: 992px) {
  .hero_newsletter .left__side {
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 992px) {
  .hero_newsletter .left__side .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

@media screen and (max-width: 992px) {
  .hero_newsletter .right__side {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.hero_newsletter .right__side .hero__img {
  border-radius: 20px;
}

.hero_questions p {
  max-width: 30rem;
}

.hero_no_results {
  background: #ecf1f9;
  border-bottom: none;
}

.hero_no_results .search__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  padding: 20px 40px;
  margin-left: auto;
  margin-right: auto;
}

.hero_no_results .search__box i {
  font-size: 50px;
}

.hero_no_results .hero__title,
.hero_no_results .input__box {
  max-width: 50rem;
  margin-left: auto;
  margin-right: auto;
}

.hero_no_results .hero__desc {
  max-width: 30rem;
  margin-left: auto;
  margin-right: auto;
}

.hero__profile {
  position: relative;
}

.hero__profile .card-body {
  height: 400px;
}

.hero__profile .card_head {
  height: 250px;
}

.hero__profile .tabs {
  position: absolute;
  top: 20px;
  left: 45px;
}

.hero__profile .cover {
  height: 17rem;
}

.hero__profile .cover img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.hero__profile .avatar_wrap {
  position: relative;
  width: 6rem;
}

.hero__profile .avatar_wrap .avatar {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  border: solid 5px #ffffff;
  width: 7rem;
  height: 7rem;
}

.hero__profile .infos {
  padding: 20px 0;
  background-color: #ffffff;
  border-bottom: 1px solid #e2eef1;
}

.hero__profile .copy {
  padding: 10px 20px;
  border-radius: 400px;
  border: 1px solid #e2eef1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.hero__profile .copy i {
  padding-left: 10px;
  margin-left: 10px;
  border-left: 1px solid #6f7d95;
}

.hero__creators {
  padding: 100px 0 50px;
}

.hero__creators .hero__text {
  max-width: 30rem;
  margin-left: 0;
}

.hero__collections {
  background: #ffffff;
  padding: 100px 0;
  border-bottom: 1px solid #e2eef1;
}

@media screen and (max-width: 991px) {
  .hero__collections {
    padding: 50px 0;
  }

  .hero__profile .card_head {
    height: 215px;
  }
}

.hero__activity {
  background: #ffffff;
  padding: 100px 0;
  border-bottom: 1px solid #e2eef1;
}

@media screen and (max-width: 991px) {
  .hero__activity {
    padding: 50px 0;
  }
}

.hero__upload {
  padding: 0 0 30px 0;
}

@media screen and (max-width: 991px) {
  .hero__upload {
    padding: 50px 0;
  }
}

.hero__upload .hero__text {
  max-width: 30rem;
}

@media screen and (max-width: 576px) {
  .hero__upload .switch {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 576px) {
  .hero__upload .title {
    text-align: center;
  }
}

.footer__1 {
  padding: 100px 0 50px;

  border-top: 1px solid #e2eef1;
  background-color: #ffffff;
}


@media screen and (max-width: 991px) {
  .footer__1 {
    padding: 70px 0 70px;

  }
}

.footer__1 .footer_logo img {
  height: 3rem;
}

.footer__1 .footer__text {
  max-width: 30rem;
  margin-left: 0;
}

.footer__1 .footer__social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.footer__1 .footer__social a,
.footer__1 .footer__social i {
  color: #183b56;
  font-size: 1.2rem;
}

.footer__1 .footer__social i {
  height: 2.5rem;
  width: 2.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 100%;
  background: #e2eef1;
  -webkit-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  border: solid 1px transparent;
}

.footer__1 .footer__social i:hover {
  background: #ffffff;
  -webkit-box-shadow: 0px 17px 13px 0px #192c4b05;
  box-shadow: 0px 17px 13px 0px #192c4b05;
  border: solid 1px #e2eef1;
}

.footer__1 .footer-desc {
  margin-bottom: 2rem;
}

.footer__1 .footer-desc .logo {
  margin-bottom: 1rem;
}

.footer__1 .footer-desc .logo img {
  height: 2.5rem;
}

.footer__1 .footer-desc .social-footer {
  margin-top: 1rem;
}

.footer__1 .footer-desc .social-footer a img {
  width: 18px;
  margin-right: 8px;
}

.footer__1 .footer-desc .social-footer a ion-icon {
  font-size: 25px;
  color: white;
}

.footer__1 .footer__title {
  font-size: 1.1rem;
  position: relative;
  margin-bottom: 1.3rem;
}

.footer__1 .footer__list {
  margin-bottom: 2rem;
}

.footer__1 .footer__list li {
  margin-bottom: 1rem;
}

.footer__1 .footer__list li a {
  color: #183b56;
}

.footer__1 .footer__list li a:hover {
  padding-left: 0.5rem;
  color: #566ffe;
}

.footer__1 .copyright {
  margin-top: 35px;
  font-size: 14px;
  margin-bottom: 0;
}

.footer__1 .copyright p {
  padding: 2rem 0 2rem;
  font-size: 1rem;
  margin: 0;
  color: #a5a5a5;
}

.section__title {
  font-size: 34px;
}

@media screen and (max-width: 991px) {
  .section__title {
    font-size: 32px;
  }
}

@media screen and (max-width: 576px) {
  .section__title {
    font-size: 30px;
  }
}

.section__head {
  margin-bottom: 30px;
}

.logos__wrap {
  margin-top: 100px;
  background: #ffffff;
  border: solid 1px #e2eef1;
  padding: 20px;
  border-radius: 20px;
  -webkit-box-shadow: 0px 17px 13px 0px #192c4b05;
  box-shadow: 0px 17px 13px 0px #192c4b05;
  padding: 80px 60px;
}

.logos__wrap img {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}

@media screen and (max-width: 991px) {
  .logos__wrap {
    margin-top: 50px;
    padding: 50px 15px;
  }
}

.call2action {
  background: radial-gradient(100.04% 100.76% at 50.49% -0.76%, #356cc4 0%, #972c99 100%);
  padding: 100px 0;
  margin-top: 100px;
}

@media screen and (max-width: 768px) {
  .call2action {
    text-align: center;
  }

  .call2action .section__text {
    margin-right: auto;
    margin-left: auto;
  }
}

.call2action.is__light {
  background-color: #ffffff;
  background-image: url(../img/bg/circles.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: right center;
}

.call2action .section__text {
  max-width: 30rem;
  margin-left: 0;
}

@media screen and (max-width: 768px) {
  .call2action .section__text {
    margin-left: auto;
    margin-right: auto;
  }
}

@media screen and (max-width: 991px) {
  .call2action {
    margin-top: 50px;
  }
}

.community {
  margin-top: 100px;
}

@media screen and (max-width: 991px) {
  .community {
    margin-top: 50px;
  }
}

.community .section__title {
  max-width: 60rem;
  margin-left: auto;
  margin-right: auto;
}

.community .section__text {
  max-width: 40rem;
  margin-left: auto;
  margin-right: auto;
}

.community .community__items .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
  background: #ffffff;
  border: solid 1px #e2eef1;
  padding: 20px;
  border-radius: 20px;
  -webkit-box-shadow: 0px 17px 13px 0px #192c4b05;
  box-shadow: 0px 17px 13px 0px #192c4b05;
  padding: 30px;
}

@media screen and (max-width: 991px) {
  .community .community__items .item {
    margin-bottom: 20px;
  }
}

.community .community__items .item .logo {
  height: 5rem;
  width: 5rem;
  border-radius: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #edf3f5;
}

.community .community__items .item .logo.is_twitter {
  background: rgba(5, 171, 246, 0.1);
}

.community .community__items .item .logo.is_discord {
  background: rgba(114, 137, 217, 0.1);
}

.fixed_row {
  padding: 20px 0;
  background-color: #ffffff;
  position: fixed;
  left: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 2;
  border-top: 1px solid #e2eef1;
}

@media screen and (max-width: 404px) {
  .fixed_row .content {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
}

.section__artists {
  position: relative;
}

.section__artists .container {
  position: relative;
}

.section__artists .swiper-button-prev {
  height: 3rem;
  width: 3rem;
  top: 20px;
  left: auto;
  right: 5rem !important;
  background: #ffffff;
  border: solid 1px #e2eef1;
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  border-radius: 100px;
}

.section__artists .swiper-button-prev:hover {
  background: white;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.section__artists .swiper-button-prev::after {
  color: #183b56;
  font-size: 15px;
  font-weight: 700;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}

.section__artists .swiper-button-next {
  height: 3rem;
  width: 3rem;
  top: 20px;
  right: 15px !important;
  background: #ffffff;
  border: solid 1px #e2eef1;
  -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  border-radius: 100px;
}

.section__artists .swiper-button-next:hover {
  background: #e2eef1;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.section__artists .swiper-button-next::after {
  color: #183b56;
  font-size: 15px;
  font-weight: 700;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
}

@media screen and (max-width: 576px) {
  .section__activity .box .row {
    -webkit-box-pack: center !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
  }
}

@media screen and (max-width: 576px) {
  .section__activity .box .row .creators_box {
    margin-bottom: 10px;
  }
}

.section__creators .w-container .w-row {
  margin-left: -10px;
  margin-right: -10px;
}

.section__creators .w-row:before,
.section__creators .w-row:after {
  content: " ";
  display: table;
  grid-column-start: 1;
  grid-row-start: 1;
  grid-column-end: 2;
  grid-row-end: 2;
}

.section__creators .w-row:after {
  clear: both;
}

.section__creators .w-row .w-row {
  margin-left: 0;
  margin-right: 0;
}

.section__creators .w-col {
  position: relative;
  float: left;
  width: 100%;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}

.section__creators .w-col .w-col {
  padding-left: 0;
  padding-right: 0;
}

.section__creators .w-col-1 {
  width: 8.33333333%;
}

.section__creators .w-col-2 {
  width: 16.66666667%;
}

.section__creators .w-col-3 {
  width: 25%;
}

.section__creators .w-col-4 {
  width: 33.33333333%;
}

.section__creators .w-col-5 {
  width: 41.66666667%;
}

.section__creators .w-col-6 {
  width: 50%;
}

.section__creators .w-col-7 {
  width: 58.33333333%;
}

.section__creators .w-col-8 {
  width: 66.66666667%;
}

.section__creators .w-col-9 {
  width: 75%;
}

.section__creators .w-col-10 {
  width: 83.33333333%;
}

.section__creators .w-col-11 {
  width: 91.66666667%;
}

.section__creators .w-col-12 {
  width: 100%;
}

.section__creators .w-hidden-main {
  display: none !important;
}

@media screen and (max-width: 991px) {
  .section__creators .w-container {
    max-width: 728px;
  }

  .section__creators .w-hidden-main {
    display: inherit !important;
  }

  .section__creators .w-hidden-medium {
    display: none !important;
  }

  .section__creators .w-col-medium-1 {
    width: 8.33333333%;
  }

  .section__creators .w-col-medium-2 {
    width: 16.66666667%;
  }

  .section__creators .w-col-medium-3 {
    width: 25%;
  }

  .section__creators .w-col-medium-4 {
    width: 33.33333333%;
  }

  .section__creators .w-col-medium-5 {
    width: 41.66666667%;
  }

  .section__creators .w-col-medium-6 {
    width: 50%;
  }

  .section__creators .w-col-medium-7 {
    width: 58.33333333%;
  }

  .section__creators .w-col-medium-8 {
    width: 66.66666667%;
  }

  .section__creators .w-col-medium-9 {
    width: 75%;
  }

  .section__creators .w-col-medium-10 {
    width: 83.33333333%;
  }

  .section__creators .w-col-medium-11 {
    width: 91.66666667%;
  }

  .section__creators .w-col-medium-12 {
    width: 100%;
  }

  .section__creators .w-col-stack {
    width: 100%;
    left: auto;
    right: auto;
  }
}

@media screen and (max-width: 767px) {
  .section__creators .w-hidden-main {
    display: inherit !important;
  }

  .section__creators .w-hidden-medium {
    display: inherit !important;
  }

  .section__creators .w-hidden-small {
    display: none !important;
  }

  .section__creators .w-row,
  .section__creators .w-container .w-row {
    margin-left: 0;
    margin-right: 0;
  }

  .section__creators .w-col {
    width: 100%;
    left: auto;
    right: auto;
  }

  .section__creators .w-col-small-1 {
    width: 8.33333333%;
  }

  .section__creators .w-col-small-2 {
    width: 16.66666667%;
  }

  .section__creators .w-col-small-3 {
    width: 25%;
  }

  .section__creators .w-col-small-4 {
    width: 33.33333333%;
  }

  .section__creators .w-col-small-5 {
    width: 41.66666667%;
  }

  .section__creators .w-col-small-6 {
    width: 50%;
  }

  .section__creators .w-col-small-7 {
    width: 58.33333333%;
  }

  .section__creators .w-col-small-8 {
    width: 66.66666667%;
  }

  .section__creators .w-col-small-9 {
    width: 75%;
  }

  .section__creators .w-col-small-10 {
    width: 83.33333333%;
  }

  .section__creators .w-col-small-11 {
    width: 91.66666667%;
  }

  .section__creators .w-col-small-12 {
    width: 100%;
  }
}

@media screen and (max-width: 479px) {
  .section__creators .w-container {
    max-width: none;
  }

  .section__creators .w-hidden-main {
    display: inherit !important;
  }

  .section__creators .w-hidden-medium {
    display: inherit !important;
  }

  .section__creators .w-hidden-small {
    display: inherit !important;
  }

  .section__creators .w-hidden-tiny {
    display: none !important;
  }

  .section__creators .w-col {
    width: 100%;
  }

  .section__creators .w-col-tiny-1 {
    width: 8.33333333%;
  }

  .section__creators .w-col-tiny-2 {
    width: 16.66666667%;
  }

  .section__creators .w-col-tiny-3 {
    width: 25%;
  }

  .section__creators .w-col-tiny-4 {
    width: 33.33333333%;
  }

  .section__creators .w-col-tiny-5 {
    width: 41.66666667%;
  }

  .section__creators .w-col-tiny-6 {
    width: 50%;
  }

  .section__creators .w-col-tiny-7 {
    width: 58.33333333%;
  }

  .section__creators .w-col-tiny-8 {
    width: 66.66666667%;
  }

  .section__creators .w-col-tiny-9 {
    width: 75%;
  }

  .section__creators .w-col-tiny-10 {
    width: 83.33333333%;
  }

  .section__creators .w-col-tiny-11 {
    width: 91.66666667%;
  }

  .section__creators .w-col-tiny-12 {
    width: 100%;
  }
}

.section__creators .container._w-800 {
  max-width: 800px;
}

.section__creators .container._w-600 {
  max-width: 600px;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  -ms-grid-row-align: stretch;
  align-self: stretch;
}

.section__creators .container._w-400 {
  max-width: 400px;
}

.section__creators .container.flex-h {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}

.section__creators .container.flex-h.reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.section__creators .container.flex-h.reverse.mt-128 {
  margin-top: 180px;
}

.section__creators .container.flex-h.mt-128 {
  margin-top: 180px;
}

.section__creators .container.flex-h.mt-128.type-1 {
  margin-top: 260px;
}

.section__creators .container.w300 {
  max-width: 300px;
}

.section__creators .container._w-1000 {
  max-width: 1000px;
}

.section__creators .container._w-1000.flex-h {
  max-width: 1000px;
}

.section__creators .container._w-1000.flex-h.cta {
  padding-right: 48px;
  padding-left: 48px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.section__creators .container._w-1000.flex-h.downloads {
  padding-right: 24px;
  padding-left: 48px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.section__creators .container._w-1000.flex-h.grid {
  display: -ms-grid;
  display: grid;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: start;
  grid-auto-columns: 1fr;
  grid-column-gap: 60px;
  grid-row-gap: 40px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
}

.section__creators .container.grid {
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  grid-column-gap: 64px;
  grid-row-gap: 64px;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
}

.section__creators .p.opacity {
  opacity: 0.6;
}

.section__creators .p.tiny {
  font-size: 12px;
  line-height: 12px;
  font-weight: 500;
}

.section__creators .p.tiny.text-align-center.mt-16 {
  margin-top: 16px;
}

.section__creators .p.tiny {
  margin-top: 10px;
  font-size: 0.8em;
}

.section__creators .p.medium {
  font-size: 18px;
}

.section__creators .clients-slider-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  min-width: 200%;
  margin-bottom: 32px;
  background-color: transparent;
}

.section__creators .clients-slider-mask {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  max-width: 100vw;
  padding-bottom: 20px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.section__creators .clients-slider-mask.mt-8 {
  overflow: hidden;
  margin-top: 10px;
}

.section__creators .testimonial-card {
  display: -ms-grid;
  display: grid;
  padding: 16px 20px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  justify-items: stretch;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  grid-auto-columns: 1fr;
  grid-column-gap: 10px;
  grid-row-gap: 11px;
  -ms-grid-columns: 1fr -webkit-max-content;
  -ms-grid-columns: 1fr max-content;
  grid-template-columns: 1fr -webkit-max-content;
  grid-template-columns: 1fr max-content;
  -ms-grid-rows: minmax(auto, 25px) auto -webkit-min-content;
  -ms-grid-rows: minmax(auto, 25px) auto min-content;
  grid-template-rows: minmax(auto, 25px) auto -webkit-min-content;
  grid-template-rows: minmax(auto, 25px) auto min-content;
  border-radius: 10px;
  background-color: #fff;
  -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
  box-shadow: 0 33px 88px 0 #1d0e6211;
}

.section__creators .clients-slider-pane {
  display: -ms-grid;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  background-color: transparent;
}

.section__creators .tc-company-image {
  max-height: 100%;
}

.section__creators .parent-cover {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
}

.section__creators .sg---html-embed {
  width: 40px;
  height: 40px;
  background-color: #000;
}

.section__creators .align-btm {
  margin-top: auto;
}

.section__creators .align-top {
  margin-bottom: auto;
}

.section__creators .glow {
  position: absolute;
  left: -10%;
  top: -30%;
  z-index: 0;
  display: none;
  width: 60px;
  height: 60px;
  background-image: radial-gradient(circle closest-side at 50% 50%, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
  opacity: 0.5;
  -webkit-filter: blur(3px);
  filter: blur(3px);
}

.section__creators .nav-cta-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.section__creators .ml-8 {
  margin-left: 8px;
}

.section__creators .ml-24 {
  margin-left: 24px;
}

.section__creators .mt-8 {
  margin-top: 8px;
}

.section__creators .mt-16 {
  margin-top: 16px;
}

.section__creators .mb-8 {
  margin-bottom: 8px;
}

.section__creators .mb-16 {
  margin-bottom: 16px;
}

.section__creators .mr-8 {
  margin-right: 8px;
}

.section__creators .mr-16 {
  margin-right: 16px;
}

.section__creators .logos-wrapper.mt-16 {
  display: -ms-grid;
  display: grid;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  grid-auto-columns: auto;
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  -ms-grid-columns: auto auto auto auto auto auto;
  grid-template-columns: auto auto auto auto auto auto;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.section__creators .chat-bubble {
  position: relative;
  max-width: 600px;
  margin-right: 10%;
  margin-left: 10%;
  padding: 24px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  border-radius: 16px 16px 16px 4px;
  background-color: #fefcfa;
  -webkit-box-shadow: 0 4px 16px 0 #f4e6d7;
  box-shadow: 0 4px 16px 0 #f4e6d7;
}

.section__creators .emoji-speaker-image {
  position: absolute;
  left: -90px;
  top: auto;
  right: auto;
  bottom: -60px;
  height: 100px;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.section__creators .emoji-speaker-image.r-side {
  left: auto;
  right: -90px;
  bottom: -50px;
}

.section__creators .emoji-speaker-image.r-side.type-2 {
  right: -80px;
}

.section__creators .scroll-arrow {
  display: none;
}

.section__creators .scroll-arrow.align-center {
  display: block;
}

.section__creators .div-60 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 55%;
  margin-left: 5%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.section__creators .div-60.reverse {
  margin-right: 5%;
  margin-left: 0%;
}

.section__creators .div-60.reverse.cta {
  margin-right: 2%;
}

.section__creators .div-60.flex-v {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 40%;
  margin-left: 0%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 auto;
  flex: 0 auto;
}

.section__creators .div-60.div-55 {
  width: 50%;
}

.section__creators .div-35 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 35%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.section__creators .div-35.div-product {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.section__creators .text-highlight {
  display: inline;
  background-color: #efdffd;
}

.section__creators .text-highlight.green {
  background-color: #e5ffc7;
}

.section__creators .text-highlight.yellow {
  background-color: #fde49b;
}

.section__creators .text-highlight.product-bold {
  font-weight: 500;
}

.section__creators .text-highlight.product-bold.pink {
  background-color: #fbcee8;
}

.section__creators .text-highlight.pink {
  background-color: #fbcee8;
}

.section__creators .mt-96 {
  margin-top: 96px;
}

.section__creators .mt-128 {
  margin-top: 128px;
}

.section__creators .grid-wrapper {
  grid-column-gap: 48px;
  grid-row-gap: 48px;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
}

.section__creators .personas-image {
  height: 80px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
}


.section__creators .bg-glass {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: 0%;
  z-index: 0;
  margin-right: auto;
  margin-left: auto;
}

.section__creators .bg-glass.bg-filter {
  top: auto;
  height: 80px;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  border-style: solid;
  border-width: 1px;
  border-color: rgba(255, 255, 255, 0.6);
  border-radius: 8px;
  background-color: rgba(255, 255, 255, 0.6);
}

.section__creators .nav-bar-wrapper {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: 1000;
  display: block;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.section__creators .nav-bar-wrapper.glassed {
  position: fixed;
  top: -80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.section__creators .product-image {
  position: relative;
  border-radius: 8px;
  -webkit-box-shadow: 0 4px 16px 0 rgba(103, 63, 24, 0.2);
  box-shadow: 0 4px 16px 0 rgba(103, 63, 24, 0.2);
}

.section__creators .product-image.type-2 {
  border-radius: 16px;
}

.section__creators .product-image.type-2._2 {
  position: relative;
  top: -80px;
  z-index: 10;
  width: 89%;
  max-width: 592px;
  -webkit-box-shadow: 0 1px 50px -2px rgba(103, 63, 24, 0.2);
  box-shadow: 0 1px 50px -2px rgba(103, 63, 24, 0.2);
}

.section__creators .product-image.type-2._1 {
  position: relative;
  left: 80px;
  top: 24px;
  width: 89%;
  max-width: 592px;
}

.section__creators .product-image.type-1 {
  left: 80px;
  width: 89%;
  max-width: 592px;
  border-radius: 0px;
}

.section__creators .product-image.type-3 {
  max-width: 468px;
  border-radius: 10px;
}

.section__creators .product-image.type-3.mb-24 {
  width: 89%;
}

.section__creators .product-image.type-4 {
  position: absolute;
  left: 65px;
  bottom: 120px;
  width: 89%;
  max-width: 624px;
  border-radius: 10px;
}

.section__creators .product-image.type-5 {
  max-width: 651px;
  border-radius: 16px;
}

.section__creators .product-image.type-5.mt-24 {
  margin-top: 12px;
}

.section__creators .cta-text {
  font-size: 50px;
  line-height: 60px;
}

.section__creators .princing-card {
  overflow: hidden;
  max-width: 500px;
  padding: 32px 50px;
  border-radius: 16px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 50px -2px rgba(103, 63, 24, 0.2);
  box-shadow: 0 0 50px -2px rgba(103, 63, 24, 0.2);
}

.section__creators .subs-text {
  font-size: 16px;
  line-height: 16px;
  font-weight: 800;
}

.section__creators .subs-text-tiny {
  margin-bottom: 32px;
  font-size: 14px;
  line-height: 14px;
  font-weight: 600;
}

.section__creators .pricing-card-text-wrapper {
  margin: -56px -50px -32px;
  padding: 98px 80px 42px;
  background-color: #fefaf7;
}

.section__creators .inline-emoji {
  display: inline-block;
  width: 24px;
  height: 22px;
  margin-bottom: 0px;
  -o-object-fit: contain;
  object-fit: contain;
}

.section__creators .div-block-4 {
  display: -ms-grid;
  display: grid;
  grid-auto-columns: 1fr;
  grid-column-gap: 12px;
  grid-row-gap: 24px;
  -ms-grid-columns: -webkit-max-content auto;
  -ms-grid-columns: max-content auto;
  grid-template-columns: -webkit-max-content auto;
  grid-template-columns: max-content auto;
  -ms-grid-rows: auto auto;
  grid-template-rows: auto auto;
}

.section__creators .bg-image {
  position: absolute;
  left: 0%;
  top: 0%;
  right: 0%;
  bottom: auto;
  z-index: -1000;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.section__creators .bg-image.bottom {
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 10%;
}

.section__creators .bg-image.bottom-anchor {
  left: 0%;
  top: auto;
  right: 0%;
  bottom: 0%;
}

.section__creators .download-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #111;
  font-weight: 600;
}

.section__creators .footer-collumn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.section__creators .clients-slider-pane-wrapper {
  width: 50%;
  min-width: 2500px;
  grid-auto-flow: column;
  grid-auto-columns: 1fr;
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  background-color: transparent;
}

.section__creators .clients-slider-pane-wrapper.right {
  margin-right: 16px;
}

.section__creators .clients-slider-pane-wrapper.left {
  margin-left: 16px;
}

.section__creators .tc-text-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 16px;
  font-weight: 500;
}

.section__creators .tc-name {
  font-size: 14px;
}

.section__creators .tc-position {
  color: rgba(55, 53, 40, 0.6);
  font-size: 12px;
}

.section__creators .tc-people-image {
  width: 56px;
  height: 56px;
  border-radius: 50%;
}

.section__creators .align-lft {
  margin-right: auto;
}

.section__creators .align-rgt {
  margin-left: auto;
}

.section__creators .tc-company-image-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.section__creators .chat-bubble-2 {
  position: relative;
  max-width: 600px;
  margin-right: 10%;
  margin-left: 10%;
  padding: 24px;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  border-radius: 16px 16px 16px 4px;
  background-color: #fefcfa;
  -webkit-box-shadow: 0 4px 16px 0 #f4e6d7;
  box-shadow: 0 4px 16px 0 #f4e6d7;
}

.section__creators .chat-bubble-2.dark {
  max-width: 400px;
  padding: 16px;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  background-color: #111;
  -webkit-box-shadow: 0 4px 16px 0 rgba(154, 94, 36, 0.15);
  box-shadow: 0 4px 16px 0 rgba(154, 94, 36, 0.15);
  color: #fff;
  font-size: 16px;
  line-height: 22px;
  font-weight: 500;
}

.section__creators .chat-bubble-2.dark.r-side {
  z-index: 10;
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 4px;
}

.section__creators .chat-bubble-2.dark.r-side.type-3 {
  margin-left: 0%;
}

.section__creators .text-highlight-2 {
  display: inline;
  background-color: #efdffd;
}

.section__creators .legal-date-text {
  margin-bottom: 42px;
  font-size: 14px;
  line-height: 1;
}

.section__creators .heading {
  line-height: 1.188;
}

/* ===================
- 5/ Pages
=======================*/
.typoghraphy {
  position: relative;
  overflow: hidden;
  position: relative;
}

.typoghraphy::before {
  content: "";
  position: absolute;
  content: "Aa";
  opacity: 0.1;
  font-size: 200px;
  font-family: "circular_bold";
  bottom: -6rem;
  left: -2rem;
}

@media screen and (max-width: 768px) {
  .profile__content {
    margin-bottom: 70px;
  }
}

.edit_profile .profile-img .pro_img {
  cursor: pointer;
  -webkit-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.edit_profile .profile-img .pro_img:hover {
  opacity: 0.8;
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}

.edit_profile .profile-img .pro_img.is_active {
  position: relative;
  border-radius: 12px;
  -webkit-box-shadow: 0px 17px 13px 0px #192c4b05;
  box-shadow: 0px 17px 13px 0px #192c4b05;
  position: relative;
  position: relative;
}

.edit_profile .profile-img .pro_img.is_active::before {
  content: "";
  position: absolute;
  height: 30px;
  width: 30px;
  background: url(../img/icons/Badge.svg);
  right: -15px;
  top: -15px;
  background-size: contain;
  background-repeat: no-repeat;
}

.edit_profile .profile-img .pro_img.is_active::after {
  content: "";
  position: absolute;
  height: calc(100% + 10px);
  width: calc(100% + 12px);
  background: radial-gradient(100% 100% at 53.13% 0%, #31e7fa 0%, #4477ff 52.6%, #db74ff 100%);
  border-radius: 12px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: -1;
}

@media screen and (max-width: 991px) {
  .edit_profile .profile-img .pro_img {
    margin-bottom: 20px;
  }
}

.edit_profile .profile-img img {
  border-radius: 10px;
  width: 100%;
}

.edit_profile .profile-img .box img {
  border-radius: 0 !important;
}

.edit_profile .account-info,
.edit_profile .social-media {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
}

#boxUpload {
  position: relative;
}

#boxUpload #imageUpload {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0;
  margin: 0;
  margin-top: 0px;
  margin-bottom: 0px;
  cursor: pointer;
  opacity: 0;
}

#profileImage {
  cursor: pointer;
  position: relative;
}

.register {
  background-image: url(/public/storage/images/login.webp);
  background-size: cover;
  background-attachment: fixed;
}

.register .left_part {
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh;
  width: inherit;
  background-repeat: no-repeat;
  background-size: cover;
  color: white;
}

.register .right_part {
  padding: 60px 0;
}

.login {
  height: auto;
}

@media screen and (max-width: 991px) {
  .login {
    height: auto;
  }
}

.ranking {
  margin-bottom: 0 !important;
  border-spacing: 0 2px;
  border-collapse: separate;
  border-spacing: 0 10px;
}

.ranking .collection {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ranking .collection .media {
  position: relative;
}

.ranking .collection .media .has_number {
  position: absolute;
  right: -5%;
  top: 75%;
  width: 22px;
  height: 22px;
  color: #ffffff;
  background: radial-gradient(100% 100% at 53.13% 0%, #31e7fa 0%, #4477ff 52.6%, #db74ff 100%);
  border: 2px solid #ffffff;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 15px;
}

.ranking .collection .media .collection__img {
  width: 4.5rem;
  height: 4.5rem;
  -webkit-box-shadow: 0px 17px 13px 0px #192c4b05;
  box-shadow: 0px 17px 13px 0px #192c4b05;
  border-radius: 5px;
  border: 3px solid #fff;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.ranking .collection .title {
  font-weight: 400;
}

.ranking .avatars {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.ranking .avatars .media {
  position: relative;
}

.ranking .avatars .media .badge {
  position: absolute;
  bottom: 0;
  right: -7px;
}

.ranking .avatars .media .badge img {
  width: 100%;
}

.ranking .avatars .media .has_number {
  position: absolute;
  left: -12%;
  top: 40%;
  width: 22px;
  height: 22px;
  color: #ffffff;
  background-color: #183b56;
  border: 2px solid #ffffff;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 15px;
}

.ranking .avatars .media .has_number.top {
  background: radial-gradient(100% 100% at 53.13% 0%, #31e7fa 0%, #4477ff 52.6%, #db74ff 100%);
  left: 70%;
  top: 4%;
}

.ranking .avatars .media.has_border {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 4px;
  border-radius: 100%;
  background: radial-gradient(100% 100% at 53.13% 0%, #31e7fa 0%, #4477ff 52.6%, #db74ff 100%);
}

.ranking .avatars .avatars_name {
  font-weight: 700;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.ranking .avatars .avatars_name.large {
  font-size: 22px;
}

.ranking .avatars .avatars_name:hover {
  color: #566ffe;
}

.ranking .avatars .price {
  font-size: 15px;
}

.ranking .avatars .details {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background: #e6edf0;
  padding: 20px;
  border-radius: 10px;
  -webkit-box-shadow: 0px 17px 13px 0px #192c4b05;
  box-shadow: 0px 17px 13px 0px #192c4b05;
  width: 100%;
}

.ranking .avatars .collection__img {
  width: 4.5rem;
  height: 4.5rem;
  -webkit-box-shadow: 0px 17px 13px 0px #192c4b05;
  box-shadow: 0px 17px 13px 0px #192c4b05;
  border-radius: 50% !important;
  border: 3px solid #fff;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.ranking .avatars .collection__img.avatar-sm {
  width: 2rem;
  height: 2rem;
}

.ranking .avatars .collection__img.avatar-md {
  width: 5rem;
  height: 5rem;
}

@media screen and (max-width: 576px) {
  .ranking .avatars .collection__img.avatar-md {
    width: 4rem;
    height: 4rem;
  }
}

.ranking .avatars .collection__img.avatar-lg {
  width: 6rem;
  height: 6rem;
}

.ranking th {
  padding-left: 20px;
  padding-right: 20px;
}

.ranking th i {
  color: #183b56;
  vertical-align: middle;
  font-weight: normal;
  font-size: 17.5px;
}

.ranking th span {
  color: #183b56;
  font-weight: bold;
  vertical-align: middle;
}

.ranking tr {
  background: transparent;
}

.ranking tr td {
  vertical-align: middle;
  padding: 15px 20px;
  background: #edf3f5;
  white-space: nowrap;
}

.ranking .table * {
  border: none !important;
}

.ranking table tbody td:first-child {
  border-radius: 10px 0 0 10px;
}

.ranking table tbody td:last-child {
  border-radius: 0 10px 10px 0;
}

.forum .forum__content {
  overflow: hidden;
}

@media screen and (max-width: 576px) {
  .forum .forum__content .nav {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.forum .forum__content .nav .nav-item:not(:last-child) {
  margin-right: 10px;
}

@media screen and (max-width: 576px) {
  .forum .forum__content .nav .nav-item {
    margin-bottom: 10px;
  }
}

.forum .forum__content .tags {
  background-color: white;
  color: #566ffe;
  padding: 6px 16px;
  border-radius: 28px;
  font-size: 13px;
  font-weight: 500;
  border: solid 1px rgba(10, 33, 65, 0.05);
  -webkit-box-shadow: 0px 2px 4px #7e8eb11f !important;
  box-shadow: 0px 2px 4px #7e8eb11f !important;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.forum .forum__content .tags span:not(:last-child) {
  margin-right: 5px;
}

@media screen and (max-width: 576px) {
  .forum .forum__content .tags span {
    margin-bottom: 5px;
  }
}

.forum .forum__content .forum__title {
  -webkit-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.forum .forum__content .forum__title:hover {
  color: #566ffe;
}

.forum .forum__content .number {
  padding: 20px;
}

.forum .forum__content .number span {
  position: relative;
  color: #183b56;
}

.forum .forum__content .number span::before {
  content: "";
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='16' height='16'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 10.828l-4.95 4.95-1.414-1.414L12 8l6.364 6.364-1.414 1.414z' fill='rgba(54,179,126,1)'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
  top: -25px;
  left: 50%;
  width: 30px;
  height: 30px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.forum .forum__content .number span::after {
  content: "";
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='18' height='18'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12 13.172l4.95-4.95 1.414 1.414L12 16 5.636 9.636 7.05 8.222z' fill='rgba(233,84,50,1)'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
  bottom: -25px;
  left: 50%;
  width: 30px;
  height: 30px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.forum .forum__content .reaction {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (max-width: 576px) {
  .forum .forum__content .reaction {
    margin-bottom: 10px;
  }
}

.forum .forum__content .reaction .comments,
.forum .forum__content .reaction .views,
.forum .forum__content .reaction .likes {
  margin-right: 10px;
}

@media screen and (max-width: 576px) {

  .forum .forum__content .reaction .comments,
  .forum .forum__content .reaction .views,
  .forum .forum__content .reaction .time,
  .forum .forum__content .reaction .likes {
    margin-bottom: 10px;
  }
}

.forum .forum__content .reaction .likes {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.forum .forum__content .reaction .likes span {
  color: #6f7d95;
}

.forum .forum__content .reaction .likes i {
  -webkit-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  color: #ff6871;
  font-weight: bold;
}

.forum .forum__content .reaction .likes i:hover {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  color: #eb5757;
  position: relative;
}

.forum .forum__content .reaction .likes i:hover::after {
  content: "";
  position: absolute;
  -webkit-transform: translate(-50%, -50%) scale(1.5);
  transform: translate(-50%, -50%) scale(1.5);
}

.forum .forum__content .reaction .comments,
.forum .forum__content .reaction .views,
.forum .forum__content .reaction .time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.forum .forum__content .reaction .comments i,
.forum .forum__content .reaction .views i,
.forum .forum__content .reaction .time i {
  color: #91a1bc;
}

.forum .forum__content .reaction .comments span,
.forum .forum__content .reaction .views span,
.forum .forum__content .reaction .time span {
  color: #6f7d95;
}

.forum .forum__content .reaction .like {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.forum .forum__content .reaction .like .like__btn {
  -webkit-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  color: #566ffe;
}

.forum .forum__content .reaction .like .like__btn:hover {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  position: relative;
}

.forum .forum__content .reaction .like .like__btn:hover::after {
  content: "";
  position: absolute;
  -webkit-transform: translate(-50%, -50%) scale(1.5);
  transform: translate(-50%, -50%) scale(1.5);
}

.forum .forum__content .reaction .like i {
  -webkit-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  color: #566ffe;
}

.forum .forum__content .reaction .like span {
  color: #6f7d95;
}

.forum .forum__content .reaction .dislike {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.forum .forum__content .reaction .dislike .dislike__btn {
  -webkit-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  color: #566ffe;
}

.forum .forum__content .reaction .dislike .dislike__btn:hover {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  position: relative;
}

.forum .forum__content .reaction .dislike .dislike__btn:hover::after {
  content: "";
  position: absolute;
  -webkit-transform: translate(-50%, -50%) scale(1.5);
  transform: translate(-50%, -50%) scale(1.5);
}

.forum .forum__content .reaction .dislike i {
  color: #183b56;
}

.forum .forum__content .reaction .dislike span {
  color: #6f7d95;
}

@media screen and (max-width: 576px) {
  .forum .forum__content .answer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
  }
}

.forum .forum__content .comments__box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.forum .forum__content .comments__box .inupt__comment {
  display: block;
  width: 100%;
  margin-right: 20px;
  margin-left: 20px;
}

@media screen and (max-width: 576px) {
  .forum .forum__content .comments__box .inupt__comment {
    margin-right: 10px;
    margin-left: 10px;
  }
}

.forum .forum__content .answers__box .v__line {
  padding: 32px;
  position: relative;
}

.forum .forum__content .answers__box .v__line::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 120%;
  background-color: #e2eef1;
  position: absolute;
  left: 50%;
  margin-left: -1px;
  top: 0;
}

.forum .forum__content .answers__box .v__line.last {
  position: relative;
}

.forum .forum__content .answers__box .v__line.last::before {
  content: "";
  position: absolute;
  display: none;
}

.forum .sidebar .popular-tags .tags_items {
  margin-bottom: -10px;
}

.forum .sidebar .popular-tags .tags_items span {
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 10px;
}

.forum .sidebar .card__item {
  padding: 0;
  background: transparent;
  border: none;
}

.post__details .forum__title:hover {
  color: #183b56;
}

.post__details .Answers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.post__details .Answers i {
  color: #36b37e;
  font-size: 22px;
  font-weight: bold;
}

.post__details .Answers h5 {
  color: #36b37e;
}

.forum_border {
  border: solid 2px #566ffe;
}

.questions__page .accordion-button {
  color: #183b56;
  font-size: 19px;
  font-weight: bold;
}

.questions__page .side {
  background: #183b56;
  border: solid 10px #fff;
}

@media screen and (max-width: 576px) {
  .questions__page .side {
    margin-bottom: 30px;
  }
}

@media screen and (max-width: 576px) {
  .questions__page .side .sidenav {
    margin-bottom: -20px;
    margin-right: -20px;
  }
}

@media screen and (max-width: 576px) {
  .questions__page .side .sidenav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.questions__page .side .sidenav ul li .text__reset {
  color: #ffffff;
}

.questions__page .side .sidenav ul li i {
  color: #ffffff;
  font-size: 22px;
  height: 40px;
  width: 40px;
  background: rgba(255, 255, 255, 0.247);
  border-radius: 50%;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 576px) {
  .questions__page .side .sidenav ul li {
    margin-bottom: 20px;
    margin-right: 20px;
  }
}

.questions__page .side .sidenav ul li:not(:last-child) {
  margin-bottom: 20px;
}

#sidebar-nav.sticky {
  position: fixed;
  top: 5px;
}

.contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;

}

.categories .cards {
  overflow-x: hidden;
  overflow-y: scroll;
  height: 100%;
  max-height: 384px;
  -ms-overflow-style: none;

}

.card__item.seven {
  background: #ecf1f9;
  overflow: hidden;
  margin-right: 10px;
}

.card__item.seven .card_body .product__name {
  display: block;
  color: #183b56;
}

#cat-scroll::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}

#cat-scroll::-webkit-scrollbar {
  width: 12px;
  background-color: #F5F5F5;
}

#cat-scroll::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
  background-color: #4996ec;
}


.contact .contact__img {
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  .contact .contact__img {
    display: none;
  }
}

.contact .contact__img .img__wrap img {
  height: 100%;
}

.contact .contact__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 50px;
  margin: 60px 0;
}

@media screen and (max-width: 768px) {
  .contact .contact__content {
    margin: 70px 0 0;
    padding-left: 15px !important;
  }
}

.not__found {
  position: relative;
}

.not__found .wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.not__found .wrap .content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
}

.not__found .wrap .content img {
  max-width: 20rem;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.not__found .wrap .img__left {
  position: absolute;
  top: 0;
  height: 100%;
  left: 0;
}

@media screen and (max-width: 768px) {
  .not__found .wrap .img__left {
    display: none;
  }
}

.not__found .wrap .img__left img {
  height: 100%;
}

@media screen and (max-width: 992px) {
  .not__found .wrap .img__left img {
    height: 80%;
  }
}

.not__found .wrap .img__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  height: 100%;
  right: 0;
}

@media screen and (max-width: 768px) {
  .not__found .wrap .img__right {
    display: none;
  }
}

.not__found .wrap .img__right img {
  height: 100%;
  margin-left: auto;
}

@media screen and (max-width: 992px) {
  .not__found .wrap .img__right img {
    height: 80%;
  }
}

.requests {
  margin-bottom: -100px;
  position: relative;
}

@media screen and (max-width: 768px) {
  .requests {
    margin-bottom: -70px;
  }
}

.requests .requests__wrap {
  margin: 100px 0;
}

@media screen and (max-width: 768px) {
  .requests .requests__wrap {
    margin: 70px 0;
  }
}

.requests .contact__img {
  overflow: hidden;
}

@media screen and (max-width: 992px) {
  .requests .contact__img {
    display: none;
  }
}

.requests .contact__img .img__wrap img {
  height: 100%;
  position: absolute;
  right: 0;
}

.requests .requests_footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

@media screen and (max-width: 576px) {
  .requests .requests_footer {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.requests .requests_footer .Attach_desc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .requests .requests_footer .Attach_desc {
    margin-right: 20px;
  }
}

@media screen and (max-width: 576px) {
  .requests .requests_footer .Attach_desc {
    margin-right: 0;
    margin-bottom: 20px;
  }
}

.requests .requests_footer .Attach_desc .Attach_file {
  position: relative;
  display: block ruby;
}

.requests .requests_footer .Attach_desc .Attach_file input[type="file"] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  border-radius: 100px;
  padding: 0;
  margin: 0;
  margin-top: 0px;
  margin-bottom: 0px;
  cursor: pointer;
  filter: alpha(opacity=0);
  opacity: 0;
}

.submit_requests {
  margin-top: 100px;
}

@media screen and (max-width: 768px) {
  .submit_requests {
    margin-top: 70px;
  }
}

.submit_requests p {
  width: auto;
}

@media screen and (max-width: 992px) {
  .submit_requests .side_bar {
    margin-bottom: 30px;
  }
}

.submit_requests .side_bar .sidebar_box {
  padding: 20px;
  background: radial-gradient(100% 100% at 53.13% 0%, #31e7fa 0%, #4477ff 52.6%, #db74ff 100%);
  border-radius: 10px;
}

.submit_requests .side_bar .sidebar_box .question_icon {
  font-size: 20px;
}

.submit_requests .side_bar .sidebar_box p:not(:last-child) {
  margin: 0;
  margin-right: 10px;
}

.submit_requests .side_bar .sidebar_box p:last-child {
  margin: 0;
}

.submit_requests .side_bar .sidebar_box .desc_icon {
  vertical-align: middle;
  display: none;
}

@media screen and (max-width: 576px) {
  .submit_requests .side_bar .sidebar_box .desc_icon {
    display: inline-block;
  }
}

.submit_requests .side_bar .sidebar_box .desc_text {
  display: inline-block;
}

@media screen and (max-width: 576px) {
  .submit_requests .side_bar .sidebar_box .desc_text {
    display: none;
  }
}

.submit_requests .sender .message_box {
  background-color: #e6e9ff;
}

.submit_requests .receiver .message_box {
  background-color: #edf3f5;
}

.upcoming_projects {
  margin-bottom: 0 !important;
  border-spacing: 0 2px;
  border-collapse: separate;
  border-spacing: 0;
}

.upcoming_projects .calendar_icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: white;
  width: 50px;
  height: 50px;
  border-radius: 100%;
}

.upcoming_projects .calendar_icon i {
  font-size: 24px;
  background: radial-gradient(100% 100% at 53.13% 0%, #31e7fa 0%, #4477ff 52.6%, #db74ff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  -moz-background-clip: text;
}

.upcoming_projects th {
  padding: 10px 40px 20px 40px;
}

.upcoming_projects th i {
  color: #183b56;
  vertical-align: middle;
  font-weight: normal;
  font-size: 17.5px;
}

.upcoming_projects th span {
  color: #183b56;
  font-weight: bold;
  vertical-align: middle;
}

.upcoming_projects tr {
  background: transparent;
}

.upcoming_projects tr td {
  vertical-align: middle;
  padding: 30px 40px;
  background: #eef0ff;
  white-space: nowrap;
}

.upcoming_projects tr.white td {
  background: white;
}

.upcoming_projects .table * {
  border: none !important;
}

.upcoming_projects table tbody td:first-child {
  border-radius: 10px 0 0 10px;
}

.upcoming_projects table tbody td:last-child {
  border-radius: 0 10px 10px 0;
}

/*-----------------------------
    section__news
  -----------------------------*/
.section__news {
  background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f9f9f9));
  background: linear-gradient(#ffffff, #f9f9f9);
  width: 93%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 15px;
  padding-right: 15px;
  border-radius: 20px;
}

@media (max-width: 991px) {
  .section__news {
    margin-top: 3.75rem;
    width: 100%;
  }
}

.section__news .block__news_ch .item:first-of-type {
  margin-top: -3.75rem;
}

.section__news .block__news_ch .item:last-of-type {
  margin-top: -6.875rem;
}

@media (max-width: 767px) {
  .section__news .block__news_ch .item {
    margin-top: inherit !important;
    margin-bottom: 1.875rem;
  }
}

.section__news .block__news_ch .item__news {
  padding: 1.375rem;
  border-radius: 12px;
  background-color: #ffffff;
  -webkit-transition: 0.4s !important;
  transition: 0.4s !important;
}

.section__news .block__news_ch .item__news .head_img {
  margin-bottom: 0.938rem;
}

.section__news .block__news_ch .item__news .head_img img {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
  width: 100%;
  height: 140px;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (max-width: 767px) {
  .section__news .block__news_ch .item__news .head_img img {
    height: 180px;
  }
}

.section__news .block__news_ch .item__news .body__content span {
  display: block;
  margin-bottom: 0.625rem;
  color: #eb5757;
  font-size: 13px;
}

.section__news .block__news_ch .item__news .body__content h3 {
  margin-bottom: 0.625rem;
  font-size: 20px;
  font-weight: 500;
  color: #183b56;
}

.section__news .block__news_ch .item__news .body__content p {
  margin-bottom: 0;
  font-size: 15px;
}

.section__news .block__news_ch .item__news .footer__content {
  margin-top: 1.875rem;
}

.section__news .block__news_ch .item__news .footer__content .link__go {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  font-size: 14px;
  -webkit-transition: 0.3s !important;
  transition: 0.3s !important;
}

.section__news .block__news_ch .item__news .footer__content .link__go:hover {
  color: #183b56;
}

/*-----------------------------
    news__workspace
  -----------------------------*/
.news__workspace .title_sections {
  margin-bottom: 3.75rem;
}

.news__workspace .fa__news {
  display: block;
}

.news__workspace .fa__news .img__cover {
  position: relative;
  overflow: hidden;
  border-radius: 8px;
  margin-bottom: 1.25rem;
}

.news__workspace .fa__news .img__cover img {
  width: 100%;
  height: 280px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 8px;
  -webkit-transform: scale3d(1, 1, 1) !important;
  transform: scale3d(1, 1, 1) !important;
  -webkit-transition: 0.4s !important;
  transition: 0.4s !important;
}

.news__workspace .fa__news .img__cover.sm_height img {
  height: 180px;
}

.news__workspace .fa__news .body__content span {
  font-size: 15px;
  display: block;
  margin-bottom: 0.625rem;
  font-weight: 400;
}

.news__workspace .fa__news .body__content h3 {
  font-size: 20px;
  margin-bottom: 0.625rem;
  font-weight: 500;
  color: #183b56;
}

.news__workspace .fa__news .body__content p {
  font-size: 15px;
  color: #6f7d95;
  margin-bottom: 0;
  font-weight: 400;
}

.news__workspace .fa__news:hover .img__cover img {
  -webkit-transform: scale3d(1.1, 1.1, 1) !important;
  transform: scale3d(1.1, 1.1, 1) !important;
}

.news__workspace .block_end .fa__news:first-child {
  margin-top: -3.125rem;
}

@media (max-width: 991px) {
  .news__workspace .block_end .fa__news:first-child {
    margin-top: 0;
  }
}

/*-----------------------------
    blog_slider
  -----------------------------*/
.blog_slider .swiper-button-next,
.blog_slider .swiper-button-prev {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background-color: rgba(24, 59, 86, 0.05);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  top: 22px;
  -webkit-transition: 0.3s !important;
  transition: 0.3s !important;
}

.blog_slider .swiper-button-next .tio,
.blog_slider .swiper-button-prev .tio {
  font-size: 18px;
  color: #183b56;
  -webkit-transition: 0.3s !important;
  transition: 0.3s !important;
}

.blog_slider .swiper-button-next::after,
.blog_slider .swiper-button-prev::after {
  display: none;
}

.blog_slider .swiper-button-next:hover,
.blog_slider .swiper-button-prev:hover {
  background-color: #183b56;
}

.blog_slider .swiper-button-next:hover .tio,
.blog_slider .swiper-button-prev:hover .tio {
  color: #ffffff;
}

@media (max-width: 767px) {

  .blog_slider .swiper-button-next,
  .blog_slider .swiper-button-prev {
    display: none;
  }
}

.blog_slider .swiper-button-next {
  right: 10px;
  left: auto;
}

.blog_slider .swiper-button-prev {
  right: 4.5rem;
  left: inherit;
}

.blog_slider .title_sections_inner {
  border-bottom: 1px solid #e2eef1;
  position: relative;
}

.blog_slider .title_sections_inner h2 {
  margin-bottom: 1.875rem;
}

.blog_slider .title_sections_inner::after {
  content: "";
  width: 50px;
  height: 1px;
  position: absolute;
  left: 0;
  background-color: #183b56;
}

.grid_blog_avatar a {
  display: block;
}

.grid_blog_avatar .cover_blog {
  position: relative;
  overflow: hidden;
  margin-bottom: 20px;
  border-radius: 8px;
}

.grid_blog_avatar .cover_blog img {
  width: 100%;
  border-radius: 8px;
  height: 220px;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) !important;
  transition: 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) !important;
  -webkit-transform: scale3d(1, 1, 1) !important;
  transform: scale3d(1, 1, 1) !important;
}

.grid_blog_avatar .body_blog .person {
  margin-bottom: 20px;
}

.grid_blog_avatar .body_blog .person img {
  width: 35px;
  height: 35px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
  margin-right: 12px;
  margin-bottom: 5px !important;
}

.grid_blog_avatar .body_blog .person .txt h3 {
  color: #183b56;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 3px;
}

.grid_blog_avatar .body_blog .person .txt time {
  font-size: 12px;
  color: #6f7d95;
  display: block;
}

.grid_blog_avatar .body_blog .title_blog {
  color: #183b56;
  font-weight: 500;
  font-size: 20px;
  -webkit-transition: 0.3s !important;
  transition: 0.3s !important;
}

.grid_blog_avatar .body_blog .short_desc {
  color: #6f7d95;
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 0;
  display: -webkit-box;
  height: 43px;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

.grid_blog_avatar .body_blog .link_blog {
  display: block;
}

.grid_blog_avatar .body_blog .link_blog:hover .title_blog {
  color: #566ffe;
}

.grid_blog_avatar:hover .cover_blog img {
  -webkit-transform: scale3d(1.12, 1.12, 1) !important;
  transform: scale3d(1.12, 1.12, 1) !important;
}

.grid_blog_avatar.list_style {
  margin-bottom: 30px;
}

@media (max-width: 767px) {
  .grid_blog_avatar.list_style .body_blog {
    margin-top: 20px;
  }
}

.grid_blog_avatar.list_style .cover_blog {
  margin-bottom: 0;
}

.article_page .user {
  margin-right: 12px;
  width: 40px;
  height: 40px;
  border-radius: 100px;
}

.article_page .blog-author-detail {
  margin-bottom: 40px;
}

.article_page .author-meta p {
  margin: 0;
}

.article_page .article_wrap .tag_cloud {
  margin-bottom: -10px;
}

.article_page .article_wrap .tag_cloud .p_tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
  line-height: 2;
  display: block;
  margin-right: 20px;
}

.article_page .article_wrap .tag_cloud a {
  padding: 2px 10px;
  background-color: #f9fbfc;
  margin-right: 5px;
  margin-bottom: 10px;
  border: solid 1px transparent;
  color: #183b56;
}

.article_page .article_wrap .tag_cloud a:hover {
  background-color: white;
  color: #566ffe;
  -webkit-box-shadow: 0px 17px 13px 0px #192c4b05;
  box-shadow: 0px 17px 13px 0px #192c4b05;
  border: solid 1px #eee;
}

.article_page .blog-share-container {
  position: sticky;
  top: 15px;
  left: 0;
}

.article_page .blog-share {
  -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
  box-shadow: 0 33px 88px 0 #1d0e6211;
  padding: 20px;
  background: #566ffe;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  z-index: 0;
}

.article_page .blog-share::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url(../images/others/lines.svg);
  background-size: cover;
  mix-blend-mode: screen;
  z-index: -1;
}

.article_page .blog-share .share {
  text-align: center;
  margin-bottom: 20px;
  color: white;
}

.article_page .blog-share ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.article_page .blog-share ul li {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 5px;
}

.article_page .blog-share ul li a {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  color: white;
}

.article_page .blog-share ul li a:hover {
  color: #183b56;
}

.article_page .blog-share a {
  color: #183b56;
}

.article_page .content {
  margin-top: 0;
  margin-bottom: 60px;
  background: #ffffff;
  border: solid 1px #e2eef1;
  padding: 20px;
  border-radius: 20px;
  -webkit-box-shadow: 0px 17px 13px 0px #192c4b05;
  box-shadow: 0px 17px 13px 0px #192c4b05;
  padding: 30px;
}

.article_page .content .inner h2,
.article_page .content .inner h3,
.article_page .content .inner h4,
.article_page .content .inner h5,
.article_page .content .inner h6,
.article_page .content .inner p {
  margin-top: 25px;
  margin-bottom: 25px;
}

.article_page .content .img_article {
  margin-bottom: 20px;
  -webkit-box-shadow: 0px 17px 13px 0px #192c4b05;
  box-shadow: 0px 17px 13px 0px #192c4b05;
  border-radius: 20px;
}

.comments_article {
  max-width: 1000px;
  background-color: rgba(86, 111, 254, 0.15);
  padding: 30px 30px 10px;
  margin-bottom: 60px;
  border-radius: 20px;
}

.comments_article .avatar {
  border-radius: 100%;
  height: 50px;
  width: 50px;
  -o-object-fit: cover;
  object-fit: cover;
}

.comments_article .comment {
  margin-bottom: 20px;
}

.comments_article .comment-content {
  background: #ffffff;
  border-radius: 0 15px 15px 15px;
  padding: 20px;
}

.comments_article .is_child {
  padding-left: 60px;
  border-left: solid 2px #ffffff;
}

.comments_article .is_child .comment-content {
  background: rgba(255, 255, 255, 0.623);
}

@media screen and (max-width: 991px) {
  .comments_article .is_child {
    padding-left: 20px;
  }
}

.reply {
  max-width: 1000px;
  padding: 30px;
  border-right: 20px;
  border-radius: 5px;
  background: #ffffff;
  border: solid 1px #e2eef1;
  padding: 20px;
  border-radius: 20px;
  -webkit-box-shadow: 0px 17px 13px 0px #192c4b05;
  box-shadow: 0px 17px 13px 0px #192c4b05;
}

/*-----------------------------
    content-Sblog
  -----------------------------*/
.content-Sblog {
  margin-top: 50px;
}

.content-Sblog .fixSide_scroll .item {
  margin-bottom: 40px;
}

.content-Sblog .fixSide_scroll .item .profile_user {
  text-align: center;
}

@media (max-width: 991px) {
  .content-Sblog .fixSide_scroll .item .profile_user {
    text-align: left;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-align: start;
    -webkit-box-align: start;
    align-items: flex-start;
  }
}

.content-Sblog .fixSide_scroll .item .profile_user img {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
}

@media (max-width: 991px) {
  .content-Sblog .fixSide_scroll .item .profile_user img {
    margin-right: 15px;
  }
}

.content-Sblog .fixSide_scroll .item .profile_user .txt {
  margin-top: 15px;
}

.content-Sblog .fixSide_scroll .item .profile_user .txt h4 {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 4px;
}

.content-Sblog .fixSide_scroll .item .profile_user .txt time {
  display: block;
  font-size: 12px;
  color: #6f7d95;
}

.content-Sblog .fixSide_scroll .item .profile_user .btn_profile {
  padding: 9px 27px;
  font-size: 14px;
  margin-top: 15px;
}

@media (max-width: 991px) {
  .content-Sblog .fixSide_scroll .item .profile_user .btn_profile {
    margin-left: 15px;
  }
}

.content-Sblog .fixSide_scroll .share_socail {
  text-align: center;
  display: grid;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media (max-width: 991px) {
  .content-Sblog .fixSide_scroll .share_socail {
    text-align: left;
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    -ms-flex-align: start;
    -webkit-box-align: start;
    align-items: flex-start;
  }
}

.content-Sblog .fixSide_scroll .share_socail .title {
  font-size: 15px;
  color: #6f7d95;
  margin-bottom: 20px;
}

@media (max-width: 991px) {
  .content-Sblog .fixSide_scroll .share_socail .title {
    margin-bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
  }
}

.content-Sblog .fixSide_scroll .share_socail .btn {
  margin-bottom: 5px;
}

.content-Sblog .fixSide_scroll .share_socail .btn.icon {
  background-color: #ffffff;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.content-Sblog .fixSide_scroll .share_socail .btn.icon .tio {
  font-size: 18px;
}

.content-Sblog .fixSide_scroll .share_socail .btn:hover.icon {
  background-color: #566ffe;
}

.content-Sblog .body_content p,
.content-Sblog .body_content li {
  font-size: 15px;
  color: #434c55;
}

.content-Sblog .body_content a {
  color: #566ffe;
}

.content-Sblog .body_content img {
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 8px;
  margin-bottom: 10px;
  width: 100%;
}

.content-Sblog .body_content mark {
  color: #ffffff;
}

.content-Sblog .body_content .img_md {
  height: 350px;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 8px;
}

.content-Sblog .body_content .cover_video {
  position: relative;
  height: 450px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 10px;
}

.content-Sblog .body_content .cover_video img {
  width: 100%;
  height: 450px;
}

.content-Sblog .body_content .cover_video .icon_played {
  position: absolute;
}

.content-Sblog .body_content .cover_video .btn_video .play_video::after {
  display: none;
}

.content-Sblog .body_content .txt_quotation {
  border-left: 6px solid #6f7d95;
  padding: 15px 25px;
  font-size: 24px;
  color: #183b56;
  font-weight: 500;
}

/*-----------------------------
    simple_blog_dev
  -----------------------------*/
.simple_blog_dev .item_news {
  margin-bottom: 50px;
}

@media (max-width: 991px) {
  .simple_blog_dev .item_news {
    margin-bottom: 30px;
  }
}

.simple_blog_dev .item_news .link_post {
  display: block;
  font-size: 25px;
  font-weight: 500;
  color: #183b56;
  margin-bottom: 5px;
  -webkit-transition: 0.3s !important;
  transition: 0.3s !important;
}

.simple_blog_dev .item_news .link_post:hover {
  color: #566ffe;
}

.simple_blog_dev .item_news p {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 0;
}

/*-----------------------------
    box_news_gray
  -----------------------------*/
.box_news_gray .grid_blog_avatar {
  padding: 30px;
  border-radius: 8px;
  margin-bottom: 30px;
}

.box_news_gray .grid_blog_avatar .link_blog {
  margin-bottom: 30px;
}

.box_news_gray .grid_blog_avatar .link_blog:hover .title_blog {
  color: #eb5757;
}

/*-----------------------------
    blog_masonry
  -----------------------------*/
.blog_masonry .card {
  border-radius: 8px;
  border: 0;
  margin-bottom: 30px;
}

.blog_masonry .card:hover .cover_link::before {
  opacity: 1;
}

.blog_masonry .card:hover .cover_link .main_img {
  -webkit-transform: scale3d(1.1, 1.1, 1) !important;
  transform: scale3d(1.1, 1.1, 1) !important;
}

.blog_masonry .card:hover .cover_link .auther_post {
  opacity: 1;
  top: 30px;
}

.blog_masonry .card:hover .card-title {
  color: #566ffe !important;
}

.blog_masonry .card .link_poet {
  display: block;
  text-decoration: none;
}

.blog_masonry .card .cover_link {
  position: relative;
  overflow: hidden;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  z-index: 0;
  -webkit-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.blog_masonry .card .cover_link .auther_post {
  position: absolute;
  top: 20px;
  left: 30px;
  z-index: 2;
  opacity: 0;
  -webkit-transition: 0.3s cubic-bezier(0.65, 0.05, 0.36, 1) !important;
  transition: 0.3s cubic-bezier(0.65, 0.05, 0.36, 1) !important;
}

.blog_masonry .card .cover_link .auther_post img {
  width: 35px;
  height: 35px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
  margin-right: 12px;
}

.blog_masonry .card .cover_link .auther_post .txt h4 {
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 4px;
}

.blog_masonry .card .cover_link .auther_post .txt p {
  font-size: 12px;
  color: rgba(255, 255, 255, 0.8);
}

.blog_masonry .card .cover_link .main_img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  -webkit-transition: 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) !important;
  transition: 0.4s cubic-bezier(0.65, 0.05, 0.36, 1) !important;
  -webkit-transform: scale3d(1, 1, 1) !important;
  transform: scale3d(1, 1, 1) !important;
}

.blog_masonry .card .cover_link::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
  background: rgba(0, 0, 0, 0.308);
  z-index: 1;
  opacity: 0;
}

.blog_masonry .card .cover_link:hover {
  z-index: 0;
  -webkit-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
  transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.blog_masonry .card .cover_link:hover::before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
  background: rgba(0, 0, 0, 0.308);
  background: rgba(5, 6, 51, 0.479);
  z-index: 1;
  opacity: 1;
}

.blog_masonry .card .card-body {
  padding: 30px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 33px 88px 0 #1d0e6211;
  box-shadow: 0 33px 88px 0 #1d0e6211;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
}

.blog_masonry .card .card-body .about_post {
  margin-bottom: 12px;
}

.blog_masonry .card .card-body .about_post .c_ategory a {
  color: #183b56;
  display: inline-block;
  font-size: 14px;
}

.blog_masonry .card .card-body .about_post .c_ategory a:hover {
  color: #566ffe;
}

.blog_masonry .card .card-body .about_post .c_ategory a::before {
  content: ", ";
}

.blog_masonry .card .card-body .about_post .c_ategory a:first-child::before {
  display: none;
}

.blog_masonry .card .card-body .about_post .dot {
  width: 5px;
  height: 5px;
  border-radius: 30px;
  background-color: #e0e1e4;
  margin: 0 8px;
  display: inline-block;
}

.blog_masonry .card .card-body .about_post time {
  display: inline-block;
  font-size: 13px;
}

.blog_masonry .card .card-body .card-title {
  color: #183b56;
  font-size: 25px;
  font-weight: 500;
  margin-bottom: 12px;
  -webkit-transition: 0.3s !important;
  transition: 0.3s !important;
}

.blog_masonry .card .card-body .card-text {
  font-size: 15px;
  font-weight: 400;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.blog_masonry.two_column .card-columns {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 1.875rem;
  -moz-column-gap: 1.875rem;
  column-gap: 1.875rem;
  orphans: 1;
  widows: 1;
  overflow: visible;
}

.blog_masonry.three_column .card-body .card-title {
  font-size: 20px;
}

.blog_masonry.height_fixed .link_poet .cover_link .main_img {
  height: 250px;
}

@media (max-width: 991px) {
  .blog_masonry .card-columns {
    -webkit-column-count: 2 !important;
    -moz-column-count: 2 !important;
    -o-column-count: 2 !important;
    -ms-column-count: 2 !important;
    column-count: 2 !important;
  }
}

@media (max-width: 767px) {
  .blog_masonry .card-columns {
    -webkit-column-count: 1 !important;
    -moz-column-count: 1 !important;
    -o-column-count: 1 !important;
    -ms-column-count: 1 !important;
    column-count: 1 !important;
  }
}

.section_tag_auther {
  margin-top: 50px;
}

.section_tag_auther .box_tags_psot h4 {
  font-size: 14px;
  color: #183b56;
  margin-bottom: 10px;
}

.section_tag_auther .box_tags_psot a {
  background-color: #566ffe;
  border-radius: 8px;
  font-size: 13px;
  color: #183b56;
  padding: 10px 20px;
  margin-right: 8px;
}

.section_tag_auther .block_auther_post {
  background-color: #566ffe;
  border-radius: 8px;
  padding: 35px;
}

.section_tag_auther .block_auther_post .img_person {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
  margin-right: 20px;
}

.section_tag_auther .block_auther_post .txt h4 {
  font-size: 15px;
  font-weight: 500;
  color: #183b56;
  margin-bottom: 5px;
}

.section_tag_auther .block_auther_post .txt p {
  margin-bottom: 0;
  font-size: 14px;
}

/*-----------------------------
    sec_comments
  -----------------------------*/
.sec_comments .title_commnt h2 {
  font-size: 20px;
  color: #183b56;
  font-weight: 500;
}

.sec_comments .body_commnt .item_commnt {
  margin-top: 40px;
}

.sec_comments .body_commnt .item_commnt .at_img {
  width: 50px;
  height: 50px;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%;
  margin-right: 20px;
}

.sec_comments .body_commnt .item_commnt .txt h3 {
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 3px;
}

.sec_comments .body_commnt .item_commnt .txt .date {
  display: block;
  font-size: 12px;
  color: #6f7d95;
}

.sec_comments .body_commnt .item_commnt .txt .content {
  margin-top: 15px;
  color: #183b56;
  font-size: 14px;
  margin-bottom: 10px;
}

.sec_comments .body_commnt .item_commnt .txt .btn_repy {
  display: inline-block;
  font-size: 15px;
  font-weight: 500;
  color: #183b56;
}

.sec_comments .body_commnt .item_commnt .txt .btn_repy:hover {
  color: #566ffe;
}

.sec_comments .form_comment .title_sections {
  margin-bottom: 40px;
}

.sec_comments .form_comment .title_sections h2 {
  font-size: 20px;
  margin-bottom: 10px;
}

.blog.has_style1 {
  background: white;
  margin: 0 0 60px;
  overflow: hidden;
  border-radius: 0px;
}

.blog.has_style1 .row {
  padding: 0;
  margin: 0;
}

.blog.has_style1 .col-row {
  padding: 0;
  margin: 0;
}

.blog.has_style_grid {
  margin: 0 0 30px;
  background: #ffffff;
  border: solid 1px #e2eef1;
  padding: 20px;
  border-radius: 20px;
  -webkit-box-shadow: 0px 17px 13px 0px #192c4b05;
  box-shadow: 0px 17px 13px 0px #192c4b05;
}

.blog.has_style_grid .blog-excerpt {
  font-size: 15px;
  margin-bottom: 20px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.blog.has_style_grid .blog-img img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  height: 14rem;
}

.blog.has_style_grid .blog-title {
  font-size: 24px;
}

.blog.has_style_grid .row {
  padding: 0;
  margin: 0;
}

.blog.has_style_grid .col-row {
  padding: 0;
  margin: 0;
}

.blog .meta.absolute {
  position: absolute;
  right: 15px;
  top: 15px;
  z-index: 10;
  background-color: white;
  border-radius: 25px;
  -webkit-box-shadow: 0px 17px 13px 0px #192c4b05;
  box-shadow: 0px 17px 13px 0px #192c4b05;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #183b56;
  padding: 6px 12px;
}

.blog .meta.absolute .meta-info {
  color: #183b56;
  font-size: 13px;
  margin: 0 3px;
  text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.15);
}

.blog .meta.absolute .meta-info svg {
  width: 15px;
  height: 15px;
  fill: #6f7d95;
  vertical-align: middle;
  margin-top: -3px;
  opacity: 0.5;
}

.blog .meta.absolute .min-read {
  display: inline-block;
  cursor: default;
}

.blog .meta.absolute .min-read span {
  display: inline-block;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  color: #fff;
  background-color: #7169fe;
  text-align: center;
  line-height: 21px;
  font-size: 13px;
  vertical-align: middle;
  margin-top: -4px;
  overflow: hidden;
}

.blog .meta.absolute .views-counter {
  cursor: default;
}

.blog .blog-title {
  margin: 0 0 20px;
  color: #183b56;
  font-size: calc(19px + 7 * ((100vw - 576px) / 1024));
  line-height: 1.33;
  max-height: 2.66em;
  letter-spacing: 0.2px;
  overflow: hidden;
}

@media screen and (max-width: 576px) {
  .blog .blog-title {
    font-size: 19px;
  }
}

@media screen and (min-width: 1600px) {
  .blog .blog-title {
    font-size: 26px;
  }
}

.blog .blog-title a {
  color: #183b56;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.blog .blog-title a:hover {
  color: #566ffe;
}

.blog .blog-excerpt {
  font-size: 18px;
  line-height: 1.78;
  color: #5a7184;
  margin: 0 0 20px;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.blog .blog-img {
  position: relative;
}

.blog .blog-img img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 20px;
}

.blog .blog-author-detail {
  margin-top: 20px;
}

.blog .blog-author-detail .c-customer-review-meta {
  margin-top: 0;
}

.blog .blog-wrap {
  margin: 30px 0;
}

.blog .name {
  padding: 0;
  color: #566ffe;
}

.blog .author-post {
  text-transform: uppercase;
  color: #7a7d97;
  font-size: 13px;
  margin: 0;
}

.blog .user {
  margin-right: 0;
  width: 40px;
  height: 40px;
  border-radius: 100px;
}

.blog .user img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 40px;
  height: 40px;
}

.blog .post_wrap {
  position: relative;
}

@media screen and (max-width: 991px) {
  .blog_sidebar {
    margin-top: 60px;
  }
}

.blog_sidebar .widget {
  margin-bottom: 30px;
  background: #ffffff;
  border: solid 1px #e2eef1;
  padding: 20px;
  border-radius: 20px;
  -webkit-box-shadow: 0px 17px 13px 0px #192c4b05;
  box-shadow: 0px 17px 13px 0px #192c4b05;
  padding: 30px;
}

.blog_sidebar .widget .widget-title {
  font-size: 18px;
  text-transform: capitalize;
  letter-spacing: normal;
  padding-bottom: 10px;
  margin-bottom: 20px;
  color: #0b1b27 !important;
  font-weight: bold;
  position: relative;
  border-bottom: 1px solid #edeef1;
}

.blog_sidebar .widget .widget-title::after {
  content: "";
  width: 50px;
  height: 1px;
  position: absolute;
  left: 0;
  bottom: -1px;
  background-color: #0b2238;
}

.blog_sidebar .social-widget {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.blog_sidebar .social-widget a {
  color: #0b1b27;
}

.blog_sidebar .social-widget i {
  font-size: 24px;
}

.blog_sidebar .social-widget .social_link {
  margin-right: 20px;
  height: 3rem;
  width: 3rem;
  border: 1px soli transparent;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  background: white;
}

.blog_sidebar .social-widget .social_link.facebook {
  background: #4267b2;
  color: #ffffff;
}

.blog_sidebar .social-widget .social_link.color-wp {
  background: #38a941;
  color: #ffffff;
}

.blog_sidebar .social-widget .social_link.dribbble {
  background: #ea4c89;
  color: #ffffff;
}

.blog_sidebar .social-widget .social_link.youtube {
  background: #c4302b;
  color: #ffffff;
}

.blog_sidebar .social-widget .social_link.twitter {
  background: #00acee;
  color: #ffffff;
}

.blog_sidebar .social-widget .social_link:hover {
  border: 1px solid #ededed;
  background: white !important;
  color: #0b1b27;
  -webkit-box-shadow: 0 5px 34px rgba(3, 3, 38, 0.071);
  box-shadow: 0 5px 34px rgba(3, 3, 38, 0.071);
}

.blog_sidebar .Recent_Articles-widget .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.blog_sidebar .Recent_Articles-widget .item .thumb img {
  width: 70px;
  margin-right: 10px;
  border-radius: 5px;
  -webkit-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
}

.blog_sidebar .Recent_Articles-widget .item .info {
  padding-bottom: 20px;
  border-bottom: solid 1px #ededed;
  margin-bottom: 20px;
}

.blog_sidebar .Recent_Articles-widget .item .info.reset {
  padding-bottom: 0;
  border-bottom: 0;
  margin-bottom: 0;
}

.blog_sidebar .Recent_Articles-widget .item .info .title {
  font-size: 15px;
  margin-bottom: 4px;
}

.blog_sidebar .Recent_Articles-widget .item .info .title a {
  color: #0b1b27;
}

.blog_sidebar .Recent_Articles-widget .item .info .title a:hover {
  color: #566ffe;
}

.blog_sidebar .Recent_Articles-widget .item .info .time {
  font-size: 12px;
  color: #86819e;
}

.blog_sidebar .Recent_Articles-widget .item:hover img {
  -webkit-filter: saturate(1.6);
  filter: saturate(1.6);
}

.blog_sidebar .Recent_Articles-widget .swiper-buttons-styling {
  display: inline-block;
  border: 1px solid #ededed;
  -webkit-box-shadow: 0 5px 34px rgba(0, 0, 0, 0.071);
  box-shadow: 0 5px 34px rgba(0, 0, 0, 0.071);
  padding: 5px 4px;
  border-radius: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.blog_sidebar .Recent_Articles-widget .swiper-button-prev {
  border-right: 1px solid #ededed;
}

.blog_sidebar .Recent_Articles-widget .swiper-button-next,
.blog_sidebar .Recent_Articles-widget .swiper-button-prev {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  color: #bfbfbf;
  margin: 0 !important;
  height: auto !important;
  padding: 5px 0 !important;
}

.blog_sidebar .Recent_Articles-widget .swiper-button-next:after,
.blog_sidebar .Recent_Articles-widget .swiper-button-prev:after {
  font-size: 17px !important;
}

.blog_sidebar .Recent_Articles-widget .swiper-button-next:hover,
.blog_sidebar .Recent_Articles-widget .swiper-button-prev:hover {
  color: #566ffe;
}

.blog_sidebar .ads-widget img {
  width: 100%;
  border-radius: 5px;
}

.blog_sidebar .cat-item {
  padding-bottom: 10px;
  border-bottom: solid 1px #f9fbfc;
  margin-bottom: 10px;
}

.blog_sidebar .cat-item a {
  color: #0b1b27;
}

.blog_sidebar .cat-item a:hover {
  padding-left: 5px;
  color: #566ffe;
}

.blog_sidebar .cat-item:last-child {
  padding-bottom: 0;
  border-bottom: 0;
  margin-bottom: 0;
}

.blog_sidebar .tag_cloud a {
  display: inline-block;
  font-size: 13.5px;
  padding: 2px 10px;
  background-color: rgba(86, 111, 254, 0.15);
  margin-right: 5px;
  text-transform: capitalize;
  margin-bottom: 10px;
  border-radius: 5px;
  color: #0b1b27;
}

.blog_sidebar .tag_cloud a:hover {
  background-color: #0b1b27;
  color: #f9fbfc;
}

.tag_cloud {
  margin-bottom: -10px;
}

.tag_cloud .p_tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
  line-height: 2;
  display: block;
  margin-right: 20px;
}

.tag_cloud a {
  padding: 2px 10px;
  background-color: #f9fbfc;
  margin-right: 5px;
  margin-bottom: 10px;
  border: solid 1px transparent;
  color: #0b1b27;
}

.tag_cloud a:hover {
  background-color: white;
  color: #566ffe;
  -webkit-box-shadow: 0px 17px 13px 0px #192c4b05;
  box-shadow: 0px 17px 13px 0px #192c4b05;
  border: solid 1px #eee;
}

.styles_tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.styles_tab .item {
  padding: 10px 20px;
  border-radius: 50px;
  background-color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  opacity: 0.3;
  position: relative;
}

.styles_tab .item::before {
  content: "";
  position: absolute;
  height: 106%;
  width: 102%;
  background: radial-gradient(100% 100% at 53.13% 0%, #31e7fa 0%, #4477ff 52.6%, #db74ff 100%);
  border-radius: 50px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: -1;
  opacity: 0;
}

.styles_tab .item:hover {
  position: relative;
}

.styles_tab .item:hover::before {
  content: "";
  position: absolute;
  opacity: 0;
}

.styles_tab .item p {
  margin-left: 10px;
  color: #183b56;
}

.styles_tab .item.is_active {
  opacity: 1;
  position: relative;
}

.styles_tab .item.is_active::before {
  content: "";
  position: absolute;
  opacity: 1 !important;
}

.title_demos {
  font-size: 50px;
}

@media screen and (max-width: 991px) {
  .title_demos {
    font-size: 35px;
  }
}

.hr_in_index {
  width: 100%;
  height: 1px;
  background: radial-gradient(100% 100% at 53.13% 0%, #31e7fa 0%, #4477ff 52.6%, #db74ff 100%);
}

.demos_wrap {
  position: relative;
  position: relative;
}

.demos_wrap::before {
  content: "";
  position: absolute;
  background: url(../img/icons/demo_effect.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position-y: 0;
  height: 100rem;
  width: 100%;
  top: -20rem;
  z-index: -1;
}

@media screen and (max-width: 991px) {
  .demos_wrap::before {
    display: none;
  }
}

.demo_item {
  padding: 20px;
  border-radius: 20px;
  background: #ffffff;
  -webkit-box-shadow: 0px 17px 13px 0px #192c4b05;
  box-shadow: 0px 17px 13px 0px #192c4b05;
  position: relative;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  display: block;
  -webkit-transform-origin: 50% -50px;
  transform-origin: 50% -50px;
  margin-bottom: 40px;
  -webkit-transform: perspective(300px) rotateX(-3deg);
  transform: perspective(300px) rotateX(-3deg);
  position: relative;
  position: relative;
}

.demo_item.is_sm .img_wrap {
  width: 100%;
  height: 10rem;
  border-radius: 20px;
  overflow: hidden;
}

@media screen and (max-width: 991px) {
  .demo_item.is_sm .img_wrap {
    height: 16rem;
  }
}

.demo_item.is_lg {
  -webkit-transform: none !important;
  transform: none !important;
}

.demo_item.is_lg .img_wrap {
  width: 100%;
  height: 26.5rem;
  border-radius: 20px;
  overflow: hidden;
}

.demo_item::before {
  content: "";
  position: absolute;
  width: 90%;
  height: 20px;
  left: 50%;
  top: -20px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: rgba(255, 255, 255, 0.514);
  border-radius: 20px 20px 0 0;
  z-index: -1;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.demo_item::after {
  content: "";
  position: absolute;
  width: 80%;
  height: 40px;
  left: 50%;
  top: -40px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: rgba(255, 255, 255, 0.26);
  border-radius: 20px 20px 0 0;
  z-index: -2;
  -webkit-transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
}

.demo_item .img_wrap {
  width: 100%;
  height: 20rem;
  border-radius: 20px;
  overflow: hidden;
}

.demo_item .img_wrap img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -o-object-position: top center;
  object-position: top center;
}

.demo_item:hover {
  -webkit-transform: translateY(-0.5rem);
  transform: translateY(-0.5rem);
  position: relative;
  position: relative;
}

.demo_item:hover .img_wrap img {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.demo_item:hover::before {
  content: "";
  position: absolute;
  top: 0;
}

.demo_item:hover::after {
  content: "";
  position: absolute;
  top: 0px;
}

.change_log {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.change_log .bage {
  padding: 2px 10px;
  background: #566ffe;
  color: white;
  border-radius: 5px;
  font-size: 14px;
}

.change_log .bage.upd {
  background: #36b37e;
}

.change_log .bage.fix {
  background: #eb5757;
}

.overflow_log {
  height: 30rem;
  overflow: hidden;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  position: relative;
}

.overflow_log::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 10rem;
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(#ecf1f918), color-stop(#ecf1f9f6), to(#ecf1f9));
  background: linear-gradient(to bottom, transparent, #ecf1f918, #ecf1f9f6, #ecf1f9);
  z-index: 1;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  opacity: 1;
}

.overflow_log .more_log {
  position: absolute;
  bottom: 0;
  z-index: 2;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  cursor: pointer;
}

.overflow_log.visible {
  height: auto;
  overflow: visible;
  position: relative;
}

.overflow_log.visible::before {
  content: "";
  position: absolute;
  opacity: 0;
  visibility: hidden;
}

.overflow_log.visible .more_log {
  bottom: -4rem;
}

.box_buy_wrapper {
  position: relative;
  position: relative;
}

.box_buy_wrapper::before {
  content: "";
  position: absolute;
  width: 90%;
  height: 20px;
  left: 50%;
  top: -20px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: rgba(255, 255, 255, 0.514);
  border-radius: 20px 20px 0 0;
  z-index: -1;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.box_buy_wrapper::after {
  content: "";
  position: absolute;
  width: 80%;
  height: 40px;
  left: 50%;
  top: -40px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: rgba(255, 255, 255, 0.26);
  border-radius: 20px 20px 0 0;
  z-index: -2;
  -webkit-transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
}

.box_buy_wrapper2 {
  position: relative;
  position: relative;
}

.box_buy_wrapper2::before {
  content: "";
  position: absolute;
  width: 90%;
  height: 20px;
  left: 50%;
  bottom: -20px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: rgba(255, 255, 255, 0.514);
  border-radius: 20px 20px 0 0;
  z-index: -1;
  -webkit-transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.box_buy_wrapper2::after {
  content: "";
  position: absolute;
  width: 80%;
  height: 40px;
  left: 50%;
  bottom: -40px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: rgba(255, 255, 255, 0.26);
  border-radius: 20px 20px 0 0;
  z-index: -2;
  -webkit-transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
  -webkit-transition-delay: 0.05s;
  transition-delay: 0.05s;
}

.box_buy {
  padding: 60px;
  border: none;
  position: relative;
}

.box_buy::before {
  content: "";
  position: absolute;
  height: 103%;
  width: 101%;
  background: radial-gradient(100% 100% at 53.13% 0%, #31e7fa 0%, #4477ff 52.6%, #db74ff 100%);
  border-radius: 20px;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: -1;
}

.box_buy .btn_buy {
  width: 100%;
  background-color: #89bd49;
  border-radius: 10px !important;
}

.box_buy .list_buy li {
  padding-left: 30px;
  position: relative;
}

.box_buy .list_buy li::before {
  content: "";
  position: absolute;
  content: url(../img/icons/check.svg);
  height: 20px;
  width: 20px;
  left: 0px;
}

.hire_box {
  position: relative;
}

.hire_box::before {
  content: "";
  position: absolute;
  content: none;
}

.raroin_purchase {
  position: fixed;
  left: 20px;
  bottom: 20px;
  z-index: 999;
}

.raroin_purchase .btn_purch {
  position: relative;
  overflow: visible;
}

.raroin_purchase .btn_purch .icon {
  width: 45px;
  height: 45px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #89bd49;
  border-radius: 50%;
  vertical-align: sub;
}

.raroin_purchase .btn_purch .icon img {
  width: 18px;
}

.raroin_purchase .btn_purch .icon:before {
  content: "";
  width: 60px;
  height: 60px;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: block;
  position: absolute;
  background: rgba(137, 189, 73, 0.1);
  z-index: -1;
}

@-webkit-keyframes zoom {
  0% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  50% {
    -webkit-transform: scale(1.5, 1.5);
    transform: scale(1.5, 1.5);
  }

  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

@keyframes zoom {
  0% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }

  50% {
    -webkit-transform: scale(1.5, 1.5);
    transform: scale(1.5, 1.5);
  }

  100% {
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
  }
}

.sh_log {
  position: absolute;
  right: 0;
  top: 0;
}

.sh_buy {
  position: absolute;
  left: -2.7rem;
  top: -3rem;
  z-index: 9;
  width: 7rem;
}

.relative {
  position: relative;
}

.mode_switcher {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.mode_switcher a {
  color: #ffffff;
  background: rgba(255, 255, 255, 0.123);
  border-radius: 50px;
  padding: 3px 10px;
}

.mode_switcher a.is_active {
  background: #566ffe;
}

.mode_switcher a i {
  margin-right: 5px;
}

.is__dark {
  background: #0b1b27;
}

.is__dark .hero_marketplace,
.is__dark .hero__1,
.is__dark .hero__profile,
.is__dark .hero__collections,
.is__dark .hero__activity,
.is__dark .hero__kit,
.is__dark .bg_white,
.is__dark .accordion,
.is__dark .hero__profile .infos {
  background: #183b56 !important;
  border-color: #ffffff1f;
}

.is__dark .hero__index::before {
  background: transparent !important;
}

.is__dark .hero__3,
.is__dark .hero_no_results,
.is__dark .hero_privacy,
.is__dark .hero_Live_Auctions {
  background: #0b1b27 !important;
}

.is__dark .menu_activity li {
  background-color: #e2eef114;
}

.is__dark .header__1 {
  background: #183b56 !important;
  border-bottom: solid 1px #e2eef11f;
}

.is__dark .border-b {
  border-color: #ffffff1f;
}

.is__dark .hero__2 {
  background-color: #0b1b27;
}

.is__dark .hero__2::before {
  content: none;
}

.is__dark *:not(p):not(.btn),
.is__dark .collection_title a,
.is__dark div {
  color: #ffffff;
}

.is__dark * {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.is__dark .collection_title a {
  color: #ffffff !important;
}

.is__dark label,
.is__dark .btn-dark,
.is__dark .header__1 .header__mobile {
  background: #305571;
}

.is__dark .color_green {
  color: #36b37e !important;
}

.is__dark p,
.is__dark span {
  color: #a5afc1;
}

.is__dark .box.is__live,
.is__dark .call2action {
  background: #091620 !important;
  border: none;
}

.is__dark .section__title,
.is__dark .avatars_name,
.is__dark .swiper-button-next::after,
.is__dark .swiper-button-prev::after {
  color: #ffffff;
}

.is__dark .avatar {
  border: none;
}

.is__dark .hero__profile .avatar_wrap .avatar {
  border: solid 5px #0b1b27;
}

.is__dark .creator_card,
.is__dark .card__item,
.is__dark .swiper-button-prev,
.is__dark .swiper-button-next,
.is__dark .collections_item,
.is__dark .logos__wrap,
.is__dark .footer__1,
.is__dark .card__item .likes,
.is__dark .community__items .item,
.is__dark .hero__2 .wrapper,
.is__dark .box,
.is__dark .has_number,
.is__dark .header__result,
.is__dark .search,
.is__dark .fixed_row,
.is__dark .choose_collection .icon,
.is__dark .upcoming_projects tr.white td,
.is__dark .upcoming_projects .calendar_icon,
.is__dark .card__item.six .card_body .card_footer .details {
  background-color: #183b56 !important;
  border: none;
}

.is__dark .nav-tabs .nav-item a.active,
.is__dark .box .btn-white,
.is__dark .tags,
.is__dark .light_bg {
  background: #0b1b27 !important;
}

.is__dark .hr,
.is__dark .hr2,
.is__dark .footer__1 .footer__social i,
.is__dark .bg-white,
.is__dark .header__avatar,
.is__dark .header__search,
.is__dark .details,
.is__dark .card__item.six,
.is__dark .card__item.six .card_body .card_footer {
  background-color: #0b1b27 !important;
  border: none;
}

.is__dark .v__line {
  position: relative;
}

.is__dark .v__line::before {
  content: "";
  position: absolute;
  background-color: #0b1b27 !important;
}

.is__dark .dislike i {
  color: #91a1bc !important;
}

.is__dark td {
  background-color: #0b1b27 !important;
}

.is__dark .btn-white,
.is__dark .tags,
.is__dark .light_bg {
  color: white;
  background: #183b56;
}

.is__dark .bg-white,
.is__dark .call2action.is__light {
  background: #08131b !important;
}

.is__dark .community .community__items .item .logo {
  background: #edf3f52b;
}

.is__dark .footer__1 .footer__list li a {
  color: #a5afc1;
}

.is__dark .card__item.one .card_head .details {
  background: #0d1013;
}

.is__dark .block_timer .item {
  background: #183b56;
  color: white;
}

.is__dark .has_number {
  border-color: #183b56 !important;
  background: radial-gradient(100% 100% at 53.13% 0%, #31e7fa 0%, #4477ff 52.6%, #db74ff 100%);
}

.is__dark input[type="text"],
.is__dark input[type="password"],
.is__dark input[type="email"],
.is__dark input[type="tel"],
.is__dark input[type="number"],
.is__dark select,
.is__dark textarea,
.is__dark .custom-select,
.is__dark .choose_collection {
  background-color: #0b1b27 !important;
  border: none !important;
}

.is__dark .number span {
  color: white !important;
}

.is__dark .avatars .total__avatars {
  border-color: #183b56 !important;
}

.is__dark .menu__popup,
.is__dark .menu__popup2,
.is__dark .share_box,
.is__dark .more_box,
.is__dark .notifications_popup,
.is__dark .more .icon,
.is__dark .share .icon,
.is__dark .hero__profile .copy,
.is__dark .item_details .likes,
.is__dark .share .share_box,
.is__dark .share .dropdown__popup,
.is__dark .more .dropdown__popup {
  background: #142c3f !important;
  border: none !important;
}

.popup_btn {
  padding: 0;
  background-color: transparent;
  border: none;
  box-shadow: none;
  transition: all .3s cubic-bezier(.4, 0, .2, 1);
}

.is__dark .menu__popup a,
.is__dark .menu__popup2 a,
.is__dark .share_box a,
.is__dark .more_box a,
.is__dark .notifications_popup a,
.is__dark .more .icon a,
.is__dark .share .icon a,
.is__dark .hero__profile .copy a,
.is__dark .item_details .likes a,
.is__dark .share .share_box a,
.is__dark .share .dropdown__popup a,
.is__dark .more .dropdown__popup a {
  color: #fff !important;
}

.is__dark .notifications_popup .details {
  background: transparent !important;
}

.is__dark .modal-content {
  background: #183b56;
  border: none !important;
}

.is__dark .modal-content .close {
  background: #345a77;
  border: none !important;
}

.is__dark .btn-white,
.is__dark .tags,
.is__dark .light_bg {
  border: solid 1px #345a77;
}

.is__dark .btn-white:hover,
.is__dark .tags:hover,
.is__dark .light_bg:hover {
  border: solid 1px #345a77;
  background: #345a77;
}

.is__dark .card__item .view_history:hover {
  color: white !important;
}

.is__dark .post__details .forum__title:hover {
  color: white !important;
}

.is__dark .form_cc_four {
  background: #183b56;
}

.is__dark .search .result {
  background: #183b56;
}

.is__dark .effect {
  background-image: none;
}

.is__dark .box {
  border: none;
}

.is__dark .box:hover {
  border: none;
}

.is__dark .questions__page .container-md .side .sidenav ul li .text__reset,
.is__dark i {
  color: #f9fbfc;
}

.is__dark .submit_requests .sidebar_box {
  background-color: #182633 !important;
}

.is__dark .submit_requests .sender .message_box {
  background-color: #0e1621 !important;
}

.is__dark .submit_requests .sender .message_box p {
  color: white !important;
}

.is__dark .submit_requests .receiver .message_box {
  background-color: #182633 !important;
}

.is__dark .submit_requests .receiver .message_box p {
  color: white !important;
}

.is__dark .table span.color_red {
  color: #eb5757;
}

.is__dark .table span.color_info {
  color: #1384e0;
}

.is__dark .table span.color_green {
  color: #36b37e;
}

.is__dark .card__item.six .card_body .card_head {
  background: transparent !important;
}

.is__dark .demo_item,
.is__dark .box_buy_wrapper,
.is__dark .box_buy_wrapper2 {
  background: #183b56;
}

.is__dark .demo_item::before,
.is__dark .box_buy_wrapper::before,
.is__dark .box_buy_wrapper2::before {
  background: #193c5880;
}

.is__dark .demo_item::after,
.is__dark .box_buy_wrapper::after,
.is__dark .box_buy_wrapper2::after {
  background: #193c582a;
}

.is__dark .change_log {
  background: #0b1b27 !important;
}

.is__dark .overflow_log::before {
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(#0b1b2773), color-stop(#0b1b27d6), to(#0b1b27));
  background: linear-gradient(transparent, #0b1b2773, #0b1b27d6, #0b1b27);
}



/*# sourceMappingURL=style.css.map */

a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

a {
  -webkit-transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  transition: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  text-decoration: none !important;
}

a:hover {
  text-decoration: none;
}

/* Style the dropdown button */
.dropbtn {
  padding: 12px;
  font-size: 16px;
  border: none;
  cursor: pointer;
}

.tab-content>.active {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 10px;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown-content {
  position: relative;
  background-color: #fff;
  border-radius: 0 0 8px 8px;
  z-index: 1;
  padding-bottom: 4px;
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.4s ease;
}

/* Show the dropdown menu with animation */
.showo {
  max-height: 200px;
  /* Adjust according to your content */
}

/* Links inside the dropdown */
.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}

.categories__container__webV {
  background-color: white;
  border-radius: 8px 8px 0 0;
}

.categories__cards__container__webV {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 20px;
  padding-bottom: 50px;
  gap: 30px;
}

.category__card__place__webV {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;

}

.main__category__webV:hover {
  border: 1px solid #5E6BFE;
  transition: 0.2s;
  transition-timing-function: linear;
  transition: all 0.2s ease-out;

}

.main__category__webV {
  border: 1px solid #ecf1f9;
  transition: 0.1s;
  transition-timing-function: linear;
  transition: all 0.1s ease-out;
  cursor: pointer;
  background-color: #ecf1f9;
  width: 100px;
  height: 100px;
  border-radius: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 30px;
}

.main__category__webV img {
  width: 100%;
  height: 100%;
  /* filter: brightness(100%); Resmin parlaklık değeri, 100% orijinal renkleri gösterir */
  /* filter: invert(100%) sepia(16%) saturate(7463%) hue-rotate(222deg) brightness(119%) contrast(115%); */
  object-fit: cover;
}

.category__card__place__webV h2 {
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto !important;
  font-size: 19px;
  transition: 0.1s;
  transition-timing-function: linear;
  transition: all 0.1s ease-out;
}

.main__category__webV__selected {
  border: 1px solid #5E6BFE;
}

.category__card__place__webV__selected h2 {
  color: #5E6BFE;
}

.categories__card {
  background-color: #eff1ff;
  border-radius: 8px;
  display: flex;
  align-items: center;
  padding: 8px 18px;
  width: 300px;
  transition: 0.1s;
  transition-timing-function: linear;
  transition: all 0.1s ease-out;
  position: absolute;
  gap: 6px;
}

.categories__card i {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  filter: brightness(0) saturate(100%) invert(68%) sepia(85%) saturate(6238%) hue-rotate(218deg) brightness(101%) contrast(99%);
}

.empty__place {
  width: 300px;
  height: 20px;
}

.categories__card:hover {
  margin-top: -2px;
  transition: 0.1s;
  transition-timing-function: linear;
  transition: all 0.3s ease-out;
}

.categories__card:hover>h2 {
  color: #5E6BFE !important;
}

.categories__card h2 {
  font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto !important;
  font-size: 16px;
  transition: 0.1s;
  transition-timing-function: linear;
  transition: all 0.1s ease-out;
  font-weight: 500;
}

.mobile__menu__container {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  right: -1200px;
  overflow: hidden;
  z-index: 3000;
  transition: 0.4s all ease;
  background-color: #ecf1f9;
}

.menu__category {
  background-color: white;
  display: flex;
  align-items: center;
  height: 100px;
  justify-content: center;
  padding: 0 50px;
  color: black;
  border-bottom: 0.5px solid #f1f3f7;
}

.menu__categories {
  margin-top: 35px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  overflow-y: auto;
  padding-bottom: 30px;
}

.menu__category h1 {
  font-size: 40px;
}

.menu__icon__place {
  width: 60px;
  height: 60px;
  position: absolute;
  background-color: #ecf1f9;
  border-radius: 10px;
  left: 10px;
  top: 20px;
  display: flex;
  justify-content: center;
  align-items: center;

}

.menu__icon__place i {
  display: flex;
  align-items: center;
  font-size: 30px;
}

.menu-content {
  margin-top: 30px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  padding: 7px 25px;
  width: 100%;
  height: 100%;
}

.menu__category__card {
  display: flex;
  height: 70px;
  width: 100%;
  align-items: center;
  gap: 20px;
}

.menu__category__card__img {
  height: 63px;
  width: 63px;
  background-color: #ecf1f9;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;

}

.menu__category__card__img i {
  align-items: center;
  font-size: 25px;
  filter: brightness(0) saturate(100%) invert(68%) sepia(85%) saturate(6238%) hue-rotate(218deg) brightness(101%) contrast(99%);
}

.menu__category__card h2 {
  font-size: 30px;
  text-decoration-line: none !important;
  text-decoration: overline;
  color: black;
}

.mobile-category-container {
  display: none;
}

@media screen and (max-width: 1400px) {
  .categories__card {
    width: 330px;

  }

  .empty__place {
    width: 330px;
  }
}

@media screen and (max-width: 1114px) {
  .empty__place {
    width: 280px;
  }

  .categories__card {
    width: 280px;

  }
}

@media screen and (max-width: 991px) {
  .categories__container__webV {
    display: none;
  }

  .main__category__webV {

    width: 70px;
    height: 70px;

    padding: 10px;
  }

  .category__card__place__webV h2 {
    font-size: 15px;
  }

  .mobile-category-container {
    background: white;
    padding-top: 15px;
    display: block
  }

  .category-container {
    height: 100%
  }

  .dropdown__container__mob {
    width: 100%;
    height: 95vw;
  }

  .titlePlace {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100px;
    background-color: #006aff;
  }

  .category__container {
    gap: 12px;
  }

  .main__category__container {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding-bottom: 30px;
  }

  .category__card {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 5vw;
    width: 26.5vw;
    height: 26.5vw;
    background-color: #fff;
    border-radius: 8px;
    border: 1px solid #5E6BFE;
    text-align: center;
  }

  .image__container {
    width: 7vw;
    height: 7vw;
    border: none !important;
    border-radius: 99px;
    display: flex;
    align-items: center;
    justify-self: center;
  }

  .image__container img {
    width: 100%;
    height: 100%;
  }

  .image__container i {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 5vw;
  }

  .category__card h2 {
    font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto !important;
    font-size: 3vw;
    font-weight: 500 !important;
  }

  .disabled__card {
    border: 0px solid #5E6BFE !important;
  }

  .disabled__card__img {
    filter: brightness(0) saturate(100%) invert(81%) sepia(17%) saturate(297%) hue-rotate(174deg) brightness(84%) contrast(84%);
  }

  .menu-content {
    /* display: grid;
        transition: 0.3s all ease;
        grid-template-columns: repeat(2, 1fr);
        background-color: #fff;
        border-radius: 1.5vw;
        overflow-y: auto;
        position: absolute;
        max-height: 95vw;
        right: -650px;
        justify-content: space-between;
        gap: 20px !important;
        padding: 18px */
  }

  .sub__category__bg {
    background-color: #EFF1FF !important;
    border-radius: 2vw !important;
  }

}

@media screen and (max-width: 470px) {
  .menu-content {
    width: 100%;
  }

  .menu-content {
    padding: 10px;
  }

  .sub__category__bg {
    width: 22vw !important;
    height: 22vw !important;
  }
}

@media screen and (max-width: 623px) {


  .dropdown__container__mob {
    height: 90vw;
  }
}

@media screen and (max-width: 620px) {
  .category__card {
    width: 25.5vw;
    height: 25.5vw;
  }

  .menu-content {
    gap: 3px;
  }

  .menu__category__card h2 {
    font-size: 20px;
    text-decoration-line: none !important;
    text-decoration: overline;
    color: black;
  }
}

/* search */

.search-window {
  /* Десктоп: плавающее окно справа */
  position: fixed;
  /* 🔥 ИСПРАВЛЕНО: fixed вместо absolute */
  bottom: 65px;
  right: 55px;
  width: 550px;
  max-height: 440px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.25);

  /* 🔥 ИСПРАВЛЕНО: visible, чтобы выпадающий список мог выходить за границы */
  overflow: visible;

  z-index: 9999;
  /* Поверх всего */
  display: none;
  flex-direction: column;
}

.search-window.is-open {
  display: flex;
}

/* Стили внутри окна */
.search-header {
  display: flex;
  justify-content: space-between;
  padding: 15px;
  background: #f7f7f7;
  border-bottom: 1px solid #eee;
}

.search-body {
  padding: 20px;
}

.form-group {
  margin-bottom: 15px;
}

.form-control {
  width: 100%;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;
}

.btn-submit {
  width: 100%;
  padding: 10px;
  background: #007bff;
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

.close-button {
  border: none;
  background: none;
  font-size: 24px;
  cursor: pointer;
}

/* =========================
   СТИЛИ ДЛЯ ДЕСКТОПНОЙ КНОПКИ
   ========================= */
.search-widget-container {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 9998;
  display: block;
  /* Виден на ПК */
}

.search-trigger {
  display: flex;
  align-items: center;
}

.search-button {
  width: 60px !important;
  height: 60px !important;
  min-width: 50px;
  min-height: 50px;
  border-radius: 50% !important;
  background: #007bff;
  color: white;
  border: none;
  font-size: 20px;
  cursor: pointer;
  display: flex !important;
  justify-content: center;
  align-items: center;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  flex-shrink: 0;
}

/* Текст печатания */
.example-keyword {
  display: inline-block;
  background: #fff;
  padding: 8px 12px;
  border-radius: 15px;
  margin-right: 10px;
  font-size: 14px;
  border-right: 2px solid #555;
  animation: blink 0.7s step-end infinite;
  white-space: nowrap;
  min-width: 20px;
  /* Минимальная ширина для курсора */
}

.example-keyword.typing {
  animation: none;
  border-color: #555;
}

@keyframes blink {
  50% {
    border-color: transparent;
  }
}

/* =========================
   АДАПТАЦИЯ (МОБИЛЬНЫЕ)
   ========================= */
@media (max-width: 768px) {

  /* 1. Скрываем плавающую кнопку на телефоне */
  .search-widget-container {
    display: none !important;
  }

  /* 2. Делаем окно полноэкранным */
  .search-window {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    max-height: 100vh;
    border-radius: 0;
    bottom: auto;
    right: auto;
    /* Сброс десктопных координат */
  }

  .custom-options {
    /* ЖЕЛЕЗНО заставляем открываться ВНИЗ */
    top: 100% !important;
    bottom: auto !important;

    /* Меняем границы и тени для нижнего открытия */
    border-radius: 0 0 5px 5px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    border-top: none;
    border-bottom: 1px solid #ccc;
  }

  .custom-select-wrapper.open .custom-select-trigger {
    border-radius: 5px 5px 0 0 !important;
    border-bottom: 1px solid #f0f0f0 !important;
    border-top: 1px solid #ccc !important;
  }

  /* На мобильном окно поиска должно иметь scroll, если контент не влезает */
  .search-window.is-open {
    overflow-y: auto;
    /* Разрешаем прокрутку самого окна */
  }
}

/* Контейнер */
.custom-select-wrapper {
  position: relative;
  user-select: none;
  width: 100%;
}

/* Кнопка-триггер (выглядит как input) */
.custom-select-trigger {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 15px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  cursor: pointer;
  height: 45px;
  /* Высота как у других инпутов */
  font-size: 16px;
}

/* Выпадающий список (скрыт по умолчанию) */
.custom-options {
  position: absolute;
  top: auto;
  /* Отменяем верхнюю привязку */
  bottom: 100%;
  left: 0;
  right: 0;
  background: #fff;
  border: 1px solid #ccc;
  border-bottom: none;
  /* Убираем нижнюю границу, так как теперь стык внизу */
  border-radius: 5px 5px 0 0;
  /* Закругляем верхние углы */
  z-index: 99999;
  display: none;
  box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.1);
  /* Тень сверху */

  /* 🔥 ВАЖНО: Ограничиваем высоту и добавляем скролл */
  max-height: 250px;
  overflow-y: auto;
}

/* Когда открыто */
.custom-select-wrapper.open .custom-options {
  display: block;
}

.custom-select-wrapper.open .custom-select-trigger {
  border-radius: 0 0 5px 5px;
  /* Кнопка закругляется снизу */
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #ccc;
}

/* Поле поиска внутри */
.custom-search-box {
  padding: 10px;
  background: #f9f9f9;
  border-bottom: 1px solid #eee;
}

.custom-search-box input {
  width: 100%;
  padding: 8px;
  border: 1px solid #ddd;
  border-radius: 4px;
  outline: none;
}

/* Список с прокруткой */
.options-list {
  max-height: 200px;
  /* Макс высота списка */
  overflow-y: auto;
}

/* Пункты меню */
.option-item {
  padding: 10px 15px;
  cursor: pointer;
  transition: background 0.2s;
  color: #333;
}

.option-item:hover {
  background-color: #f0f4ff;
  /* Цвет при наведении */
}

.option-item.selected {
  background-color: #e6efff;
  font-weight: bold;
}

/* Заголовки групп (Авто, Одежда) */
.option-group-label {
  padding: 5px 15px;
  font-size: 12px;
  font-weight: bold;
  color: #ffffff;
  background: #566ffe;
  text-transform: uppercase;
  pointer-events: none;
  /* Нельзя нажать */
}


.search-tabs {
  display: flex;
  padding: 10px 20px 0;
  /* Отступы */
  gap: 10px;
  background-color: #f7f7f7;
  /* Цвет фона как у хедера */
}

/* Кнопка таба */
.tab-btn {
  flex: 1;
  /* Растягиваем на всю ширину */
  padding: 10px 5px;
  border: none;
  background: transparent;
  border-bottom: 3px solid transparent;
  /* Линия снизу */
  font-size: 14px;
  font-weight: 600;
  color: #888;
  cursor: pointer;
  transition: all 0.3s;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  /* Отступ иконки */
}

.tab-btn i {
  font-size: 12px;
}

/* Активный таб */
.tab-btn.active {
  color: #007bff;
  /* Твой основной цвет */
  border-bottom-color: #007bff;
  background-color: rgba(0, 123, 255, 0.05);
  /* Легкая подсветка фона */
}

.tab-btn:hover {
  color: #555;
}

.info-alert {
  background-color: #e3f2fd;
  /* Светло-голубой фон */
  border-left: 4px solid #2196f3;
  /* Синяя полоска слева */
  color: #0d47a1;
  /* Темно-синий текст */
  padding: 10px 12px;
  margin-bottom: 15px;
  /* Отступ от формы */
  border-radius: 4px;
  font-size: 13px;
  line-height: 1.4;
  display: flex;
  align-items: flex-start;
  /* Выравнивание иконки и текста */
  gap: 10px;
  /* Расстояние между иконкой и текстом */
}

.info-alert i {
  font-size: 16px;
  margin-top: 2px;
  /* Чуть опустить иконку */
}