/*	Author: ThemeTrades
	======================
    Name: MediTro
    Version:    1.1
    Portfolio : https://themeforest.net/user/themetrades/portfolio  
	
	======================
	[Table of contents]
	======================
	
	==========
	* Start *
	==========
	1. Basic
	2. Typography
		2.1 Font Size  
		2.2 Font Weight 
		2.3 Positions Z-index
	3. Spacing	
		3.1 Row Spacing
		2.2 Padding
			3.2.1 Padding Around
			3.2.2 Padding Top
			3.2.3 Padding Bottom
			3.2.4 Padding Left
			3.2.5 Padding Right
			3.2.6 Padding Left Right
			3.2.7 Padding Top Bottom
		3.3 Margin	
			3.3.1 margin Around
			3.3.2 margin Top
			3.3.3 margin Bottom
			3.3.4 margin Left
			3.3.5 margin Right
			3.3.6 margin Left Right
			3.3.7 margin Top Bottom
		3.4 Section Spacing	
	4. Heading	
	5. Page Banner
	6. Breadcrumb	
	7. Fonts
	8. Components
		8.1 About Us
		8.2 Accordion
		8.3 Action Box
		8.4 Appointment
		8.5 Blog & News
		8.6 Buttons
		8.7 Card
		8.8 Category
		8.9 Icon Box
		8.10 Filter
		8.11 Form
		8.12 Home Banner
		8.13 Overlay
		8.14 Pagination
		8.15 Pattern
		8.16 Pricing Table
		8.17 Back To Top
		8.18 Separator
		8.19 Service Menu
		8.20 Table
		8.21 Team
		8.22 Testimonial
		8.23 Work Box
	9. Layout
		9.1 Header
		9.2 Footer
		9.3 Widget
	10. Pages
		10.1 Index
		10.2 Blog Details
		10.3 Service
		10.4 Error 404
	
	==========
	* End *
	==========	
*/
/*!
 * Bootstrap v5.1.3 (https://getbootstrap.com/)
 * Copyright 2011-2021 The Bootstrap Authors
 * Copyright 2011-2021 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
 @import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
 @import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700;800&display=swap');
 @import url("../vendor/line-awesome/css/line-awesome.min.css");
 @import url("../vendor/font-awesome/css/all.min.css");
 @import url("../vendor/flaticon/flaticon.css");
 @import url("../vendor/themify/themify-icons.css");
 
 :root {
   --bs-gray-100: #f8f9fa;
   --bs-gray-200: #e9ecef;
   --bs-gray-300: #dee2e6;
   --bs-gray-400: #ced4da;
   --bs-gray-500: #adb5bd;
   --bs-gray-600: #6c757d;
   --bs-gray-700: #495057;
   --bs-gray-800: #343a40;
   --bs-gray-900: #212529;
   --bs-primary: #565acf;
   --bs-secondary: #f17732;
   --bs-success: #209f84;
   --bs-info: #2754e6;
   --bs-warning: #fe970e;
   --bs-danger: #f72b50;
   --bs-light: #fff;
   --bs-dark: #1f2278;
   --bs-primary-rgb: 86, 90, 207;
   --bs-secondary-rgb: 241, 119, 50;
   --bs-success-rgb: 32, 159, 132;
   --bs-info-rgb: 39, 84, 230;
   --bs-warning-rgb: 254, 151, 14;
   --bs-danger-rgb: 247, 43, 80;
   --bs-light-rgb: 255, 255, 255;
   --bs-dark-rgb: 31, 34, 120;
   --bs-white-rgb: 255, 255, 255;
   --bs-black-rgb: 0, 0, 0;
   --bs-body-color-rgb: 68, 68, 68;
   --bs-body-bg-rgb: 255, 255, 255;
   --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
   --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
   --bs-body-font-family: "Tajawal", sans-serif;
   --bs-rtl-font-family: "Tajawal", sans-serif;
   --bs-body-font-size: 1rem;
   --bs-body-font-weight: 500;
   --bs-body-line-height: 1.5;
   --bs-body-color: #444;
   --bs-body-bg: #ffffff;
 }
 
 *,
 *::before,
 *::after {
   box-sizing: border-box;
 }
 
 @media (prefers-reduced-motion: no-preference) {
   :root {
     scroll-behavior: smooth;
   }
 }
 
 body {
   margin: 0;
   font-family: var(--bs-body-font-family);
   font-size: var(--bs-body-font-size);
   font-weight: var(--bs-body-font-weight);
   line-height: var(--bs-body-line-height);
   color: var(--bs-body-color);
   text-align: var(--bs-body-text-align);
   background-color: var(--bs-body-bg);
   -webkit-text-size-adjust: 100%;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
 .rtl-font {
   font-family: var(--bs-rtl-font-family);
 }
 
 hr {
   margin: 1rem 0;
   color: inherit;
   background-color: currentColor;
   border: 0;
   opacity: 0.25;
 }
 
 hr:not([size]) {
   height: 1px;
 }
 
 h1,
 .h1,
 h2,
 .h2,
 h3,
 .h3,
 h4,
 .h4,
 h5,
 .h5,
 h6,
 .h6 {
   margin-top: 0;
   margin-bottom: 0.5rem;
   font-weight: 500;
   line-height: 1.2;
   color: #14181d;
 }
 
 h1,
 .h1 {
   font-size: calc(1.4375rem + 2.25vw);
 }
 
 @media (min-width: 1200px) {
 
   h1,
   .h1 {
     font-size: 3.125rem;
   }
 }
 
 h2,
 .h2 {
   font-size: calc(1.34375rem + 1.125vw);
 }
 
 @media (min-width: 1200px) {
 
   h2,
   .h2 {
     font-size: 2.1875rem;
   }
 }
 
 h3,
 .h3 {
   font-size: calc(1.3rem + 0.6vw);
 }
 
 @media (min-width: 1200px) {
 
   h3,
   .h3 {
     font-size: 1.75rem;
   }
 }
 
 h4,
 .h4 {
   font-size: calc(1.275rem + 0.3vw);
 }
 
 @media (min-width: 1200px) {
 
   h4,
   .h4 {
     font-size: 1.5rem;
   }
 }
 
 h5,
 .h5 {
   font-size: 1.25rem;
 }
 
 h6,
 .h6 {
   font-size: 1.125rem;
 }
 
 p {
   margin-top: 0;
   margin-bottom: 1rem;
 }
 
 abbr[title],
 abbr[data-bs-original-title] {
   text-decoration: underline dotted;
   cursor: help;
   text-decoration-skip-ink: none;
 }
 
 address {
   margin-bottom: 1rem;
   font-style: normal;
   line-height: inherit;
 }
 
 ol,
 ul {
   padding-right: 2rem;
 }
 
 ol,
 ul,
 dl {
   margin-top: 0;
   margin-bottom: 1rem;
 }
 
 ol ol,
 ul ul,
 ol ul,
 ul ol {
   margin-bottom: 0;
 }
 
 dt {
   font-weight: 700;
 }
 
 dd {
   margin-bottom: .5rem;
   margin-right: 0;
 }
 
 blockquote {
   margin: 0 0 1rem;
 }
 
 b,
 strong {
   font-weight: bolder;
 }
 
 small,
 .small {
   font-size: 0.875em;
 }
 
 mark,
 .mark {
   padding: 0.2em;
   background-color: #fcf8e3;
 }
 
 sub,
 sup {
   position: relative;
   font-size: 0.75em;
   line-height: 0;
   vertical-align: baseline;
 }
 
 sub {
   bottom: -.25em;
 }
 
 sup {
   top: -.5em;
 }
 
 a {
   color: #565acf;
   text-decoration: underline;
 }
 
 a:hover {
   color: #4548a6;
 }
 
 a:not([href]):not([class]),
 a:not([href]):not([class]):hover {
   color: inherit;
   text-decoration: none;
 }
 
 pre,
 code,
 kbd,
 samp {
   font-family: var(--bs-font-monospace);
   font-size: 1em;
   direction: ltr
     
   ;
   unicode-bidi: bidi-override;
 }
 
 pre {
   display: block;
   margin-top: 0;
   margin-bottom: 1rem;
   overflow: auto;
   font-size: 0.875em;
 }
 
 pre code {
   font-size: inherit;
   color: inherit;
   word-break: normal;
 }
 
 code {
   font-size: 0.875em;
   color: #d63384;
   word-wrap: break-word;
 }
 
 a>code {
   color: inherit;
 }
 
 kbd {
   padding: 0.2rem 0.4rem;
   font-size: 0.875em;
   color: #fff;
   background-color: #212529;
   border-radius: 0.2rem;
 }
 
 kbd kbd {
   padding: 0;
   font-size: 1em;
   font-weight: 700;
 }
 
 figure {
   margin: 0 0 1rem;
 }
 
 img,
 svg {
   vertical-align: middle;
 }
 
 table {
   caption-side: bottom;
   border-collapse: collapse;
 }
 
 caption {
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
   color: #AEAED5;
   text-align: right;
 }
 
 th {
   text-align: inherit;
   text-align: -webkit-match-parent;
 }
 
 thead,
 tbody,
 tfoot,
 tr,
 td,
 th {
   border-color: inherit;
   border-style: solid;
   border-width: 0;
 }
 
 label {
   display: inline-block;
 }
 
 button {
   border-radius: 0;
 }
 
 button:focus:not(:focus-visible) {
   outline: 0;
 }
 
 input,
 button,
 select,
 optgroup,
 textarea {
   margin: 0;
   font-family: inherit;
   font-size: inherit;
   line-height: inherit;
 }
 
 button,
 select {
   text-transform: none;
 }
 
 [role="button"] {
   cursor: pointer;
 }
 
 select {
   word-wrap: normal;
 }
 
 select:disabled {
   opacity: 1;
 }
 
 [list]::-webkit-calendar-picker-indicator {
   display: none;
 }
 
 button,
 [type="button"],
 [type="reset"],
 [type="submit"] {
   -webkit-appearance: button;
 }
 
 button:not(:disabled),
 [type="button"]:not(:disabled),
 [type="reset"]:not(:disabled),
 [type="submit"]:not(:disabled) {
   cursor: pointer;
 }
 
 ::-moz-focus-inner {
   padding: 0;
   border-style: none;
 }
 
 textarea {
   resize: vertical;
 }
 
 fieldset {
   min-width: 0;
   padding: 0;
   margin: 0;
   border: 0;
 }
 
 legend {
   float: right;
   width: 100%;
   padding: 0;
   margin-bottom: 0.5rem;
   font-size: calc(1.275rem + 0.3vw);
   line-height: inherit;
 }
 
 @media (min-width: 1200px) {
   legend {
     font-size: 1.5rem;
   }
 }
 
 legend+* {
   clear: right;
 }
 
 ::-webkit-datetime-edit-fields-wrapper,
 ::-webkit-datetime-edit-text,
 ::-webkit-datetime-edit-minute,
 ::-webkit-datetime-edit-hour-field,
 ::-webkit-datetime-edit-day-field,
 ::-webkit-datetime-edit-month-field,
 ::-webkit-datetime-edit-year-field {
   padding: 0;
 }
 
 ::-webkit-inner-spin-button {
   height: auto;
 }
 
 [type="search"] {
   outline-offset: -2px;
   -webkit-appearance: textfield;
 }
 
 [type="tel"],
 [type="url"],
 [type="email"],
 [type="number"] {
   direction: ltr;
 }
 ::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
 ::-webkit-color-swatch-wrapper {
   padding: 0;
 }
 
 ::file-selector-button {
   font: inherit;
 }
 
 ::-webkit-file-upload-button {
   font: inherit;
   -webkit-appearance: button;
 }
 
 output {
   display: inline-block;
 }
 
 iframe {
   border: 0;
 }
 
 summary {
   display: list-item;
   cursor: pointer;
 }
 
 progress {
   vertical-align: baseline;
 }
 
 [hidden] {
   display: none !important;
 }
 
 .lead {
   font-size: 1.25rem;
   font-weight: 300;
 }
 
 .display-1 {
   font-size: calc(1.625rem + 4.5vw);
   font-weight: 300;
   line-height: 1.2;
 }
 
 @media (min-width: 1200px) {
   .display-1 {
     font-size: 5rem;
   }
 }
 
 .display-2 {
   font-size: calc(1.575rem + 3.9vw);
   font-weight: 300;
   line-height: 1.2;
 }
 
 @media (min-width: 1200px) {
   .display-2 {
     font-size: 4.5rem;
   }
 }
 
 .display-3 {
   font-size: calc(1.525rem + 3.3vw);
   font-weight: 300;
   line-height: 1.2;
 }
 
 @media (min-width: 1200px) {
   .display-3 {
     font-size: 4rem;
   }
 }
 
 .display-4 {
   font-size: calc(1.475rem + 2.7vw);
   font-weight: 300;
   line-height: 1.2;
 }
 
 @media (min-width: 1200px) {
   .display-4 {
     font-size: 3.5rem;
   }
 }
 
 .display-5 {
   font-size: calc(1.425rem + 2.1vw);
   font-weight: 300;
   line-height: 1.2;
 }
 
 @media (min-width: 1200px) {
   .display-5 {
     font-size: 3rem;
   }
 }
 
 .display-6 {
   font-size: calc(1.375rem + 1.5vw);
   font-weight: 300;
   line-height: 1.2;
 }
 
 @media (min-width: 1200px) {
   .display-6 {
     font-size: 2.5rem;
   }
 }
 
 .list-unstyled {
   padding-right: 0;
   list-style: none;
 }
 
 .list-inline {
   padding-right: 0;
   list-style: none;
 }
 
 .list-inline-item {
   display: inline-block;
 }
 
 .list-inline-item:not(:last-child) {
   margin-left: 0.5rem;
 }
 
 .initialism {
   font-size: 0.875em;
   text-transform: uppercase;
 }
 
 .blockquote {
   margin-bottom: 1rem;
   font-size: 1.25rem;
 }
 
 .blockquote> :last-child {
   margin-bottom: 0;
 }
 
 .blockquote-footer {
   margin-top: -1rem;
   margin-bottom: 1rem;
   font-size: 0.875em;
   color: #6c757d;
 }
 
 .blockquote-footer::before {
   content: "\2014\00A0";
 }
 
 .img-fluid {
   max-width: 100%;
   height: auto;
 }
 
 .img-thumbnail {
   padding: 0.25rem;
   background-color: #ffffff;
   border: 1px solid #dee2e6;
   border-radius: 0.25rem;
   max-width: 100%;
   height: auto;
 }
 
 .figure {
   display: inline-block;
 }
 
 .figure-img {
   margin-bottom: 0.5rem;
   line-height: 1;
 }
 
 .figure-caption {
   font-size: 0.875em;
   color: #6c757d;
 }
 
 .container,
 .container-fluid,
 .container-sm,
 .container-md,
 .container-lg,
 .container-xl {
   width: 100%;
   padding-left: var(--bs-gutter-x, 15px);
   padding-right: var(--bs-gutter-x, 15px);
   margin-left: auto;
   margin-right: auto;
 }
 
 @media (min-width: 576px) {
 
   .container,
   .container-sm {
     max-width: 540px;
   }
 }
 
 @media (min-width: 768px) {
 
   .container,
   .container-sm,
   .container-md {
     max-width: 720px;
   }
 }
 
 @media (min-width: 992px) {
 
   .container,
   .container-sm,
   .container-md,
   .container-lg {
     max-width: 960px;
   }
 }
 
 @media (min-width: 1200px) {
 
   .container,
   .container-sm,
   .container-md,
   .container-lg,
   .container-xl {
     max-width: 1199px;
   }
 }
 
 .row {
   --bs-gutter-x: 30px;
   --bs-gutter-y: 0;
   display: flex;
   flex-wrap: wrap;
   margin-top: calc(-1 * var(--bs-gutter-y));
   margin-left: calc(-.5 * var(--bs-gutter-x));
   margin-right: calc(-.5 * var(--bs-gutter-x));
 }
 
 .row>* {
   flex-shrink: 0;
   width: 100%;
   max-width: 100%;
   padding-left: calc(var(--bs-gutter-x) * .5);
   padding-right: calc(var(--bs-gutter-x) * .5);
   margin-top: var(--bs-gutter-y);
 }
 
 .col {
   flex: 1 0 0%;
 }
 
 .row-cols-auto>* {
   flex: 0 0 auto;
   width: auto;
 }
 
 .row-cols-1>* {
   flex: 0 0 auto;
   width: 100%;
 }
 
 .row-cols-2>* {
   flex: 0 0 auto;
   width: 50%;
 }
 
 .row-cols-3>* {
   flex: 0 0 auto;
   width: 33.33333%;
 }
 
 .row-cols-4>* {
   flex: 0 0 auto;
   width: 25%;
 }
 
 .row-cols-5>* {
   flex: 0 0 auto;
   width: 20%;
 }
 
 .row-cols-6>* {
   flex: 0 0 auto;
   width: 16.66667%;
 }
 
 .col-auto {
   flex: 0 0 auto;
   width: auto;
 }
 
 .col-1 {
   flex: 0 0 auto;
   width: 8.33333%;
 }
 
 .col-2 {
   flex: 0 0 auto;
   width: 16.66667%;
 }
 
 .col-3 {
   flex: 0 0 auto;
   width: 25%;
 }
 
 .col-4 {
   flex: 0 0 auto;
   width: 33.33333%;
 }
 
 .col-5 {
   flex: 0 0 auto;
   width: 41.66667%;
 }
 
 .col-6 {
   flex: 0 0 auto;
   width: 50%;
 }
 
 .col-7 {
   flex: 0 0 auto;
   width: 58.33333%;
 }
 
 .col-8 {
   flex: 0 0 auto;
   width: 66.66667%;
 }
 
 .col-9 {
   flex: 0 0 auto;
   width: 75%;
 }
 
 .col-10 {
   flex: 0 0 auto;
   width: 83.33333%;
 }
 
 .col-11 {
   flex: 0 0 auto;
   width: 91.66667%;
 }
 
 .col-12 {
   flex: 0 0 auto;
   width: 100%;
 }
 
 .offset-1 {
   margin-right: 8.33333%;
 }
 
 .offset-2 {
   margin-right: 16.66667%;
 }
 
 .offset-3 {
   margin-right: 25%;
 }
 
 .offset-4 {
   margin-right: 33.33333%;
 }
 
 .offset-5 {
   margin-right: 41.66667%;
 }
 
 .offset-6 {
   margin-right: 50%;
 }
 
 .offset-7 {
   margin-right: 58.33333%;
 }
 
 .offset-8 {
   margin-right: 66.66667%;
 }
 
 .offset-9 {
   margin-right: 75%;
 }
 
 .offset-10 {
   margin-right: 83.33333%;
 }
 
 .offset-11 {
   margin-right: 91.66667%;
 }
 
 .g-0,
 .gx-0 {
   --bs-gutter-x: 0;
 }
 
 .g-0,
 .gy-0 {
   --bs-gutter-y: 0;
 }
 
 .g-1,
 .gx-1 {
   --bs-gutter-x: 0.25rem;
 }
 
 .g-1,
 .gy-1 {
   --bs-gutter-y: 0.25rem;
 }
 
 .g-2,
 .gx-2 {
   --bs-gutter-x: 0.5rem;
 }
 
 .g-2,
 .gy-2 {
   --bs-gutter-y: 0.5rem;
 }
 
 .g-3,
 .gx-3 {
   --bs-gutter-x: 1rem;
 }
 
 .g-3,
 .gy-3 {
   --bs-gutter-y: 1rem;
 }
 
 .g-4,
 .gx-4 {
   --bs-gutter-x: 1.5rem;
 }
 
 .g-4,
 .gy-4 {
   --bs-gutter-y: 1.5rem;
 }
 
 .g-5,
 .gx-5 {
   --bs-gutter-x: 3rem;
 }
 
 .g-5,
 .gy-5 {
   --bs-gutter-y: 3rem;
 }
 
 @media (min-width: 576px) {
   .col-sm {
     flex: 1 0 0%;
   }
 
   .row-cols-sm-auto>* {
     flex: 0 0 auto;
     width: auto;
   }
 
   .row-cols-sm-1>* {
     flex: 0 0 auto;
     width: 100%;
   }
 
   .row-cols-sm-2>* {
     flex: 0 0 auto;
     width: 50%;
   }
 
   .row-cols-sm-3>* {
     flex: 0 0 auto;
     width: 33.33333%;
   }
 
   .row-cols-sm-4>* {
     flex: 0 0 auto;
     width: 25%;
   }
 
   .row-cols-sm-5>* {
     flex: 0 0 auto;
     width: 20%;
   }
 
   .row-cols-sm-6>* {
     flex: 0 0 auto;
     width: 16.66667%;
   }
 
   .col-sm-auto {
     flex: 0 0 auto;
     width: auto;
   }
 
   .col-sm-1 {
     flex: 0 0 auto;
     width: 8.33333%;
   }
 
   .col-sm-2 {
     flex: 0 0 auto;
     width: 16.66667%;
   }
 
   .col-sm-3 {
     flex: 0 0 auto;
     width: 25%;
   }
 
   .col-sm-4 {
     flex: 0 0 auto;
     width: 33.33333%;
   }
 
   .col-sm-5 {
     flex: 0 0 auto;
     width: 41.66667%;
   }
 
   .col-sm-6 {
     flex: 0 0 auto;
     width: 50%;
   }
 
   .col-sm-7 {
     flex: 0 0 auto;
     width: 58.33333%;
   }
 
   .col-sm-8 {
     flex: 0 0 auto;
     width: 66.66667%;
   }
 
   .col-sm-9 {
     flex: 0 0 auto;
     width: 75%;
   }
 
   .col-sm-10 {
     flex: 0 0 auto;
     width: 83.33333%;
   }
 
   .col-sm-11 {
     flex: 0 0 auto;
     width: 91.66667%;
   }
 
   .col-sm-12 {
     flex: 0 0 auto;
     width: 100%;
   }
 
   .offset-sm-0 {
     margin-right: 0;
   }
 
   .offset-sm-1 {
     margin-right: 8.33333%;
   }
 
   .offset-sm-2 {
     margin-right: 16.66667%;
   }
 
   .offset-sm-3 {
     margin-right: 25%;
   }
 
   .offset-sm-4 {
     margin-right: 33.33333%;
   }
 
   .offset-sm-5 {
     margin-right: 41.66667%;
   }
 
   .offset-sm-6 {
     margin-right: 50%;
   }
 
   .offset-sm-7 {
     margin-right: 58.33333%;
   }
 
   .offset-sm-8 {
     margin-right: 66.66667%;
   }
 
   .offset-sm-9 {
     margin-right: 75%;
   }
 
   .offset-sm-10 {
     margin-right: 83.33333%;
   }
 
   .offset-sm-11 {
     margin-right: 91.66667%;
   }
 
   .g-sm-0,
   .gx-sm-0 {
     --bs-gutter-x: 0;
   }
 
   .g-sm-0,
   .gy-sm-0 {
     --bs-gutter-y: 0;
   }
 
   .g-sm-1,
   .gx-sm-1 {
     --bs-gutter-x: 0.25rem;
   }
 
   .g-sm-1,
   .gy-sm-1 {
     --bs-gutter-y: 0.25rem;
   }
 
   .g-sm-2,
   .gx-sm-2 {
     --bs-gutter-x: 0.5rem;
   }
 
   .g-sm-2,
   .gy-sm-2 {
     --bs-gutter-y: 0.5rem;
   }
 
   .g-sm-3,
   .gx-sm-3 {
     --bs-gutter-x: 1rem;
   }
 
   .g-sm-3,
   .gy-sm-3 {
     --bs-gutter-y: 1rem;
   }
 
   .g-sm-4,
   .gx-sm-4 {
     --bs-gutter-x: 1.5rem;
   }
 
   .g-sm-4,
   .gy-sm-4 {
     --bs-gutter-y: 1.5rem;
   }
 
   .g-sm-5,
   .gx-sm-5 {
     --bs-gutter-x: 3rem;
   }
 
   .g-sm-5,
   .gy-sm-5 {
     --bs-gutter-y: 3rem;
   }
 }
 
 @media (min-width: 768px) {
   .col-md {
     flex: 1 0 0%;
   }
 
   .row-cols-md-auto>* {
     flex: 0 0 auto;
     width: auto;
   }
 
   .row-cols-md-1>* {
     flex: 0 0 auto;
     width: 100%;
   }
 
   .row-cols-md-2>* {
     flex: 0 0 auto;
     width: 50%;
   }
 
   .row-cols-md-3>* {
     flex: 0 0 auto;
     width: 33.33333%;
   }
 
   .row-cols-md-4>* {
     flex: 0 0 auto;
     width: 25%;
   }
 
   .row-cols-md-5>* {
     flex: 0 0 auto;
     width: 20%;
   }
 
   .row-cols-md-6>* {
     flex: 0 0 auto;
     width: 16.66667%;
   }
 
   .col-md-auto {
     flex: 0 0 auto;
     width: auto;
   }
 
   .col-md-1 {
     flex: 0 0 auto;
     width: 8.33333%;
   }
 
   .col-md-2 {
     flex: 0 0 auto;
     width: 16.66667%;
   }
 
   .col-md-3 {
     flex: 0 0 auto;
     width: 25%;
   }
 
   .col-md-4 {
     flex: 0 0 auto;
     width: 33.33333%;
   }
 
   .col-md-5 {
     flex: 0 0 auto;
     width: 41.66667%;
   }
 
   .col-md-6 {
     flex: 0 0 auto;
     width: 50%;
   }
 
   .col-md-7 {
     flex: 0 0 auto;
     width: 58.33333%;
   }
 
   .col-md-8 {
     flex: 0 0 auto;
     width: 66.66667%;
   }
 
   .col-md-9 {
     flex: 0 0 auto;
     width: 75%;
   }
 
   .col-md-10 {
     flex: 0 0 auto;
     width: 83.33333%;
   }
 
   .col-md-11 {
     flex: 0 0 auto;
     width: 91.66667%;
   }
 
   .col-md-12 {
     flex: 0 0 auto;
     width: 100%;
   }
 
   .offset-md-0 {
     margin-right: 0;
   }
 
   .offset-md-1 {
     margin-right: 8.33333%;
   }
 
   .offset-md-2 {
     margin-right: 16.66667%;
   }
 
   .offset-md-3 {
     margin-right: 25%;
   }
 
   .offset-md-4 {
     margin-right: 33.33333%;
   }
 
   .offset-md-5 {
     margin-right: 41.66667%;
   }
 
   .offset-md-6 {
     margin-right: 50%;
   }
 
   .offset-md-7 {
     margin-right: 58.33333%;
   }
 
   .offset-md-8 {
     margin-right: 66.66667%;
   }
 
   .offset-md-9 {
     margin-right: 75%;
   }
 
   .offset-md-10 {
     margin-right: 83.33333%;
   }
 
   .offset-md-11 {
     margin-right: 91.66667%;
   }
 
   .g-md-0,
   .gx-md-0 {
     --bs-gutter-x: 0;
   }
 
   .g-md-0,
   .gy-md-0 {
     --bs-gutter-y: 0;
   }
 
   .g-md-1,
   .gx-md-1 {
     --bs-gutter-x: 0.25rem;
   }
 
   .g-md-1,
   .gy-md-1 {
     --bs-gutter-y: 0.25rem;
   }
 
   .g-md-2,
   .gx-md-2 {
     --bs-gutter-x: 0.5rem;
   }
 
   .g-md-2,
   .gy-md-2 {
     --bs-gutter-y: 0.5rem;
   }
 
   .g-md-3,
   .gx-md-3 {
     --bs-gutter-x: 1rem;
   }
 
   .g-md-3,
   .gy-md-3 {
     --bs-gutter-y: 1rem;
   }
 
   .g-md-4,
   .gx-md-4 {
     --bs-gutter-x: 1.5rem;
   }
 
   .g-md-4,
   .gy-md-4 {
     --bs-gutter-y: 1.5rem;
   }
 
   .g-md-5,
   .gx-md-5 {
     --bs-gutter-x: 3rem;
   }
 
   .g-md-5,
   .gy-md-5 {
     --bs-gutter-y: 3rem;
   }
 }
 
 @media (min-width: 992px) {
   .col-lg {
     flex: 1 0 0%;
   }
 
   .row-cols-lg-auto>* {
     flex: 0 0 auto;
     width: auto;
   }
 
   .row-cols-lg-1>* {
     flex: 0 0 auto;
     width: 100%;
   }
 
   .row-cols-lg-2>* {
     flex: 0 0 auto;
     width: 50%;
   }
 
   .row-cols-lg-3>* {
     flex: 0 0 auto;
     width: 33.33333%;
   }
 
   .row-cols-lg-4>* {
     flex: 0 0 auto;
     width: 25%;
   }
 
   .row-cols-lg-5>* {
     flex: 0 0 auto;
     width: 20%;
   }
 
   .row-cols-lg-6>* {
     flex: 0 0 auto;
     width: 16.66667%;
   }
 
   .col-lg-auto {
     flex: 0 0 auto;
     width: auto;
   }
 
   .col-lg-1 {
     flex: 0 0 auto;
     width: 8.33333%;
   }
 
   .col-lg-2 {
     flex: 0 0 auto;
     width: 16.66667%;
   }
 
   .col-lg-3 {
     flex: 0 0 auto;
     width: 25%;
   }
 
   .col-lg-4 {
     flex: 0 0 auto;
     width: 33.33333%;
   }
 
   .col-lg-5 {
     flex: 0 0 auto;
     width: 41.66667%;
   }
 
   .col-lg-6 {
     flex: 0 0 auto;
     width: 50%;
   }
 
   .col-lg-7 {
     flex: 0 0 auto;
     width: 58.33333%;
   }
 
   .col-lg-8 {
     flex: 0 0 auto;
     width: 66.66667%;
   }
 
   .col-lg-9 {
     flex: 0 0 auto;
     width: 75%;
   }
 
   .col-lg-10 {
     flex: 0 0 auto;
     width: 83.33333%;
   }
 
   .col-lg-11 {
     flex: 0 0 auto;
     width: 91.66667%;
   }
 
   .col-lg-12 {
     flex: 0 0 auto;
     width: 100%;
   }
 
   .offset-lg-0 {
     margin-right: 0;
   }
 
   .offset-lg-1 {
     margin-right: 8.33333%;
   }
 
   .offset-lg-2 {
     margin-right: 16.66667%;
   }
 
   .offset-lg-3 {
     margin-right: 25%;
   }
 
   .offset-lg-4 {
     margin-right: 33.33333%;
   }
 
   .offset-lg-5 {
     margin-right: 41.66667%;
   }
 
   .offset-lg-6 {
     margin-right: 50%;
   }
 
   .offset-lg-7 {
     margin-right: 58.33333%;
   }
 
   .offset-lg-8 {
     margin-right: 66.66667%;
   }
 
   .offset-lg-9 {
     margin-right: 75%;
   }
 
   .offset-lg-10 {
     margin-right: 83.33333%;
   }
 
   .offset-lg-11 {
     margin-right: 91.66667%;
   }
 
   .g-lg-0,
   .gx-lg-0 {
     --bs-gutter-x: 0;
   }
 
   .g-lg-0,
   .gy-lg-0 {
     --bs-gutter-y: 0;
   }
 
   .g-lg-1,
   .gx-lg-1 {
     --bs-gutter-x: 0.25rem;
   }
 
   .g-lg-1,
   .gy-lg-1 {
     --bs-gutter-y: 0.25rem;
   }
 
   .g-lg-2,
   .gx-lg-2 {
     --bs-gutter-x: 0.5rem;
   }
 
   .g-lg-2,
   .gy-lg-2 {
     --bs-gutter-y: 0.5rem;
   }
 
   .g-lg-3,
   .gx-lg-3 {
     --bs-gutter-x: 1rem;
   }
 
   .g-lg-3,
   .gy-lg-3 {
     --bs-gutter-y: 1rem;
   }
 
   .g-lg-4,
   .gx-lg-4 {
     --bs-gutter-x: 1.5rem;
   }
 
   .g-lg-4,
   .gy-lg-4 {
     --bs-gutter-y: 1.5rem;
   }
 
   .g-lg-5,
   .gx-lg-5 {
     --bs-gutter-x: 3rem;
   }
 
   .g-lg-5,
   .gy-lg-5 {
     --bs-gutter-y: 3rem;
   }
 }
 
 @media (min-width: 1200px) {
   .col-xl {
     flex: 1 0 0%;
   }
 
   .row-cols-xl-auto>* {
     flex: 0 0 auto;
     width: auto;
   }
 
   .row-cols-xl-1>* {
     flex: 0 0 auto;
     width: 100%;
   }
 
   .row-cols-xl-2>* {
     flex: 0 0 auto;
     width: 50%;
   }
 
   .row-cols-xl-3>* {
     flex: 0 0 auto;
     width: 33.33333%;
   }
 
   .row-cols-xl-4>* {
     flex: 0 0 auto;
     width: 25%;
   }
 
   .row-cols-xl-5>* {
     flex: 0 0 auto;
     width: 20%;
   }
 
   .row-cols-xl-6>* {
     flex: 0 0 auto;
     width: 16.66667%;
   }
 
   .col-xl-auto {
     flex: 0 0 auto;
     width: auto;
   }
 
   .col-xl-1 {
     flex: 0 0 auto;
     width: 8.33333%;
   }
 
   .col-xl-2 {
     flex: 0 0 auto;
     width: 16.66667%;
   }
 
   .col-xl-3 {
     flex: 0 0 auto;
     width: 25%;
   }
 
   .col-xl-4 {
     flex: 0 0 auto;
     width: 33.33333%;
   }
 
   .col-xl-5 {
     flex: 0 0 auto;
     width: 41.66667%;
   }
 
   .col-xl-6 {
     flex: 0 0 auto;
     width: 50%;
   }
 
   .col-xl-7 {
     flex: 0 0 auto;
     width: 58.33333%;
   }
 
   .col-xl-8 {
     flex: 0 0 auto;
     width: 66.66667%;
   }
 
   .col-xl-9 {
     flex: 0 0 auto;
     width: 75%;
   }
 
   .col-xl-10 {
     flex: 0 0 auto;
     width: 83.33333%;
   }
 
   .col-xl-11 {
     flex: 0 0 auto;
     width: 91.66667%;
   }
 
   .col-xl-12 {
     flex: 0 0 auto;
     width: 100%;
   }
 
   .offset-xl-0 {
     margin-right: 0;
   }
 
   .offset-xl-1 {
     margin-right: 8.33333%;
   }
 
   .offset-xl-2 {
     margin-right: 16.66667%;
   }
 
   .offset-xl-3 {
     margin-right: 25%;
   }
 
   .offset-xl-4 {
     margin-right: 33.33333%;
   }
 
   .offset-xl-5 {
     margin-right: 41.66667%;
   }
 
   .offset-xl-6 {
     margin-right: 50%;
   }
 
   .offset-xl-7 {
     margin-right: 58.33333%;
   }
 
   .offset-xl-8 {
     margin-right: 66.66667%;
   }
 
   .offset-xl-9 {
     margin-right: 75%;
   }
 
   .offset-xl-10 {
     margin-right: 83.33333%;
   }
 
   .offset-xl-11 {
     margin-right: 91.66667%;
   }
 
   .g-xl-0,
   .gx-xl-0 {
     --bs-gutter-x: 0;
   }
 
   .g-xl-0,
   .gy-xl-0 {
     --bs-gutter-y: 0;
   }
 
   .g-xl-1,
   .gx-xl-1 {
     --bs-gutter-x: 0.25rem;
   }
 
   .g-xl-1,
   .gy-xl-1 {
     --bs-gutter-y: 0.25rem;
   }
 
   .g-xl-2,
   .gx-xl-2 {
     --bs-gutter-x: 0.5rem;
   }
 
   .g-xl-2,
   .gy-xl-2 {
     --bs-gutter-y: 0.5rem;
   }
 
   .g-xl-3,
   .gx-xl-3 {
     --bs-gutter-x: 1rem;
   }
 
   .g-xl-3,
   .gy-xl-3 {
     --bs-gutter-y: 1rem;
   }
 
   .g-xl-4,
   .gx-xl-4 {
     --bs-gutter-x: 1.5rem;
   }
 
   .g-xl-4,
   .gy-xl-4 {
     --bs-gutter-y: 1.5rem;
   }
 
   .g-xl-5,
   .gx-xl-5 {
     --bs-gutter-x: 3rem;
   }
 
   .g-xl-5,
   .gy-xl-5 {
     --bs-gutter-y: 3rem;
   }
 }
 
 @media (min-width: 1440) {
   .col-xxl {
     flex: 1 0 0%;
   }
 
   .row-cols-xxl-auto>* {
     flex: 0 0 auto;
     width: auto;
   }
 
   .row-cols-xxl-1>* {
     flex: 0 0 auto;
     width: 100%;
   }
 
   .row-cols-xxl-2>* {
     flex: 0 0 auto;
     width: 50%;
   }
 
   .row-cols-xxl-3>* {
     flex: 0 0 auto;
     width: 33.33333%;
   }
 
   .row-cols-xxl-4>* {
     flex: 0 0 auto;
     width: 25%;
   }
 
   .row-cols-xxl-5>* {
     flex: 0 0 auto;
     width: 20%;
   }
 
   .row-cols-xxl-6>* {
     flex: 0 0 auto;
     width: 16.66667%;
   }
 
   .col-xxl-auto {
     flex: 0 0 auto;
     width: auto;
   }
 
   .col-xxl-1 {
     flex: 0 0 auto;
     width: 8.33333%;
   }
 
   .col-xxl-2 {
     flex: 0 0 auto;
     width: 16.66667%;
   }
 
   .col-xxl-3 {
     flex: 0 0 auto;
     width: 25%;
   }
 
   .col-xxl-4 {
     flex: 0 0 auto;
     width: 33.33333%;
   }
 
   .col-xxl-5 {
     flex: 0 0 auto;
     width: 41.66667%;
   }
 
   .col-xxl-6 {
     flex: 0 0 auto;
     width: 50%;
   }
 
   .col-xxl-7 {
     flex: 0 0 auto;
     width: 58.33333%;
   }
 
   .col-xxl-8 {
     flex: 0 0 auto;
     width: 66.66667%;
   }
 
   .col-xxl-9 {
     flex: 0 0 auto;
     width: 75%;
   }
 
   .col-xxl-10 {
     flex: 0 0 auto;
     width: 83.33333%;
   }
 
   .col-xxl-11 {
     flex: 0 0 auto;
     width: 91.66667%;
   }
 
   .col-xxl-12 {
     flex: 0 0 auto;
     width: 100%;
   }
 
   .offset-xxl-0 {
     margin-right: 0;
   }
 
   .offset-xxl-1 {
     margin-right: 8.33333%;
   }
 
   .offset-xxl-2 {
     margin-right: 16.66667%;
   }
 
   .offset-xxl-3 {
     margin-right: 25%;
   }
 
   .offset-xxl-4 {
     margin-right: 33.33333%;
   }
 
   .offset-xxl-5 {
     margin-right: 41.66667%;
   }
 
   .offset-xxl-6 {
     margin-right: 50%;
   }
 
   .offset-xxl-7 {
     margin-right: 58.33333%;
   }
 
   .offset-xxl-8 {
     margin-right: 66.66667%;
   }
 
   .offset-xxl-9 {
     margin-right: 75%;
   }
 
   .offset-xxl-10 {
     margin-right: 83.33333%;
   }
 
   .offset-xxl-11 {
     margin-right: 91.66667%;
   }
 
   .g-xxl-0,
   .gx-xxl-0 {
     --bs-gutter-x: 0;
   }
 
   .g-xxl-0,
   .gy-xxl-0 {
     --bs-gutter-y: 0;
   }
 
   .g-xxl-1,
   .gx-xxl-1 {
     --bs-gutter-x: 0.25rem;
   }
 
   .g-xxl-1,
   .gy-xxl-1 {
     --bs-gutter-y: 0.25rem;
   }
 
   .g-xxl-2,
   .gx-xxl-2 {
     --bs-gutter-x: 0.5rem;
   }
 
   .g-xxl-2,
   .gy-xxl-2 {
     --bs-gutter-y: 0.5rem;
   }
 
   .g-xxl-3,
   .gx-xxl-3 {
     --bs-gutter-x: 1rem;
   }
 
   .g-xxl-3,
   .gy-xxl-3 {
     --bs-gutter-y: 1rem;
   }
 
   .g-xxl-4,
   .gx-xxl-4 {
     --bs-gutter-x: 1.5rem;
   }
 
   .g-xxl-4,
   .gy-xxl-4 {
     --bs-gutter-y: 1.5rem;
   }
 
   .g-xxl-5,
   .gx-xxl-5 {
     --bs-gutter-x: 3rem;
   }
 
   .g-xxl-5,
   .gy-xxl-5 {
     --bs-gutter-y: 3rem;
   }
 }
 
 .table {
   --bs-table-bg: transparent;
   --bs-table-accent-bg: transparent;
   --bs-table-striped-color: #444;
   --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
   --bs-table-active-color: #444;
   --bs-table-active-bg: rgba(0, 0, 0, 0.1);
   --bs-table-hover-color: #444;
   --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
   width: 100%;
   margin-bottom: 1rem;
   color: #444;
   vertical-align: top;
   border-color: #E1E1F0;
 }
 
 .table> :not(caption)>*>* {
   padding: 0.5rem 0.5rem;
   background-color: var(--bs-table-bg);
   border-bottom-width: 1px;
   box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
 }
 
 .table>tbody {
   vertical-align: inherit;
 }
 
 .table>thead {
   vertical-align: bottom;
 }
 
 .table> :not(:first-child) {
   border-top: 2px solid currentColor;
 }
 
 .caption-top {
   caption-side: top;
 }
 
 .table-sm> :not(caption)>*>* {
   padding: 0.25rem 0.25rem;
 }
 
 .table-bordered> :not(caption)>* {
   border-width: 1px 0;
 }
 
 .table-bordered> :not(caption)>*>* {
   border-width: 0 1px;
 }
 
 .table-borderless> :not(caption)>*>* {
   border-bottom-width: 0;
 }
 
 .table-borderless> :not(:first-child) {
   border-top-width: 0;
 }
 
 .table-striped>tbody>tr:nth-of-type(odd)>* {
   --bs-table-accent-bg: var(--bs-table-striped-bg);
   color: var(--bs-table-striped-color);
 }
 
 .table-active {
   --bs-table-accent-bg: var(--bs-table-active-bg);
   color: var(--bs-table-active-color);
 }
 
 .table-hover>tbody>tr:hover>* {
   --bs-table-accent-bg: var(--bs-table-hover-bg);
   color: var(--bs-table-hover-color);
 }
 
 .table-primary {
   --bs-table-bg: #dddef5;
   --bs-table-striped-bg: #d2d3e9;
   --bs-table-striped-color: #000;
   --bs-table-active-bg: #c7c8dd;
   --bs-table-active-color: #000;
   --bs-table-hover-bg: #cccde3;
   --bs-table-hover-color: #000;
   color: #000;
   border-color: #c7c8dd;
 }
 
 .table-secondary {
   --bs-table-bg: #fce4d6;
   --bs-table-striped-bg: #efd9cb;
   --bs-table-striped-color: #000;
   --bs-table-active-bg: #e3cdc1;
   --bs-table-active-color: #000;
   --bs-table-hover-bg: #e9d3c6;
   --bs-table-hover-color: #000;
   color: #000;
   border-color: #e3cdc1;
 }
 
 .table-success {
   --bs-table-bg: #d2ece6;
   --bs-table-striped-bg: #c8e0db;
   --bs-table-striped-color: #000;
   --bs-table-active-bg: #bdd4cf;
   --bs-table-active-color: #000;
   --bs-table-hover-bg: #c2dad5;
   --bs-table-hover-color: #000;
   color: #000;
   border-color: #bdd4cf;
 }
 
 .table-info {
   --bs-table-bg: #d4ddfa;
   --bs-table-striped-bg: #c9d2ee;
   --bs-table-striped-color: #000;
   --bs-table-active-bg: #bfc7e1;
   --bs-table-active-color: #000;
   --bs-table-hover-bg: #c4cce7;
   --bs-table-hover-color: #000;
   color: #000;
   border-color: #bfc7e1;
 }
 
 .table-warning {
   --bs-table-bg: #ffeacf;
   --bs-table-striped-bg: #f2dec5;
   --bs-table-striped-color: #000;
   --bs-table-active-bg: #e6d3ba;
   --bs-table-active-color: #000;
   --bs-table-hover-bg: #ecd8bf;
   --bs-table-hover-color: #000;
   color: #000;
   border-color: #e6d3ba;
 }
 
 .table-danger {
   --bs-table-bg: #fdd5dc;
   --bs-table-striped-bg: #f0cad1;
   --bs-table-striped-color: #000;
   --bs-table-active-bg: #e4c0c6;
   --bs-table-active-color: #000;
   --bs-table-hover-bg: #eac5cc;
   --bs-table-hover-color: #000;
   color: #000;
   border-color: #e4c0c6;
 }
 
 .table-light {
   --bs-table-bg: #fff;
   --bs-table-striped-bg: #f2f2f2;
   --bs-table-striped-color: #000;
   --bs-table-active-bg: #e6e6e6;
   --bs-table-active-color: #000;
   --bs-table-hover-bg: #ececec;
   --bs-table-hover-color: #000;
   color: #000;
   border-color: #e6e6e6;
 }
 
 .table-dark {
   --bs-table-bg: #1f2278;
   --bs-table-striped-bg: #2a2d7f;
   --bs-table-striped-color: #fff;
   --bs-table-active-bg: #353886;
   --bs-table-active-color: #fff;
   --bs-table-hover-bg: #303382;
   --bs-table-hover-color: #fff;
   color: #fff;
   border-color: #353886;
 }
 
 .table-responsive {
   overflow-x: auto;
   -webkit-overflow-scrolling: touch;
 }
 
 @media (max-width: 575.98px) {
   .table-responsive-sm {
     overflow-x: auto;
     -webkit-overflow-scrolling: touch;
   }
 }
 
 @media (max-width: 767.98px) {
   .table-responsive-md {
     overflow-x: auto;
     -webkit-overflow-scrolling: touch;
   }
 }
 
 @media (max-width: 991.98px) {
   .table-responsive-lg {
     overflow-x: auto;
     -webkit-overflow-scrolling: touch;
   }
 }
 
 @media (max-width: 1199.98px) {
   .table-responsive-xl {
     overflow-x: auto;
     -webkit-overflow-scrolling: touch;
   }
 }
 
 @media (max-width: 1439.98) {
   .table-responsive-xxl {
     overflow-x: auto;
     -webkit-overflow-scrolling: touch;
   }
 }
 
 .form-label {
   margin-bottom: 0.5rem;
 }
 
 .col-form-label {
   padding-top: calc(0.375rem + 1px);
   padding-bottom: calc(0.375rem + 1px);
   margin-bottom: 0;
   font-size: inherit;
   line-height: 1.5;
 }
 
 .col-form-label-lg {
   padding-top: calc(0.5rem + 1px);
   padding-bottom: calc(0.5rem + 1px);
   font-size: 1.25rem;
 }
 
 .col-form-label-sm {
   padding-top: calc(0.25rem + 1px);
   padding-bottom: calc(0.25rem + 1px);
   font-size: 0.875rem;
 }
 
 .form-text {
   margin-top: 0.25rem;
   font-size: 0.875em;
   color: #AEAED5;
 }
 
 .form-control {
   display: block;
   width: 100%;
   padding: 0.375rem 0.75rem;
   font-size: 1rem;
   font-weight: 500;
   line-height: 1.5;
   color: #444;
   background-color: #ffffff;
   background-clip: padding-box;
   border: 1px solid #ced4da;
   appearance: none;
   border-radius: 0.25rem;
   transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 }
 
 @media (prefers-reduced-motion: reduce) {
   .form-control {
     transition: none;
   }
 }
 
 .form-control[type="file"] {
   overflow: hidden;
 }
 
 .form-control[type="file"]:not(:disabled):not([readonly]) {
   cursor: pointer;
 }
 
 .form-control:focus {
   color: #444;
   background-color: #ffffff;
   border-color: #abade7;
   outline: 0;
   box-shadow: 0 0 0 0rem rgba(86, 90, 207, 0.25);
 }
 
 .form-control::-webkit-date-and-time-value {
   height: 1.5em;
 }
 
 .form-control::placeholder {
   color: #6c757d;
   opacity: 1;
 }
 
 .form-control:disabled,
 .form-control[readonly] {
   background-color: #e9ecef;
   opacity: 1;
 }
 
 .form-control::file-selector-button {
   padding: 0.375rem 0.75rem;
   margin: -0.375rem -0.75rem;
   margin-inline-end: 0.75rem;
   color: #444;
   background-color: #e9ecef;
   pointer-events: none;
   border-color: inherit;
   border-style: solid;
   border-width: 0;
   border-inline-end-width: 1px;
   border-radius: 0;
   transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 }
 
 @media (prefers-reduced-motion: reduce) {
   .form-control::file-selector-button {
     transition: none;
   }
 }
 
 .form-control:hover:not(:disabled):not([readonly])::file-selector-button {
   background-color: #dde0e3;
 }
 
 .form-control::-webkit-file-upload-button {
   padding: 0.375rem 0.75rem;
   margin: -0.375rem -0.75rem;
   margin-inline-end: 0.75rem;
   color: #444;
   background-color: #e9ecef;
   pointer-events: none;
   border-color: inherit;
   border-style: solid;
   border-width: 0;
   border-inline-end-width: 1px;
   border-radius: 0;
   transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 }
 
 @media (prefers-reduced-motion: reduce) {
   .form-control::-webkit-file-upload-button {
     transition: none;
   }
 }
 
 .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
   background-color: #dde0e3;
 }
 
 .form-control-plaintext {
   display: block;
   width: 100%;
   padding: 0.375rem 0;
   margin-bottom: 0;
   line-height: 1.5;
   color: #444;
   background-color: transparent;
   border: solid transparent;
   border-width: 1px 0;
 }
 
 .form-control-plaintext.form-control-sm,
 .form-control-plaintext.form-control-lg {
   padding-left: 0;
   padding-right: 0;
 }
 
 .form-control-sm {
   min-height: calc(1.5em + 0.5rem + 2px);
   padding: 0.25rem 0.5rem;
   font-size: 0.875rem;
   border-radius: 0.2rem;
 }
 
 .form-control-sm::file-selector-button {
   padding: 0.25rem 0.5rem;
   margin: -0.25rem -0.5rem;
   margin-inline-end: 0.5rem;
 }
 
 .form-control-sm::-webkit-file-upload-button {
   padding: 0.25rem 0.5rem;
   margin: -0.25rem -0.5rem;
   margin-inline-end: 0.5rem;
 }
 
 .form-control-lg {
   min-height: calc(1.5em + 1rem + 2px);
   padding: 0.5rem 1rem;
   font-size: 1.25rem;
   border-radius: 20px;
 }
 
 .form-control-lg::file-selector-button {
   padding: 0.5rem 1rem;
   margin: -0.5rem -1rem;
   margin-inline-end: 1rem;
 }
 
 .form-control-lg::-webkit-file-upload-button {
   padding: 0.5rem 1rem;
   margin: -0.5rem -1rem;
   margin-inline-end: 1rem;
 }
 
 textarea.form-control {
   min-height: calc(1.5em + 0.75rem + 2px);
 }
 
 textarea.form-control-sm {
   min-height: calc(1.5em + 0.5rem + 2px);
 }
 
 textarea.form-control-lg {
   min-height: calc(1.5em + 1rem + 2px);
 }
 
 .form-control-color {
   width: 3rem;
   height: auto;
   padding: 0.375rem;
 }
 
 .form-control-color:not(:disabled):not([readonly]) {
   cursor: pointer;
 }
 
 .form-control-color::-moz-color-swatch {
   height: 1.5em;
   border-radius: 0.25rem;
 }
 
 .form-control-color::-webkit-color-swatch {
   height: 1.5em;
   border-radius: 0.25rem;
 }
 
 .form-select {
   display: block;
   width: 100%;
   padding: 0.375rem 0.75rem 0.375rem 2.25rem;
   -moz-padding-start: calc(0.75rem - 3px);
   font-size: 1rem;
   font-weight: 500;
   line-height: 1.5;
   color: #444;
   background-color: #ffffff;
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
   background-repeat: no-repeat;
   background-position: left 0.75rem center;
   background-size: 16px 12px;
   border: 1px solid #ced4da;
   border-radius: 0.25rem;
   transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
   appearance: none;
 }
 
 @media (prefers-reduced-motion: reduce) {
   .form-select {
     transition: none;
   }
 }
 
 .form-select:focus {
   border-color: #abade7;
   outline: 0;
   box-shadow: 0 0 0 0rem rgba(86, 90, 207, 0.25);
 }
 
 .form-select[multiple],
 .form-select[size]:not([size="1"]) {
   padding-left: 0.75rem;
   background-image: none;
 }
 
 .form-select:disabled {
   background-color: #e9ecef;
 }
 
 .form-select:-moz-focusring {
   color: transparent;
   text-shadow: 0 0 0 #444;
 }
 
 .form-select-sm {
   padding-top: 0.25rem;
   padding-bottom: 0.25rem;
   padding-right: 0.5rem;
   font-size: 0.875rem;
   border-radius: 0.2rem;
 }
 
 .form-select-lg {
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
   padding-right: 1rem;
   font-size: 1.25rem;
   border-radius: 20px;
 }
 
 .form-check {
   display: block;
   min-height: 1.5rem;
   padding-right: 1.5em;
   margin-bottom: 0.125rem;
 }
 
 .form-check .form-check-input {
   float: right;
   margin-right: -1.5em;
 }
 
 .form-check-input {
   width: 1em;
   height: 1em;
   margin-top: 0.25em;
   vertical-align: top;
   background-color: #ffffff;
   background-repeat: no-repeat;
   background-position: center;
   background-size: contain;
   border: 1px solid rgba(0, 0, 0, 0.25);
   appearance: none;
   color-adjust: exact;
 }
 
 .form-check-input[type="checkbox"] {
   border-radius: 0.25em;
 }
 
 .form-check-input[type="radio"] {
   border-radius: 50%;
 }
 
 .form-check-input:active {
   filter: brightness(90%);
 }
 
 .form-check-input:focus {
   border-color: #abade7;
   outline: 0;
   box-shadow: 0 0 0 0rem rgba(86, 90, 207, 0.25);
 }
 
 .form-check-input:checked {
   background-color: #565acf;
   border-color: #565acf;
 }
 
 .form-check-input:checked[type="checkbox"] {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
 }
 
 .form-check-input:checked[type="radio"] {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
 }
 
 .form-check-input[type="checkbox"]:indeterminate {
   background-color: #565acf;
   border-color: #565acf;
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
 }
 
 .form-check-input:disabled {
   pointer-events: none;
   filter: none;
   opacity: 0.5;
 }
 
 .form-check-input[disabled]~.form-check-label,
 .form-check-input:disabled~.form-check-label {
   opacity: 0.5;
 }
 
 .form-switch {
   padding-right: 2.5em;
 }
 
 .form-switch .form-check-input {
   width: 2em;
   margin-right: -2.5em;
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
   background-position: right center;
   border-radius: 2em;
   transition: background-position 0.15s ease-in-out;
 }
 
 @media (prefers-reduced-motion: reduce) {
   .form-switch .form-check-input {
     transition: none;
   }
 }
 
 .form-switch .form-check-input:focus {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23abade7'/%3e%3c/svg%3e");
 }
 
 .form-switch .form-check-input:checked {
   background-position: left center;
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
 }
 
 .form-check-inline {
   display: inline-block;
   margin-left: 1rem;
 }
 
 .btn-check {
   position: absolute;
   clip: rect(0, 0, 0, 0);
   pointer-events: none;
 }
 
 .btn-check[disabled]+.btn,
 .btn-check:disabled+.btn {
   pointer-events: none;
   filter: none;
   opacity: 0.65;
 }
 
 .form-range {
   width: 100%;
   height: 1rem;
   padding: 0;
   background-color: transparent;
   appearance: none;
 }
 
 .form-range:focus {
   outline: 0;
 }
 
 .form-range:focus::-webkit-slider-thumb {
   box-shadow: 0 0 0 1px #ffffff, 0 0 0 0rem rgba(86, 90, 207, 0.25);
 }
 
 .form-range:focus::-moz-range-thumb {
   box-shadow: 0 0 0 1px #ffffff, 0 0 0 0rem rgba(86, 90, 207, 0.25);
 }
 
 .form-range::-moz-focus-outer {
   border: 0;
 }
 
 .form-range::-webkit-slider-thumb {
   width: 1rem;
   height: 1rem;
   margin-top: -0.25rem;
   background-color: #565acf;
   border: 0;
   border-radius: 1rem;
   transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
   appearance: none;
 }
 
 @media (prefers-reduced-motion: reduce) {
   .form-range::-webkit-slider-thumb {
     transition: none;
   }
 }
 
 .form-range::-webkit-slider-thumb:active {
   background-color: #cccef1;
 }
 
 .form-range::-webkit-slider-runnable-track {
   width: 100%;
   height: 0.5rem;
   color: transparent;
   cursor: pointer;
   background-color: #dee2e6;
   border-color: transparent;
   border-radius: 1rem;
 }
 
 .form-range::-moz-range-thumb {
   width: 1rem;
   height: 1rem;
   background-color: #565acf;
   border: 0;
   border-radius: 1rem;
   transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
   appearance: none;
 }
 
 @media (prefers-reduced-motion: reduce) {
   .form-range::-moz-range-thumb {
     transition: none;
   }
 }
 
 .form-range::-moz-range-thumb:active {
   background-color: #cccef1;
 }
 
 .form-range::-moz-range-track {
   width: 100%;
   height: 0.5rem;
   color: transparent;
   cursor: pointer;
   background-color: #dee2e6;
   border-color: transparent;
   border-radius: 1rem;
 }
 
 .form-range:disabled {
   pointer-events: none;
 }
 
 .form-range:disabled::-webkit-slider-thumb {
   background-color: #adb5bd;
 }
 
 .form-range:disabled::-moz-range-thumb {
   background-color: #adb5bd;
 }
 
 .form-floating {
   position: relative;
 }
 
 .form-floating>.form-control,
 .form-floating>.form-select {
   height: calc(3.5rem + 2px);
   line-height: 1.25;
 }
 
 .form-floating>label {
   position: absolute;
   top: 0;
   right: 0;
   height: 100%;
   padding: 1rem 0.75rem;
   pointer-events: none;
   border: 1px solid transparent;
   transform-origin: 100% 0;
   transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
 }
 
 @media (prefers-reduced-motion: reduce) {
   .form-floating>label {
     transition: none;
   }
 }
 
 .form-floating>.form-control {
   padding: 1rem 0.75rem;
 }
 
 .form-floating>.form-control::placeholder {
   color: transparent;
 }
 
 .form-floating>.form-control:focus,
 .form-floating>.form-control:not(:placeholder-shown) {
   padding-top: 1.625rem;
   padding-bottom: 0.625rem;
 }
 
 .form-floating>.form-control:-webkit-autofill {
   padding-top: 1.625rem;
   padding-bottom: 0.625rem;
 }
 
 .form-floating>.form-select {
   padding-top: 1.625rem;
   padding-bottom: 0.625rem;
 }
 
 .form-floating>.form-control:focus~label,
 .form-floating>.form-control:not(:placeholder-shown)~label,
 .form-floating>.form-select~label {
   opacity: 0.65;
   transform: scale(0.85) translateY(-0.5rem) translateX(-0.15rem);
 }
 
 .form-floating>.form-control:-webkit-autofill~label {
   opacity: 0.65;
   transform: scale(0.85) translateY(-0.5rem) translateX(-0.15rem);
 }
 
 .input-group {
   position: relative;
   display: flex;
   flex-wrap: wrap;
   align-items: stretch;
   width: 100%;
 }
 
 .input-group>.form-control,
 .input-group>.form-select {
   position: relative;
   flex: 1 1 auto;
   width: 1%;
   min-width: 0;
 }
 
 .input-group>.form-control:focus,
 .input-group>.form-select:focus {
   z-index: 3;
 }
 
 .input-group .btn {
   position: relative;
   z-index: 2;
 }
 
 .input-group .btn:focus {
   z-index: 3;
 }
 
 .input-group-text {
   display: flex;
   align-items: center;
   padding: 0.375rem 0.75rem;
   font-size: 1rem;
   font-weight: 500;
   line-height: 1.5;
   color: #444;
   text-align: center;
   white-space: nowrap;
   background-color: #e9ecef;
   border: 1px solid #ced4da;
   border-radius: 0.25rem;
 }
 
 .input-group-lg>.form-control,
 .input-group-lg>.form-select,
 .input-group-lg>.input-group-text,
 .input-group-lg>.btn {
   padding: 0.5rem 1rem;
   font-size: 1.25rem;
   border-radius: 20px;
 }
 
 .input-group-sm>.form-control,
 .input-group-sm>.form-select,
 .input-group-sm>.input-group-text,
 .input-group-sm>.btn {
   padding: 0.25rem 0.5rem;
   font-size: 0.875rem;
   border-radius: 0.2rem;
 }
 
 .input-group-lg>.form-select,
 .input-group-sm>.form-select {
   padding-left: 3rem;
 }
 
 .input-group:not(.has-validation)> :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu),
 .input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n + 3) {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }
 
 .input-group.has-validation> :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu),
 .input-group.has-validation>.dropdown-toggle:nth-last-child(n + 4) {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }
 
 .input-group> :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
   margin-right: -1px;
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
 
 .valid-feedback {
   display: none;
   width: 100%;
   margin-top: 0.25rem;
   font-size: 0.875em;
   color: #209f84;
 }
 
 .valid-tooltip {
   position: absolute;
   top: 100%;
   z-index: 5;
   display: none;
   max-width: 100%;
   padding: 0.25rem 0.5rem;
   margin-top: .1rem;
   font-size: 0.875rem;
   color: #000;
   background-color: rgba(32, 159, 132, 0.9);
   border-radius: 0.25rem;
 }
 
 .was-validated :valid~.valid-feedback,
 .was-validated :valid~.valid-tooltip,
 .is-valid~.valid-feedback,
 .is-valid~.valid-tooltip {
   display: block;
 }
 
 .was-validated .form-control:valid,
 .form-control.is-valid {
   border-color: #209f84;
   padding-left: calc(1.5em + 0.75rem);
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23209f84' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
   background-repeat: no-repeat;
   background-position: left calc(0.375em + 0.1875rem) center;
   background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
 }
 
 .was-validated .form-control:valid:focus,
 .form-control.is-valid:focus {
   border-color: #209f84;
   box-shadow: 0 0 0 0rem rgba(32, 159, 132, 0.25);
 }
 
 .was-validated textarea.form-control:valid,
 textarea.form-control.is-valid {
   padding-left: calc(1.5em + 0.75rem);
   background-position: top calc(0.375em + 0.1875rem) left calc(0.375em + 0.1875rem);
 }
 
 .was-validated .form-select:valid,
 .form-select.is-valid {
   border-color: #209f84;
 }
 
 .was-validated .form-select:valid:not([multiple]):not([size]),
 .was-validated .form-select:valid:not([multiple])[size="1"],
 .form-select.is-valid:not([multiple]):not([size]),
 .form-select.is-valid:not([multiple])[size="1"] {
   padding-left: 4.125rem;
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23209f84' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
   background-position: left 0.75rem center, center left 2.25rem;
   background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
 }
 
 .was-validated .form-select:valid:focus,
 .form-select.is-valid:focus {
   border-color: #209f84;
   box-shadow: 0 0 0 0rem rgba(32, 159, 132, 0.25);
 }
 
 .was-validated .form-check-input:valid,
 .form-check-input.is-valid {
   border-color: #209f84;
 }
 
 .was-validated .form-check-input:valid:checked,
 .form-check-input.is-valid:checked {
   background-color: #209f84;
 }
 
 .was-validated .form-check-input:valid:focus,
 .form-check-input.is-valid:focus {
   box-shadow: 0 0 0 0rem rgba(32, 159, 132, 0.25);
 }
 
 .was-validated .form-check-input:valid~.form-check-label,
 .form-check-input.is-valid~.form-check-label {
   color: #209f84;
 }
 
 .form-check-inline .form-check-input~.valid-feedback {
   margin-right: .5em;
 }
 
 .was-validated .input-group .form-control:valid,
 .input-group .form-control.is-valid,
 .was-validated .input-group .form-select:valid,
 .input-group .form-select.is-valid {
   z-index: 1;
 }
 
 .was-validated .input-group .form-control:valid:focus,
 .input-group .form-control.is-valid:focus,
 .was-validated .input-group .form-select:valid:focus,
 .input-group .form-select.is-valid:focus {
   z-index: 3;
 }
 
 .invalid-feedback {
   display: none;
   width: 100%;
   margin-top: 0.25rem;
   font-size: 0.875em;
   color: #f72b50;
 }
 
 .invalid-tooltip {
   position: absolute;
   top: 100%;
   z-index: 5;
   display: none;
   max-width: 100%;
   padding: 0.25rem 0.5rem;
   margin-top: .1rem;
   font-size: 0.875rem;
   color: #000;
   background-color: rgba(247, 43, 80, 0.9);
   border-radius: 0.25rem;
 }
 
 .was-validated :invalid~.invalid-feedback,
 .was-validated :invalid~.invalid-tooltip,
 .is-invalid~.invalid-feedback,
 .is-invalid~.invalid-tooltip {
   display: block;
 }
 
 .was-validated .form-control:invalid,
 .form-control.is-invalid {
   border-color: #f72b50;
   padding-left: calc(1.5em + 0.75rem);
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23f72b50'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23f72b50' stroke='none'/%3e%3c/svg%3e");
   background-repeat: no-repeat;
   background-position: left calc(0.375em + 0.1875rem) center;
   background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
 }
 
 .was-validated .form-control:invalid:focus,
 .form-control.is-invalid:focus {
   border-color: #f72b50;
   box-shadow: 0 0 0 0rem rgba(247, 43, 80, 0.25);
 }
 
 .was-validated textarea.form-control:invalid,
 textarea.form-control.is-invalid {
   padding-left: calc(1.5em + 0.75rem);
   background-position: top calc(0.375em + 0.1875rem) left calc(0.375em + 0.1875rem);
 }
 
 .was-validated .form-select:invalid,
 .form-select.is-invalid {
   border-color: #f72b50;
 }
 
 .was-validated .form-select:invalid:not([multiple]):not([size]),
 .was-validated .form-select:invalid:not([multiple])[size="1"],
 .form-select.is-invalid:not([multiple]):not([size]),
 .form-select.is-invalid:not([multiple])[size="1"] {
   padding-left: 4.125rem;
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23f72b50'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23f72b50' stroke='none'/%3e%3c/svg%3e");
   background-position: left 0.75rem center, center left 2.25rem;
   background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
 }
 
 .was-validated .form-select:invalid:focus,
 .form-select.is-invalid:focus {
   border-color: #f72b50;
   box-shadow: 0 0 0 0rem rgba(247, 43, 80, 0.25);
 }
 
 .was-validated .form-check-input:invalid,
 .form-check-input.is-invalid {
   border-color: #f72b50;
 }
 
 .was-validated .form-check-input:invalid:checked,
 .form-check-input.is-invalid:checked {
   background-color: #f72b50;
 }
 
 .was-validated .form-check-input:invalid:focus,
 .form-check-input.is-invalid:focus {
   box-shadow: 0 0 0 0rem rgba(247, 43, 80, 0.25);
 }
 
 .was-validated .form-check-input:invalid~.form-check-label,
 .form-check-input.is-invalid~.form-check-label {
   color: #f72b50;
 }
 
 .form-check-inline .form-check-input~.invalid-feedback {
   margin-right: .5em;
 }
 
 .was-validated .input-group .form-control:invalid,
 .input-group .form-control.is-invalid,
 .was-validated .input-group .form-select:invalid,
 .input-group .form-select.is-invalid {
   z-index: 2;
 }
 
 .was-validated .input-group .form-control:invalid:focus,
 .input-group .form-control.is-invalid:focus,
 .was-validated .input-group .form-select:invalid:focus,
 .input-group .form-select.is-invalid:focus {
   z-index: 3;
 }
 
 .btn {
   display: inline-block;
   font-weight: 400;
   line-height: 1.5;
   color: #444;
   text-align: center;
   text-decoration: none;
   vertical-align: middle;
   cursor: pointer;
   user-select: none;
   background-color: transparent;
   border: 1px solid transparent;
   padding: 0.375rem 0.75rem;
   font-size: 1rem;
   border-radius: 0.25rem;
   transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 }
 
 @media (prefers-reduced-motion: reduce) {
   .btn {
     transition: none;
   }
 }
 
 .btn:hover {
   color: #444;
 }
 
 .btn-check:focus+.btn,
 .btn:focus {
   outline: 0;
   box-shadow: 0 0 0 0rem rgba(86, 90, 207, 0.25);
 }
 
 .btn:disabled,
 .btn.disabled,
 fieldset:disabled .btn {
   pointer-events: none;
   opacity: 0.65;
 }
 
 .btn-primary {
   color: #fff;
   background-color: #565acf;
   border-color: #565acf;
 }
 
 .btn-primary:hover {
   color: #fff;
   background-color: #494db0;
   border-color: #4548a6;
 }
 
 .btn-check:focus+.btn-primary,
 .btn-primary:focus {
   color: #fff;
   background-color: #494db0;
   border-color: #4548a6;
   box-shadow: 0 0 0 0rem rgba(111, 115, 214, 0.5);
 }
 
 .btn-check:checked+.btn-primary,
 .btn-check:active+.btn-primary,
 .btn-primary:active,
 .btn-primary.active,
 .show>.btn-primary.dropdown-toggle {
   color: #fff;
   background-color: #4548a6;
   border-color: #41449b;
 }
 
 .btn-check:checked+.btn-primary:focus,
 .btn-check:active+.btn-primary:focus,
 .btn-primary:active:focus,
 .btn-primary.active:focus,
 .show>.btn-primary.dropdown-toggle:focus {
   box-shadow: 0 0 0 0rem rgba(111, 115, 214, 0.5);
 }
 
 .btn-primary:disabled,
 .btn-primary.disabled {
   color: #fff;
   background-color: #565acf;
   border-color: #565acf;
 }
 
 .btn-secondary {
   color: #000;
   background-color: #f17732;
   border-color: #f17732;
 }
 
 .btn-secondary:hover {
   color: #000;
   background-color: #f38b51;
   border-color: #f28547;
 }
 
 .btn-check:focus+.btn-secondary,
 .btn-secondary:focus {
   color: #000;
   background-color: #f38b51;
   border-color: #f28547;
   box-shadow: 0 0 0 0rem rgba(205, 101, 43, 0.5);
 }
 
 .btn-check:checked+.btn-secondary,
 .btn-check:active+.btn-secondary,
 .btn-secondary:active,
 .btn-secondary.active,
 .show>.btn-secondary.dropdown-toggle {
   color: #000;
   background-color: #f4925b;
   border-color: #f28547;
 }
 
 .btn-check:checked+.btn-secondary:focus,
 .btn-check:active+.btn-secondary:focus,
 .btn-secondary:active:focus,
 .btn-secondary.active:focus,
 .show>.btn-secondary.dropdown-toggle:focus {
   box-shadow: 0 0 0 0rem rgba(205, 101, 43, 0.5);
 }
 
 .btn-secondary:disabled,
 .btn-secondary.disabled {
   color: #000;
   background-color: #f17732;
   border-color: #f17732;
 }
 
 .btn-success {
   color: #000;
   background-color: #209f84;
   border-color: #209f84;
 }
 
 .btn-success:hover {
   color: #000;
   background-color: #41ad96;
   border-color: #36a990;
 }
 
 .btn-check:focus+.btn-success,
 .btn-success:focus {
   color: #000;
   background-color: #41ad96;
   border-color: #36a990;
   box-shadow: 0 0 0 0rem rgba(27, 135, 112, 0.5);
 }
 
 .btn-check:checked+.btn-success,
 .btn-check:active+.btn-success,
 .btn-success:active,
 .btn-success.active,
 .show>.btn-success.dropdown-toggle {
   color: #000;
   background-color: #4db29d;
   border-color: #36a990;
 }
 
 .btn-check:checked+.btn-success:focus,
 .btn-check:active+.btn-success:focus,
 .btn-success:active:focus,
 .btn-success.active:focus,
 .show>.btn-success.dropdown-toggle:focus {
   box-shadow: 0 0 0 0rem rgba(27, 135, 112, 0.5);
 }
 
 .btn-success:disabled,
 .btn-success.disabled {
   color: #000;
   background-color: #209f84;
   border-color: #209f84;
 }
 
 .btn-info {
   color: #fff;
   background-color: #2754e6;
   border-color: #2754e6;
 }
 
 .btn-info:hover {
   color: #fff;
   background-color: #2147c4;
   border-color: #1f43b8;
 }
 
 .btn-check:focus+.btn-info,
 .btn-info:focus {
   color: #fff;
   background-color: #2147c4;
   border-color: #1f43b8;
   box-shadow: 0 0 0 0rem rgba(71, 110, 234, 0.5);
 }
 
 .btn-check:checked+.btn-info,
 .btn-check:active+.btn-info,
 .btn-info:active,
 .btn-info.active,
 .show>.btn-info.dropdown-toggle {
   color: #fff;
   background-color: #1f43b8;
   border-color: #1d3fad;
 }
 
 .btn-check:checked+.btn-info:focus,
 .btn-check:active+.btn-info:focus,
 .btn-info:active:focus,
 .btn-info.active:focus,
 .show>.btn-info.dropdown-toggle:focus {
   box-shadow: 0 0 0 0rem rgba(71, 110, 234, 0.5);
 }
 
 .btn-info:disabled,
 .btn-info.disabled {
   color: #fff;
   background-color: #2754e6;
   border-color: #2754e6;
 }
 
 .btn-warning {
   color: #000;
   background-color: #fe970e;
   border-color: #fe970e;
 }
 
 .btn-warning:hover {
   color: #000;
   background-color: #fea732;
   border-color: #fea126;
 }
 
 .btn-check:focus+.btn-warning,
 .btn-warning:focus {
   color: #000;
   background-color: #fea732;
   border-color: #fea126;
   box-shadow: 0 0 0 0rem rgba(216, 128, 12, 0.5);
 }
 
 .btn-check:checked+.btn-warning,
 .btn-check:active+.btn-warning,
 .btn-warning:active,
 .btn-warning.active,
 .show>.btn-warning.dropdown-toggle {
   color: #000;
   background-color: #feac3e;
   border-color: #fea126;
 }
 
 .btn-check:checked+.btn-warning:focus,
 .btn-check:active+.btn-warning:focus,
 .btn-warning:active:focus,
 .btn-warning.active:focus,
 .show>.btn-warning.dropdown-toggle:focus {
   box-shadow: 0 0 0 0rem rgba(216, 128, 12, 0.5);
 }
 
 .btn-warning:disabled,
 .btn-warning.disabled {
   color: #000;
   background-color: #fe970e;
   border-color: #fe970e;
 }
 
 .btn-danger {
   color: #000;
   background-color: #f72b50;
   border-color: #f72b50;
 }
 
 .btn-danger:hover {
   color: #000;
   background-color: #f84b6a;
   border-color: #f84062;
 }
 
 .btn-check:focus+.btn-danger,
 .btn-danger:focus {
   color: #000;
   background-color: #f84b6a;
   border-color: #f84062;
   box-shadow: 0 0 0 0rem rgba(210, 37, 68, 0.5);
 }
 
 .btn-check:checked+.btn-danger,
 .btn-check:active+.btn-danger,
 .btn-danger:active,
 .btn-danger.active,
 .show>.btn-danger.dropdown-toggle {
   color: #000;
   background-color: #f95573;
   border-color: #f84062;
 }
 
 .btn-check:checked+.btn-danger:focus,
 .btn-check:active+.btn-danger:focus,
 .btn-danger:active:focus,
 .btn-danger.active:focus,
 .show>.btn-danger.dropdown-toggle:focus {
   box-shadow: 0 0 0 0rem rgba(210, 37, 68, 0.5);
 }
 
 .btn-danger:disabled,
 .btn-danger.disabled {
   color: #000;
   background-color: #f72b50;
   border-color: #f72b50;
 }
 
 .btn-light {
   color: #000;
   background-color: #fff;
   border-color: #fff;
 }
 
 .btn-light:hover {
   color: #000;
   background-color: white;
   border-color: white;
 }
 
 .btn-check:focus+.btn-light,
 .btn-light:focus {
   color: #000;
   background-color: white;
   border-color: white;
   box-shadow: 0 0 0 0rem rgba(217, 217, 217, 0.5);
 }
 
 .btn-check:checked+.btn-light,
 .btn-check:active+.btn-light,
 .btn-light:active,
 .btn-light.active,
 .show>.btn-light.dropdown-toggle {
   color: #000;
   background-color: white;
   border-color: white;
 }
 
 .btn-check:checked+.btn-light:focus,
 .btn-check:active+.btn-light:focus,
 .btn-light:active:focus,
 .btn-light.active:focus,
 .show>.btn-light.dropdown-toggle:focus {
   box-shadow: 0 0 0 0rem rgba(217, 217, 217, 0.5);
 }
 
 .btn-light:disabled,
 .btn-light.disabled {
   color: #000;
   background-color: #fff;
   border-color: #fff;
 }
 
 .btn-dark {
   color: #fff;
   background-color: #1f2278;
   border-color: #1f2278;
 }
 
 .btn-dark:hover {
   color: #fff;
   background-color: #1a1d66;
   border-color: #191b60;
 }
 
 .btn-check:focus+.btn-dark,
 .btn-dark:focus {
   color: #fff;
   background-color: #1a1d66;
   border-color: #191b60;
   box-shadow: 0 0 0 0rem rgba(65, 67, 140, 0.5);
 }
 
 .btn-check:checked+.btn-dark,
 .btn-check:active+.btn-dark,
 .btn-dark:active,
 .btn-dark.active,
 .show>.btn-dark.dropdown-toggle {
   color: #fff;
   background-color: #191b60;
   border-color: #171a5a;
 }
 
 .btn-check:checked+.btn-dark:focus,
 .btn-check:active+.btn-dark:focus,
 .btn-dark:active:focus,
 .btn-dark.active:focus,
 .show>.btn-dark.dropdown-toggle:focus {
   box-shadow: 0 0 0 0rem rgba(65, 67, 140, 0.5);
 }
 
 .btn-dark:disabled,
 .btn-dark.disabled {
   color: #fff;
   background-color: #1f2278;
   border-color: #1f2278;
 }
 
 .btn-outline-primary {
   color: #565acf;
   border-color: #565acf;
 }
 
 .btn-outline-primary:hover {
   color: #fff;
   background-color: #565acf;
   border-color: #565acf;
 }
 
 .btn-check:focus+.btn-outline-primary,
 .btn-outline-primary:focus {
   box-shadow: 0 0 0 0rem rgba(86, 90, 207, 0.5);
 }
 
 .btn-check:checked+.btn-outline-primary,
 .btn-check:active+.btn-outline-primary,
 .btn-outline-primary:active,
 .btn-outline-primary.active,
 .btn-outline-primary.dropdown-toggle.show {
   color: #fff;
   background-color: #565acf;
   border-color: #565acf;
 }
 
 .btn-check:checked+.btn-outline-primary:focus,
 .btn-check:active+.btn-outline-primary:focus,
 .btn-outline-primary:active:focus,
 .btn-outline-primary.active:focus,
 .btn-outline-primary.dropdown-toggle.show:focus {
   box-shadow: 0 0 0 0rem rgba(86, 90, 207, 0.5);
 }
 
 .btn-outline-primary:disabled,
 .btn-outline-primary.disabled {
   color: #565acf;
   background-color: transparent;
 }
 
 .btn-outline-secondary {
   color: #f17732;
   border-color: #f17732;
 }
 
 .btn-outline-secondary:hover {
   color: #000;
   background-color: #f17732;
   border-color: #f17732;
 }
 
 .btn-check:focus+.btn-outline-secondary,
 .btn-outline-secondary:focus {
   box-shadow: 0 0 0 0rem rgba(241, 119, 50, 0.5);
 }
 
 .btn-check:checked+.btn-outline-secondary,
 .btn-check:active+.btn-outline-secondary,
 .btn-outline-secondary:active,
 .btn-outline-secondary.active,
 .btn-outline-secondary.dropdown-toggle.show {
   color: #000;
   background-color: #f17732;
   border-color: #f17732;
 }
 
 .btn-check:checked+.btn-outline-secondary:focus,
 .btn-check:active+.btn-outline-secondary:focus,
 .btn-outline-secondary:active:focus,
 .btn-outline-secondary.active:focus,
 .btn-outline-secondary.dropdown-toggle.show:focus {
   box-shadow: 0 0 0 0rem rgba(241, 119, 50, 0.5);
 }
 
 .btn-outline-secondary:disabled,
 .btn-outline-secondary.disabled {
   color: #f17732;
   background-color: transparent;
 }
 
 .btn-outline-success {
   color: #209f84;
   border-color: #209f84;
 }
 
 .btn-outline-success:hover {
   color: #000;
   background-color: #209f84;
   border-color: #209f84;
 }
 
 .btn-check:focus+.btn-outline-success,
 .btn-outline-success:focus {
   box-shadow: 0 0 0 0rem rgba(32, 159, 132, 0.5);
 }
 
 .btn-check:checked+.btn-outline-success,
 .btn-check:active+.btn-outline-success,
 .btn-outline-success:active,
 .btn-outline-success.active,
 .btn-outline-success.dropdown-toggle.show {
   color: #000;
   background-color: #209f84;
   border-color: #209f84;
 }
 
 .btn-check:checked+.btn-outline-success:focus,
 .btn-check:active+.btn-outline-success:focus,
 .btn-outline-success:active:focus,
 .btn-outline-success.active:focus,
 .btn-outline-success.dropdown-toggle.show:focus {
   box-shadow: 0 0 0 0rem rgba(32, 159, 132, 0.5);
 }
 
 .btn-outline-success:disabled,
 .btn-outline-success.disabled {
   color: #209f84;
   background-color: transparent;
 }
 
 .btn-outline-info {
   color: #2754e6;
   border-color: #2754e6;
 }
 
 .btn-outline-info:hover {
   color: #fff;
   background-color: #2754e6;
   border-color: #2754e6;
 }
 
 .btn-check:focus+.btn-outline-info,
 .btn-outline-info:focus {
   box-shadow: 0 0 0 0rem rgba(39, 84, 230, 0.5);
 }
 
 .btn-check:checked+.btn-outline-info,
 .btn-check:active+.btn-outline-info,
 .btn-outline-info:active,
 .btn-outline-info.active,
 .btn-outline-info.dropdown-toggle.show {
   color: #fff;
   background-color: #2754e6;
   border-color: #2754e6;
 }
 
 .btn-check:checked+.btn-outline-info:focus,
 .btn-check:active+.btn-outline-info:focus,
 .btn-outline-info:active:focus,
 .btn-outline-info.active:focus,
 .btn-outline-info.dropdown-toggle.show:focus {
   box-shadow: 0 0 0 0rem rgba(39, 84, 230, 0.5);
 }
 
 .btn-outline-info:disabled,
 .btn-outline-info.disabled {
   color: #2754e6;
   background-color: transparent;
 }
 
 .btn-outline-warning {
   color: #fe970e;
   border-color: #fe970e;
 }
 
 .btn-outline-warning:hover {
   color: #000;
   background-color: #fe970e;
   border-color: #fe970e;
 }
 
 .btn-check:focus+.btn-outline-warning,
 .btn-outline-warning:focus {
   box-shadow: 0 0 0 0rem rgba(254, 151, 14, 0.5);
 }
 
 .btn-check:checked+.btn-outline-warning,
 .btn-check:active+.btn-outline-warning,
 .btn-outline-warning:active,
 .btn-outline-warning.active,
 .btn-outline-warning.dropdown-toggle.show {
   color: #000;
   background-color: #fe970e;
   border-color: #fe970e;
 }
 
 .btn-check:checked+.btn-outline-warning:focus,
 .btn-check:active+.btn-outline-warning:focus,
 .btn-outline-warning:active:focus,
 .btn-outline-warning.active:focus,
 .btn-outline-warning.dropdown-toggle.show:focus {
   box-shadow: 0 0 0 0rem rgba(254, 151, 14, 0.5);
 }
 
 .btn-outline-warning:disabled,
 .btn-outline-warning.disabled {
   color: #fe970e;
   background-color: transparent;
 }
 
 .btn-outline-danger {
   color: #f72b50;
   border-color: #f72b50;
 }
 
 .btn-outline-danger:hover {
   color: #000;
   background-color: #f72b50;
   border-color: #f72b50;
 }
 
 .btn-check:focus+.btn-outline-danger,
 .btn-outline-danger:focus {
   box-shadow: 0 0 0 0rem rgba(247, 43, 80, 0.5);
 }
 
 .btn-check:checked+.btn-outline-danger,
 .btn-check:active+.btn-outline-danger,
 .btn-outline-danger:active,
 .btn-outline-danger.active,
 .btn-outline-danger.dropdown-toggle.show {
   color: #000;
   background-color: #f72b50;
   border-color: #f72b50;
 }
 
 .btn-check:checked+.btn-outline-danger:focus,
 .btn-check:active+.btn-outline-danger:focus,
 .btn-outline-danger:active:focus,
 .btn-outline-danger.active:focus,
 .btn-outline-danger.dropdown-toggle.show:focus {
   box-shadow: 0 0 0 0rem rgba(247, 43, 80, 0.5);
 }
 
 .btn-outline-danger:disabled,
 .btn-outline-danger.disabled {
   color: #f72b50;
   background-color: transparent;
 }
 
 .btn-outline-light {
   color: #fff;
   border-color: #fff;
 }
 
 .btn-outline-light:hover {
   color: #000;
   background-color: #fff;
   border-color: #fff;
 }
 
 .btn-check:focus+.btn-outline-light,
 .btn-outline-light:focus {
   box-shadow: 0 0 0 0rem rgba(255, 255, 255, 0.5);
 }
 
 .btn-check:checked+.btn-outline-light,
 .btn-check:active+.btn-outline-light,
 .btn-outline-light:active,
 .btn-outline-light.active,
 .btn-outline-light.dropdown-toggle.show {
   color: #000;
   background-color: #fff;
   border-color: #fff;
 }
 
 .btn-check:checked+.btn-outline-light:focus,
 .btn-check:active+.btn-outline-light:focus,
 .btn-outline-light:active:focus,
 .btn-outline-light.active:focus,
 .btn-outline-light.dropdown-toggle.show:focus {
   box-shadow: 0 0 0 0rem rgba(255, 255, 255, 0.5);
 }
 
 .btn-outline-light:disabled,
 .btn-outline-light.disabled {
   color: #fff;
   background-color: transparent;
 }
 
 .btn-outline-dark {
   color: #1f2278;
   border-color: #1f2278;
 }
 
 .btn-outline-dark:hover {
   color: #fff;
   background-color: #1f2278;
   border-color: #1f2278;
 }
 
 .btn-check:focus+.btn-outline-dark,
 .btn-outline-dark:focus {
   box-shadow: 0 0 0 0rem rgba(31, 34, 120, 0.5);
 }
 
 .btn-check:checked+.btn-outline-dark,
 .btn-check:active+.btn-outline-dark,
 .btn-outline-dark:active,
 .btn-outline-dark.active,
 .btn-outline-dark.dropdown-toggle.show {
   color: #fff;
   background-color: #1f2278;
   border-color: #1f2278;
 }
 
 .btn-check:checked+.btn-outline-dark:focus,
 .btn-check:active+.btn-outline-dark:focus,
 .btn-outline-dark:active:focus,
 .btn-outline-dark.active:focus,
 .btn-outline-dark.dropdown-toggle.show:focus {
   box-shadow: 0 0 0 0rem rgba(31, 34, 120, 0.5);
 }
 
 .btn-outline-dark:disabled,
 .btn-outline-dark.disabled {
   color: #1f2278;
   background-color: transparent;
 }
 
 .btn-link {
   font-weight: 400;
   color: #565acf;
   text-decoration: underline;
 }
 
 .btn-link:hover {
   color: #4548a6;
 }
 
 .btn-link:disabled,
 .btn-link.disabled {
   color: #6c757d;
 }
 
 .btn-lg,
 .btn-group-lg>.btn {
   padding: 0.5rem 1rem;
   font-size: 1.25rem;
   border-radius: 20px;
 }
 
 .btn-sm,
 .btn-group-sm>.btn {
   padding: 0.25rem 0.5rem;
   font-size: 0.875rem;
   border-radius: 0.2rem;
 }
 
 .fade {
   transition: opacity 0.15s linear;
 }
 
 @media (prefers-reduced-motion: reduce) {
   .fade {
     transition: none;
   }
 }
 
 .fade:not(.show) {
   opacity: 0;
 }
 
 .collapse:not(.show) {
   display: none;
 }
 
 .collapsing {
   height: 0;
   overflow: hidden;
   transition: height 0.35s ease;
 }
 
 @media (prefers-reduced-motion: reduce) {
   .collapsing {
     transition: none;
   }
 }
 
 .collapsing.collapse-horizontal {
   width: 0;
   height: auto;
   transition: width 0.35s ease;
 }
 
 @media (prefers-reduced-motion: reduce) {
   .collapsing.collapse-horizontal {
     transition: none;
   }
 }
 
 .dropup,
 .dropend,
 .dropdown,
 .dropstart {
   position: relative;
 }
 
 .dropdown-toggle {
   white-space: nowrap;
 }
 
 .dropdown-toggle::after {
   display: inline-block;
   margin-right: 0.255em;
   vertical-align: 0.255em;
   content: "";
   border-top: 0.3em solid;
   border-left: 0.3em solid transparent;
   border-bottom: 0;
   border-right: 0.3em solid transparent;
 }
 
 .dropdown-toggle:empty::after {
   margin-right: 0;
 }
 
 .dropdown-menu {
   position: absolute;
   z-index: 1000;
   display: none;
   min-width: 10rem;
   padding: 0.5rem 0;
   margin: 0;
   font-size: 1rem;
   color: #444;
   text-align: right;
   list-style: none;
   background-color: #fff;
   background-clip: padding-box;
   border: 1px solid rgba(0, 0, 0, 0.15);
   border-radius: 0.25rem;
 }
 
 .dropdown-menu[data-bs-popper] {
   top: 100%;
   right: 0;
   margin-top: 0.125rem;
 }
 
 .dropdown-menu-start {
   --bs-position: start;
 }
 
 .dropdown-menu-start[data-bs-popper] {
   left: auto;
   right: 0;
 }
 
 .dropdown-menu-end {
   --bs-position: end;
 }
 
 .dropdown-menu-end[data-bs-popper] {
   left: 0;
   right: auto;
 }
 
 @media (min-width: 576px) {
   .dropdown-menu-sm-start {
     --bs-position: start;
   }
 
   .dropdown-menu-sm-start[data-bs-popper] {
     left: auto;
     right: 0;
   }
 
   .dropdown-menu-sm-end {
     --bs-position: end;
   }
 
   .dropdown-menu-sm-end[data-bs-popper] {
     left: 0;
     right: auto;
   }
 }
 
 @media (min-width: 768px) {
   .dropdown-menu-md-start {
     --bs-position: start;
   }
 
   .dropdown-menu-md-start[data-bs-popper] {
     left: auto;
     right: 0;
   }
 
   .dropdown-menu-md-end {
     --bs-position: end;
   }
 
   .dropdown-menu-md-end[data-bs-popper] {
     left: 0;
     right: auto;
   }
 }
 
 @media (min-width: 992px) {
   .dropdown-menu-lg-start {
     --bs-position: start;
   }
 
   .dropdown-menu-lg-start[data-bs-popper] {
     left: auto;
     right: 0;
   }
 
   .dropdown-menu-lg-end {
     --bs-position: end;
   }
 
   .dropdown-menu-lg-end[data-bs-popper] {
     left: 0;
     right: auto;
   }
 }
 
 @media (min-width: 1200px) {
   .dropdown-menu-xl-start {
     --bs-position: start;
   }
 
   .dropdown-menu-xl-start[data-bs-popper] {
     left: auto;
     right: 0;
   }
 
   .dropdown-menu-xl-end {
     --bs-position: end;
   }
 
   .dropdown-menu-xl-end[data-bs-popper] {
     left: 0;
     right: auto;
   }
 }
 
 @media (min-width: 1440) {
   .dropdown-menu-xxl-start {
     --bs-position: start;
   }
 
   .dropdown-menu-xxl-start[data-bs-popper] {
     left: auto;
     right: 0;
   }
 
   .dropdown-menu-xxl-end {
     --bs-position: end;
   }
 
   .dropdown-menu-xxl-end[data-bs-popper] {
     left: 0;
     right: auto;
   }
 }
 
 .dropup .dropdown-menu[data-bs-popper] {
   top: auto;
   bottom: 100%;
   margin-top: 0;
   margin-bottom: 0.125rem;
 }
 
 .dropup .dropdown-toggle::after {
   display: inline-block;
   margin-right: 0.255em;
   vertical-align: 0.255em;
   content: "";
   border-top: 0;
   border-left: 0.3em solid transparent;
   border-bottom: 0.3em solid;
   border-right: 0.3em solid transparent;
 }
 
 .dropup .dropdown-toggle:empty::after {
   margin-right: 0;
 }
 
 .dropend .dropdown-menu[data-bs-popper] {
   top: 0;
   left: auto;
   right: 100%;
   margin-top: 0;
   margin-right: 0.125rem;
 }
 
 .dropend .dropdown-toggle::after {
   display: inline-block;
   margin-right: 0.255em;
   vertical-align: 0.255em;
   content: "";
   border-top: 0.3em solid transparent;
   border-left: 0;
   border-bottom: 0.3em solid transparent;
   border-right: 0.3em solid;
 }
 
 .dropend .dropdown-toggle:empty::after {
   margin-right: 0;
 }
 
 .dropend .dropdown-toggle::after {
   vertical-align: 0;
 }
 
 .dropstart .dropdown-menu[data-bs-popper] {
   top: 0;
   left: 100%;
   right: auto;
   margin-top: 0;
   margin-left: 0.125rem;
 }
 
 .dropstart .dropdown-toggle::after {
   display: inline-block;
   margin-right: 0.255em;
   vertical-align: 0.255em;
   content: "";
 }
 
 .dropstart .dropdown-toggle::after {
   display: none;
 }
 
 .dropstart .dropdown-toggle::before {
   display: inline-block;
   margin-left: 0.255em;
   vertical-align: 0.255em;
   content: "";
   border-top: 0.3em solid transparent;
   border-left: 0.3em solid;
   border-bottom: 0.3em solid transparent;
 }
 
 .dropstart .dropdown-toggle:empty::after {
   margin-right: 0;
 }
 
 .dropstart .dropdown-toggle::before {
   vertical-align: 0;
 }
 
 .dropdown-divider {
   height: 0;
   margin: 0.5rem 0;
   overflow: hidden;
   border-top: 1px solid rgba(0, 0, 0, 0.15);
 }
 
 .dropdown-item {
   display: block;
   width: 100%;
   padding: 0.25rem 1rem;
   clear: both;
   font-weight: 400;
   color: #212529;
   text-align: inherit;
   text-decoration: none;
   white-space: nowrap;
   background-color: transparent;
   border: 0;
 }
 
 .dropdown-item:hover,
 .dropdown-item:focus {
   color: #1e2125;
   background-color: #e9ecef;
 }
 
 .dropdown-item.active,
 .dropdown-item:active {
   color: #fff;
   text-decoration: none;
   background-color: #565acf;
 }
 
 .dropdown-item.disabled,
 .dropdown-item:disabled {
   color: #adb5bd;
   pointer-events: none;
   background-color: transparent;
 }
 
 .dropdown-menu.show {
   display: block;
 }
 
 .dropdown-header {
   display: block;
   padding: 0.5rem 1rem;
   margin-bottom: 0;
   font-size: 0.875rem;
   color: #6c757d;
   white-space: nowrap;
 }
 
 .dropdown-item-text {
   display: block;
   padding: 0.25rem 1rem;
   color: #212529;
 }
 
 .dropdown-menu-dark {
   color: #dee2e6;
   background-color: #343a40;
   border-color: rgba(0, 0, 0, 0.15);
 }
 
 .dropdown-menu-dark .dropdown-item {
   color: #dee2e6;
 }
 
 .dropdown-menu-dark .dropdown-item:hover,
 .dropdown-menu-dark .dropdown-item:focus {
   color: #fff;
   background-color: rgba(255, 255, 255, 0.15);
 }
 
 .dropdown-menu-dark .dropdown-item.active,
 .dropdown-menu-dark .dropdown-item:active {
   color: #fff;
   background-color: #565acf;
 }
 
 .dropdown-menu-dark .dropdown-item.disabled,
 .dropdown-menu-dark .dropdown-item:disabled {
   color: #adb5bd;
 }
 
 .dropdown-menu-dark .dropdown-divider {
   border-color: rgba(0, 0, 0, 0.15);
 }
 
 .dropdown-menu-dark .dropdown-item-text {
   color: #dee2e6;
 }
 
 .dropdown-menu-dark .dropdown-header {
   color: #adb5bd;
 }
 
 .btn-group,
 .btn-group-vertical {
   position: relative;
   display: inline-flex;
   vertical-align: middle;
 }
 
 .btn-group>.btn,
 .btn-group-vertical>.btn {
   position: relative;
   flex: 1 1 auto;
 }
 
 .btn-group>.btn-check:checked+.btn,
 .btn-group>.btn-check:focus+.btn,
 .btn-group>.btn:hover,
 .btn-group>.btn:focus,
 .btn-group>.btn:active,
 .btn-group>.btn.active,
 .btn-group-vertical>.btn-check:checked+.btn,
 .btn-group-vertical>.btn-check:focus+.btn,
 .btn-group-vertical>.btn:hover,
 .btn-group-vertical>.btn:focus,
 .btn-group-vertical>.btn:active,
 .btn-group-vertical>.btn.active {
   z-index: 1;
 }
 
 .btn-toolbar {
   display: flex;
   flex-wrap: wrap;
   justify-content: flex-start;
 }
 
 .btn-toolbar .input-group {
   width: auto;
 }
 
 .btn-group>.btn:not(:first-child),
 .btn-group>.btn-group:not(:first-child) {
   margin-right: -1px;
 }
 
 .btn-group>.btn:not(:last-child):not(.dropdown-toggle),
 .btn-group>.btn-group:not(:last-child)>.btn {
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }
 
 .btn-group>.btn:nth-child(n + 3),
 .btn-group> :not(.btn-check)+.btn,
 .btn-group>.btn-group:not(:first-child)>.btn {
   border-top-right-radius: 0;
   border-bottom-right-radius: 0;
 }
 
 .dropdown-toggle-split {
   padding-left: 0.5625rem;
   padding-right: 0.5625rem;
 }
 
 .dropdown-toggle-split::after,
 .dropup .dropdown-toggle-split::after,
 .dropend .dropdown-toggle-split::after {
   margin-right: 0;
 }
 
 .dropstart .dropdown-toggle-split::before {
   margin-left: 0;
 }
 
 .btn-sm+.dropdown-toggle-split,
 .btn-group-sm>.btn+.dropdown-toggle-split {
   padding-left: 0.375rem;
   padding-right: 0.375rem;
 }
 
 .btn-lg+.dropdown-toggle-split,
 .btn-group-lg>.btn+.dropdown-toggle-split {
   padding-left: 0.75rem;
   padding-right: 0.75rem;
 }
 
 .btn-group-vertical {
   flex-direction: column;
   align-items: flex-start;
   justify-content: center;
 }
 
 .btn-group-vertical>.btn,
 .btn-group-vertical>.btn-group {
   width: 100%;
 }
 
 .btn-group-vertical>.btn:not(:first-child),
 .btn-group-vertical>.btn-group:not(:first-child) {
   margin-top: -1px;
 }
 
 .btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle),
 .btn-group-vertical>.btn-group:not(:last-child)>.btn {
   border-bottom-left-radius: 0;
   border-bottom-right-radius: 0;
 }
 
 .btn-group-vertical>.btn~.btn,
 .btn-group-vertical>.btn-group:not(:first-child)>.btn {
   border-top-right-radius: 0;
   border-top-left-radius: 0;
 }
 
 .nav {
   display: flex;
   flex-wrap: wrap;
   padding-right: 0;
   margin-bottom: 0;
   list-style: none;
 }
 
 .nav-link {
   display: block;
   padding: 0.5rem 1rem;
   color: #565acf;
   text-decoration: none;
   transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
 }
 
 @media (prefers-reduced-motion: reduce) {
   .nav-link {
     transition: none;
   }
 }
 
 .nav-link:hover,
 .nav-link:focus {
   color: #4548a6;
 }
 
 .nav-link.disabled {
   color: #6c757d;
   pointer-events: none;
   cursor: default;
 }
 
 .nav-tabs {
   border-bottom: 1px solid #dee2e6;
 }
 
 .nav-tabs .nav-link {
   margin-bottom: -1px;
   background: none;
   border: 1px solid transparent;
   border-top-right-radius: 0.25rem;
   border-top-left-radius: 0.25rem;
 }
 
 .nav-tabs .nav-link:hover,
 .nav-tabs .nav-link:focus {
   border-color: #e9ecef #e9ecef #dee2e6;
   isolation: isolate;
 }
 
 .nav-tabs .nav-link.disabled {
   color: #6c757d;
   background-color: transparent;
   border-color: transparent;
 }
 
 .nav-tabs .nav-link.active,
 .nav-tabs .nav-item.show .nav-link {
   color: #495057;
   background-color: #ffffff;
   border-color: #dee2e6 #dee2e6 #ffffff;
 }
 
 .nav-tabs .dropdown-menu {
   margin-top: -1px;
   border-top-right-radius: 0;
   border-top-left-radius: 0;
 }
 
 .nav-pills .nav-link {
   background: none;
   border: 0;
   border-radius: 0.25rem;
 }
 
 .nav-pills .nav-link.active,
 .nav-pills .show>.nav-link {
   color: #fff;
   background-color: #565acf;
 }
 
 .nav-fill>.nav-link,
 .nav-fill .nav-item {
   flex: 1 1 auto;
   text-align: center;
 }
 
 .nav-justified>.nav-link,
 .nav-justified .nav-item {
   flex-basis: 0;
   flex-grow: 1;
   text-align: center;
 }
 
 .nav-fill .nav-item .nav-link,
 .nav-justified .nav-item .nav-link {
   width: 100%;
 }
 
 .tab-content>.tab-pane {
   display: none;
 }
 
 .tab-content>.active {
   display: block;
 }
 
 .navbar {
   position: relative;
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   justify-content: space-between;
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
 }
 
 .navbar>.container,
 .navbar>.container-fluid,
 .navbar>.container-sm,
 .navbar>.container-md,
 .navbar>.container-lg,
 .navbar>.container-xl {
   display: flex;
   flex-wrap: inherit;
   align-items: center;
   justify-content: space-between;
 }
 
 .navbar-brand {
   padding-top: 0.3125rem;
   padding-bottom: 0.3125rem;
   margin-left: 1rem;
   font-size: 1.25rem;
   text-decoration: none;
   white-space: nowrap;
 }
 
 .navbar-nav {
   display: flex;
   flex-direction: column;
   padding-right: 0;
   margin-bottom: 0;
   list-style: none;
 }
 
 .navbar-nav .nav-link {
   padding-left: 0;
   padding-right: 0;
 }
 
 .navbar-nav .dropdown-menu {
   position: static;
 }
 
 .navbar-text {
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
 }
 
 .navbar-collapse {
   flex-basis: 100%;
   flex-grow: 1;
   align-items: center;
 }
 
 .navbar-toggler {
   padding: 0.25rem 0.75rem;
   font-size: 1.25rem;
   line-height: 1;
   background-color: transparent;
   border: 1px solid transparent;
   border-radius: 0.25rem;
   transition: box-shadow 0.15s ease-in-out;
 }
 
 @media (prefers-reduced-motion: reduce) {
   .navbar-toggler {
     transition: none;
   }
 }
 
 .navbar-toggler:hover {
   text-decoration: none;
 }
 
 .navbar-toggler:focus {
   text-decoration: none;
   outline: 0;
   box-shadow: 0 0 0 0rem;
 }
 
 .navbar-toggler-icon {
   display: inline-block;
   width: 1.5em;
   height: 1.5em;
   vertical-align: middle;
   background-repeat: no-repeat;
   background-position: center;
   background-size: 100%;
 }
 
 .navbar-nav-scroll {
   max-height: var(--bs-scroll-height, 75vh);
   overflow-y: auto;
 }
 
 @media (min-width: 576px) {
   .navbar-expand-sm {
     flex-wrap: nowrap;
     justify-content: flex-start;
   }
 
   .navbar-expand-sm .navbar-nav {
     flex-direction: row;
   }
 
   .navbar-expand-sm .navbar-nav .dropdown-menu {
     position: absolute;
   }
 
   .navbar-expand-sm .navbar-nav .nav-link {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
 
   .navbar-expand-sm .navbar-nav-scroll {
     overflow: visible;
   }
 
   .navbar-expand-sm .navbar-collapse {
     display: flex !important;
     flex-basis: auto;
   }
 
   .navbar-expand-sm .navbar-toggler {
     display: none;
   }
 
   .navbar-expand-sm .offcanvas-header {
     display: none;
   }
 
   .navbar-expand-sm .offcanvas {
     position: inherit;
     bottom: 0;
     z-index: 1000;
     flex-grow: 1;
     visibility: visible !important;
     background-color: transparent;
     border-left: 0;
     border-right: 0;
     transition: none;
     transform: none;
   }
 
   .navbar-expand-sm .offcanvas-top,
   .navbar-expand-sm .offcanvas-bottom {
     height: auto;
     border-top: 0;
     border-bottom: 0;
   }
 
   .navbar-expand-sm .offcanvas-body {
     display: flex;
     flex-grow: 0;
     padding: 0;
     overflow-y: visible;
   }
 }
 
 @media (min-width: 768px) {
   .navbar-expand-md {
     flex-wrap: nowrap;
     justify-content: flex-start;
   }
 
   .navbar-expand-md .navbar-nav {
     flex-direction: row;
   }
 
   .navbar-expand-md .navbar-nav .dropdown-menu {
     position: absolute;
   }
 
   .navbar-expand-md .navbar-nav .nav-link {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
 
   .navbar-expand-md .navbar-nav-scroll {
     overflow: visible;
   }
 
   .navbar-expand-md .navbar-collapse {
     display: flex !important;
     flex-basis: auto;
   }
 
   .navbar-expand-md .navbar-toggler {
     display: none;
   }
 
   .navbar-expand-md .offcanvas-header {
     display: none;
   }
 
   .navbar-expand-md .offcanvas {
     position: inherit;
     bottom: 0;
     z-index: 1000;
     flex-grow: 1;
     visibility: visible !important;
     background-color: transparent;
     border-left: 0;
     border-right: 0;
     transition: none;
     transform: none;
   }
 
   .navbar-expand-md .offcanvas-top,
   .navbar-expand-md .offcanvas-bottom {
     height: auto;
     border-top: 0;
     border-bottom: 0;
   }
 
   .navbar-expand-md .offcanvas-body {
     display: flex;
     flex-grow: 0;
     padding: 0;
     overflow-y: visible;
   }
 }
 
 @media (min-width: 992px) {
   .navbar-expand-lg {
     flex-wrap: nowrap;
     justify-content: flex-start;
   }
 
   .navbar-expand-lg .navbar-nav {
     flex-direction: row;
   }
 
   .navbar-expand-lg .navbar-nav .dropdown-menu {
     position: absolute;
   }
 
   .navbar-expand-lg .navbar-nav .nav-link {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
 
   .navbar-expand-lg .navbar-nav-scroll {
     overflow: visible;
   }
 
   .navbar-expand-lg .navbar-collapse {
     display: flex !important;
     flex-basis: auto;
   }
 
   .navbar-expand-lg .navbar-toggler {
     display: none;
   }
 
   .navbar-expand-lg .offcanvas-header {
     display: none;
   }
 
   .navbar-expand-lg .offcanvas {
     position: inherit;
     bottom: 0;
     z-index: 1000;
     flex-grow: 1;
     visibility: visible !important;
     background-color: transparent;
     border-left: 0;
     border-right: 0;
     transition: none;
     transform: none;
   }
 
   .navbar-expand-lg .offcanvas-top,
   .navbar-expand-lg .offcanvas-bottom {
     height: auto;
     border-top: 0;
     border-bottom: 0;
   }
 
   .navbar-expand-lg .offcanvas-body {
     display: flex;
     flex-grow: 0;
     padding: 0;
     overflow-y: visible;
   }
 }
 
 @media (min-width: 1200px) {
   .navbar-expand-xl {
     flex-wrap: nowrap;
     justify-content: flex-start;
   }
 
   .navbar-expand-xl .navbar-nav {
     flex-direction: row;
   }
 
   .navbar-expand-xl .navbar-nav .dropdown-menu {
     position: absolute;
   }
 
   .navbar-expand-xl .navbar-nav .nav-link {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
 
   .navbar-expand-xl .navbar-nav-scroll {
     overflow: visible;
   }
 
   .navbar-expand-xl .navbar-collapse {
     display: flex !important;
     flex-basis: auto;
   }
 
   .navbar-expand-xl .navbar-toggler {
     display: none;
   }
 
   .navbar-expand-xl .offcanvas-header {
     display: none;
   }
 
   .navbar-expand-xl .offcanvas {
     position: inherit;
     bottom: 0;
     z-index: 1000;
     flex-grow: 1;
     visibility: visible !important;
     background-color: transparent;
     border-left: 0;
     border-right: 0;
     transition: none;
     transform: none;
   }
 
   .navbar-expand-xl .offcanvas-top,
   .navbar-expand-xl .offcanvas-bottom {
     height: auto;
     border-top: 0;
     border-bottom: 0;
   }
 
   .navbar-expand-xl .offcanvas-body {
     display: flex;
     flex-grow: 0;
     padding: 0;
     overflow-y: visible;
   }
 }
 
 @media (min-width: 1440) {
   .navbar-expand-xxl {
     flex-wrap: nowrap;
     justify-content: flex-start;
   }
 
   .navbar-expand-xxl .navbar-nav {
     flex-direction: row;
   }
 
   .navbar-expand-xxl .navbar-nav .dropdown-menu {
     position: absolute;
   }
 
   .navbar-expand-xxl .navbar-nav .nav-link {
     padding-left: 0.5rem;
     padding-right: 0.5rem;
   }
 
   .navbar-expand-xxl .navbar-nav-scroll {
     overflow: visible;
   }
 
   .navbar-expand-xxl .navbar-collapse {
     display: flex !important;
     flex-basis: auto;
   }
 
   .navbar-expand-xxl .navbar-toggler {
     display: none;
   }
 
   .navbar-expand-xxl .offcanvas-header {
     display: none;
   }
 
   .navbar-expand-xxl .offcanvas {
     position: inherit;
     bottom: 0;
     z-index: 1000;
     flex-grow: 1;
     visibility: visible !important;
     background-color: transparent;
     border-left: 0;
     border-right: 0;
     transition: none;
     transform: none;
   }
 
   .navbar-expand-xxl .offcanvas-top,
   .navbar-expand-xxl .offcanvas-bottom {
     height: auto;
     border-top: 0;
     border-bottom: 0;
   }
 
   .navbar-expand-xxl .offcanvas-body {
     display: flex;
     flex-grow: 0;
     padding: 0;
     overflow-y: visible;
   }
 }
 
 .navbar-expand {
   flex-wrap: nowrap;
   justify-content: flex-start;
 }
 
 .navbar-expand .navbar-nav {
   flex-direction: row;
 }
 
 .navbar-expand .navbar-nav .dropdown-menu {
   position: absolute;
 }
 
 .navbar-expand .navbar-nav .nav-link {
   padding-left: 0.5rem;
   padding-right: 0.5rem;
 }
 
 .navbar-expand .navbar-nav-scroll {
   overflow: visible;
 }
 
 .navbar-expand .navbar-collapse {
   display: flex !important;
   flex-basis: auto;
 }
 
 .navbar-expand .navbar-toggler {
   display: none;
 }
 
 .navbar-expand .offcanvas-header {
   display: none;
 }
 
 .navbar-expand .offcanvas {
   position: inherit;
   bottom: 0;
   z-index: 1000;
   flex-grow: 1;
   visibility: visible !important;
   background-color: transparent;
   border-left: 0;
   border-right: 0;
   transition: none;
   transform: none;
 }
 
 .navbar-expand .offcanvas-top,
 .navbar-expand .offcanvas-bottom {
   height: auto;
   border-top: 0;
   border-bottom: 0;
 }
 
 .navbar-expand .offcanvas-body {
   display: flex;
   flex-grow: 0;
   padding: 0;
   overflow-y: visible;
 }
 
 .navbar-light .navbar-brand {
   color: rgba(0, 0, 0, 0.9);
 }
 
 .navbar-light .navbar-brand:hover,
 .navbar-light .navbar-brand:focus {
   color: rgba(0, 0, 0, 0.9);
 }
 
 .navbar-light .navbar-nav .nav-link {
   color: rgba(0, 0, 0, 0.55);
 }
 
 .navbar-light .navbar-nav .nav-link:hover,
 .navbar-light .navbar-nav .nav-link:focus {
   color: rgba(0, 0, 0, 0.7);
 }
 
 .navbar-light .navbar-nav .nav-link.disabled {
   color: rgba(0, 0, 0, 0.3);
 }
 
 .navbar-light .navbar-nav .show>.nav-link,
 .navbar-light .navbar-nav .nav-link.active {
   color: rgba(0, 0, 0, 0.9);
 }
 
 .navbar-light .navbar-toggler {
   color: rgba(0, 0, 0, 0.55);
   border-color: rgba(0, 0, 0, 0.1);
 }
 
 .navbar-light .navbar-toggler-icon {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
 }
 
 .navbar-light .navbar-text {
   color: rgba(0, 0, 0, 0.55);
 }
 
 .navbar-light .navbar-text a,
 .navbar-light .navbar-text a:hover,
 .navbar-light .navbar-text a:focus {
   color: rgba(0, 0, 0, 0.9);
 }
 
 .navbar-dark .navbar-brand {
   color: #fff;
 }
 
 .navbar-dark .navbar-brand:hover,
 .navbar-dark .navbar-brand:focus {
   color: #fff;
 }
 
 .navbar-dark .navbar-nav .nav-link {
   color: rgba(255, 255, 255, 0.55);
 }
 
 .navbar-dark .navbar-nav .nav-link:hover,
 .navbar-dark .navbar-nav .nav-link:focus {
   color: rgba(255, 255, 255, 0.75);
 }
 
 .navbar-dark .navbar-nav .nav-link.disabled {
   color: rgba(255, 255, 255, 0.25);
 }
 
 .navbar-dark .navbar-nav .show>.nav-link,
 .navbar-dark .navbar-nav .nav-link.active {
   color: #fff;
 }
 
 .navbar-dark .navbar-toggler {
   color: rgba(255, 255, 255, 0.55);
   border-color: rgba(255, 255, 255, 0.1);
 }
 
 .navbar-dark .navbar-toggler-icon {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
 }
 
 .navbar-dark .navbar-text {
   color: rgba(255, 255, 255, 0.55);
 }
 
 .navbar-dark .navbar-text a,
 .navbar-dark .navbar-text a:hover,
 .navbar-dark .navbar-text a:focus {
   color: #fff;
 }
 
 .card {
   position: relative;
   display: flex;
   flex-direction: column;
   min-width: 0;
   word-wrap: break-word;
   background-color: #fff;
   background-clip: border-box;
   border: 1px solid rgba(0, 0, 0, 0.125);
   border-radius: 0.25rem;
 }
 
 .card>hr {
   margin-left: 0;
   margin-right: 0;
 }
 
 .card>.list-group {
   border-top: inherit;
   border-bottom: inherit;
 }
 
 .card>.list-group:first-child {
   border-top-width: 0;
   border-top-right-radius: calc(0.25rem - 1px);
   border-top-left-radius: calc(0.25rem - 1px);
 }
 
 .card>.list-group:last-child {
   border-bottom-width: 0;
   border-bottom-left-radius: calc(0.25rem - 1px);
   border-bottom-right-radius: calc(0.25rem - 1px);
 }
 
 .card>.card-header+.list-group,
 .card>.list-group+.card-footer {
   border-top: 0;
 }
 
 .card-body {
   flex: 1 1 auto;
   padding: 1rem 1rem;
 }
 
 .card-title {
   margin-bottom: 0.5rem;
 }
 
 .card-subtitle {
   margin-top: -0.25rem;
   margin-bottom: 0;
 }
 
 .card-text:last-child {
   margin-bottom: 0;
 }
 
 .card-link+.card-link {
   margin-right: 1rem;
 }
 
 .card-header {
   padding: 0.5rem 1rem;
   margin-bottom: 0;
   background-color: rgba(0, 0, 0, 0.03);
   border-bottom: 1px solid rgba(0, 0, 0, 0.125);
 }
 
 .card-header:first-child {
   border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
 }
 
 .card-footer {
   padding: 0.5rem 1rem;
   background-color: rgba(0, 0, 0, 0.03);
   border-top: 1px solid rgba(0, 0, 0, 0.125);
 }
 
 .card-footer:last-child {
   border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
 }
 
 .card-header-tabs {
   margin-left: -0.5rem;
   margin-bottom: -0.5rem;
   margin-right: -0.5rem;
   border-bottom: 0;
 }
 
 .card-header-pills {
   margin-left: -0.5rem;
   margin-right: -0.5rem;
 }
 
 .card-img-overlay {
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   padding: 1rem;
   border-radius: calc(0.25rem - 1px);
 }
 
 .card-img,
 .card-img-top,
 .card-img-bottom {
   width: 100%;
 }
 
 .card-img,
 .card-img-top {
   border-top-right-radius: calc(0.25rem - 1px);
   border-top-left-radius: calc(0.25rem - 1px);
 }
 
 .card-img,
 .card-img-bottom {
   border-bottom-left-radius: calc(0.25rem - 1px);
   border-bottom-right-radius: calc(0.25rem - 1px);
 }
 
 .card-group>.card {
   margin-bottom: 15px;
 }
 
 @media (min-width: 576px) {
   .card-group {
     display: flex;
     flex-flow: row wrap;
   }
 
   .card-group>.card {
     flex: 1 0 0%;
     margin-bottom: 0;
   }
 
   .card-group>.card+.card {
     margin-right: 0;
     border-right: 0;
   }
 
   .card-group>.card:not(:last-child) {
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
   }
 
   .card-group>.card:not(:last-child) .card-img-top,
   .card-group>.card:not(:last-child) .card-header {
     border-top-left-radius: 0;
   }
 
   .card-group>.card:not(:last-child) .card-img-bottom,
   .card-group>.card:not(:last-child) .card-footer {
     border-bottom-left-radius: 0;
   }
 
   .card-group>.card:not(:first-child) {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
   }
 
   .card-group>.card:not(:first-child) .card-img-top,
   .card-group>.card:not(:first-child) .card-header {
     border-top-right-radius: 0;
   }
 
   .card-group>.card:not(:first-child) .card-img-bottom,
   .card-group>.card:not(:first-child) .card-footer {
     border-bottom-right-radius: 0;
   }
 }
 
 .accordion-button {
   position: relative;
   display: flex;
   align-items: center;
   width: 100%;
   padding: 1rem 1.25rem;
   font-size: 1rem;
   color: #444;
   text-align: right;
   background-color: #ffffff;
   border: 0;
   border-radius: 0;
   overflow-anchor: none;
   transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
 }
 
 @media (prefers-reduced-motion: reduce) {
   .accordion-button {
     transition: none;
   }
 }
 
 .accordion-button:not(.collapsed) {
   color: #4d51ba;
   background-color: #eeeffa;
   box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
 }
 
 .accordion-button:not(.collapsed)::after {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%234d51ba'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
   transform: rotate(180deg);
 }
 
 .accordion-button::after {
   flex-shrink: 0;
   width: 1.25rem;
   height: 1.25rem;
   margin-right: auto;
   content: "";
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23444'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
   background-repeat: no-repeat;
   background-size: 1.25rem;
   transition: transform 0.2s ease-in-out;
 }
 
 @media (prefers-reduced-motion: reduce) {
   .accordion-button::after {
     transition: none;
   }
 }
 
 .accordion-button:hover {
   z-index: 2;
 }
 
 .accordion-button:focus {
   z-index: 3;
   border-color: #abade7;
   outline: 0;
   box-shadow: 0 0 0 0rem rgba(86, 90, 207, 0.25);
 }
 
 .accordion-header {
   margin-bottom: 0;
 }
 
 .accordion-item {
   background-color: #ffffff;
   border: 1px solid rgba(0, 0, 0, 0.125);
 }
 
 .accordion-item:first-of-type {
   border-top-right-radius: 0.25rem;
   border-top-left-radius: 0.25rem;
 }
 
 .accordion-item:first-of-type .accordion-button {
   border-top-right-radius: calc(0.25rem - 1px);
   border-top-left-radius: calc(0.25rem - 1px);
 }
 
 .accordion-item:not(:first-of-type) {
   border-top: 0;
 }
 
 .accordion-item:last-of-type {
   border-bottom-left-radius: 0.25rem;
   border-bottom-right-radius: 0.25rem;
 }
 
 .accordion-item:last-of-type .accordion-button.collapsed {
   border-bottom-left-radius: calc(0.25rem - 1px);
   border-bottom-right-radius: calc(0.25rem - 1px);
 }
 
 .accordion-item:last-of-type .accordion-collapse {
   border-bottom-left-radius: 0.25rem;
   border-bottom-right-radius: 0.25rem;
 }
 
 .accordion-body {
   padding: 1rem 1.25rem;
 }
 
 .accordion-flush .accordion-collapse {
   border-width: 0;
 }
 
 .accordion-flush .accordion-item {
   border-left: 0;
   border-right: 0;
   border-radius: 0;
 }
 
 .accordion-flush .accordion-item:first-child {
   border-top: 0;
 }
 
 .accordion-flush .accordion-item:last-child {
   border-bottom: 0;
 }
 
 .accordion-flush .accordion-item .accordion-button {
   border-radius: 0;
 }
 
 .breadcrumb {
   display: flex;
   flex-wrap: wrap;
   padding: 0 0;
   margin-bottom: 1rem;
   list-style: none;
 }
 
 .breadcrumb-item+.breadcrumb-item {
   padding-right: 0.5rem;
 }
 
 .breadcrumb-item+.breadcrumb-item::before {
   float: right;
   padding-left: 0.5rem;
   color: #6c757d;
   content:  var(--bs-breadcrumb-divider, "/") ;
 }
 
 .breadcrumb-item.active {
   color: #6c757d;
 }
 
 .pagination {
   display: flex;
   padding-right: 0;
   list-style: none;
 }
 
 .page-link {
   position: relative;
   display: block;
   color: #565acf;
   text-decoration: none;
   background-color: #fff;
   border: 1px solid #dee2e6;
   transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 }
 
 @media (prefers-reduced-motion: reduce) {
   .page-link {
     transition: none;
   }
 }
 
 .page-link:hover {
   z-index: 2;
   color: #4548a6;
   background-color: #e9ecef;
   border-color: #dee2e6;
 }
 
 .page-link:focus {
   z-index: 3;
   color: #4548a6;
   background-color: #e9ecef;
   outline: 0;
   box-shadow: 0 0 0 0rem rgba(86, 90, 207, 0.25);
 }
 
 .page-item:not(:first-child) .page-link {
   margin-right: -1px;
 }
 
 .page-item.active .page-link {
   z-index: 3;
   color: #fff;
   background-color: #565acf;
   border-color: #565acf;
 }
 
 .page-item.disabled .page-link {
   color: #6c757d;
   pointer-events: none;
   background-color: #fff;
   border-color: #dee2e6;
 }
 
 .page-link {
   padding: 0.375rem 0.75rem;
 }
 
 .page-item:first-child .page-link {
   border-top-right-radius: 0.25rem;
   border-bottom-right-radius: 0.25rem;
 }
 
 .page-item:last-child .page-link {
   border-top-left-radius: 0.25rem;
   border-bottom-left-radius: 0.25rem;
 }
 
 .pagination-lg .page-link {
   padding: 0.75rem 1.5rem;
   font-size: 1.25rem;
 }
 
 .pagination-lg .page-item:first-child .page-link {
   border-top-right-radius: 20px;
   border-bottom-right-radius: 20px;
 }
 
 .pagination-lg .page-item:last-child .page-link {
   border-top-left-radius: 20px;
   border-bottom-left-radius: 20px;
 }
 
 .pagination-sm .page-link {
   padding: 0.25rem 0.5rem;
   font-size: 0.875rem;
 }
 
 .pagination-sm .page-item:first-child .page-link {
   border-top-right-radius: 0.2rem;
   border-bottom-right-radius: 0.2rem;
 }
 
 .pagination-sm .page-item:last-child .page-link {
   border-top-left-radius: 0.2rem;
   border-bottom-left-radius: 0.2rem;
 }
 
 .badge {
   display: inline-block;
   padding: 0.35em 0.65em;
   font-size: 0.75em;
   font-weight: 700;
   line-height: 1;
   color: #fff;
   text-align: center;
   white-space: nowrap;
   vertical-align: baseline;
   border-radius: 0.25rem;
 }
 
 .badge:empty {
   display: none;
 }
 
 .btn .badge {
   position: relative;
   top: -1px;
 }
 
 .alert {
   position: relative;
   padding: 1rem 1rem;
   margin-bottom: 1rem;
   border: 1px solid transparent;
   border-radius: 0.25rem;
 }
 
 .alert-heading {
   color: inherit;
 }
 
 .alert-link {
   font-weight: 700;
 }
 
 .alert-dismissible {
   padding-left: 3rem;
 }
 
 .alert-dismissible .btn-close {
   position: absolute;
   top: 0;
   left: 0;
   z-index: 2;
   padding: 1.25rem 1rem;
 }
 
 .alert-primary {
   color: #34367c;
   background-color: #dddef5;
   border-color: #cccef1;
 }
 
 .alert-primary .alert-link {
   color: #2a2b63;
 }
 
 .alert-secondary {
   color: #91471e;
   background-color: #fce4d6;
   border-color: #fbd6c2;
 }
 
 .alert-secondary .alert-link {
   color: #743918;
 }
 
 .alert-success {
   color: #135f4f;
   background-color: #d2ece6;
   border-color: #bce2da;
 }
 
 .alert-success .alert-link {
   color: #0f4c3f;
 }
 
 .alert-info {
   color: #17328a;
   background-color: #d4ddfa;
   border-color: #beccf8;
 }
 
 .alert-info .alert-link {
   color: #12286e;
 }
 
 .alert-warning {
   color: #985b08;
   background-color: #ffeacf;
   border-color: #ffe0b7;
 }
 
 .alert-warning .alert-link {
   color: #7a4906;
 }
 
 .alert-danger {
   color: #941a30;
   background-color: #fdd5dc;
   border-color: #fdbfcb;
 }
 
 .alert-danger .alert-link {
   color: #761526;
 }
 
 .alert-light {
   color: #666666;
   background-color: white;
   border-color: white;
 }
 
 .alert-light .alert-link {
   color: #525252;
 }
 
 .alert-dark {
   color: #131448;
   background-color: #d2d3e4;
   border-color: #bcbdd7;
 }
 
 .alert-dark .alert-link {
   color: #0f103a;
 }
 
 @keyframes progress-bar-stripes {
   0% {
     background-position-x: 1rem;
   }
 }
 
 .progress {
   display: flex;
   height: 1rem;
   overflow: hidden;
   font-size: 0.75rem;
   background-color: #e9ecef;
   border-radius: 0.25rem;
 }
 
 .progress-bar {
   display: flex;
   flex-direction: column;
   justify-content: center;
   overflow: hidden;
   color: #fff;
   text-align: center;
   white-space: nowrap;
   background-color: #565acf;
   transition: width 0.6s ease;
 }
 
 @media (prefers-reduced-motion: reduce) {
   .progress-bar {
     transition: none;
   }
 }
 
 .progress-bar-striped {
   background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
   background-size: 1rem 1rem;
 }
 
 .progress-bar-animated {
   animation: 1s linear infinite progress-bar-stripes;
 }
 
 @media (prefers-reduced-motion: reduce) {
   .progress-bar-animated {
     animation: none;
   }
 }
 
 .list-group {
   display: flex;
   flex-direction: column;
   padding-right: 0;
   margin-bottom: 0;
   border-radius: 0.25rem;
 }
 
 .list-group-numbered {
   list-style-type: none;
   counter-reset: section;
 }
 
 .list-group-numbered>li::before {
   content: counters(section, ".") ". ";
   counter-increment: section;
 }
 
 .list-group-item-action {
   width: 100%;
   color: #495057;
   text-align: inherit;
 }
 
 .list-group-item-action:hover,
 .list-group-item-action:focus {
   z-index: 1;
   color: #495057;
   text-decoration: none;
   background-color: #f8f9fa;
 }
 
 .list-group-item-action:active {
   color: #444;
   background-color: #e9ecef;
 }
 
 .list-group-item {
   position: relative;
   display: block;
   padding: 0.5rem 1rem;
   color: #212529;
   text-decoration: none;
   background-color: #fff;
   border: 1px solid rgba(0, 0, 0, 0.125);
 }
 
 .list-group-item:first-child {
   border-top-right-radius: inherit;
   border-top-left-radius: inherit;
 }
 
 .list-group-item:last-child {
   border-bottom-left-radius: inherit;
   border-bottom-right-radius: inherit;
 }
 
 .list-group-item.disabled,
 .list-group-item:disabled {
   color: #6c757d;
   pointer-events: none;
   background-color: #fff;
 }
 
 .list-group-item.active {
   z-index: 2;
   color: #fff;
   background-color: #565acf;
   border-color: #565acf;
 }
 
 .list-group-item+.list-group-item {
   border-top-width: 0;
 }
 
 .list-group-item+.list-group-item.active {
   margin-top: -1px;
   border-top-width: 1px;
 }
 
 .list-group-horizontal {
   flex-direction: row;
 }
 
 .list-group-horizontal>.list-group-item:first-child {
   border-bottom-right-radius: 0.25rem;
   border-top-left-radius: 0;
 }
 
 .list-group-horizontal>.list-group-item:last-child {
   border-top-left-radius: 0.25rem;
   border-bottom-right-radius: 0;
 }
 
 .list-group-horizontal>.list-group-item.active {
   margin-top: 0;
 }
 
 .list-group-horizontal>.list-group-item+.list-group-item {
   border-top-width: 1px;
   border-right-width: 0;
 }
 
 .list-group-horizontal>.list-group-item+.list-group-item.active {
   margin-right: -1px;
   border-right-width: 1px;
 }
 
 @media (min-width: 576px) {
   .list-group-horizontal-sm {
     flex-direction: row;
   }
 
   .list-group-horizontal-sm>.list-group-item:first-child {
     border-bottom-right-radius: 0.25rem;
     border-top-left-radius: 0;
   }
 
   .list-group-horizontal-sm>.list-group-item:last-child {
     border-top-left-radius: 0.25rem;
     border-bottom-right-radius: 0;
   }
 
   .list-group-horizontal-sm>.list-group-item.active {
     margin-top: 0;
   }
 
   .list-group-horizontal-sm>.list-group-item+.list-group-item {
     border-top-width: 1px;
     border-right-width: 0;
   }
 
   .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
     margin-right: -1px;
     border-right-width: 1px;
   }
 }
 
 @media (min-width: 768px) {
   .list-group-horizontal-md {
     flex-direction: row;
   }
 
   .list-group-horizontal-md>.list-group-item:first-child {
     border-bottom-right-radius: 0.25rem;
     border-top-left-radius: 0;
   }
 
   .list-group-horizontal-md>.list-group-item:last-child {
     border-top-left-radius: 0.25rem;
     border-bottom-right-radius: 0;
   }
 
   .list-group-horizontal-md>.list-group-item.active {
     margin-top: 0;
   }
 
   .list-group-horizontal-md>.list-group-item+.list-group-item {
     border-top-width: 1px;
     border-right-width: 0;
   }
 
   .list-group-horizontal-md>.list-group-item+.list-group-item.active {
     margin-right: -1px;
     border-right-width: 1px;
   }
 }
 
 @media (min-width: 992px) {
   .list-group-horizontal-lg {
     flex-direction: row;
   }
 
   .list-group-horizontal-lg>.list-group-item:first-child {
     border-bottom-right-radius: 0.25rem;
     border-top-left-radius: 0;
   }
 
   .list-group-horizontal-lg>.list-group-item:last-child {
     border-top-left-radius: 0.25rem;
     border-bottom-right-radius: 0;
   }
 
   .list-group-horizontal-lg>.list-group-item.active {
     margin-top: 0;
   }
 
   .list-group-horizontal-lg>.list-group-item+.list-group-item {
     border-top-width: 1px;
     border-right-width: 0;
   }
 
   .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
     margin-right: -1px;
     border-right-width: 1px;
   }
 }
 
 @media (min-width: 1200px) {
   .list-group-horizontal-xl {
     flex-direction: row;
   }
 
   .list-group-horizontal-xl>.list-group-item:first-child {
     border-bottom-right-radius: 0.25rem;
     border-top-left-radius: 0;
   }
 
   .list-group-horizontal-xl>.list-group-item:last-child {
     border-top-left-radius: 0.25rem;
     border-bottom-right-radius: 0;
   }
 
   .list-group-horizontal-xl>.list-group-item.active {
     margin-top: 0;
   }
 
   .list-group-horizontal-xl>.list-group-item+.list-group-item {
     border-top-width: 1px;
     border-right-width: 0;
   }
 
   .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
     margin-right: -1px;
     border-right-width: 1px;
   }
 }
 
 @media (min-width: 1440) {
   .list-group-horizontal-xxl {
     flex-direction: row;
   }
 
   .list-group-horizontal-xxl>.list-group-item:first-child {
     border-bottom-right-radius: 0.25rem;
     border-top-left-radius: 0;
   }
 
   .list-group-horizontal-xxl>.list-group-item:last-child {
     border-top-left-radius: 0.25rem;
     border-bottom-right-radius: 0;
   }
 
   .list-group-horizontal-xxl>.list-group-item.active {
     margin-top: 0;
   }
 
   .list-group-horizontal-xxl>.list-group-item+.list-group-item {
     border-top-width: 1px;
     border-right-width: 0;
   }
 
   .list-group-horizontal-xxl>.list-group-item+.list-group-item.active {
     margin-right: -1px;
     border-right-width: 1px;
   }
 }
 
 .list-group-flush {
   border-radius: 0;
 }
 
 .list-group-flush>.list-group-item {
   border-width: 0 0 1px;
 }
 
 .list-group-flush>.list-group-item:last-child {
   border-bottom-width: 0;
 }
 
 .list-group-item-primary {
   color: #34367c;
   background-color: #dddef5;
 }
 
 .list-group-item-primary.list-group-item-action:hover,
 .list-group-item-primary.list-group-item-action:focus {
   color: #34367c;
   background-color: #c7c8dd;
 }
 
 .list-group-item-primary.list-group-item-action.active {
   color: #fff;
   background-color: #34367c;
   border-color: #34367c;
 }
 
 .list-group-item-secondary {
   color: #91471e;
   background-color: #fce4d6;
 }
 
 .list-group-item-secondary.list-group-item-action:hover,
 .list-group-item-secondary.list-group-item-action:focus {
   color: #91471e;
   background-color: #e3cdc1;
 }
 
 .list-group-item-secondary.list-group-item-action.active {
   color: #fff;
   background-color: #91471e;
   border-color: #91471e;
 }
 
 .list-group-item-success {
   color: #135f4f;
   background-color: #d2ece6;
 }
 
 .list-group-item-success.list-group-item-action:hover,
 .list-group-item-success.list-group-item-action:focus {
   color: #135f4f;
   background-color: #bdd4cf;
 }
 
 .list-group-item-success.list-group-item-action.active {
   color: #fff;
   background-color: #135f4f;
   border-color: #135f4f;
 }
 
 .list-group-item-info {
   color: #17328a;
   background-color: #d4ddfa;
 }
 
 .list-group-item-info.list-group-item-action:hover,
 .list-group-item-info.list-group-item-action:focus {
   color: #17328a;
   background-color: #bfc7e1;
 }
 
 .list-group-item-info.list-group-item-action.active {
   color: #fff;
   background-color: #17328a;
   border-color: #17328a;
 }
 
 .list-group-item-warning {
   color: #985b08;
   background-color: #ffeacf;
 }
 
 .list-group-item-warning.list-group-item-action:hover,
 .list-group-item-warning.list-group-item-action:focus {
   color: #985b08;
   background-color: #e6d3ba;
 }
 
 .list-group-item-warning.list-group-item-action.active {
   color: #fff;
   background-color: #985b08;
   border-color: #985b08;
 }
 
 .list-group-item-danger {
   color: #941a30;
   background-color: #fdd5dc;
 }
 
 .list-group-item-danger.list-group-item-action:hover,
 .list-group-item-danger.list-group-item-action:focus {
   color: #941a30;
   background-color: #e4c0c6;
 }
 
 .list-group-item-danger.list-group-item-action.active {
   color: #fff;
   background-color: #941a30;
   border-color: #941a30;
 }
 
 .list-group-item-light {
   color: #666666;
   background-color: white;
 }
 
 .list-group-item-light.list-group-item-action:hover,
 .list-group-item-light.list-group-item-action:focus {
   color: #666666;
   background-color: #e6e6e6;
 }
 
 .list-group-item-light.list-group-item-action.active {
   color: #fff;
   background-color: #666666;
   border-color: #666666;
 }
 
 .list-group-item-dark {
   color: #131448;
   background-color: #d2d3e4;
 }
 
 .list-group-item-dark.list-group-item-action:hover,
 .list-group-item-dark.list-group-item-action:focus {
   color: #131448;
   background-color: #bdbecd;
 }
 
 .list-group-item-dark.list-group-item-action.active {
   color: #fff;
   background-color: #131448;
   border-color: #131448;
 }
 
 .btn-close {
   box-sizing: content-box;
   width: 1em;
   height: 1em;
   padding: 0.25em 0.25em;
   color: #000;
   background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
   border: 0;
   border-radius: 0.25rem;
   opacity: 0.5;
 }
 
 .btn-close:hover {
   color: #000;
   text-decoration: none;
   opacity: 0.75;
 }
 
 .btn-close:focus {
   outline: 0;
   box-shadow: 0 0 0 0rem rgba(86, 90, 207, 0.25);
   opacity: 1;
 }
 
 .btn-close:disabled,
 .btn-close.disabled {
   pointer-events: none;
   user-select: none;
   opacity: 0.25;
 }
 
 .btn-close-white {
   filter: invert(1) grayscale(100%) brightness(200%);
 }
 
 .toast {
   width: 350px;
   max-width: 100%;
   font-size: 0.875rem;
   pointer-events: auto;
   background-color: rgba(255, 255, 255, 0.85);
   background-clip: padding-box;
   border: 1px solid rgba(0, 0, 0, 0.1);
   box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
   border-radius: 0.25rem;
 }
 
 .toast.showing {
   opacity: 0;
 }
 
 .toast:not(.show) {
   display: none;
 }
 
 .toast-container {
   width: max-content;
   max-width: 100%;
   pointer-events: none;
 }
 
 .toast-container> :not(:last-child) {
   margin-bottom: 15px;
 }
 
 .toast-header {
   display: flex;
   align-items: center;
   padding: 0.5rem 0.75rem;
   color: #6c757d;
   background-color: rgba(255, 255, 255, 0.85);
   background-clip: padding-box;
   border-bottom: 1px solid rgba(0, 0, 0, 0.05);
   border-top-right-radius: calc(0.25rem - 1px);
   border-top-left-radius: calc(0.25rem - 1px);
 }
 
 .toast-header .btn-close {
   margin-left: -0.375rem;
   margin-right: 0.75rem;
 }
 
 .toast-body {
   padding: 0.75rem;
   word-wrap: break-word;
 }
 
 .modal {
   position: fixed;
   top: 0;
   right: 0;
   z-index: 1055;
   display: none;
   width: 100%;
   height: 100%;
   overflow-x: hidden;
   overflow-y: auto;
   outline: 0;
 }
 
 .modal-dialog {
   position: relative;
   width: auto;
   margin: 0.5rem;
   pointer-events: none;
 }
 
 .modal.fade .modal-dialog {
   transition: transform 0.3s ease-out;
   transform: translate(0, -50px);
 }
 
 @media (prefers-reduced-motion: reduce) {
   .modal.fade .modal-dialog {
     transition: none;
   }
 }
 
 .modal.show .modal-dialog {
   transform: none;
 }
 
 .modal.modal-static .modal-dialog {
   transform: scale(1.02);
 }
 
 .modal-dialog-scrollable {
   height: calc(100% - 1rem);
 }
 
 .modal-dialog-scrollable .modal-content {
   max-height: 100%;
   overflow: hidden;
 }
 
 .modal-dialog-scrollable .modal-body {
   overflow-y: auto;
 }
 
 .modal-dialog-centered {
   display: flex;
   align-items: center;
   min-height: calc(100% - 1rem);
 }
 
 .modal-content {
   position: relative;
   display: flex;
   flex-direction: column;
   width: 100%;
   pointer-events: auto;
   background-color: #fff;
   background-clip: padding-box;
   border: 1px solid rgba(0, 0, 0, 0.2);
   border-radius: 20px;
   outline: 0;
 }
 
 .modal-backdrop {
   position: fixed;
   top: 0;
   right: 0;
   z-index: 1050;
   width: 100vw;
   height: 100vh;
   background-color: #000;
 }
 
 .modal-backdrop.fade {
   opacity: 0;
 }
 
 .modal-backdrop.show {
   opacity: 0.5;
 }
 
 .modal-header {
   display: flex;
   flex-shrink: 0;
   align-items: center;
   justify-content: space-between;
   padding: 1rem 1rem;
   border-bottom: 1px solid #E1E1F0;
   border-top-right-radius: 19px;
   border-top-left-radius: 19px;
 }
 
 .modal-header .btn-close {
   padding: 0.5rem 0.5rem;
   margin: -0.5rem auto -0.5rem -0.5rem;
 }
 
 .modal-title {
   margin-bottom: 0;
   line-height: 1.5;
 }
 
 .modal-body {
   position: relative;
   flex: 1 1 auto;
   padding: 1rem;
 }
 
 .modal-footer {
   display: flex;
   flex-wrap: wrap;
   flex-shrink: 0;
   align-items: center;
   justify-content: flex-end;
   padding: 0.75rem;
   border-top: 1px solid #E1E1F0;
   border-bottom-left-radius: 19px;
   border-bottom-right-radius: 19px;
 }
 
 .modal-footer>* {
   margin: 0.25rem;
 }
 
 @media (min-width: 576px) {
   .modal-dialog {
     max-width: 500px;
     margin: 1.75rem auto;
   }
 
   .modal-dialog-scrollable {
     height: calc(100% - 3.5rem);
   }
 
   .modal-dialog-centered {
     min-height: calc(100% - 3.5rem);
   }
 
   .modal-sm {
     max-width: 300px;
   }
 }
 
 @media (min-width: 992px) {
 
   .modal-lg,
   .modal-xl {
     max-width: 800px;
   }
 }
 
 @media (min-width: 1200px) {
   .modal-xl {
     max-width: 1140px;
   }
 }
 
 .modal-fullscreen {
   width: 100vw;
   max-width: none;
   height: 100%;
   margin: 0;
 }
 
 .modal-fullscreen .modal-content {
   height: 100%;
   border: 0;
   border-radius: 0;
 }
 
 .modal-fullscreen .modal-header {
   border-radius: 0;
 }
 
 .modal-fullscreen .modal-body {
   overflow-y: auto;
 }
 
 .modal-fullscreen .modal-footer {
   border-radius: 0;
 }
 
 @media (max-width: 575.98px) {
   .modal-fullscreen-sm-down {
     width: 100vw;
     max-width: none;
     height: 100%;
     margin: 0;
   }
 
   .modal-fullscreen-sm-down .modal-content {
     height: 100%;
     border: 0;
     border-radius: 0;
   }
 
   .modal-fullscreen-sm-down .modal-header {
     border-radius: 0;
   }
 
   .modal-fullscreen-sm-down .modal-body {
     overflow-y: auto;
   }
 
   .modal-fullscreen-sm-down .modal-footer {
     border-radius: 0;
   }
 }
 
 @media (max-width: 767.98px) {
   .modal-fullscreen-md-down {
     width: 100vw;
     max-width: none;
     height: 100%;
     margin: 0;
   }
 
   .modal-fullscreen-md-down .modal-content {
     height: 100%;
     border: 0;
     border-radius: 0;
   }
 
   .modal-fullscreen-md-down .modal-header {
     border-radius: 0;
   }
 
   .modal-fullscreen-md-down .modal-body {
     overflow-y: auto;
   }
 
   .modal-fullscreen-md-down .modal-footer {
     border-radius: 0;
   }
 }
 
 @media (max-width: 991.98px) {
   .modal-fullscreen-lg-down {
     width: 100vw;
     max-width: none;
     height: 100%;
     margin: 0;
   }
 
   .modal-fullscreen-lg-down .modal-content {
     height: 100%;
     border: 0;
     border-radius: 0;
   }
 
   .modal-fullscreen-lg-down .modal-header {
     border-radius: 0;
   }
 
   .modal-fullscreen-lg-down .modal-body {
     overflow-y: auto;
   }
 
   .modal-fullscreen-lg-down .modal-footer {
     border-radius: 0;
   }
 }
 
 @media (max-width: 1199.98px) {
   .modal-fullscreen-xl-down {
     width: 100vw;
     max-width: none;
     height: 100%;
     margin: 0;
   }
 
   .modal-fullscreen-xl-down .modal-content {
     height: 100%;
     border: 0;
     border-radius: 0;
   }
 
   .modal-fullscreen-xl-down .modal-header {
     border-radius: 0;
   }
 
   .modal-fullscreen-xl-down .modal-body {
     overflow-y: auto;
   }
 
   .modal-fullscreen-xl-down .modal-footer {
     border-radius: 0;
   }
 }
 
 @media (max-width: 1439.98) {
   .modal-fullscreen-xxl-down {
     width: 100vw;
     max-width: none;
     height: 100%;
     margin: 0;
   }
 
   .modal-fullscreen-xxl-down .modal-content {
     height: 100%;
     border: 0;
     border-radius: 0;
   }
 
   .modal-fullscreen-xxl-down .modal-header {
     border-radius: 0;
   }
 
   .modal-fullscreen-xxl-down .modal-body {
     overflow-y: auto;
   }
 
   .modal-fullscreen-xxl-down .modal-footer {
     border-radius: 0;
   }
 }
 
 .tooltip {
   position: absolute;
   z-index: 1080;
   display: block;
   margin: 0;
   font-family: "Tajawal", sans-serif;
   font-style: normal;
   font-weight: 400;
   line-height: 1.5;
   text-align: right;
   text-align: start;
   text-decoration: none;
   text-shadow: none;
   text-transform: none;
   letter-spacing: normal;
   word-break: normal;
   word-spacing: normal;
   white-space: normal;
   line-break: auto;
   font-size: 0.875rem;
   word-wrap: break-word;
   opacity: 0;
 }
 
 .tooltip.show {
   opacity: 0.9;
 }
 
 .tooltip .tooltip-arrow {
   position: absolute;
   display: block;
   width: 0.8rem;
   height: 0.4rem;
 }
 
 .tooltip .tooltip-arrow::before {
   position: absolute;
   content: "";
   border-color: transparent;
   border-style: solid;
 }
 
 .bs-tooltip-top,
 .bs-tooltip-auto[data-popper-placement^="top"] {
   padding: 0.4rem 0;
 }
 
 .bs-tooltip-top .tooltip-arrow,
 .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow {
   bottom: 0;
 }
 
 .bs-tooltip-top .tooltip-arrow::before,
 .bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before {
   top: -1px;
   border-width: 0.4rem 0.4rem 0;
   border-top-color: #000;
 }
 
 .bs-tooltip-end,
 .bs-tooltip-auto[data-popper-placement^="right"] {
   padding: 0 0.4rem;
 }
 
 .bs-tooltip-end .tooltip-arrow,
 .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow {
   right: 0;
   width: 0.4rem;
   height: 0.8rem;
 }
 
 .bs-tooltip-end .tooltip-arrow::before,
 .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before {
   left: -1px;
   border-width: 0.4rem 0 0.4rem 0.4rem;
   border-left-color: #000;
 }
 
 .bs-tooltip-bottom,
 .bs-tooltip-auto[data-popper-placement^="bottom"] {
   padding: 0.4rem 0;
 }
 
 .bs-tooltip-bottom .tooltip-arrow,
 .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow {
   top: 0;
 }
 
 .bs-tooltip-bottom .tooltip-arrow::before,
 .bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before {
   bottom: -1px;
   border-width: 0 0.4rem 0.4rem;
   border-bottom-color: #000;
 }
 
 .bs-tooltip-start,
 .bs-tooltip-auto[data-popper-placement^="left"] {
   padding: 0 0.4rem;
 }
 
 .bs-tooltip-start .tooltip-arrow,
 .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow {
   left: 0;
   width: 0.4rem;
   height: 0.8rem;
 }
 
 .bs-tooltip-start .tooltip-arrow::before,
 .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before {
   right: -1px;
   border-width: 0.4rem 0.4rem 0.4rem 0;
   border-right-color: #000;
 }
 
 .tooltip-inner {
   max-width: 200px;
   padding: 0.25rem 0.5rem;
   color: #fff;
   text-align: center;
   background-color: #000;
   border-radius: 0.25rem;
 }
 
 .popover {
   position: absolute;
   top: 0;
   left: 0
     
   ;
   z-index: 1070;
   display: block;
   max-width: 276px;
   font-family: "Tajawal", sans-serif;
   font-style: normal;
   font-weight: 400;
   line-height: 1.5;
   text-align: right;
   text-align: start;
   text-decoration: none;
   text-shadow: none;
   text-transform: none;
   letter-spacing: normal;
   word-break: normal;
   word-spacing: normal;
   white-space: normal;
   line-break: auto;
   font-size: 0.875rem;
   word-wrap: break-word;
   background-color: #fff;
   background-clip: padding-box;
   border: 1px solid rgba(0, 0, 0, 0.2);
   border-radius: 20px;
 }
 
 .popover .popover-arrow {
   position: absolute;
   display: block;
   width: 1rem;
   height: 0.5rem;
 }
 
 .popover .popover-arrow::before,
 .popover .popover-arrow::after {
   position: absolute;
   display: block;
   content: "";
   border-color: transparent;
   border-style: solid;
 }
 
 .bs-popover-top>.popover-arrow,
 .bs-popover-auto[data-popper-placement^="top"]>.popover-arrow {
   bottom: calc(-0.5rem - 1px);
 }
 
 .bs-popover-top>.popover-arrow::before,
 .bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::before {
   bottom: 0;
   border-width: 0.5rem 0.5rem 0;
   border-top-color: rgba(0, 0, 0, 0.25);
 }
 
 .bs-popover-top>.popover-arrow::after,
 .bs-popover-auto[data-popper-placement^="top"]>.popover-arrow::after {
   bottom: 1px;
   border-width: 0.5rem 0.5rem 0;
   border-top-color: #fff;
 }
 
 .bs-popover-end>.popover-arrow,
 .bs-popover-auto[data-popper-placement^="right"]>.popover-arrow {
   right: calc(-0.5rem - 1px);
   width: 0.5rem;
   height: 1rem;
 }
 
 .bs-popover-end>.popover-arrow::before,
 .bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::before {
   right: 0;
   border-width: 0.5rem 0 0.5rem 0.5rem;
   border-left-color: rgba(0, 0, 0, 0.25);
 }
 
 .bs-popover-end>.popover-arrow::after,
 .bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::after {
   right: 1px;
   border-width: 0.5rem 0 0.5rem 0.5rem;
   border-left-color: #fff;
 }
 
 .bs-popover-bottom>.popover-arrow,
 .bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow {
   top: calc(-0.5rem - 1px);
 }
 
 .bs-popover-bottom>.popover-arrow::before,
 .bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::before {
   top: 0;
   border-width: 0 0.5rem 0.5rem 0.5rem;
   border-bottom-color: rgba(0, 0, 0, 0.25);
 }
 
 .bs-popover-bottom>.popover-arrow::after,
 .bs-popover-auto[data-popper-placement^="bottom"]>.popover-arrow::after {
   top: 1px;
   border-width: 0 0.5rem 0.5rem 0.5rem;
   border-bottom-color: #fff;
 }
 
 .bs-popover-bottom .popover-header::before,
 .bs-popover-auto[data-popper-placement^="bottom"] .popover-header::before {
   position: absolute;
   top: 0;
   right: 50%;
   display: block;
   width: 1rem;
   margin-right: -0.5rem;
   content: "";
   border-bottom: 1px solid #f0f0f0;
 }
 
 .bs-popover-start>.popover-arrow,
 .bs-popover-auto[data-popper-placement^="left"]>.popover-arrow {
   left: calc(-0.5rem - 1px);
   width: 0.5rem;
   height: 1rem;
 }
 
 .bs-popover-start>.popover-arrow::before,
 .bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::before {
   left: 0;
   border-width: 0.5rem 0.5rem 0.5rem 0;
   border-right-color: rgba(0, 0, 0, 0.25);
 }
 
 .bs-popover-start>.popover-arrow::after,
 .bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::after {
   left: 1px;
   border-width: 0.5rem 0.5rem 0.5rem 0;
   border-right-color: #fff;
 }
 
 .popover-header {
   padding: 0.5rem 1rem;
   margin-bottom: 0;
   font-size: 1rem;
   color: #14181d;
   background-color: #f0f0f0;
   border-bottom: 1px solid rgba(0, 0, 0, 0.2);
   border-top-right-radius: 19px;
   border-top-left-radius: 19px;
 }
 
 .popover-header:empty {
   display: none;
 }
 
 .popover-body {
   padding: 1rem 1rem;
   color: #444;
 }
 
 .carousel {
   position: relative;
 }
 
 .carousel.pointer-event {
   touch-action: pan-y;
 }
 
 .carousel-inner {
   position: relative;
   width: 100%;
   overflow: hidden;
 }
 
 .carousel-inner::after {
   display: block;
   clear: both;
   content: "";
 }
 
 .carousel-item {
   position: relative;
   display: none;
   float: right;
   width: 100%;
   margin-left: -100%;
   backface-visibility: hidden;
   transition: transform 0.6s ease-in-out;
 }
 
 @media (prefers-reduced-motion: reduce) {
   .carousel-item {
     transition: none;
   }
 }
 
 .carousel-item.active,
 .carousel-item-next,
 .carousel-item-prev {
   display: block;
 }
 .carousel-item-next:not(.carousel-item-start),
 .active.carousel-item-end {
   transform: translateX(100%);
 }
 
 .carousel-item-prev:not(.carousel-item-end),
 .active.carousel-item-start {
   transform: translateX(-100%);
 }
 .carousel-fade .carousel-item {
   opacity: 0;
   transition-property: opacity;
   transform: none;
 }
 
 .carousel-fade .carousel-item.active,
 .carousel-fade .carousel-item-next.carousel-item-start,
 .carousel-fade .carousel-item-prev.carousel-item-end {
   z-index: 1;
   opacity: 1;
 }
 
 .carousel-fade .active.carousel-item-start,
 .carousel-fade .active.carousel-item-end {
   z-index: 0;
   opacity: 0;
   transition: opacity 0s 0.6s;
 }
 
 @media (prefers-reduced-motion: reduce) {
 
   .carousel-fade .active.carousel-item-start,
   .carousel-fade .active.carousel-item-end {
     transition: none;
   }
 }
 
 .carousel-control-prev,
 .carousel-control-next {
   position: absolute;
   top: 0;
   bottom: 0;
   z-index: 1;
   display: flex;
   align-items: center;
   justify-content: center;
   width: 15%;
   padding: 0;
   color: #fff;
   text-align: center;
   background: none;
   border: 0;
   opacity: 0.5;
   transition: opacity 0.15s ease;
 }
 
 @media (prefers-reduced-motion: reduce) {
 
   .carousel-control-prev,
   .carousel-control-next {
     transition: none;
   }
 }
 
 .carousel-control-prev:hover,
 .carousel-control-prev:focus,
 .carousel-control-next:hover,
 .carousel-control-next:focus {
   color: #fff;
   text-decoration: none;
   outline: 0;
   opacity: 0.9;
 }
 
 .carousel-control-prev {
   right: 0;
 }
 
 .carousel-control-next {
   left: 0;
 }
 
 .carousel-control-prev-icon,
 .carousel-control-next-icon {
   display: inline-block;
   width: 2rem;
   height: 2rem;
   background-repeat: no-repeat;
   background-position: 50%;
   background-size: 100% 100%;
 }
 .carousel-control-next-icon {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
 }
 
 .carousel-control-prev-icon {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
 }
 
 .carousel-indicators {
   position: absolute;
   left: 0;
   bottom: 0;
   right: 0;
   z-index: 2;
   display: flex;
   justify-content: center;
   padding: 0;
   margin-left: 15%;
   margin-bottom: 1rem;
   margin-right: 15%;
   list-style: none;
 }
 
 .carousel-indicators [data-bs-target] {
   box-sizing: content-box;
   flex: 0 1 auto;
   width: 30px;
   height: 3px;
   padding: 0;
   margin-left: 3px;
   margin-right: 3px;
   text-indent: -999px;
   cursor: pointer;
   background-color: #fff;
   background-clip: padding-box;
   border: 0;
   border-top: 10px solid transparent;
   border-bottom: 10px solid transparent;
   opacity: 0.5;
   transition: opacity 0.6s ease;
 }
 
 @media (prefers-reduced-motion: reduce) {
   .carousel-indicators [data-bs-target] {
     transition: none;
   }
 }
 
 .carousel-indicators .active {
   opacity: 1;
 }
 
 .carousel-caption {
   position: absolute;
   left: 15%;
   bottom: 1.25rem;
   right: 15%;
   padding-top: 1.25rem;
   padding-bottom: 1.25rem;
   color: #fff;
   text-align: center;
 }
 
 .carousel-dark .carousel-control-next-icon,
 .carousel-dark .carousel-control-prev-icon {
   filter: invert(1) grayscale(100);
 }
 
 .carousel-dark .carousel-indicators [data-bs-target] {
   background-color: #000;
 }
 
 .carousel-dark .carousel-caption {
   color: #000;
 }
 
 @keyframes spinner-border {
   to {
     transform: rotate(360deg)
       
     ;
   }
 }
 
 .spinner-border {
   display: inline-block;
   width: 2rem;
   height: 2rem;
   vertical-align: -0.125em;
   border: 0.25em solid currentColor;
   border-left-color: transparent;
   border-radius: 50%;
   animation: 0.75s linear infinite spinner-border;
 }
 
 .spinner-border-sm {
   width: 1rem;
   height: 1rem;
   border-width: 0.2em;
 }
 
 @keyframes spinner-grow {
   0% {
     transform: scale(0);
   }
 
   50% {
     opacity: 1;
     transform: none;
   }
 }
 
 .spinner-grow {
   display: inline-block;
   width: 2rem;
   height: 2rem;
   vertical-align: -0.125em;
   background-color: currentColor;
   border-radius: 50%;
   opacity: 0;
   animation: 0.75s linear infinite spinner-grow;
 }
 
 .spinner-grow-sm {
   width: 1rem;
   height: 1rem;
 }
 
 @media (prefers-reduced-motion: reduce) {
 
   .spinner-border,
   .spinner-grow {
     animation-duration: 1.5s;
   }
 }
 
 .offcanvas {
   position: fixed;
   bottom: 0;
   z-index: 1045;
   display: flex;
   flex-direction: column;
   max-width: 100%;
   visibility: hidden;
   background-color: #fff;
   background-clip: padding-box;
   outline: 0;
   transition: transform 0.3s ease-in-out;
 }
 
 @media (prefers-reduced-motion: reduce) {
   .offcanvas {
     transition: none;
   }
 }
 
 .offcanvas-backdrop {
   position: fixed;
   top: 0;
   right: 0;
   z-index: 1040;
   width: 100vw;
   height: 100vh;
   background-color: #000;
 }
 
 .offcanvas-backdrop.fade {
   opacity: 0;
 }
 
 .offcanvas-backdrop.show {
   opacity: 0.5;
 }
 
 .offcanvas-header {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 1rem 1rem;
 }
 
 .offcanvas-header .btn-close {
   padding: 0.5rem 0.5rem;
   margin-top: -0.5rem;
   margin-left: -0.5rem;
   margin-bottom: -0.5rem;
 }
 
 .offcanvas-title {
   margin-bottom: 0;
   line-height: 1.5;
 }
 
 .offcanvas-body {
   flex-grow: 1;
   padding: 1rem 1rem;
   overflow-y: auto;
 }
 
 .offcanvas-start {
   top: 0;
   right: 0;
   width: 400px;
   border-left: 1px solid rgba(0, 0, 0, 0.2);
   transform: translateX(100%);
 }
 
 .offcanvas-end {
   top: 0;
   left: 0;
   width: 400px;
   border-right: 1px solid rgba(0, 0, 0, 0.2);
   transform: translateX(-100%);
 }
 
 .offcanvas-top {
   top: 0;
   left: 0;
   right: 0;
   height: 30vh;
   max-height: 100%;
   border-bottom: 1px solid rgba(0, 0, 0, 0.2);
   transform: translateY(-100%);
 }
 
 .offcanvas-bottom {
   left: 0;
   right: 0;
   height: 30vh;
   max-height: 100%;
   border-top: 1px solid rgba(0, 0, 0, 0.2);
   transform: translateY(100%);
 }
 
 .offcanvas.show {
   transform: none;
 }
 
 .placeholder {
   display: inline-block;
   min-height: 1em;
   vertical-align: middle;
   cursor: wait;
   background-color: currentColor;
   opacity: 0.5;
 }
 
 .placeholder.btn::before {
   display: inline-block;
   content: "";
 }
 
 .placeholder-xs {
   min-height: .6em;
 }
 
 .placeholder-sm {
   min-height: .8em;
 }
 
 .placeholder-lg {
   min-height: 1.2em;
 }
 
 .placeholder-glow .placeholder {
   animation: placeholder-glow 2s ease-in-out infinite;
 }
 
 @keyframes placeholder-glow {
   50% {
     opacity: 0.2;
   }
 }
 
 .placeholder-wave {
   mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%);
   mask-size: 200% 100%;
   animation: placeholder-wave 2s linear infinite;
 }
 
 @keyframes placeholder-wave {
   100% {
     mask-position: -200% 0%;
   }
 }
 
 .clearfix::after {
   display: block;
   clear: both;
   content: "";
 }
 
 .link-primary {
   color: #565acf;
 }
 
 .link-primary:hover,
 .link-primary:focus {
   color: #4548a6;
 }
 
 .link-secondary {
   color: #f17732;
 }
 
 .link-secondary:hover,
 .link-secondary:focus {
   color: #f4925b;
 }
 
 .link-success {
   color: #209f84;
 }
 
 .link-success:hover,
 .link-success:focus {
   color: #4db29d;
 }
 
 .link-info {
   color: #2754e6;
 }
 
 .link-info:hover,
 .link-info:focus {
   color: #1f43b8;
 }
 
 .link-warning {
   color: #fe970e;
 }
 
 .link-warning:hover,
 .link-warning:focus {
   color: #feac3e;
 }
 
 .link-danger {
   color: #f72b50;
 }
 
 .link-danger:hover,
 .link-danger:focus {
   color: #f95573;
 }
 
 .link-light {
   color: #fff;
 }
 
 .link-light:hover,
 .link-light:focus {
   color: white;
 }
 
 .link-dark {
   color: #1f2278;
 }
 
 .link-dark:hover,
 .link-dark:focus {
   color: #191b60;
 }
 
 .ratio {
   position: relative;
   width: 100%;
 }
 
 .ratio::before {
   display: block;
   padding-top: var(--bs-aspect-ratio);
   content: "";
 }
 
 .ratio>* {
   position: absolute;
   top: 0;
   right: 0;
   width: 100%;
   height: 100%;
 }
 
 .ratio-1x1 {
   --bs-aspect-ratio: 100%;
 }
 
 .ratio-4x3 {
   --bs-aspect-ratio: calc(3 / 4 * 100%);
 }
 
 .ratio-16x9 {
   --bs-aspect-ratio: calc(9 / 16 * 100%);
 }
 
 .ratio-21x9 {
   --bs-aspect-ratio: calc(9 / 21 * 100%);
 }
 
 .fixed-top {
   position: fixed;
   top: 0;
   left: 0;
   right: 0;
   z-index: 1030;
 }
 
 .fixed-bottom {
   position: fixed;
   left: 0;
   bottom: 0;
   right: 0;
   z-index: 1030;
 }
 
 .sticky-top {
   position: sticky;
   top: 0;
   z-index: 1020;
 }
 
 @media (min-width: 576px) {
   .sticky-sm-top {
     position: sticky;
     top: 0;
     z-index: 1020;
   }
 }
 
 @media (min-width: 768px) {
   .sticky-md-top {
     position: sticky;
     top: 0;
     z-index: 1020;
   }
 }
 
 @media (min-width: 992px) {
   .sticky-lg-top {
     position: sticky;
     top: 0;
     z-index: 1020;
   }
 }
 
 @media (min-width: 1200px) {
   .sticky-xl-top {
     position: sticky;
     top: 0;
     z-index: 1020;
   }
 }
 
 @media (min-width: 1440) {
   .sticky-xxl-top {
     position: sticky;
     top: 0;
     z-index: 1020;
   }
 }
 
 .hstack {
   display: flex;
   flex-direction: row;
   align-items: center;
   align-self: stretch;
 }
 
 .vstack {
   display: flex;
   flex: 1 1 auto;
   flex-direction: column;
   align-self: stretch;
 }
 
 .visually-hidden,
 .visually-hidden-focusable:not(:focus):not(:focus-within) {
   position: absolute !important;
   width: 1px !important;
   height: 1px !important;
   padding: 0 !important;
   margin: -1px !important;
   overflow: hidden !important;
   clip: rect(0, 0, 0, 0) !important;
   white-space: nowrap !important;
   border: 0 !important;
 }
 
 .stretched-link::after {
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   z-index: 1;
   content: "";
 }
 
 .text-truncate {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
 
 .vr {
   display: inline-block;
   align-self: stretch;
   width: 1px;
   min-height: 1em;
   background-color: currentColor;
   opacity: 0.25;
 }
 
 .align-baseline {
   vertical-align: baseline !important;
 }
 
 .align-top {
   vertical-align: top !important;
 }
 
 .align-middle {
   vertical-align: middle !important;
 }
 
 .align-bottom {
   vertical-align: bottom !important;
 }
 
 .align-text-bottom {
   vertical-align: text-bottom !important;
 }
 
 .align-text-top {
   vertical-align: text-top !important;
 }
 
 .float-start {
   float: right !important;
 }
 
 .float-end {
   float: left !important;
 }
 
 .float-none {
   float: none !important;
 }
 
 .opacity-0 {
   opacity: 0 !important;
 }
 
 .opacity-25 {
   opacity: 0.25 !important;
 }
 
 .opacity-50 {
   opacity: 0.5 !important;
 }
 
 .opacity-75 {
   opacity: 0.75 !important;
 }
 
 .opacity-100 {
   opacity: 1 !important;
 }
 
 .overflow-auto {
   overflow: auto !important;
 }
 
 .overflow-hidden {
   overflow: hidden !important;
 }
 
 .overflow-visible {
   overflow: visible !important;
 }
 
 .overflow-scroll {
   overflow: scroll !important;
 }
 
 .d-inline {
   display: inline !important;
 }
 
 .d-inline-block {
   display: inline-block !important;
 }
 
 .d-block {
   display: block !important;
 }
 
 .d-grid {
   display: grid !important;
 }
 
 .d-table {
   display: table !important;
 }
 
 .d-table-row {
   display: table-row !important;
 }
 
 .d-table-cell {
   display: table-cell !important;
 }
 
 .d-flex {
   display: flex !important;
 }
 
 .d-inline-flex {
   display: inline-flex !important;
 }
 
 .d-none {
   display: none !important;
 }
 
 .shadow {
   box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
 }
 
 .shadow-sm {
   box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;
 }
 
 .shadow-lg {
   box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important;
 }
 
 .shadow-none {
   box-shadow: none !important;
 }
 
 .position-static {
   position: static !important;
 }
 
 .position-relative {
   position: relative !important;
 }
 
 .position-absolute {
   position: absolute !important;
 }
 
 .position-fixed {
   position: fixed !important;
 }
 
 .position-sticky {
   position: sticky !important;
 }
 
 .top-0 {
   top: 0 !important;
 }
 
 .top-50 {
   top: 50% !important;
 }
 
 .top-100 {
   top: 100% !important;
 }
 
 .bottom-0 {
   bottom: 0 !important;
 }
 
 .bottom-50 {
   bottom: 50% !important;
 }
 
 .bottom-100 {
   bottom: 100% !important;
 }
 
 .start-0 {
   right: 0 !important;
 }
 
 .start-50 {
   right: 50% !important;
 }
 
 .start-100 {
   right: 100% !important;
 }
 
 .end-0 {
   left: 0 !important;
 }
 
 .end-50 {
   left: 50% !important;
 }
 
 .end-100 {
   left: 100% !important;
 }
 
 .translate-middle {
   transform: translate(50%, -50%) !important;
 }
 
 .translate-middle-x {
   transform: translateX(50%) !important;
 }
 
 .translate-middle-y {
   transform: translateY(-50%) !important;
 }
 
 .border {
   border: 1px solid #E1E1F0 !important;
 }
 
 .border-0 {
   border: 0 !important;
 }
 
 .border-top {
   border-top: 1px solid #E1E1F0 !important;
 }
 
 .border-top-0 {
   border-top: 0 !important;
 }
 
 .border-end {
   border-left: 1px solid #E1E1F0 !important;
 }
 
 .border-end-0 {
   border-left: 0 !important;
 }
 
 .border-bottom {
   border-bottom: 1px solid #E1E1F0 !important;
 }
 
 .border-bottom-0 {
   border-bottom: 0 !important;
 }
 
 .border-start {
   border-right: 1px solid #E1E1F0 !important;
 }
 
 .border-start-0 {
   border-right: 0 !important;
 }
 
 .border-primary {
   border-color: #565acf !important;
 }
 
 .border-secondary {
   border-color: #f17732 !important;
 }
 
 .border-success {
   border-color: #209f84 !important;
 }
 
 .border-info {
   border-color: #2754e6 !important;
 }
 
 .border-warning {
   border-color: #fe970e !important;
 }
 
 .border-danger {
   border-color: #f72b50 !important;
 }
 
 .border-light {
   border-color: #fff !important;
 }
 
 .border-dark {
   border-color: #1f2278 !important;
 }
 
 .border-white {
   border-color: #fff !important;
 }
 
 .border-1 {
   border-width: 1px !important;
 }
 
 .border-2 {
   border-width: 2px !important;
 }
 
 .border-3 {
   border-width: 3px !important;
 }
 
 .border-4 {
   border-width: 4px !important;
 }
 
 .border-5 {
   border-width: 5px !important;
 }
 
 .w-25 {
   width: 25% !important;
 }
 
 .w-50 {
   width: 50% !important;
 }
 
 .w-75 {
   width: 75% !important;
 }
 
 .w-100 {
   width: 100% !important;
 }
 
 .w-auto {
   width: auto !important;
 }
 
 .mw-100 {
   max-width: 100% !important;
 }
 
 .vw-100 {
   width: 100vw !important;
 }
 
 .min-vw-100 {
   min-width: 100vw !important;
 }
 
 .h-25 {
   height: 25% !important;
 }
 
 .h-50 {
   height: 50% !important;
 }
 
 .h-75 {
   height: 75% !important;
 }
 
 .h-100 {
   height: 100% !important;
 }
 
 .h-auto {
   height: auto !important;
 }
 
 .mh-100 {
   max-height: 100% !important;
 }
 
 .vh-100 {
   height: 100vh !important;
 }
 
 .min-vh-100 {
   min-height: 100vh !important;
 }
 
 .flex-fill {
   flex: 1 1 auto !important;
 }
 
 .flex-row {
   flex-direction: row !important;
 }
 
 .flex-column {
   flex-direction: column !important;
 }
 
 .flex-row-reverse {
   flex-direction: row-reverse !important;
 }
 
 .flex-column-reverse {
   flex-direction: column-reverse !important;
 }
 
 .flex-grow-0 {
   flex-grow: 0 !important;
 }
 
 .flex-grow-1 {
   flex-grow: 1 !important;
 }
 
 .flex-shrink-0 {
   flex-shrink: 0 !important;
 }
 
 .flex-shrink-1 {
   flex-shrink: 1 !important;
 }
 
 .flex-wrap {
   flex-wrap: wrap !important;
 }
 
 .flex-nowrap {
   flex-wrap: nowrap !important;
 }
 
 .flex-wrap-reverse {
   flex-wrap: wrap-reverse !important;
 }
 
 .gap-0 {
   gap: 0 !important;
 }
 
 .gap-1 {
   gap: 0.25rem !important;
 }
 
 .gap-2 {
   gap: 0.5rem !important;
 }
 
 .gap-3 {
   gap: 1rem !important;
 }
 
 .gap-4 {
   gap: 1.5rem !important;
 }
 
 .gap-5 {
   gap: 3rem !important;
 }
 
 .justify-content-start {
   justify-content: flex-start !important;
 }
 
 .justify-content-end {
   justify-content: flex-end !important;
 }
 
 .justify-content-center {
   justify-content: center !important;
 }
 
 .justify-content-between {
   justify-content: space-between !important;
 }
 
 .justify-content-around {
   justify-content: space-around !important;
 }
 
 .justify-content-evenly {
   justify-content: space-evenly !important;
 }
 
 .align-items-start {
   align-items: flex-start !important;
 }
 
 .align-items-end {
   align-items: flex-end !important;
 }
 
 .align-items-center {
   align-items: center !important;
 }
 
 .align-items-baseline {
   align-items: baseline !important;
 }
 
 .align-items-stretch {
   align-items: stretch !important;
 }
 
 .align-content-start {
   align-content: flex-start !important;
 }
 
 .align-content-end {
   align-content: flex-end !important;
 }
 
 .align-content-center {
   align-content: center !important;
 }
 
 .align-content-between {
   align-content: space-between !important;
 }
 
 .align-content-around {
   align-content: space-around !important;
 }
 
 .align-content-stretch {
   align-content: stretch !important;
 }
 
 .align-self-auto {
   align-self: auto !important;
 }
 
 .align-self-start {
   align-self: flex-start !important;
 }
 
 .align-self-end {
   align-self: flex-end !important;
 }
 
 .align-self-center {
   align-self: center !important;
 }
 
 .align-self-baseline {
   align-self: baseline !important;
 }
 
 .align-self-stretch {
   align-self: stretch !important;
 }
 
 .order-first {
   order: -1 !important;
 }
 
 .order-0 {
   order: 0 !important;
 }
 
 .order-1 {
   order: 1 !important;
 }
 
 .order-2 {
   order: 2 !important;
 }
 
 .order-3 {
   order: 3 !important;
 }
 
 .order-4 {
   order: 4 !important;
 }
 
 .order-5 {
   order: 5 !important;
 }
 
 .order-last {
   order: 6 !important;
 }
 
 .m-0 {
   margin: 0 !important;
 }
 
 .m-1 {
   margin: 0.25rem !important;
 }
 
 .m-2 {
   margin: 0.5rem !important;
 }
 
 .m-3 {
   margin: 1rem !important;
 }
 
 .m-4 {
   margin: 1.5rem !important;
 }
 
 .m-5 {
   margin: 3rem !important;
 }
 
 .m-auto {
   margin: auto !important;
 }
 
 .mx-0 {
   margin-left: 0 !important;
   margin-right: 0 !important;
 }
 
 .mx-1 {
   margin-left: 0.25rem !important;
   margin-right: 0.25rem !important;
 }
 
 .mx-2 {
   margin-left: 0.5rem !important;
   margin-right: 0.5rem !important;
 }
 
 .mx-3 {
   margin-left: 1rem !important;
   margin-right: 1rem !important;
 }
 
 .mx-4 {
   margin-left: 1.5rem !important;
   margin-right: 1.5rem !important;
 }
 
 .mx-5 {
   margin-left: 3rem !important;
   margin-right: 3rem !important;
 }
 
 .mx-auto {
   margin-left: auto !important;
   margin-right: auto !important;
 }
 
 .my-0 {
   margin-top: 0 !important;
   margin-bottom: 0 !important;
 }
 
 .my-1 {
   margin-top: 0.25rem !important;
   margin-bottom: 0.25rem !important;
 }
 
 .my-2 {
   margin-top: 0.5rem !important;
   margin-bottom: 0.5rem !important;
 }
 
 .my-3 {
   margin-top: 1rem !important;
   margin-bottom: 1rem !important;
 }
 
 .my-4 {
   margin-top: 1.5rem !important;
   margin-bottom: 1.5rem !important;
 }
 
 .my-5 {
   margin-top: 3rem !important;
   margin-bottom: 3rem !important;
 }
 
 .my-auto {
   margin-top: auto !important;
   margin-bottom: auto !important;
 }
 
 .mt-0 {
   margin-top: 0 !important;
 }
 
 .mt-1 {
   margin-top: 0.25rem !important;
 }
 
 .mt-2 {
   margin-top: 0.5rem !important;
 }
 
 .mt-3 {
   margin-top: 1rem !important;
 }
 
 .mt-4 {
   margin-top: 1.5rem !important;
 }
 
 .mt-5 {
   margin-top: 3rem !important;
 }
 
 .mt-auto {
   margin-top: auto !important;
 }
 
 .me-0 {
   margin-left: 0 !important;
 }
 
 .me-1 {
   margin-left: 0.25rem !important;
 }
 
 .me-2 {
   margin-left: 0.5rem !important;
 }
 
 .me-3 {
   margin-left: 1rem !important;
 }
 
 .me-4 {
   margin-left: 1.5rem !important;
 }
 
 .me-5 {
   margin-left: 3rem !important;
 }
 
 .me-auto {
   margin-left: auto !important;
 }
 
 .mb-0 {
   margin-bottom: 0 !important;
 }
 
 .mb-1 {
   margin-bottom: 0.25rem !important;
 }
 
 .mb-2 {
   margin-bottom: 0.5rem !important;
 }
 
 .mb-3 {
   margin-bottom: 1rem !important;
 }
 
 .mb-4 {
   margin-bottom: 1.5rem !important;
 }
 
 .mb-5 {
   margin-bottom: 3rem !important;
 }
 
 .mb-auto {
   margin-bottom: auto !important;
 }
 
 .ms-0 {
   margin-right: 0 !important;
 }
 
 .ms-1 {
   margin-right: 0.25rem !important;
 }
 
 .ms-2 {
   margin-right: 0.5rem !important;
 }
 
 .ms-3 {
   margin-right: 1rem !important;
 }
 
 .ms-4 {
   margin-right: 1.5rem !important;
 }
 
 .ms-5 {
   margin-right: 3rem !important;
 }
 
 .ms-auto {
   margin-right: auto !important;
 }
 
 .p-0 {
   padding: 0 !important;
 }
 
 .p-1 {
   padding: 0.25rem !important;
 }
 
 .p-2 {
   padding: 0.5rem !important;
 }
 
 .p-3 {
   padding: 1rem !important;
 }
 
 .p-4 {
   padding: 1.5rem !important;
 }
 
 .p-5 {
   padding: 3rem !important;
 }
 
 .px-0 {
   padding-left: 0 !important;
   padding-right: 0 !important;
 }
 
 .px-1 {
   padding-left: 0.25rem !important;
   padding-right: 0.25rem !important;
 }
 
 .px-2 {
   padding-left: 0.5rem !important;
   padding-right: 0.5rem !important;
 }
 
 .px-3 {
   padding-left: 1rem !important;
   padding-right: 1rem !important;
 }
 
 .px-4 {
   padding-left: 1.5rem !important;
   padding-right: 1.5rem !important;
 }
 
 .px-5 {
   padding-left: 3rem !important;
   padding-right: 3rem !important;
 }
 
 .py-0 {
   padding-top: 0 !important;
   padding-bottom: 0 !important;
 }
 
 .py-1 {
   padding-top: 0.25rem !important;
   padding-bottom: 0.25rem !important;
 }
 
 .py-2 {
   padding-top: 0.5rem !important;
   padding-bottom: 0.5rem !important;
 }
 
 .py-3 {
   padding-top: 1rem !important;
   padding-bottom: 1rem !important;
 }
 
 .py-4 {
   padding-top: 1.5rem !important;
   padding-bottom: 1.5rem !important;
 }
 
 .py-5 {
   padding-top: 3rem !important;
   padding-bottom: 3rem !important;
 }
 
 .pt-0 {
   padding-top: 0 !important;
 }
 
 .pt-1 {
   padding-top: 0.25rem !important;
 }
 
 .pt-2 {
   padding-top: 0.5rem !important;
 }
 
 .pt-3 {
   padding-top: 1rem !important;
 }
 
 .pt-4 {
   padding-top: 1.5rem !important;
 }
 
 .pt-5 {
   padding-top: 3rem !important;
 }
 
 .pe-0 {
   padding-left: 0 !important;
 }
 
 .pe-1 {
   padding-left: 0.25rem !important;
 }
 
 .pe-2 {
   padding-left: 0.5rem !important;
 }
 
 .pe-3 {
   padding-left: 1rem !important;
 }
 
 .pe-4 {
   padding-left: 1.5rem !important;
 }
 
 .pe-5 {
   padding-left: 3rem !important;
 }
 
 .pb-0 {
   padding-bottom: 0 !important;
 }
 
 .pb-1 {
   padding-bottom: 0.25rem !important;
 }
 
 .pb-2 {
   padding-bottom: 0.5rem !important;
 }
 
 .pb-3 {
   padding-bottom: 1rem !important;
 }
 
 .pb-4 {
   padding-bottom: 1.5rem !important;
 }
 
 .pb-5 {
   padding-bottom: 3rem !important;
 }
 
 .ps-0 {
   padding-right: 0 !important;
 }
 
 .ps-1 {
   padding-right: 0.25rem !important;
 }
 
 .ps-2 {
   padding-right: 0.5rem !important;
 }
 
 .ps-3 {
   padding-right: 1rem !important;
 }
 
 .ps-4 {
   padding-right: 1.5rem !important;
 }
 
 .ps-5 {
   padding-right: 3rem !important;
 }
 
 .font-monospace {
   font-family: var(--bs-font-monospace) !important;
 }
 
 .fs-1 {
   font-size: calc(1.4375rem + 2.25vw) !important;
 }
 
 .fs-2 {
   font-size: calc(1.34375rem + 1.125vw) !important;
 }
 
 .fs-3 {
   font-size: calc(1.3rem + 0.6vw) !important;
 }
 
 .fs-4 {
   font-size: calc(1.275rem + 0.3vw) !important;
 }
 
 .fs-5 {
   font-size: 1.25rem !important;
 }
 
 .fs-6 {
   font-size: 1.125rem !important;
 }
 
 .fst-italic {
   font-style: italic !important;
 }
 
 .fst-normal {
   font-style: normal !important;
 }
 
 .fw-light {
   font-weight: 300 !important;
 }
 
 .fw-lighter {
   font-weight: lighter !important;
 }
 
 .fw-normal {
   font-weight: 400 !important;
 }
 
 .fw-bold {
   font-weight: 700 !important;
 }
 
 .fw-bolder {
   font-weight: bolder !important;
 }
 
 .lh-1 {
   line-height: 1 !important;
 }
 
 .lh-sm {
   line-height: 1.25 !important;
 }
 
 .lh-base {
   line-height: 1.5 !important;
 }
 
 .lh-lg {
   line-height: 2 !important;
 }
 
 .text-start {
   text-align: right !important;
 }
 
 .text-end {
   text-align: left !important;
 }
 
 .text-center {
   text-align: center !important;
 }
 
 .text-decoration-none {
   text-decoration: none !important;
 }
 
 .text-decoration-underline {
   text-decoration: underline !important;
 }
 
 .text-decoration-line-through {
   text-decoration: line-through !important;
 }
 
 .text-lowercase {
   text-transform: lowercase !important;
 }
 
 .text-uppercase {
   text-transform: uppercase !important;
 }
 
 .text-capitalize {
   text-transform: capitalize !important;
 }
 
 .text-wrap {
   white-space: normal !important;
 }
 
 .text-nowrap {
   white-space: nowrap !important;
 }
 .text-primary {
   --bs-text-opacity: 1;
   color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
 }
 
 .text-secondary {
   --bs-text-opacity: 1;
   color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
 }
 
 .text-success {
   --bs-text-opacity: 1;
   color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
 }
 
 .text-info {
   --bs-text-opacity: 1;
   color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
 }
 
 .text-warning {
   --bs-text-opacity: 1;
   color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
 }
 
 .text-danger {
   --bs-text-opacity: 1;
   color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
 }
 
 .text-light {
   --bs-text-opacity: 1;
   color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
 }
 
 .text-dark {
   --bs-text-opacity: 1;
   color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
 }
 
 .text-black {
   --bs-text-opacity: 1;
   color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
 }
 
 .text-white {
   --bs-text-opacity: 1;
   color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
 }
 
 .text-body {
   --bs-text-opacity: 1;
   color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
 }
 
 .text-muted {
   --bs-text-opacity: 1;
   color: #AEAED5 !important;
 }
 
 .text-black-50 {
   --bs-text-opacity: 1;
   color: rgba(0, 0, 0, 0.5) !important;
 }
 
 .text-white-50 {
   --bs-text-opacity: 1;
   color: rgba(255, 255, 255, 0.5) !important;
 }
 
 .text-reset {
   --bs-text-opacity: 1;
   color: inherit !important;
 }
 
 .text-opacity-25 {
   --bs-text-opacity: 0.25;
 }
 
 .text-opacity-50 {
   --bs-text-opacity: 0.5;
 }
 
 .text-opacity-75 {
   --bs-text-opacity: 0.75;
 }
 
 .text-opacity-100 {
   --bs-text-opacity: 1;
 }
 
 .bg-primary {
   --bs-bg-opacity: 1;
   background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
 }
 
 .bg-secondary {
   --bs-bg-opacity: 1;
   background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
 }
 
 .bg-success {
   --bs-bg-opacity: 1;
   background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
 }
 
 .bg-info {
   --bs-bg-opacity: 1;
   background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
 }
 
 .bg-warning {
   --bs-bg-opacity: 1;
   background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
 }
 
 .bg-danger {
   --bs-bg-opacity: 1;
   background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
 }
 
 .bg-light {
   --bs-bg-opacity: 1;
   background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
 }
 
 .bg-dark {
   --bs-bg-opacity: 1;
   background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
 }
 
 .bg-black {
   --bs-bg-opacity: 1;
   background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
 }
 
 .bg-white {
   --bs-bg-opacity: 1;
   background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
 }
 
 .bg-body {
   --bs-bg-opacity: 1;
   background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
 }
 
 .bg-transparent {
   --bs-bg-opacity: 1;
   background-color: transparent !important;
 }
 
 .bg-opacity-10 {
   --bs-bg-opacity: 0.1;
 }
 
 .bg-opacity-25 {
   --bs-bg-opacity: 0.25;
 }
 
 .bg-opacity-50 {
   --bs-bg-opacity: 0.5;
 }
 
 .bg-opacity-75 {
   --bs-bg-opacity: 0.75;
 }
 
 .bg-opacity-100 {
   --bs-bg-opacity: 1;
 }
 
 .bg-gradient {
   background-image: var(--bs-gradient) !important;
 }
 
 .user-select-all {
   user-select: all !important;
 }
 
 .user-select-auto {
   user-select: auto !important;
 }
 
 .user-select-none {
   user-select: none !important;
 }
 
 .pe-none {
   pointer-events: none !important;
 }
 
 .pe-auto {
   pointer-events: auto !important;
 }
 
 .rounded {
   border-radius: 0.25rem !important;
 }
 
 .rounded-0 {
   border-radius: 0 !important;
 }
 
 .rounded-1 {
   border-radius: 0.2rem !important;
 }
 
 .rounded-2 {
   border-radius: 0.25rem !important;
 }
 
 .rounded-3 {
   border-radius: 20px !important;
 }
 
 .rounded-circle {
   border-radius: 50% !important;
 }
 
 .rounded-pill {
   border-radius: 50rem !important;
 }
 
 .rounded-top {
   border-top-right-radius: 0.25rem !important;
   border-top-left-radius: 0.25rem !important;
 }
 
 .rounded-end {
   border-top-left-radius: 0.25rem !important;
   border-bottom-left-radius: 0.25rem !important;
 }
 
 .rounded-bottom {
   border-bottom-left-radius: 0.25rem !important;
   border-bottom-right-radius: 0.25rem !important;
 }
 
 .rounded-start {
   border-bottom-right-radius: 0.25rem !important;
   border-top-right-radius: 0.25rem !important;
 }
 
 .visible {
   visibility: visible !important;
 }
 
 .invisible {
   visibility: hidden !important;
 }
 
 @media (min-width: 576px) {
   .float-sm-start {
     float: right !important;
   }
 
   .float-sm-end {
     float: left !important;
   }
 
   .float-sm-none {
     float: none !important;
   }
 
   .d-sm-inline {
     display: inline !important;
   }
 
   .d-sm-inline-block {
     display: inline-block !important;
   }
 
   .d-sm-block {
     display: block !important;
   }
 
   .d-sm-grid {
     display: grid !important;
   }
 
   .d-sm-table {
     display: table !important;
   }
 
   .d-sm-table-row {
     display: table-row !important;
   }
 
   .d-sm-table-cell {
     display: table-cell !important;
   }
 
   .d-sm-flex {
     display: flex !important;
   }
 
   .d-sm-inline-flex {
     display: inline-flex !important;
   }
 
   .d-sm-none {
     display: none !important;
   }
 
   .flex-sm-fill {
     flex: 1 1 auto !important;
   }
 
   .flex-sm-row {
     flex-direction: row !important;
   }
 
   .flex-sm-column {
     flex-direction: column !important;
   }
 
   .flex-sm-row-reverse {
     flex-direction: row-reverse !important;
   }
 
   .flex-sm-column-reverse {
     flex-direction: column-reverse !important;
   }
 
   .flex-sm-grow-0 {
     flex-grow: 0 !important;
   }
 
   .flex-sm-grow-1 {
     flex-grow: 1 !important;
   }
 
   .flex-sm-shrink-0 {
     flex-shrink: 0 !important;
   }
 
   .flex-sm-shrink-1 {
     flex-shrink: 1 !important;
   }
 
   .flex-sm-wrap {
     flex-wrap: wrap !important;
   }
 
   .flex-sm-nowrap {
     flex-wrap: nowrap !important;
   }
 
   .flex-sm-wrap-reverse {
     flex-wrap: wrap-reverse !important;
   }
 
   .gap-sm-0 {
     gap: 0 !important;
   }
 
   .gap-sm-1 {
     gap: 0.25rem !important;
   }
 
   .gap-sm-2 {
     gap: 0.5rem !important;
   }
 
   .gap-sm-3 {
     gap: 1rem !important;
   }
 
   .gap-sm-4 {
     gap: 1.5rem !important;
   }
 
   .gap-sm-5 {
     gap: 3rem !important;
   }
 
   .justify-content-sm-start {
     justify-content: flex-start !important;
   }
 
   .justify-content-sm-end {
     justify-content: flex-end !important;
   }
 
   .justify-content-sm-center {
     justify-content: center !important;
   }
 
   .justify-content-sm-between {
     justify-content: space-between !important;
   }
 
   .justify-content-sm-around {
     justify-content: space-around !important;
   }
 
   .justify-content-sm-evenly {
     justify-content: space-evenly !important;
   }
 
   .align-items-sm-start {
     align-items: flex-start !important;
   }
 
   .align-items-sm-end {
     align-items: flex-end !important;
   }
 
   .align-items-sm-center {
     align-items: center !important;
   }
 
   .align-items-sm-baseline {
     align-items: baseline !important;
   }
 
   .align-items-sm-stretch {
     align-items: stretch !important;
   }
 
   .align-content-sm-start {
     align-content: flex-start !important;
   }
 
   .align-content-sm-end {
     align-content: flex-end !important;
   }
 
   .align-content-sm-center {
     align-content: center !important;
   }
 
   .align-content-sm-between {
     align-content: space-between !important;
   }
 
   .align-content-sm-around {
     align-content: space-around !important;
   }
 
   .align-content-sm-stretch {
     align-content: stretch !important;
   }
 
   .align-self-sm-auto {
     align-self: auto !important;
   }
 
   .align-self-sm-start {
     align-self: flex-start !important;
   }
 
   .align-self-sm-end {
     align-self: flex-end !important;
   }
 
   .align-self-sm-center {
     align-self: center !important;
   }
 
   .align-self-sm-baseline {
     align-self: baseline !important;
   }
 
   .align-self-sm-stretch {
     align-self: stretch !important;
   }
 
   .order-sm-first {
     order: -1 !important;
   }
 
   .order-sm-0 {
     order: 0 !important;
   }
 
   .order-sm-1 {
     order: 1 !important;
   }
 
   .order-sm-2 {
     order: 2 !important;
   }
 
   .order-sm-3 {
     order: 3 !important;
   }
 
   .order-sm-4 {
     order: 4 !important;
   }
 
   .order-sm-5 {
     order: 5 !important;
   }
 
   .order-sm-last {
     order: 6 !important;
   }
 
   .m-sm-0 {
     margin: 0 !important;
   }
 
   .m-sm-1 {
     margin: 0.25rem !important;
   }
 
   .m-sm-2 {
     margin: 0.5rem !important;
   }
 
   .m-sm-3 {
     margin: 1rem !important;
   }
 
   .m-sm-4 {
     margin: 1.5rem !important;
   }
 
   .m-sm-5 {
     margin: 3rem !important;
   }
 
   .m-sm-auto {
     margin: auto !important;
   }
 
   .mx-sm-0 {
     margin-left: 0 !important;
     margin-right: 0 !important;
   }
 
   .mx-sm-1 {
     margin-left: 0.25rem !important;
     margin-right: 0.25rem !important;
   }
 
   .mx-sm-2 {
     margin-left: 0.5rem !important;
     margin-right: 0.5rem !important;
   }
 
   .mx-sm-3 {
     margin-left: 1rem !important;
     margin-right: 1rem !important;
   }
 
   .mx-sm-4 {
     margin-left: 1.5rem !important;
     margin-right: 1.5rem !important;
   }
 
   .mx-sm-5 {
     margin-left: 3rem !important;
     margin-right: 3rem !important;
   }
 
   .mx-sm-auto {
     margin-left: auto !important;
     margin-right: auto !important;
   }
 
   .my-sm-0 {
     margin-top: 0 !important;
     margin-bottom: 0 !important;
   }
 
   .my-sm-1 {
     margin-top: 0.25rem !important;
     margin-bottom: 0.25rem !important;
   }
 
   .my-sm-2 {
     margin-top: 0.5rem !important;
     margin-bottom: 0.5rem !important;
   }
 
   .my-sm-3 {
     margin-top: 1rem !important;
     margin-bottom: 1rem !important;
   }
 
   .my-sm-4 {
     margin-top: 1.5rem !important;
     margin-bottom: 1.5rem !important;
   }
 
   .my-sm-5 {
     margin-top: 3rem !important;
     margin-bottom: 3rem !important;
   }
 
   .my-sm-auto {
     margin-top: auto !important;
     margin-bottom: auto !important;
   }
 
   .mt-sm-0 {
     margin-top: 0 !important;
   }
 
   .mt-sm-1 {
     margin-top: 0.25rem !important;
   }
 
   .mt-sm-2 {
     margin-top: 0.5rem !important;
   }
 
   .mt-sm-3 {
     margin-top: 1rem !important;
   }
 
   .mt-sm-4 {
     margin-top: 1.5rem !important;
   }
 
   .mt-sm-5 {
     margin-top: 3rem !important;
   }
 
   .mt-sm-auto {
     margin-top: auto !important;
   }
 
   .me-sm-0 {
     margin-left: 0 !important;
   }
 
   .me-sm-1 {
     margin-left: 0.25rem !important;
   }
 
   .me-sm-2 {
     margin-left: 0.5rem !important;
   }
 
   .me-sm-3 {
     margin-left: 1rem !important;
   }
 
   .me-sm-4 {
     margin-left: 1.5rem !important;
   }
 
   .me-sm-5 {
     margin-left: 3rem !important;
   }
 
   .me-sm-auto {
     margin-left: auto !important;
   }
 
   .mb-sm-0 {
     margin-bottom: 0 !important;
   }
 
   .mb-sm-1 {
     margin-bottom: 0.25rem !important;
   }
 
   .mb-sm-2 {
     margin-bottom: 0.5rem !important;
   }
 
   .mb-sm-3 {
     margin-bottom: 1rem !important;
   }
 
   .mb-sm-4 {
     margin-bottom: 1.5rem !important;
   }
 
   .mb-sm-5 {
     margin-bottom: 3rem !important;
   }
 
   .mb-sm-auto {
     margin-bottom: auto !important;
   }
 
   .ms-sm-0 {
     margin-right: 0 !important;
   }
 
   .ms-sm-1 {
     margin-right: 0.25rem !important;
   }
 
   .ms-sm-2 {
     margin-right: 0.5rem !important;
   }
 
   .ms-sm-3 {
     margin-right: 1rem !important;
   }
 
   .ms-sm-4 {
     margin-right: 1.5rem !important;
   }
 
   .ms-sm-5 {
     margin-right: 3rem !important;
   }
 
   .ms-sm-auto {
     margin-right: auto !important;
   }
 
   .p-sm-0 {
     padding: 0 !important;
   }
 
   .p-sm-1 {
     padding: 0.25rem !important;
   }
 
   .p-sm-2 {
     padding: 0.5rem !important;
   }
 
   .p-sm-3 {
     padding: 1rem !important;
   }
 
   .p-sm-4 {
     padding: 1.5rem !important;
   }
 
   .p-sm-5 {
     padding: 3rem !important;
   }
 
   .px-sm-0 {
     padding-left: 0 !important;
     padding-right: 0 !important;
   }
 
   .px-sm-1 {
     padding-left: 0.25rem !important;
     padding-right: 0.25rem !important;
   }
 
   .px-sm-2 {
     padding-left: 0.5rem !important;
     padding-right: 0.5rem !important;
   }
 
   .px-sm-3 {
     padding-left: 1rem !important;
     padding-right: 1rem !important;
   }
 
   .px-sm-4 {
     padding-left: 1.5rem !important;
     padding-right: 1.5rem !important;
   }
 
   .px-sm-5 {
     padding-left: 3rem !important;
     padding-right: 3rem !important;
   }
 
   .py-sm-0 {
     padding-top: 0 !important;
     padding-bottom: 0 !important;
   }
 
   .py-sm-1 {
     padding-top: 0.25rem !important;
     padding-bottom: 0.25rem !important;
   }
 
   .py-sm-2 {
     padding-top: 0.5rem !important;
     padding-bottom: 0.5rem !important;
   }
 
   .py-sm-3 {
     padding-top: 1rem !important;
     padding-bottom: 1rem !important;
   }
 
   .py-sm-4 {
     padding-top: 1.5rem !important;
     padding-bottom: 1.5rem !important;
   }
 
   .py-sm-5 {
     padding-top: 3rem !important;
     padding-bottom: 3rem !important;
   }
 
   .pt-sm-0 {
     padding-top: 0 !important;
   }
 
   .pt-sm-1 {
     padding-top: 0.25rem !important;
   }
 
   .pt-sm-2 {
     padding-top: 0.5rem !important;
   }
 
   .pt-sm-3 {
     padding-top: 1rem !important;
   }
 
   .pt-sm-4 {
     padding-top: 1.5rem !important;
   }
 
   .pt-sm-5 {
     padding-top: 3rem !important;
   }
 
   .pe-sm-0 {
     padding-left: 0 !important;
   }
 
   .pe-sm-1 {
     padding-left: 0.25rem !important;
   }
 
   .pe-sm-2 {
     padding-left: 0.5rem !important;
   }
 
   .pe-sm-3 {
     padding-left: 1rem !important;
   }
 
   .pe-sm-4 {
     padding-left: 1.5rem !important;
   }
 
   .pe-sm-5 {
     padding-left: 3rem !important;
   }
 
   .pb-sm-0 {
     padding-bottom: 0 !important;
   }
 
   .pb-sm-1 {
     padding-bottom: 0.25rem !important;
   }
 
   .pb-sm-2 {
     padding-bottom: 0.5rem !important;
   }
 
   .pb-sm-3 {
     padding-bottom: 1rem !important;
   }
 
   .pb-sm-4 {
     padding-bottom: 1.5rem !important;
   }
 
   .pb-sm-5 {
     padding-bottom: 3rem !important;
   }
 
   .ps-sm-0 {
     padding-right: 0 !important;
   }
 
   .ps-sm-1 {
     padding-right: 0.25rem !important;
   }
 
   .ps-sm-2 {
     padding-right: 0.5rem !important;
   }
 
   .ps-sm-3 {
     padding-right: 1rem !important;
   }
 
   .ps-sm-4 {
     padding-right: 1.5rem !important;
   }
 
   .ps-sm-5 {
     padding-right: 3rem !important;
   }
 
   .text-sm-start {
     text-align: right !important;
   }
 
   .text-sm-end {
     text-align: left !important;
   }
 
   .text-sm-center {
     text-align: center !important;
   }
 }
 
 @media (min-width: 768px) {
   .float-md-start {
     float: right !important;
   }
 
   .float-md-end {
     float: left !important;
   }
 
   .float-md-none {
     float: none !important;
   }
 
   .d-md-inline {
     display: inline !important;
   }
 
   .d-md-inline-block {
     display: inline-block !important;
   }
 
   .d-md-block {
     display: block !important;
   }
 
   .d-md-grid {
     display: grid !important;
   }
 
   .d-md-table {
     display: table !important;
   }
 
   .d-md-table-row {
     display: table-row !important;
   }
 
   .d-md-table-cell {
     display: table-cell !important;
   }
 
   .d-md-flex {
     display: flex !important;
   }
 
   .d-md-inline-flex {
     display: inline-flex !important;
   }
 
   .d-md-none {
     display: none !important;
   }
 
   .flex-md-fill {
     flex: 1 1 auto !important;
   }
 
   .flex-md-row {
     flex-direction: row !important;
   }
 
   .flex-md-column {
     flex-direction: column !important;
   }
 
   .flex-md-row-reverse {
     flex-direction: row-reverse !important;
   }
 
   .flex-md-column-reverse {
     flex-direction: column-reverse !important;
   }
 
   .flex-md-grow-0 {
     flex-grow: 0 !important;
   }
 
   .flex-md-grow-1 {
     flex-grow: 1 !important;
   }
 
   .flex-md-shrink-0 {
     flex-shrink: 0 !important;
   }
 
   .flex-md-shrink-1 {
     flex-shrink: 1 !important;
   }
 
   .flex-md-wrap {
     flex-wrap: wrap !important;
   }
 
   .flex-md-nowrap {
     flex-wrap: nowrap !important;
   }
 
   .flex-md-wrap-reverse {
     flex-wrap: wrap-reverse !important;
   }
 
   .gap-md-0 {
     gap: 0 !important;
   }
 
   .gap-md-1 {
     gap: 0.25rem !important;
   }
 
   .gap-md-2 {
     gap: 0.5rem !important;
   }
 
   .gap-md-3 {
     gap: 1rem !important;
   }
 
   .gap-md-4 {
     gap: 1.5rem !important;
   }
 
   .gap-md-5 {
     gap: 3rem !important;
   }
 
   .justify-content-md-start {
     justify-content: flex-start !important;
   }
 
   .justify-content-md-end {
     justify-content: flex-end !important;
   }
 
   .justify-content-md-center {
     justify-content: center !important;
   }
 
   .justify-content-md-between {
     justify-content: space-between !important;
   }
 
   .justify-content-md-around {
     justify-content: space-around !important;
   }
 
   .justify-content-md-evenly {
     justify-content: space-evenly !important;
   }
 
   .align-items-md-start {
     align-items: flex-start !important;
   }
 
   .align-items-md-end {
     align-items: flex-end !important;
   }
 
   .align-items-md-center {
     align-items: center !important;
   }
 
   .align-items-md-baseline {
     align-items: baseline !important;
   }
 
   .align-items-md-stretch {
     align-items: stretch !important;
   }
 
   .align-content-md-start {
     align-content: flex-start !important;
   }
 
   .align-content-md-end {
     align-content: flex-end !important;
   }
 
   .align-content-md-center {
     align-content: center !important;
   }
 
   .align-content-md-between {
     align-content: space-between !important;
   }
 
   .align-content-md-around {
     align-content: space-around !important;
   }
 
   .align-content-md-stretch {
     align-content: stretch !important;
   }
 
   .align-self-md-auto {
     align-self: auto !important;
   }
 
   .align-self-md-start {
     align-self: flex-start !important;
   }
 
   .align-self-md-end {
     align-self: flex-end !important;
   }
 
   .align-self-md-center {
     align-self: center !important;
   }
 
   .align-self-md-baseline {
     align-self: baseline !important;
   }
 
   .align-self-md-stretch {
     align-self: stretch !important;
   }
 
   .order-md-first {
     order: -1 !important;
   }
 
   .order-md-0 {
     order: 0 !important;
   }
 
   .order-md-1 {
     order: 1 !important;
   }
 
   .order-md-2 {
     order: 2 !important;
   }
 
   .order-md-3 {
     order: 3 !important;
   }
 
   .order-md-4 {
     order: 4 !important;
   }
 
   .order-md-5 {
     order: 5 !important;
   }
 
   .order-md-last {
     order: 6 !important;
   }
 
   .m-md-0 {
     margin: 0 !important;
   }
 
   .m-md-1 {
     margin: 0.25rem !important;
   }
 
   .m-md-2 {
     margin: 0.5rem !important;
   }
 
   .m-md-3 {
     margin: 1rem !important;
   }
 
   .m-md-4 {
     margin: 1.5rem !important;
   }
 
   .m-md-5 {
     margin: 3rem !important;
   }
 
   .m-md-auto {
     margin: auto !important;
   }
 
   .mx-md-0 {
     margin-left: 0 !important;
     margin-right: 0 !important;
   }
 
   .mx-md-1 {
     margin-left: 0.25rem !important;
     margin-right: 0.25rem !important;
   }
 
   .mx-md-2 {
     margin-left: 0.5rem !important;
     margin-right: 0.5rem !important;
   }
 
   .mx-md-3 {
     margin-left: 1rem !important;
     margin-right: 1rem !important;
   }
 
   .mx-md-4 {
     margin-left: 1.5rem !important;
     margin-right: 1.5rem !important;
   }
 
   .mx-md-5 {
     margin-left: 3rem !important;
     margin-right: 3rem !important;
   }
 
   .mx-md-auto {
     margin-left: auto !important;
     margin-right: auto !important;
   }
 
   .my-md-0 {
     margin-top: 0 !important;
     margin-bottom: 0 !important;
   }
 
   .my-md-1 {
     margin-top: 0.25rem !important;
     margin-bottom: 0.25rem !important;
   }
 
   .my-md-2 {
     margin-top: 0.5rem !important;
     margin-bottom: 0.5rem !important;
   }
 
   .my-md-3 {
     margin-top: 1rem !important;
     margin-bottom: 1rem !important;
   }
 
   .my-md-4 {
     margin-top: 1.5rem !important;
     margin-bottom: 1.5rem !important;
   }
 
   .my-md-5 {
     margin-top: 3rem !important;
     margin-bottom: 3rem !important;
   }
 
   .my-md-auto {
     margin-top: auto !important;
     margin-bottom: auto !important;
   }
 
   .mt-md-0 {
     margin-top: 0 !important;
   }
 
   .mt-md-1 {
     margin-top: 0.25rem !important;
   }
 
   .mt-md-2 {
     margin-top: 0.5rem !important;
   }
 
   .mt-md-3 {
     margin-top: 1rem !important;
   }
 
   .mt-md-4 {
     margin-top: 1.5rem !important;
   }
 
   .mt-md-5 {
     margin-top: 3rem !important;
   }
 
   .mt-md-auto {
     margin-top: auto !important;
   }
 
   .me-md-0 {
     margin-left: 0 !important;
   }
 
   .me-md-1 {
     margin-left: 0.25rem !important;
   }
 
   .me-md-2 {
     margin-left: 0.5rem !important;
   }
 
   .me-md-3 {
     margin-left: 1rem !important;
   }
 
   .me-md-4 {
     margin-left: 1.5rem !important;
   }
 
   .me-md-5 {
     margin-left: 3rem !important;
   }
 
   .me-md-auto {
     margin-left: auto !important;
   }
 
   .mb-md-0 {
     margin-bottom: 0 !important;
   }
 
   .mb-md-1 {
     margin-bottom: 0.25rem !important;
   }
 
   .mb-md-2 {
     margin-bottom: 0.5rem !important;
   }
 
   .mb-md-3 {
     margin-bottom: 1rem !important;
   }
 
   .mb-md-4 {
     margin-bottom: 1.5rem !important;
   }
 
   .mb-md-5 {
     margin-bottom: 3rem !important;
   }
 
   .mb-md-auto {
     margin-bottom: auto !important;
   }
 
   .ms-md-0 {
     margin-right: 0 !important;
   }
 
   .ms-md-1 {
     margin-right: 0.25rem !important;
   }
 
   .ms-md-2 {
     margin-right: 0.5rem !important;
   }
 
   .ms-md-3 {
     margin-right: 1rem !important;
   }
 
   .ms-md-4 {
     margin-right: 1.5rem !important;
   }
 
   .ms-md-5 {
     margin-right: 3rem !important;
   }
 
   .ms-md-auto {
     margin-right: auto !important;
   }
 
   .p-md-0 {
     padding: 0 !important;
   }
 
   .p-md-1 {
     padding: 0.25rem !important;
   }
 
   .p-md-2 {
     padding: 0.5rem !important;
   }
 
   .p-md-3 {
     padding: 1rem !important;
   }
 
   .p-md-4 {
     padding: 1.5rem !important;
   }
 
   .p-md-5 {
     padding: 3rem !important;
   }
 
   .px-md-0 {
     padding-left: 0 !important;
     padding-right: 0 !important;
   }
 
   .px-md-1 {
     padding-left: 0.25rem !important;
     padding-right: 0.25rem !important;
   }
 
   .px-md-2 {
     padding-left: 0.5rem !important;
     padding-right: 0.5rem !important;
   }
 
   .px-md-3 {
     padding-left: 1rem !important;
     padding-right: 1rem !important;
   }
 
   .px-md-4 {
     padding-left: 1.5rem !important;
     padding-right: 1.5rem !important;
   }
 
   .px-md-5 {
     padding-left: 3rem !important;
     padding-right: 3rem !important;
   }
 
   .py-md-0 {
     padding-top: 0 !important;
     padding-bottom: 0 !important;
   }
 
   .py-md-1 {
     padding-top: 0.25rem !important;
     padding-bottom: 0.25rem !important;
   }
 
   .py-md-2 {
     padding-top: 0.5rem !important;
     padding-bottom: 0.5rem !important;
   }
 
   .py-md-3 {
     padding-top: 1rem !important;
     padding-bottom: 1rem !important;
   }
 
   .py-md-4 {
     padding-top: 1.5rem !important;
     padding-bottom: 1.5rem !important;
   }
 
   .py-md-5 {
     padding-top: 3rem !important;
     padding-bottom: 3rem !important;
   }
 
   .pt-md-0 {
     padding-top: 0 !important;
   }
 
   .pt-md-1 {
     padding-top: 0.25rem !important;
   }
 
   .pt-md-2 {
     padding-top: 0.5rem !important;
   }
 
   .pt-md-3 {
     padding-top: 1rem !important;
   }
 
   .pt-md-4 {
     padding-top: 1.5rem !important;
   }
 
   .pt-md-5 {
     padding-top: 3rem !important;
   }
 
   .pe-md-0 {
     padding-left: 0 !important;
   }
 
   .pe-md-1 {
     padding-left: 0.25rem !important;
   }
 
   .pe-md-2 {
     padding-left: 0.5rem !important;
   }
 
   .pe-md-3 {
     padding-left: 1rem !important;
   }
 
   .pe-md-4 {
     padding-left: 1.5rem !important;
   }
 
   .pe-md-5 {
     padding-left: 3rem !important;
   }
 
   .pb-md-0 {
     padding-bottom: 0 !important;
   }
 
   .pb-md-1 {
     padding-bottom: 0.25rem !important;
   }
 
   .pb-md-2 {
     padding-bottom: 0.5rem !important;
   }
 
   .pb-md-3 {
     padding-bottom: 1rem !important;
   }
 
   .pb-md-4 {
     padding-bottom: 1.5rem !important;
   }
 
   .pb-md-5 {
     padding-bottom: 3rem !important;
   }
 
   .ps-md-0 {
     padding-right: 0 !important;
   }
 
   .ps-md-1 {
     padding-right: 0.25rem !important;
   }
 
   .ps-md-2 {
     padding-right: 0.5rem !important;
   }
 
   .ps-md-3 {
     padding-right: 1rem !important;
   }
 
   .ps-md-4 {
     padding-right: 1.5rem !important;
   }
 
   .ps-md-5 {
     padding-right: 3rem !important;
   }
 
   .text-md-start {
     text-align: right !important;
   }
 
   .text-md-end {
     text-align: left !important;
   }
 
   .text-md-center {
     text-align: center !important;
   }
 }
 
 @media (min-width: 992px) {
   .float-lg-start {
     float: right !important;
   }
 
   .float-lg-end {
     float: left !important;
   }
 
   .float-lg-none {
     float: none !important;
   }
 
   .d-lg-inline {
     display: inline !important;
   }
 
   .d-lg-inline-block {
     display: inline-block !important;
   }
 
   .d-lg-block {
     display: block !important;
   }
 
   .d-lg-grid {
     display: grid !important;
   }
 
   .d-lg-table {
     display: table !important;
   }
 
   .d-lg-table-row {
     display: table-row !important;
   }
 
   .d-lg-table-cell {
     display: table-cell !important;
   }
 
   .d-lg-flex {
     display: flex !important;
   }
 
   .d-lg-inline-flex {
     display: inline-flex !important;
   }
 
   .d-lg-none {
     display: none !important;
   }
 
   .flex-lg-fill {
     flex: 1 1 auto !important;
   }
 
   .flex-lg-row {
     flex-direction: row !important;
   }
 
   .flex-lg-column {
     flex-direction: column !important;
   }
 
   .flex-lg-row-reverse {
     flex-direction: row-reverse !important;
   }
 
   .flex-lg-column-reverse {
     flex-direction: column-reverse !important;
   }
 
   .flex-lg-grow-0 {
     flex-grow: 0 !important;
   }
 
   .flex-lg-grow-1 {
     flex-grow: 1 !important;
   }
 
   .flex-lg-shrink-0 {
     flex-shrink: 0 !important;
   }
 
   .flex-lg-shrink-1 {
     flex-shrink: 1 !important;
   }
 
   .flex-lg-wrap {
     flex-wrap: wrap !important;
   }
 
   .flex-lg-nowrap {
     flex-wrap: nowrap !important;
   }
 
   .flex-lg-wrap-reverse {
     flex-wrap: wrap-reverse !important;
   }
 
   .gap-lg-0 {
     gap: 0 !important;
   }
 
   .gap-lg-1 {
     gap: 0.25rem !important;
   }
 
   .gap-lg-2 {
     gap: 0.5rem !important;
   }
 
   .gap-lg-3 {
     gap: 1rem !important;
   }
 
   .gap-lg-4 {
     gap: 1.5rem !important;
   }
 
   .gap-lg-5 {
     gap: 3rem !important;
   }
 
   .justify-content-lg-start {
     justify-content: flex-start !important;
   }
 
   .justify-content-lg-end {
     justify-content: flex-end !important;
   }
 
   .justify-content-lg-center {
     justify-content: center !important;
   }
 
   .justify-content-lg-between {
     justify-content: space-between !important;
   }
 
   .justify-content-lg-around {
     justify-content: space-around !important;
   }
 
   .justify-content-lg-evenly {
     justify-content: space-evenly !important;
   }
 
   .align-items-lg-start {
     align-items: flex-start !important;
   }
 
   .align-items-lg-end {
     align-items: flex-end !important;
   }
 
   .align-items-lg-center {
     align-items: center !important;
   }
 
   .align-items-lg-baseline {
     align-items: baseline !important;
   }
 
   .align-items-lg-stretch {
     align-items: stretch !important;
   }
 
   .align-content-lg-start {
     align-content: flex-start !important;
   }
 
   .align-content-lg-end {
     align-content: flex-end !important;
   }
 
   .align-content-lg-center {
     align-content: center !important;
   }
 
   .align-content-lg-between {
     align-content: space-between !important;
   }
 
   .align-content-lg-around {
     align-content: space-around !important;
   }
 
   .align-content-lg-stretch {
     align-content: stretch !important;
   }
 
   .align-self-lg-auto {
     align-self: auto !important;
   }
 
   .align-self-lg-start {
     align-self: flex-start !important;
   }
 
   .align-self-lg-end {
     align-self: flex-end !important;
   }
 
   .align-self-lg-center {
     align-self: center !important;
   }
 
   .align-self-lg-baseline {
     align-self: baseline !important;
   }
 
   .align-self-lg-stretch {
     align-self: stretch !important;
   }
 
   .order-lg-first {
     order: -1 !important;
   }
 
   .order-lg-0 {
     order: 0 !important;
   }
 
   .order-lg-1 {
     order: 1 !important;
   }
 
   .order-lg-2 {
     order: 2 !important;
   }
 
   .order-lg-3 {
     order: 3 !important;
   }
 
   .order-lg-4 {
     order: 4 !important;
   }
 
   .order-lg-5 {
     order: 5 !important;
   }
 
   .order-lg-last {
     order: 6 !important;
   }
 
   .m-lg-0 {
     margin: 0 !important;
   }
 
   .m-lg-1 {
     margin: 0.25rem !important;
   }
 
   .m-lg-2 {
     margin: 0.5rem !important;
   }
 
   .m-lg-3 {
     margin: 1rem !important;
   }
 
   .m-lg-4 {
     margin: 1.5rem !important;
   }
 
   .m-lg-5 {
     margin: 3rem !important;
   }
 
   .m-lg-auto {
     margin: auto !important;
   }
 
   .mx-lg-0 {
     margin-left: 0 !important;
     margin-right: 0 !important;
   }
 
   .mx-lg-1 {
     margin-left: 0.25rem !important;
     margin-right: 0.25rem !important;
   }
 
   .mx-lg-2 {
     margin-left: 0.5rem !important;
     margin-right: 0.5rem !important;
   }
 
   .mx-lg-3 {
     margin-left: 1rem !important;
     margin-right: 1rem !important;
   }
 
   .mx-lg-4 {
     margin-left: 1.5rem !important;
     margin-right: 1.5rem !important;
   }
 
   .mx-lg-5 {
     margin-left: 3rem !important;
     margin-right: 3rem !important;
   }
 
   .mx-lg-auto {
     margin-left: auto !important;
     margin-right: auto !important;
   }
 
   .my-lg-0 {
     margin-top: 0 !important;
     margin-bottom: 0 !important;
   }
 
   .my-lg-1 {
     margin-top: 0.25rem !important;
     margin-bottom: 0.25rem !important;
   }
 
   .my-lg-2 {
     margin-top: 0.5rem !important;
     margin-bottom: 0.5rem !important;
   }
 
   .my-lg-3 {
     margin-top: 1rem !important;
     margin-bottom: 1rem !important;
   }
 
   .my-lg-4 {
     margin-top: 1.5rem !important;
     margin-bottom: 1.5rem !important;
   }
 
   .my-lg-5 {
     margin-top: 3rem !important;
     margin-bottom: 3rem !important;
   }
 
   .my-lg-auto {
     margin-top: auto !important;
     margin-bottom: auto !important;
   }
 
   .mt-lg-0 {
     margin-top: 0 !important;
   }
 
   .mt-lg-1 {
     margin-top: 0.25rem !important;
   }
 
   .mt-lg-2 {
     margin-top: 0.5rem !important;
   }
 
   .mt-lg-3 {
     margin-top: 1rem !important;
   }
 
   .mt-lg-4 {
     margin-top: 1.5rem !important;
   }
 
   .mt-lg-5 {
     margin-top: 3rem !important;
   }
 
   .mt-lg-auto {
     margin-top: auto !important;
   }
 
   .me-lg-0 {
     margin-left: 0 !important;
   }
 
   .me-lg-1 {
     margin-left: 0.25rem !important;
   }
 
   .me-lg-2 {
     margin-left: 0.5rem !important;
   }
 
   .me-lg-3 {
     margin-left: 1rem !important;
   }
 
   .me-lg-4 {
     margin-left: 1.5rem !important;
   }
 
   .me-lg-5 {
     margin-left: 3rem !important;
   }
 
   .me-lg-auto {
     margin-left: auto !important;
   }
 
   .mb-lg-0 {
     margin-bottom: 0 !important;
   }
 
   .mb-lg-1 {
     margin-bottom: 0.25rem !important;
   }
 
   .mb-lg-2 {
     margin-bottom: 0.5rem !important;
   }
 
   .mb-lg-3 {
     margin-bottom: 1rem !important;
   }
 
   .mb-lg-4 {
     margin-bottom: 1.5rem !important;
   }
 
   .mb-lg-5 {
     margin-bottom: 3rem !important;
   }
 
   .mb-lg-auto {
     margin-bottom: auto !important;
   }
 
   .ms-lg-0 {
     margin-right: 0 !important;
   }
 
   .ms-lg-1 {
     margin-right: 0.25rem !important;
   }
 
   .ms-lg-2 {
     margin-right: 0.5rem !important;
   }
 
   .ms-lg-3 {
     margin-right: 1rem !important;
   }
 
   .ms-lg-4 {
     margin-right: 1.5rem !important;
   }
 
   .ms-lg-5 {
     margin-right: 3rem !important;
   }
 
   .ms-lg-auto {
     margin-right: auto !important;
   }
 
   .p-lg-0 {
     padding: 0 !important;
   }
 
   .p-lg-1 {
     padding: 0.25rem !important;
   }
 
   .p-lg-2 {
     padding: 0.5rem !important;
   }
 
   .p-lg-3 {
     padding: 1rem !important;
   }
 
   .p-lg-4 {
     padding: 1.5rem !important;
   }
 
   .p-lg-5 {
     padding: 3rem !important;
   }
 
   .px-lg-0 {
     padding-left: 0 !important;
     padding-right: 0 !important;
   }
 
   .px-lg-1 {
     padding-left: 0.25rem !important;
     padding-right: 0.25rem !important;
   }
 
   .px-lg-2 {
     padding-left: 0.5rem !important;
     padding-right: 0.5rem !important;
   }
 
   .px-lg-3 {
     padding-left: 1rem !important;
     padding-right: 1rem !important;
   }
 
   .px-lg-4 {
     padding-left: 1.5rem !important;
     padding-right: 1.5rem !important;
   }
 
   .px-lg-5 {
     padding-left: 3rem !important;
     padding-right: 3rem !important;
   }
 
   .py-lg-0 {
     padding-top: 0 !important;
     padding-bottom: 0 !important;
   }
 
   .py-lg-1 {
     padding-top: 0.25rem !important;
     padding-bottom: 0.25rem !important;
   }
 
   .py-lg-2 {
     padding-top: 0.5rem !important;
     padding-bottom: 0.5rem !important;
   }
 
   .py-lg-3 {
     padding-top: 1rem !important;
     padding-bottom: 1rem !important;
   }
 
   .py-lg-4 {
     padding-top: 1.5rem !important;
     padding-bottom: 1.5rem !important;
   }
 
   .py-lg-5 {
     padding-top: 3rem !important;
     padding-bottom: 3rem !important;
   }
 
   .pt-lg-0 {
     padding-top: 0 !important;
   }
 
   .pt-lg-1 {
     padding-top: 0.25rem !important;
   }
 
   .pt-lg-2 {
     padding-top: 0.5rem !important;
   }
 
   .pt-lg-3 {
     padding-top: 1rem !important;
   }
 
   .pt-lg-4 {
     padding-top: 1.5rem !important;
   }
 
   .pt-lg-5 {
     padding-top: 3rem !important;
   }
 
   .pe-lg-0 {
     padding-left: 0 !important;
   }
 
   .pe-lg-1 {
     padding-left: 0.25rem !important;
   }
 
   .pe-lg-2 {
     padding-left: 0.5rem !important;
   }
 
   .pe-lg-3 {
     padding-left: 1rem !important;
   }
 
   .pe-lg-4 {
     padding-left: 1.5rem !important;
   }
 
   .pe-lg-5 {
     padding-left: 3rem !important;
   }
 
   .pb-lg-0 {
     padding-bottom: 0 !important;
   }
 
   .pb-lg-1 {
     padding-bottom: 0.25rem !important;
   }
 
   .pb-lg-2 {
     padding-bottom: 0.5rem !important;
   }
 
   .pb-lg-3 {
     padding-bottom: 1rem !important;
   }
 
   .pb-lg-4 {
     padding-bottom: 1.5rem !important;
   }
 
   .pb-lg-5 {
     padding-bottom: 3rem !important;
   }
 
   .ps-lg-0 {
     padding-right: 0 !important;
   }
 
   .ps-lg-1 {
     padding-right: 0.25rem !important;
   }
 
   .ps-lg-2 {
     padding-right: 0.5rem !important;
   }
 
   .ps-lg-3 {
     padding-right: 1rem !important;
   }
 
   .ps-lg-4 {
     padding-right: 1.5rem !important;
   }
 
   .ps-lg-5 {
     padding-right: 3rem !important;
   }
 
   .text-lg-start {
     text-align: right !important;
   }
 
   .text-lg-end {
     text-align: left !important;
   }
 
   .text-lg-center {
     text-align: center !important;
   }
 }
 
 @media (min-width: 1200px) {
   .float-xl-start {
     float: right !important;
   }
 
   .float-xl-end {
     float: left !important;
   }
 
   .float-xl-none {
     float: none !important;
   }
 
   .d-xl-inline {
     display: inline !important;
   }
 
   .d-xl-inline-block {
     display: inline-block !important;
   }
 
   .d-xl-block {
     display: block !important;
   }
 
   .d-xl-grid {
     display: grid !important;
   }
 
   .d-xl-table {
     display: table !important;
   }
 
   .d-xl-table-row {
     display: table-row !important;
   }
 
   .d-xl-table-cell {
     display: table-cell !important;
   }
 
   .d-xl-flex {
     display: flex !important;
   }
 
   .d-xl-inline-flex {
     display: inline-flex !important;
   }
 
   .d-xl-none {
     display: none !important;
   }
 
   .flex-xl-fill {
     flex: 1 1 auto !important;
   }
 
   .flex-xl-row {
     flex-direction: row !important;
   }
 
   .flex-xl-column {
     flex-direction: column !important;
   }
 
   .flex-xl-row-reverse {
     flex-direction: row-reverse !important;
   }
 
   .flex-xl-column-reverse {
     flex-direction: column-reverse !important;
   }
 
   .flex-xl-grow-0 {
     flex-grow: 0 !important;
   }
 
   .flex-xl-grow-1 {
     flex-grow: 1 !important;
   }
 
   .flex-xl-shrink-0 {
     flex-shrink: 0 !important;
   }
 
   .flex-xl-shrink-1 {
     flex-shrink: 1 !important;
   }
 
   .flex-xl-wrap {
     flex-wrap: wrap !important;
   }
 
   .flex-xl-nowrap {
     flex-wrap: nowrap !important;
   }
 
   .flex-xl-wrap-reverse {
     flex-wrap: wrap-reverse !important;
   }
 
   .gap-xl-0 {
     gap: 0 !important;
   }
 
   .gap-xl-1 {
     gap: 0.25rem !important;
   }
 
   .gap-xl-2 {
     gap: 0.5rem !important;
   }
 
   .gap-xl-3 {
     gap: 1rem !important;
   }
 
   .gap-xl-4 {
     gap: 1.5rem !important;
   }
 
   .gap-xl-5 {
     gap: 3rem !important;
   }
 
   .justify-content-xl-start {
     justify-content: flex-start !important;
   }
 
   .justify-content-xl-end {
     justify-content: flex-end !important;
   }
 
   .justify-content-xl-center {
     justify-content: center !important;
   }
 
   .justify-content-xl-between {
     justify-content: space-between !important;
   }
 
   .justify-content-xl-around {
     justify-content: space-around !important;
   }
 
   .justify-content-xl-evenly {
     justify-content: space-evenly !important;
   }
 
   .align-items-xl-start {
     align-items: flex-start !important;
   }
 
   .align-items-xl-end {
     align-items: flex-end !important;
   }
 
   .align-items-xl-center {
     align-items: center !important;
   }
 
   .align-items-xl-baseline {
     align-items: baseline !important;
   }
 
   .align-items-xl-stretch {
     align-items: stretch !important;
   }
 
   .align-content-xl-start {
     align-content: flex-start !important;
   }
 
   .align-content-xl-end {
     align-content: flex-end !important;
   }
 
   .align-content-xl-center {
     align-content: center !important;
   }
 
   .align-content-xl-between {
     align-content: space-between !important;
   }
 
   .align-content-xl-around {
     align-content: space-around !important;
   }
 
   .align-content-xl-stretch {
     align-content: stretch !important;
   }
 
   .align-self-xl-auto {
     align-self: auto !important;
   }
 
   .align-self-xl-start {
     align-self: flex-start !important;
   }
 
   .align-self-xl-end {
     align-self: flex-end !important;
   }
 
   .align-self-xl-center {
     align-self: center !important;
   }
 
   .align-self-xl-baseline {
     align-self: baseline !important;
   }
 
   .align-self-xl-stretch {
     align-self: stretch !important;
   }
 
   .order-xl-first {
     order: -1 !important;
   }
 
   .order-xl-0 {
     order: 0 !important;
   }
 
   .order-xl-1 {
     order: 1 !important;
   }
 
   .order-xl-2 {
     order: 2 !important;
   }
 
   .order-xl-3 {
     order: 3 !important;
   }
 
   .order-xl-4 {
     order: 4 !important;
   }
 
   .order-xl-5 {
     order: 5 !important;
   }
 
   .order-xl-last {
     order: 6 !important;
   }
 
   .m-xl-0 {
     margin: 0 !important;
   }
 
   .m-xl-1 {
     margin: 0.25rem !important;
   }
 
   .m-xl-2 {
     margin: 0.5rem !important;
   }
 
   .m-xl-3 {
     margin: 1rem !important;
   }
 
   .m-xl-4 {
     margin: 1.5rem !important;
   }
 
   .m-xl-5 {
     margin: 3rem !important;
   }
 
   .m-xl-auto {
     margin: auto !important;
   }
 
   .mx-xl-0 {
     margin-left: 0 !important;
     margin-right: 0 !important;
   }
 
   .mx-xl-1 {
     margin-left: 0.25rem !important;
     margin-right: 0.25rem !important;
   }
 
   .mx-xl-2 {
     margin-left: 0.5rem !important;
     margin-right: 0.5rem !important;
   }
 
   .mx-xl-3 {
     margin-left: 1rem !important;
     margin-right: 1rem !important;
   }
 
   .mx-xl-4 {
     margin-left: 1.5rem !important;
     margin-right: 1.5rem !important;
   }
 
   .mx-xl-5 {
     margin-left: 3rem !important;
     margin-right: 3rem !important;
   }
 
   .mx-xl-auto {
     margin-left: auto !important;
     margin-right: auto !important;
   }
 
   .my-xl-0 {
     margin-top: 0 !important;
     margin-bottom: 0 !important;
   }
 
   .my-xl-1 {
     margin-top: 0.25rem !important;
     margin-bottom: 0.25rem !important;
   }
 
   .my-xl-2 {
     margin-top: 0.5rem !important;
     margin-bottom: 0.5rem !important;
   }
 
   .my-xl-3 {
     margin-top: 1rem !important;
     margin-bottom: 1rem !important;
   }
 
   .my-xl-4 {
     margin-top: 1.5rem !important;
     margin-bottom: 1.5rem !important;
   }
 
   .my-xl-5 {
     margin-top: 3rem !important;
     margin-bottom: 3rem !important;
   }
 
   .my-xl-auto {
     margin-top: auto !important;
     margin-bottom: auto !important;
   }
 
   .mt-xl-0 {
     margin-top: 0 !important;
   }
 
   .mt-xl-1 {
     margin-top: 0.25rem !important;
   }
 
   .mt-xl-2 {
     margin-top: 0.5rem !important;
   }
 
   .mt-xl-3 {
     margin-top: 1rem !important;
   }
 
   .mt-xl-4 {
     margin-top: 1.5rem !important;
   }
 
   .mt-xl-5 {
     margin-top: 3rem !important;
   }
 
   .mt-xl-auto {
     margin-top: auto !important;
   }
 
   .me-xl-0 {
     margin-left: 0 !important;
   }
 
   .me-xl-1 {
     margin-left: 0.25rem !important;
   }
 
   .me-xl-2 {
     margin-left: 0.5rem !important;
   }
 
   .me-xl-3 {
     margin-left: 1rem !important;
   }
 
   .me-xl-4 {
     margin-left: 1.5rem !important;
   }
 
   .me-xl-5 {
     margin-left: 3rem !important;
   }
 
   .me-xl-auto {
     margin-left: auto !important;
   }
 
   .mb-xl-0 {
     margin-bottom: 0 !important;
   }
 
   .mb-xl-1 {
     margin-bottom: 0.25rem !important;
   }
 
   .mb-xl-2 {
     margin-bottom: 0.5rem !important;
   }
 
   .mb-xl-3 {
     margin-bottom: 1rem !important;
   }
 
   .mb-xl-4 {
     margin-bottom: 1.5rem !important;
   }
 
   .mb-xl-5 {
     margin-bottom: 3rem !important;
   }
 
   .mb-xl-auto {
     margin-bottom: auto !important;
   }
 
   .ms-xl-0 {
     margin-right: 0 !important;
   }
 
   .ms-xl-1 {
     margin-right: 0.25rem !important;
   }
 
   .ms-xl-2 {
     margin-right: 0.5rem !important;
   }
 
   .ms-xl-3 {
     margin-right: 1rem !important;
   }
 
   .ms-xl-4 {
     margin-right: 1.5rem !important;
   }
 
   .ms-xl-5 {
     margin-right: 3rem !important;
   }
 
   .ms-xl-auto {
     margin-right: auto !important;
   }
 
   .p-xl-0 {
     padding: 0 !important;
   }
 
   .p-xl-1 {
     padding: 0.25rem !important;
   }
 
   .p-xl-2 {
     padding: 0.5rem !important;
   }
 
   .p-xl-3 {
     padding: 1rem !important;
   }
 
   .p-xl-4 {
     padding: 1.5rem !important;
   }
 
   .p-xl-5 {
     padding: 3rem !important;
   }
 
   .px-xl-0 {
     padding-left: 0 !important;
     padding-right: 0 !important;
   }
 
   .px-xl-1 {
     padding-left: 0.25rem !important;
     padding-right: 0.25rem !important;
   }
 
   .px-xl-2 {
     padding-left: 0.5rem !important;
     padding-right: 0.5rem !important;
   }
 
   .px-xl-3 {
     padding-left: 1rem !important;
     padding-right: 1rem !important;
   }
 
   .px-xl-4 {
     padding-left: 1.5rem !important;
     padding-right: 1.5rem !important;
   }
 
   .px-xl-5 {
     padding-left: 3rem !important;
     padding-right: 3rem !important;
   }
 
   .py-xl-0 {
     padding-top: 0 !important;
     padding-bottom: 0 !important;
   }
 
   .py-xl-1 {
     padding-top: 0.25rem !important;
     padding-bottom: 0.25rem !important;
   }
 
   .py-xl-2 {
     padding-top: 0.5rem !important;
     padding-bottom: 0.5rem !important;
   }
 
   .py-xl-3 {
     padding-top: 1rem !important;
     padding-bottom: 1rem !important;
   }
 
   .py-xl-4 {
     padding-top: 1.5rem !important;
     padding-bottom: 1.5rem !important;
   }
 
   .py-xl-5 {
     padding-top: 3rem !important;
     padding-bottom: 3rem !important;
   }
 
   .pt-xl-0 {
     padding-top: 0 !important;
   }
 
   .pt-xl-1 {
     padding-top: 0.25rem !important;
   }
 
   .pt-xl-2 {
     padding-top: 0.5rem !important;
   }
 
   .pt-xl-3 {
     padding-top: 1rem !important;
   }
 
   .pt-xl-4 {
     padding-top: 1.5rem !important;
   }
 
   .pt-xl-5 {
     padding-top: 3rem !important;
   }
 
   .pe-xl-0 {
     padding-left: 0 !important;
   }
 
   .pe-xl-1 {
     padding-left: 0.25rem !important;
   }
 
   .pe-xl-2 {
     padding-left: 0.5rem !important;
   }
 
   .pe-xl-3 {
     padding-left: 1rem !important;
   }
 
   .pe-xl-4 {
     padding-left: 1.5rem !important;
   }
 
   .pe-xl-5 {
     padding-left: 3rem !important;
   }
 
   .pb-xl-0 {
     padding-bottom: 0 !important;
   }
 
   .pb-xl-1 {
     padding-bottom: 0.25rem !important;
   }
 
   .pb-xl-2 {
     padding-bottom: 0.5rem !important;
   }
 
   .pb-xl-3 {
     padding-bottom: 1rem !important;
   }
 
   .pb-xl-4 {
     padding-bottom: 1.5rem !important;
   }
 
   .pb-xl-5 {
     padding-bottom: 3rem !important;
   }
 
   .ps-xl-0 {
     padding-right: 0 !important;
   }
 
   .ps-xl-1 {
     padding-right: 0.25rem !important;
   }
 
   .ps-xl-2 {
     padding-right: 0.5rem !important;
   }
 
   .ps-xl-3 {
     padding-right: 1rem !important;
   }
 
   .ps-xl-4 {
     padding-right: 1.5rem !important;
   }
 
   .ps-xl-5 {
     padding-right: 3rem !important;
   }
 
   .text-xl-start {
     text-align: right !important;
   }
 
   .text-xl-end {
     text-align: left !important;
   }
 
   .text-xl-center {
     text-align: center !important;
   }
 }
 
 @media (min-width: 1440) {
   .float-xxl-start {
     float: right !important;
   }
 
   .float-xxl-end {
     float: left !important;
   }
 
   .float-xxl-none {
     float: none !important;
   }
 
   .d-xxl-inline {
     display: inline !important;
   }
 
   .d-xxl-inline-block {
     display: inline-block !important;
   }
 
   .d-xxl-block {
     display: block !important;
   }
 
   .d-xxl-grid {
     display: grid !important;
   }
 
   .d-xxl-table {
     display: table !important;
   }
 
   .d-xxl-table-row {
     display: table-row !important;
   }
 
   .d-xxl-table-cell {
     display: table-cell !important;
   }
 
   .d-xxl-flex {
     display: flex !important;
   }
 
   .d-xxl-inline-flex {
     display: inline-flex !important;
   }
 
   .d-xxl-none {
     display: none !important;
   }
 
   .flex-xxl-fill {
     flex: 1 1 auto !important;
   }
 
   .flex-xxl-row {
     flex-direction: row !important;
   }
 
   .flex-xxl-column {
     flex-direction: column !important;
   }
 
   .flex-xxl-row-reverse {
     flex-direction: row-reverse !important;
   }
 
   .flex-xxl-column-reverse {
     flex-direction: column-reverse !important;
   }
 
   .flex-xxl-grow-0 {
     flex-grow: 0 !important;
   }
 
   .flex-xxl-grow-1 {
     flex-grow: 1 !important;
   }
 
   .flex-xxl-shrink-0 {
     flex-shrink: 0 !important;
   }
 
   .flex-xxl-shrink-1 {
     flex-shrink: 1 !important;
   }
 
   .flex-xxl-wrap {
     flex-wrap: wrap !important;
   }
 
   .flex-xxl-nowrap {
     flex-wrap: nowrap !important;
   }
 
   .flex-xxl-wrap-reverse {
     flex-wrap: wrap-reverse !important;
   }
 
   .gap-xxl-0 {
     gap: 0 !important;
   }
 
   .gap-xxl-1 {
     gap: 0.25rem !important;
   }
 
   .gap-xxl-2 {
     gap: 0.5rem !important;
   }
 
   .gap-xxl-3 {
     gap: 1rem !important;
   }
 
   .gap-xxl-4 {
     gap: 1.5rem !important;
   }
 
   .gap-xxl-5 {
     gap: 3rem !important;
   }
 
   .justify-content-xxl-start {
     justify-content: flex-start !important;
   }
 
   .justify-content-xxl-end {
     justify-content: flex-end !important;
   }
 
   .justify-content-xxl-center {
     justify-content: center !important;
   }
 
   .justify-content-xxl-between {
     justify-content: space-between !important;
   }
 
   .justify-content-xxl-around {
     justify-content: space-around !important;
   }
 
   .justify-content-xxl-evenly {
     justify-content: space-evenly !important;
   }
 
   .align-items-xxl-start {
     align-items: flex-start !important;
   }
 
   .align-items-xxl-end {
     align-items: flex-end !important;
   }
 
   .align-items-xxl-center {
     align-items: center !important;
   }
 
   .align-items-xxl-baseline {
     align-items: baseline !important;
   }
 
   .align-items-xxl-stretch {
     align-items: stretch !important;
   }
 
   .align-content-xxl-start {
     align-content: flex-start !important;
   }
 
   .align-content-xxl-end {
     align-content: flex-end !important;
   }
 
   .align-content-xxl-center {
     align-content: center !important;
   }
 
   .align-content-xxl-between {
     align-content: space-between !important;
   }
 
   .align-content-xxl-around {
     align-content: space-around !important;
   }
 
   .align-content-xxl-stretch {
     align-content: stretch !important;
   }
 
   .align-self-xxl-auto {
     align-self: auto !important;
   }
 
   .align-self-xxl-start {
     align-self: flex-start !important;
   }
 
   .align-self-xxl-end {
     align-self: flex-end !important;
   }
 
   .align-self-xxl-center {
     align-self: center !important;
   }
 
   .align-self-xxl-baseline {
     align-self: baseline !important;
   }
 
   .align-self-xxl-stretch {
     align-self: stretch !important;
   }
 
   .order-xxl-first {
     order: -1 !important;
   }
 
   .order-xxl-0 {
     order: 0 !important;
   }
 
   .order-xxl-1 {
     order: 1 !important;
   }
 
   .order-xxl-2 {
     order: 2 !important;
   }
 
   .order-xxl-3 {
     order: 3 !important;
   }
 
   .order-xxl-4 {
     order: 4 !important;
   }
 
   .order-xxl-5 {
     order: 5 !important;
   }
 
   .order-xxl-last {
     order: 6 !important;
   }
 
   .m-xxl-0 {
     margin: 0 !important;
   }
 
   .m-xxl-1 {
     margin: 0.25rem !important;
   }
 
   .m-xxl-2 {
     margin: 0.5rem !important;
   }
 
   .m-xxl-3 {
     margin: 1rem !important;
   }
 
   .m-xxl-4 {
     margin: 1.5rem !important;
   }
 
   .m-xxl-5 {
     margin: 3rem !important;
   }
 
   .m-xxl-auto {
     margin: auto !important;
   }
 
   .mx-xxl-0 {
     margin-left: 0 !important;
     margin-right: 0 !important;
   }
 
   .mx-xxl-1 {
     margin-left: 0.25rem !important;
     margin-right: 0.25rem !important;
   }
 
   .mx-xxl-2 {
     margin-left: 0.5rem !important;
     margin-right: 0.5rem !important;
   }
 
   .mx-xxl-3 {
     margin-left: 1rem !important;
     margin-right: 1rem !important;
   }
 
   .mx-xxl-4 {
     margin-left: 1.5rem !important;
     margin-right: 1.5rem !important;
   }
 
   .mx-xxl-5 {
     margin-left: 3rem !important;
     margin-right: 3rem !important;
   }
 
   .mx-xxl-auto {
     margin-left: auto !important;
     margin-right: auto !important;
   }
 
   .my-xxl-0 {
     margin-top: 0 !important;
     margin-bottom: 0 !important;
   }
 
   .my-xxl-1 {
     margin-top: 0.25rem !important;
     margin-bottom: 0.25rem !important;
   }
 
   .my-xxl-2 {
     margin-top: 0.5rem !important;
     margin-bottom: 0.5rem !important;
   }
 
   .my-xxl-3 {
     margin-top: 1rem !important;
     margin-bottom: 1rem !important;
   }
 
   .my-xxl-4 {
     margin-top: 1.5rem !important;
     margin-bottom: 1.5rem !important;
   }
 
   .my-xxl-5 {
     margin-top: 3rem !important;
     margin-bottom: 3rem !important;
   }
 
   .my-xxl-auto {
     margin-top: auto !important;
     margin-bottom: auto !important;
   }
 
   .mt-xxl-0 {
     margin-top: 0 !important;
   }
 
   .mt-xxl-1 {
     margin-top: 0.25rem !important;
   }
 
   .mt-xxl-2 {
     margin-top: 0.5rem !important;
   }
 
   .mt-xxl-3 {
     margin-top: 1rem !important;
   }
 
   .mt-xxl-4 {
     margin-top: 1.5rem !important;
   }
 
   .mt-xxl-5 {
     margin-top: 3rem !important;
   }
 
   .mt-xxl-auto {
     margin-top: auto !important;
   }
 
   .me-xxl-0 {
     margin-left: 0 !important;
   }
 
   .me-xxl-1 {
     margin-left: 0.25rem !important;
   }
 
   .me-xxl-2 {
     margin-left: 0.5rem !important;
   }
 
   .me-xxl-3 {
     margin-left: 1rem !important;
   }
 
   .me-xxl-4 {
     margin-left: 1.5rem !important;
   }
 
   .me-xxl-5 {
     margin-left: 3rem !important;
   }
 
   .me-xxl-auto {
     margin-left: auto !important;
   }
 
   .mb-xxl-0 {
     margin-bottom: 0 !important;
   }
 
   .mb-xxl-1 {
     margin-bottom: 0.25rem !important;
   }
 
   .mb-xxl-2 {
     margin-bottom: 0.5rem !important;
   }
 
   .mb-xxl-3 {
     margin-bottom: 1rem !important;
   }
 
   .mb-xxl-4 {
     margin-bottom: 1.5rem !important;
   }
 
   .mb-xxl-5 {
     margin-bottom: 3rem !important;
   }
 
   .mb-xxl-auto {
     margin-bottom: auto !important;
   }
 
   .ms-xxl-0 {
     margin-right: 0 !important;
   }
 
   .ms-xxl-1 {
     margin-right: 0.25rem !important;
   }
 
   .ms-xxl-2 {
     margin-right: 0.5rem !important;
   }
 
   .ms-xxl-3 {
     margin-right: 1rem !important;
   }
 
   .ms-xxl-4 {
     margin-right: 1.5rem !important;
   }
 
   .ms-xxl-5 {
     margin-right: 3rem !important;
   }
 
   .ms-xxl-auto {
     margin-right: auto !important;
   }
 
   .p-xxl-0 {
     padding: 0 !important;
   }
 
   .p-xxl-1 {
     padding: 0.25rem !important;
   }
 
   .p-xxl-2 {
     padding: 0.5rem !important;
   }
 
   .p-xxl-3 {
     padding: 1rem !important;
   }
 
   .p-xxl-4 {
     padding: 1.5rem !important;
   }
 
   .p-xxl-5 {
     padding: 3rem !important;
   }
 
   .px-xxl-0 {
     padding-left: 0 !important;
     padding-right: 0 !important;
   }
 
   .px-xxl-1 {
     padding-left: 0.25rem !important;
     padding-right: 0.25rem !important;
   }
 
   .px-xxl-2 {
     padding-left: 0.5rem !important;
     padding-right: 0.5rem !important;
   }
 
   .px-xxl-3 {
     padding-left: 1rem !important;
     padding-right: 1rem !important;
   }
 
   .px-xxl-4 {
     padding-left: 1.5rem !important;
     padding-right: 1.5rem !important;
   }
 
   .px-xxl-5 {
     padding-left: 3rem !important;
     padding-right: 3rem !important;
   }
 
   .py-xxl-0 {
     padding-top: 0 !important;
     padding-bottom: 0 !important;
   }
 
   .py-xxl-1 {
     padding-top: 0.25rem !important;
     padding-bottom: 0.25rem !important;
   }
 
   .py-xxl-2 {
     padding-top: 0.5rem !important;
     padding-bottom: 0.5rem !important;
   }
 
   .py-xxl-3 {
     padding-top: 1rem !important;
     padding-bottom: 1rem !important;
   }
 
   .py-xxl-4 {
     padding-top: 1.5rem !important;
     padding-bottom: 1.5rem !important;
   }
 
   .py-xxl-5 {
     padding-top: 3rem !important;
     padding-bottom: 3rem !important;
   }
 
   .pt-xxl-0 {
     padding-top: 0 !important;
   }
 
   .pt-xxl-1 {
     padding-top: 0.25rem !important;
   }
 
   .pt-xxl-2 {
     padding-top: 0.5rem !important;
   }
 
   .pt-xxl-3 {
     padding-top: 1rem !important;
   }
 
   .pt-xxl-4 {
     padding-top: 1.5rem !important;
   }
 
   .pt-xxl-5 {
     padding-top: 3rem !important;
   }
 
   .pe-xxl-0 {
     padding-left: 0 !important;
   }
 
   .pe-xxl-1 {
     padding-left: 0.25rem !important;
   }
 
   .pe-xxl-2 {
     padding-left: 0.5rem !important;
   }
 
   .pe-xxl-3 {
     padding-left: 1rem !important;
   }
 
   .pe-xxl-4 {
     padding-left: 1.5rem !important;
   }
 
   .pe-xxl-5 {
     padding-left: 3rem !important;
   }
 
   .pb-xxl-0 {
     padding-bottom: 0 !important;
   }
 
   .pb-xxl-1 {
     padding-bottom: 0.25rem !important;
   }
 
   .pb-xxl-2 {
     padding-bottom: 0.5rem !important;
   }
 
   .pb-xxl-3 {
     padding-bottom: 1rem !important;
   }
 
   .pb-xxl-4 {
     padding-bottom: 1.5rem !important;
   }
 
   .pb-xxl-5 {
     padding-bottom: 3rem !important;
   }
 
   .ps-xxl-0 {
     padding-right: 0 !important;
   }
 
   .ps-xxl-1 {
     padding-right: 0.25rem !important;
   }
 
   .ps-xxl-2 {
     padding-right: 0.5rem !important;
   }
 
   .ps-xxl-3 {
     padding-right: 1rem !important;
   }
 
   .ps-xxl-4 {
     padding-right: 1.5rem !important;
   }
 
   .ps-xxl-5 {
     padding-right: 3rem !important;
   }
 
   .text-xxl-start {
     text-align: right !important;
   }
 
   .text-xxl-end {
     text-align: left !important;
   }
 
   .text-xxl-center {
     text-align: center !important;
   }
 }
 
 @media (min-width: 1200px) {
   .fs-1 {
     font-size: 3.125rem !important;
   }
 
   .fs-2 {
     font-size: 2.1875rem !important;
   }
 
   .fs-3 {
     font-size: 1.75rem !important;
   }
 
   .fs-4 {
     font-size: 1.5rem !important;
   }
 }
 
 @media print {
   .d-print-inline {
     display: inline !important;
   }
 
   .d-print-inline-block {
     display: inline-block !important;
   }
 
   .d-print-block {
     display: block !important;
   }
 
   .d-print-grid {
     display: grid !important;
   }
 
   .d-print-table {
     display: table !important;
   }
 
   .d-print-table-row {
     display: table-row !important;
   }
 
   .d-print-table-cell {
     display: table-cell !important;
   }
 
   .d-print-flex {
     display: flex !important;
   }
 
   .d-print-inline-flex {
     display: inline-flex !important;
   }
 
   .d-print-none {
     display: none !important;
   }
 }
 
 /* ==================
     1. Basic
 =================== */
 * {
   outline: none;
   padding: 0;
 }
 
 *::after {
   margin: 0;
   padding: 0;
 }
 
 *::before {
   margin: 0;
   padding: 0;
 }
 
 body {
   line-height: 1.7;
   color: #444;
 }
 
 body.fixed {
   overflow: hidden;
   position: fixed;
 }
 
 h1,
 .h1,
 .h1 {
   font-size: 50px;
   font-weight: 700;
 }
 
 @media only screen and (max-width: 1380px) {
 
   h1,
   .h1,
   .h1 {
     font-size: 42px;
   }
 }
 
 @media only screen and (max-width: 767px) {
 
   h1,
   .h1,
   .h1 {
     font-size: 38px;
   }
 }
 
 @media only screen and (max-width: 575px) {
 
   h1,
   .h1,
   .h1 {
     font-size: 35px;
   }
 }
 
 h2,
 .h2,
 .h2 {
   font-size: 35px;
   font-weight: 700;
 }
 
 @media only screen and (max-width: 1380px) {
 
   h2,
   .h2,
   .h2 {
     font-size: 36px;
   }
 }
 
 @media only screen and (max-width: 767px) {
 
   h2,
   .h2,
   .h2 {
     font-size: 32px;
   }
 }
 
 @media only screen and (max-width: 575px) {
 
   h2,
   .h2,
   .h2 {
     font-size: 28px;
   }
 }
 
 h3,
 .h3,
 .h3 {
   font-size: 28px;
   font-weight: 700;
 }
 
 @media only screen and (max-width: 767px) {
 
   h3,
   .h3,
   .h3 {
     font-size: 24px;
   }
 }
 
 h4,
 .h4,
 .h4 {
   font-size: 24px;
   font-weight: 700;
 }
 
 @media only screen and (max-width: 767px) {
 
   h4,
   .h4,
   .h4 {
     font-size: 20px;
   }
 }
 
 h5,
 .h5,
 .h5 {
   font-size: 20px;
   font-weight: 700;
 }
 
 @media only screen and (max-width: 575px) {
 
   h5,
   .h5,
   .h5 {
     font-size: 18px;
   }
 }
 
 h6,
 .h6,
 .h6 {
   font-size: 18px;
   font-weight: 700;
 }
 
 @media only screen and (max-width: 575px) {
 
   h6,
   .h6,
   .h6 {
     font-size: 16px;
   }
 }
 
 h1,
 .h1,
 h2,
 .h2,
 h3,
 .h3,
 h4,
 .h4,
 h5,
 .h5,
 h6,
 .h6,
 .h1,
 .h2,
 .h3,
 .h4,
 .h5,
 .h6 {
   font-family: "Tajawal", sans-serif;
   color: #1f2278;
   line-height: 1.3;
 }
 
 h1 a,
 .h1 a,
 h2 a,
 .h2 a,
 h3 a,
 .h3 a,
 h4 a,
 .h4 a,
 h5 a,
 .h5 a,
 h6 a,
 .h6 a,
 .h1 a,
 .h2 a,
 .h3 a,
 .h4 a,
 .h5 a,
 .h6 a {
   color: #1f2278;
 }
 
 ul {
   padding: 0;
   margin: 0;
 }
 
 img {
   border-style: none;
   height: auto;
   max-width: 100%;
   vertical-align: middle;
 }
 
 li {
   list-style: none;
 }
 
 a {
   text-decoration: none;
   outline: none;
   color: #565acf;
 }
 
 a:hover,
 a:focus,
 a.active {
   text-decoration: none;
   outline: none;
   color: #565acf;
 }
 
 b,
 strong,
 .strong {
   font-weight: 500;
   color: #14181d;
 }
 
 .h-0 {
   height: 0;
 }
 
 #main-wrapper {
   opacity: 0;
   transition: all 0.25s ease-in;
   overflow: hidden;
   position: relative;
   z-index: 1;
   margin-top: 60px;
 }
 
 #main-wrapper.show {
   opacity: 1;
 }
 
 .content-body {
   margin-right: 65px;
   margin-top: 18px;
   margin-left: 6px;
   margin-bottom: 45px;
 }
 
 .bg-gray {
   background-color: #fafafb;
 }
 
 .container-sm {
   max-width: 990px !important;
 }
 
 
 .container-fluid,
 .container-sm,
 .container-md,
 .container-lg,
 .container-xl {
   padding-right: 30px;
   padding-left: 30px;
 }
 
 @media only screen and (min-width: 1800px) {
 
   .container-fluid,
   .container-sm,
   .container-md,
   .container-lg,
   .container-xl {
     max-width: 1720px;
     padding-right: 15px;
     padding-left: 15px;
   }
 }
 
 @media only screen and (max-width: 991px) {
 
   .container-fluid,
   .container-sm,
   .container-md,
   .container-lg,
   .container-xl {
     padding-right: 15px;
     padding-left: 15px;
   }
 }
 
 .rounded {
   border-radius: 8px !important;
 }
 
 /* ==================
     7. Fonts
 =================== */
 #loading-icon-bx {
   position: fixed;
   width: 100%;
   height: 100%;
   right: 0;
   top: 0;
   background-color: #fff;
   z-index: 999999999;
 }
 
 #loading-icon-bx .loading-inner {
   position: absolute;
   width: 100px;
   height: 100px;
   border-radius: 50%;
   right: 50%;
   top: 50%;
   transform: translate(50%, -50%);
 }
 
 #loading-icon-bx .loading-inner div {
   position: absolute;
   width: 100%;
   height: 100%;
   border-radius: 50%;
 }
 
 #loading-icon-bx .loading-inner div.load-one {
   right: 0%;
   top: 0%;
   animation: load-rotate-one 1.15s linear infinite;
   -o-animation: load-rotate-one 1.15s linear infinite;
   -ms-animation: load-rotate-one 1.15s linear infinite;
   -webkit-animation: load-rotate-one 1.15s linear infinite;
   -moz-animation: load-rotate-one 1.15s linear infinite;
   border-bottom: 5px solid #565acf;
 }
 
 #loading-icon-bx .loading-inner div.load-two {
   left: 0%;
   top: 0%;
   animation: load-rotate-two 1.15s linear infinite;
   -o-animation: load-rotate-two 1.15s linear infinite;
   -ms-animation: load-rotate-two 1.15s linear infinite;
   -webkit-animation: load-rotate-two 1.15s linear infinite;
   -moz-animation: load-rotate-two 1.15s linear infinite;
   border-left: 5px solid #565acf;
 }
 
 #loading-icon-bx .loading-inner div.load-three {
   left: 0%;
   bottom: 0%;
   animation: load-rotate-three 1.15s linear infinite;
   -o-animation: load-rotate-three 1.15s linear infinite;
   -ms-animation: load-rotate-three 1.15s linear infinite;
   -webkit-animation: load-rotate-three 1.15s linear infinite;
   -moz-animation: load-rotate-three 1.15s linear infinite;
   border-top: 5px solid #565acf;
 }
 
 @keyframes load-rotate-one {
   0% {
     transform: rotateX(35deg) rotateY(45deg) rotateZ(0deg);
   }
 
   100% {
     transform: rotateX(35deg) rotateY(45deg) rotateZ(-360deg);
   }
 }
 
 @-o-keyframes load-rotate-one {
   0% {
     -o-transform: rotateX(35deg) rotateY(45deg) rotateZ(0deg);
   }
 
   100% {
     -o-transform: rotateX(35deg) rotateY(45deg) rotateZ(-360deg);
   }
 }
 
 @-ms-keyframes load-rotate-one {
   0% {
     -ms-transform: rotateX(35deg) rotateY(45deg) rotateZ(0deg);
   }
 
   100% {
     -ms-transform: rotateX(35deg) rotateY(45deg) rotateZ(-360deg);
   }
 }
 
 @-webkit-keyframes load-rotate-one {
   0% {
     -webkit-transform: rotateX(35deg) rotateY(45deg) rotateZ(0deg);
   }
 
   100% {
     -webkit-transform: rotateX(35deg) rotateY(45deg) rotateZ(-360deg);
   }
 }
 
 @-moz-keyframes load-rotate-one {
   0% {
     -moz-transform: rotateX(35deg) rotateY(45deg) rotateZ(0deg);
   }
 
   100% {
     -moz-transform: rotateX(35deg) rotateY(45deg) rotateZ(-360deg);
   }
 }
 
 @keyframes load-rotate-two {
   0% {
     transform: rotateX(50deg) rotateY(-10deg) rotateZ(0deg);
   }
 
   100% {
     transform: rotateX(50deg) rotateY(-10deg) rotateZ(-360deg);
   }
 }
 
 @-o-keyframes load-rotate-two {
   0% {
     -o-transform: rotateX(50deg) rotateY(-10deg) rotateZ(0deg);
   }
 
   100% {
     -o-transform: rotateX(50deg) rotateY(-10deg) rotateZ(-360deg);
   }
 }
 
 @-ms-keyframes load-rotate-two {
   0% {
     -ms-transform: rotateX(50deg) rotateY(-10deg) rotateZ(0deg);
   }
 
   100% {
     -ms-transform: rotateX(50deg) rotateY(-10deg) rotateZ(-360deg);
   }
 }
 
 @-webkit-keyframes load-rotate-two {
   0% {
     -webkit-transform: rotateX(50deg) rotateY(-10deg) rotateZ(0deg);
   }
 
   100% {
     -webkit-transform: rotateX(50deg) rotateY(-10deg) rotateZ(-360deg);
   }
 }
 
 @-moz-keyframes load-rotate-two {
   0% {
     -moz-transform: rotateX(50deg) rotateY(-10deg) rotateZ(0deg);
   }
 
   100% {
     -moz-transform: rotateX(50deg) rotateY(-10deg) rotateZ(-360deg);
   }
 }
 
 @keyframes load-rotate-three {
   0% {
     transform: rotateX(35deg) rotateY(-55deg) rotateZ(0deg);
   }
 
   100% {
     transform: rotateX(35deg) rotateY(-55deg) rotateZ(-360deg);
   }
 }
 
 @-o-keyframes load-rotate-three {
   0% {
     -o-transform: rotateX(35deg) rotateY(-55deg) rotateZ(0deg);
   }
 
   100% {
     -o-transform: rotateX(35deg) rotateY(-55deg) rotateZ(-360deg);
   }
 }
 
 @-ms-keyframes load-rotate-three {
   0% {
     -ms-transform: rotateX(35deg) rotateY(-55deg) rotateZ(0deg);
   }
 
   100% {
     -ms-transform: rotateX(35deg) rotateY(-55deg) rotateZ(-360deg);
   }
 }
 
 @-webkit-keyframes load-rotate-three {
   0% {
     -webkit-transform: rotateX(35deg) rotateY(-55deg) rotateZ(0deg);
   }
 
   100% {
     -webkit-transform: rotateX(35deg) rotateY(-55deg) rotateZ(-360deg);
   }
 }
 
 @-moz-keyframes load-rotate-three {
   0% {
     -moz-transform: rotateX(35deg) rotateY(-55deg) rotateZ(0deg);
   }
 
   100% {
     -moz-transform: rotateX(35deg) rotateY(-55deg) rotateZ(-360deg);
   }
 }
 
 /* ==================
     2. Typography
 =================== */
 /* ==================
     3.2 Padding
 =================== */
 /* ==================
     3.2.1 Padding Around
 =================== */
 .pa-0 {
   padding: 0;
 }
 
 .pa-5 {
   padding: 5px;
 }
 
 .pa-10 {
   padding: 10px;
 }
 
 .pa-15 {
   padding: 15px;
 }
 
 .pa-20 {
   padding: 20px;
 }
 
 .pa-25 {
   padding: 25px;
 }
 
 .pa-30 {
   padding: 30px;
 }
 
 .pa-40 {
   padding: 40px;
 }
 
 .pa-50 {
   padding: 50px;
 }
 
 .pa-60 {
   padding: 60px;
 }
 
 .pa-70 {
   padding: 70px;
 }
 
 .pa-80 {
   padding: 80px;
 }
 
 .pa-90 {
   padding: 90px;
 }
 
 .pa-100 {
   padding: 100px;
 }
 
 /* ==================
     3.2.2 Padding Top
 =================== */
 .pt-0 {
   padding-top: 0;
 }
 
 .pt-5 {
   padding-top: 5px;
 }
 
 .pt-10 {
   padding-top: 10px;
 }
 
 .pt-15 {
   padding-top: 15px;
 }
 
 .pt-20 {
   padding-top: 20px;
 }
 
 .pt-30 {
   padding-top: 30px;
 }
 
 .pt-40 {
   padding-top: 40px;
 }
 
 .pt-50 {
   padding-top: 50px;
 }
 
 .pt-60 {
   padding-top: 60px;
 }
 
 .pt-70 {
   padding-top: 70px;
 }
 
 .pt-80 {
   padding-top: 80px;
 }
 
 .pt-90 {
   padding-top: 90px;
 }
 
 .pt-100 {
   padding-top: 100px;
 }
 
 /* ==================
     3.2.3 Padding Bottom
 =================== */
 .pb-0 {
   padding-bottom: 0;
 }
 
 .pb-5 {
   padding-bottom: 5px;
 }
 
 .pb-10 {
   padding-bottom: 10px;
 }
 
 .pb-15 {
   padding-bottom: 15px;
 }
 
 .pb-20 {
   padding-bottom: 20px;
 }
 
 .pb-30 {
   padding-bottom: 30px;
 }
 
 .pb-40 {
   padding-bottom: 40px;
 }
 
 .pb-50 {
   padding-bottom: 50px;
 }
 
 .pb-60 {
   padding-bottom: 60px;
 }
 
 .pb-70 {
   padding-bottom: 70px;
 }
 
 .pb-80 {
   padding-bottom: 80px;
 }
 
 .pb-90 {
   padding-bottom: 90px;
 }
 
 .pb-100 {
   padding-bottom: 100px;
 }
 
 /* ==================
     3.2.4 Padding Left
 =================== */
 .pl-0 {
   padding-right: 0;
 }
 
 .pl-5 {
   padding-right: 5px;
 }
 
 .pl-10 {
   padding-right: 10px;
 }
 
 .pl-15 {
   padding-right: 15px;
 }
 
 .pl-20 {
   padding-right: 20px;
 }
 
 .pl-30 {
   padding-right: 30px;
 }
 
 .pl-40 {
   padding-right: 40px;
 }
 
 .pl-50 {
   padding-right: 50px;
 }
 
 .pl-60 {
   padding-right: 60px;
 }
 
 .pl-70 {
   padding-right: 70px;
 }
 
 .pl-80 {
   padding-right: 80px;
 }
 
 .pl-90 {
   padding-right: 90px;
 }
 
 .pl-100 {
   padding-right: 100px;
 }
 
 /* ==================
     3.2.3 Padding Right
 =================== */
 .pr-0 {
   padding-left: 0;
 }
 
 .pr-5 {
   padding-left: 5px;
 }
 
 .pr-10 {
   padding-left: 10px;
 }
 
 .pr-15 {
   padding-left: 15px;
 }
 
 .pr-20 {
   padding-left: 20px;
 }
 
 .pr-30 {
   padding-left: 30px;
 }
 
 .pr-40 {
   padding-left: 40px;
 }
 
 .pr-50 {
   padding-left: 50px;
 }
 
 .pr-60 {
   padding-left: 60px;
 }
 
 .pr-70 {
   padding-left: 70px;
 }
 
 .pr-80 {
   padding-left: 80px;
 }
 
 .pr-90 {
   padding-left: 90px;
 }
 
 .pr-100 {
   padding-left: 100px;
 }
 
 /* ==================
     3.2.4 Padding Left Right
 =================== */
 .px-0 {
   padding-right: 0;
   padding-left: 0;
 }
 
 .px-5 {
   padding-right: 5px;
   padding-left: 5px;
 }
 
 .px-10 {
   padding-right: 10px;
   padding-left: 10px;
 }
 
 .px-15 {
   padding-right: 15px;
   padding-left: 15px;
 }
 
 .px-20 {
   padding-right: 20px;
   padding-left: 20px;
 }
 
 .px-30 {
   padding-right: 30px;
   padding-left: 30px;
 }
 
 .px-40 {
   padding-right: 40px;
   padding-left: 40px;
 }
 
 .px-50 {
   padding-right: 50px;
   padding-left: 50px;
 }
 
 .px-60 {
   padding-right: 60px;
   padding-left: 60px;
 }
 
 .px-70 {
   padding-right: 70px;
   padding-left: 70px;
 }
 
 .px-80 {
   padding-right: 80px;
   padding-left: 80px;
 }
 
 .px-90 {
   padding-right: 90px;
   padding-left: 90px;
 }
 
 .px-100 {
   padding-right: 100px;
   padding-left: 100px;
 }
 
 /* ==================
     3.2.7 Padding Top Bottom
 =================== */
 .py-0 {
   padding-bottom: 0;
   padding-top: 0;
 }
 
 .py-5 {
   padding-bottom: 5px;
   padding-top: 5px;
 }
 
 .py-10 {
   padding-bottom: 10px;
   padding-top: 10px;
 }
 
 .py-15 {
   padding-bottom: 15px;
   padding-top: 15px;
 }
 
 .py-20 {
   padding-bottom: 20px;
   padding-top: 20px;
 }
 
 .py-30 {
   padding-bottom: 30px;
   padding-top: 30px;
 }
 
 .py-40 {
   padding-bottom: 40px;
   padding-top: 40px;
 }
 
 .py-50 {
   padding-bottom: 50px;
   padding-top: 50px;
 }
 
 .py-60 {
   padding-bottom: 60px;
   padding-top: 60px;
 }
 
 .py-70 {
   padding-bottom: 70px;
   padding-top: 70px;
 }
 
 .py-80 {
   padding-bottom: 80px;
   padding-top: 80px;
 }
 
 .py-90 {
   padding-bottom: 90px;
   padding-top: 90px;
 }
 
 .py-100 {
   padding-bottom: 100px;
   padding-top: 100px;
 }
 
 /* ==================
     3.3 Margin
 =================== */
 /* ==================
     3.3.1 Margin Around
 =================== */
 .mx-auto {
   margin-right: auto;
   margin-left: auto;
 }
 
 .ma-0 {
   margin: 0;
 }
 
 .ma-5 {
   margin: 5px;
 }
 
 .ma-10 {
   margin: 10px;
 }
 
 .ma-15 {
   margin: 15px;
 }
 
 .ma-20 {
   margin: 20px;
 }
 
 .ma-25 {
   margin: 25px;
 }
 
 .ma-30 {
   margin: 30px;
 }
 
 .ma-40 {
   margin: 40px;
 }
 
 .ma-50 {
   margin: 50px;
 }
 
 .ma-60 {
   margin: 60px;
 }
 
 .ma-70 {
   margin: 70px;
 }
 
 .ma-80 {
   margin: 80px;
 }
 
 .ma-90 {
   margin: 90px;
 }
 
 .ma-100 {
   margin: 100px;
 }
 
 /* ==================
     3.3.2 Margin Top
 =================== */
 .mt-0 {
   margin-top: 0;
 }
 
 .mt-5 {
   margin-top: 5px;
 }
 
 .mt-10 {
   margin-top: 10px;
 }
 
 .mt-15 {
   margin-top: 15px;
 }
 
 .mt-20 {
   margin-top: 20px;
 }
 
 .mt-30 {
   margin-top: 30px;
 }
 
 .mt-40 {
   margin-top: 40px;
 }
 
 .mt-50 {
   margin-top: 50px;
 }
 
 .mt-60 {
   margin-top: 60px;
 }
 
 .mt-70 {
   margin-top: 70px;
 }
 
 .mt-80 {
   margin-top: 80px;
 }
 
 .mt-90 {
   margin-top: 90px;
 }
 
 .mt-100 {
   margin-top: 100px;
 }
 
 /* ==================
     3.3.3 Margin Bottom
 =================== */
 .mb-0 {
   margin-bottom: 0;
 }
 
 .mb-5 {
   margin-bottom: 5px;
 }
 
 .mb-10 {
   margin-bottom: 10px;
 }
 
 .mb-15 {
   margin-bottom: 15px;
 }
 
 .mb-20 {
   margin-bottom: 20px;
 }
 
 .mb-30 {
   margin-bottom: 30px;
 }
 
 .mb-40 {
   margin-bottom: 40px;
 }
 
 .mb-50 {
   margin-bottom: 50px;
 }
 
 .mb-60 {
   margin-bottom: 60px;
 }
 
 .mb-70 {
   margin-bottom: 70px;
 }
 
 .mb-80 {
   margin-bottom: 80px;
 }
 
 .mb-90 {
   margin-bottom: 90px;
 }
 
 .mb-100 {
   margin-bottom: 100px;
 }
 
 /* ==================
     3.3.4 Margin Left
 =================== */
 .ml-0 {
   margin-right: 0;
 }
 
 .ml-5 {
   margin-right: 5px;
 }
 
 .ml-10 {
   margin-right: 10px;
 }
 
 .ml-15 {
   margin-right: 15px;
 }
 
 .ml-20 {
   margin-right: 20px;
 }
 
 .ml-30 {
   margin-right: 30px;
 }
 
 .ml-40 {
   margin-right: 40px;
 }
 
 .ml-50 {
   margin-right: 50px;
 }
 
 .ml-60 {
   margin-right: 60px;
 }
 
 .ml-70 {
   margin-right: 70px;
 }
 
 .ml-80 {
   margin-right: 80px;
 }
 
 .ml-90 {
   margin-right: 90px;
 }
 
 .ml-100 {
   margin-right: 100px;
 }
 
 /* ==================
     3.3.5 Margin Right
 =================== */
 .m-r0 {
   margin-left: 0;
 }
 
 .m-r5 {
   margin-left: 5px;
 }
 
 .m-r10 {
   margin-left: 10px;
 }
 
 .m-r15 {
   margin-left: 15px;
 }
 
 .m-r20 {
   margin-left: 20px;
 }
 
 .m-r30 {
   margin-left: 30px;
 }
 
 .m-r40 {
   margin-left: 40px;
 }
 
 .m-r50 {
   margin-left: 50px;
 }
 
 .m-r60 {
   margin-left: 60px;
 }
 
 .m-r70 {
   margin-left: 70px;
 }
 
 .m-r80 {
   margin-left: 80px;
 }
 
 .m-r90 {
   margin-left: 90px;
 }
 
 .m-r100 {
   margin-left: 100px;
 }
 
 /* ==================
     3.3.6 Margin Left Right
 =================== */
 .mx-0 {
   margin-right: 0;
   margin-left: 0;
 }
 
 .mx-5 {
   margin-right: 5px;
   margin-left: 5px;
 }
 
 .mx-10 {
   margin-right: 10px;
   margin-left: 10px;
 }
 
 .mx-15 {
   margin-right: 15px;
   margin-left: 15px;
 }
 
 .mx-20 {
   margin-right: 20px;
   margin-left: 20px;
 }
 
 .mx-30 {
   margin-right: 30px;
   margin-left: 30px;
 }
 
 .mx-40 {
   margin-right: 40px;
   margin-left: 40px;
 }
 
 .mx-50 {
   margin-right: 50px;
   margin-left: 50px;
 }
 
 .mx-60 {
   margin-right: 60px;
   margin-left: 60px;
 }
 
 .mx-70 {
   margin-right: 70px;
   margin-left: 70px;
 }
 
 .mx-80 {
   margin-right: 80px;
   margin-left: 80px;
 }
 
 .mx-90 {
   margin-right: 90px;
   margin-left: 90px;
 }
 
 .mx-100 {
   margin-right: 100px;
   margin-left: 100px;
 }
 
 /* ==================
     3.3.7 Margin Top Bottom
 =================== */
 .my-0 {
   margin-bottom: 0;
   margin-top: 0;
 }
 
 .my-5 {
   margin-bottom: 5px;
   margin-top: 5px;
 }
 
 .my-10 {
   margin-bottom: 10px;
   margin-top: 10px;
 }
 
 .my-15 {
   margin-bottom: 15px;
   margin-top: 15px;
 }
 
 .my-20 {
   margin-bottom: 20px;
   margin-top: 20px;
 }
 
 .my-30 {
   margin-bottom: 30px;
   margin-top: 30px;
 }
 
 .my-40 {
   margin-bottom: 40px;
   margin-top: 40px;
 }
 
 .my-50 {
   margin-bottom: 50px;
   margin-top: 50px;
 }
 
 .my-60 {
   margin-bottom: 60px;
   margin-top: 60px;
 }
 
 .my-70 {
   margin-bottom: 70px;
   margin-top: 70px;
 }
 
 .my-80 {
   margin-bottom: 80px;
   margin-top: 80px;
 }
 
 .my-90 {
   margin-bottom: 90px;
   margin-top: 90px;
 }
 
 .my-100 {
   margin-bottom: 100px;
   margin-top: 100px;
 }
 
 @media only screen and (max-width: 1200px) {
   .mt-lg-0 {
     margin-top: 0;
   }
 
   .mt-lg-5 {
     margin-top: 5px;
   }
 
   .mt-lg-10 {
     margin-top: 10px;
   }
 
   .mt-lg-15 {
     margin-top: 15px;
   }
 
   .mt-lg-20 {
     margin-top: 20px;
   }
 
   .mt-lg-30 {
     margin-top: 30px;
   }
 
   .mt-lg-40 {
     margin-top: 40px;
   }
 
   .mt-lg-50 {
     margin-top: 50px;
   }
 
   .mt-lg-60 {
     margin-top: 60px;
   }
 
   .mt-lg-70 {
     margin-top: 70px;
   }
 
   .mt-lg-80 {
     margin-top: 80px;
   }
 
   .mt-lg-90 {
     margin-top: 90px;
   }
 
   .mt-lg-100 {
     margin-top: 100px;
   }
 
   .mb-lg-0 {
     margin-bottom: 0;
   }
 
   .mb-lg-5 {
     margin-bottom: 5px;
   }
 
   .mb-lg-10 {
     margin-bottom: 10px;
   }
 
   .mb-lg-15 {
     margin-bottom: 15px;
   }
 
   .mb-lg-20 {
     margin-bottom: 20px;
   }
 
   .mb-lg-30 {
     margin-bottom: 30px;
   }
 
   .mb-lg-40 {
     margin-bottom: 40px;
   }
 
   .mb-lg-50 {
     margin-bottom: 50px;
   }
 
   .mb-lg-60 {
     margin-bottom: 60px;
   }
 
   .mb-lg-70 {
     margin-bottom: 70px;
   }
 
   .mb-lg-80 {
     margin-bottom: 80px;
   }
 
   .mb-lg-90 {
     margin-bottom: 90px;
   }
 
   .mb-lg-100 {
     margin-bottom: 100px;
   }
 }
 
 @media only screen and (max-width: 991px) {
   .mt-md-0 {
     margin-top: 0;
   }
 
   .mt-md-5 {
     margin-top: 5px;
   }
 
   .mt-md-10 {
     margin-top: 10px;
   }
 
   .mt-md-15 {
     margin-top: 15px;
   }
 
   .mt-md-20 {
     margin-top: 20px;
   }
 
   .mt-md-30 {
     margin-top: 30px;
   }
 
   .mt-md-40 {
     margin-top: 40px;
   }
 
   .mt-md-50 {
     margin-top: 50px;
   }
 
   .mt-md-60 {
     margin-top: 60px;
   }
 
   .mt-md-70 {
     margin-top: 70px;
   }
 
   .mt-md-80 {
     margin-top: 80px;
   }
 
   .mt-md-90 {
     margin-top: 90px;
   }
 
   .mt-md-100 {
     margin-top: 100px;
   }
 
   .mb-md-0 {
     margin-bottom: 0;
   }
 
   .mb-md-5 {
     margin-bottom: 5px;
   }
 
   .mb-md-10 {
     margin-bottom: 10px;
   }
 
   .mb-md-15 {
     margin-bottom: 15px;
   }
 
   .mb-md-20 {
     margin-bottom: 20px;
   }
 
   .mb-md-30 {
     margin-bottom: 30px;
   }
 
   .mb-md-40 {
     margin-bottom: 40px;
   }
 
   .mb-md-50 {
     margin-bottom: 50px;
   }
 
   .mb-md-60 {
     margin-bottom: 60px;
   }
 
   .mb-md-70 {
     margin-bottom: 70px;
   }
 
   .mb-md-80 {
     margin-bottom: 80px;
   }
 
   .mb-md-90 {
     margin-bottom: 90px;
   }
 
   .mb-md-100 {
     margin-bottom: 100px;
   }
 }
 
 @media only screen and (max-width: 767px) {
   .mt-sm-0 {
     margin-top: 0;
   }
 
   .mt-sm-5 {
     margin-top: 5px;
   }
 
   .mt-sm-10 {
     margin-top: 10px;
   }
 
   .mt-sm-15 {
     margin-top: 15px;
   }
 
   .mt-sm-20 {
     margin-top: 20px;
   }
 
   .mt-sm-30 {
     margin-top: 30px;
   }
 
   .mt-sm-40 {
     margin-top: 40px;
   }
 
   .mt-sm-50 {
     margin-top: 50px;
   }
 
   .mt-sm-60 {
     margin-top: 60px;
   }
 
   .mt-sm-70 {
     margin-top: 70px;
   }
 
   .mt-sm-80 {
     margin-top: 80px;
   }
 
   .mt-sm-90 {
     margin-top: 90px;
   }
 
   .mt-sm-100 {
     margin-top: 100px;
   }
 
   .mb-sm-0 {
     margin-bottom: 0;
   }
 
   .mb-sm-5 {
     margin-bottom: 5px;
   }
 
   .mb-sm-10 {
     margin-bottom: 10px;
   }
 
   .mb-sm-15 {
     margin-bottom: 15px;
   }
 
   .mb-sm-20 {
     margin-bottom: 20px;
   }
 
   .mb-sm-30 {
     margin-bottom: 30px;
   }
 
   .mb-sm-40 {
     margin-bottom: 40px;
   }
 
   .mb-sm-50 {
     margin-bottom: 50px;
   }
 
   .mb-sm-60 {
     margin-bottom: 60px;
   }
 
   .mb-sm-70 {
     margin-bottom: 70px;
   }
 
   .mb-sm-80 {
     margin-bottom: 80px;
   }
 
   .mb-sm-90 {
     margin-bottom: 90px;
   }
 
   .mb-sm-100 {
     margin-bottom: 100px;
   }
 }
 
 @media only screen and (max-width: 576px) {
   .mt-xs-0 {
     margin-top: 0;
   }
 
   .mt-xs-5 {
     margin-top: 5px;
   }
 
   .mt-xs-10 {
     margin-top: 10px;
   }
 
   .mt-xs-15 {
     margin-top: 15px;
   }
 
   .mt-xs-20 {
     margin-top: 20px;
   }
 
   .mt-xs-30 {
     margin-top: 30px;
   }
 
   .mt-xs-40 {
     margin-top: 40px;
   }
 
   .mt-xs-50 {
     margin-top: 50px;
   }
 
   .mt-xs-60 {
     margin-top: 60px;
   }
 
   .mt-xs-70 {
     margin-top: 70px;
   }
 
   .mt-xs-80 {
     margin-top: 80px;
   }
 
   .mt-xs-90 {
     margin-top: 90px;
   }
 
   .mt-xs-100 {
     margin-top: 100px;
   }
 
   .mb-xs-0 {
     margin-bottom: 0;
   }
 
   .mb-xs-5 {
     margin-bottom: 5px;
   }
 
   .mb-xs-10 {
     margin-bottom: 10px;
   }
 
   .mb-xs-15 {
     margin-bottom: 15px;
   }
 
   .mb-xs-20 {
     margin-bottom: 20px;
   }
 
   .mb-xs-30 {
     margin-bottom: 30px;
   }
 
   .mb-xs-40 {
     margin-bottom: 40px;
   }
 
   .mb-xs-50 {
     margin-bottom: 50px;
   }
 
   .mb-xs-60 {
     margin-bottom: 60px;
   }
 
   .mb-xs-70 {
     margin-bottom: 70px;
   }
 
   .mb-xs-80 {
     margin-bottom: 80px;
   }
 
   .mb-xs-90 {
     margin-bottom: 90px;
   }
 
   .mb-xs-100 {
     margin-bottom: 100px;
   }
 }
 
 /* ==================
     3.5 Section Spacing
 =================== */
 .section-sp1 {
   padding-top: 100px;
   padding-bottom: 70px;
 }
 
 @media only screen and (max-width: 1199px) {
   .section-sp1 {
     padding-top: 70px;
     padding-bottom: 40px;
   }
 }
 
 @media only screen and (max-width: 991px) {
   .section-sp1 {
     padding-top: 50px;
     padding-bottom: 20px;
   }
 }
 
 .section-sp2 {
   padding-top: 100px;
   padding-bottom: 100px;
 }
 
 @media only screen and (max-width: 1199px) {
   .section-sp2 {
     padding-top: 70px;
     padding-bottom: 70px;
   }
 }
 
 @media only screen and (max-width: 991px) {
   .section-sp2 {
     padding-top: 50px;
     padding-bottom: 50px;
   }
 }
 
 .section-sp3 {
   padding-top: 100px;
   padding-bottom: 0;
 }
 
 @media only screen and (max-width: 1199px) {
   .section-sp3 {
     padding-top: 70px;
   }
 }
 
 @media only screen and (max-width: 991px) {
   .section-sp3 {
     padding-top: 50px;
   }
 }
 
 .section-sp4 {
   padding-top: 50px;
   padding-bottom: 50px;
 }
 
 .section-sp5 {
   padding-bottom: 70px;
 }
 
 @media only screen and (max-width: 1199px) {
   .section-sp5 {
     padding-bottom: 50px;
   }
 }
 
 @media only screen and (max-width: 991px) {
   .section-sp5 {
     padding-bottom: 20px;
   }
 }
 
 /* ==================
     2.1 Font Size
 =================== */
 .fs10 {
   font-size: 10px;
 }
 
 .fs12 {
   font-size: 12px;
 }
 
 .fs13 {
   font-size: 13px;
 }
 
 .fs14 {
   font-size: 14px;
 }
 
 .fs16 {
   font-size: 16px;
 }
 
 .fs18 {
   font-size: 18px;
 }
 
 .fs20 {
   font-size: 20px;
 }
 
 .fs22 {
   font-size: 22px;
 }
 
 .fs24 {
   font-size: 24px;
 }
 
 .fs26 {
   font-size: 26px;
 }
 
 .fs30 {
   font-size: 30px;
   line-height: 40px;
 }
 
 .fs35 {
   font-size: 35px;
   line-height: 45px;
 }
 
 .fs40 {
   font-size: 40px;
   line-height: 50px;
 }
 
 .fs45 {
   font-size: 45px;
   line-height: 55px;
 }
 
 .fs50 {
   font-size: 50px;
   line-height: 65px;
 }
 
 .fs55 {
   font-size: 55px;
   line-height: 65px;
 }
 
 .fs60 {
   font-size: 60px;
   line-height: 70px;
 }
 
 .fs70 {
   font-size: 70px;
   line-height: 80px;
 }
 
 .fs75 {
   font-size: 75px;
   line-height: 85px;
 }
 
 .fs80 {
   font-size: 80px;
   line-height: 90px;
 }
 
 .fs90 {
   font-size: 90px;
   line-height: 100px;
 }
 
 .fs100 {
   font-size: 100px;
   line-height: 110px;
 }
 
 /* ==================
     2.2 Font Weight 
 =================== */
 .fw3 {
   font-weight: 300;
 }
 
 .fw4 {
   font-weight: 400;
 }
 
 .fw5 {
   font-weight: 500;
 }
 
 .fw6 {
   font-weight: 600;
 }
 
 .fw7 {
   font-weight: 700;
 }
 
 .fw8 {
   font-weight: 800;
 }
 
 .fw9 {
   font-weight: 900;
 }
 
 dl,
 ul,
 ol {
   list-style-position: outside;
 }
 
 ul,
 ol {
   margin-bottom: 24px;
 }
 
 ul li,
 ol li {
   padding: 0;
 }
 
 dl {
   margin-right: 0;
   margin-bottom: 30px;
 }
 
 dl dd {
   margin-bottom: 10px;
 }
 
 /* ==================
     2.3 Positions Z-index
 =================== */
 .posi-ab {
   position: absolute;
 }
 
 .posi-rl {
   position: relative;
 }
 
 .posi-st {
   position: static;
 }
 
 .zi1 {
   z-index: 1;
 }
 
 .zi2 {
   z-index: 2;
 }
 
 .zi3 {
   z-index: 3;
 }
 
 .zi4 {
   z-index: 4;
 }
 
 .zi5 {
   z-index: 5;
 }
 
 .zi6 {
   z-index: 6;
 }
 
 .zi7 {
   z-index: 7;
 }
 
 .zi8 {
   z-index: 8;
 }
 
 .zi9 {
   z-index: 9;
 }
 
 .zi10 {
   z-index: 10;
 }
 
 .zi100 {
   z-index: 100;
 }
 
 .zi999 {
   z-index: 999;
 }
 
 ::selection {
   color: #fff;
   background: #565acf;
 }
 
 ::-moz-selection {
   color: #fff;
   background: #565acf;
 }
 
 ::-moz-selection {
   background: #565acf;
   color: #fff;
 }
 
 ::selection {
   background: #565acf;
   color: #fff;
 }
 
 .mfp-gallery {
   list-style: none;
   margin-bottom: 0;
 }
 
 .mfp-title {
   display: none;
 }
 
 .list-inline li {
   display: inline-block;
 }
 
 .full-img {
   width: 100%;
 }
 
 .sticky-top {
   top: 130px;
 }
 
 section {
   position: relative;
 }
 
 .ov-hidden {
   overflow: hidden;
 }
 
 /* ==================
     3. Spacing
 =================== */
 /* ==================
     3.1 Row Spacing
 =================== */
 .row.spno,
 .spno {
   margin-right: 0;
   margin-left: 0;
 }
 
 .row.spno [class*="col"],
 .row.spno [class*="col"],
 .spno [class*="col"],
 .spno [class*="col"] {
   padding-right: 0;
   padding-left: 0;
 }
 
 .row.sp5,
 .sp5 {
   margin-right: -5px;
   margin-left: -5px;
 }
 
 .row.sp5 [class*="col"],
 .row.sp5 [class*="col"],
 .sp5 [class*="col"],
 .sp5 [class*="col"] {
   padding-right: 5px;
   padding-left: 5px;
 }
 
 .row.sp10,
 .sp10 {
   margin-right: -10px;
   margin-left: -10px;
 }
 
 .row.sp10 [class*="col"],
 .row.sp10 [class*="col"],
 .sp10 [class*="col"],
 .sp10 [class*="col"] {
   padding-right: 10px;
   padding-left: 10px;
 }
 
 .row.sp10,
 .sp10 {
   margin-right: -10px;
   margin-left: -10px;
 }
 
 .row.sp10 [class*="col"],
 .row.sp10 [class*="col"],
 .sp10 [class*="col"],
 .sp10 [class*="col"] {
   padding-right: 10px;
   padding-left: 10px;
 }
 
 .row.sp20,
 .sp20 {
   margin-right: -20px;
   margin-left: -20px;
 }
 
 .row.sp20 [class*="col"],
 .row.sp20 [class*="col"],
 .sp20 [class*="col"],
 .sp20 [class*="col"] {
   padding-right: 20px;
   padding-left: 20px;
 }
 
 /* ==================
     5. Page Banner
 =================== */
 .page-banner {
   background: #fff;
   background-repeat: no-repeat;
   background-size: cover;
   position: relative;
   overflow: hidden;
   height: 420px;
   width: 100%;
   z-index: 1;
 }
 
 @media only screen and (max-width: 991px) {
   .page-banner {
     height: 320px;
   }
 }
 
 @media only screen and (max-width: 767px) {
   .page-banner {
     height: 280px;
   }
 }
 
 .page-banner .container {
   display: table;
   height: 100%;
 }
 
 .page-banner .page-banner-entry {
   height: 420px;
   vertical-align: middle;
   display: table-cell;
   padding-bottom: 60px;
 }
 
 @media only screen and (max-width: 991px) {
   .page-banner .page-banner-entry {
     height: 320px;
     padding-bottom: 30px;
   }
 }
 
 @media only screen and (max-width: 767px) {
   .page-banner .page-banner-entry {
     height: 280px;
   }
 }
 
 .page-banner h1,
 .page-banner .h1 {
   font-weight: 700;
   font-size: 72px;
   margin-bottom: 20px;
   color: #1f2278;
   text-transform: capitalize;
 }
 
 @media only screen and (max-width: 1380px) {
 
   .page-banner h1,
   .page-banner .h1 {
     font-size: 62px;
   }
 }
 
 @media only screen and (max-width: 991px) {
 
   .page-banner h1,
   .page-banner .h1 {
     font-size: 52px;
   }
 }
 
 @media only screen and (max-width: 767px) {
 
   .page-banner h1,
   .page-banner .h1 {
     font-size: 42px;
   }
 }
 
 .page-banner:after {
   content: "";
   background-image: url(/modules/website/images/banner/shape.png);
   position: absolute;
   bottom: 0;
   right: 0;
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-position: bottom;
   background-size: contain;
   z-index: -1;
 }
 
 .page-banner.banner-lg {
   height: 550px;
 }
 
 .page-banner.banner-lg .page-banner-entry {
   height: 550px;
 }
 
 @media only screen and (max-width: 991px) {
   .page-banner.banner-lg {
     height: 450px;
   }
 
   .page-banner.banner-lg .page-banner-entry {
     height: 450px;
   }
 }
 
 @media only screen and (max-width: 767px) {
   .page-banner.banner-lg {
     height: 400px;
   }
 
   .page-banner.banner-lg .page-banner-entry {
     height: 400px;
   }
 }
 
 .page-banner.banner-md {
   height: 450px;
 }
 
 .page-banner.banner-md .page-banner-entry {
   height: 450px;
 }
 
 .page-banner.banner-sm {
   height: 300px;
 }
 
 .page-banner.banner-sm .page-banner-entry {
   height: 300px;
 }
 
 .page-banner .pt-img1 {
   right: 15%;
   bottom: 50px;
   z-index: 1;
 }
 
 .page-banner .pt-img2 {
   right: 30px;
   top: 100px;
 }
 
 .page-banner .pt-img3 {
   left: 8%;
   bottom: 30%;
 }
 
 /* ==================
     6. Breadcrumb
 =================== */
 .breadcrumb-row {
   box-shadow: 0px 5px 30px 0px rgba(86, 90, 207, 0.3);
   font-family: "Tajawal", sans-serif;
   background-color: #565acf;
   padding: 12px 30px;
   border-radius: 10px;
   display: inline-block;
 }
 
 @media only screen and (max-width: 767px) {
   .breadcrumb-row {
     padding: 10px 24px;
   }
 }
 
 .breadcrumb-row ul {
   background: transparent;
   padding: 0;
   justify-content: center;
   margin: 0;
 }
 
 .breadcrumb-row ul li {
   padding: 0;
   display: inline-flex;
   font-size: 16px;
   font-weight: 500;
   align-items: center;
 }
 
 .breadcrumb-row ul li a {
   color: #fff;
   display: flex;
   align-items: center;
 }
 
 .breadcrumb-row ul li a svg {
   margin-left: 10px;
   transform: translateY(-2px);
 }
 
 @media only screen and (max-width: 1380px) {
   .breadcrumb-row ul li {
     font-size: 14px;
   }
 }
 
 .breadcrumb-item+.breadcrumb-item {
   padding-right: 15px;
   color: #fff;
 }
 
 .breadcrumb-item+.breadcrumb-item::before {
   color: #fff;
   content: "/";
   font-size: 22px;
   padding-left: 15px;
   opacity: 0.4;
   font-weight: 300;
   line-height: 22px;
   margin-top: 5px;
 }
 
 @media only screen and (max-width: 1380px) {
   .breadcrumb-item+.breadcrumb-item {
     padding-right: 10px;
   }
 
   .breadcrumb-item+.breadcrumb-item::before {
     font-size: 18px;
     padding-left: 10px;
     line-height: 18px;
   }
 }
 
 /* ==================
     4. Heading
 =================== */
 section {
   position: relative;
   z-index: 1;
 }
 
 .heading-bx {
   margin-bottom: 45px;
 }
 
 .heading-bx .title-ext {
   font-weight: 700;
   display: inline-block;
   padding: 3px 15px;
   background-position: center;
   background-repeat: repeat;
   margin-bottom: 15px;
 }
 
 .heading-bx .title-ext.text-primary {
   background-image: url(/modules/website/images/shap/ext-blue.png);
 }
 
 .heading-bx .title-ext.text-secondary {
   background-image: url(/modules/website/images/shap/ext-orange.png);
 }
 
 .heading-bx h2.title,
 .heading-bx .title.h2 {
   font-size: 45px;
 }
 
 @media only screen and (max-width: 1380px) {
 
   .heading-bx h2.title,
   .heading-bx .title.h2 {
     font-size: 36px;
   }
 }
 
 @media only screen and (max-width: 767px) {
 
   .heading-bx h2.title,
   .heading-bx .title.h2 {
     font-size: 32px;
   }
 }
 
 @media only screen and (max-width: 575px) {
 
   .heading-bx h2.title,
   .heading-bx .title.h2 {
     font-size: 28px;
   }
 }
 
 @media only screen and (max-width: 991px) {
   .heading-bx {
     margin-bottom: 30px !important;
   }
 }
 
 @media only screen and (max-width: 1199px) {
   .heading-bx {
     margin-bottom: 40px;
   }
 }
 
 .heading-bx.text-white h1,
 .heading-bx.text-white .h1,
 .heading-bx.text-white h2,
 .heading-bx.text-white .h2,
 .heading-bx.text-white h3,
 .heading-bx.text-white .h3,
 .heading-bx.text-white h4,
 .heading-bx.text-white .h4,
 .heading-bx.text-white h5,
 .heading-bx.text-white .h5,
 .heading-bx.text-white h6,
 .heading-bx.text-white .h6 {
   color: #fff;
 }
 
 .heading-bx p {
   padding-top: 5px;
   font-weight: 500;
 }
 
 @media only screen and (max-width: 1680px) {
   .heading-bx p {
     font-size: 15px;
   }
 }
 
 @media only screen and (max-width: 1199px) {
   .heading-bx p {
     font-size: 14px;
     line-height: 24px;
   }
 }
 
 .heading-bx.text-center p {
   max-width: 800px;
   margin-right: auto;
   margin-left: auto;
 }
 
 .heading-bx.head-col {
   display: flex;
   align-items: center;
 }
 
 @media only screen and (max-width: 767px) {
   .heading-bx.head-col {
     display: block;
   }
 }
 
 .heading-bx.head-col .title {
   margin-bottom: 0;
 }
 
 @media only screen and (max-width: 767px) {
   .heading-bx.head-col .title {
     margin-bottom: 10px;
   }
 }
 
 .heading-bx.head-col p {
   padding-right: 15px;
   border-right: 4px solid #565acf;
   margin-right: 15px;
   margin-bottom: 0;
 }
 
 @media only screen and (max-width: 767px) {
   .heading-bx.head-col p {
     padding-right: 0;
     border-right: 0;
     margin-right: 0;
   }
 }
 
 .text-white h1,
 .text-white .h1,
 .text-white h2,
 .text-white .h2,
 .text-white h3,
 .text-white .h3,
 .text-white h4,
 .text-white .h4,
 .text-white h5,
 .text-white .h5,
 .text-white h6,
 .text-white .h6 {
   color: #fff;
 }
 
 @media only screen and (min-width: 1200px) and (max-width: 1440px) {
   .col-xxl-1 {
     flex: 0 0 8.33333%;
     max-width: 8.33333%;
   }
 
   .col-xxl-2 {
     flex: 0 0 16.66667%;
     max-width: 16.66667%;
   }
 
   .col-xxl-3 {
     flex: 0 0 25%;
     max-width: 25%;
   }
 
   .col-xxl-4 {
     flex: 0 0 33.33333%;
     max-width: 33.33333%;
   }
 
   .col-xxl-5 {
     flex: 0 0 41.66667%;
     max-width: 41.66667%;
   }
 
   .col-xxl-6 {
     flex: 0 0 50%;
     max-width: 50%;
   }
 
   .col-xxl-7 {
     flex: 0 0 58.33333%;
     max-width: 58.33333%;
   }
 
   .col-xxl-8 {
     flex: 0 0 66.66667%;
     max-width: 66.66667%;
   }
 
   .col-xxl-9 {
     flex: 0 0 75%;
     max-width: 75%;
   }
 
   .col-xxl-10 {
     flex: 0 0 83.33333%;
     max-width: 83.33333%;
   }
 
   .col-xxl-11 {
     flex: 0 0 91.66667%;
     max-width: 91.66667%;
   }
 
   .col-xxl-12 {
     flex: 0 0 100%;
     max-width: 100%;
   }
 }
 
 /* ==================
     8. Components
 =================== */
 /* ==================
     8.2 Accordion
 =================== */
 .ttr-accordion1 .accordion-item {
   border: 0;
   margin-bottom: 15px;
 }
 
 .ttr-accordion1 .accordion-button {
   background-color: #f17732;
   font-weight: 600;
   color: #fff;
   border-radius: 8px !important;
   border: 0;
   padding: 18px 25px;
   -webkit-transition: all 0.5s;
   -ms-transition: all 0.5s;
   transition: all 0.5s;
 }
 
 .ttr-accordion1 .accordion-button.collapsed {
   background-color: #565acf;
 }
 
 .ttr-accordion1 .accordion-button.collapsed:after {
   transform: rotateX(0);
 }
 
 .ttr-accordion1 .accordion-button:after {
   content: "\f078";
   font-family: "Font Awesome 5 Free";
   background-image: unset;
   font-size: 14px;
   transform: rotateX(-180deg);
   width: auto;
   height: auto;
   -webkit-transition: all 0.5s;
   -ms-transition: all 0.5s;
   transition: all 0.5s;
 }
 
 .ttr-accordion1 .accordion-header {
   margin-bottom: -5px;
 }
 
 .ttr-accordion1 .accordion-body {
   font-size: 15px;
   padding: 25px;
   background-color: rgba(86, 90, 207, 0.1);
   border-radius: 0 0 8px 8px;
 }
 
 /* ==================
     8.7 Card
 =================== */
 .card {
   border: 0px solid #E1E1F0;
   margin-bottom: 30px;
   border-radius: 5px;
   box-shadow: 0px 36px 48px rgba(31, 66, 135, 0.04);
   background: #fff;
 }
 
 .card-header {
   display: flex;
   justify-content: space-between;
   align-items: center;
   border-bottom: 1px solid #E1E1F0;
   background: #fff;
   padding: 20px 30px;
 }
 
 .card-title {
   font-size: 24px;
   margin-bottom: 0px;
 }
 
 .card .card-body {
   padding: 20px 30px;
   background: #fff;
   border-radius: 15px;
 }
 
 /* ==================
     8.11 Form
 =================== */
 .form-group {
   position: relative;
 }
 
 .form-group label {
   font-size: 14px;
   font-weight: 500;
   color: #444;
   margin-bottom: 10px;
   background: transparent;
   border-color: #E1E1F0;
 }
 
 .form-control {
   border-radius: 6px;
   border: 1px solid transparent;
   padding: 15px 25px;
   font-size: 14px;
   font-weight: 400;
   color: #444;
   transition: all 0.3s ease-in-out;
   background: #ffffff;
 }
 
 .form-control .select {
   padding: 12px 0;
 }
 
 .form-control span {
   margin-top: 0;
 }
 
 .form-control::-webkit-input-placeholder {
   color: #444;
 }
 
 .form-control:-ms-input-placeholder {
   color: #444;
 }
 
 .form-control::placeholder {
   color: #444;
 }
 
 .form-control:hover {
   box-shadow: none !important;
   border-color: #E1E1F0;
   color: #444;
   background: #ffffff;
 }
 
 .form-control:focus,
 .form-control:active,
 .form-control.active {
   box-shadow: none !important;
   border-color: #565acf;
   color: #444;
   background: #ffffff;
   border-radius: 6px;
 }
 
 input:-internal-autofill-selected {
   background: white !important;
   background-image: none !important;
   color: -internal-light-dark-color(black, white) !important;
 }
 
 .input-group-text {
   padding: 5px 15px;
   background: #ffffff;
   margin-bottom: 0px !important;
   color: #444;
   border-color: transparent;
 }
 
 .input-group-append .input-group-text {
   border-top-left-radius: 5px;
   border-bottom-left-radius: 5px;
 }
 
 .input-group-prepend .input-group-text {
   border-top-right-radius: 5px;
   border-bottom-right-radius: 5px;
 }
 
 /*Styling Selectbox*/
 .toggle {
   cursor: pointer;
   display: block;
 }
 
 .toggle-switch {
   display: inline-block;
   background: #f7f7f7;
   border-radius: 16px;
   width: 45px;
   height: 20px;
   position: relative;
   vertical-align: middle;
   transition: background 0.25s;
 }
 
 .toggle-switch:before,
 .toggle-switch:after {
   content: "";
 }
 
 .toggle-switch:before {
   display: block;
   background: linear-gradient(to bottom, #fff 0%, #eee 100%);
   border-radius: 50%;
   width: 17px;
   height: 17px;
   position: absolute;
   top: 1px;
   right: 3px;
   transition: right 0.25s;
 }
 
 .toggle:hover .toggle-switch:before {
   background: linear-gradient(to bottom, #fff 0%, #fff 100%);
 }
 
 .toggle-checkbox:checked+.toggle-switch {
   background: #565acf;
 }
 
 .toggle-checkbox:checked+.toggle-switch:before {
   right: 26px;
 }
 
 .toggle-checkbox {
   position: absolute;
   visibility: hidden;
 }
 
 .toggle-label {
   margin-right: 15px;
   position: relative;
   top: 2px;
   font-size: 16px;
   font-weight: 400;
 }
 
 .file-upload-wrapper {
   position: relative;
   width: 100%;
   height: calc(1.5em + 1rem + 2px);
   border: 1px solid #E1E1F0;
   border-radius: 5px;
   color: #AEAED5;
 }
 
 .file-upload-wrapper:after {
   content: attr(data-text);
   position: absolute;
   top: 0;
   right: 0;
   background: #ffffff;
   padding: 4px 15px;
   display: block;
   width: calc(100% - 40px);
   pointer-events: none;
   z-index: 20;
   height: calc(1.5em + 1rem + 2px);
   line-height: 30px;
   border-radius: 10px 5px 5px 10px;
   font-weight: 400;
   overflow: hidden;
 }
 
 .file-upload-wrapper:before {
   content: 'Upload';
   position: absolute;
   top: 0;
   left: 0;
   display: inline-block;
   height: calc(1.5em + 1rem + 2px);
   background: #565acf;
   color: #fff;
   font-weight: 400;
   z-index: 25;
   font-size: 14px;
   line-height: 40px;
   padding: 0 15px;
   text-transform: capitalize;
   pointer-events: none;
   border-radius: 5px 0 0 5px;
 }
 
 .file-upload-wrapper:hover:before {
   background: #363abc;
 }
 
 .file-upload-wrapper input {
   opacity: 0;
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   z-index: 99;
   height: calc(1.5em + 1rem + 2px);
   margin: 0;
   padding: 0;
   display: block;
   cursor: pointer;
   width: 100%;
 }
 
 #ui-datepicker-div {
   display: none;
   background: #fafafa;
   box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.1);
   margin-top: 0.25rem;
   border-radius: 0.5rem;
   padding: 0.5rem;
 }
 
 table {
   border-collapse: collapse;
   border-spacing: 0;
 }
 
 .ui-datepicker-calendar thead th {
   padding: 0.25rem 0;
   text-align: center;
   font-size: 0.75rem;
   font-weight: 400;
   color: #444;
 }
 
 .ui-datepicker-calendar tbody td {
   width: 2.5rem;
   text-align: center;
   padding: 0;
 }
 
 .ui-datepicker-calendar tbody td a {
   display: block;
   border-radius: 0.25rem;
   line-height: 2rem;
   transition: 0.3s all;
   color: #444;
   font-size: 0.875rem;
   text-decoration: none;
 }
 
 .ui-datepicker-calendar tbody td a:hover {
   background-color: #565acf;
   color: white;
 }
 
 .ui-datepicker-calendar tbody td a.ui-state-active {
   background-color: #565acf;
   color: white;
 }
 
 .ui-datepicker-header a.ui-corner-all {
   cursor: pointer;
   position: absolute;
   top: 0;
   width: 2rem;
   height: 2rem;
   margin: 0.5rem;
   border-radius: 0.25rem;
   transition: 0.3s all;
 }
 
 .ui-datepicker-header a.ui-corner-all:hover {
   background-color: #cdcef1;
   color: #fff;
 }
 
 .ui-datepicker-header a.ui-datepicker-prev {
   right: 0;
   background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDEzIDEzIj48cGF0aCBmaWxsPSIjNDI0NzcwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjI4OCA2LjI5NkwzLjIwMiAyLjIxYS43MS43MSAwIDAgMSAuMDA3LS45OTljLjI4LS4yOC43MjUtLjI4Ljk5OS0uMDA3TDguODAzIDUuOGEuNjk1LjY5NSAwIDAgMSAuMjAyLjQ5Ni42OTUuNjk1IDAgMCAxLS4yMDIuNDk3bC00LjU5NSA0LjU5NWEuNzA0LjcwNCAwIDAgMS0xLS4wMDcuNzEuNzEgMCAwIDEtLjAwNi0uOTk5bDQuMDg2LTQuMDg2eiIvPjwvc3ZnPg==");
   background-repeat: no-repeat;
   background-size: 0.5rem;
   background-position: 50%;
   transform: rotate(-180deg);
 }
 
 .ui-datepicker-header a.ui-datepicker-next {
   left: 0;
   background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMyIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDEzIDEzIj48cGF0aCBmaWxsPSIjNDI0NzcwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik03LjI4OCA2LjI5NkwzLjIwMiAyLjIxYS43MS43MSAwIDAgMSAuMDA3LS45OTljLjI4LS4yOC43MjUtLjI4Ljk5OS0uMDA3TDguODAzIDUuOGEuNjk1LjY5NSAwIDAgMSAuMjAyLjQ5Ni42OTUuNjk1IDAgMCAxLS4yMDIuNDk3bC00LjU5NSA0LjU5NWEuNzA0LjcwNCAwIDAgMS0xLS4wMDcuNzEuNzEgMCAwIDEtLjAwNi0uOTk5bDQuMDg2LTQuMDg2eiIvPjwvc3ZnPg==");
   background-repeat: no-repeat;
   background-size: 10px;
   background-position: 50%;
 }
 
 .ui-datepicker-header a>span {
   display: none;
 }
 
 .ui-datepicker-title {
   text-align: center;
   line-height: 2rem;
   margin-bottom: 0.25rem;
   font-size: 0.875rem;
   font-weight: 500;
   padding-bottom: 0.25rem;
 }
 
 .ui-datepicker-week-col {
   color: #444;
   font-weight: 400;
   font-size: 0.75rem;
 }
 
 label.error {
   color: #f72b50;
   position: absolute;
   bottom: 0;
   margin-bottom: -22px;
   font-size: 12px;
   font-weight: 400;
 }
 
 .bootstrap-select {
   width: 100% !important;
 }
 
 .bootstrap-select .dropdown-toggle {
   width: 100%;
   padding: 10px;
   font-family: "Tajawal", sans-serif;
   text-transform: none;
   background: #fff;
   color: #444;
   font-size: 14px;
   outline: none !important;
 }
 
 .bootstrap-select .dropdown-toggle:focus {
   outline: none !important;
 }
 
 .bootstrap-select .dropdown-toggle:after {
   content: none;
 }
 
 .bootstrap-select.show.btn-group .dropdown-menu.inner {
   display: block;
 }
 
 .bootstrap-select .dropdown-menu {
   border: 0;
   border-radius: 0;
   margin-top: -1px;
   padding: 10px 0;
   font-size: 14px;
   box-shadow: 0 20px 30px 0 rgba(0, 0, 0, 0.1);
 }
 
 .bootstrap-select .dropdown-menu a {
   padding: 5px 25px;
   display: block;
 }
 
 .bootstrap-select .dropdown-menu a:hover {
   background: #fff;
 }
 
 .bootstrap-select .list {
   background: #1f2278;
 }
 
 .nice-select .list {
   width: 100%;
   border: 0;
   margin: 1px 0 0;
   box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
   padding: 8px 0;
 }
 
 .nice-select .list li {
   font-weight: 500;
 }
 
 .nice-select .list .option:hover,
 .nice-select .list .option.selected {
   background-color: #565acf;
   color: #fff;
 }
 
 .nice-select:after {
   left: 22px;
 }
 
 /* ==================
     8.6 Buttons
 =================== */
 .btn {
   padding: 15px 30px;
   border-radius: 8px;
   text-decoration: none;
   font-weight: 500;
   font-size: 14px;
   -webkit-transition: all 0.5s;
   -ms-transition: all 0.5s;
   transition: all 0.5s;
   border-width: 2px;
   line-height: 1.2;
 }
 
 .btn.shadow {
   box-shadow: 0px 5px 20px 0px rgba(86, 90, 207, 0.3);
 }
 
 .btn-icon-bx {
   width: 40px;
   height: 40px;
   background: #fff;
   border-radius: inherit;
   line-height: 40px;
   display: inline-block;
   margin: -12px 15px -12px -27px;
   color: #000;
 }
 
 .btn-xs {
   font-size: 12px;
   padding: 6px 15px;
 }
 
 .btn-xs .btn-icon-bx {
   width: 26px;
   height: 26px;
   line-height: 26px;
   margin: -10px 10px -10px -15px;
 }
 
 .btn-sm,
 .btn-group-sm>.btn {
   font-size: 14px;
   padding: 12px 27px 12px 27px;
 }
 
 .btn-sm .btn-icon-bx,
 .btn-group-sm>.btn .btn-icon-bx {
   width: 34px;
   height: 34px;
   margin: -10px 15px -10px -24px;
   line-height: 34px;
 }
 
 .btn-lg,
 .btn-group-lg>.btn {
   font-size: 16px;
   padding: 20px 35px;
   line-height: 1;
 }
 
 .btn-lg .btn-icon-bx,
 .btn-group-lg>.btn .btn-icon-bx {
   width: 50px;
   height: 50px;
   line-height: 50px;
   margin: -16px 20px -16px -31px;
 }
 
 .btn-xl {
   font-size: 18px;
   padding: 24px 40px;
   line-height: 1;
 }
 
 .btn-xl .btn-icon-bx {
   width: 60px;
   height: 60px;
   line-height: 60px;
   margin: -20px 20px -20px -37px;
 }
 
 [class*="btn-outline-"] .btn-icon-bx {
   color: #fff;
 }
 
 .btn-outline-primary .btn-icon-bx {
   background: #565acf;
 }
 
 .btn-outline-secondary .btn-icon-bx {
   background: #f17732;
 }
 
 .btn-outline-success .btn-icon-bx {
   background: #209f84;
 }
 
 .btn-outline-danger .btn-icon-bx {
   background: #f72b50;
 }
 
 .btn-outline-info .btn-icon-bx {
   background: #2754e6;
 }
 
 .btn-outline-warning .btn-icon-bx {
   background: #fe970e;
 }
 
 .btn-outline-light .btn-icon-bx {
   background: #fff;
 }
 
 .btn-outline-dark .btn-icon-bx {
   background: #1f2278;
 }
 
 .btn-light {
   color: #f17732;
   background-color: #fff;
 }
 
 .btn-secondary {
   background-color: #f17732;
   color: #fff;
 }
 
 .btn-secondary.light {
   background-color: white;
   color: #f17732;
 }
 
 .btn-secondary.shadow {
   box-shadow: 0px 5px 20px 0px rgba(241, 119, 50, 0.3) !important;
 }
 
 .btn-secondary:hover {
   background-color: #f49762;
   color: #fff;
   border: 2px solid #f49762;
   box-shadow: 0px 5px 20px 0px rgba(241, 119, 50, 0.3) !important;
 }
 
 .btn-primary {
   background-color: #565acf;
 }
 
 .btn-primary.light {
   background-color: #e1e2f6;
   color: #565acf;
   border: 2px solid #e1e2f6;
 }
 
 .btn-primary.light:hover {
   background-color: #565acf;
   box-shadow: 0px 1px 7px 0px rgba(86, 90, 207, 0.3);
   color: #fff;
   border: 2px solid #565acf;
 }
 
 .btn-primary .btn-icon-bx {
   color: #565acf;
 }
 
 .btn-primary.shadow {
   box-shadow: 0px 5px 20px 0px rgba(86, 90, 207, 0.3) !important;
 }
 
 .btn-success {
   background-color: #209f84;
 }
 
 .btn-success.light {
   background-color: #b4f0e3;
   color: #209f84;
 }
 
 .btn-success .btn-icon-bx {
   color: #209f84;
 }
 
 .btn-danger {
   background-color: #f72b50;
 }
 
 .btn-danger.light {
   background-color: #fef0f2;
   color: #f72b50;
 }
 
 .btn-danger .btn-icon-bx {
   color: #f72b50;
 }
 
 .btn-warning {
   background-color: #fe970e;
 }
 
 .btn-warning.light {
   background-color: #fffaf3;
   color: #fe970e;
 }
 
 .btn-warning .btn-icon-bx {
   color: #fe970e;
 }
 
 .btn-info {
   background-color: #2754e6;
 }
 
 .btn-info.light {
   background-color: #f5f7fe;
   color: #2754e6;
 }
 
 .btn-info .btn-icon-bx {
   color: #2754e6;
 }
 
 .btn-dark {
   background-color: #1f2278;
 }
 
 .btn-dark.light {
   background-color: #989be4;
   color: #fff;
 }
 
 .btn-dark .btn-icon-bx {
   color: #1f2278;
 }
 
 /* ==================
     8.20 Table
 =================== */
 .table-responsive-sm {
   min-width: 48rem;
 }
 
 .table {
   margin-bottom: 0px;
   font-weight: 400;
 }
 
 .table tr td,
 .table tr th {
   padding: 15px;
 }
 
 .table tr th {
   color: #14181d;
   font-weight: 500;
 }
 
 .table-striped thead tr th {
   padding-bottom: 15px !important;
 }
 
 .table-striped tbody tr:nth-of-type(odd) {
   background-color: #ffffff;
 }
 
 .table-striped tfoot {
   border-top: 2px solid #E1E1F0;
 }
 
 .table-striped tfoot tr th {
   padding-top: 10px;
 }
 
 /* ==================
     8.18 Separator
 =================== */
 .ttr-separator {
   display: inline-block;
   height: 4px;
   width: 90px;
   margin-bottom: 10px;
   position: relative;
 }
 
 .ttr-separator.m-b0 {
   margin-bottom: 0;
 }
 
 .ttr-separator.style-liner {
   width: 20px;
 }
 
 .ttr-separator.style-icon {
   width: 30px;
   height: auto;
   text-align: center;
   font-size: 20px;
 }
 
 .ttr-separator[class*="style-"]:after,
 .ttr-separator[class*="style-"]:before {
   content: "";
   position: absolute;
   top: 50%;
   right: 40px;
   width: 70px;
   height: 2px;
   background: #eee;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
 }
 
 .ttr-separator[class*="style-"]:before {
   right: auto;
   left: 40px;
 }
 
 .ttr-separator.style-skew {
   width: 15px;
   height: 10px;
   margin-right: 1px;
   margin-left: 1px;
   -moz-transform: skewX(10deg);
   -webkit-transform: skewX(10deg);
   -o-transform: skewX(10deg);
   -ms-transform: skewX(10deg);
   transform: skewX(10deg);
 }
 
 .ttr-separator.style-skew[class*="style-"]:after,
 .ttr-separator.style-skew[class*="style-"]:before {
   width: 80px;
   height: 4px;
   right: 20px;
   -moz-transform: translateY(-50%) skewX(10deg);
   -webkit-transform: translateY(-50%) skewX(10deg);
   -o-transform: translateY(-50%) skewX(10deg);
   -ms-transform: translateY(-50%) skewX(10deg);
   transform: translateY(-50%) skewX(10deg);
 }
 
 .ttr-separator.style-skew[class*="style-"]:before {
   left: 20px;
   right: auto;
 }
 
 .ttr-separator.bnr-title {
   height: 1px;
   width: 155px;
   opacity: 0.5;
 }
 
 .ttr-separator.bnr-title:before,
 .ttr-separator.bnr-title:after {
   position: absolute;
   content: "";
   background-color: inherit;
 }
 
 .ttr-separator.bnr-title:before {
   height: inherit;
   left: -80px;
   width: 25px;
 }
 
 .ttr-separator.bnr-title:after {
   height: inherit;
   left: -90px;
   top: 0;
   width: 6px;
 }
 
 .ttr-separator.bnr-title i {
   background-color: inherit;
   display: block;
   height: inherit;
   position: absolute;
   left: -50px;
   width: 45px;
 }
 
 .ttr-separator-outer {
   overflow: hidden;
 }
 
 /* ==================
     8.9 Icon Box
 =================== */
 .feature-box-xl {
   display: inline-block;
   text-align: center;
   border-radius: 3px;
   width: 150px;
   height: 150px;
   line-height: 150px;
 }
 
 .feature-box-xl.radius {
   -webkit-border-radius: 100%;
   -moz-border-radius: 100%;
   border-radius: 100%;
 }
 
 .feature-box-xl i {
   font-size: 80px;
   vertical-align: middle;
 }
 
 .feature-box-xl img {
   vertical-align: middle;
   max-width: 100%;
   width: auto;
   height: 80px;
 }
 
 .feature-box-lg {
   display: inline-block;
   text-align: center;
   border-radius: 3px;
   width: 120px;
   height: 120px;
   line-height: 120px;
 }
 
 .feature-box-lg.radius {
   -webkit-border-radius: 100%;
   -moz-border-radius: 100%;
   border-radius: 100%;
 }
 
 .feature-box-lg i {
   font-size: 60px;
   vertical-align: middle;
 }
 
 .feature-box-lg img {
   vertical-align: middle;
   max-width: 100%;
   width: auto;
   height: 55px;
 }
 
 .feature-box-md {
   display: inline-block;
   text-align: center;
   border-radius: 3px;
   width: 100px;
   height: 100px;
   line-height: 100px;
 }
 
 .feature-box-md.radius {
   -webkit-border-radius: 100%;
   -moz-border-radius: 100%;
   border-radius: 100%;
 }
 
 .feature-box-md i {
   font-size: 45px;
   vertical-align: middle;
 }
 
 .feature-box-md img {
   vertical-align: middle;
   max-width: 100%;
   width: auto;
   height: 40px;
 }
 
 .feature-box-sm {
   display: inline-block;
   text-align: center;
   border-radius: 3px;
   width: 80px;
   height: 80px;
   line-height: 80px;
 }
 
 .feature-box-sm.radius {
   -webkit-border-radius: 100%;
   -moz-border-radius: 100%;
   border-radius: 100%;
 }
 
 .feature-box-sm i {
   font-size: 30px;
   vertical-align: middle;
 }
 
 .feature-box-sm img {
   vertical-align: middle;
   max-width: 100%;
   width: auto;
   height: 30px;
 }
 
 .feature-box-xs {
   display: inline-block;
   text-align: center;
   border-radius: 3px;
   width: 40px;
   height: 40px;
   line-height: 40px;
 }
 
 .feature-box-xs.radius {
   -webkit-border-radius: 100%;
   -moz-border-radius: 100%;
   border-radius: 100%;
 }
 
 .feature-box-xs i {
   font-size: 20px;
   vertical-align: middle;
 }
 
 .feature-box-xs img {
   vertical-align: middle;
   max-width: 100%;
   width: auto;
   height: 20px;
 }
 
 .icon-xl {
   display: inline-block;
   text-align: center;
 }
 
 .icon-xl i {
   vertical-align: middle;
   font-size: 80px;
 }
 
 .icon-xl img {
   vertical-align: middle;
   max-width: 100%;
   width: auto;
   height: 80px;
 }
 
 .icon-lg {
   display: inline-block;
   text-align: center;
 }
 
 .icon-lg i {
   vertical-align: middle;
   font-size: 60px;
 }
 
 .icon-lg img {
   vertical-align: middle;
   max-width: 100%;
   width: auto;
   height: 70px;
 }
 
 .icon-md {
   display: inline-block;
   text-align: center;
 }
 
 .icon-md i {
   vertical-align: middle;
   font-size: 45px;
 }
 
 .icon-md img {
   vertical-align: middle;
   max-width: 100%;
   width: auto;
   height: 50px;
 }
 
 .icon-sm {
   display: inline-block;
   text-align: center;
 }
 
 .icon-sm i {
   vertical-align: middle;
   font-size: 30px;
 }
 
 .icon-sm img {
   vertical-align: middle;
   max-width: 100%;
   width: auto;
   height: 30px;
 }
 
 .icon-xs {
   display: inline-block;
   text-align: center;
 }
 
 .icon-xs i {
   vertical-align: middle;
   font-size: 20px;
 }
 
 .icon-xs img {
   vertical-align: middle;
   max-width: 100%;
   width: auto;
   height: 20px;
 }
 
 .feature-container {
   position: relative;
 }
 
 .feature-container .feature-title {
   margin-top: 0;
 }
 
 .feature-container .after-titile-line {
   margin-bottom: 10px;
 }
 
 .feature-container p:last-child {
   margin: 0;
 }
 
 .feature-container.center {
   text-align: center;
 }
 
 .feature-container.left .feature-box-xl,
 .feature-container.left .feature-box-lg,
 .feature-container.left .feature-box-md,
 .feature-container.left .feature-box-sm,
 .feature-container.left .feature-box-xs {
   float: right;
   margin-left: 20px;
 }
 
 .feature-container.left .icon-xl,
 .feature-container.left .icon-lg,
 .feature-container.left .icon-md,
 .feature-container.left .icon-sm,
 .feature-container.left .icon-xs {
   float: right;
   margin-left: 10px;
 }
 
 .feature-container.right {
   text-align: left;
 }
 
 .feature-container.right .feature-box-xl,
 .feature-container.right .feature-box-lg,
 .feature-container.right .feature-box-md,
 .feature-container.right .feature-box-sm,
 .feature-container.right .feature-box-xs {
   float: left;
   margin-right: 20px;
 }
 
 .feature-container.right .icon-xl,
 .feature-container.right .icon-lg,
 .feature-container.right .icon-md,
 .feature-container.right .icon-sm,
 .feature-container.right .icon-xs {
   float: left;
   margin-right: 10px;
 }
 
 .icon-content {
   overflow: hidden;
 }
 
 [class*="feature-box-"][class*="bg-"] a {
   color: #fff;
 }
 
 [class*="feature-box-"].bg-white a {
   color: inherit;
 }
 
 [class*="feature-box-"][class*="border-"] {
   display: table;
   line-height: normal;
   margin-right: auto;
   margin-left: auto;
 }
 
 [class*="feature-box-"][class*="border-"] .icon-cell {
   display: table-cell;
   vertical-align: middle;
 }
 
 .ttr-box,
 .info-bx,
 .feature-title,
 .feature-title-inner {
   position: relative;
 }
 
 .feature-title-inner {
   display: inline-block;
 }
 
 .ttr-box[class*="border-"],
 .info-bx[class*="border-"] {
   border-color: #eee;
 }
 
 .info-bx.border-1,
 .info-bx.border-2,
 .info-bx.border-3,
 .info-bx.border-4,
 .info-bx.border-5 {
   border-top: none;
 }
 
 .border-1,
 .border-2,
 .border-3,
 .border-4,
 .border-5 {
   border-style: solid;
 }
 
 .border-1 {
   border-width: 1px;
 }
 
 .border-2 {
   border-width: 2px;
 }
 
 .border-3 {
   border-width: 3px;
 }
 
 .border-4 {
   border-width: 4px;
 }
 
 .border-5 {
   border-width: 5px;
 }
 
 .right-border,
 .left-border {
   position: relative;
 }
 
 .right-border:before,
 .left-border:before {
   content: "";
   position: absolute;
   top: 5px;
   width: 1px;
   height: 90%;
   background: #CCC;
 }
 
 .right-border:before {
   left: 0;
 }
 
 .action-box,
 .ttr-post-media {
   position: relative;
   overflow: hidden;
 }
 
 .action-box img,
 .ttr-post-media img {
   width: 100%;
   height: auto;
 }
 
 .ttr-box-bg {
   overflow: hidden;
   background-size: cover;
 }
 
 .ttr-box-bg .btn {
   overflow: unset;
 }
 
 .ttr-box-bg .glyph-icon {
   font-size: 50px;
 }
 
 .ttr-box-bg .feature-container {
   background-color: #f8f8f8;
 }
 
 .ttr-box-bg .text-primary,
 .ttr-box-bg .icon-content .feature-title,
 .ttr-box-bg .icon-content p,
 .ttr-box-bg .icon-box-btn .btn {
   -webkit-transition: all 0.5s;
   -ms-transition: all 0.5s;
   transition: all 0.5s;
 }
 
 .ttr-box-bg.active .feature-container {
   background-color: rgba(0, 0, 0, 0.7);
 }
 
 .ttr-box-bg.active .text-primary,
 .ttr-box-bg.active .icon-content .feature-title,
 .ttr-box-bg.active .icon-content p,
 .ttr-box-bg.active .icon-box-btn .btn {
   color: #fff;
   -webkit-transition: all 0.5s;
   -ms-transition: all 0.5s;
   transition: all 0.5s;
 }
 
 .ttr-box-bg .icon-box-btn .btn {
   background-color: #eeeeee;
   padding: 15px 20px;
   text-transform: uppercase;
   font-size: 15px;
   border-radius: 0;
   color: #1abc9c;
   font-weight: 600;
   margin-bottom: 0;
 }
 
 .feature-bx1 {
   align-items: center;
   display: flex;
   background-color: #fff;
   border-radius: 8px;
   padding: 10px 15px 10px 20px;
   z-index: 1;
   overflow: hidden;
   box-shadow: 0px 5px 30px 0px rgba(31, 34, 120, 0.08);
   border: 1px solid;
   border-color: #565acf;
 }
 
 .feature-bx1 .icon-cell {
   margin-left: 30px;
 }
 
 .feature-bx1 .icon-cell svg {
   width: 45px;
   height: 45px;
 }
 
 .feature-bx1:after {
   content: "";
   width: 85px;
   height: 85px;
   position: absolute;
   border-radius: 50%;
   z-index: -1;
   top: -8px;
   right: -12px;
 }
 
 .feature-bx1.feature1 {
   border-color: #b2f0fb;
 }
 
 .feature-bx1.feature1:after {
   background-color: #ecfcff;
 }
 
 .feature-bx1.feature2 {
   border-color: #a4fcc4;
 }
 
 .feature-bx1.feature2:after {
   background-color: #eefff4;
 }
 
 .feature-bx1.feature3 {
   border-color: #ffbdbc;
 }
 
 .feature-bx1.feature3:after {
   background-color: #fff0f0;
 }
 
 .feature-bx1.feature4 {
   border-color: #e2c4ff;
 }
 
 .feature-bx1.feature4:after {
   background-color: #f8f0ff;
 }
 
 .feature-bx1 .icon-content .ttr-title {
   font-size: 16px;
   font-weight: 600;
   color: #1f2278;
   margin: 0;
 }
 
 .feature-bx1:hover .icon-cell svg {
   -webkit-animation: vibrate 0.5s alternate;
   animation: vibrate 0.5s alternate;
 }
 
 .feature-bx2 {
   border-radius: 20px;
   background-color: #fff;
   z-index: 1;
   overflow: hidden;
   padding: 40px;
   box-shadow: -1px 1px 50px rgba(0, 0, 0, 0.08);
   background-image: url(/modules/website/images/background/line-bg3.png);
   background-repeat: no-repeat;
   background-size: 100%;
 }
 
 @media only screen and (max-width: 575px) {
   .feature-bx2 {
     padding: 30px 20px;
   }
 }
 
 .feature-bx2 .feature-box-xl {
   background: #fff;
   border: 2px solid rgba(86, 90, 207, 0.1);
   border-radius: 13px;
   width: 130px;
   height: 130px;
   line-height: 130px;
 }
 
 .feature-bx2 .feature-box-xl img,
 .feature-bx2 .feature-box-xl svg {
   width: 60px;
 }
 
 .feature-bx2 .icon-content p {
   font-size: 15px;
   margin-bottom: 20px;
 }
 
 .feature-bx2:hover .feature-box-xl i,
 .feature-bx2:hover .feature-box-xl svg,
 .feature-bx2:hover .feature-box-xl img {
   -webkit-animation: vibrate 0.5s alternate;
   animation: vibrate 0.5s alternate;
 }
 
 .feature-bx2:hover .btn {
   background-color: #565acf;
   border-color: #565acf;
   color: #fff;
 }
 
 .feature-bx3 {
   border-radius: 20px;
   padding: 50px 30px;
   -webkit-transition: all 0.5s;
   -ms-transition: all 0.5s;
   transition: all 0.5s;
   background-color: #fff;
   position: relative;
   margin: 15px 15px 0 0;
 }
 
 .feature-bx3:after {
   content: "";
   position: absolute;
   top: -15px;
   right: -15px;
   border-radius: 20px;
   width: 100%;
   height: 100%;
   border: 2px solid #565acf;
   z-index: -1;
 }
 
 .feature-bx3 .ttr-title {
   margin-bottom: 12px;
 }
 
 .feature-bx3 .counter {
   font-size: 60px;
   line-height: 1;
   margin-bottom: 10px;
 }
 
 .feature-bx3 p {
   font-size: 14px;
 }
 
 .feature-bx3 .ttr-title,
 .feature-bx3 .counter,
 .feature-bx3 p {
   -webkit-transition: all 0.5s;
   -ms-transition: all 0.5s;
   transition: all 0.5s;
 }
 
 .feature-bx3:hover {
   background-color: #565acf;
 }
 
 .feature-bx3:hover .ttr-title,
 .feature-bx3:hover .counter,
 .feature-bx3:hover p {
   color: #fff !important;
 }
 
 @media only screen and (max-width: 575px) {
   .feature-bx3 {
     padding: 40px;
   }
 }
 
 .feature-bx4 {
   background-color: #fff;
   border-radius: 8px;
   padding: 45px 35px 35px;
   z-index: 1;
   overflow: hidden;
   box-shadow: 0px 5px 30px 0px rgba(31, 34, 120, 0.08);
   border: 1px solid;
   border-color: #565acf;
 }
 
 .feature-bx4 .feature-icon {
   position: relative;
   margin-bottom: 25px;
 }
 
 .feature-bx4 .feature-icon svg {
   width: 45px;
   height: 45px;
 }
 
 .feature-bx4 .feature-icon:after {
   content: "";
   width: 65px;
   height: 65px;
   position: absolute;
   border-radius: 50%;
   z-index: -1;
   top: -18px;
   left: -22px;
 }
 
 .feature-bx4.feature1 {
   border-color: #b2f0fb;
 }
 
 .feature-bx4.feature1 .feature-icon:after {
   background-color: #ecfcff;
 }
 
 .feature-bx4.feature2 {
   border-color: #a4fcc4;
 }
 
 .feature-bx4.feature2 .feature-icon:after {
   background-color: #eefff4;
 }
 
 .feature-bx4.feature3 {
   border-color: #ffbdbc;
 }
 
 .feature-bx4.feature3 .feature-icon:after {
   background-color: #fff0f0;
 }
 
 .feature-bx4.feature4 {
   border-color: #e2c4ff;
 }
 
 .feature-bx4.feature4 .feature-icon:after {
   background-color: #f8f0ff;
 }
 
 .feature-bx4 .icon-content .ttr-title {
   color: #1f2278;
   margin: 0 0 12px;
 }
 
 .feature-bx4 .icon-content p {
   margin: 0;
 }
 
 .feature-bx4:hover .feature-icon img {
   -webkit-animation: vibrate 0.5s alternate;
   animation: vibrate 0.5s alternate;
 }
 
 /* ==================
     8.16 Pricing Table
 =================== */
 .table-wrapper {
   position: relative;
   padding: 30px;
   background: #fff;
   border: 2px solid #e4e3e4;
   -webkit-transition: all 0.5s;
   -ms-transition: all 0.5s;
   transition: all 0.5s;
   border-radius: 8px;
 }
 
 .table-wrapper .table-head {
   margin-bottom: 30px;
 }
 
 .table-wrapper .table-head .table-title {
   margin-bottom: 25px;
   text-align: center;
 }
 
 .table-wrapper .table-head .table-title .sub-title {
   font-size: 16px;
   font-weight: 500;
   margin-bottom: 0;
 }
 
 .table-wrapper .table-head .table-price {
   display: flex;
   justify-content: center;
   align-items: center;
 }
 
 .table-wrapper .table-head .table-price sup {
   font-size: 26px;
   font-weight: bold;
   margin-left: 5px;
   color: #14181d;
 }
 
 .table-wrapper .table-head .table-price h6,
 .table-wrapper .table-head .table-price .h6 {
   font-size: 52px;
   font-weight: 700;
   margin-bottom: 0;
 }
 
 .table-wrapper .table-head .table-price p {
   margin: 0 5px 0 0;
   font-size: 14px;
 }
 
 @media only screen and (max-width: 767px) {
   .table-wrapper .table-head .table-price sup {
     font-size: 14px;
   }
 
   .table-wrapper .table-head .table-price h6,
   .table-wrapper .table-head .table-price .h6 {
     font-size: 36px;
   }
 }
 
 .table-wrapper .table-body {
   margin-bottom: 40px;
 }
 
 .table-wrapper .table-body .title {
   font-size: 16px;
   margin-bottom: 30px;
   text-align: center;
 }
 
 @media only screen and (max-width: 767px) {
   .table-wrapper .table-body .title {
     font-size: 14px;
   }
 }
 
 .table-wrapper .table-body .table-features {
   margin-bottom: 0;
 }
 
 .table-wrapper .table-body .table-features li {
   font-size: 15px;
   position: relative;
   line-height: 20px;
   margin-bottom: 15px;
   padding-right: 34px;
   font-weight: 500;
 }
 
 .table-wrapper .table-body .table-features li:before {
   content: "\f00c";
   font-size: 24px;
   font-family: 'Line Awesome Free';
   font-weight: 900;
   line-height: 25px;
   color: #11a435;
   position: absolute;
   right: 0;
   top: 0;
 }
 
 .table-wrapper:hover {
   border: 2px solid #565acf;
   box-shadow: 0 5px 20px rgba(0, 98, 255, 0.2);
   margin-top: -10px;
 }
 
 .table-wrapper:hover .table-head .table-price sup,
 .table-wrapper:hover .table-head .table-price h6,
 .table-wrapper:hover .table-head .table-price .h6 {
   color: #565acf;
 }
 
 .table-wrapper:hover .table-footer .btn {
   background-color: #565acf;
   color: #fff;
 }
 
 .table-switch {
   display: flex;
   justify-content: center;
   align-items: center;
 }
 
 .table-switch .form-check-input {
   width: 60px;
   height: 30px;
   box-shadow: 0 3px 10px 0 rgba(0, 98, 252, 0.2);
   background-color: #565acf;
 }
 
 .table-switch:before {
   height: 22px;
   width: 22px;
 }
 
 .table-switch label {
   margin: 0 14px 0 55px;
   font-size: 16px;
   color: #666;
   cursor: pointer;
   font-weight: 500;
 }
 
 /* ==================
     8.13 Overlay
 =================== */
 .ovbl-light,
 .ovbl-middle,
 .ovbl-dark,
 .ovgd-light,
 .ovgd-middle,
 .ovgd-dark,
 .ovwh-light,
 .ovwh-middle,
 .ovwh-dark,
 .ovpr-light,
 .ovpr-middle,
 .ovpr-dark,
 .ovpr {
   position: relative;
 }
 
 .ovbl-light:before,
 .ovbl-middle:before,
 .ovbl-dark:before,
 .ovgd-light:before,
 .ovgd-middle:before,
 .ovgd-dark:before,
 .ovwh-light:before,
 .ovwh-middle:before,
 .ovwh-dark:before,
 .ovpr-light:before,
 .ovpr-middle:before,
 .ovpr-dark:before,
 .ovpr:before {
   content: "";
   position: absolute;
   right: 0;
   top: 0;
   width: 100%;
   height: 100%;
 }
 
 .ovbl-light .container,
 .ovbl-light .container-fluid,
 .ovbl-light .container-sm,
 .ovbl-light .container-md,
 .ovbl-light .container-lg,
 .ovbl-light .container-xl,
 .ovbl-middle .container,
 .ovbl-middle .container-fluid,
 .ovbl-middle .container-sm,
 .ovbl-middle .container-md,
 .ovbl-middle .container-lg,
 .ovbl-middle .container-xl,
 .ovbl-dark .container,
 .ovbl-dark .container-fluid,
 .ovbl-dark .container-sm,
 .ovbl-dark .container-md,
 .ovbl-dark .container-lg,
 .ovbl-dark .container-xl,
 .ovgd-light .container,
 .ovgd-light .container-fluid,
 .ovgd-light .container-sm,
 .ovgd-light .container-md,
 .ovgd-light .container-lg,
 .ovgd-light .container-xl,
 .ovgd-middle .container,
 .ovgd-middle .container-fluid,
 .ovgd-middle .container-sm,
 .ovgd-middle .container-md,
 .ovgd-middle .container-lg,
 .ovgd-middle .container-xl,
 .ovgd-dark .container,
 .ovgd-dark .container-fluid,
 .ovgd-dark .container-sm,
 .ovgd-dark .container-md,
 .ovgd-dark .container-lg,
 .ovgd-dark .container-xl,
 .ovwh-light .container,
 .ovwh-light .container-fluid,
 .ovwh-light .container-sm,
 .ovwh-light .container-md,
 .ovwh-light .container-lg,
 .ovwh-light .container-xl,
 .ovwh-middle .container,
 .ovwh-middle .container-fluid,
 .ovwh-middle .container-sm,
 .ovwh-middle .container-md,
 .ovwh-middle .container-lg,
 .ovwh-middle .container-xl,
 .ovwh-dark .container,
 .ovwh-dark .container-fluid,
 .ovwh-dark .container-sm,
 .ovwh-dark .container-md,
 .ovwh-dark .container-lg,
 .ovwh-dark .container-xl,
 .ovpr-light .container,
 .ovpr-light .container-fluid,
 .ovpr-light .container-sm,
 .ovpr-light .container-md,
 .ovpr-light .container-lg,
 .ovpr-light .container-xl,
 .ovpr-middle .container,
 .ovpr-middle .container-fluid,
 .ovpr-middle .container-sm,
 .ovpr-middle .container-md,
 .ovpr-middle .container-lg,
 .ovpr-middle .container-xl,
 .ovpr-dark .container,
 .ovpr-dark .container-fluid,
 .ovpr-dark .container-sm,
 .ovpr-dark .container-md,
 .ovpr-dark .container-lg,
 .ovpr-dark .container-xl,
 .ovpr .container,
 .ovpr .container-fluid,
 .ovpr .container-sm,
 .ovpr .container-md,
 .ovpr .container-lg,
 .ovpr .container-xl {
   position: relative;
   z-index: 1;
 }
 
 .ovbl-light:before,
 .ovbl-middle:before,
 .ovbl-dark:before {
   background: #1f2278;
 }
 
 .ovgd-light:before,
 .ovgd-middle:before,
 .ovgd-dark:before {
   background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
   background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
   background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.65) 100%);
 }
 
 .ovwh-light:before,
 .ovwh-middle:before,
 .ovwh-dark:before {
   background: #FFF;
 }
 
 .ovpr-light:before,
 .ovpr-middle:before,
 .ovpr-dark:before,
 .ovpr:before {
   background: #565acf;
 }
 
 .ovpr-light:before,
 .ovwh-light:before,
 .ovgd-light:before,
 .ovbl-light:before {
   opacity: 0.3;
 }
 
 .ovpr-middle:before,
 .ovwh-middle:before,
 .ovgd-middle:before,
 .ovbl-middle:before {
   opacity: 0.5;
 }
 
 .ovpr-dark:before,
 .ovwh-dark:before,
 .ovgd-dark:before,
 .ovbl-dark:before {
   opacity: 0.9;
 }
 
 .overlay-bx {
   position: absolute;
   right: 0;
   bottom: 0;
   width: 100%;
   height: 100%;
   text-align: center;
   z-index: 10;
   opacity: 0;
   visibility: hidden;
   -webkit-transition: all 0.8s;
   -ms-transition: all 0.8s;
   transition: all 0.8s;
 }
 
 .overlay-bx .align-b {
   height: auto;
   right: 0;
   list-style: outside none none;
   margin: 0;
   position: absolute;
   top: auto;
   bottom: 0;
   width: 100%;
   transform: translate(0);
   -o-transform: translate(0);
   -moz-transform: translate(0);
   -webkit-transform: translate(0);
 }
 
 .overlay-bx .align-m {
   height: auto;
   right: 50%;
   list-style: outside none none;
   margin: 0;
   position: absolute;
   top: 50%;
   transform: translate(50%, -50%);
   -o-transform: translate(50%, -50%);
   -moz-transform: translate(50%, -50%);
   -webkit-transform: translate(50%, -50%);
   width: 100%;
   padding: 0 10px;
 }
 
 .overlay-icon {
   height: auto;
   right: 50%;
   list-style: outside none none;
   margin: 0;
   position: absolute;
   top: 50%;
   transform: translate(50%, -50%);
   -o-transform: translate(50%, -50%);
   -moz-transform: translate(50%, -50%);
   -webkit-transform: translate(50%, -50%);
   width: 100%;
   padding: 0 10px;
 }
 
 .overlay-icon a {
   display: inline-block;
   padding: 0;
   margin: 0 2px;
 }
 
 .overlay-icon a i {
   background-color: #FFF;
 }
 
 /* ==================
     8.8 Category
 =================== */
 .category-box {
   border-radius: 20px;
   padding: 30px;
   position: relative;
   box-shadow: 0 5px 30px rgba(0, 74, 192, 0.1);
   z-index: 1;
   text-align: center;
   background-color: #fff;
   display: flex;
   align-items: center;
   justify-content: center;
 }
 
 .category-box .icon-bx {
   margin-bottom: 20px;
 }
 
 .category-box:before {
   content: "";
   position: absolute;
   background-image: url(/modules/website/images/category/dot1.png);
   top: 20px;
   right: 20px;
   width: 80px;
   height: 80px;
   background-repeat: no-repeat;
   z-index: -1;
 }
 
 @media only screen and (max-width: 1199px) {
   .category-box:before {
     width: 50px;
     height: 50px;
   }
 }
 
 .category-box p {
   font-size: 13px;
   line-height: 20px;
   margin-bottom: 0;
 }
 
 .category-box.back {
   background: #565acf;
 }
 
 .category-box.back svg {
   stroke: #fff;
 }
 
 .category-box.back .title a {
   color: #fff;
 }
 
 .category-box.back:before {
   content: "";
   position: absolute;
   background-image: url(/modules/website/images/category/dot2.png);
   top: 20px;
   right: 20px;
   width: 80px;
   height: 80px;
   background-repeat: no-repeat;
   z-index: -1;
 }
 
 .flip-bx {
   -webkit-transform-style: preserve-3d;
   transform-style: preserve-3d;
   -webkit-perspective: 1000px;
   perspective: 1000px;
 }
 
 .flip-bx .inner {
   -webkit-transform: translateZ(60px) scale(0.94);
   transform: translateZ(60px) scale(0.94);
   width: 100%;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
   outline: 1px solid transparent;
   -webkit-perspective: inherit;
   perspective: inherit;
   z-index: 2;
 }
 
 .flip-bx .front,
 .flip-bx .back {
   background-size: cover;
   background-position: center;
   -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
   transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
   -o-transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
   transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
   transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   text-align: center;
   min-height: 250px;
   height: auto;
 }
 
 .flip-bx .back {
   position: absolute;
   top: 0;
   right: 0;
   width: 100%;
   -webkit-transform: rotateY(-180deg);
   transform: rotateY(-180deg);
   -webkit-transform-style: preserve-3d;
   transform-style: preserve-3d;
 }
 
 .flip-bx .front {
   -webkit-transform: rotateY(0deg);
   transform: rotateY(0deg);
   -webkit-transform-style: preserve-3d;
   transform-style: preserve-3d;
 }
 
 .flip-bx .front:after {
   position: absolute;
   top: 0;
   right: 0;
   z-index: 1;
   width: 100%;
   height: 100%;
   content: '';
   display: block;
   opacity: .4;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   border-radius: 4px;
 }
 
 .flip-bx:hover .back,
 .flip-bx:hover .front {
   -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
   transition: -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
   -o-transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
   transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
   transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
 }
 
 .flip-bx:hover .back {
   -webkit-transform: rotateY(0deg);
   transform: rotateY(0deg);
   -webkit-transform-style: preserve-3d;
   transform-style: preserve-3d;
 }
 
 .flip-bx:hover .front {
   -webkit-transform: rotateY(180deg);
   transform: rotateY(180deg);
   -webkit-transform-style: preserve-3d;
   transform-style: preserve-3d;
 }
 
 /* ==================
     8.22 Testimonial
 =================== */
 .thumb-wraper {
   display: inline-block;
   position: relative;
 }
 
 @media only screen and (max-width: 575px) {
   .thumb-wraper {
     padding: 15px;
   }
 }
 
 .thumb-wraper .bg-img {
   position: relative;
   z-index: -2;
 }
 
 .thumb-wraper ul li {
   position: absolute;
 }
 
 .thumb-wraper ul li a {
   width: 65px;
   height: 65px;
   border-radius: 50%;
   overflow: hidden;
   display: block;
   box-shadow: 0px 10px 60px 0px rgba(31, 34, 120, 0.1);
   -webkit-transition: all 0.5s;
   -ms-transition: all 0.5s;
   transition: all 0.5s;
   position: relative;
 }
 
 .thumb-wraper ul li a img {
   width: 100%;
   height: 100%;
   object-fit: cover;
 }
 
 .thumb-wraper ul li:after {
   content: "";
   height: 100%;
   width: 100%;
   right: 0;
   top: 0;
   position: absolute;
   background-color: #565acf;
   -webkit-transition: all 0.5s;
   -ms-transition: all 0.5s;
   transition: all 0.5s;
   z-index: -1;
   transform: scale(0);
   border-radius: 50%;
 }
 
 .thumb-wraper ul li.active:after {
   transform: scale(1.14);
 }
 
 .thumb-wraper ul li:nth-child(1) {
   top: 100px;
   right: 20px;
 }
 
 .thumb-wraper ul li:nth-child(2) {
   top: 0px;
   right: 50%;
   transform: translateX(50%);
 }
 
 .thumb-wraper ul li:nth-child(3) {
   top: 100px;
   left: 20px;
 }
 
 .thumb-wraper ul li:nth-child(4) {
   left: 30px;
   bottom: 110px;
 }
 
 .thumb-wraper ul li:nth-child(5) {
   bottom: 20px;
   right: 50%;
   transform: translateX(50%);
 }
 
 .thumb-wraper ul li:nth-child(6) {
   right: 30px;
   bottom: 110px;
 }
 
 @media only screen and (max-width: 575px) {
   .thumb-wraper ul li:nth-child(2) {
     top: 10px;
   }
 
   .thumb-wraper ul li:nth-child(5) {
     bottom: 32px;
   }
 
   .thumb-wraper ul li a {
     width: 50px;
     height: 50px;
   }
 }
 
 .testimonial-bx {
   position: relative;
   border-radius: 0 40px 40px 40px;
   box-shadow: 0px 0px 30px rgba(185, 67, 0, 0.1);
   background-color: #f17732;
   padding: 50px;
   margin: 50px 20px 20px;
 }
 
 .testimonial-bx:after {
   content: "\f10e";
   position: absolute;
   left: 40px;
   bottom: 20px;
   font-family: "Font Awesome 5 Free";
   font-weight: 900;
   font-size: 92px;
   color: #fff;
   opacity: 0.3;
   line-height: 92px;
 }
 
 .testimonial-bx .testimonial-content p {
   line-height: 28px;
   font-size: 18px;
   color: #fff;
   font-weight: 400;
   font-style: italic;
   margin-bottom: 30px;
 }
 
 .testimonial-bx .client-info .name {
   font-weight: 600;
   color: #fff;
   margin-bottom: 8px;
   font-size: 22px;
 }
 
 .testimonial-bx .client-info p {
   font-weight: 600;
   color: #fff;
   font-size: 14px;
   text-transform: uppercase;
   margin-bottom: 0;
 }
 
 .testimonial-bx .quote-icon {
   position: absolute;
   top: -50px;
   right: 50px;
 }
 
 .testimonial-bx .quote-icon i {
   font-size: 36px;
   color: #f17732;
   width: 75px;
   height: 75px;
   text-align: center;
   background-color: #fff;
   line-height: 75px;
   border-radius: 20px;
   box-shadow: 0px 10px 60px 0px rgba(31, 34, 120, 0.1);
 }
 
 @media only screen and (max-width: 1199px) {
   .testimonial-bx {
     border-radius: 0 30px 30px 30px;
     padding: 50px 30px 30px;
   }
 
   .testimonial-bx .testimonial-content p {
     line-height: 26px;
     font-size: 16px;
   }
 
   .testimonial-bx .quote-icon {
     top: -45px;
     right: 30px;
   }
 }
 
 @media only screen and (max-width: 575px) {
   .testimonial-bx {
     margin: 50px 0px 0px;
   }
 
   .testimonial-bx:after {
     font-size: 50px;
     line-height: 72px;
   }
 
   .testimonial-bx .quote-icon {
     top: -35px;
   }
 
   .testimonial-bx .quote-icon i {
     font-size: 28px;
     width: 65px;
     height: 65px;
     line-height: 65px;
   }
 }
 
 .testimonial-slide {
   padding-bottom: 75px;
 }
 
 .testimonial-slide .test-btn-next,
 .testimonial-slide .test-btn-prev {
   height: 50px;
   width: 50px;
   border-radius: 12px;
   background-color: #ffe4d5;
   color: #f17732;
   font-size: 24px;
   bottom: 0;
   top: auto;
   -webkit-transition: all 0.5s;
   -ms-transition: all 0.5s;
   transition: all 0.5s;
 }
 
 .testimonial-slide .test-btn-next:after,
 .testimonial-slide .test-btn-prev:after {
   content: "";
 }
 
 .testimonial-slide .test-btn-next:hover,
 .testimonial-slide .test-btn-prev:hover {
   background-color: #f17732;
   color: #fff;
 }
 
 .testimonial-slide .test-btn-prev {
   right: 20px;
 }
 
 .testimonial-slide .test-btn-next {
   left: auto;
   right: 85px;
 }
 
 .testimonial-slide .swiper-pagination {
   left: 30px;
   display: inline-block;
   text-align: left;
   right: auto;
   width: auto;
   bottom: 0;
   color: #f17732;
   font-weight: 700;
 }
 
 .testimonial-slide .swiper-pagination .swiper-pagination-current {
   font-size: 25px;
 }
 
 .testimonial-slide .swiper-pagination .swiper-pagination-total {
   font-size: 15px;
   opacity: 0.5;
 }
 
 @media only screen and (max-width: 575px) {
   .testimonial-slide .test-btn-prev {
     right: 0;
   }
 
   .testimonial-slide .test-btn-next {
     right: 60px;
   }
 
   .testimonial-slide .swiper-pagination {
     left: 10px;
   }
 }
 
 .testimonial-wraper .pt-img1 {
   top: 165px;
   right: 180px;
 }
 
 .testimonial-wraper .pt-img2 {
   bottom: 110px;
   right: 150px;
 }
 
 @media only screen and (max-width: 1380px) {
   .testimonial-wraper .pt-img2 {
     bottom: 30px;
     right: 30px;
   }
 }
 
 .testimonial-wraper .pt-img3 {
   top: 140px;
   left: 90px;
 }
 
 .testimonial-wraper .pt-img4 {
   bottom: 160px;
   left: 160px;
 }
 
 @media only screen and (max-width: 1380px) {
   .testimonial-wraper .pt-img4 {
     bottom: 30px;
     left: 30px;
   }
 }
 
 /* ==================
     8.3 Action Box
 =================== */
 .action-wraper .action-inner {
   background-color: #565acf;
   box-shadow: 0 5px 20px rgba(86, 90, 207, 0.2);
   border-radius: 20px;
   padding: 45px;
 }
 
 .action-wraper .action-inner .title {
   font-size: 40px;
   color: #fff;
   font-weight: 700;
   margin-bottom: 15px;
 }
 
 .action-wraper .action-inner .text {
   margin: 0;
   font-weight: 400;
   color: #fff;
 }
 
 /* ==================
     8.10 Filter
 =================== */
 .filter-mobile {
   display: flex;
   margin-bottom: 30px;
   display: none;
   border: 1px solid rgba(0, 0, 0, 0.1);
   align-items: center;
   text-align: center;
   position: sticky;
   top: 80px;
   background: #fff;
   box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.2);
 }
 
 .filter-mobile .filter-bx:first-child {
   border-left: 1px solid rgba(0, 0, 0, 0.1);
 }
 
 .filter-mobile .filter-bx {
   width: 50%;
   padding: 10px;
 }
 
 .filter-btn i {
   margin-left: 5px;
 }
 
 .filter-btn .close {
   display: none;
   opacity: 0;
 }
 
 .filter-btn .close:hover {
   background: rgba(255, 255, 255, 0.1);
 }
 
 .filter-bx .bootstrap-select .dropdown-toggle {
   max-width: 100px;
   border: 2px solid rgba(0, 0, 0, 0.1) !important;
   border-radius: 4px;
   padding: 2px 10px;
   color: #404040;
   font-weight: 600;
   height: 32px;
 }
 
 .filter-bx .bootstrap-select .dropdown-toggle .caret {
   top: 9px;
 }
 
 .filter-on .filter-btn.close {
   border: 0;
   z-index: 1;
   position: fixed;
   left: 10px;
   top: 10px;
   color: #565acf;
   opacity: 1;
   font-size: 18px;
   display: block;
   transition: all 0.5s;
   -moz-transition: all 0.5s;
   -moz-transition: all 0.5s;
   -ms-transition: all 0.5s;
   -o-transition: all 0.5s;
   opacity: 1;
 }
 
 .filter-left {
   padding: 20px 20px;
   width: 280px;
   position: fixed !important;
   right: -310px;
   top: 0;
   background: #fff;
   z-index: 9999999;
   box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.1);
   overflow-y: scroll;
   height: 100%;
   transition: all 0.5s;
   -moz-transition: all 0.5s;
   -moz-transition: all 0.5s;
   -ms-transition: all 0.5s;
   -o-transition: all 0.5s;
 }
 
 .filter-right .filter-bar {
   top: 80px;
   position: sticky;
   z-index: 999;
 }
 
 .filter-bar.sticky-top .side-bar {
   z-index: 9;
   top: 0;
   position: unset;
 }
 
 .sticky-top.filter-bar {
   z-index: 99999999;
   top: 80px;
   position: sticky;
 }
 
 .filter-left:after {
   content: "";
   position: fixed;
   width: 0;
   background: #fff;
   height: 100%;
   z-index: -1;
   right: 0;
   top: 0;
   opacity: 0;
   transition: all 0.5s;
   -moz-transition: all 0.5s;
   -moz-transition: all 0.5s;
   -ms-transition: all 0.5s;
   -o-transition: all 0.5s;
 }
 
 .filter-left.filter-on:after {
   width: 100%;
   right: 280px;
   opacity: 0.8;
 }
 
 .filter-left.filter-on {
   right: 0;
 }
 
 .filter-bar {
   top: 80px;
   position: sticky;
   z-index: 999;
 }
 
 .filter-bar.sticky-top .side-bar {
   z-index: 9;
   top: 0;
   position: unset;
 }
 
 .sticky-top.filter-bar {
   z-index: 99999999;
   top: 80px;
   position: sticky;
 }
 
 /* ==================
     8.14 Pagination
 =================== */
 .pagination-bx .pagination {
   margin: 0;
   width: 100%;
 }
 
 .pagination {
   padding: 10px 0;
   display: block;
 }
 
 .pagination li {
   display: inline-block;
   margin: 0 4px;
 }
 
 .pagination>li:first-child>a,
 .pagination>li:first-child>span {
   border-bottom-right-radius: 0;
   border-top-right-radius: 0;
   margin-right: 0;
 }
 
 .pagination>li:last-child>a,
 .pagination>li:last-child>span {
   border-bottom-left-radius: 0;
   border-top-left-radius: 0;
 }
 
 .pagination>li>a,
 .pagination>li>span {
   background-color: #fff;
   color: #565acf;
   padding: 12px 15px;
   font-weight: 600;
   font-size: 14px;
   min-width: 40px;
   line-height: 1;
   display: block;
   border-radius: 8px !important;
   border: 2px solid rgba(86, 90, 207, 0.2);
   -webkit-transition: all 0.5s;
   -ms-transition: all 0.5s;
   transition: all 0.5s;
 }
 
 .pagination>li>a:hover,
 .pagination>li>span:hover {
   border-color: transparent;
   color: #fff;
 }
 
 @media only screen and (max-width: 575px) {
 
   .pagination>li>a,
   .pagination>li>span {
     padding: 10px 15px;
   }
 }
 
 .pagination>.active>a,
 .pagination>.active>span,
 .pagination>.active>a:hover,
 .pagination>.active>span:hover,
 .pagination>.active>a:focus,
 .pagination>.active>span:focus {
   border-color: transparent;
 }
 
 @media only screen and (max-width: 575px) {
   .pagination li {
     margin: 0;
   }
 }
 
 .pagination-sm .pagination>li>a,
 .pagination-sm .pagination>li>span .pagination-sm .pagination>.previous>a,
 .pagination-sm .pagination>.prev>a {
   font-size: 12px;
   padding: 6px 12px;
 }
 
 .pagination-lg .pagination>li>a,
 .pagination-lg .pagination>li>span .pagination-lg .pagination>.previous>a,
 .pagination-lg .pagination>.prev>a {
   font-size: 18px;
   padding: 10px 20px;
 }
 
 .pagination-bx.primary .pagination>li>a,
 .pagination-bx.primary .pagination>li>span {
   background-color: #1abc9c;
   color: #fff;
   margin: 0 1px;
   border: 0;
 }
 
 .pagination-bx.primary .pagination>li>a:hover,
 .pagination-bx.primary .pagination>li>span:hover,
 .pagination-bx.primary .pagination>li.active>span,
 .pagination-bx.primary .pagination>li.active>a {
   background-color: #148f77;
 }
 
 .pagination-bx.rounded .pagination>li>a,
 .pagination-bx.rounded .pagination>li>span {
   border-radius: 30px;
   margin: 0 1px;
 }
 
 .pagination-bx.rounded-sm .pagination>li>a,
 .pagination-bx.rounded-sm .pagination>li>span {
   border-radius: 4px;
   margin: 0 1px;
   display: block;
   text-transform: uppercase;
   letter-spacing: 2px;
 }
 
 .pagination-bx.gray .pagination>li>a,
 .pagination-bx.gray .pagination>li>span {
   background-color: #f6f7f8;
   margin: 0 1px;
   border: 0;
 }
 
 .pagination-bx.gray .pagination>li>a:hover,
 .pagination-bx.gray .pagination>li>span:hover,
 .pagination-bx.gray .pagination>li.active>span,
 .pagination-bx.gray .pagination>li.active>a {
   background-color: #565acf;
   color: #fff;
 }
 
 .pagination i {
   font-size: 12px;
 }
 
 .pagination li.active a {
   background-color: #565acf;
   color: #fff;
 }
 
 .pagination>li.active>a:hover,
 .pagination>li>a:hover,
 .pagination>li>span:hover {
   color: #fff;
   background-color: #565acf;
 }
 
 /* ==================
     8.12 Home Banner
 =================== */
 .main-banner {
   position: relative;
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
   overflow: hidden;
   z-index: 1;
   height: 1085px;
 }
 
 .main-banner:after {
   content: "";
   height: 100%;
   width: 100%;
   right: 0;
   bottom: 0;
   position: absolute;
   background-image: url(/modules/website/images/main-banner/shape1.png);
   background-repeat: no-repeat;
   background-position: bottom right;
   background-size: 100%;
   z-index: -1;
 }
 
 .main-banner h1,
 .main-banner .h1 {
   margin-bottom: 50px;
   font-weight: 800;
   line-height: 1.3;
   color: #1f2278;
   font-size: 55px;
 }
 
 .main-banner .btn-lg,
 .main-banner .btn-group-lg>.btn {
   padding: 20px 45px;
 }
 
 .main-banner .title-ext {
   margin: 0 0 20px;
   font-size: 21px;
   font-weight: 700;
   display: inline-block;
   padding: 5px 15px;
   background-position: center;
   background-repeat: repeat;
 }
 
 .main-banner .title-ext.text-primary {
   background-image: url(/modules/website/images/shap/ext-blue.png);
 }
 
 .main-banner .title-ext.text-secondary {
   background-image: url(/modules/website/images/shap/ext-orange.png);
 }
 
 .main-banner .tag-list li {
   display: inline-block;
   margin-left: 8px;
   position: relative;
   padding-left: 5px;
   font-size: 14px;
   color: #1f2278;
   font-weight: 600;
 }
 
 .main-banner .tag-list li:after {
   content: ",";
   position: absolute;
   bottom: 0;
   left: 0;
   color: #777777;
 }
 
 .main-banner .tag-list li.title {
   font-weight: 600;
 }
 
 .main-banner .tag-list li.title:after {
   content: none;
 }
 
 .main-banner .tag-list li a {
   text-transform: capitalize;
   font-weight: 400;
   color: #666666;
 }
 
 .main-banner .tag-list li a:hover {
   color: #565acf;
 }
 
 .main-banner .banner-img {
   -webkit-animation: up-down 2.5s infinite alternate;
   animation: up-down 2.5s infinite alternate;
   position: relative;
   margin-left: -160px;
   margin-right: -50px;
 }
 
 .main-banner .inner-content {
   position: absolute;
   right: 50%;
   top: 50%;
   transform: translate(50%, -50%);
 }
 
 @media only screen and (max-width: 1680px) {
   .main-banner {
     height: 800px;
   }
 
   .main-banner .banner-img {
     margin-left: 0;
     margin-right: 0px;
   }
 
   .main-banner h1,
   .main-banner .h1 {
     margin-bottom: 30px;
     font-size: 45px;
   }
 
   .main-banner .title-ext {
     margin: 0 0 10px;
     font-size: 18px;
   }
 }
 
 @media only screen and (max-width: 1199px) {
   .main-banner {
     height: 700px;
   }
 
   .main-banner h1,
   .main-banner .h1 {
     margin-bottom: 30px;
     font-size: 36px;
   }
 
   .main-banner .title-ext {
     font-size: 16px;
     margin: 0 0 15px;
   }
 }
 
 @media only screen and (max-width: 991px) {
   .main-banner {
     height: 500px;
   }
 
   .main-banner h1,
   .main-banner .h1 {
     font-size: 28px;
     margin-bottom: 20px;
   }
 
   .main-banner .title-ext {
     font-size: 14px;
     margin: 0 0 10px;
     padding: 3px 10px;
   }
 
   .main-banner .btn-lg,
   .main-banner .btn-group-lg>.btn {
     padding: 12px 24px;
     font-size: 14px;
   }
 }
 
 @media only screen and (max-width: 767px) {
   .main-banner .banner-img {
     margin-left: -40px;
     margin-right: -20px;
   }
 
   .main-banner h1,
   .main-banner .h1 {
     font-size: 24px;
     margin-bottom: 20px;
   }
 
   .main-banner .main-banner {
     height: 500px;
   }
 }
 
 @media only screen and (max-width: 575px) {
   .main-banner {
     height: auto;
     padding-top: 100px;
   }
 
   .main-banner .banner-img {
     margin: 30px 10px;
   }
 
   .main-banner .inner-content {
     position: unset;
     transform: unset;
   }
 }
 
 .main-banner .pt-img1 {
   bottom: 35%;
   right: 5%;
 }
 
 @media only screen and (max-width: 1380px) {
   .main-banner .pt-img1 {
     right: 0%;
     bottom: 25%;
   }
 }
 
 .main-banner .pt-img2 {
   top: 24%;
   right: 51%;
 }
 
 @media only screen and (max-width: 991px) {
   .main-banner .pt-img2 {
     top: 30%;
     right: 55%;
   }
 }
 
 .main-banner .pt-img3 {
   top: 23%;
   right: 17%;
 }
 
 .main-banner .pt-img4 {
   bottom: 15%;
   right: 41%;
   z-index: 1;
 }
 
 @media only screen and (max-width: 991px) {
   .main-banner .pt-img4 {
     bottom: 10%;
     right: 45%;
   }
 }
 
 .main-banner .pt-img5 {
   bottom: 150px;
   left: 150px;
 }
 
 /* ==================
     8.23 Work Box
 =================== */
 .work-area .pt-img1 {
   bottom: 15%;
   right: 5%;
 }
 
 .work-area .pt-img2 {
   top: 50%;
   left: 5%;
 }
 
 @media only screen and (max-width: 991px) {
   .work-area .pt-img2 {
     top: 250px;
     width: 100px;
     height: 100px;
     left: 10px;
   }
 }
 
 .work-area .pt-img3 {
   bottom: 10%;
   left: 20%;
 }
 
 @media only screen and (max-width: 991px) {
   .work-area .pt-img3 {
     bottom: 120px;
     left: 430px;
   }
 }
 
 .work-area .work-bx {
   margin-top: 30px;
 }
 
 @media only screen and (max-width: 991px) {
   .work-area .work-bx {
     margin-top: 0;
   }
 }
 
 .work-area .work-bx.active {
   margin-top: 0;
 }
 
 .work-bx {
   position: relative;
   box-shadow: 0px 10px 60px 0px rgba(31, 34, 120, 0.1);
   padding: 40px 30px;
   border-radius: 20px;
   background-color: #fff;
   -webkit-transition: all 0.5s;
   -ms-transition: all 0.5s;
   transition: all 0.5s;
   overflow: hidden;
   z-index: 1;
 }
 
 .work-bx:after {
   content: "";
   height: 0;
   width: 100%;
   background-color: #f17732;
   position: absolute;
   top: 0;
   left: 0;
   z-index: -1;
   -webkit-transition: all 0.5s;
   -ms-transition: all 0.5s;
   transition: all 0.5s;
   transform-origin: top;
   -moz-transform-origin: top;
   -ms-transform-origin: top;
   -webkit-transform-origin: top;
   -o-transform-origin: top;
 }
 
 .work-bx .work-num-bx {
   -webkit-transition: all 0.5s;
   -ms-transition: all 0.5s;
   transition: all 0.5s;
   z-index: 9;
   font-size: 80px;
   font-weight: 900;
   margin-bottom: 30px;
   line-height: 80px;
   -webkit-text-stroke: 2px #f17732;
   text-shadow: 0 10px 0 #ffe3d3;
   color: transparent;
 }
 
 .work-bx .work-content {
   transition: all 0.5s;
   -webkit-transition: all 0.5s;
   -ms-transition: all 0.5s;
   transition: all 0.5s;
 }
 
 .work-bx .work-content p {
   font-size: 14px;
   line-height: 24px;
   font-weight: 500;
   margin-bottom: 30px;
 }
 
 .work-bx .btn {
   font-weight: 600;
 }
 
 .work-bx.active:after,
 .work-bx:hover:after {
   height: 100%;
   top: auto;
   bottom: 0;
   transform-origin: bottom;
   -moz-transform-origin: bottom;
   -ms-transform-origin: bottom;
   -webkit-transform-origin: bottom;
   -o-transform-origin: bottom;
   animation-duration: 0.5s;
 }
 
 .work-bx.active .work-num-bx,
 .work-bx:hover .work-num-bx {
   text-shadow: 0 10px 0 #f38f5e;
   -webkit-text-stroke: 2px #fff;
 }
 
 .work-bx.active .work-content p,
 .work-bx.active .work-content .title,
 .work-bx:hover .work-content p,
 .work-bx:hover .work-content .title {
   color: #fff !important;
 }
 
 .work-bx.active .btn,
 .work-bx:hover .btn {
   background-color: #fff;
   border-color: #fff;
   color: #f17732;
 }
 
 .work-bx.active .btn .btn-icon-bx,
 .work-bx:hover .btn .btn-icon-bx {
   background-color: #f17732;
   color: #fff;
 }
 
 /* ==================
     8.1 About Us
 =================== */
 .about-area .pt-img1 {
   bottom: 20%;
   right: 16%;
 }
 
 @media only screen and (max-width: 1380px) {
   .about-area .pt-img1 {
     right: 100px;
   }
 }
 
 .about-area .pt-img2 {
   bottom: 5%;
   left: 25%;
 }
 
 .about-area .pt-img3 {
   top: 30%;
   left: 7%;
 }
 
 .about-area .pt-img4 {
   bottom: 10%;
   left: 1%;
 }
 
 .about-area .pt-img5 {
   top: 25%;
   right: 5%;
 }
 
 @media only screen and (max-width: 1380px) {
   .about-area .pt-img5 {
     right: 35px;
   }
 }
 
 .about-thumb-area {
   margin-left: 30px;
   position: relative;
 }
 
 .about-thumb-area ul {
   display: flex;
   flex-wrap: wrap;
   margin: 0 -20px;
 }
 
 .about-thumb-area ul li {
   display: inline-flex;
   padding: 0 10px;
   margin-bottom: 20px;
 }
 
 .about-thumb-area ul li:nth-child(1),
 .about-thumb-area ul li:nth-child(3) {
   width: 45%;
 }
 
 .about-thumb-area ul li:nth-child(2),
 .about-thumb-area ul li:nth-child(4) {
   width: 55%;
 }
 
 .about-thumb-area .about-thumb1 {
   border-radius: 60px 0 60px 60px;
   margin-top: auto;
   margin-right: auto;
 }
 
 .about-thumb-area .about-thumb2 {
   border-radius: 0 60px 60px 60px;
   margin-top: auto;
   margin-left: auto;
 }
 
 .about-thumb-area .about-thumb3 {
   border-radius: 60px 60px 0 60px;
   margin-bottom: auto;
   margin-right: auto;
 }
 
 .about-thumb-area .exp-bx {
   background-color: #e6e7ff;
   border-radius: 60px 60px 60px 0px;
   padding: 60px 0px 30px;
   text-align: center;
   line-height: 75px;
   font-size: 120px;
   font-weight: 800;
   position: relative;
   display: block;
   color: #565acf;
   z-index: 2;
   width: 220px;
 }
 
 .about-thumb-area .exp-bx span {
   display: block;
   font-size: 18px;
   color: #1f2278;
 }
 
 .about-thumb-area .exp-bx:after {
   content: "";
   position: absolute;
   top: 10px;
   right: 10px;
   width: 100%;
   height: 100%;
   border: 2px solid #565acf;
   border-radius: 60px 60px 60px 0px;
   z-index: -1;
 }
 
 .about-thumb-area:after {
   content: "";
   position: absolute;
   top: 49%;
   right: 40%;
   width: 50px;
   height: 50px;
   background-color: #f17732;
   border-radius: 15px;
   transform: rotate(-45deg);
 }
 
 @media only screen and (max-width: 1199px) {
   .about-thumb-area {
     margin-left: 0;
   }
 }
 
 @media only screen and (max-width: 991px) {
   .about-thumb-area:after {
     top: 51%;
     right: 41%;
   }
 }
 
 @media only screen and (max-width: 767px) {
   .about-thumb-area:after {
     top: 48%;
     right: 40%;
   }
 }
 
 @media only screen and (max-width: 575px) {
   .about-thumb-area {
     margin: 0 15px;
   }
 
   .about-thumb-area ul {
     margin: 0 -10px;
   }
 
   .about-thumb-area ul li {
     padding: 0 5px;
     margin-bottom: 10px;
   }
 
   .about-thumb-area .about-thumb2 {
     border-radius: 0 30px 30px 30px;
   }
 
   .about-thumb-area .about-thumb3 {
     border-radius: 30px 30px 0 30px;
   }
 
   .about-thumb-area .about-thumb1 {
     border-radius: 30px 0 30px 30px;
   }
 
   .about-thumb-area .exp-bx {
     padding: 50px 0px 20px;
     border-radius: 30px 30px 30px 0px;
     line-height: 55px;
     font-size: 70px;
     width: 85%;
   }
 
   .about-thumb-area .exp-bx:after {
     border-radius: 30px 30px 30px 0px;
     top: 8px;
     right: 8px;
   }
 
   .about-thumb-area .exp-bx span {
     font-size: 12px;
   }
 
   .about-thumb-area:after {
     top: 43%;
     right: 41%;
     width: 25px;
     height: 25px;
     border-radius: 5px;
   }
 }
 
 /* ==================
     8.4 Appointment
 =================== */
 .account-wraper1 {
   padding-bottom: 100px;
 }
 
 .account-wraper1 .appointment-inner {
   background-color: #f5f5fc;
   border-radius: 40px;
   position: relative;
   z-index: 1;
 }
 
 @media only screen and (max-width: 767px) {
   .account-wraper1 {
     background-color: #f5f5fc;
   }
 }
 
 .account-wraper1 .pt-img1 {
   top: 100px;
   right: 70px;
 }
 
 @media only screen and (max-width: 991px) {
   .account-wraper1 .pt-img1 {
     top: 190px;
     right: 10px;
   }
 }
 
 @media only screen and (max-width: 1199px) {
   .account-wraper1 .pt-img1 {
     top: 50px;
     right: 50px;
   }
 }
 
 .account-wraper1 .pt-img2 {
   right: -90px;
   bottom: 150px;
 }
 
 @media only screen and (max-width: 991px) {
   .account-wraper1 .pt-img2 {
     right: -60px;
     bottom: 50px;
   }
 }
 
 @media only screen and (max-width: 1199px) {
   .account-wraper1 .pt-img2 {
     right: -60px;
     bottom: -40px;
   }
 }
 
 .account-wraper1 .pt-img3 {
   left: -70px;
   top: 50px;
 }
 
 @media only screen and (max-width: 1680px) {
   .account-wraper1 .pt-img3 {
     left: 20px;
     top: -30px;
   }
 }
 
 .account-wraper1 .pt-img4 {
   left: -40px;
   bottom: 150px;
 }
 
 @media only screen and (max-width: 1680px) {
   .account-wraper1 .pt-img4 {
     left: 30px;
     bottom: -30px;
   }
 }
 
 @media only screen and (max-width: 1199px) {
   .account-wraper1 {
     padding-bottom: 70px;
   }
 }
 
 @media only screen and (max-width: 991px) {
   .account-wraper1 {
     padding-bottom: 50px;
   }
 }
 
 @media only screen and (max-width: 767px) {
   .account-wraper1 {
     padding-bottom: 0;
   }
 }
 
 @media only screen and (max-width: 575px) {
 
   .account-wraper1 .container-fluid,
   .account-wraper1 .container-sm,
   .account-wraper1 .container-md,
   .account-wraper1 .container-lg,
   .account-wraper1 .container-xl {
     padding-right: 0;
     padding-left: 0;
   }
 }
 
 .form-wraper .form-group {
   margin-bottom: 20px;
 }
 
 .form-wraper .form-select.bootstrap-select {
   padding: 0;
   border: 0;
 }
 
 .form-wraper .form-select.bootstrap-select .dropdown-toggle {
   border: 1px solid;
   border-color: rgba(86, 90, 207, 0.3);
   border-radius: 8px;
   height: 60px;
   font-weight: 500;
   font-size: 16px;
   color: #444;
   padding: 18px 25px;
   margin-top: 0;
 }
 
 .form-wraper .form-select.bootstrap-select .dropdown-toggle:after {
   content: "\f107";
   position: absolute;
   top: 50%;
   font-family: 'Line Awesome Free';
   left: 20px;
   font-weight: 900;
   border: 0;
   transform: translateY(-50%);
   color: #9a9ccc;
 }
 
 .form-wraper .form-select.bootstrap-select .dropdown-menu {
   box-shadow: 0 2px 20px rgba(0, 0, 0, 0.1);
 }
 
 .form-wraper .form-select.bootstrap-select .dropdown-menu .dropdown-item {
   padding: 10px 25px;
   font-size: 14px;
   font-weight: 600;
   color: #1f2278;
   -webkit-transition: all 0.5s;
   -ms-transition: all 0.5s;
   transition: all 0.5s;
 }
 
 .form-wraper .form-select.bootstrap-select .dropdown-menu .dropdown-item:hover {
   background-color: #565acf;
   color: #fff;
 }
 
 .form-wraper .form-select.bootstrap-select .dropdown-item.active.selected {
   color: #fff;
 }
 
 .form-wraper .form-select.bootstrap-select .dropdown-item.active.selected:hover {
   background-color: #565acf;
 }
 
 .form-wraper .form-control {
   border: 1px solid;
   border-color: rgba(86, 90, 207, 0.3);
   border-radius: 8px;
   height: 60px;
   font-weight: 500;
   font-size: 16px;
   color: #000;
 }
 
 .form-wraper .form-control:active,
 .form-wraper .form-control:focus,
 .form-wraper .form-control:hover {
   border-color: #565acf;
 }
 
 .form-wraper .form-control::-webkit-input-placeholder {
   color: #444;
 }
 
 .form-wraper .form-control:-ms-input-placeholder {
   color: #444;
 }
 
 .form-wraper .form-control::placeholder {
   color: #444;
 }
 
 .form-wraper textarea.form-control {
   height: 150px;
 }
 
 @media only screen and (max-width: 991px) {
   .form-wraper .form-group {
     margin-bottom: 15px;
   }
 }
 
 .appointment-form {
   background-color: #fff;
   box-shadow: 0px 10px 60px 0px rgba(31, 34, 120, 0.1);
   border-radius: 40px;
   padding: 40px 35px;
   text-align: center;
   position: relative;
 }
 
 .appointment-form .title {
   margin-bottom: 30px;
 }
 
 .appointment-form button {
   margin-top: 15px;
 }
 
 .appointment-form:after {
   content: "";
   position: absolute;
   top: -20px;
   right: -20px;
   border-radius: 40px;
   width: 100%;
   height: 100%;
   border: 2px solid #565acf;
   z-index: -1;
 }
 
 @media only screen and (max-width: 1380px) {
   .appointment-form {
     margin-right: 50px;
   }
 }
 
 @media only screen and (max-width: 991px) {
   .appointment-form {
     margin-right: 20px;
     padding: 30px;
     border-radius: 20px;
   }
 
   .appointment-form:after {
     top: -15px;
     right: -15px;
     border-radius: 20px;
   }
 
   .appointment-form .title {
     margin-bottom: 20px;
     font-size: 20px;
   }
 
   .appointment-form .form-group {
     margin-bottom: 15px;
   }
 
   .appointment-form button {
     margin-top: 5px;
   }
 }
 
 @media only screen and (max-width: 575px) {
   .appointment-form {
     margin-right: 10px;
     border-radius: 20px;
     padding: 20px;
   }
 
   .appointment-form .form-control {
     height: 50px;
     font-size: 14px;
     padding: 12px 18px;
   }
 
   .appointment-form .form-select.bootstrap-select .dropdown-toggle {
     height: 50px;
     font-size: 14px;
     padding: 15px 18px;
   }
 
   .appointment-form:after {
     top: -10px;
     right: -10px;
     border-radius: 20px;
   }
 }
 
 .appointment-thumb {
   position: relative;
   width: 730px;
   margin-right: 70px;
 }
 
 .appointment-thumb .images-group img {
   position: absolute;
 }
 
 .appointment-thumb .images-group .img1 {
   left: 16px;
   bottom: 16px;
   height: 530px;
   -webkit-animation: left-right 2s infinite alternate;
   animation: left-right 2s infinite alternate;
 }
 
 @media only screen and (max-width: 1199px) {
   .appointment-thumb .images-group .img1 {
     left: 10px;
     bottom: 14px;
     height: 430px;
   }
 }
 
 .appointment-thumb .images-group .img2 {
   right: 80px;
   bottom: 255px;
   width: 130px;
   -webkit-animation: up-down 2s infinite alternate;
   animation: up-down 2.3s infinite alternate;
 }
 
 @media only screen and (max-width: 1199px) {
   .appointment-thumb .images-group .img2 {
     right: 60px;
     bottom: 200px;
     width: 100px;
   }
 }
 
 .appointment-thumb .images-group .img3 {
   left: 260px;
   bottom: 120px;
   width: 94px;
   -webkit-animation: up-down 2.5s infinite alternate;
   animation: up-down 2.5s infinite alternate;
 }
 
 @media only screen and (max-width: 1199px) {
   .appointment-thumb .images-group .img3 {
     left: 166px;
     bottom: 90px;
     width: 85px;
   }
 }
 
 .appointment-thumb .images-group .img4 {
   right: 20px;
   top: 150px;
   -webkit-animation: up-down 1.5s infinite alternate;
   animation: up-down 1.5s infinite alternate;
 }
 
 @media only screen and (max-width: 1199px) {
   .appointment-thumb .images-group .img4 {
     right: 10px;
     top: 80px;
   }
 }
 
 .appointment-thumb .images-group .img5 {
   left: 70px;
   top: 30px;
   -webkit-animation: up-down 2s infinite alternate;
   animation: up-down 2s infinite alternate;
 }
 
 @media only screen and (max-width: 1380px) {
   .appointment-thumb .images-group .img1 {
     height: 400px;
     left: 20px;
   }
 
   .appointment-thumb .images-group .img2 {
     right: 93px;
     width: 80px;
     bottom: 240px;
   }
 
   .appointment-thumb .images-group .img3 {
     left: 225px;
     width: 70px;
   }
 
   .appointment-thumb .images-group .img4 {
     right: 40px;
     width: 50px;
   }
 
   .appointment-thumb .images-group .img5 {
     left: 80px;
     width: 80px;
   }
 }
 
 @media only screen and (max-width: 1199px) {
   .appointment-thumb .images-group .img1 {
     height: 280px;
   }
 
   .appointment-thumb .images-group .img2 {
     right: 62px;
     width: 60px;
     bottom: 170px;
   }
 
   .appointment-thumb .images-group .img3 {
     left: 154px;
     width: 50px;
   }
 
   .appointment-thumb .images-group .img4 {
     right: 20px;
     width: 40px;
   }
 
   .appointment-thumb .images-group .img5 {
     left: 70px;
     width: 70px;
     top: 60px;
   }
 }
 
 @media only screen and (max-width: 991px) {
   .appointment-thumb .images-group .img1 {
     height: 180px;
   }
 
   .appointment-thumb .images-group .img2 {
     right: 39px;
     width: 50px;
     bottom: 110px;
   }
 
   .appointment-thumb .images-group .img3 {
     left: 110px;
     width: 40px;
   }
 
   .appointment-thumb .images-group .img4 {
     right: 15px;
     width: 30px;
   }
 
   .appointment-thumb .images-group .img5 {
     left: 30px;
     width: 60px;
     top: 40px;
   }
 }
 
 @media only screen and (max-width: 1380px) {
   .appointment-thumb {
     width: 650px;
     margin-right: 0;
   }
 }
 
 @media only screen and (max-width: 1199px) {
   .appointment-thumb {
     width: 100%;
     padding-right: 0;
   }
 }
 
 @media only screen and (max-width: 767px) {
   .appointment-thumb {
     width: 320px;
     margin: 30px auto 0;
   }
 }
 
 .account-wraper2 {
   height: 100vh;
   display: flex;
   align-items: center;
   background-color: #f5f5fc;
 }
 
 .account-wraper2 .appointment-form {
   padding: 50px 40px;
 }
 
 .account-wraper2 .appointment-form button {
   margin-top: 0;
 }
 
 .account-wraper2 .logo {
   margin-bottom: 30px;
 }
 
 @media only screen and (max-width: 767px) {
   .account-wraper2 .appointment-form {
     padding: 30px;
   }
 }
 
 /* ==================
     8.5 Blog & News
 =================== */
 .blog-card {
   border: 2px solid rgba(86, 90, 207, 0.2);
   background-color: #fff;
   border-radius: 10px;
   -webkit-transition: all 0.5s;
   -ms-transition: all 0.5s;
   transition: all 0.5s;
   padding: 20px;
 }
 
 .blog-card .post-media {
   border-radius: 6px;
   overflow: hidden;
   margin-bottom: 20px;
 }
 
 .blog-card .post-media img {
   width: 100%;
 }
 
 .blog-card .post-title {
   margin-bottom: 25px;
 }
 
 .blog-card .post-info {
   padding: 12px;
 }
 
 @media only screen and (max-width: 991px) {
   .blog-card {
     padding: 15px;
   }
 
   .blog-card .post-info {
     padding: 5px 5px 10px;
   }
 }
 
 @media only screen and (max-width: 575px) {
   .blog-card {
     padding: 10px;
   }
 
   .blog-card .post-title {
     margin-bottom: 20px;
   }
 }
 
 .blog-card:hover {
   box-shadow: 0px 10px 30px 0px rgba(31, 34, 120, 0.1);
   border: 2px solid #fff;
 }
 
 .post-meta {
   align-items: center;
   margin-bottom: 15px;
   display: flex;
   flex-wrap: wrap;
 }
 
 .post-meta li {
   display: inline-block;
   position: relative;
   font-size: 14px;
   margin-left: 20px;
   color: #f17732;
   line-height: 1;
 }
 
 .post-meta li:last-child {
   margin-left: 0;
 }
 
 .post-meta li.author a {
   display: flex;
   align-items: center;
 }
 
 .post-meta li img {
   border-radius: 30px;
   height: 30px;
   width: 30px;
   display: inline-block;
   margin-left: 10px;
 }
 
 .post-meta li i {
   font-size: 18px;
   margin-left: 5px;
 }
 
 .post-meta li a {
   color: #f17732;
 }
 
 .blog-slide {
   margin-top: -15px;
 }
 
 .blog-slide .blog-card {
   margin: 15px;
 }
 
 @media only screen and (min-width: 1199px) {
   .blog-slide .swiper-slide-prev .blog-card {
     box-shadow: 0px 10px 30px 0px rgba(31, 34, 120, 0.1);
     border: 2px solid #fff;
   }
 }
 
 .blog-slide .swiper-slide {
   margin-bottom: 10px;
 }
 
 @media only screen and (max-width: 575px) {
   .blog-slide .blog-card {
     margin: 5px;
   }
 }
 
 .blog-area .pt-img1 {
   top: 200px;
   right: 100px;
 }
 
 @media only screen and (max-width: 991px) {
   .blog-area .pt-img1 {
     top: 170px;
     right: 30px;
   }
 }
 
 .blog-area .pt-img2 {
   bottom: 50px;
   right: 150px;
 }
 
 @media only screen and (max-width: 991px) {
   .blog-area .pt-img2 {
     bottom: -50px;
     right: 90px;
   }
 }
 
 .blog-area .pt-img3 {
   top: 120px;
   left: 200px;
 }
 
 @media only screen and (max-width: 991px) {
   .blog-area .pt-img3 {
     top: 100px;
     left: 20px;
   }
 }
 
 .blog-area .pt-img4 {
   bottom: 40px;
   left: 100px;
 }
 
 @media only screen and (max-width: 991px) {
   .blog-area .pt-img4 {
     bottom: 30px;
     left: 50px;
   }
 }
 
 .blog-area .blog-bg-5 {
   position: absolute;
   top: 60px;
   right: 0;
   z-index: -1;
   opacity: 0.2;
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
 }
 
 .blog-area .blog-bg-5 svg {
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
 }
 
 /* ==================
     8.15 Pattern
 =================== */
 [class*="pt-img"] {
   position: absolute;
   user-select: none;
   z-index: -1;
 }
 
 @media only screen and (max-width: 767px) {
   [class*="pt-img"] {
     display: none;
   }
 }
 
 .animate1 {
   -webkit-animation: up-down 1.5s infinite alternate;
   animation: up-down 1.5s infinite alternate;
 }
 
 @media only screen and (max-width: 1380px) {
   .animate1 {
     width: 80px;
   }
 }
 
 .animate2 {
   -webkit-animation: up-down 2s infinite alternate;
   animation: up-down 2s infinite alternate;
 }
 
 .animate-rotate {
   -webkit-animation: rotation 20s infinite linear;
   animation: rotation 20s infinite linear;
 }
 
 .animate-wave {
   -webkit-animation: left-right 1.5s infinite alternate;
   animation: left-right 1.5s infinite alternate;
 }
 
 @media only screen and (max-width: 1380px) {
   .animate-wave {
     width: 100px;
   }
 }
 
 @-webkit-keyframes rotation {
   0% {
     -webkit-transform: rotate(0deg);
   }
 
   100% {
     -webkit-transform: rotate(-360deg);
   }
 }
 
 @keyframes rotation {
   0% {
     transform: rotate(0deg);
   }
 
   100% {
     transform: rotate(-360deg);
   }
 }
 
 @-webkit-keyframes move {
   0% {
     -webkit-transform: translate(0);
     transform: translate(0);
   }
 
   25% {
     -webkit-transform: translate(-10px, 10px);
     transform: translate(-10px, 10px);
   }
 
   50% {
     -webkit-transform: translate(-5px, 5px);
     transform: translate(-5px, 5px);
   }
 
   75% {
     -webkit-transform: translate(-10px, -5px);
     transform: translate(-10px, -5px);
   }
 
   100% {
     -webkit-transform: translate(0);
     transform: translate(0);
   }
 }
 
 @-webkit-keyframes up-down {
   0% {
     transform: translatey(0);
   }
 
   100% {
     transform: translatey(-10px);
   }
 }
 
 @keyframes up-down {
   0% {
     transform: translatey(0);
   }
 
   100% {
     transform: translatey(-10px);
   }
 }
 
 @-webkit-keyframes left-right {
   0% {
     transform: translateX(0);
   }
 
   100% {
     transform: translateX(10px);
   }
 }
 
 @keyframes left-right {
   0% {
     transform: translateX(0);
   }
 
   100% {
     transform: translateX(10px);
   }
 }
 
 @keyframes vibrate {
 
   10%,
   90% {
     transform: translate3d(1px, 0, 0);
   }
 
   20%,
   80% {
     transform: translate3d(-2px, 0, 0);
   }
 
   30%,
   50%,
   70% {
     transform: translate3d(4px, 0, 0);
   }
 
   40%,
   60% {
     transform: translate3d(-4px, 0, 0);
   }
 }
 
 @keyframes up-down2 {
   0% {
     transform: translate(50px);
   }
 
   50% {
     transform: translateX(-80px) translateY(-200px);
   }
 
   100% {
     transform: translate(50px);
   }
 }
 
 /* ==================
     8.21 Team
 =================== */
 .team-member {
   background-color: #fff;
   text-align: center;
   padding: 35px 40px 50px;
   border-radius: 20px;
   -webkit-transition: all 0.5s;
   -ms-transition: all 0.5s;
   transition: all 0.5s;
   z-index: 1;
   position: relative;
   border: 2px solid;
   border-color: rgba(86, 90, 207, 0.2);
 }
 
 .team-member .team-info .team-info-comntent {
   margin-bottom: 25px;
 }
 
 .team-member .team-info .team-info-comntent span {
   font-size: 16px;
   font-weight: 600;
 }
 
 .team-member .team-media {
   padding: 20%;
   position: relative;
   margin-bottom: 20px;
 }
 
 .team-member .team-media img {
   -webkit-mask-image: url(/modules/website/images/team/shape3.png);
   mask-image: url(/modules/website/images/team/shape3.png);
   -webkit-mask-position: center center;
   mask-position: center center;
   -webkit-mask-repeat: no-repeat;
   mask-repeat: no-repeat;
   -webkit-mask-size: 100%;
   mask-size: 100%;
 }
 
 .team-member .team-media:after,
 .team-member .team-media:before {
   content: "";
   position: absolute;
   z-index: -1;
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-position: center;
   -webkit-transition: all 0.5s;
   -ms-transition: all 0.5s;
   transition: all 0.5s;
   opacity: 0.2;
   transform: translate(50%, -50%);
   top: 50%;
   right: 50%;
 }
 
 .team-member .team-media:after {
   background-image: url(/modules/website/images/team/shape1.png);
   background-size: 100%;
 }
 
 .team-member .team-media:before {
   background-image: url(/modules/website/images/team/shape2.png);
   background-size: 77%;
 }
 
 .team-member .social-media {
   display: flex;
   justify-content: center;
   margin: 0 -6px;
 }
 
 .team-member .social-media li {
   display: inline-block;
   padding: 0 6px;
 }
 
 .team-member .social-media li a {
   display: block;
   height: 40px;
   width: 40px;
   background-color: #565acf;
   border-radius: 8px;
   -webkit-transition: all 0.5s;
   -ms-transition: all 0.5s;
   transition: all 0.5s;
   color: #fff;
   line-height: 42px;
   text-align: center;
   box-shadow: 0px 10px 40px 0px rgba(31, 34, 120, 0.1);
 }
 
 .team-member.active,
 .team-member:hover {
   box-shadow: 0px 10px 50px 0px rgba(0, 2, 72, 0.1);
   z-index: 9;
   border-color: #fff;
 }
 
 .team-member.active .team-media:before,
 .team-member.active .team-media:after,
 .team-member:hover .team-media:before,
 .team-member:hover .team-media:after {
   opacity: 1;
 }
 
 @media only screen and (max-width: 767px) {
   .team-member {
     padding: 20px 30px 30px;
   }
 }
 
 .team-wraper .pt-img1 {
   top: 15%;
   right: 10%;
 }
 
 .team-wraper .pt-img2 {
   bottom: 30%;
   right: 5%;
 }
 
 @media only screen and (max-width: 1380px) {
   .team-wraper .pt-img2 {
     right: 1%;
   }
 }
 
 .team-wraper .pt-img3 {
   bottom: -50px;
   right: 58%;
 }
 
 .team-wraper .pt-img4 {
   top: 10%;
   left: 25%;
 }
 
 .team-wraper .pt-img5 {
   top: 50%;
   left: 5%;
 }
 
 @media only screen and (max-width: 1380px) {
   .team-wraper .pt-img5 {
     left: 1%;
   }
 }
 
 /* ==================
     8.19 Service Menu
 =================== */
 .service-menu {
   position: relative;
   background-color: #fff;
   border-radius: 6px 6px 4px 4px !important;
   padding: 30px 30px;
   box-shadow: 0px 10px 30px 0 rgba(0, 0, 0, 0.06);
   border: 1px solid rgba(86, 90, 207, 0.2);
   border-width: 1px 1px 3px 1px;
   border-bottom-color: #565acf;
 }
 
 .service-menu li {
   margin-bottom: 10px;
 }
 
 .service-menu li a {
   display: block;
   padding: 15px 20px 15px 50px;
   text-transform: capitalize;
   font-weight: 600;
   position: relative;
   z-index: 1;
   -webkit-transition: all 0.5s;
   -ms-transition: all 0.5s;
   transition: all 0.5s;
   color: #fff;
   font-weight: 500;
   font-size: 16px;
   border-radius: 8px;
   background-color: #565acf;
 }
 
 .service-menu li a i {
   font-size: 18px;
   text-align: center;
   border-radius: 35px;
   position: absolute;
   left: 8px;
   top: 8px;
   width: 38px;
   height: 38px;
   line-height: 38px;
   background: #fff;
   border-radius: inherit;
   display: inline-block;
   color: #565acf;
 }
 
 .service-menu li:last-child {
   margin-bottom: 0;
 }
 
 .service-menu li.active a,
 .service-menu li:hover a {
   background-color: #f17732;
 }
 
 .service-menu li.active a i,
 .service-menu li:hover a i {
   color: #f17732;
 }
 
 .service-menu.style-1 li a i {
   font-size: 24px;
 }
 
 @media only screen and (max-width: 1199px) {
   .service-menu {
     padding: 15px;
   }
 }
 
 .left-border-1 {
   padding-right: 30px;
   border-right: 1px solid rgba(0, 0, 0, 0.1);
 }
 
 .contact-infolist {
   margin: 0 0 40px;
   padding: 25px 0 5px;
   list-style: none;
   border-top: 1px solid rgba(0, 0, 0, 0.1);
   border-bottom: 1px solid rgba(0, 0, 0, 0.1);
 }
 
 .contact-infolist li {
   position: relative;
   padding: 0 80px 20px 20px;
 }
 
 .contact-infolist li img {
   position: absolute;
   right: 0;
   top: 10px;
   width: 60px;
 }
 
 .contact-infolist li .contact-title {
   color: #020d26;
   font-size: 20px;
   line-height: 28px;
   font-weight: 600;
   margin-bottom: 2px;
 }
 
 .contact-infolist li a,
 .contact-infolist li p {
   font-size: 16px;
   line-height: 24px;
   color: #555;
   font-weight: 400;
   margin-bottom: 5px;
 }
 
 /* ==================
     8.17 Back To Top
 =================== */
 button.back-to-top {
   border-style: solid;
   border-width: 0;
   bottom: 15px;
   box-shadow: 0px 10px 30px 0px rgba(31, 34, 120, 0.1);
   color: #fff;
   background-color: #565acf;
   border-radius: 8px;
   cursor: pointer;
   display: none;
   height: 45px;
   margin: 0;
   position: fixed;
   left: 15px;
   text-align: center;
   width: 45px;
   z-index: 999;
   padding: 0;
   font-size: 12px;
 }
 
 @media only screen and (max-width: 575px) {
   button.back-to-top {
     height: 35px;
     width: 35px;
   }
 }
 
 /* ==================
     10. Pages
 =================== */
 /* ==================
     10.1 Index
 =================== */
 .mfp-bg {
   z-index: 999999;
 }
 
 .mfp-wrap {
   z-index: 9999999;
 }
 
 .service-wraper {
   position: relative;
   z-index: 1;
   overflow: hidden;
   padding-right: calc((100% - 1200px) / 2);
 }
 
 .service-wraper:after {
   content: "";
   background-color: #565acf;
   height: 100%;
   width: 45%;
   position: absolute;
   left: 0;
   top: 0;
   z-index: -1;
   border-radius: 0 40px 40px 0;
 }
 
 .service-wraper .pt-img1 {
   top: 60px;
   right: 80px;
   opacity: 0.2;
 }
 
 @media only screen and (max-width: 991px) {
   .service-wraper .pt-img1 {
     top: 10px;
     right: 80px;
   }
 }
 
 @media only screen and (max-width: 1199px) {
   .service-wraper .pt-img1 {
     top: 20px;
     right: 80px;
   }
 }
 
 .service-wraper .pt-img2 {
   bottom: 150px;
   right: 140px;
 }
 
 @media only screen and (max-width: 1380px) {
   .service-wraper .pt-img2 {
     bottom: 50px;
     right: 150px;
   }
 }
 
 .service-wraper .pt-img3 {
   bottom: 60px;
   right: 50%;
 }
 
 @media only screen and (max-width: 991px) {
   .service-wraper .pt-img3 {
     display: none;
   }
 }
 
 .service-wraper .pt-img4 {
   top: 10px;
   right: 40%;
 }
 
 .service-wraper .feature-container {
   margin: 15px;
 }
 
 .service-wraper .swiper-container {
   margin-left: -100px;
 }
 
 @media only screen and (max-width: 1380px) {
   .service-wraper {
     padding-right: 30px;
     padding-left: 30px;
   }
 }
 
 @media only screen and (max-width: 1199px) {
   .service-wraper .swiper-container {
     margin-left: -15px;
     margin-right: -15px;
   }
 }
 
 @media only screen and (max-width: 991px) {
   .service-wraper:after {
     width: 100%;
     border-radius: 0;
   }
 
   .service-wraper .heading-bx .title,
   .service-wraper .heading-bx p {
     color: #fff;
   }
 }
 
 @media only screen and (max-width: 767px) {
   .service-wraper {
     padding-right: 15px;
     padding-left: 15px;
   }
 }
 
 .service-wraper2 {
   background-color: rgba(86, 90, 207, 0.1);
 }
 
 .contact-banner .page-banner-entry {
   padding-bottom: 140px;
 }
 
 .contact-wraper {
   background-color: #fff;
   box-shadow: 0px 10px 60px 0px rgba(31, 34, 120, 0.1);
   border-radius: 40px;
   padding: 70px 50px 40px;
   position: relative;
   margin-top: -150px;
 }
 
 .contact-wraper .contact-form .form-group {
   margin-bottom: 30px;
 }
 
 @media only screen and (max-width: 575px) {
   .contact-wraper .contact-form .form-group {
     margin-bottom: 20px;
   }
 }
 
 @media only screen and (max-width: 1199px) {
   .contact-wraper {
     padding: 50px 40px 20px;
   }
 }
 
 @media only screen and (max-width: 575px) {
   .contact-wraper {
     padding: 30px 30px 0px;
     border-radius: 20px;
   }
 }
 
 .contact-info {
   padding: 50px 50px 30px;
   color: #fff;
   overflow: hidden;
   border-radius: 8px;
   height: 100%;
   display: flex;
   flex-direction: column;
   justify-content: center;
   margin-right: 50px;
 }
 
 .contact-info .info-inner {
   position: relative;
   z-index: 1;
 }
 
 .contact-info .info-inner .title {
   color: #fff;
 }
 
 .contact-info .social-media li {
   display: inline-block;
 }
 
 .contact-info .social-media li a {
   color: #565acf;
   background-color: #fff;
 }
 
 .contact-info .icon-box {
   margin-left: 100px;
   margin-bottom: 30px;
 }
 
 .contact-info .icon-box p {
   font-size: 14px;
 }
 
 .contact-info .icon-box .title {
   margin-bottom: 12px;
   border-bottom: 2px solid rgba(255, 255, 255, 0.2);
   padding-bottom: 10px;
   display: flex;
   align-items: center;
   text-transform: capitalize;
   font-size: 18px;
   font-weight: 600;
 }
 
 .contact-info .icon-box .title i {
   font-size: 24px;
   margin-left: 10px;
   color: #fff;
 }
 
 @media only screen and (max-width: 1199px) {
   .contact-info {
     margin-right: 0;
   }
 }
 
 @media only screen and (max-width: 575px) {
   .contact-info {
     padding: 30px 30px 0px;
   }
 
   .contact-info .icon-box {
     margin-left: 0;
   }
 }
 
 @media only screen and (max-width: 575px) {
 
   #rc-imageselect,
   .g-recaptcha {
     transform-origin: 100% 0;
     -moz-transform-origin: 100% 0;
     -o-transform-origin: 100% 0;
     -webkit-transform-origin: 100% 0;
     transform: scale(0.8);
     -moz-transform: scale(0.8);
     -o-transform: scale(0.8);
     -webkit-transform: scale(0.8);
     margin-bottom: -15px;
   }
 }
 
 .social-media li {
   display: inline-block;
 }
 
 .social-media li a {
   display: block;
   height: 40px;
   width: 40px;
   line-height: 40px;
   background-color: #565acf;
   color: #fff;
   text-align: center;
   border-radius: 8px;
   box-shadow: 0px 10px 40px 0px rgba(31, 34, 120, 0.1);
   font-size: 16px;
   -webkit-transition: all 0.5s;
   -ms-transition: all 0.5s;
   transition: all 0.5s;
 }
 
 .social-media li a:hover {
   background-color: #f17732;
 }
 
 .skillbar-box .title {
   margin-bottom: 0;
 }
 
 .skillbar-box .skillbar {
   position: relative;
   display: inline-block;
   background: rgba(0, 0, 0, 0.15);
   height: 6px;
   width: 100%;
   text-align: right;
   border-radius: 10px;
 }
 
 .skillbar-box .skillbar-bar {
   height: 6px;
   border-radius: 10px;
   width: 0px;
   background: #565acf;
   display: inline-block;
   position: absolute;
   top: 0;
   margin-bottom: 0px;
   overflow: unset !important;
 }
 
 .skillbar-box .skillbar-bar:after {
   content: "";
   border-radius: 15px;
   background: #fff;
   width: 20px;
   height: 20px;
   position: absolute;
   left: -5px;
   border: 3px solid #565acf;
   top: -8px;
 }
 
 .skillbar-box .skill-bar-percent {
   position: absolute;
   top: -35px;
   left: 0;
   color: #565acf;
   font-weight: 700;
   font-size: 16px;
 }
 
 .skillbar-box .skill-bar-text {
   top: -22px;
   position: absolute;
 }
 
 .skillbar-box .skillbar-bar-main {
   padding: 30px 30px 20px 30px;
   border: 1px solid rgba(0, 0, 0, 0.1);
   background: #f3f3f3;
 }
 
 .skillbar-box .skillbar-box {
   margin-bottom: 25px;
 }
 
 .skillbar-box .skillbar-bar-main.white .title {
   color: #fff;
 }
 
 .skillbar-box .skillbar-bar-main.white .skillbar {
   background: rgba(255, 255, 255, 0.15);
 }
 
 .skillbar-box .skillbar-bar-main.white .skillbar-bar {
   background: #f17732;
 }
 
 .skillbar-box .skillbar-bar-main.white .skill-bar-percent {
   color: #f17732;
 }
 
 /* ==================
     10.3 Service
 =================== */
 .help-bx {
   position: relative;
   border-radius: 8px;
   overflow: hidden;
 }
 
 .help-bx .info {
   padding: 70px 50px;
   text-align: center;
   z-index: 1;
   background-color: rgba(86, 90, 207, 0.9);
   right: 0;
   top: 0;
   width: 100%;
   height: 100%;
 }
 
 .help-bx .info img {
   max-width: 60px;
   margin-bottom: 20px;
 }
 
 .help-bx .title {
   color: #fff;
   margin-bottom: 15px;
 }
 
 .help-bx p {
   font-size: 16px;
   line-height: 24px;
   margin-bottom: 30px;
   color: #fff;
 }
 
 .brochure-bx {
   position: relative;
   background-color: #fff;
   border-radius: 6px 6px 4px 4px !important;
   padding: 30px 30px;
   box-shadow: 0px 10px 30px 0 rgba(0, 0, 0, 0.06);
   border: 1px solid rgba(86, 90, 207, 0.2);
   border-width: 1px 1px 3px 1px;
   border-bottom-color: #565acf;
 }
 
 .brochure-bx .title-head {
   border-bottom: 1px solid rgba(0, 0, 0, 0.15);
   padding-bottom: 8px;
   position: relative;
   margin-bottom: 30px;
 }
 
 .brochure-bx .title-head:after {
   background: #565acf;
   content: "";
   width: 30px;
   height: 3px;
   position: absolute;
   bottom: -2px;
   right: 0;
 }
 
 @media only screen and (max-width: 575px) {
   .brochure-bx {
     padding: 15px;
   }
 
   .brochure-bx .title-head {
     margin-bottom: 20px;
   }
 }
 
 .download-link {
   position: relative;
   display: block;
   padding: 15px 65px 15px 15px;
   margin-top: 20px;
   border-radius: 8px;
   background-color: #565acf;
 }
 
 .download-link .title {
   font-size: 15px;
   margin: 0;
   line-height: 22px;
   color: #fff;
 }
 
 .download-link span {
   color: #fff;
   font-size: 14px;
   line-height: 18px;
 }
 
 .download-link img {
   width: 40px;
   position: absolute;
   right: 15px;
   top: 18px;
 }
 
 @media only screen and (max-width: 575px) {
   .download-link {
     margin-top: 10px;
   }
 }
 
 .list-check-squer li {
   display: block;
   color: #1f2278;
   font-size: 20px;
   font-family: 'Roboto Condensed';
   font-weight: 500;
   position: relative;
   padding: 8px 50px 7px 15px;
   margin-bottom: 10px;
   line-height: 20px;
 }
 
 .list-check-squer li:before {
   content: "\f00c";
   font-family: 'Line Awesome Free';
   font-weight: 900;
   background-color: #565acf;
   -webkit-transition: all 0.5s;
   -ms-transition: all 0.5s;
   transition: all 0.5s;
   width: 35px;
   height: 35px;
   display: block;
   text-align: center;
   line-height: 35px;
   color: #fff;
   position: absolute;
   right: 0;
   top: 50%;
   border-radius: 4px;
   transform: translateY(-50%);
 }
 
 .list-check-squer li:hover:before {
   background-color: #f17732;
 }
 
 @media only screen and (max-width: 575px) {
   .list-check-squer li {
     font-size: 18px;
     padding: 8px 46px 7px 15px;
   }
 }
 
 /* ==================
     10.4 Error 404
 =================== */
 .error-404 .inner-content {
   text-align: center;
   max-width: 550px;
   margin: auto;
 }
 
 .error-404 .error-title {
   font-size: 180px;
   line-height: 180px;
   margin-bottom: 15px;
 }
 
 .error-404 .error-title span {
   width: 145px;
   height: 145px;
   display: inline-block;
   background-image: url(/modules/website/images/error.gif);
   background-size: 100%;
   margin: 0 10px;
 }
 
 .error-404 .error-text {
   margin-bottom: 15px;
 }
 
 .error-404 p {
   margin-bottom: 30px;
 }
 
 @media only screen and (max-width: 575px) {
   .error-404 .error-title {
     font-size: 120px;
     line-height: 120px;
   }
 
   .error-404 .error-title span {
     width: 100px;
     height: 100px;
   }
 }
 
 /* ==================
     10.2 Blog Details
 =================== */
 .blog-single {
   margin-bottom: 60px;
   box-shadow: unset;
   padding: 0;
   border: 0;
 }
 
 .blog-single .ttr-post-title {
   margin-bottom: 10px;
 }
 
 .blog-single .ttr-post-title .post-title {
   margin-bottom: 10px;
 }
 
 .blog-single .action-box {
   margin-bottom: 30px;
 }
 
 .blog-single .ttr-post-text {
   margin-top: 10px;
 }
 
 .blog-single .ttr-post-text ul {
   padding: 0;
 }
 
 .blog-single .share-post li:first-child {
   margin-left: 5px;
 }
 
 .blog-single .ttr-post-text ul li {
   padding: 5px 0;
 }
 
 .blog-single .ttr-post-footer {
   display: flex;
   align-items: center;
   border: 1px solid rgba(0, 0, 0, 0.1);
   border-width: 1px 0;
   padding: 12px 0;
   margin-top: 30px;
   justify-content: space-between;
 }
 
 .blog-single .ttr-post-footer .post-tags a {
   color: #565acf;
   font-size: 15px;
   font-weight: 600;
   text-transform: capitalize;
   margin-left: 10px;
 }
 
 .blog-single .ttr-post-footer strong {
   font-size: 15px;
   font-weight: 600;
   margin-left: 10px;
 }
 
 .blog-single .ttr-post-footer .social-media {
   margin-bottom: 0;
 }
 
 .blog-single .ttr-post-meta {
   margin-bottom: 0;
 }
 
 .blog-single .ttr-post-tags {
   margin-top: 20px;
 }
 
 .blog-single .ttr-post-media {
   border-radius: 4px;
 }
 
 @media only screen and (max-width: 767px) {
   .blog-single {
     margin-bottom: 40px;
   }
 
   .blog-single .ttr-post-footer {
     display: block;
   }
 
   .blog-single .ttr-post-footer .social-media {
     margin: 15px 0 0;
   }
 
   .blog-single .wp-block-gallery {
     margin-bottom: 5px;
   }
 }
 
 .blog-single:hover {
   box-shadow: unset;
   border: 0;
 }
 
 .comments-area {
   padding: 0;
 }
 
 .comments-area .comments-title {
   text-transform: uppercase;
   font-size: 24px;
   font-weight: 600;
   line-height: 28px;
   margin-bottom: 30px;
 }
 
 ol.comment-list {
   margin-bottom: 60px;
   list-style: none;
   padding-right: 0;
 }
 
 ol.comment-list li.comment {
   position: relative;
   padding: 0;
 }
 
 ol.comment-list li.comment .comment-body {
   margin-bottom: 30px;
   position: relative;
   background-color: #fff;
   border-radius: 6px 6px 4px 4px;
   padding: 30px 30px;
   box-shadow: 0px 10px 30px 0 rgba(0, 0, 0, 0.06);
   border: 1px solid rgba(86, 90, 207, 0.2);
   border-width: 1px 1px 3px 1px;
   border-bottom-color: #565acf;
 }
 
 ol.comment-list li.comment .comment-author {
   margin-bottom: 15px;
   display: flex;
   align-items: center;
 }
 
 ol.comment-list li.comment .comment-author .avatar {
   width: 70px;
   height: 70px;
   border-radius: 14px;
   -webkit-border-radius: 14px;
   background: #fff;
   padding: 4px;
   margin-left: 16px;
   box-shadow: 0 0 30px 0 rgba(0, 10, 105, 0.03);
 }
 
 ol.comment-list li.comment .comment-author .fn {
   display: inline-block;
   color: #1f2278;
   font-size: 20px;
   font-weight: 700;
   font-style: normal;
   margin-bottom: 5px;
   line-height: 28px;
 }
 
 ol.comment-list li.comment .comment-author .says {
   display: none;
   color: #999999;
   font-weight: 600;
 }
 
 ol.comment-list li.comment .comment-meta {
   color: #8d8d8d;
   text-transform: uppercase;
 }
 
 ol.comment-list li.comment .comment-meta a {
   color: #565acf;
   font-size: 14px;
   font-weight: 600;
   letter-spacing: 0;
   text-transform: uppercase;
 }
 
 ol.comment-list li.comment p {
   margin: 0 0 5px;
   font-size: 15px;
 }
 
 ol.comment-list li.comment .reply a {
   background: #565acf;
   padding: 6px 14px;
   border-radius: 8px;
   display: inline-block;
   margin-top: 12px;
   font-size: 12px;
   font-weight: 600;
   color: #fff;
   text-transform: uppercase;
 }
 
 ol.comment-list li.comment .reply a:hover {
   background-color: #565acf;
   color: #fff;
 }
 
 ol.comment-list li.comment .comment-respond .comment-form p {
   padding: 0 15px;
 }
 
 ol.comment-list li .children {
   list-style: none;
   margin-right: 80px;
   padding: 0;
 }
 
 ol.comment-list li .children li {
   padding: 0;
 }
 
 @media only screen and (max-width: 767px) {
   ol.comment-list {
     margin-bottom: 40px;
   }
 
   ol.comment-list .padding-30 {
     padding: 15px;
   }
 
   ol.comment-list li.comment .comment-body {
     margin-bottom: 30px;
   }
 
   ol.comment-list li.comment .reply a {
     position: static;
   }
 
   ol.comment-list li .children {
     margin-right: 30px;
   }
 }
 
 @media only screen and (max-width: 575px) {
   ol.comment-list li.comment .comment-body {
     padding: 25px;
   }
 }
 
 .comment-respond {
   position: relative;
   background-color: #fff;
   border-radius: 6px 6px 4px 4px;
   padding: 30px 30px;
   box-shadow: 0px 10px 30px 0 rgba(0, 0, 0, 0.06);
   border: 1px solid rgba(86, 90, 207, 0.2);
   border-width: 1px 1px 3px 1px;
   border-bottom-color: #565acf;
 }
 
 .comment-respond .comment-reply-title {
   margin-bottom: 25px;
 }
 
 .comment-respond .comment-form {
   margin: 0 -10px;
 }
 
 .comment-respond .comment-notes {
   display: none;
 }
 
 .comment-respond p {
   width: 50%;
   float: right;
   padding: 0 10px;
   margin-bottom: 20px;
   position: relative;
 }
 
 .comment-respond p.form-allowed-tags {
   width: 100%;
 }
 
 .comments-area .comment-form p label {
   display: none;
   line-height: 18px;
   margin-bottom: 10px;
 }
 
 .comments-area .comment-form p input[type="text"],
 .comments-area .comment-form p textarea {
   width: 100%;
   height: 50px;
   padding: 15px 25px;
   border: 1px solid;
   text-transform: capitalize;
   color: #000;
   background: #fff;
   font-size: 16px;
   border-color: rgba(86, 90, 207, 0.3);
   border-radius: 6px;
   font-weight: 500;
 }
 
 .comments-area .comment-form p input[type="text"]::-webkit-input-placeholder,
 .comments-area .comment-form p textarea::-webkit-input-placeholder {
   color: #444;
 }
 
 .comments-area .comment-form p input[type="text"]:-ms-input-placeholder,
 .comments-area .comment-form p textarea:-ms-input-placeholder {
   color: #444;
 }
 
 .comments-area .comment-form p input[type="text"]::placeholder,
 .comments-area .comment-form p textarea::placeholder {
   color: #444;
 }
 
 .comments-area .comment-form p input[type="text"]:hover,
 .comments-area .comment-form p textarea:hover,
 .comments-area .comment-form p input[type="text"]:focus,
 .comments-area .comment-form p textarea:focus {
   border-color: #565acf;
   box-shadow: none;
   outline: none;
 }
 
 .comments-area .comment-form p.comment-form-comment {
   width: 100%;
   display: block;
   clear: both;
 }
 
 .comments-area .comment-form p textarea {
   height: 120px;
 }
 
 .comments-area .comment-form p.form-submit {
   clear: both;
   float: none;
   width: 100%;
   margin: 0;
 }
 
 .comments-area .comment-form p input[type="submit"] {
   background-color: #565acf;
   color: #fff;
   display: inline-block;
   font-weight: 500;
   font-size: 14px;
   padding: 15px 30px;
   border: 2px solid;
   border-color: #565acf;
   border-radius: 8px;
   text-decoration: none;
   -webkit-transition: all 0.5s;
   -ms-transition: all 0.5s;
   transition: all 0.5s;
   line-height: 1.2;
 }
 
 .comments-area .comment-form p input[type="submit"]:hover,
 .comments-area .comment-form p input[type="submit"]:focus,
 .comments-area .comment-form p input[type="submit"]:active {
   background-color: #4247c9;
 }
 
 @media only screen and (max-width: 767px) {
   .comments-area .comment-form p {
     width: 100%;
     float: none;
     margin-bottom: 20px;
   }
 
   .comments-area .comment-respond {
     padding: 20px;
   }
 }
 
 .author-box {
   margin-bottom: 50px;
   position: relative;
   background-color: #fff;
   border-radius: 6px 6px 4px 4px;
   padding: 30px 30px;
   box-shadow: 0px 10px 30px 0 rgba(0, 0, 0, 0.06);
   border: 1px solid rgba(86, 90, 207, 0.2);
   border-width: 1px 1px 3px 1px;
   border-bottom-color: #565acf;
 }
 
 .author-box.blog-user .author-profile-info {
   display: flex;
 }
 
 @media only screen and (max-width: 575px) {
   .author-box.blog-user .author-profile-info {
     display: block;
   }
 }
 
 .author-box .author-profile-pic {
   width: 100px;
   height: 100px;
   min-width: 100px;
   border-radius: 10px;
   overflow: hidden;
   z-index: 2;
   position: relative;
   margin-left: 20px;
 }
 
 .author-box .author-profile-pic img {
   width: 100%;
   min-width: 100px;
   height: 100px;
   border-radius: 4px;
   overflow: hidden;
   box-shadow: none;
   z-index: 2;
   position: relative;
   margin: 0 auto;
   border: 0;
 }
 
 .author-box .author-profile-pic h6,
 .author-box .author-profile-pic .h6 {
   font-size: 24px;
   line-height: 32px;
   margin-bottom: 5px;
 }
 
 .author-box .author-profile-pic p {
   margin-bottom: 15px;
   font-size: 18px;
   line-height: 24px;
 }
 
 @media only screen and (max-width: 575px) {
   .author-box .author-profile-pic {
     margin-bottom: 20px;
   }
 }
 
 .min-container,
 .blog-post.blog-single {
   max-width: 750px;
   margin-right: auto;
   margin-left: auto;
   padding-right: 15px;
   padding-left: 15px;
 }
 
 .max-container {
   max-width: 1500px;
   margin-right: auto;
   margin-left: auto;
   padding-right: 55px;
   padding-left: 55px;
 }
 
 .blog-post.blog-single .ttr-post-info {
   padding: 0;
 }
 
 .blog-post.blog-single .ttr-post-text.text>ol,
 .blog-post.blog-single .ttr-post-text.text>ul {
   padding-right: 30px;
 }
 
 .blog-post.blog-single .ttr-post-text.text>ol li,
 .blog-post.blog-single .ttr-post-text.text>ul li {
   padding: 5px 5px;
   color: #2b2d2e;
 }
 
 .blog-post.blog-single .ttr-post-text.text>.wp-block-gallery {
   padding: 0;
   list-style: none;
 }
 
 .blog-post.blog-single .ttr-post-text.text>.wp-block-gallery li {
   padding: 0;
   list-style: none;
   margin: 10px;
 }
 
 .blog-post.blog-single .ttr-post-text ul li,
 .blog-post.blog-single .ttr-post-text ol li,
 .blog-post.blog-single .ttr-post-text p {
   font-size: 15px;
   line-height: 28px;
 }
 
 .blog-post.blog-single .ttr-post-text p {
   margin-bottom: 28px;
 }
 
 .blog-post.blog-single .ttr-post-text .wp-block-gallery {
   margin-right: calc(-190px - (10px/2));
   margin-left: calc(-190px - (10px/2));
   width: calc(100% + 380px + 10px);
   max-width: initial;
 }
 
 .blog-post.blog-single .ttr-post-text>div+p:first-letter,
 .blog-post.blog-single .ttr-post-text>p:first-child:first-letter {
   color: #6d9ec4;
   font-size: 100px;
   float: right;
   margin-left: 20px;
   margin-bottom: 14px;
   margin-top: 15px;
 }
 
 .blog-post.blog-single .ttr-post-text .has-large-font-size {
   font-size: 36px;
   line-height: 50px;
   color: #000;
 }
 
 .content-spacious-full .wp-block-gallery {
   margin-right: calc(-200px - (10px/2));
   margin-left: calc(-200px - (10px/2));
   width: calc(100% + 400px + 10px);
   max-width: initial;
 }
 
 .alignwide {
   margin-right: calc(-100px - (10px/2));
   margin-left: calc(-100px - (10px/2));
   width: calc(100% + 200px + 10px);
   max-width: initial;
 }
 
 .alignfullwide {
   margin-right: calc(50% - 50vw - (var(--content-share-ml, 0px)/2));
   width: 100vw;
   max-width: 100vw;
   box-sizing: border-box;
 }
 
 .ttr-post-text h1,
 .ttr-post-text .h1,
 .thm-unit-test .ttr-post-text h1,
 .thm-unit-test .ttr-post-text .h1 {
   font-size: 36px;
   line-height: 45px;
   margin-bottom: 10px;
   font-weight: 700;
 }
 
 .ttr-post-text h2,
 .ttr-post-text .h2,
 .thm-unit-test .ttr-post-text h2,
 .thm-unit-test .ttr-post-text .h2 {
   font-size: 32px;
   line-height: 45px;
   margin-bottom: 5px;
   font-weight: 700;
 }
 
 .ttr-post-text h3,
 .ttr-post-text .h3,
 .thm-unit-test .ttr-post-text h3,
 .thm-unit-test .ttr-post-text .h3 {
   font-size: 28px;
   line-height: 35px;
   margin-bottom: 8px;
   font-weight: 700;
 }
 
 .ttr-post-text h4,
 .ttr-post-text .h4,
 .thm-unit-test .ttr-post-text h4,
 .thm-unit-test .ttr-post-text .h4 {
   font-size: 22px;
   line-height: 32px;
   margin-bottom: 5px;
   font-weight: 600;
 }
 
 .ttr-post-text h5,
 .ttr-post-text .h5,
 .thm-unit-test .ttr-post-text h5,
 .thm-unit-test .ttr-post-text .h5 {
   font-size: 18px;
   line-height: 24px;
   margin-bottom: 8px;
   font-weight: 600;
 }
 
 .ttr-post-text h6,
 .ttr-post-text .h6,
 .thm-unit-test .ttr-post-text h6,
 .thm-unit-test .ttr-post-text .h6 {
   font-size: 16px;
   line-height: 22px;
   margin-bottom: 10px;
   font-weight: 600;
 }
 
 pre {
   margin: 0 0 25px;
   padding: 20px;
   color: #ddd;
   background-color: #222;
   white-space: pre;
   text-shadow: 0 1px 0 #000;
   border-radius: 5px;
   border-bottom: 1px solid #555;
   box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4) inset, 0 0 20px rgba(0, 0, 0, 0.2) inset;
 }
 
 blockquote {
   padding: 25px 140px 25px 30px;
   font-size: 20px;
   color: #fff;
   margin: 25px 0;
   line-height: 1.7;
   position: relative;
   clear: both;
   background: #f17732;
   border-radius: 10px;
   box-shadow: 0 7px 50px -20px #f17732;
 }
 
 blockquote:after {
   content: "";
   background-image: url(/modules/website/images/quote.png);
   position: absolute;
   width: 90px;
   height: 90px;
   right: 30px;
   top: 30px;
   background-size: cover;
 }
 
 blockquote p {
   color: inherit;
   margin-bottom: 0px;
   font-weight: 600;
   font-style: italic;
 }
 
 @media only screen and (max-width: 767px) {
   blockquote {
     font-size: 16px;
     padding: 25px 90px 25px 25px;
   }
 
   blockquote:after {
     width: 40px;
     height: 40px;
   }
 }
 
 @media only screen and (max-width: 575px) {
   blockquote {
     font-size: 15px;
     padding: 20px 80px 20px 20px;
   }
 
   blockquote:after {
     right: 20px;
     top: 20px;
   }
 }
 
 .paginate-links {
   display: flex;
   align-items: center;
   margin: 20px 0;
 }
 
 .paginate-links a,
 .paginate-links>span {
   margin: 0 10px 0 0;
   position: relative;
   border: 0px solid #6cc000;
   color: #000;
   display: inline-block;
   font-size: 16px;
   font-weight: 500;
   line-height: 40px;
   min-width: 40px;
   height: 40px;
   text-align: center;
   text-transform: capitalize;
   transition: all 500ms ease 0s;
   background: #E0E0E0;
   border-radius: 3px;
 }
 
 .wp-block-button__link {
   border-radius: 4px;
   font-size: 16px;
   padding: 10px 30px;
   font-weight: 700;
 }
 
 .wp-block-gallery {
   display: flex;
   flex-wrap: wrap;
   list-style-type: none;
   padding: 0;
 }
 
 .wp-block-gallery .blocks-gallery-image,
 .wp-block-gallery .blocks-gallery-item {
   display: flex;
   flex-direction: column;
   flex-grow: 1;
   justify-content: center;
   margin: 0 0 8px 8px;
   position: relative;
   width: calc(50% - 8px);
 }
 
 .wp-block-gallery .blocks-gallery-image figure,
 .wp-block-gallery .blocks-gallery-item figure {
   height: 100%;
   margin: 0;
 }
 
 .wp-block-gallery .blocks-gallery-image img,
 .wp-block-gallery .blocks-gallery-item img {
   display: block;
   height: auto;
   max-width: 100%;
   width: 100%;
 }
 
 .wp-block-gallery .blocks-gallery-image figcaption,
 .wp-block-gallery .blocks-gallery-item figcaption {
   background: linear-gradient(0deg, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.3) 60%, transparent);
   bottom: 0;
   color: #fff;
   font-size: 13px;
   max-height: 100%;
   overflow: auto;
   padding: 40px 10px 5px;
   position: absolute;
   text-align: center;
   width: 100%;
 }
 
 .wp-block-gallery .blocks-gallery-image figcaption img,
 .wp-block-gallery .blocks-gallery-item figcaption img {
   display: inline;
 }
 
 .wp-block-gallery .blocks-gallery-image:last-child,
 .wp-block-gallery .blocks-gallery-item:last-child {
   margin-left: 0;
 }
 
 .wp-block-gallery .blocks-gallery-image:nth-of-type(2n),
 .wp-block-gallery .blocks-gallery-item:nth-of-type(2n) {
   margin-left: 0;
 }
 
 .wp-block-gallery .blocks-gallery-item.has-add-item-button {
   width: 100%;
 }
 
 .wp-block-gallery.aligncenter .blocks-gallery-item figure {
   justify-content: center;
 }
 
 .wp-block-gallery.columns-4 .blocks-gallery-image,
 .wp-block-gallery.columns-4 .blocks-gallery-item,
 .wp-block-gallery.columns-3 .blocks-gallery-image,
 .wp-block-gallery.columns-3 .blocks-gallery-item {
   margin-left: 8px;
 }
 
 .wp-block-gallery.columns-1 .blocks-gallery-image,
 .wp-block-gallery.columns-1 .blocks-gallery-item {
   margin-left: 0;
   width: 100%;
 }
 
 .wp-block-gallery.is-cropped .blocks-gallery-image a,
 .wp-block-gallery.is-cropped .blocks-gallery-image img,
 .wp-block-gallery.is-cropped .blocks-gallery-item a,
 .wp-block-gallery.is-cropped .blocks-gallery-item img {
   width: 100%;
 }
 
 .wp-block-gallery.aligncenter,
 .wp-block-gallery.alignleft,
 .wp-block-gallery.alignright {
   display: flex;
 }
 
 .wp-block-gallery.alignleft,
 .wp-block-gallery.alignright {
   max-width: 305px;
   width: 100%;
 }
 
 .wp-block-image.alignfullwide img {
   border-radius: 0;
 }
 
 .wp-block-image img {
   border-radius: 10px;
 }
 
 .aligncenter {
   text-align: center;
 }
 
 @supports (position: -webkit-sticky) or (position: sticky) {
   .wp-block-gallery .blocks-gallery-image figure {
     align-items: flex-end;
     display: flex;
     justify-content: flex-start;
   }
 }
 
 @supports (position: -webkit-sticky) or (position: sticky) {
 
   .wp-block-gallery .blocks-gallery-image img,
   .wp-block-gallery .blocks-gallery-item img {
     width: auto;
   }
 }
 
 @supports (position: -webkit-sticky) or (position: sticky) {
 
   .wp-block-gallery.is-cropped .blocks-gallery-image a,
   .wp-block-gallery.is-cropped .blocks-gallery-image img {
     -o-object-fit: cover;
     flex: 1;
     height: 100%;
     object-fit: cover;
   }
 }
 
 @media only screen and (max-width: 1024px) {
   .alignwide {
     margin-right: 0;
     margin-left: 0;
     width: 100%;
     max-width: 100%;
   }
 
   .alignwide .alignleft {
     margin: 5px 0 25px 0px;
     float: none;
   }
 
   .alignwide .alignleft img {
     width: 100%;
   }
 }
 
 @media (min-width: 600px) {
 
   .wp-block-gallery.columns-3 .blocks-gallery-image,
   .wp-block-gallery.columns-3 .blocks-gallery-item {
     margin-left: 20px;
     width: calc(33.33333% - 10.66667px);
   }
 
   .wp-block-gallery.columns-4 .blocks-gallery-image,
   .wp-block-gallery.columns-4 .blocks-gallery-item {
     margin-left: 20px;
     width: calc(25% - 12px);
   }
 
   .wp-block-gallery.columns-5 .blocks-gallery-image,
   .wp-block-gallery.columns-5 .blocks-gallery-item {
     margin-left: 20px;
     width: calc(20% - 12.8px);
   }
 
   .wp-block-gallery.columns-6 .blocks-gallery-image,
   .wp-block-gallery.columns-6 .blocks-gallery-item {
     margin-left: 20px;
     width: calc(16.66667% - 13.33333px);
   }
 
   .wp-block-gallery.columns-7 .blocks-gallery-image,
   .wp-block-gallery.columns-7 .blocks-gallery-item {
     margin-left: 20px;
     width: calc(14.28571% - 13.71429px);
   }
 
   .wp-block-gallery.columns-8 .blocks-gallery-image,
   .wp-block-gallery.columns-8 .blocks-gallery-item {
     margin-left: 20px;
     width: calc(12.5% - 14px);
   }
 
   .wp-block-gallery.columns-1 .blocks-gallery-image:last-child,
   .wp-block-gallery.columns-1 .blocks-gallery-item:last-child,
   .wp-block-gallery.columns-2 .blocks-gallery-image:last-child,
   .wp-block-gallery.columns-2 .blocks-gallery-item:last-child,
   .wp-block-gallery.columns-3 .blocks-gallery-image:last-child,
   .wp-block-gallery.columns-3 .blocks-gallery-item:last-child,
   .wp-block-gallery.columns-4 .blocks-gallery-image:last-child,
   .wp-block-gallery.columns-4 .blocks-gallery-item:last-child,
   .wp-block-gallery.columns-5 .blocks-gallery-image:last-child,
   .wp-block-gallery.columns-5 .blocks-gallery-item:last-child,
   .wp-block-gallery.columns-6 .blocks-gallery-image:last-child,
   .wp-block-gallery.columns-6 .blocks-gallery-item:last-child,
   .wp-block-gallery.columns-7 .blocks-gallery-image:last-child,
   .wp-block-gallery.columns-7 .blocks-gallery-item:last-child,
   .wp-block-gallery.columns-8 .blocks-gallery-image:last-child,
   .wp-block-gallery.columns-8 .blocks-gallery-item:last-child {
     margin-left: 0;
   }
 }
 
 /* ==================
     9. Layout
 =================== */
 /* ==================
     9.1 Header
 =================== */
 .menu-logo {
   display: table;
   float: right;
   vertical-align: middle;
   padding: 0;
   color: #EFBB20;
   margin-top: 0;
   margin-bottom: 0;
   margin-right: 0;
   margin-left: 0;
   width: 200px;
   height: 105px;
   position: relative;
   z-index: 9;
 }
 
 .menu-logo a {
   display: table-cell;
   vertical-align: middle;
 }
 
 .menu-logo img {
   height: auto;
   width: 100%;
 }
 
 .menu-logo span {
   font-size: 20px;
   letter-spacing: 20px;
 }
 
 @media only screen and (max-width: 991px) {
   .menu-logo {
     height: 85px;
   }
 }
 
 @media only screen and (max-width: 767px) {
   .menu-logo {
     width: 180px;
   }
 }
 
 @media only screen and (max-width: 575px) {
   .menu-logo {
     height: 75px;
     width: 150px;
   }
 }
 
 .header {
   position: relative;
   z-index: 9999;
 }
 
 .header .menu-bar {
   background: #fff;
   width: 100%;
   position: relative;
 }
 
 .header .container {
   position: relative;
 }
 
 .header .secondary-menu {
   float: left;
   height: 105px;
   display: flex;
   align-items: center;
   position: relative;
   z-index: 9;
   padding-right: 15px;
 }
 
 .header .secondary-menu .search-btn {
   margin-left: 35px;
 }
 
 .header .secondary-menu .search-btn .btn-link {
   font-size: 25px;
   line-height: 25px;
   color: #565acf;
   cursor: pointer;
   border: 0;
   padding: 8px 0;
   background: none;
 }
 
 .header .secondary-menu ul {
   margin-bottom: 0;
   display: flex;
   align-items: center;
 }
 
 .header .secondary-menu ul .num-bx {
   margin-left: 40px;
 }
 
 .header .secondary-menu ul .num-bx a {
   font-weight: 700;
   font-size: 20px;
   color: #1f2278;
   display: flex;
   align-items: center;
 }
 
 .header .secondary-menu ul .num-bx a i {
   width: 42px;
   height: 42px;
   text-align: center;
   line-height: 42px;
   background-color: rgba(86, 90, 207, 0.1);
   font-size: 18px;
   border-radius: 8px;
   color: #565acf;
   margin-left: 15px;
 }
 
 @media only screen and (max-width: 1680px) {
   .header .secondary-menu .search-btn {
     margin-left: 25px;
   }
 
   .header .secondary-menu ul .num-bx {
     margin-left: 30px;
   }
 }
 
 @media only screen and (max-width: 1380px) {
   .header .secondary-menu ul .num-bx {
     display: none;
   }
 }
 
 @media only screen and (max-width: 991px) {
   .header .secondary-menu {
     height: 85px;
   }
 
   .header .secondary-menu .btn-area {
     display: none;
   }
 
   .header .secondary-menu .search-btn {
     margin-left: 0;
   }
 }
 
 @media only screen and (max-width: 575px) {
   .header .secondary-menu {
     height: 75px;
   }
 }
 
 .navbar-toggler {
   border: 0 solid #efbb20;
   font-size: 16px;
   line-height: 24px;
   margin: 35px 20px 32px 0;
   padding: 0;
   float: left;
   outline: none;
 }
 
 @media only screen and (max-width: 575px) {
   .navbar-toggler {
     margin: 28px 20px 28px 0;
   }
 }
 
 .menuicon {
   width: 20px;
   height: 18px;
   position: relative;
   -webkit-transform: rotate(0deg);
   -moz-transform: rotate(0deg);
   -o-transform: rotate(0deg);
   transform: rotate(0deg);
   -webkit-transition: .5s ease-in-out;
   -moz-transition: .5s ease-in-out;
   -o-transition: .5s ease-in-out;
   transition: .5s ease-in-out;
   cursor: pointer;
 }
 
 .menuicon span {
   display: block;
   position: absolute;
   height: 2px;
   width: 100%;
   border-radius: 1px;
   opacity: 1;
   right: 0;
   -webkit-transform: rotate(0deg);
   -moz-transform: rotate(0deg);
   -o-transform: rotate(0deg);
   transform: rotate(0deg);
   -webkit-transition: .25s ease-in-out;
   -moz-transition: .25s ease-in-out;
   -o-transition: .25s ease-in-out;
   transition: .25s ease-in-out;
   background: #000;
 }
 
 .menuicon span:nth-child(1) {
   top: 0px;
 }
 
 .menuicon span:nth-child(2) {
   top: 7px;
 }
 
 .menuicon span:nth-child(3) {
   top: 14px;
 }
 
 .menuicon.open span:nth-child(1) {
   top: 7px;
   -webkit-transform: rotate(-135deg);
   -moz-transform: rotate(-135deg);
   -o-transform: rotate(-135deg);
   transform: rotate(-135deg);
 }
 
 .menuicon.open span:nth-child(2) {
   opacity: 0;
   right: 0;
 }
 
 .menuicon.open span:nth-child(3) {
   top: 7px;
   -webkit-transform: rotate(135deg);
   -moz-transform: rotate(135deg);
   -o-transform: rotate(135deg);
   transform: rotate(135deg);
 }
 
 .header-tb .menuicon span {
   background: #fff;
 }
 
 .menu-links {
   padding: 0;
 }
 
 @media only screen and (max-width: 991px) {
   .menu-links.show {
     right: -1px;
     -webkit-transition: all 0.8s;
     -ms-transition: all 0.8s;
     transition: all 0.8s;
     margin: 0;
     width: 280px;
   }
 }
 
 .menu-links .menu-logo {
   display: none;
 }
 
 @media only screen and (max-width: 991px) {
   .menu-links .menu-logo {
     padding: 30px 20px;
     float: none;
     height: auto;
     width: 240px;
   }
 }
 
 .menu-links .nav {
   float: left;
   padding: 0;
   margin-left: 50px;
 }
 
 .menu-links .nav>li {
   margin: 0px;
   font-weight: 400;
   position: relative;
 }
 
 .menu-links .nav>li.has-mega-menu {
   position: inherit;
 }
 
 @media only screen and (max-width: 991px) {
   .menu-links .nav>li {
     border-bottom: 1px solid #eee;
     width: 100%;
   }
 }
 
 .menu-links .nav>li.active>a {
   color: #f17732;
 }
 
 .menu-links .nav>li>a {
   color: #1f2278;
   font-size: 16px;
   padding: 45px 20px;
   cursor: pointer;
   font-weight: 600;
   display: inline-block;
   position: relative;
   border-width: 0 1px 0 0;
   line-height: 1;
 }
 
 .menu-links .nav>li>a i {
   font-size: 10px;
   margin-right: 5px;
   margin-top: -3px;
   vertical-align: middle;
   color: #bbbbcf;
   transition: all 0.5s;
 }
 
 @media only screen and (max-width: 991px) {
   .menu-links .nav>li>a i {
     left: 0;
     text-align: center;
     z-index: 3;
     float: left;
     margin: 10px 0 0 5px;
     font-size: 12px;
   }
 }
 
 @media only screen and (max-width: 1199px) {
   .menu-links .nav>li>a {
     padding: 45px 15px;
   }
 }
 
 @media only screen and (max-width: 991px) {
   .menu-links .nav>li>a {
     padding: 8px 0;
     display: block;
     line-height: 30px;
     color: #fff;
   }
 }
 
 .menu-links .nav>li .mega-menu,
 .menu-links .nav>li .sub-menu {
   background-color: #ffffff;
   display: block;
   right: 0;
   list-style: none;
   opacity: 0;
   padding: 5px 0;
   position: absolute;
   visibility: hidden;
   width: 220px;
   z-index: 10;
   margin-top: 20px;
   box-shadow: 0px 1px 40px 0px rgba(0, 0, 0, 0.1);
   -webkit-transition: all 0.8s;
   -ms-transition: all 0.8s;
   transition: all 0.8s;
 }
 
 @media only screen and (max-width: 991px) {
 
   .menu-links .nav>li .mega-menu,
   .menu-links .nav>li .sub-menu {
     display: none;
     position: static;
     visibility: visible;
     width: auto;
     background: transparent;
     box-shadow: none;
     margin: 0;
     border-top: 1px solid rgba(255, 255, 255, 0.1);
     padding: 0;
   }
 }
 
 .menu-links .nav>li .mega-menu li,
 .menu-links .nav>li .sub-menu li {
   position: relative;
 }
 
 .menu-links .nav>li .mega-menu li a,
 .menu-links .nav>li .sub-menu li a {
   color: #666;
   display: block;
   font-size: 14px;
   padding: 10px 25px;
   text-transform: capitalize;
   position: relative;
   transition: all 0.15s linear;
   -webkit-transition: all 0.15s linear;
   -moz-transition: all 0.15s linear;
   -o-transition: all 0.15s linear;
   font-weight: 500;
 }
 
 .menu-links .nav>li .mega-menu li a span,
 .menu-links .nav>li .sub-menu li a span {
   position: relative;
 }
 
 .menu-links .nav>li .mega-menu li a span:after,
 .menu-links .nav>li .sub-menu li a span:after {
   content: "";
   position: absolute;
   height: 1px;
   width: 0;
   background: #565acf;
   bottom: 0;
   left: 0;
   -webkit-transition: all 0.5s;
   -ms-transition: all 0.5s;
   transition: all 0.5s;
   -moz-transform-origin: left;
   -webkit-transform-origin: left;
   -ms-transform-origin: left;
   -o-transform-origin: left;
   transform-origin: left;
 }
 
 .menu-links .nav>li .mega-menu li a:hover,
 .menu-links .nav>li .sub-menu li a:hover {
   color: #565acf;
 }
 
 .menu-links .nav>li .mega-menu li a:hover span:after,
 .menu-links .nav>li .sub-menu li a:hover span:after {
   width: 100%;
   -moz-transform-origin: right;
   -webkit-transform-origin: right;
   -ms-transform-origin: right;
   -o-transform-origin: right;
   transform-origin: right;
   right: 0;
   left: auto;
 }
 
 @media only screen and (max-width: 991px) {
 
   .menu-links .nav>li .mega-menu li a,
   .menu-links .nav>li .sub-menu li a {
     padding: 10px 20px 10px 0px;
     border-bottom: 1px solid rgba(255, 255, 255, 0.1);
   }
 
   .menu-links .nav>li .mega-menu li a span:after,
   .menu-links .nav>li .sub-menu li a span:after {
     content: none;
   }
 }
 
 .menu-links .nav>li .mega-menu li:hover>a,
 .menu-links .nav>li .sub-menu li:hover>a {
   color: #565acf;
 }
 
 .menu-links .nav>li .mega-menu li>.sub-menu,
 .menu-links .nav>li .sub-menu li>.sub-menu {
   right: 220px;
   -webkit-transition: all 0.5s;
   -ms-transition: all 0.5s;
   transition: all 0.5s;
 }
 
 .menu-links .nav>li .sub-menu li .fa {
   color: inherit;
   display: block;
   float: left;
   font-size: 9px;
   opacity: 1;
   margin-top: 4px;
 }
 
 .menu-links .nav>li .mega-menu {
   display: flex;
   left: 0px;
   width: 100%;
   z-index: 9;
   padding: 0;
 }
 
 .menu-links .nav>li .mega-menu>li {
   display: block;
   padding: 30px 0 25px;
   position: relative;
   vertical-align: top;
   width: 25%;
 }
 
 @media only screen and (max-width: 991px) {
   .menu-links .nav>li .mega-menu>li {
     width: 100%;
     padding: 0;
   }
 }
 
 .menu-links .nav>li .mega-menu>li>a {
   color: #000;
   display: block;
   padding: 0 20px;
   font-size: 16px;
   font-weight: 600;
   border-bottom: 1px solid rgba(0, 0, 0, 0.1);
   padding-bottom: 15px;
 }
 
 .menu-links .nav>li .mega-menu>li>a>i {
   font-size: 14px;
   margin-left: 5px;
   text-align: center;
   width: 15px;
 }
 
 @media only screen and (max-width: 991px) {
   .menu-links .nav>li .mega-menu>li>a {
     display: none;
   }
 }
 
 .menu-links .nav>li .mega-menu>li:after {
   content: "";
   background-color: rgba(0, 0, 0, 0.1);
   position: absolute;
   left: 0px;
   top: 0px;
   display: block;
   width: 1px;
   height: 100%;
 }
 
 @media only screen and (max-width: 991px) {
   .menu-links .nav>li .mega-menu>li:after {
     content: none;
   }
 }
 
 .menu-links .nav>li .mega-menu>li:last-child:after {
   display: none;
 }
 
 .menu-links .nav>li .mega-menu>li:hover>a {
   background-color: transparent;
 }
 
 .menu-links .nav>li .mega-menu>li li i {
   font-size: 14px;
   margin-left: 5px;
   text-align: center;
   width: 15px;
 }
 
 @media only screen and (max-width: 991px) {
   .menu-links .nav>li .mega-menu {
     display: none;
     padding: 10px 0;
   }
 }
 
 .menu-links .nav>li:hover>.mega-menu,
 .menu-links .nav>li:hover>.sub-menu {
   opacity: 1;
   visibility: visible;
   margin-top: 0;
   -webkit-transition: all 0.5s;
   -ms-transition: all 0.5s;
   transition: all 0.5s;
 }
 
 .menu-links .nav>li:hover>.mega-menu li:hover>.sub-menu,
 .menu-links .nav>li:hover>.sub-menu li:hover>.sub-menu {
   opacity: 1;
   visibility: visible;
   margin-top: 0;
   top: -1px;
 }
 
 .menu-links .nav>li:hover a {
   color: #f17732;
 }
 
 .menu-links .nav>li:hover a i {
   transform: rotate(-45deg);
   color: #f17732;
 }
 
 @media only screen and (max-width: 991px) {
   .menu-links .nav>li:hover a i {
     transform: unset;
   }
 }
 
 .menu-links .nav>li.open .mega-menu,
 .menu-links .nav>li.open .sub-menu {
   display: block;
   opacity: 1;
 }
 
 @media only screen and (max-width: 991px) {
   .menu-links .nav>li.open>a i:before {
     content: "\f068";
   }
 }
 
 @media only screen and (max-width: 1680px) {
   .menu-links .nav {
     margin-left: 0;
   }
 }
 
 @media only screen and (max-width: 991px) {
   .menu-links .nav {
     float: none;
     width: 70%;
     min-width: 300px;
   }
 }
 
 .menu-links .social-media {
   text-align: center;
   margin-top: 50px;
   display: none;
 }
 
 .menu-links .social-media li {
   display: inline-block;
 }
 
 .menu-links .social-media li a {
   height: 40px;
   width: 40px;
   padding: 0;
   line-height: 38px;
 }
 
 .menu-links .menu-close {
   height: 40px;
   color: #fff;
   background-color: #565acf;
   line-height: 44px;
   text-align: center;
   width: 40px;
   position: absolute;
   left: 0;
   top: 0;
   display: none;
   z-index: 9999;
 }
 
 @media only screen and (max-width: 991px) {
   .menu-links {
     overflow-y: scroll;
     position: fixed;
     width: 60px;
     right: -280px;
     height: 100vh;
     -webkit-transition: all 0.5s;
     -ms-transition: all 0.5s;
     transition: all 0.5s;
     top: 0;
     background-color: #fff;
     margin: 0;
     z-index: 99;
   }
 
   .menu-links .social-media,
   .menu-links .menu-close {
     display: block;
   }
 }
 
 .top-bar {
   background-color: #191f23;
   color: #fff;
   padding: 8px 0;
 }
 
 @media only screen and (max-width: 575px) {
   .top-bar {
     display: none;
   }
 }
 
 .top-bar .topbar-left {
   float: right;
 }
 
 .top-bar .topbar-left li {
   padding-left: 15px;
 }
 
 .top-bar .topbar-right {
   float: left;
 }
 
 .top-bar .topbar-right li {
   padding-right: 15px;
 }
 
 .top-bar .topbar-center,
 .top-bar .topbar-left,
 .top-bar .topbar-right {
   padding-right: 15px;
   padding-left: 15px;
 }
 
 .top-bar .topbar-center ul,
 .top-bar .topbar-right ul,
 .top-bar .topbar-left ul {
   list-style: none;
   margin: 0;
   padding: 0;
 }
 
 .top-bar .topbar-center ul li,
 .top-bar .topbar-right ul li,
 .top-bar .topbar-left ul li {
   display: inline-block;
   font-size: 15px;
 }
 
 @media only screen and (max-width: 1199px) {
 
   .top-bar .topbar-center ul li,
   .top-bar .topbar-right ul li,
   .top-bar .topbar-left ul li {
     font-size: 13px;
   }
 }
 
 .top-bar .topbar-center ul a,
 .top-bar .topbar-right ul a,
 .top-bar .topbar-left ul a {
   color: inherit;
 }
 
 .top-bar .topbar-center ul i,
 .top-bar .topbar-left ul i,
 .top-bar .topbar-right ul i {
   color: #565acf;
   transform: scale(1.3);
   -moz-transform: scale(1.3);
   -webkit-transform: scale(1.3);
   -ms-transform: scale(1.3);
   -o-transform: scale(1.3);
   margin-left: 5px;
 }
 
 .header-transparent {
   position: absolute;
   top: 0;
   right: 0;
   width: 100%;
 }
 
 .header-transparent.style-1 .menu-links .nav>li>a {
   color: #1f2278;
 }
 
 .header-transparent.style-1 .menu-links .nav>li>a:hover {
   color: #f17732;
 }
 
 .header-transparent.style-1 .menu-links .nav>li>a:hover i {
   transform: rotate(-45deg);
   color: #f17732;
 }
 
 .header-transparent.style-2 .menu-links .nav>li>a {
   color: #fff;
 }
 
 .header-transparent.style-2 .menu-links .nav>li>a:hover {
   color: #fff;
 }
 
 .header-transparent .top-bar,
 .header-transparent .menu-bar {
   background: transparent;
 }
 
 .header-transparent .top-bar {
   color: #777;
   border-bottom: 1px solid rgba(0, 0, 0, 0.1);
 }
 
 @media only screen and (max-width: 575px) {
   .header-transparent .top-bar {
     display: none;
   }
 }
 
 .is-fixed .menu-logo {
   -webkit-transition: all 0.5s;
   -ms-transition: all 0.5s;
   transition: all 0.5s;
 }
 
 .is-fixed .menu-bar {
   position: fixed;
   top: 0;
   right: 0;
   box-shadow: 0 0 50px 0 rgba(0, 0, 0, 0.1);
 }
 
 .is-fixed .logo-change .logo1 {
   display: none;
 }
 
 .is-fixed .logo-change .logo2 {
   display: block;
 }
 
 .header-transparent .is-fixed .menu-bar {
   position: fixed;
   background-color: #fff;
 }
 
 @media only screen and (max-width: 991px) {
   .rs-nav .menu-links {
     position: fixed;
     width: 60px;
     right: -105%;
     height: 100vh;
     -webkit-transition: all 0.5s;
     -ms-transition: all 0.5s;
     transition: all 0.5s;
     top: 0;
     background-color: #171a1e;
     margin: 0;
     z-index: 99;
     overflow-y: scroll;
     flex-direction: column;
     display: flex;
     flex-direction: column;
     justify-content: unset !important;
   }
 
   .rs-nav .menu-links li.open a {
     position: relative;
   }
 
   .rs-nav .menu-links .menu-logo {
     display: block;
     float: none;
     height: auto;
     max-width: 100%;
     padding: 20px 15px;
     width: 100%;
     text-align: center;
   }
 
   .rs-nav .menu-links .menu-logo img {
     max-width: unset;
     width: 150px;
     vertical-align: middle;
   }
 
   .rs-nav .menu-links .menu-logo a {
     display: inline-block;
   }
 
   .rs-nav .menu-links.nav-dark {
     background-color: #202020;
   }
 
   .rs-nav .menu-links.show {
     right: 0;
     -webkit-transition: all 0.8s;
     -ms-transition: all 0.8s;
     transition: all 0.8s;
     margin: 0;
     width: 100%;
     padding: 15px 15px 5px 15px;
   }
 
   .rs-nav .is-fixed .menu-links .nav {
     height: auto;
   }
 
   .rs-nav .social-media {
     margin-top: auto;
     padding: 30px 0;
   }
 
   .navbar-nav {
     height: auto;
   }
 
   .menu-links .nav>li {
     border-color: rgba(255, 255, 255, 0.1);
   }
 
   .menu-links .nav>li a {
     font-size: 14px;
     color: #fff;
   }
 
   .menu-links .nav>li:hover>a,
   .menu-links .nav>li.active>a {
     color: #fff;
     border-color: rgba(255, 255, 255, 0.1);
   }
 
   .menu-links .nav>li .mega-menu li a,
   .menu-links .nav>li .sub-menu li a {
     color: rgba(255, 255, 255, 0.7);
   }
 
   .menu-links .nav>li .mega-menu li:hover>a,
   .menu-links .nav>li .sub-menu li:hover>a {
     background-color: transparent;
   }
 
   .header-transparent .is-fixed .menu-links .nav>li>a {
     color: #fff;
   }
 }
 
 .nav-search-bar {
   background-color: rgba(255, 255, 255, 0.95);
   position: fixed;
   right: 0;
   top: 0;
   width: 100%;
   height: 100%;
   z-index: 999;
   display: none;
   overflow: hidden;
   padding: 0 15px;
 }
 
 .nav-search-bar>span {
   position: absolute;
   left: 15px;
   top: 15px;
   font-size: 14px;
   cursor: pointer;
   color: #fff;
   background-color: #565acf;
   height: 40px;
   width: 40px;
   text-align: center;
   line-height: 44px;
 }
 
 .nav-search-bar.On form {
   transition: all 0.5s ease 0.5s;
   -moz-transition: all 0.5s ease 0.5s;
   -webkit-transition: all 0.5s ease 0.5s;
   opacity: 1;
 }
 
 .nav-search-bar form {
   width: 100%;
   max-width: 700px;
   margin: auto;
   position: relative;
   top: 50%;
   transition: all 0.5s;
   transition: all 0.5s;
   -webkit-transition: all 0.5s;
   -moz-transform: translate(0px, -50%);
   -moz-transform: translate(0px, -50%);
   -o-transform: translate(0px, -50%);
   -webkit-transform: translate(0px, -50%);
   opacity: 0;
 }
 
 .nav-search-bar form span {
   position: absolute;
   left: 15px;
   top: 50%;
   margin: -15px 0;
   height: 25px;
   font-size: 20px;
   cursor: pointer;
   color: #000;
 }
 
 .nav-search-bar .form-control {
   padding: 15px 15px 15px 60px;
   width: 100%;
   height: 70px;
   border: none;
   background: none;
   color: #000;
   font-size: 20px;
   border-bottom: 2px solid #000;
   border-radius: 0;
 }
 
 .nav-search-bar .form-control::-moz-placeholder {
   color: #000;
 }
 
 .nav-search-bar .form-control:-moz-placeholder {
   color: #000;
 }
 
 .nav-search-bar .form-control:-ms-input-placeholder {
   color: #000;
 }
 
 .nav-search-bar .form-control::-webkit-input-placeholder {
   color: #000;
 }
 
 /* ==================
     9.3 Widget
 =================== */
 .widget {
   margin-bottom: 40px;
 }
 
 @media only screen and (max-width: 575px) {
   .widget {
     margin-bottom: 30px;
   }
 }
 
 .widget-title {
   margin-bottom: 30px;
   position: relative;
   padding-bottom: 15px;
 }
 
 .widget-title:after {
   content: "";
   position: absolute;
   bottom: 0;
   right: 0;
   width: 85px;
   height: 7px;
   background-image: url(/modules/website/images/shap/footer-line.png);
   background-repeat: no-repeat;
 }
 
 @media only screen and (max-width: 767px) {
   .widget-title {
     padding-bottom: 15px;
     font-size: 20px;
     margin-bottom: 25px;
   }
 
   .widget-title:after {
     width: 75px;
     height: 5px;
   }
 }
 
 .side-bar .widget {
   position: relative;
   background-color: #fff;
   border-radius: 6px 6px 4px 4px;
   padding: 30px 30px;
   box-shadow: 0px 10px 30px 0 rgba(0, 0, 0, 0.06);
   border: 1px solid rgba(86, 90, 207, 0.2);
   border-width: 1px 1px 3px 1px;
   border-bottom-color: #565acf;
 }
 
 @media only screen and (max-width: 575px) {
   .side-bar .widget {
     margin-bottom: 30px;
   }
 }
 
 .recent-overlay-post .widget-post {
   position: relative;
   z-index: 1;
 }
 
 .recent-overlay-post .widget-post:after {
   content: "";
   position: absolute;
   width: 100%;
   display: block;
   height: 100%;
   right: 0;
   top: 0;
   background: #0f1012;
   opacity: 0.6;
   z-index: 1;
 }
 
 .widget-link {
   margin: 0px;
   padding: 0px;
 }
 
 .widget-link li {
   list-style: none;
   display: inline-block;
   padding-right: 3px;
   padding-left: 10px;
   position: relative;
 }
 
 .widget-link li:after {
   content: "/";
   position: absolute;
   left: 0;
 }
 
 .widget-link li:last-child {
   padding-left: 3px;
 }
 
 .widget-link li:last-child:after {
   content: none;
 }
 
 .widget-link-2 ul {
   margin: 0px;
   padding: 0px;
   list-style: none;
 }
 
 .widget-link-2 ul li {
   list-style: none;
   display: inline-block;
   padding: 10px 0;
   position: relative;
 }
 
 .widget-link-2 ul li a {
   padding: 10px 0;
 }
 
 .wp-block-latest-posts ul,
 .wp-block-categories-list ul,
 .wp-block-archives-list ul,
 .widget_categories ul,
 .widget_archive ul,
 .widget_meta ul,
 .widget_pages ul,
 .widget_recent_comments ul,
 .widget_nav_menu ul,
 .widget_rss ul,
 .widget_recent_entries ul,
 .widget_services ul,
 .widget_getintuch ul {
   list-style: none;
   padding-right: 0;
   margin-bottom: 0;
 }
 
 .wp-block-latest-posts ul li,
 .wp-block-categories-list ul li,
 .wp-block-archives-list ul li,
 .widget_categories ul li,
 .widget_archive ul li,
 .widget_meta ul li,
 .widget_pages ul li,
 .widget_recent_comments ul li,
 .widget_nav_menu ul li,
 .widget_rss ul li,
 .widget_recent_entries ul li,
 .widget_services ul li,
 .widget_getintuch ul li {
   padding-bottom: 18px;
   margin-bottom: 13px;
   position: relative;
   padding: 10px 15px 10px 0px;
   margin-bottom: 0;
   line-height: 20px;
   border-bottom: 1px solid rgba(0, 0, 0, 0.1);
 }
 
 .wp-block-latest-posts ul li a,
 .wp-block-categories-list ul li a,
 .wp-block-archives-list ul li a,
 .widget_categories ul li a,
 .widget_archive ul li a,
 .widget_meta ul li a,
 .widget_pages ul li a,
 .widget_recent_comments ul li a,
 .widget_nav_menu ul li a,
 .widget_rss ul li a,
 .widget_recent_entries ul li a,
 .widget_services ul li a,
 .widget_getintuch ul li a {
   color: #11171A;
   text-transform: capitalize;
   font-size: 14px;
   font-weight: 500;
 }
 
 .wp-block-latest-posts ul li a:hover,
 .wp-block-categories-list ul li a:hover,
 .wp-block-archives-list ul li a:hover,
 .widget_categories ul li a:hover,
 .widget_archive ul li a:hover,
 .widget_meta ul li a:hover,
 .widget_pages ul li a:hover,
 .widget_recent_comments ul li a:hover,
 .widget_nav_menu ul li a:hover,
 .widget_rss ul li a:hover,
 .widget_recent_entries ul li a:hover,
 .widget_services ul li a:hover,
 .widget_getintuch ul li a:hover {
   color: #565acf;
 }
 
 .wp-block-latest-posts ul li:before,
 .wp-block-categories-list ul li:before,
 .wp-block-archives-list ul li:before,
 .widget_categories ul li:before,
 .widget_archive ul li:before,
 .widget_meta ul li:before,
 .widget_pages ul li:before,
 .widget_recent_comments ul li:before,
 .widget_nav_menu ul li:before,
 .widget_rss ul li:before,
 .widget_recent_entries ul li:before,
 .widget_services ul li:before,
 .widget_getintuch ul li:before {
   content: "";
   position: absolute;
   right: 0;
   top: 10px;
   display: block;
   width: 5px;
   height: 5px;
   background: #a6611c;
   top: 17px;
 }
 
 .wp-block-latest-posts ul li li,
 .wp-block-categories-list ul li li,
 .wp-block-archives-list ul li li,
 .widget_categories ul li li,
 .widget_archive ul li li,
 .widget_meta ul li li,
 .widget_pages ul li li,
 .widget_recent_comments ul li li,
 .widget_nav_menu ul li li,
 .widget_rss ul li li,
 .widget_recent_entries ul li li,
 .widget_services ul li li,
 .widget_getintuch ul li li {
   border-bottom: none;
   padding-top: 8px;
   padding-bottom: 8px;
   line-height: 22px;
   border-bottom: 1px solid rgba(0, 0, 0, 0.1);
 }
 
 .wp-block-latest-posts ul li li:last-child,
 .wp-block-categories-list ul li li:last-child,
 .wp-block-archives-list ul li li:last-child,
 .widget_categories ul li li:last-child,
 .widget_archive ul li li:last-child,
 .widget_meta ul li li:last-child,
 .widget_pages ul li li:last-child,
 .widget_recent_comments ul li li:last-child,
 .widget_nav_menu ul li li:last-child,
 .widget_rss ul li li:last-child,
 .widget_recent_entries ul li li:last-child,
 .widget_services ul li li:last-child,
 .widget_getintuch ul li li:last-child {
   border-bottom: 0;
   padding-bottom: 0;
 }
 
 .wp-block-latest-posts ul li li:before,
 .wp-block-categories-list ul li li:before,
 .wp-block-archives-list ul li li:before,
 .widget_categories ul li li:before,
 .widget_archive ul li li:before,
 .widget_meta ul li li:before,
 .widget_pages ul li li:before,
 .widget_recent_comments ul li li:before,
 .widget_nav_menu ul li li:before,
 .widget_rss ul li li:before,
 .widget_recent_entries ul li li:before,
 .widget_services ul li li:before,
 .widget_getintuch ul li li:before {
   top: 16px;
   right: 0;
 }
 
 .wp-block-latest-posts ul li ul,
 .wp-block-categories-list ul li ul,
 .wp-block-archives-list ul li ul,
 .widget_categories ul li ul,
 .widget_archive ul li ul,
 .widget_meta ul li ul,
 .widget_pages ul li ul,
 .widget_recent_comments ul li ul,
 .widget_nav_menu ul li ul,
 .widget_rss ul li ul,
 .widget_recent_entries ul li ul,
 .widget_services ul li ul,
 .widget_getintuch ul li ul {
   padding-right: 20px;
   margin-top: 8px;
   border-top: 1px solid rgba(0, 0, 0, 0.1);
   margin-right: -15px;
 }
 
 .search-bx .btn {
   padding: 11px 15px;
   border: 1px solid transparent;
   border-bottom-right-radius: 0;
   border-top-right-radius: 0;
   height: 100%;
 }
 
 .widget.widget_search {
   border: 0;
   padding: 0;
 }
 
 .widget.widget_search .screen-reader-text {
   display: block;
 }
 
 .widget.widget_search .input-group-btn {
   position: relative;
   z-index: 99;
 }
 
 .searchform {
   position: relative;
 }
 
 .searchform input[type="text"] {
   width: 100%;
   height: 70px;
   position: relative;
   background-color: #fff;
   border-radius: 6px 6px 4px 4px !important;
   padding: 30px 30px;
   box-shadow: 0px 10px 30px 0 rgba(0, 0, 0, 0.06);
   border: 1px solid rgba(86, 90, 207, 0.2);
   border-width: 1px 1px 3px 1px;
   border-bottom-color: #565acf;
 }
 
 .searchform input[type="text"]:hover,
 .searchform input[type="text"]:focus,
 .searchform input[type="text"]:active {
   border-color: #565acf;
 }
 
 .searchform .btn {
   height: 50px;
   padding: 0;
   position: absolute;
   left: 10px;
   top: 10px;
   z-index: 1;
   width: 50px;
 }
 
 /*widget recent-posts*/
 .recent-posts-entry .widget-post {
   margin-bottom: 15px;
   align-items: center;
   display: flex;
   border-bottom: 1px solid #eee;
   padding-bottom: 15px;
 }
 
 .recent-posts-entry .widget-post:last-child {
   margin-bottom: 0;
   border-bottom: 0;
   padding-bottom: 0;
 }
 
 .recent-posts-entry .ttr-post-media {
   width: 100px;
   min-width: 100px;
   margin: 0;
   border-radius: 12px;
 }
 
 .recent-posts-entry .ttr-post-info {
   background: transparent;
   padding: 0;
   padding-right: 15px;
   border: none;
   padding-left: 0;
 }
 
 .recent-posts-entry .ttr-post-info .post-title {
   margin-bottom: 12px;
   font-size: 16px;
 }
 
 .recent-posts-entry .ttr-post-info .post-title a {
   color: #1f2278;
 }
 
 .recent-posts-entry .post-meta {
   margin-bottom: 0;
 }
 
 .recent-posts-entry .post-meta li a {
   font-family: "Tajawal", sans-serif;
   color: #565acf;
   text-transform: uppercase;
   font-weight: 400;
   font-size: 14px;
 }
 
 .widget_recent_comments ul li:before {
   content: "\f0e6";
   font-family: FontAwesome;
   background: transparent;
   width: auto;
   height: auto;
   right: 0;
   top: 10px;
   font-size: 18px;
   color: #11171A;
 }
 
 .widget_recent_comments ul {
   margin-top: -10px;
 }
 
 .widget_recent_comments ul li {
   padding-right: 30px;
   color: #11171A;
   line-height: 26px;
 }
 
 /* widget meta*/
 .widget_meta ul li a abbr[title] {
   color: #333;
   border-bottom: none;
 }
 
 /*widget calender*/
 .widget_calendar th,
 .widget_calendar td {
   text-align: center;
   border: 1px solid rgba(0, 0, 0, 0.05);
   padding: 0.4em;
 }
 
 .widget_calendar tr {
   border-bottom: 1px solid #eee;
 }
 
 .widget_calendar table {
   border-collapse: collapse;
   margin: 0;
   width: 100%;
 }
 
 .widget_calendar .calendar_wrap th,
 .widget_calendar .calendar_wrap tfoot td a {
   color: #fff;
 }
 
 .widget_calendar .calendar_wrap th,
 .widget_calendar .calendar_wrap tfoot td {
   background: #7a4815;
   border-color: rgba(0, 0, 0, 0.05);
 }
 
 .widget_calendar .calendar_wrap td a {
   font-weight: 600;
   text-transform: uppercase;
   font-size: 14px;
   color: inherit;
 }
 
 .widget_calendar .calendar_wrap th:last-child,
 .widget_calendar .calendar_wrap tfoot td:last-child {
   border: 0;
 }
 
 .widget_calendar .calendar_wrap tr:nth-child(2n+2) {
   background-color: #faf8f2;
 }
 
 .widget_calendar caption {
   text-align: center;
   font-weight: 600;
   caption-side: top;
   background: #a6611c;
   color: #fff;
   text-transform: uppercase;
   font-size: 15px;
 }
 
 .wp-calendar-nav {
   background: #854e16;
   color: #fff;
   display: flex;
   justify-content: space-between;
   text-align: center;
 }
 
 .wp-calendar-nav span {
   padding: 5px 20px;
   width: 44%;
   border-left: 1px solid rgba(255, 255, 255, 0.2);
 }
 
 .wp-calendar-nav span a {
   color: #fff;
 }
 
 .wp-calendar-nav span .pad {
   width: 15%;
 }
 
 .widget_tag_cloud a {
   padding: 8px 12px;
   background-color: #565acf;
   font-size: 12px;
   display: inline-block;
   margin: 0 1px 6px;
   color: #fff;
   font-weight: 600;
   border-radius: 8px;
   -webkit-transition: all 0.5s;
   -ms-transition: all 0.5s;
   transition: all 0.5s;
 }
 
 .widget_tag_cloud a:hover {
   background-color: #f17732;
 }
 
 .widget_archive select {
   width: 100%;
   padding: 5px;
   border: 1px solid #CCC;
 }
 
 .widget_text select {
   width: 100%;
   padding: 5px;
   border: 1px solid #CCC;
 }
 
 .widget_text select option {
   width: 100%;
 }
 
 .widget_text p {
   font-size: 15px;
   line-height: 28px;
 }
 
 .widget_text b,
 .widget_text strong {
   color: #11171A;
 }
 
 .widget_archive ul li,
 .wp-block-categories-list li,
 .wp-block-archives-list li,
 .wp-block-latest-posts li,
 .widget_categories ul li {
   text-align: left;
   display: table;
   width: 100%;
   font-size: 14px;
   padding: 10px 15px 10px 0px;
   line-height: 1.3;
 }
 
 .widget_archive ul li a,
 .wp-block-categories-list li a,
 .wp-block-archives-list li a,
 .wp-block-latest-posts li a,
 .widget_categories ul li a {
   float: right;
   text-transform: capitalize;
   box-shadow: none;
   text-align: right;
 }
 
 .widget_archive ul li ul,
 .wp-block-categories-list li ul,
 .wp-block-archives-list li ul,
 .wp-block-latest-posts li ul,
 .widget_categories ul li ul {
   margin-bottom: -10px;
 }
 
 .widget_archive ul li:before,
 .wp-block-categories-list li:before,
 .wp-block-archives-list li:before,
 .wp-block-latest-posts li:before,
 .widget_categories ul li:before {
   content: none;
 }
 
 .wp-block-latest-posts,
 .wp-block-categories-list,
 .wp-block-archives-list {
   margin-bottom: 40px;
   padding: 0;
 }
 
 .widget_categories form label {
   display: block;
 }
 
 .rsswidget img {
   display: inherit;
 }
 
 .widget-title .rsswidget {
   display: inline-block;
 }
 
 ul a.rsswidget,
 ul cite {
   font-weight: 600;
   color: #060429;
   font-size: 14px;
 }
 
 ul a.rsswidget {
   font-size: 18px;
 }
 
 ul a.rsswidget:hover {
   color: #a6611c;
 }
 
 .rssSummary {
   margin: 20px 0;
   font-size: 14px;
   line-height: 1.7;
 }
 
 .rss-date {
   display: block;
   margin-top: 5px;
   font-size: 14px;
   font-weight: 400;
   color: #9fa1a4;
 }
 
 .widget_rss ul li {
   margin-bottom: 20px;
   padding-bottom: 20px;
   border-bottom: 1px solid rgba(0, 0, 0, 0.1);
   padding-top: 0;
 }
 
 .widget_rss ul li:last-child {
   margin-bottom: 0;
   border-bottom: 0;
   padding-bottom: 0;
 }
 
 .widget_getintuch {
   padding-top: 10px;
 }
 
 .widget_getintuch li {
   margin-bottom: 20px;
   position: relative;
   padding-right: 40px;
 }
 
 .widget_getintuch li,
 .widget_getintuch b,
 .widget_getintuch strong {
   display: block;
   text-transform: capitalize;
 }
 
 .widget_getintuch strong {
   font-weight: 600;
   font-size: 16px;
 }
 
 .widget_getintuch i {
   position: absolute;
   right: 0;
   top: 5px;
   text-align: center;
   font-size: 22px;
   width: 30px;
   height: 30px;
   line-height: 30px;
 }
 
 .widget_gallery ul {
   padding-right: 0;
   display: table;
   margin-bottom: 0;
 }
 
 .widget_gallery ul li {
   display: inline-block;
   width: 33.33%;
   float: right;
   -webkit-transition: all 0.5s;
   -ms-transition: all 0.5s;
   transition: all 0.5s;
   padding: 2px;
 }
 
 .widget_gallery ul li img {
   display: inline-block;
   width: 100%;
 }
 
 .widget_gallery ul li:nth-child(3n-3) {
   margin-left: 0;
 }
 
 .widget_gallery ul li:hover {
   opacity: 0.7;
 }
 
 .widget_gallery ul li a {
   display: inline-block;
 }
 
 .widget_gallery.gallery-grid-2 li {
   width: 50%;
 }
 
 .widget_gallery.gallery-grid-4 li {
   width: 25%;
 }
 
 .widget_gallery.gallery-grid-8 li {
   width: 12.5%;
 }
 
 @media only screen and (max-width: 767px) {
   .gallery-grid-8 li {
     width: 25%;
   }
 }
 
 .commentlist .bypostauthor {
   font-weight: 600;
 }
 
 .admin-bar .is-fixed .main-bar {
   top: 30px;
 }
 
 @media only screen and (max-width: 991px) {
   .admin-bar .header-nav {
     top: 30px;
     height: calc(100vh - 30px);
   }
 }
 
 @media only screen and (max-width: 782px) {
   .admin-bar .is-fixed .main-bar {
     top: 45px;
   }
 
   .admin-bar .header-nav {
     top: 45px;
     height: calc(100vh - 45px);
   }
 }
 
 @media only screen and (max-width: 600px) {
   .admin-bar .is-fixed .main-bar {
     top: 0;
   }
 
   .admin-bar .header-nav {
     top: 45px;
     height: calc(100vh - 45px);
   }
 
   .admin-bar .is-fixed .header-nav {
     top: 0;
     height: 100vh;
   }
 }
 
 /* ==================
     9.2 Footer
 =================== */
 footer {
   position: relative;
   z-index: 1;
   overflow: hidden;
   font-size: 15px;
   background-repeat: no-repeat;
   background-position: center;
   background-size: cover;
 }
 
 footer p {
   font-weight: 500;
 }
 
 footer .widget.footer_widget ul {
   margin-bottom: 0;
 }
 
 footer .widget .footer-title {
   margin-bottom: 30px;
   position: relative;
   padding-bottom: 20px;
   font-size: 24px;
 }
 
 footer .widget .footer-title:after {
   content: "";
   position: absolute;
   bottom: 0;
   right: 0;
   width: 85px;
   height: 7px;
   background-image: url(/modules/website/images/shap/footer-line.png);
   background-repeat: no-repeat;
 }
 
 @media only screen and (max-width: 767px) {
   footer .widget .footer-title {
     padding-bottom: 15px;
     font-size: 20px;
     margin-bottom: 25px;
   }
 
   footer .widget .footer-title:after {
     width: 75px;
     height: 5px;
   }
 }
 
 @media only screen and (max-width: 767px) {
   footer .widget {
     margin-bottom: 40px;
   }
 }
 
 footer .ft-contact p {
   font-size: 16px;
   line-height: 28px;
   font-weight: 500;
   margin-bottom: 30px;
 }
 
 footer .ft-contact .contact-bx {
   display: flex;
   align-items: center;
 }
 
 footer .ft-contact .contact-bx .icon i {
   font-size: 24px;
   color: #fff;
   margin-left: 15px;
   background-color: #f17732;
   border-radius: 30px 30px 30px 0px;
   width: 58px;
   height: 58px;
   line-height: 58px;
   text-align: center;
 }
 
 footer .ft-contact .contact-bx .contact-number .number {
   margin-bottom: 0;
   font-size: 20px;
 }
 
 footer .ft-contact .contact-bx .contact-number span {
   color: #f17732;
   font-size: 14px;
   margin-bottom: 5px;
   font-weight: 600;
   display: block;
 }
 
 @media only screen and (max-width: 767px) {
   footer .ft-contact p {
     margin-bottom: 20px;
   }
 }
 
 footer .footer-logo {
   max-width: 190px;
   margin-bottom: 25px;
 }
 
 @media only screen and (max-width: 767px) {
   footer .footer-logo {
     margin-bottom: 15px;
   }
 }
 
 footer .widget-logo ul {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
 }
 
 footer .widget-logo ul li {
   display: inline-block;
   flex: 50%;
   padding: 0 0px 15px 15px;
 }
 
 footer .footer-top {
   padding: 200px 0 20px;
 }
 
 @media only screen and (max-width: 1380px) {
   footer .footer-top {
     padding: 150px 0 0;
   }
 }
 
 @media only screen and (max-width: 991px) {
   footer .footer-top {
     padding: 120px 0 0;
   }
 }
 
 @media only screen and (max-width: 767px) {
   footer .footer-top {
     padding: 100px 0 0;
   }
 }
 
 @media only screen and (max-width: 575px) {
   footer .footer-top {
     padding: 70px 0 10px;
   }
 }
 
 footer .footer-bottom {
   padding: 25px 0;
   font-size: 15px;
 }
 
 footer .subscribe-form .form-control {
   border-radius: 10px;
   box-shadow: 0px 10px 60px 0px rgba(31, 34, 120, 0.1);
   margin-bottom: 20px;
   height: 52px;
   font-size: 15px;
   font-weight: 500;
 }
 
 @media only screen and (max-width: 991px) {
   footer .widget.footer_widget.ml-50 {
     margin-right: 0;
   }
 }
 
 .footer .footer_widget ul li a {
   font-size: 16px;
   font-weight: 500;
   padding: 6px 0;
   display: block;
   line-height: 25px;
   color: #444;
   position: relative;
 }
 
 .footer .footer_widget ul li a:hover {
   color: #565acf;
 }
 
 .footer .footer-bottom {
   border-top: 1px solid #d4d5f1;
 }
 
 .footer .footer-bottom .copyright-text {
   margin: 0;
 }
 
 .footer .footer-bottom .link-inline {
   margin: 0 -15px;
 }
 
 .footer .footer-bottom .link-inline li {
   display: inline-block;
   margin-right: 15px;
   margin-left: 15px;
   text-transform: capitalize;
 }
 
 .footer .footer-bottom .link-inline li a:hover {
   color: #565acf;
 }
 
 .footer:after {
   content: "";
   background-image: url(/modules/website/images/background/footer-shape.png);
   position: absolute;
   top: 0;
   right: 0;
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-size: 100%;
   z-index: -1;
   background-position: right top;
 }
 
 .footer .footer-social-link ul {
   margin: 0 -8px;
 }
 
 .footer .footer-social-link ul li {
   display: inline-block;
   padding: 0 8px;
 }
 
 .footer .pt-img1 {
   top: 100px;
   right: 130px;
   z-index: 1;
 }
 
 @media only screen and (max-width: 1380px) {
   .footer .pt-img1 {
     top: 80px;
     right: 80px;
   }
 }
 
 .footer .pt-img2 {
   bottom: 180px;
   right: 30px;
 }
 
 @media only screen and (max-width: 1380px) {
   .footer .pt-img2 {
     bottom: 100px;
     right: 60px;
   }
 }
 
 .footer .pt-img3 {
   top: 180px;
   left: 40px;
 }
 
 @media only screen and (max-width: 991px) {
   .footer .pt-img3 {
     left: -50px;
   }
 }
 
 .footer .pt-img4 {
   bottom: 120px;
   left: 60px;
 }
 
 @media only screen and (max-width: 991px) {
   .footer .pt-img4 {
     bottom: 40px;
     sleft: 0px;
   }
 }