/*! -----------------------------------------------------------------------------------

    Template Name: Enzo Admin
    Template URI: http://admin.pixelstrap.com/enzo/template
    Description: This is Admin theme
    Author: Pixelstrap
    Author URI: https://themeforest.net/user/pixelstrap

-----------------------------------------------------------------------------------
01. Reset CSS
02. Typography CSS
03. Theme-font CSS
04. Variable CSS
05. According CSS
06. Alert CSS
07. Avatars CSS
08. Badge CSS
09. Breadcrumb CSS
10. Buttons CSS
11. Card CSS
12. Datatable CSS
13. Datepicker CSS
14. Dropdown CSS
15. Form-input CSS
16. From-wizard CSS
17. Forms CSS
18. Icons CSS
19. List CSS
20. Loader CSS
21. Popover CSS
22. Print CSS
23. Radio CSS
24. Ribbon CSS
25. Scrollbar CSS
26. Switch CSS
27. Tab CSS
28. Table CSS
29. Touchspin CSS
30. Tour CSS
31. Tree CSS
32. Typehead-search CSS
33. Box-layout CSS
34. Footer CSS
35. Grid CSS
36. Header CSS
37. Navs CSS
38. Rtl CSS
39. Search CSS
40. Select2 CSS
41. Sidebar CSS
42. Blog CSS
43. Bookmark-app CSS
44. Cart CSS
45. Chart CSS
46. Chat CSS
47. Checkout CSS
48. Coming soon CSS
49. Contacts CSS
50. Dashboard_2 CSS
51. Dashboard_default CSS
52. Ecommerce CSS
53. Email-application CSS
54. Errorpage CSS
55. Faq CSS
56. File CSS
57. Gallery CSS
58. Genreal-widget CSS
59. Internationalization CSS
60. Invoice CSS
61. Job-search CSS
62. Jsgrid CSS
63. Kanban CSS
64. Knowledgebase CSS
65. Landing-responsive CSS
66. Landing CSS
67. Language CSS
68. Learning CSS
69. Login CSS
70. Megaoption CSS
71. Order-history CSS
72. Page CSS
73. Pricing CSS
74. progress CSS
75. Project-list CSS
76. Social-app CSS
77. Task CSS
78. Timeline-v CSS
79. Timeliny CSS
80. User-profile CSS
81. Wishlist CSS
82. Dark CSS
83. Responsive CSS
84. Theme-customizer CSS
85. Update CSS
86. Todo CSS
 */

/**=====================
    02. Typography css start
==========================**/
body {
  font-size: 14px;
  overflow-x: hidden;
  font-family: "Rubik", sans-serif;
  color: #2b2b2b;
  background-color: #f6f8fc;
}

ul {
  padding-left: 0px;
  list-style-type: none;
  margin-bottom: 0;
}

* a {
  color: var(--theme-default);
  text-decoration: none;
  letter-spacing: 1px;
}

a:hover {
  text-decoration: none;
  color: var(--theme-default);
}
a[class*="badge-"]:hover {
  color: #fff;
}

.btn {
  font-size: 14px;
}

*.btn:focus {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

p {
  font-size: 13px;
  line-height: 1.7;
  letter-spacing: 0.7px;
}

hr {
  background-color: #eeeeee;
  opacity: 1;
}

code {
  color: var(--theme-default) !important;
  background-color: rgba(62, 95, 206, 0.03);
  padding: 3px;
  margin: 0 3px;
  border-radius: 2px;
}

.d-flex {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.d-flex .flex-grow-1 {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

blockquote {
  border-left: 4px solid #eeeeee;
  padding: 15px;
}

.figure.text-center blockquote {
  border: none !important;
}
.figure.text-end blockquote {
  border-left: none !important;
  border-right: 4px solid #eeeeee;
}

.row > div {
  position: relative;
}

:focus {
  outline-color: var(--theme-default);
}

.disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

svg {
  vertical-align: baseline;
}

input:focus {
  outline-color: transparent;
}

label {
  margin-bottom: 0.5rem;
}

.d-flex-widgets .flex-grow-1 {
  margin-bottom: 30px;
}

.typography h1,
.typography .h1,
.typography h2,
.typography .h2,
.typography h3,
.typography .h3,
.typography h4,
.typography .h4,
.typography h5,
.typography .h5,
.typography h6,
.typography .h6 {
  margin: 20px 0;
  margin-top: 0;
}
.typography h1:last-child,
.typography .h1:last-child,
.typography h2:last-child,
.typography .h2:last-child,
.typography h3:last-child,
.typography .h3:last-child,
.typography h4:last-child,
.typography .h4:last-child,
.typography h5:last-child,
.typography .h5:last-child,
.typography h6:last-child,
.typography .h6:last-child {
  margin-bottom: 0;
}
.typography small {
  padding-left: 10px;
  color: #2c323f;
}

pre {
  background-color: rgba(62, 95, 206, 0.03);
  padding: 20px 0;
}

.owl-theme .owl-dots .owl-dot span {
  background: #8fa2e3;
}
.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background: var(--theme-default);
}
.owl-theme .owl-nav.disabled + .owl-dots {
  margin-bottom: -10px;
  margin-top: 25px;
}

.click2edit ~ .note-editor.note-frame {
  margin-bottom: 30px;
}

.note-editor.note-frame {
  border-color: #f4f4f4;
}

.note-editor.note-frame {
  border-color: #f4f4f4;
}

.modal .modal-body .card {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.modal-dialog .modal-content .modal-body p a {
  margin-right: 0;
}

.alert-theme button {
  top: 25px !important;
  right: 20px !important;
  color: var(--theme-default);
}
.alert-theme span + span + span {
  background-color: #fff;
  color: var(--theme-default);
  border-radius: 4px;
  -webkit-box-shadow: 0 2px 14px -3px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 14px -3px rgba(0, 0, 0, 0.2);
}
.alert-theme i {
  padding: 20px;
  padding-right: 0 !important;
  margin-right: 20px !important;
}
.alert-theme .progress {
  margin-top: -2px !important;
  height: 2px;
  width: 100%;
}
.alert-theme .progress .progress-bar {
  background-color: var(--theme-default);
}

.alert-copy {
  border: 1px solid var(--theme-default);
  line-height: 1;
  display: inline-block;
  width: 300px;
  color: #fff;
  background-color: var(--theme-default);
}
.alert-copy .close {
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
  line-height: 1.4;
  font-weight: 100;
}
.alert-copy .close:focus {
  outline: none;
}

.ace-editor {
  height: 400px;
  width: 100%;
}

.editor-toolbar {
  width: 100% !important;
}
.editor-toolbar.fullscreen {
  z-index: 100;
}

.CodeMirror {
  top: 0 !important;
}

.CodeMirror-fullscreen {
  top: 50px !important;
}

.irs-from,
.irs-to,
.irs-single {
  background: var(--theme-default);
}
.irs-from:after,
.irs-to:after,
.irs-single:after {
  border-top-color: var(--theme-default);
}

.irs-line-mid,
.irs-line-left,
.irs-line-right,
.irs-bar,
.irs-bar-edge {
  background-color: var(--theme-default);
}

.swal-button {
  background-color: var(--theme-default);
}
.swal-button:active {
  background-color: #3152c1;
}

.swal-button--cancel {
  background-color: #efefee !important;
}

.clipboaard-container h6 {
  line-height: 1.6;
  font-size: 13px;
}

fieldset .bootstrap-touchspin-postfix,
fieldset .bootstrap-touchspin-prefix {
  border-radius: 0;
  padding: 0.4rem 0.75rem;
}
fieldset .input-group-lg .touchspin {
  height: 50px;
}

.f1 .f1-steps .f1-step .f1-step-icon {
  padding: 12px;
}

.form-inline .form-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.input-group-text i {
  line-height: 1.5;
}

.animated-modal .form-select {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}

.modal-header,
.modal-footer,
.modal-content {
  border-color: #eeeeee;
}

/**=====================
    02. Typography css Ends
==========================**/

/**=====================
    11. Card CSS Start
==========================**/
.card {
  margin-bottom: 30px;
  border: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  letter-spacing: 0.5px;
  border-radius: 10px;
  -webkit-box-shadow: 0 0 20px rgba(8, 21, 66, 0.05);
  box-shadow: 0 0 20px rgba(8, 21, 66, 0.05);
}
.card:hover {
  -webkit-box-shadow: 0 0 40px rgba(8, 21, 66, 0.05);
  box-shadow: 0 0 40px rgba(8, 21, 66, 0.05);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.card .card-header {
  background-color: #fff;
  padding: 30px;
  border-bottom: none;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  position: relative;
}
.card .card-header.dflex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.card .card-header .center-content {
  margin-left: auto;
  margin-right: auto;
}
.card .card-header .center-content p {
  color: #a2a1a1;
  margin-bottom: 0;
}
.card .card-header.card-no-border {
  border-bottom: none !important;
}
.card .card-header h5 {
  font-size: 18px;
  color: #3e5fce;
}
.card .card-header h5:not(.mb-0),
.card .card-header h5:not(.m-0) {
  margin-bottom: 0;
  text-transform: capitalize;
}
.card .card-header > span {
  font-size: 12px;
  color: rgba(43, 43, 43, 0.7);
  margin-top: 5px;
  display: block;
  letter-spacing: 1px;
}
.card .card-header .card-header-right {
  border-radius: 0 0 0 7px;
  right: 20px;
  top: 31px;
  display: inline-block;
  float: right;
  position: absolute;
  background-color: #fff;
  z-index: 1;
}
.card .card-header .card-header-right .card-option {
  text-align: right;
  width: 35px;
  height: 20px;
  overflow: hidden;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.card .card-header .card-header-right .card-option li {
  display: inline-block;
}
.card .card-header .card-header-right .card-option li i {
  margin: 0 3px;
}
.card .card-header .card-header-right .card-option li:first-child i {
  -webkit-transition: 1s;
  transition: 1s;
  color: #3e5fce;
}
.card
  .card-header
  .card-header-right
  .card-option
  li:first-child
  i.icon-angle-double-right {
  color: #2b2b2b;
}
.card
  .card-header
  .card-header-right
  .card-option
  li:first-child
  i.icon-angle-double-right::before {
  content: "\e661" !important;
}
.card .card-header .card-header-right i {
  cursor: pointer;
  color: #2c323f;
  line-height: 20px;
}
.card .card-header .card-header-right i.icofont-refresh {
  font-size: 13px;
}
.card .card-body {
  padding: 30px;
  background-color: transparent;
}
.card .card-body p:last-child {
  margin-bottom: 0;
}
.card .sub-title {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  padding-bottom: 5px;
  margin-bottom: 8px;
  font-size: 18px;
}
.card .card-footer {
  background-color: #fff;
  border-top: 1px solid #eeeeee;
  padding: 30px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.card.card-load .card-loader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: rgba(255, 255, 255, 0.7);
  z-index: 8;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.card.card-load .card-loader i {
  margin: 0 auto;
  color: var(--theme-default);
  font-size: 20px;
}
.card .card-border {
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
.card.full-card {
  position: fixed;
  top: 0;
  z-index: 99999;
  -webkit-box-shadow: none;
  box-shadow: none;
  right: 0;
  border-radius: 0;
  border: 1px solid #efefef;
  width: calc(100vw - 12px);
  height: 100vh;
}
.card.full-card .card-body {
  overflow: auto;
}

.border {
  border-color: #eeeeee !important;
}

.card-absolute {
  margin-top: 20px;
}
.card-absolute .card-header {
  position: absolute;
  top: -20px;
  left: 15px;
  border-radius: 0.25rem;
  padding: 10px 15px;
}
.card-absolute .card-header h5 {
  font-size: 17px;
}
.card-absolute .card-body {
  margin-top: 10px;
}

.card-header .border-tab {
  margin-bottom: -13px;
}

.custom-card {
  overflow: hidden;
  padding: 30px;
}
.custom-card .card-header {
  padding: 0;
}
.custom-card .card-header img {
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
}
.custom-card .card-profile {
  text-align: center;
}
.custom-card .card-profile img {
  height: 110px;
  padding: 7px;
  background-color: #d7e2e9;
  z-index: 1;
  position: relative;
}
.custom-card .card-social {
  text-align: center;
  padding-top: 15px;
  padding-bottom: 15px;
}
.custom-card .card-social li {
  display: inline-block;
}
.custom-card .card-social li:nth-child(n + 2) {
  margin-left: 10px;
}
.custom-card .card-social li a {
  width: 35px;
  height: 35px;
  border-radius: 5px;
  background-color: rgba(62, 95, 206, 0.1);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #3e5fce;
  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;
}
.custom-card .card-social li:hover a {
  background-color: #3e5fce;
  color: #fff;
}
.custom-card .profile-details h4 {
  font-weight: 600;
  color: #2b2b2b;
}
.custom-card .profile-details h6 {
  margin-bottom: 30px;
  margin-top: 10px;
  color: #a2a1a1;
  font-size: 14px;
}
.custom-card .card-footer {
  padding: 0;
}
.custom-card .card-footer > div {
  padding: 15px;
  text-align: center;
}
.custom-card .card-footer > div + div {
  border-left: 1px solid #efefef;
}
.custom-card .card-footer > div h3 {
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 600;
}
.custom-card .card-footer > div h6 {
  font-size: 13px;
  color: #a2a1a1;
}
.custom-card .card-footer > div i {
  font-size: 24px;
  display: inline-block;
  margin-bottom: 15px;
}
.custom-card .card-footer > div .m-b-card {
  margin-bottom: 10px;
}

/**=====================
    11. Card CSS End
==========================**/
/**=====================
    12. Data-table CSS Start
==========================**/
.dataTable .badge {
  padding: 3px 5px 4px;
}

.dt-ext .icofont-arrow-down {
  color: #f81f58;
  font-family: "Rubik", sans-serif, sans-serif;
}
.dt-ext .icofont-arrow-up {
  color: #61ae41;
}

div .table-avtar {
  height: 32px;
  margin-right: 10px;
}
div .action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
div .action i {
  font-size: 16px;
}
div .action .pdf i {
  font-size: 20px;
  color: #f81f58;
}
div .action .edit {
  margin-right: 5px;
}
div .action .edit i {
  color: #61ae41;
}
div .action .delete i {
  color: #f81f58;
}
div.dt-button-background {
  display: none !important;
}
div.DTS div.dataTables_scrollBody table {
  z-index: 1;
}

#auto-generate-content_wrapper.dataTables_wrapper button {
  background-color: white;
  border: 1px solid var(--theme-default);
  color: var(--theme-default);
}

.dataTables_wrapper {
  padding: 0;
  width: 100%;
}
.dataTables_wrapper.no-footer .dataTables_scrollBody {
  border-bottom: 1px solid #eeeeee;
}
.dataTables_wrapper .btn-group button {
  margin-right: 5px;
}
.dataTables_wrapper button {
  font-weight: 400;
  font-size: 14px;
  color: #fff;
}
.dataTables_wrapper + .dataTables_wrapper {
  margin-top: 20px;
}
.dataTables_wrapper .dataTables_paginate {
  margin-left: 15px !important;
  border: 1px solid #f4f4f4;
  border-radius: 10px;
  padding-top: 0;
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
  margin: 0;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
  background: var(--theme-default);
  color: #fff !important;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
  border: 1px solid var(--theme-default);
  color: #2c323f !important;
  background: transparent !important;
}
.dataTables_wrapper .dataTables_length {
  margin-bottom: 30px;
}
.dataTables_wrapper .dataTables_length select {
  border-color: #f4f4f4;
  color: #2c323f;
  padding: 0 10px;
  margin: 0 10px;
  height: 2.7142em;
  background-color: #fff;
}
.dataTables_wrapper table.dataTable {
  border: 1px solid #efefef;
}
.dataTables_wrapper table.dataTable tbody td.select-checkbox,
.dataTables_wrapper table.dataTable tbody th.select-checkbox {
  padding-right: 40px !important;
}
.dataTables_wrapper table.dataTable tbody td.select-checkbox:before,
.dataTables_wrapper table.dataTable tbody th.select-checkbox:before {
  right: 20px;
  top: 22px;
  left: unset;
}
.dataTables_wrapper table.dataTable tbody td.select-checkbox:after,
.dataTables_wrapper table.dataTable tbody th.select-checkbox:after {
  margin-top: -5px;
  margin-left: 21px;
}
.dataTables_wrapper table.dataTable thead th,
.dataTables_wrapper table.dataTable thead td {
  border-bottom: 2px solid #efefef;
}
.dataTables_wrapper table.dataTable th,
.dataTables_wrapper table.dataTable td {
  padding: 0.75rem;
}
.dataTables_wrapper .dataTables_filter {
  margin-bottom: 25px;
  margin-left: 15px;
}
.dataTables_wrapper .dataTables_filter input[type="search"] {
  border: 1px solid #efefef;
  padding: 0 10px;
  margin-left: 10px;
  height: 37px;
  border-radius: 0;
  border-radius: 10px;
}

.dataTables_scrollHeadInner {
  width: 100% !important;
}

table .fixedHeader-floating {
  position: fixed !important;
  background-color: #fff;
}
table .box > div {
  padding: 5px 15px;
  background-color: var(--theme-default);
  display: inline-block;
  color: #fff;
  border-radius: 5px;
  margin-bottom: 15px;
  margin-right: 15px;
}
table.dataTable.fixedHeader-locked,
table.dataTable.fixedHeader-floating {
  width: calc(100vw - 250px) !important;
  max-width: calc(100vw - 250px) !important;
  overflow: hidden !important;
  right: 0 !important;
  z-index: 99;
  left: 260px !important;
}
table.dataTable:not(.fixedHeader-locked):not(.fixedHeader-floating) {
  width: 100% !important;
}
table.dataTable {
  border-collapse: collapse !important;
  margin-top: 0 !important;
}
table.dataTable thead .sorting:before,
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before,
table.dataTable thead .sorting_desc_disabled:after {
  bottom: 12px !important;
}
table.dataTable input,
table.dataTable select {
  border: 1px solid #efefef;
  height: 45px;
}

.toolbar {
  padding: 5px 15px;
  background-color: var(--theme-default);
  display: inline-block;
  color: #fff;
  border-radius: 5px;
  margin-bottom: 15px;
  margin-right: 15px;
}

code.option {
  color: #f81f58 !important;
}
code.api {
  color: #61ae41 !important;
}

.dt-ext .dataTables_wrapper .page-item .page-link {
  border-radius: 30px;
  border: transparent;
}
.dt-ext .dataTables_wrapper .page-item.active .page-link,
.dt-ext .dataTables_wrapper .page-item:hover .page-link {
  background-color: var(--theme-default) !important;
  border-color: var(--theme-default) !important;
  color: #fff;
}
.dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button {
  padding: 0;
  border: none;
}
.dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button.hover,
.dt-ext .dataTables_wrapper .dataTables_paginate .paginate_button.active {
  border: none !important;
}
.dt-ext .dataTables_wrapper .dataTables_paginate .page-link {
  margin-left: 0px;
  color: var(--theme-default);
}
.dt-ext .dataTables_wrapper button.dt-button,
.dt-ext .dataTables_wrapper div.dt-button,
.dt-ext .dataTables_wrapper a.dt-button,
.dt-ext .dataTables_wrapper button.dt-button:focus:not(.disabled),
.dt-ext .dataTables_wrapper div.dt-button:focus:not(.disabled),
.dt-ext .dataTables_wrapper a.dt-button:focus:not(.disabled),
.dt-ext .dataTables_wrapper button.dt-button:active:not(.disabled),
.dt-ext .dataTables_wrapper button.dt-button.active:not(.disabled),
.dt-ext .dataTables_wrapper div.dt-button:active:not(.disabled),
.dt-ext .dataTables_wrapper div.dt-button.active:not(.disabled),
.dt-ext .dataTables_wrapper a.dt-button:active:not(.disabled),
.dt-ext .dataTables_wrapper a.dt-button.active:not(.disabled) {
  background-color: var(--theme-default);
  border-color: var(--theme-default);
  border-radius: 2px;
  color: #fff;
  background-image: none;
  font-size: 14px;
}
.dt-ext .dataTables_wrapper button.dt-button.btn-success,
.dt-ext .dataTables_wrapper div.dt-button.btn-success,
.dt-ext .dataTables_wrapper a.dt-button.btn-success {
  background-color: #61ae41;
  border-color: #61ae41;
}
.dt-ext .dataTables_wrapper button.dt-button.btn-primary,
.dt-ext .dataTables_wrapper div.dt-button.btn-primary,
.dt-ext .dataTables_wrapper a.dt-button.btn-primary {
  background-color: var(--theme-default);
  border-color: var(--theme-default);
}
.dt-ext .dataTables_wrapper button.dt-button.btn-danger,
.dt-ext .dataTables_wrapper div.dt-button.btn-danger,
.dt-ext .dataTables_wrapper a.dt-button.btn-danger {
  background-color: #f81f58;
  border-color: #f81f58;
}
.dt-ext .dataTables_wrapper table.dataTable th.focus,
.dt-ext .dataTables_wrapper table.dataTable td.focus {
  outline: 3px solid var(--theme-default);
}
.dt-ext
  .dataTables_wrapper
  table.dataTable.display
  tbody
  > tr.odd.selected
  > .sorting_1,
.dt-ext
  .dataTables_wrapper
  table.dataTable.order-column.stripe
  tbody
  > tr.odd.selected
  > .sorting_1 {
  background-color: #d9dff5;
}
.dt-ext .dataTables_wrapper table.dataTable.stripe tbody > tr.odd.selected,
.dt-ext .dataTables_wrapper table.dataTable.stripe tbody > tr.odd > .selected,
.dt-ext .dataTables_wrapper table.dataTable.display tbody > tr.odd.selected,
.dt-ext .dataTables_wrapper table.dataTable.display tbody > tr.odd > .selected {
  background-color: #d9dff5;
}
.dt-ext
  .dataTables_wrapper
  table.dataTable.display
  tbody
  > tr.even.selected
  > .sorting_1,
.dt-ext
  .dataTables_wrapper
  table.dataTable.order-column.stripe
  tbody
  > tr.even.selected
  > .sorting_1 {
  background-color: #d9dff5;
}
.dt-ext .dataTables_wrapper table.dataTable tbody > tr.selected,
.dt-ext .dataTables_wrapper table.dataTable tbody > tr > .selected {
  background-color: #d9dff5;
}

td.highlight {
  background-color: #f4f4f4 !important;
}

td.details-control {
  text-align: center;
  cursor: pointer;
  font-family: "themify";
}
td.details-control:before {
  content: "\e61a";
  border: 1px solid #67c100;
  padding: 3px;
  border-radius: 20px;
  color: #67c100;
}

tr.shown td.details-control {
  background: url("../images/details_close.png") no-repeat center center;
}

.dataTables_scroll ~ .dataTables_paginate {
  margin-top: 20px !important;
}

.product-table th:last-child {
  min-width: 120px;
}
.product-table h6 {
  font-weight: 600;
  color: #2c323f;
}

table.dataTable.display tbody tr.odd > .sorting_1 {
  background-color: #fdfeff;
  min-width: 160px;
}

.dataTables_wrapper .btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.dataTables_wrapper .btn-group > .btn-group:not(:last-child) > .btn {
  border-radius: 30px !important;
}
.dataTables_wrapper .btn-group > .btn:nth-child(n + 3),
.dataTables_wrapper .btn-group > :not(.btn-check) + .btn,
.dataTables_wrapper .btn-group > .btn-group:not(:first-child) > .btn {
  border-radius: 30px !important;
}

/**=====================
     12. Data-table CSS Ends
==========================**/

/**=====================
     28. Table  CSS Start
==========================**/
thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: #dee2e6;
}

.pills-component {
  width: 20%;
}

.table {
  margin-bottom: 0px;
}
.table > :not(:last-child) > :last-child > * {
  border-bottom-color: #eeeeee;
}
.table th,
.table td {
  padding: 0.75rem;
}
.table.table-primary th {
  color: #fff;
}
.table.table-primary td {
  color: #fff;
}
.table thead.bg-primary tr th {
  color: #fff;
}
.table thead.table-primary tr th {
  color: #3e5fce;
}
.table thead.table-success tr th {
  color: #61ae41;
}
.table tfoot.table-success tr td,
.table tfoot.table-success tr th {
  color: #61ae41;
}
.table th {
  color: #2b2b2b;
  font-weight: 500;
}
.table td {
  color: #2b2b2b;
}
.table [class*="bg-"] {
  color: #fff;
}
.table .bg-light {
  color: #2b2b2b;
}
.table tfoot {
  font-weight: bold;
}

.table-dark th {
  color: #fff;
}

.table-inverse {
  color: #fff;
  background-color: #292b2c;
}
.table-inverse th,
.table-inverse td {
  border-color: #fff;
  color: #fff;
}
.table-inverse.table-bordered {
  border: 0;
}

.table[class*="bg-"] th,
.table[class*="bg-"] td {
  color: #fff;
}

.table-hover > tbody > tr:hover {
  --bs-table-accent-bg: unset;
}

.table-double {
  border-left: 4px double #dee2e6;
  border-right: 4px double #dee2e6;
}
.table-double thead,
.table-double tbody,
.table-double tfoot,
.table-double tr,
.table-double td,
.table-double th {
  border-style: double;
  border-width: 4px;
  border-right: 0;
  border-left: 0;
}

.table-dotted {
  border-left: 2px dotted #dee2e6;
  border-right: 2px dotted #dee2e6;
}
.table-dotted thead,
.table-dotted tbody,
.table-dotted tfoot,
.table-dotted tr,
.table-dotted td,
.table-dotted th {
  border-style: dotted !important;
  border-width: 2px;
  border-right: 0;
  border-left: 0;
}

.table-dashed {
  border-left: 2px dashed #dee2e6;
  border-right: 2px dashed #dee2e6;
}
.table-dashed thead,
.table-dashed tbody,
.table-dashed tfoot,
.table-dashed tr,
.table-dashed td,
.table-dashed th {
  border-style: dashed !important;
  border-width: 2px;
  border-right: 0;
  border-left: 0;
}

.table-xl td,
.table-xl th {
  padding: 1.25rem 2rem;
  font-size: 120%;
}

.table-lg td,
.table-lg th {
  padding: 0.9rem 2rem;
  font-size: 110%;
}

.table-de td,
.table-de th {
  padding: 0.75rem 2rem;
}

.table-sm th,
.table-sm td {
  padding: 0.5rem 2rem;
  font-size: 90%;
}

.table-xs th,
.table-xs td {
  padding: 0.2rem 2rem;
  font-size: 80%;
}

.table-border-horizontal tr,
.table-border-horizontal th,
.table-border-horizontal td {
  border-top: 1px solid #f2f4ff;
  padding: 0.75rem 2rem;
}

.table-border-vertical tr,
.table-border-vertical th,
.table-border-vertical td {
  border-top: 0;
  border-right: 1px solid #f2f4ff;
}
.table-border-vertical tr td {
  border-bottom: 0;
}
.table-border-vertical tr td:last-child {
  border-right: none;
}
.table-border-vertical tbody tr th {
  border-bottom: 0;
}

.table-bordernone td {
  border: none !important;
}
.table-bordernone thead th {
  border: none !important;
}
.table-bordernone .u-s-tb {
  padding: 11px;
}

.table-striped tbody tr:nth-of-type(odd) {
  --bs-table-accent-bg: rgba(245, 247, 250, 0.5);
}

.table-bordered thead,
.table-bordered tbody,
.table-bordered tfoot,
.table-bordered tr,
.table-bordered td,
.table-bordered th {
  border-color: #f2f4ff;
}

.grid-wrrapper .table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(62, 95, 206, 0.1);
  --bs-table-accent-bg: unset;
}
.grid-wrrapper .table-striped tbody tr:nth-of-type(odd) th,
.grid-wrrapper .table-striped tbody tr:nth-of-type(odd) td {
  color: #3e5fce;
}

.table-hover tbody tr {
  vertical-align: middle;
}
.table-hover tbody tr:hover {
  background-color: rgba(62, 95, 206, 0.1);
}
.table-hover tbody tr td svg {
  width: 30px;
  height: 30px;
  padding: 5px;
  border-radius: 14px;
  margin-right: 10px;
}

.hover tbody tr:nth-child(even):hover {
  background-color: #f4f4f4;
}
.hover tbody tr:nth-child(even):hover th,
.hover tbody tr:nth-child(even):hover td {
  color: #2b2b2b !important;
}

/**=====================
     28.Table CSS Ends
==========================**/

/**=====================
    Responsive CSS Start
==========================**/
@media screen and (max-width: 1199px) {
  .checkout .checkout-details {
    padding: 25px;
  }
  .order-box .title-box span {
    width: 30%;
  }
  .order-box .sub-total li .count {
    width: 30%;
  }
  .order-box .sub-total .shipping-class .shopping-checkout-option {
    width: 32%;
  }
  .order-box .qty li span {
    width: 30%;
  }
  .order-box .total li .count {
    width: 30%;
  }
}
@media screen and (max-width: 991px) {
  .order-box .title-box h4 {
    font-size: 18px;
  }
  .order-box .title-box span {
    font-size: 18px;
  }
  .order-box .qty li {
    font-size: 14px;
  }
  .order-box .qty li span {
    font-size: 16px;
  }
  .order-box .sub-total li {
    font-size: 14px;
  }
  .order-box .sub-total li .count {
    font-size: 16px;
  }
  .order-box .sub-total .shipping-class .shopping-checkout-option {
    width: 30%;
  }
  .order-box .animate-chk label {
    font-size: 14px;
  }
}
@media screen and (max-width: 575px) {
  .order-box .title-box {
    padding-bottom: 15px;
  }
  .order-box .sub-total .shipping-class .shopping-checkout-option {
    width: 50%;
  }
  .order-box .sub-total li .count {
    width: 50%;
  }
  .order-box .animate-chk label {
    font-size: 12px;
    margin-bottom: 10px;
  }
  .checkout .checkout-details {
    padding: 20px;
  }
}
@media screen and (max-width: 420px) {
  .order-box .qty li {
    font-size: 13px;
  }
  .order-box .qty li span {
    font-size: 14px;
  }
  .order-box .sub-total li .count {
    font-size: 14px;
  }
}

/**=====================
51. Dashboard CSS Start
==========================**/
.texts-light {
  color: rgba(43, 43, 43, 0.7);
}

.table thead th {
  border-bottom: 2px solid #eeeeee;
}

.header-top {
  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;
}

.chat-default .d-flex-dashboard {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.chat-default .d-flex-dashboard .icon-box {
  width: 50px;
  height: 32px;
  background-color: rgba(62, 95, 206, 0.08);
  border-radius: 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;
}
.chat-default .d-flex-dashboard .icon-box i {
  color: var(--theme-default);
  font-size: 22px;
}
.chat-default .card-body {
  padding-top: 0;
}
.chat-default .card-body.chat-box .left-side-chat .flex-grow-1 .img-profile {
  width: 40px;
  height: 40px;
}
.chat-default
  .card-body.chat-box
  .left-side-chat
  .flex-grow-1
  .img-profile
  img {
  border-radius: 100%;
}
.chat-default .card-body.chat-box .left-side-chat .flex-grow-1 .main-chat {
  margin-left: 15px;
}
.chat-default
  .card-body.chat-box
  .left-side-chat
  .flex-grow-1
  .main-chat
  .message-main
  span {
  background-color: var(--theme-default);
  border-radius: 30px;
  border-bottom-left-radius: 0;
  color: #fff;
}
.chat-default
  .card-body.chat-box
  .left-side-chat
  .flex-grow-1
  .main-chat
  .sub-message {
  margin-top: 10px;
}
.chat-default
  .card-body.chat-box
  .left-side-chat
  .flex-grow-1
  .main-chat
  .sub-message
  span {
  border-bottom-left-radius: 30px;
  border-top-left-radius: 0;
}
.chat-default
  .card-body.chat-box
  .left-side-chat
  .flex-grow-1
  .main-chat:last-child
  .sub-message
  span {
  border-top-left-radius: 30px;
  border-bottom-left-radius: 0;
}
.chat-default .card-body.chat-box .right-side-chat {
  margin: 15px 0;
}
.chat-default
  .card-body.chat-box
  .right-side-chat
  .flex-grow-1
  .message-main
  span {
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 20px rgba(25, 124, 207, 0.1);
  box-shadow: 0px 0px 20px rgba(25, 124, 207, 0.1);
  border-radius: 30px;
  color: var(--theme-default);
  opacity: 100%;
  border-bottom-right-radius: 0;
  text-align: center;
}
.chat-default
  .card-body.chat-box
  .right-side-chat
  .flex-grow-1
  .message-main
  span.loader-span
  .dot {
  display: inline-block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  margin-right: 4px;
  background: var(--theme-default);
  -webkit-animation: wave 1.3s linear infinite;
  animation: wave 1.3s linear infinite;
  padding: 0;
}
.chat-default
  .card-body.chat-box
  .right-side-chat
  .flex-grow-1
  .message-main
  span.loader-span
  .dot:nth-child(2) {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.chat-default
  .card-body.chat-box
  .right-side-chat
  .flex-grow-1
  .message-main
  span.loader-span
  .dot:nth-child(3) {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
@-webkit-keyframes wave {
  0%,
  60%,
  100% {
    -webkit-transform: initial;
    transform: initial;
  }
  30% {
    -webkit-transform: translateY(-9px);
    transform: translateY(-9px);
  }
}
@keyframes wave {
  0%,
  60%,
  100% {
    -webkit-transform: initial;
    transform: initial;
  }
  30% {
    -webkit-transform: translateY(-9px);
    transform: translateY(-9px);
  }
}
.chat-default .card-body.chat-box .d-flex .flex-grow-1 .message-main span {
  display: inline-block;
  padding: 12px 18px;
  font-weight: 400;
}
.chat-default .card-body.chat-box .d-flex p {
  font-size: 10px;
  margin-top: 14px;
  color: var(--theme-default);
}
.chat-default .card-body.chat-box .input-group {
  margin: 30px 0;
  margin-bottom: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.chat-default .card-body.chat-box .input-group .form-control {
  border: none;
  border-radius: 0;
  border-left: 1px solid var(--theme-default);
  font-size: 16px;
}
.chat-default
  .card-body.chat-box
  .input-group
  .form-control::-webkit-input-placeholder {
  color: #2b2b2b;
  font-weight: 500;
  font-size: 16px;
}
.chat-default .card-body.chat-box .input-group .form-control::-moz-placeholder {
  color: #2b2b2b;
  font-weight: 500;
  font-size: 16px;
}
.chat-default
  .card-body.chat-box
  .input-group
  .form-control:-ms-input-placeholder {
  color: #2b2b2b;
  font-weight: 500;
  font-size: 16px;
}
.chat-default
  .card-body.chat-box
  .input-group
  .form-control::-ms-input-placeholder {
  color: #2b2b2b;
  font-weight: 500;
  font-size: 16px;
}
.chat-default .card-body.chat-box .input-group .form-control::placeholder {
  color: #2b2b2b;
  font-weight: 500;
  font-size: 16px;
}
.chat-default .card-body.chat-box .input-group .form-control:focus {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.chat-default .card-body.chat-box .input-group .send-msg {
  width: 50px;
  height: 45px;
  background-color: rgba(62, 95, 206, 0.1);
  border-radius: 25% !important;
  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;
}
.chat-default .card-body.chat-box .input-group .send-msg svg {
  width: 20px;
  color: var(--theme-default);
  vertical-align: middle;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  margin-left: -3px;
}

.date-picker-setting {
  background-color: rgba(62, 95, 206, 0.1);
  width: 35px;
  height: 35px;
  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;
  border-radius: 50px;
}
.date-picker-setting i {
  color: var(--theme-default);
}

.default-datepicker .datepicker-inline .datepicker {
  width: auto;
  background: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0;
}
.default-datepicker
  .datepicker-inline
  .datepicker
  .datepicker--content
  .datepicker--days
  .datepicker--days-names {
  margin: 60px 0 0;
  padding: 15px 0;
}
.default-datepicker
  .datepicker-inline
  .datepicker
  .datepicker--content
  .datepicker--days
  .datepicker--days-names
  .datepicker--day-name {
  color: #2b2b2b;
  font-size: 14px;
}
.default-datepicker
  .datepicker-inline
  .datepicker
  .datepicker--content
  .datepicker--days
  .datepicker--cells
  .datepicker--cell-day {
  height: 55px;
  border-radius: 0;
  color: #2b2b2b;
}
.default-datepicker
  .datepicker-inline
  .datepicker
  .datepicker--content
  .datepicker--days
  .datepicker--cells
  .datepicker--cell-day.-other-month- {
  color: #2b2b2b;
  opacity: 20%;
}
.default-datepicker
  .datepicker-inline
  .datepicker
  .datepicker--content
  .datepicker--days
  .datepicker--cells
  .datepicker--cell {
  font-weight: 500;
  font-size: 16px;
  border-radius: 0;
  z-index: 0;
}
.default-datepicker
  .datepicker-inline
  .datepicker
  .datepicker--content
  .datepicker--days
  .datepicker--cells
  .datepicker--cell.-selected- {
  background: var(--theme-default);
  color: #fff;
  position: relative;
  -webkit-box-shadow: 0px 0px 13px 0 rgba(62, 95, 206, 0.5);
  box-shadow: 0px 0px 13px 0 rgba(62, 95, 206, 0.5);
}
.default-datepicker
  .datepicker-inline
  .datepicker
  .datepicker--content
  .datepicker--days
  .datepicker--cells
  .datepicker--cell.-current- {
  -webkit-box-shadow: 0px 0px 15px -5px rgba(62, 95, 206, 0.5);
  box-shadow: 0px 0px 15px -5px rgba(62, 95, 206, 0.5);
}
.default-datepicker
  .datepicker-inline
  .datepicker
  .datepicker--content
  .datepicker--days
  .datepicker--cells
  .datepicker--cell.-focus- {
  color: #fff;
  -webkit-box-shadow: 0px 0px 13px 0 rgba(62, 95, 206, 0.5);
  box-shadow: 0px 0px 13px 0 rgba(62, 95, 206, 0.5);
}
.default-datepicker
  .datepicker-inline
  .datepicker
  .datepicker--content
  .datepicker-cell
  .datepicker--cell-month.-current-.-selected- {
  background-color: var(--theme-default);
}
.default-datepicker .datepicker-inline .datepicker .datepicker--nav {
  border-bottom: none;
  padding: 0;
  text-transform: capitalize;
  margin-top: 0;
}
.default-datepicker
  .datepicker-inline
  .datepicker
  .datepicker--nav
  .datepicker--nav-action {
  display: none;
}
.default-datepicker .datepicker-inline .datepicker .datepicker--nav-title {
  color: #2b2b2b;
  font-size: 22px;
  font-weight: 600;
}
.default-datepicker .datepicker-inline .datepicker .datepicker--nav-title i {
  margin-left: 10px;
  font-weight: 400;
  font-size: 22px;
  color: #2b2b2b;
}

.default-dash p {
  color: #a2a1a1;
}

.profile-greeting {
  background-size: cover !important;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  height: 300px;
  overflow: hidden;
}
.profile-greeting .card-body {
  padding: 45px;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  z-index: 1;
}
.profile-greeting .card-body h3 {
  font-size: 28px;
}
.profile-greeting .card-body h4 {
  font-size: 26px;
  margin-bottom: 20px;
}
.profile-greeting .card-body h5 {
  font-size: 16px;
  color: #3e5fce;
}
.profile-greeting .card-body p {
  margin-bottom: 25px;
}
.profile-greeting .card-body .btn {
  font-weight: 600;
}
.profile-greeting .shap-block .rounded-shap i {
  background-color: #3e5fce;
  -webkit-box-shadow: 0 15px 30px 0 #fff;
  box-shadow: 0 15px 30px 0 #fff;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  opacity: 0.3;
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
  -webkit-animation: ripple1 3s linear infinite;
  animation: ripple1 3s linear infinite;
  position: absolute;
  top: 0;
  bottom: 0;
  margin-top: auto;
  margin-bottom: auto;
  right: 0;
}
.profile-greeting .shap-block .rounded-shap i:nth-child(2) {
  -webkit-animation: ripple2 3s linear infinite;
  animation: ripple2 3s linear infinite;
}
.profile-greeting .shap-block .rounded-shap i:nth-child(3) {
  -webkit-animation: ripple3 3s linear infinite;
  animation: ripple3 3s linear infinite;
}

.company-view .apexcharts-legend {
  opacity: 0;
}
.company-view .card-header .center-content p {
  color: #5d5d5d;
}
.company-view .card-body {
  padding-top: unset !important;
  padding-left: 10px !important;
  padding-bottom: 10px !important;
}

.items-slider .slick-list {
  margin-left: -8px;
  margin-right: -8px;
}
.items-slider .slick-arrow {
  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: 36px;
  height: 36px;
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  background-color: #ffce00;
  border-radius: 50%;
  margin-top: -10px;
}
.items-slider .slick-next,
.items-slider .slick-prev {
  z-index: 2;
}
.items-slider .slick-next:before,
.items-slider .slick-prev:before {
  opacity: 1;
  font-family: FontAwesome;
  font-size: 20px;
  color: #242934;
}
.items-slider .slick-prev::before {
  content: "\f104";
}
.items-slider .slick-next::before {
  content: "\f105";
}
.items-slider:hover .slick-prev {
  position: absolute;
  left: 2px;
  opacity: 1;
}
.items-slider:hover .slick-next {
  position: absolute;
  right: 2px;
  opacity: 1;
}

.investment-sec {
  text-align: center;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  margin-right: 10px;
  margin-left: 10px;
  overflow: hidden;
}
.investment-sec .icon {
  width: 60px;
  height: 60px;
  border-radius: 10px;
  background-color: rgba(62, 95, 206, 0.08);
  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;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 25px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.investment-sec .icon svg {
  color: #3e5fce;
}
.investment-sec p {
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 15px;
}
.investment-sec h3 {
  margin-bottom: unset;
  font-size: 22px;
}
.investment-sec:hover {
  background-color: #3e5fce;
}
.investment-sec:hover .icon {
  background-color: #fff;
}
.investment-sec:hover p {
  color: #fff;
}
.investment-sec:hover h3 {
  color: #fff;
}
.investment-sec .card-body {
  padding-left: 10px !important;
  padding-right: 10px !important;
  z-index: 1;
}

.animated-bg i {
  background-color: #fff;
  -webkit-box-shadow: 0 15px 30px 0 #fff;
  box-shadow: 0 15px 30px 0 #fff;
  position: absolute;
  height: 15%;
  width: 15%;
  border-radius: 50%;
  opacity: 0.3;
  -webkit-transform: scale(1.3);
  transform: scale(1.3);
  -webkit-animation: ripple1 3s linear infinite;
  animation: ripple1 3s linear infinite;
  position: absolute;
  top: 0;
  right: 0;
}
.animated-bg i:nth-child(2) {
  -webkit-animation: ripple2 3s linear infinite;
  animation: ripple2 3s linear infinite;
}
.animated-bg i:nth-child(3) {
  -webkit-animation: ripple3 3s linear infinite;
  animation: ripple3 3s linear infinite;
}

@-webkit-keyframes ripple1 {
  0% {
    -webkit-transform: scale(5.5);
    transform: scale(5.5);
    opacity: 0.3;
  }
  100% {
    -webkit-transform: scale(8.5);
    transform: scale(8.5);
    opacity: 0;
  }
}

@keyframes ripple1 {
  0% {
    -webkit-transform: scale(5.5);
    transform: scale(5.5);
    opacity: 0.3;
  }
  100% {
    -webkit-transform: scale(8.5);
    transform: scale(8.5);
    opacity: 0;
  }
}
@-webkit-keyframes ripple2 {
  0% {
    -webkit-transform: scale(3.5);
    transform: scale(3.5);
  }
  100% {
    -webkit-transform: scale(5.5);
    transform: scale(5.5);
  }
}
@keyframes ripple2 {
  0% {
    -webkit-transform: scale(3.5);
    transform: scale(3.5);
  }
  100% {
    -webkit-transform: scale(5.5);
    transform: scale(5.5);
  }
}
@-webkit-keyframes ripple3 {
  0% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
  100% {
    -webkit-transform: scale(3.5);
    transform: scale(3.5);
  }
}
@keyframes ripple3 {
  0% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
  }
  100% {
    -webkit-transform: scale(3.5);
    transform: scale(3.5);
  }
}
.sellview-sec .card-body {
  padding-bottom: unset;
}

.administrator-table table tr td {
  position: relative;
  padding: 0;
}
.administrator-table table tr td .d-flex .flex-grow-1 {
  margin-left: 20px;
}
.administrator-table table tr td .d-flex .flex-grow-1 h6 {
  font-size: 18px;
  margin-bottom: 5px;
}
.administrator-table table tr td .d-flex .status-circle {
  left: 40px;
}
.administrator-table table tr td .admini-icon {
  width: 50px;
  height: 50px;
  border-radius: 10px;
  background-color: rgba(62, 95, 206, 0.08);
  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;
  margin-left: auto;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.administrator-table table tr td .admini-icon i {
  color: #3e5fce;
  font-size: 18px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.administrator-table table tr td ul li {
  display: inline-block;
}
.administrator-table table tr td ul li:nth-child(n + 2) {
  margin-left: 20px;
}
.administrator-table table tr td:last-child {
  text-align: right;
}
.administrator-table table tr:hover td .admini-icon {
  background-color: #3e5fce;
}
.administrator-table table tr:hover td .admini-icon i {
  color: #fff;
}

.administrator-sec .card-body {
  padding-top: 50px;
  padding-bottom: 50px;
}

.browser-status ul.browser-used {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.browser-status ul.browser-used li .brow-lable {
  font-size: 12px;
  color: #3e5fce;
  font-weight: 500;
  margin-bottom: 10px;
  line-height: 1;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-align: center;
}
.browser-status ul.browser-used li .brow-lable i {
  display: block;
}
.browser-status ul.browser-used li .browser-box {
  display: inline-block;
  width: 68px;
  height: 68px;
  border-radius: 10px;
  padding: 10px;
  border: 1px solid rgba(62, 95, 206, 0.1);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.browser-status ul.browser-used li.active .brow-lable {
  visibility: visible;
  opacity: 1;
}
.browser-status ul.browser-used li.active .browser-box {
  -webkit-box-shadow: 0px 5px 22.5px rgba(62, 95, 206, 0.18);
  box-shadow: 0px 5px 22.5px rgba(62, 95, 206, 0.18);
  border-color: #fff;
}
.browser-status .card-body {
  padding-top: 30px;
}

.bestselling-sec .card-header {
  border-bottom: 1px solid #f4f4f4;
}
.bestselling-sec .card-body {
  padding-top: 15px;
}
.bestselling-sec ul.selling-list {
  padding-top: 31px;
  padding-bottom: 31px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.bestselling-sec ul.selling-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.bestselling-sec ul.selling-list li .icon {
  width: 50px;
  height: 50px;
  border-radius: 10px;
  background-color: rgba(62, 95, 206, 0.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;
  margin-right: 20px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.bestselling-sec ul.selling-list li .icon i {
  font-size: 20px;
  color: #3e5fce;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.bestselling-sec ul.selling-list li:hover .icon {
  background-color: #3e5fce;
}
.bestselling-sec ul.selling-list li:hover .icon i {
  color: #fff;
}
.bestselling-sec ul.selling-list li p {
  margin-bottom: 5px;
  line-height: 1;
  font-size: 13px;
}
.bestselling-sec ul.selling-list li h6 {
  margin-bottom: 0;
}
.bestselling-sec ul.selling-list li h6 span {
  font-size: 12px;
  color: #a2a1a1;
  margin-left: 5px;
  font-weight: 400;
}
.bestselling-sec .bestselling-table table tbody tr td {
  vertical-align: baseline;
  font-weight: 400;
  padding-top: 10px;
  padding-bottom: 17px;
}
.bestselling-sec .bestselling-table table tbody tr td:first-child {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.bestselling-sec .bestselling-table table tbody tr td:first-child > span {
  font-family: "SF Pro Text";
  font-weight: 600;
}
.bestselling-sec .bestselling-table table tbody tr td:first-child .t-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.bestselling-sec
  .bestselling-table
  table
  tbody
  tr
  td:first-child
  .t-title
  span {
  font-weight: 500;
}
.bestselling-sec .bestselling-table table tbody tr td:first-child {
  padding-left: 0;
}
.bestselling-sec .bestselling-table table tbody tr td:last-child {
  padding-right: 0;
  text-align: right;
}
.bestselling-sec .bestselling-table table tbody tr:last-child td {
  padding-bottom: 0;
}

.weather-sec {
  background-size: contain !important;
  background-position: bottom !important;
  background-repeat: no-repeat !important;
  overflow: hidden;
}
.weather-sec .city-weather .weather-wrraper {
  margin-top: 15px;
}
.weather-sec .city-weather .weather-wrraper li {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.weather-sec .city-weather .weather-wrraper li h3 {
  font-size: 36px;
  font-weight: 400;
  margin-bottom: unset;
  display: inline-block;
}
.weather-sec .city-weather .weather-wrraper li .icon-moon {
  width: 36px;
  height: 36px;
  border-radius: 18px;
  background-color: rgba(62, 95, 206, 0.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;
}
.weather-sec .city-weather .weather-wrraper li .icon-moon svg {
  height: 18px;
  color: #3e5fce;
}
.weather-sec .city-weather .weather-wrraper li .icon-moon:hover {
  background-color: #3e5fce;
}
.weather-sec .city-weather .weather-wrraper li .icon-moon:hover svg {
  color: #fff;
}
.weather-sec .city-weather .weather-wrraper li:first-child span {
  width: 1px;
  height: 11px;
  background-color: rgba(62, 95, 206, 0.5);
  margin-left: 15px;
  display: inline-block;
  vertical-align: super;
}
.weather-sec .city-weather .weather-wrraper li:nth-child(n + 2) {
  margin-left: 15px;
}
.weather-sec .city-weather span {
  color: #3e5fce;
  font-weight: 500;
  font-size: 15px;
}
.weather-sec .city-weather p {
  font-weight: 400;
  color: #a2a1a1;
  margin-bottom: unset;
}
.weather-sec .city-weather .btn {
  padding: 0.5rem 1rem;
}
.weather-sec .weather-img {
  background-size: cover !important;
  background-position: bottom !important;
  background-repeat: no-repeat !important;
  height: 297px;
  margin-top: 20px;
  position: relative;
}
.weather-sec .ag-snow:before {
  content: "";
  height: 100%;
  width: 100%;
  background-image: url(https://raw.githubusercontent.com/SochavaAG/example-mycode/master/pens/animation-snow-img/images/snow.png),
    url(https://raw.githubusercontent.com/SochavaAG/example-mycode/master/pens/animation-snow-img/images/snow2.png),
    url(https://raw.githubusercontent.com/SochavaAG/example-mycode/master/pens/animation-snow-img/images/snow3.png);
  background-repeat: repeat;
  position: absolute;
  left: 0;
  top: 0;
  image-rendering: -webkit-optimize-contrast;
  image-rendering: crisp-edges;
  will-change: background-position;
  -webkit-animation: an-snow 20s linear infinite;
  animation: an-snow 20s linear infinite;
}
@-webkit-keyframes an-snow {
  100% {
    background-position: 500px 1000px, 300px 300px, -400px 400px;
  }
}
@keyframes an-snow {
  100% {
    background-position: 500px 1000px, 300px 300px, -400px 400px;
  }
}

.recent-activi .card-body {
  padding-top: 15px;
  padding-bottom: 15px;
}
.recent-activi table tbody tr td {
  padding: 17px 15px;
}
.recent-activi table tbody tr td .d-flex svg {
  width: auto;
  height: 25px;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.recent-activi table tbody tr td .d-flex .flex-grow-1 {
  margin-left: 20px;
}
.recent-activi table tbody tr td .d-flex .flex-grow-1 span {
  font-family: "Montserrat", sans-serif;
  font-size: 14px;
  font-weight: 600;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.recent-activi table tbody tr:hover {
  background-color: #f6f8fc;
}
.recent-activi table tbody tr:hover td .d-flex svg {
  fill: #3e5fce;
}
.recent-activi table tbody tr:hover td .d-flex .flex-grow-1 span {
  color: #3e5fce;
}

#menu .dropdown .btn-default {
  border: 1px solid #eeeeee;
  color: #3e5fce;
}
#menu .move-today {
  border-color: #eeeeee;
}
#menu .move-day {
  border-color: #eeeeee;
}

.clockpicker-popover .popover-title {
  border-color: #eeeeee;
}

.clockpicker-plate {
  border-color: #eeeeee;
}

.btn-light-secondary {
  background-color: rgba(var(--theme-secondary), 0.1);
  font-size: 12px;
  padding: 6px 12px;
  font-weight: 600;
}

.ecommerce-widget {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #f1f3ff !important;
  border-radius: 5px;
}
.ecommerce-widget .total-num {
  color: #2b2b2b;
  margin: 0;
  letter-spacing: 1px;
}
.ecommerce-widget .total-num span {
  color: #000;
}
.ecommerce-widget .row {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ecommerce-widget .progress-showcase {
  margin-top: 30px;
}
.ecommerce-widget span {
  color: rgba(43, 43, 43, 0.7);
  margin: 0;
  cursor: pointer;
}
.ecommerce-widget .icon {
  color: #efefef;
  font-size: 40px;
}
.ecommerce-widget .flot-chart-container {
  height: 100px;
  padding: 0;
  margin: 0;
  border: transparent;
}
.ecommerce-widget .morris-default-style {
  display: none !important;
}
.ecommerce-widget svg {
  -webkit-filter: drop-shadow(12px 12px 7px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(12px 12px 7px rgba(0, 0, 0, 0.3));
}

.flot-chart-container {
  height: 250px;
}

.chart-widget-top #chart-widget1,
.chart-widget-top #chart-widget2,
.chart-widget-top #chart-widget3 {
  margin-bottom: -14px;
}
.chart-widget-top #chart-widget1 .apexcharts-xaxistooltip,
.chart-widget-top #chart-widget2 .apexcharts-xaxistooltip,
.chart-widget-top #chart-widget3 .apexcharts-xaxistooltip {
  display: none;
}

.bar-chart-widget .top-content {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.bar-chart-widget .earning-details {
  height: 100%;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  letter-spacing: 1px;
}
.bar-chart-widget .earning-details i {
  font-size: 230px;
  position: absolute;
  opacity: 0.1;
  right: -30px;
  top: 0;
}
.bar-chart-widget .earning-details i:hover {
  -webkit-transform: rotate(-5deg) scale(1.1);
  transform: rotate(-5deg) scale(1.1);
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.bar-chart-widget .num {
  font-weight: 600;
}
.bar-chart-widget .num .color-bottom {
  color: #000;
}

.bottom-content span {
  color: rgba(43, 43, 43, 0.7);
}
.bottom-content .block-bottom {
  display: block;
}

@-webkit-keyframes am-moving-dashes {
  100% {
    stroke-dashoffset: -30px;
  }
}

@keyframes am-moving-dashes {
  100% {
    stroke-dashoffset: -30px;
  }
}
@-webkit-keyframes am-pulsating {
  0% {
    stroke-opacity: 1;
    stroke-width: 0;
  }
  100% {
    stroke-opacity: 0;
    stroke-width: 50px;
  }
}
@keyframes am-pulsating {
  0% {
    stroke-opacity: 1;
    stroke-width: 0;
  }
  100% {
    stroke-opacity: 0;
    stroke-width: 50px;
  }
}
@-webkit-keyframes am-draw {
  0% {
    stroke-dashoffset: 500%;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes am-draw {
  0% {
    stroke-dashoffset: 500%;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
.serial-chart .chart-container {
  width: 100%;
  height: 500px;
}
.serial-chart .chart-container .lastBullet {
  -webkit-animation: am-pulsating 1s ease-out infinite;
  animation: am-pulsating 1s ease-out infinite;
}
.serial-chart .chart-container .amcharts-graph-column-front {
  -webkit-transition: all 0.3s 0.3s ease-out;
  transition: all 0.3s 0.3s ease-out;
}
.serial-chart .chart-container .amcharts-graph-column-front:hover {
  fill: var(--theme-secondary);
  stroke: var(--theme-secondary);
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.serial-chart .chart-container .amcharts-graph-g3 {
  stroke-linejoin: round;
  stroke-linecap: round;
  stroke-dasharray: 0;
  stroke-dashoffset: 0;
  -webkit-animation: am-draw 40s;
  animation: am-draw 40s;
}
.serial-chart .chart-container .amcharts-graph-g2 .amcharts-graph-stroke {
  stroke-dasharray: 3px 3px;
  stroke-linejoin: round;
  stroke-linecap: round;
  -webkit-animation: am-moving-dashes 1s linear infinite;
  animation: am-moving-dashes 1s linear infinite;
}

.speed-chart .chart-container {
  width: 100%;
  height: 530px;
}
.speed-chart .content {
  margin-top: -200px;
  margin-bottom: 20px;
}
.speed-chart .content h4 {
  font-weight: 600;
  padding-top: 2px;
}

.status-widget svg {
  width: 20px;
  height: 20px;
  vertical-align: text-top;
}
.status-widget .card .card-header h5 {
  line-height: 1.38;
}
.status-widget .status-chart {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  overflow: hidden;
}

.small-chart-widget .chart-container {
  height: 311px;
  padding: 0;
  margin: 0;
  border: none;
}

.small-chart-widget .card .card-body {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.donut-chart-widget .chart-container {
  height: 300px;
  border: 0;
  margin: 0;
  padding: 0;
}

.status-details h4 {
  font-weight: 600;
}
.status-details h4 span {
  color: inherit;
}
.status-details span {
  color: rgba(43, 43, 43, 0.7);
}

.status-chart .chart-container {
  height: 200px;
  border: 0;
  padding: 0;
  margin: 0;
}

.map-chart .chart-container {
  width: 100%;
  height: 500px;
}

.serial-chart {
  width: 100%;
}

.live-products,
.turnover,
.uses,
.monthly {
  height: 300px;
}

.live-products .ct-series-a .ct-area,
.live-products .ct-series-a .ct-point,
.live-products .ct-series-a .ct-line,
.live-products .ct-series-a .ct-bar,
.live-products .ct-series-a .ct-slice-donut {
  stroke: rgba(255, 255, 255, 0.77);
}
.live-products .ct-label {
  fill: #fff;
  color: #fff;
}
.live-products .ct-grid {
  stroke: rgba(255, 255, 255, 0.7);
}

.turnover .ct-series-a .ct-area,
.turnover .ct-series-a .ct-point,
.turnover .ct-series-a .ct-line,
.turnover .ct-series-a .ct-bar,
.turnover .ct-series-a .ct-slice-donut,
.uses .ct-series-a .ct-area,
.uses .ct-series-a .ct-point,
.uses .ct-series-a .ct-line,
.uses .ct-series-a .ct-bar,
.uses .ct-series-a .ct-slice-donut,
.monthly .ct-series-a .ct-area,
.monthly .ct-series-a .ct-point,
.monthly .ct-series-a .ct-line,
.monthly .ct-series-a .ct-bar,
.monthly .ct-series-a .ct-slice-donut {
  stroke: rgb(255, 255, 255);
  fill: transparent;
}
.turnover .ct-series-b .ct-area,
.turnover .ct-series-b .ct-point,
.turnover .ct-series-b .ct-line,
.turnover .ct-series-b .ct-bar,
.turnover .ct-series-b .ct-slice-donut,
.uses .ct-series-b .ct-area,
.uses .ct-series-b .ct-point,
.uses .ct-series-b .ct-line,
.uses .ct-series-b .ct-bar,
.uses .ct-series-b .ct-slice-donut,
.monthly .ct-series-b .ct-area,
.monthly .ct-series-b .ct-point,
.monthly .ct-series-b .ct-line,
.monthly .ct-series-b .ct-bar,
.monthly .ct-series-b .ct-slice-donut {
  stroke: rgba(255, 255, 255, 0.7);
  fill: transparent;
}
.turnover .ct-series-c .ct-area,
.turnover .ct-series-c .ct-point,
.turnover .ct-series-c .ct-line,
.turnover .ct-series-c .ct-bar,
.turnover .ct-series-c .ct-slice-donut,
.uses .ct-series-c .ct-area,
.uses .ct-series-c .ct-point,
.uses .ct-series-c .ct-line,
.uses .ct-series-c .ct-bar,
.uses .ct-series-c .ct-slice-donut,
.monthly .ct-series-c .ct-area,
.monthly .ct-series-c .ct-point,
.monthly .ct-series-c .ct-line,
.monthly .ct-series-c .ct-bar,
.monthly .ct-series-c .ct-slice-donut {
  stroke: rgba(255, 255, 255, 0.4);
  fill: transparent;
}
.turnover .ct-label,
.uses .ct-label,
.monthly .ct-label {
  fill: #fff;
  color: #fff;
}
.turnover .ct-grid,
.uses .ct-grid,
.monthly .ct-grid {
  stroke: rgba(255, 255, 255, 0.7);
}

#draggableMultiple .ui-sortable-handle .card {
  cursor: move;
}

.tilt-showcase ul li .line {
  padding-top: 10px;
}
.tilt-showcase .pre-mt {
  margin-top: 5px;
}

.wow-title h5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 18px;
}
.wow-title h5 .badge {
  -webkit-text-fill-color: #fff;
}

.alert-center {
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.box-shadow-title .sub-title {
  margin: 30px 0;
}

.hovercard .info .social-media ul {
  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;
}
.hovercard .info .social-media ul li {
  padding-top: 3px;
}
.hovercard .info .social-media ul li a {
  width: 40px;
  height: 40px;
  background-color: rgba(62, 95, 206, 0.05);
  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;
}
.hovercard .info .social-media ul li:hover a {
  background-color: #3e5fce;
}
.hovercard .info .social-media ul li:hover a i {
  color: #fff;
}
.hovercard .cardheader {
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

.sticky-header-main .card .card-header h5 {
  line-height: 35px;
}
.sticky-header-main .card .card-header h5 a {
  color: #fff;
  -webkit-text-fill-color: #fff;
}

.custom-radio-ml {
  margin-left: 3px;
}

.daterangepicker .ltr tr td.active {
  color: #fff;
}

.twitter-typeahead {
  display: block !important;
}

span.twitter-typeahead .league-name {
  font-size: 16px;
  padding: 6px 10px 0;
}
span.twitter-typeahead .tt-menu {
  float: left;
  width: 100%;
  min-width: 10rem;
  margin: 0.125rem 0 0;
  font-size: 1rem;
  color: #212529;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border-radius: 0.25rem;
  -webkit-box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  box-shadow: 0 0 20px rgba(89, 102, 122, 0.1);
  border: none;
  padding: 0;
}
span.twitter-typeahead .tt-suggestion {
  color: #2b2b2b;
  opacity: 0.6;
  font-size: 13px;
  padding: 6px 12px;
  border-top: 1px solid #efefef;
  background: #fff;
  cursor: pointer;
}
span.twitter-typeahead .tt-suggestion:hover,
span.twitter-typeahead .tt-suggestion:focus {
  background-color: #fff;
}
span.twitter-typeahead .tt-suggestion.active,
span.twitter-typeahead .tt-suggestion:active {
  color: #fff;
  background-color: var(--theme-default);
}

#scrollable-dropdown-menu .twitter-typeahead .tt-menu .tt-dataset {
  max-height: 100px;
  overflow-y: auto;
}

.current-sale-container .apexcharts-xaxistooltip {
  color: var(--theme-default);
  background: rgba(62, 95, 206, 0.1);
  border: 1px solid var(--theme-default);
}
.current-sale-container .apexcharts-xaxistooltip-bottom:before {
  border-bottom-color: var(--theme-default);
}
.current-sale-container .apexcharts-tooltip.light .apexcharts-tooltip-title {
  background: rgba(62, 95, 206, 0.1);
  color: var(--theme-default);
}

.card-block .table-responsive .table caption {
  padding-left: 10px;
}
.card-block .table-responsive .table-bordered td {
  vertical-align: middle;
}
.card-block .table-border-radius {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.card-block .default-checkbox-align #checkbox1 {
  margin-right: 10px;
}
.card-block .default-checkbox-align #radio {
  margin-right: 5px;
}

#example-style-3_wrapper #example-style-3 tfoot {
  border-top: 2px solid #efefef;
}

.chart-vertical-center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.chart-vertical-center #myDoughnutGraph,
.chart-vertical-center #myPolarGraph {
  width: auto !important;
}

.cke_focus {
  padding: 15px;
  margin-top: 13px;
}

#editor .ace_scroller .ace_content .ace_layer .ace_print-margin {
  visibility: hidden !important;
}

.helper-classes {
  padding: 30px;
  margin-bottom: 0;
  white-space: pre-line;
}

.starter-kit-fix .page-body {
  margin-bottom: 52px;
}

.starter-main .card-body p {
  font-size: 14px;
}
.starter-main .card-body ul {
  padding-left: 30px;
  list-style-type: disc;
  margin-bottom: 15px;
}
.starter-main .card-body h5 {
  font-size: 18px;
}
.starter-main .card-body pre {
  white-space: pre-line;
  padding: 30px;
}
.starter-main .card-body .alert-primary.inverse:before {
  top: 32px;
}
.starter-main .alert {
  background-color: rgba(68, 102, 242, 0.2) !important;
}
.starter-main .alert i {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

@media screen and (max-width: 1880px) {
  .weather-sec .city-weather .weather-wrraper li h3 {
    font-size: 30px;
  }
  .weather-sec .city-weather .weather-wrraper li .icon-moon {
    width: 30px;
    height: 30px;
  }
  .weather-sec .city-weather .weather-wrraper li .icon-moon svg {
    height: 16px;
  }
  .weather-sec .city-weather .btn {
    padding: 7px 12px;
  }
}
@media screen and (max-width: 1740px) {
  .default-dash .card .card-header,
  .default-dash2 .card .card-header {
    padding: 25px;
  }
  .default-dash .card .card-body,
  .default-dash2 .card .card-body {
    padding: 25px;
  }
  .default-dash .card .card-footer,
  .default-dash2 .card .card-footer {
    padding: 25px;
  }
  .profile-greeting {
    height: 295px;
  }
  .profile-greeting .card-body {
    padding: 30px;
  }
  .profile-greeting .card-body h3 {
    font-size: 26px;
  }
  .profile-greeting .card-body h4 {
    font-size: 24px;
  }
  .investment-sec .icon {
    width: 50px;
    height: 50px;
    margin-bottom: 15px;
  }
  .investment-sec .icon svg {
    width: auto;
    height: 20px;
  }
  .investment-sec p {
    margin-bottom: 10px;
  }
  .investment-sec h3 {
    font-size: 20px;
  }
  .administrator-table table tr td .admini-icon {
    width: 40px;
    height: 40px;
  }
  .administrator-table table tr td .admini-icon i {
    font-size: 16px;
  }
  .browser-status ul.browser-used li .browser-box {
    width: 60px;
    height: 60px;
  }
  .bestselling-sec ul.selling-list li .icon {
    width: 40px;
    height: 40px;
    margin-right: 15px;
  }
  .bestselling-sec ul.selling-list li .icon i {
    font-size: 16px;
  }
  .recent-activi table tbody tr td .d-flex svg {
    height: 20px;
  }
  .weather-sec .city-weather .weather-wrraper li:nth-child(n + 2) {
    margin-left: 6px;
  }
  .weather-sec .city-weather .weather-wrraper li:first-child span {
    margin-left: 10px;
  }
}
@media screen and (max-width: 1770px) and (min-width: 1661px) {
  .weather-sec .weather-img {
    height: 303px;
  }
  .recent-activi table tbody tr td {
    padding: 14px 26px;
  }
  .administrator-table table tr td ul li:nth-child(n + 2) {
    margin-left: 12px;
  }
  .administrator-table table tr td .d-flex .flex-grow-1 h6 span.ms-4 {
    margin-left: 8px !important;
  }
}
@media screen and (max-width: 1660px) and (min-width: 1470px) {
  .bestselling-sec ul.selling-list li .icon {
    margin-right: 10px;
    width: 34px;
    height: 34px;
  }
  .bestselling-sec .bestselling-table table tbody tr td {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  .administrator-table table tr td .admini-icon {
    width: 34px;
    height: 34px;
  }
  .administrator-table table tr td ul li:nth-child(n + 2) {
    margin-left: 6px;
  }
  .administrator-table table tr td .d-flex .flex-grow-1 {
    margin-left: 12px;
  }
  .administrator-table table tr td .d-flex .flex-grow-1 h6 {
    font-size: 16px;
  }
  .administrator-table table tr td .d-flex h6 span.ms-4 {
    margin-left: 8px !important;
    padding: 3px 4px 4px;
  }
}
@media screen and (max-width: 1280px) and (min-width: 1200px) {
  .default-dash .sellview-sec .card-body {
    padding: 0px !important;
  }
  .browser-status ul.browser-used li .browser-box {
    width: 45px;
    height: 45px;
  }
}
@media screen and (max-width: 1470px) and (min-width: 1200px) {
  .weather-sec .city-weather .weather-wrraper li:nth-child(n + 2) {
    margin-left: 3px;
  }
  .administrator-table table tr td .admini-icon {
    width: 30px;
    height: 30px;
  }
  .administrator-table table tr td ul li:nth-child(n + 2) {
    margin-left: 4px;
    margin-top: 5px;
  }
  .administrator-table table tr td .d-flex .flex-grow-1 {
    margin-left: 8px;
  }
  .administrator-table table tr td .d-flex .flex-grow-1 h6 {
    font-size: 16px;
  }
  .administrator-table table tr td .d-flex h6 span.ms-4 {
    display: none;
  }
  .administrator-table table tr td .d-flex .flex-grow-1 span {
    padding: 2px 4px 3px;
  }
}
@media screen and (max-width: 1660px) and (min-width: 1200px) {
  .xl-none {
    display: none;
  }
  .xl-20 {
    max-width: 20%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
  }
  .xl-30 {
    max-width: 30%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
  }
  .xl-33 {
    max-width: 33%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33%;
    flex: 0 0 33%;
  }
  .xl-33-33 {
    max-width: 33.333%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333%;
    flex: 0 0 33.333%;
  }
  .xl-35 {
    max-width: 35%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 35%;
    flex: 0 0 35%;
  }
  .xl-40 {
    max-width: 40%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
  }
  .xl-45 {
    max-width: 45%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 45%;
    flex: 0 0 45%;
  }
  .xl-55 {
    max-width: 55%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 55%;
    flex: 0 0 55%;
  }
  .xl-60 {
    max-width: 60%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
  }
  .xl-65 {
    max-width: 65%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 65%;
    flex: 0 0 65%;
  }
  .xl-50 {
    max-width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
  .xl-70 {
    max-width: 70%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 70%;
    flex: 0 0 70%;
  }
  .xl-80 {
    max-width: 80%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 80%;
    flex: 0 0 80%;
  }
  .xl-100 {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
  .xl-23 {
    max-width: 23%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 23%;
    flex: 0 0 23%;
  }
  .xl-25 {
    max-width: 25%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
  }
  .xl-40 {
    max-width: 40%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
  }
  .xl-4 {
    max-width: 33.33%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.33%;
    flex: 0 0 33.33%;
  }
}
@media screen and (max-width: 1660px) and (min-width: 1366px) {
  .default-dash .card .card-header,
  .default-dash2 .card .card-header {
    padding: 20px;
  }
  .default-dash .card .card-header h5,
  .default-dash2 .card .card-header h5 {
    font-size: 16px;
  }
  .default-dash .card .card-header .card-header-right,
  .default-dash2 .card .card-header .card-header-right {
    top: 25px;
    right: 25px;
  }
  .default-dash .card .card-body,
  .default-dash2 .card .card-body {
    padding: 20px;
  }
  .default-dash .recent-activi.card .card-body {
    padding: 8px !important;
  }
  .profile-greeting .card-body h3 {
    font-size: 20px;
  }
  .profile-greeting .card-body h4 {
    font-size: 20px;
  }
  .profile-greeting .card-body h5 {
    font-size: 14px;
  }
  .investment-sec .icon {
    width: 40px;
    height: 40px;
    margin-bottom: 10px;
  }
  .investment-sec .icon svg {
    height: 16px;
  }
  .investment-sec h3 {
    font-size: 18px;
  }
  .investment-sec p {
    margin-bottom: 5px;
  }
  .administrator-table table tr td h6 {
    font-size: 14px;
  }
  .weather-sec .city-weather .btn {
    font-size: 12px;
  }
  .weather-sec .city-weather .weather-wrraper li .icon-moon {
    width: 25px;
    height: 25px;
  }
  .weather-sec .city-weather .weather-wrraper li .icon-moon svg {
    height: 14px;
  }
  .weather-sec .city-weather .weather-wrraper li h3 {
    font-size: 22px;
  }
  .weather-sec .weather-img {
    height: 285px;
    margin-top: 20px;
  }
  .recent-activi table tbody tr td {
    padding: 12px 20px 13px 20px;
  }
}
@media (max-width: 1387px) and (min-width: 1366px) {
  .recent-activi table tbody tr td {
    padding: 6px 20px;
  }
}
@media screen and (max-width: 1365px) and (min-width: 768px) {
  .default-dash .card .card-header.dflex,
  .default-dash2 .card .card-header.dflex {
    display: block;
  }
}
@media screen and (max-width: 1365px) and (min-width: 1200px) {
  .des-xl-25 {
    max-width: 25%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
  }
  .des-xl-33 {
    max-width: 33.333%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333%;
    flex: 0 0 33.333%;
  }
  .des-xl-50 {
    max-width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
  .des-xl-40 {
    max-width: 40%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
  }
  .des-xl-45 {
    max-width: 45%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 45%;
    flex: 0 0 45%;
  }
  .des-xl-55 {
    max-width: 55%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 55%;
    flex: 0 0 55%;
  }
  .des-xl-60 {
    max-width: 60%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60%;
    flex: 0 0 60%;
  }
  .des-xl-100 {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
  .das-order-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
  .default-dash .best-selling {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    -webkit-box-flex: 100%;
    -ms-flex: 100%;
    flex: 100%;
  }
  .default-dash .our-city {
    -webkit-box-flex: 50%;
    -ms-flex: 50%;
    flex: 50%;
  }
  .default-dash .card .card-header,
  .default-dash2 .card .card-header {
    padding: 20px;
  }
  .default-dash .card .card-header .card-header-right,
  .default-dash2 .card .card-header .card-header-right {
    top: 22px;
    right: 25px;
  }
  .default-dash .card .card-body,
  .default-dash2 .card .card-body {
    padding: 20px;
  }
  .investment-sec h3 {
    font-size: 18px;
  }
  .investment-sec p {
    font-size: 13px;
  }
  .profile-greeting {
    height: 310px;
  }
  .profile-greeting .card-body h3,
  .profile-greeting .card-body h4 {
    font-size: 20px;
  }
  .weather-sec .card-header {
    padding: 16px;
  }
  .weather-sec .weather-img {
    height: 260px;
  }
  .bestselling-sec ul.selling-list {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  .recent-activi table tbody tr td {
    padding: 10px 20px;
  }
  .weather-sec .city-weather .weather-wrraper li h3 {
    font-size: 20px;
  }
  .weather-sec .city-weather .weather-wrraper li:nth-child(n + 2) {
    margin-left: 4px;
  }
  .weather-sec .city-weather .btn {
    font-size: 12px;
    padding: 5px 12px;
  }
}
@media screen and (max-width: 1199px) {
  .profile-greeting {
    height: 310px;
  }
  .profile-greeting .card-body h3 {
    font-size: 22px;
  }
  .profile-greeting .card-body h4 {
    font-size: 22px;
  }
  .weather-sec .weather-img {
    height: 325px;
  }
  .weather-sec .city-weather .weather-wrraper li h3 {
    font-size: 24px;
  }
  .weather-sec .city-weather .weather-wrraper li .icon-moon {
    width: 27px;
    height: 27px;
  }
  .weather-sec .city-weather .weather-wrraper li .icon-moon svg {
    height: 14px;
  }
  .weather-sec .city-weather .btn {
    padding: 5px 10px;
    font-size: 12px;
  }
  .administrator-table table tr td {
    min-width: 120px;
  }
  .administrator-table table tr td:first-child {
    min-width: 250px;
  }
  .administrator-table table tr td ul li:nth-child(n + 2) {
    margin-left: 10px;
  }
  .administrator-table table tr td .d-flex .flex-grow-1 h6 {
    font-size: 16px;
  }
}
@media screen and (max-width: 991px) {
  .profile-greeting {
    height: 305px;
  }
  .weather-sec .weather-img {
    height: 300px;
  }
  .recent-activi table tbody tr td {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}
@media screen and (max-width: 767px) {
  .bestselling-sec ul.selling-list li .icon {
    margin-right: 6px;
  }
  .browser-status ul.browser-used li .browser-box {
    width: 42px;
    height: 42px;
    padding: 10px;
  }
  .browser-status ul.browser-used li .brow-lable {
    font-size: 10px;
  }
  .investment-sec h3 {
    font-size: 16px;
  }
  .investment-sec .icon {
    width: 45px;
    height: 45px;
    margin-bottom: 10px;
  }
  .investment-sec .icon svg {
    height: 18px;
  }
  .investment-sec p {
    font-size: 13px;
    margin-bottom: 5px;
  }
  .recent-activi table tbody tr td {
    padding-left: 20px;
    padding-right: 20px;
  }
  .weather-sec .city-weather .weather-wrraper li h3 {
    font-size: 20px;
  }
  .weather-sec .city-weather .weather-wrraper li:nth-child(n + 2) {
    margin-left: 5px;
  }
  .bestselling-sec ul.selling-list {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
@media only screen and (max-width: 575px) {
  .des-xsm-50 {
    max-width: 50%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
  .bestselling-sec ul.selling-list li {
    display: block;
    text-align: center;
  }
  .bestselling-sec ul.selling-list li .icon {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
  }
  .bestselling-table table tbody tr td {
    min-width: 122px;
  }
  .bestselling-table table tbody tr td:first-child {
    min-width: 266px;
  }
  .default-dash .card .card-header.dflex,
  .default-dash2 .card .card-header.dflex {
    display: block;
  }
}
@media screen and (max-width: 480px) {
  .recent-activi table tbody tr td {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .bestselling-sec .bestselling-table table tbody tr td {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .investment-sec .icon {
    width: 40px;
    height: 40px;
    margin-bottom: 5px;
  }
  .investment-sec .icon svg {
    width: 16px;
  }
  .investment-sec p {
    margin-bottom: 5px;
  }
  .investment-sec h3 {
    font-size: 18px;
  }
}
@media screen and (max-width: 420px) {
  .bestselling-sec ul.selling-list {
    display: block;
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .bestselling-sec ul.selling-list li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: left;
  }
  .bestselling-sec ul.selling-list li .icon {
    margin-left: unset;
    margin-right: 15px;
    margin-bottom: unset;
    width: 35px;
    height: 35px;
  }
  .bestselling-sec ul.selling-list li .icon svg {
    height: 16px;
  }
  .bestselling-sec ul.selling-list li:nth-child(n + 2) {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #eeeeee;
  }
  .profile-greeting .card-body {
    background-position: 15% !important;
  }
  .profile-greeting .card-body h3 {
    font-size: 20px;
  }
  .profile-greeting .card-body h4 {
    font-size: 18px;
  }
  .profile-greeting .card-body h5 {
    font-size: 14px;
  }
  .profile-greeting .card-body p {
    margin-bottom: 15px;
  }
  .profile-greeting .shap-block .rounded-shap i {
    right: -10%;
  }
}
@media screen and (max-width: 360px) {
  .des-xsm-50 {
    max-width: 100%;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
  }
  .weather-sec {
    height: 400px;
  }
  .default-datepicker
    .datepicker-inline
    .datepicker
    .datepicker--content
    .datepicker--days
    .datepicker--cells
    .datepicker--cell.-selected-:before {
    height: 36px;
  }
  .default-datepicker
    .datepicker-inline
    .datepicker
    .datepicker--content
    .datepicker--days
    .datepicker--cells
    .datepicker--cell-day {
    height: 36px;
  }
  .default-datepicker
    .datepicker-inline
    .datepicker
    .datepicker--content
    .datepicker--days
    .datepicker--days-names {
    margin: 13px 0 13px;
  }
  .default-datepicker
    .datepicker-inline
    .datepicker
    .datepicker--content
    .datepicker--days
    .datepicker--days-names
    .datepicker--day-name {
    font-size: 12px;
  }
  .default-datepicker .datepicker-inline .datepicker .datepicker--nav-title i {
    margin-left: 15px;
    font-size: 25px;
  }
}

@media only screen and (max-width: 1199px) {
  .faq-accordion {
    margin-bottom: 30px;
  }
}
@media only screen and (max-width: 991px) {
  .faq-accordion .faq-header {
    padding: 20px !important;
  }
  .faq-accordion .faq-header h5 {
    font-size: 20px;
  }
  .faq-accordion .faq-header svg {
    right: 20px;
    top: 20px;
    width: 20px;
    height: auto;
  }
  .navigation-option ul li {
    padding: 10px 10px 10px 0;
  }
  .navigation-option ul li a svg {
    top: 12px;
  }
  .navigation-btn,
  .updates-faq-main {
    margin-bottom: 20px;
  }
  .updates-faq {
    width: 35px;
    height: 35px;
    margin-right: 20px;
  }
  .updates-faq svg {
    width: 16px;
    height: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .xs-mt-search {
    margin-top: 30px;
  }
  .featured-tutorial .card-body,
  .featured-tutorial .card-footer {
    padding: 20px;
  }
  .updates-faq {
    width: 30px;
    height: 30px;
  }
}
@media only screen and (max-width: 575px) {
  .xs-mt-search {
    margin-top: 0px;
  }
  .faq-widgets svg {
    width: 100px;
    height: 100px;
    position: absolute;
    opacity: 0.1;
    top: 10px;
    right: 20px;
  }
  .faq-title {
    margin: 15px 0;
  }
  .faq-title h6 {
    font-size: 16px;
  }
  .header-faq {
    margin-bottom: 15px;
  }
  .faq-accordion {
    margin-bottom: 0px;
  }
  .faq-accordion .faq-header {
    padding: 15px !important;
  }
  .faq-accordion .faq-header .pull-right {
    float: right;
  }
  .faq-accordion .faq-header svg {
    right: 15px;
    top: 15px;
  }
  .navigation-btn,
  .updates-faq-main {
    margin-bottom: 15px;
  }
}
/**=====================
    55. Faq CSS Ends
==========================**/

/**=====================
  66. Landing CSS Start
==========================**/
.landing-page .section-py-space {
  /* padding-top: 70px;
  padding-bottom: 70px; */
  padding-top: 10px;
  padding-bottom: 10px;
}
.landing-page .section-pt-space {
  padding-top: 70px;
}
.landing-page .section-pb-space {
  padding-bottom: 70px;
}
.landing-page .title {
  margin-bottom: 35px;
  text-align: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}
.landing-page .title h2 {
  font-size: 30px;
  text-transform: uppercase;
  font-weight: 700;
  color: #3e5fce;
  margin-bottom: 0;
}

.landing-page .title .logo-wrraper {
  padding-bottom: 20px;
  margin-bottom: 10px;
  position: relative;
}

.landing-page .title .logo-wrraper::before {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  content: "";
  height: 5px;
  width: 50%;
  margin: auto;
  background-color: #3e5fce;
  border-radius: 30%;
}

.landing-page .custom-container {
  max-width: 1600px;
  padding-right: var(--bs-gutter-x, 0.75rem);
  padding-left: var(--bs-gutter-x, 0.75rem);
  margin-right: auto;
  margin-left: auto;
}
.landing-page .navbar-nav {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.landing-page .navbar-nav .nav-item {
  position: relative;
}
.landing-page .navbar-nav .nav-item .nav-link {
  color: #000;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 12px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 0.7;
}
.landing-page .navbar-nav .nav-item .nav-link:hover,
.landing-page .navbar-nav .nav-item .nav-link.active {
  opacity: 1;
  text-shadow: 0 0 0 #3e5fce;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  color: #3e5fce;
}
.landing-page .btn-landing {
  border-radius: 30px;
  color: #fff;
  background-color: #3e5fce;
  padding: 12px 30px;
  line-height: 1;
  font-weight: 600;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.landing-page .btn-landing:hover {
  color: #fff;
}
.landing-page .btn-landing.btn-white {
  background-color: #fff !important;
  color: #3e5fce;
}
.landing-page .landing-header {
  background-color: #3e5fce;
  padding-top: 18px;
  padding-bottom: 18px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2;
  -webkit-box-shadow: 0 0 12px rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 12px rgba(255, 255, 255, 0.1);
}
.landing-page .landing-header ul.landing-menu li.nav-item.menu-back {
  border-bottom: 1px solid #eeeeee;
  padding: 22px 20px;
  text-align: right;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 16px;
  display: none;
  cursor: pointer;
  margin-bottom: 15px;
}
.landing-page .landing-header ul.landing-menu li.nav-item.menu-back i {
  font-size: 16px;
  margin-left: 10px;
}
.landing-page .landing-header ul.landing-menu li.nav-item a.nav-link {
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  padding: 10px 20px;
}
.landing-page .landing-header ul.landing-menu li.nav-item:hover a.nav-link {
  color: #ffce00;
}
.landing-page .landing-header .buy-block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.landing-page .landing-header .buy-block .toggle-menu {
  margin-left: 20px;
  display: none;
  cursor: pointer;
  background-color: #3e5fce;
}
.landing-page .landing-header .buy-block .toggle-menu i {
  font-size: 24px;
  color: #fff;
}
.landing-page .landing-home {
  background-color: rgba(62, 95, 206, 0.9);
  position: relative;
}
.landing-page .landing-home .landing-home-contain {
  /* height: calc(100vh - 90px); */
  /* margin-top: 90px;
  padding-top: 90px;
  padding-bottom: 90px; */
  margin-top: 50px;
  padding-top: 50px;
  padding-bottom: 50px;
  text-align: center;
}
.landing-page .landing-home .landing-home-contain .landing-logo {
  margin-bottom: 25px;
}
.landing-page .landing-home .landing-home-contain h2 {
  color: #fff;
  font-weight: 600;
  margin-bottom: 15px;
  line-height: 1.4;
}
.landing-page .landing-home .landing-home-contain h2 span {
  color: #ffce00;
  font-weight: 800;
  display: block;
}
.landing-page .landing-home .landing-home-contain p {
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 30px;
  width: 45%;
  margin-left: auto;
  margin-right: auto;
}
.landing-page .landing-home .landing-home-contain .btn-home-list li {
  display: inline-block;
}
.landing-page .landing-home .landing-home-contain .btn-home-list li .btn {
  text-transform: capitalize;
}
.landing-page
  .landing-home
  .landing-home-contain
  .btn-home-list
  li:nth-child(n + 2) {
  margin-left: 10px;
}
.landing-page .landing-home .animat-block li {
  position: absolute;
  border-radius: 10px;
  overflow: hidden;
}
.landing-page .landing-home .animat-block li img {
  width: auto;
}
.landing-page .landing-home .animat-block li:first-child {
  top: 14%;
  left: 2%;
  -webkit-animation: move2 1.2s infinite alternate;
  animation: move2 1.2s infinite alternate;
}
.landing-page .landing-home .animat-block li:first-child img {
  height: 230px;
}
.landing-page .landing-home .animat-block li:nth-child(2) {
  top: 43%;
  left: 5%;
  -webkit-animation: move2 1.3s infinite alternate;
  animation: move2 1.3s infinite alternate;
}
.landing-page .landing-home .animat-block li:nth-child(2) img {
  height: 250px;
}
.landing-page .landing-home .animat-block li:nth-child(3) {
  bottom: 6%;
  left: 4%;
  -webkit-animation: move2 1.4s infinite alternate;
  animation: move2 1.4s infinite alternate;
}
.landing-page .landing-home .animat-block li:nth-child(3) img {
  height: 155px;
}
.landing-page .landing-home .animat-block li:nth-child(4) {
  bottom: 5%;
  left: 15%;
  -webkit-animation: move2 1.5s infinite alternate;
  animation: move2 1.5s infinite alternate;
}
.landing-page .landing-home .animat-block li:nth-child(4) img {
  height: 185px;
}
.landing-page .landing-home .animat-block li:nth-child(5) {
  position: absolute;
  bottom: 5%;
  right: 0;
  left: 0;
  cursor: pointer;
  margin-left: auto;
  margin-right: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  height: 350px;
  border: 10px solid #ffce00;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.landing-page .landing-home .animat-block li:nth-child(5) img {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.landing-page .landing-home .animat-block li:nth-child(5):hover img {
  -webkit-transform: translateY(-38%);
  transform: translateY(-38%);
}
.landing-page .landing-home .animat-block li:nth-child(6) {
  top: 15%;
  right: 2%;
  -webkit-animation: move2 1.6s infinite alternate;
  animation: move2 1.6s infinite alternate;
}
.landing-page .landing-home .animat-block li:nth-child(6) img {
  height: 125px;
}
.landing-page .landing-home .animat-block li:nth-child(7) {
  top: 33%;
  right: 13%;
  -webkit-animation: move2 1.2s infinite alternate;
  animation: move2 1.2s infinite alternate;
}
.landing-page .landing-home .animat-block li:nth-child(7) img {
  height: 85px;
}
.landing-page .landing-home .animat-block li:nth-child(8) {
  top: 45%;
  right: 15%;
  -webkit-animation: move2 1.3s infinite alternate;
  animation: move2 1.3s infinite alternate;
}
.landing-page .landing-home .animat-block li:nth-child(8) img {
  height: 160px;
}
.landing-page .landing-home .animat-block li:nth-child(9) {
  top: 33%;
  right: 2%;
  -webkit-animation: move2 1.4s infinite alternate;
  animation: move2 1.4s infinite alternate;
}
.landing-page .landing-home .animat-block li:nth-child(9) img {
  height: 260px;
}
.landing-page .landing-home .animat-block li:nth-child(10) {
  bottom: 5%;
  right: 2%;
  -webkit-animation: move2 1.5s infinite alternate;
  animation: move2 1.5s infinite alternate;
}
.landing-page .landing-home .animat-block li:nth-child(10) img {
  height: 255px;
}
.landing-page .landing-home .animat-block li:nth-child(11) {
  bottom: 22%;
  right: 3%;
  -webkit-animation: move1 9s linear infinite;
  animation: move1 9s linear infinite;
}
.landing-page .landing-home .animat-block li:nth-child(12) {
  top: 28%;
  right: 5%;
  -webkit-animation: move1 8s infinite alternate;
  animation: move1 8s infinite alternate;
}
.landing-page .landing-home .animat-block li:nth-child(13) {
  top: 11%;
  right: 50%;
  -webkit-animation: move1 7s linear infinite;
  animation: move1 7s linear infinite;
}
.landing-page .landing-home .animat-block li:nth-child(14) {
  top: 25%;
  left: 22%;
  -webkit-animation: move1 9s infinite alternate;
  animation: move1 9s infinite alternate;
}
.landing-page .landing-home .animat-block li:nth-child(15) {
  bottom: 15%;
  right: 20%;
  -webkit-animation: move1 8s linear infinite;
  animation: move1 8s linear infinite;
}
.landing-page .landing-home .animat-block li:nth-child(16) {
  bottom: 39%;
  right: 48%;
  -webkit-animation: move1 7s infinite alternate;
  animation: move1 7s infinite alternate;
}
.landing-page .landing-home .animat-block li:nth-child(17) {
  bottom: 30%;
  left: 0;
  -webkit-animation: move1 8s linear infinite;
  animation: move1 8s linear infinite;
}
.landing-page .landing-home .animat-block li:nth-child(n + 11) img {
  width: auto;
  height: 40px;
}
@-webkit-keyframes move1 {
  0% {
    -webkit-transform: rotate(0deg) translateX(15px) rotate(0deg);
    transform: rotate(0deg) translateX(15px) rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg) translateX(15px) rotate(-360deg);
    transform: rotate(360deg) translateX(15px) rotate(-360deg);
  }
}
@keyframes move1 {
  0% {
    -webkit-transform: rotate(0deg) translateX(15px) rotate(0deg);
    transform: rotate(0deg) translateX(15px) rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg) translateX(15px) rotate(-360deg);
    transform: rotate(360deg) translateX(15px) rotate(-360deg);
  }
}
@-webkit-keyframes move2 {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}
@keyframes move2 {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
}
.landing-page .demo-section .demo-box {
  background-color: #fff;
  padding: 20px;
  border-radius: 10px;
}
.landing-page .demo-section .demo-box .demo-title {
  padding-top: 20px;
  text-align: center;
}
.landing-page .demo-section .demo-box .demo-title .btn {
  text-transform: capitalize;
  border: 1px solid #3e5fce;
  padding: 8px 15px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.landing-page .demo-section .demo-box .demo-title .btn:hover {
  background-color: #3e5fce;
  color: #fff;
}
.landing-page .demo-section .demo-box .img-wrraper {
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}
.landing-page .demo-section .demo-box .img-wrraper img {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  width: 100%;
}
.landing-page .demo-section .demo-box:hover .img-wrraper img {
  -webkit-transform: scale(1.02);
  transform: scale(1.02);
}
.landing-page .demo-section .demo-block {
  margin-bottom: -30px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.landing-page .demo-section .demo-block > div {
  margin-bottom: 30px;
}
.landing-page .framework {
  background-color: #fff;
}
.landing-page .framework .nav {
  margin-bottom: 50px;
}
.landing-page .framework .nav .nav-item:nth-child(n + 2) {
  margin-left: 20px;
}
.landing-page .framework .nav .nav-link {
  border-radius: 10px;
  padding: 15px 30px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: rgba(62, 95, 206, 0.8);
  position: relative;
}
.landing-page .framework .nav .nav-link h5 {
  font-weight: 700;
  color: #ffce00;
}
.landing-page .framework .nav .nav-link p {
  color: #fff;
}
.landing-page .framework .nav .nav-link.active,
.landing-page .framework .nav .nav-link.show {
  background-color: rgba(62, 95, 206, 0.8);
}
.landing-page .framework .nav .nav-link.active:before,
.landing-page .framework .nav .nav-link.show:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin-right: auto;
  margin-left: auto;
  width: 0;
  height: 0;
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 25px solid rgba(62, 95, 206, 0.8);
}
.landing-page .framework .nav .nav-link img {
  height: 35px;
  margin-right: 15px;
}
.landing-page .framework ul.framworks-list {
  text-align: center;
}
.landing-page .framework ul.framworks-list li {
  display: inline-block;
  background-color: rgba(62, 95, 206, 0.05);
  padding: 40px 10px;
  margin-bottom: 30px;
  border-radius: 10px;
  border: 1px solid #eeeeee;
  margin: 10px;
  height: 185px;
  width: 185px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  text-align: center;
}
.landing-page .framework ul.framworks-list li h6 {
  margin-top: 10px;
  margin-bottom: unset;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.landing-page .framework ul.framworks-list li img {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.landing-page .framework ul.framworks-list li:hover img {
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}
.landing-page .framework ul.framworks-list li:hover h6 {
  color: #3e5fce;
}
.landing-page .framework .tab-content {
  margin-bottom: -10px;
}
.landing-page .core-feature {
  background-color: #fff;
}
.landing-page .core-feature .feature-block {
  margin-bottom: -25px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.landing-page .core-feature .feature-block > div {
  margin-bottom: 25px;
}
.landing-page .core-feature .feature-box {
  border: 1px solid #eeeeee;
  padding: 45px 30px;
  text-align: center;
  border-radius: 10px;
  background-color: #fff;
  height: 100%;
  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;
  text-align: center;
}
.landing-page .core-feature .feature-box .icon-wrraper {
  width: 60px;
  height: 60px;
  border-radius: 60px;
  margin-bottom: 20px;
  background-color: rgba(62, 95, 206, 0.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;
  margin-left: auto;
  margin-right: auto;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.landing-page .core-feature .feature-box .icon-wrraper svg {
  width: 40%;
  height: auto;
  color: #3e5fce;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.landing-page .core-feature .feature-box h3 {
  margin-bottom: 0;
  margin-top: 10px;
  font-weight: 700;
}
.landing-page .core-feature .feature-box p {
  font-size: 16px;
  color: #a2a1a1;
  margin-bottom: unset;
}
.landing-page .core-feature .feature-box:hover .icon-wrraper {
  background-color: #3e5fce;
}
.landing-page .core-feature .feature-box:hover .icon-wrraper svg {
  color: #ffce00;
}
.landing-page .counter-sec .counter-box {
  text-align: center;
  border: 1px solid #eeeeee;
  padding: 25px 30px;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.landing-page .counter-sec .counter-box .count-number {
  background-color: rgba(62, 95, 206, 0.1);
  width: 80px;
  height: 80px;
  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;
  justify-content: center;
  border-radius: 50%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 25px;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.landing-page .counter-sec .counter-box .count-number h3 {
  font-size: 40px;
  margin-bottom: unset;
  color: #3e5fce;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.landing-page .counter-sec .counter-box .count-detail h4 {
  text-transform: capitalize;
}
.landing-page .counter-sec .counter-box .count-detail p {
  font-size: 16px;
  color: #a2a1a1;
  margin-bottom: unset;
}
.landing-page .counter-sec .counter-box:hover .count-number {
  background-color: #3e5fce;
}
.landing-page .counter-sec .counter-box:hover .count-number h3 {
  color: #ffce00;
}
.landing-page .landing-footer {
  background-color: rgba(62, 95, 206, 0.05);
}
.landing-page .landing-footer .footer-contain {
  text-align: center;
}
.landing-page .landing-footer .footer-contain img {
  margin-bottom: 20px;
}
.landing-page .landing-footer .footer-contain h2 {
  font-size: calc(18px + 17 * (100vw - 320px) / 1600);
  font-weight: 700;
  margin-bottom: 10px;
  line-height: 1.4;
  text-transform: capitalize;
}
.landing-page .landing-footer .footer-contain .star-rate {
  margin-bottom: 40px;
}
.landing-page .landing-footer .footer-contain .star-rate li {
  display: inline-block;
}
.landing-page .landing-footer .footer-contain .star-rate li i {
  font-size: calc(16px + 14 * (100vw - 320px) / 1600);
}
.landing-page .landing-footer .footer-contain .btn-footer a:nth-child(n + 2) {
  margin-left: 10px;
}

.tap-top {
  text-align: center;
  cursor: pointer;
  display: none;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 5;
  color: #fff;
  background: var(--theme-default);
  border: none;
  padding: 7px;
  -webkit-box-shadow: 0 0 10px var(--theme-default);
  box-shadow: 0 0 10px var(--theme-default);
  opacity: 0.5;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.tap-top:hover {
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  opacity: 1;
}
.tap-top svg {
  width: 20px;
}

/**=====================
     66. Landing CSS Ends
==========================**/
/**=====================
  65. Landing CSS Start
==========================**/
@media (max-width: 1880px) {
  .landing-page .landing-home .animat-block li:first-child img {
    height: 200px;
  }
  .landing-page .landing-home .animat-block li:nth-child(2) img {
    height: 210px;
  }
  .landing-page .landing-home .animat-block li:nth-child(3) img {
    height: 140px;
  }
  .landing-page .landing-home .animat-block li:nth-child(4) img {
    height: 170px;
  }
  .landing-page .landing-home .animat-block li:nth-child(5) {
    height: 280px;
  }
  .landing-page .landing-home .animat-block li:nth-child(6) img {
    height: 110px;
  }
  .landing-page .landing-home .animat-block li:nth-child(7) img {
    height: 65px;
  }
  .landing-page .landing-home .animat-block li:nth-child(8) img {
    height: 120px;
  }
  .landing-page .landing-home .animat-block li:nth-child(9) img {
    height: 220px;
  }
  .landing-page .landing-home .animat-block li:nth-child(10) img {
    height: 225px;
  }
  .landing-page .landing-home .landing-home-contain {
    padding-top: 45px;
  }
}
@media (max-width: 1660px) {
  .landing-page .custom-container {
    max-width: 1440px;
  }
  .landing-page .landing-home .animat-block li:nth-child(5) {
    width: 500px;
  }
  .landing-page .landing-home .animat-block li:nth-child(7) {
    right: 15%;
  }
  .landing-page .landing-home .animat-block li:nth-child(3) {
    left: 2%;
  }
}
@media (max-width: 1470px) {
  .landing-page .custom-container {
    max-width: 100%;
    padding-left: 30px;
    padding-right: 30px;
  }
  .landing-page .landing-home .animat-block li:first-child {
    top: 16%;
  }
  .landing-page .landing-home .animat-block li:first-child img {
    height: 180px;
  }
  .landing-page .landing-home .animat-block li:nth-child(2) img {
    height: 180px;
  }
  .landing-page .landing-home .animat-block li:nth-child(5) {
    width: 450px;
    height: 250px;
  }
  .landing-page .landing-home .animat-block li:nth-child(6) {
    top: 16%;
  }
  .landing-page .landing-home .animat-block li:nth-child(6) img {
    height: 100px;
  }
  .landing-page .landing-home .animat-block li:nth-child(10) img {
    height: 210px;
  }
}
@media (max-width: 1366px) {
  .landing-page .framework .nav {
    margin-bottom: 40px;
  }
  .landing-page .framework .nav .nav-link {
    padding-bottom: 15px;
  }
  .landing-page .framework .nav .nav-link img {
    height: 40px;
  }
  .landing-page .framework .nav .nav-link h5 {
    font-size: 18px;
  }
  .landing-page .framework .nav .nav-link p {
    font-size: 12px;
  }
  .landing-page .framework ul.framworks-list li {
    height: 175px;
    width: 175px;
  }
  .landing-page .framework ul.framworks-list li img {
    width: auto;
    height: 60px;
  }
  .landing-page .core-feature .feature-box {
    padding: 35px 25px;
  }
  .landing-page .core-feature .feature-box h4 {
    font-size: 22px;
  }
  .landing-page .core-feature .feature-box p {
    font-size: 14px;
  }
  .landing-page .counter-sec .counter-box .count-number {
    margin-bottom: 15px;
    width: 70px;
    height: 70px;
  }
  .landing-page .counter-sec .counter-box .count-number h3 {
    font-size: 30px;
  }
  .landing-page .counter-sec .counter-box .count-detail h4 {
    font-size: 22px;
  }
  .landing-page .counter-sec .counter-box .count-detail p {
    font-size: 14px;
  }
}
@media (max-width: 1365px) {
  .landing-page .landing-home .landing-home-contain h2 {
    font-size: 28px;
  }
  .landing-page .landing-home .landing-home-contain p {
    font-size: 16px;
  }
  .landing-page .landing-home .animat-block li:first-child img {
    height: 155px;
  }
  .landing-page .landing-home .animat-block li:nth-child(2) img {
    height: 145px;
  }
  .landing-page .landing-home .animat-block li:nth-child(3) img {
    height: 100px;
  }
  .landing-page .landing-home .animat-block li:nth-child(5) {
    width: 400px;
  }
  .landing-page .landing-home .animat-block li:nth-child(6) img {
    height: 75px;
  }
  .landing-page .landing-home .animat-block li:nth-child(7) {
    top: 43%;
  }
  .landing-page .landing-home .animat-block li:nth-child(8) {
    top: 55%;
    right: 14%;
  }
  .landing-page .landing-home .animat-block li:nth-child(9) img {
    height: 170px;
  }
  .landing-page .landing-home .animat-block li:nth-child(10) img {
    height: 170px;
  }
}
@media (max-width: 1120px) {
  .landing-page .landing-home .animat-block li:first-child img {
    height: 120px;
  }
  .landing-page .landing-home .animat-block li:nth-child(2) {
    top: 37%;
  }
  .landing-page .landing-home .animat-block li:nth-child(2) img {
    height: 120px;
  }
  .landing-page .landing-home .animat-block li:nth-child(3) {
    bottom: 30%;
    left: 12%;
  }
  .landing-page .landing-home .animat-block li:nth-child(4) {
    left: 3%;
  }
  .landing-page .landing-home .animat-block li:nth-child(7) {
    top: 63%;
    right: 5%;
  }
  .landing-page .landing-home .animat-block li:nth-child(8) {
    top: 42%;
    right: 18%;
  }
  .landing-page .landing-home .animat-block li:nth-child(10) img {
    height: 140px;
  }
}
@media screen and (min-device-width: 1200px) and (max-device-width: 1366px) {
  .landing-page .demo-section .demo-box {
    padding: 15px;
  }
  .landing-page .demo-section .demo-box .demo-title {
    padding-top: 10px;
  }
  .landing-page .demo-section .demo-box .demo-title h3 {
    font-size: 18px;
  }
}
@media (max-width: 1199px) {
  .landing-page .section-py-space {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .landing-page .section-pt-space {
    padding-top: 60px;
  }
  .landing-page .section-pb-space {
    padding-bottom: 60px;
  }
  .landing-page .title .logo-wrraper img {
    /* width: 35px;
    height: 35px; */
    padding-top: 60px;
  }
  .landing-page .title h2 {
    font-size: 26px;
  }
  .landing-page .landing-header ul.landing-menu li.nav-item a.nav-link {
    padding: 10px 10px;
  }
  .landing-page .landing-header .buy-block .btn-landing {
    padding: 10px 20px;
  }
  .landing-page .landing-home .animat-block .animat1 {
    height: 400px;
  }
  .landing-page .landing-home .landing-home-contain h2 {
    font-size: 26px;
  }
  .landing-page .counter-sec .counter-box {
    padding: 20px 20px;
  }
  .landing-page .counter-sec .counter-box .count-number {
    width: 60px;
    height: 60px;
  }
  .landing-page .counter-sec .counter-box .count-number h3 {
    font-size: 22px;
  }
  .landing-page .demo-section .demo-box {
    padding: 20px;
  }
  .landing-page .demo-section .demo-box .img-wrraper ul.demo-link li a {
    display: block;
  }
  .landing-page .demo-section .demo-box .img-wrraper ul.demo-link li a svg {
    display: block;
    margin-right: auto;
    margin-left: auto;
  }
  .landing-page .framework .nav {
    margin-bottom: 30px;
  }
  .landing-page .framework ul.framworks-list li {
    width: 150px;
    height: 150px;
  }
  .landing-page .framework ul.framworks-list li img {
    height: 40px;
  }
}
@media (max-width: 991px) {
  .landing-page .section-py-space {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .landing-page .section-pt-space {
    padding-top: 50px;
  }
  .landing-page .section-pb-space {
    padding-bottom: 50px;
  }
  .landing-page .landing-header {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .landing-page .landing-header ul.landing-menu {
    position: fixed;
    top: 0;
    right: -320px;
    width: 300px;
    height: 100vh;
    background-color: #fff;
    display: block;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
  }
  .landing-page .landing-header ul.landing-menu.open {
    right: 0;
  }
  .landing-page .landing-header ul.landing-menu li.nav-item {
    display: block;
    background-color: #fff;
    text-align: left;
  }
  .landing-page .landing-header ul.landing-menu li.nav-item.menu-back {
    display: block;
  }
  .landing-page .landing-header ul.landing-menu li.nav-item a.nav-link {
    color: #2b2b2b;
    padding: 10px 20px;
  }
  .landing-page .landing-header ul.landing-menu li.nav-item:hover a.nav-link {
    color: #3e5fce;
  }
  .landing-page .landing-header .buy-block .toggle-menu {
    display: block;
  }
  .landing-page .btn-landing {
    padding: 10px 25px;
  }
  .landing-page .landing-home {
    position: relative;
    z-index: 1;
  }
  .landing-page .landing-home .landing-home-contain {
    text-align: center;
    height: 680px;
    width: 80%;
    margin: auto;
    padding-bottom: 45px;
    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;
  }
  .landing-page .landing-home .landing-home-contain p {
    width: 90%;
  }
  .landing-page .landing-home .landing-home-contain .btn-landing {
    margin-right: auto;
    margin-left: auto;
  }
  .landing-page .landing-home .animat-block li:first-child {
    left: 30%;
  }
  .landing-page .landing-home .animat-block li:first-child img {
    height: 90px;
  }
  .landing-page .landing-home .animat-block li:nth-child(2) {
    top: 25%;
    left: 2%;
  }
  .landing-page .landing-home .animat-block li:nth-child(3) {
    bottom: 28%;
    left: 3%;
  }
  .landing-page .landing-home .animat-block li:nth-child(5) {
    display: none;
  }
  .landing-page .landing-home .animat-block li:nth-child(4) {
    left: 10%;
  }
  .landing-page .landing-home .animat-block li:nth-child(4) img {
    height: 130px;
  }
  .landing-page .landing-home .animat-block li:nth-child(7) {
    top: unset;
    bottom: 5%;
  }
  .landing-page .landing-home .animat-block li:nth-child(8) {
    top: 30%;
    right: 2%;
  }
  .landing-page .landing-home .animat-block li:nth-child(9) {
    top: 57%;
  }
  .landing-page .landing-home .animat-block li:nth-child(10) {
    right: 40%;
  }
  .landing-page .landing-home .animat-block li:nth-child(10) img {
    height: 120px;
  }
  .landing-page .framework .nav .nav-link img {
    height: 35px;
    width: auto;
  }
  .landing-page .framework .nav .nav-item:nth-child(n + 2) {
    margin-left: 10px;
  }
  .landing-page .counter-sec .counter-block {
    margin-bottom: -30px;
  }
  .landing-page .counter-sec .counter-block > div {
    margin-bottom: 30px;
  }
  .landing-page .counter-sec .counter-box {
    padding: 35px 25px;
  }
  .landing-page .landing-footer .footer-contain img {
    height: 100px;
  }
  .landing-page .landing-footer .footer-contain .star-rate {
    margin-bottom: 40px;
  }
}
@media (max-width: 767px) {
  .landing-page .title h2 {
    font-size: 24px;
  }
  .landing-page .section-py-space {
    padding-top: 40px;
    padding-bottom: 40px;
  }
  .landing-page .section-pt-space {
    padding-top: 40px;
  }
  .landing-page .section-pb-space {
    padding-bottom: 40px;
  }
  .landing-page .landing-home .landing-home-contain {
    height: 520px;
    padding-top: 85px;
    padding-bottom: 0;
  }
  .landing-page .landing-home .landing-home-contain h6 {
    margin-bottom: 10px;
  }
  .landing-page .landing-home .landing-home-contain p {
    width: auto;
    margin-bottom: 25px;
  }
  .landing-page .landing-home .animat-block li {
    z-index: -1;
  }
  .landing-page .landing-home .animat-block li:first-child,
  .landing-page .landing-home .animat-block li:nth-child(2),
  .landing-page .landing-home .animat-block li:nth-child(3),
  .landing-page .landing-home .animat-block li:nth-child(4),
  .landing-page .landing-home .animat-block li:nth-child(5),
  .landing-page .landing-home .animat-block li:nth-child(6),
  .landing-page .landing-home .animat-block li:nth-child(7),
  .landing-page .landing-home .animat-block li:nth-child(8),
  .landing-page .landing-home .animat-block li:nth-child(9),
  .landing-page .landing-home .animat-block li:nth-child(10) {
    display: none;
  }
  .landing-page .landing-home .animat-block li:nth-child(n + 11) img {
    width: auto;
    height: 30px;
  }
  .landing-page .demo-section .demo-block {
    margin-bottom: -20px;
  }
  .landing-page .demo-section .demo-block > div {
    margin-bottom: 20px;
  }
  .landing-page .demo-section .demo-box {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: auto;
  }
  .landing-page
    .demo-section
    .demo-box
    .img-wrraper
    ul.demo-link
    li:nth-child(n + 2) {
    margin-left: 5px;
  }
  .landing-page .demo-section .demo-box .img-wrraper ul.demo-link li a {
    font-size: 10px;
  }
  .landing-page .demo-section .demo-box .demo-title h3 {
    font-size: 18px;
  }
  .landing-page .counter-sec .counter-box .count-number {
    width: 50px;
    height: 50px;
  }
  .landing-page .counter-sec .counter-box .count-detail h4 {
    font-size: 20px;
  }
  .landing-page .core-feature .feature-box .icon-wrraper {
    width: 50px;
    height: 50px;
    margin-bottom: 10px;
  }
  .landing-page .core-feature .feature-box h4 {
    font-size: 20px;
  }
  .landing-page .framework .nav .nav-link img {
    height: 35px;
  }
  .landing-page .framework .nav .nav-link h5 {
    font-size: 16px;
  }
  .landing-page .framework .nav .nav-link.active:before {
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    border-top: 15px solid rgba(62, 95, 206, 0.8);
  }
  .landing-page .framework ul.framworks-list li {
    width: 145px;
    height: 145px;
  }
  .landing-page .framework ul.framworks-list li img {
    height: 40px;
  }
  .landing-page .landing-footer .footer-contain img {
    height: 80px;
    margin-bottom: 10px;
  }
  .landing-page .landing-footer .footer-contain h2 {
    margin-bottom: 5px;
  }
  .landing-page .landing-footer .footer-contain p {
    margin-bottom: 10px;
  }
  .landing-page .landing-footer .footer-contain .star-rate {
    margin-bottom: 25px;
  }
  .landing-page .landing-footer .footer-contain .btn-footer .btn {
    padding: 10px 25px;
    font-size: 14px;
    line-height: 1;
  }
}
@media (max-width: 575px) {
  .landing-page .section-py-space .demo-block .demo-box {
    margin: 0 15px;
  }
  .landing-page .custom-container {
    padding-left: 15px;
    padding-right: 15px;
  }
  .landing-page .landing-home .landing-home-contain {
    width: auto;
  }
  .landing-page .demo-section .demo-box {
    padding: 15px;
  }
  .landing-page .demo-section .demo-box .demo-title h3 {
    font-size: 16px;
  }
  .landing-page .framework .nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .landing-page .core-feature .feature-box {
    padding: 30px 20px;
  }
  .landing-page .counter-sec .counter-box {
    height: auto;
    padding: 30px 20px;
  }
  .landing-page .counter-sec .counter-box .count-number {
    width: 45px;
    height: 45px;
    margin-bottom: 10px;
  }
  .landing-page .counter-sec .counter-box .count-number h3 {
    font-size: 18px;
  }
}
@media (max-width: 480px) {
  .landing-page .section-py-space .demo-block .demo-box {
    margin: 0 12px;
  }
  .landing-page .title {
    display: block;
    margin-bottom: 25px;
  }
  .landing-page .title h2 {
    font-size: 20px;
  }
  .landing-page .landing-home .landing-home-contain h2 {
    font-size: 22px;
  }
  .landing-page .landing-header .buy-block .toggle-menu {
    margin-left: 10px;
  }
  .landing-page .framework .nav .nav-item {
    width: auto;
  }
  .landing-page .framework .nav .nav-link {
    display: block !important;
    padding: 10px 15px;
  }
  .landing-page .framework .nav .nav-link.active:before {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 5px solid rgba(62, 95, 206, 0.8);
  }
  .landing-page .framework .nav .nav-link img {
    height: 20px;
    margin-right: unset;
  }
  .landing-page .framework .nav .nav-link .text-start {
    display: none;
  }
  .landing-page .framework ul.framworks-list li {
    width: 110px;
    height: 110px;
    padding: 25px 0;
  }
  .landing-page .framework ul.framworks-list li img {
    height: 30px;
  }
  .landing-page .landing-footer .footer-contain .btn-footer a:nth-child(n + 2) {
    margin-left: 5px;
  }
  .landing-page .landing-footer .footer-contain .btn-footer .btn {
    padding: 10px 15px;
  }
}
@media (max-width: 360px) {
  .landing-page .landing-footer .footer-contain .btn-footer .btn:last-child {
    margin-top: 10px;
  }
}
/**=====================
     65. Landing CSS Ends
==========================**/