/*==========
	* 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.0.1 (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=Aleo:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&family=Karla:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&family=Open+Sans&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-primary: #565acf;
   --bs-secondary: #f17732;
   --bs-success: #209f84;
   --bs-info: #2754e6;
   --bs-warning: #fe970e;
   --bs-danger: #f72b50;
   --bs-light: #fff;
   --bs-dark: #1f2278;
   --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));
 }

 *,
 *::before,
 *::after {
   box-sizing: border-box;
 }

 @media (prefers-reduced-motion: no-preference) {
   :root {
     scroll-behavior: smooth;
   }
 }

 body {
   margin: 0;
   font-family: 'Karla', sans-serif;
   font-size: 1rem;
   font-weight: 500;
   line-height: 1.5;
   color: #444;
   background-color: #ffffff;
   -webkit-text-size-adjust: 100%;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }

 hr {
  padding: 10px;
  margin: 1rem 0;
  color: #2190cc;
 }

 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-left: 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-left: 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;
   cursor: pointer;
 }

 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
     /* rtl:ignore */
   ;
   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: left;
 }

 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: left;
   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: left;
 }

 ::-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;
 }

 /* rtl:raw:
[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-left: 0;
   list-style: none;
 }

 .list-inline {
   padding-left: 0;
   list-style: none;
 }

 .list-inline-item {
   display: inline-block;
 }

 .list-inline-item:not(:last-child) {
   margin-right: 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-right: var(--bs-gutter-x, 15px);
   padding-left: var(--bs-gutter-x, 15px);
   margin-right: auto;
   margin-left: 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;
   }
 }

 /* .container {
   padding-left: 30px;
   padding-right: 40px;
 } */

 .row {
   --bs-gutter-x: 30px;
   --bs-gutter-y: 0;
   display: flex;
   flex-wrap: wrap;
   margin-top: calc(var(--bs-gutter-y) * -1);
   margin-right: calc(var(--bs-gutter-x) / -2);
   margin-left: calc(var(--bs-gutter-x) / -2);
 }

 .row>* {
   flex-shrink: 0;
   width: 100%;
   max-width: 100%;
   padding-right: calc(var(--bs-gutter-x) / 2);
   padding-left: calc(var(--bs-gutter-x) / 2);
   margin-top: var(--bs-gutter-y);
 }

 .col {
   flex: 1 0 0%;
 }

 .row-cols-auto>* {
   flex: 0 0 auto;
   width: auto;
 }

 .row-cols-1>* {
   flex: 0 0 auto;
   width: 100%;
 }

 .row-cols-2>* {
   flex: 0 0 auto;
   width: 50%;
 }

 .row-cols-3>* {
   flex: 0 0 auto;
   width: 33.3333333333%;
 }

 .row-cols-4>* {
   flex: 0 0 auto;
   width: 25%;
 }

 .row-cols-5>* {
   flex: 0 0 auto;
   width: 20%;
 }

 .row-cols-6>* {
   flex: 0 0 auto;
   width: 16.6666666667%;
 }

 .col-auto {
   flex: 0 0 auto;
   width: auto;
 }

 .col-1 {
   flex: 0 0 auto;
   width: 8.3333333333%;
 }

 .col-2 {
   flex: 0 0 auto;
   width: 16.6666666667%;
 }

 .col-3 {
   flex: 0 0 auto;
   width: 25%;
 }

 .col-4 {
   flex: 0 0 auto;
   width: 33.3333333333%;
 }

 .col-5 {
   flex: 0 0 auto;
   width: 41.6666666667%;
 }

 .col-6 {
   flex: 0 0 auto;
   width: 50%;
 }

 .col-7 {
   flex: 0 0 auto;
   width: 58.3333333333%;
 }

 .col-8 {
   flex: 0 0 auto;
   width: 66.6666666667%;
 }

 .col-9 {
   flex: 0 0 auto;
   width: 75%;
 }

 .col-10 {
   flex: 0 0 auto;
   width: 83.3333333333%;
 }

 .col-11 {
   flex: 0 0 auto;
   width: 91.6666666667%;
 }

 .col-12 {
   flex: 0 0 auto;
   width: 100%;
 }

 .offset-1 {
   margin-left: 8.3333333333%;
 }

 .offset-2 {
   margin-left: 16.6666666667%;
 }

 .offset-3 {
   margin-left: 25%;
 }

 .offset-4 {
   margin-left: 33.3333333333%;
 }

 .offset-5 {
   margin-left: 41.6666666667%;
 }

 .offset-6 {
   margin-left: 50%;
 }

 .offset-7 {
   margin-left: 58.3333333333%;
 }

 .offset-8 {
   margin-left: 66.6666666667%;
 }

 .offset-9 {
   margin-left: 75%;
 }

 .offset-10 {
   margin-left: 83.3333333333%;
 }

 .offset-11 {
   margin-left: 91.6666666667%;
 }

 .g-0,
 .gx-0 {
   --bs-gutter-x: 0;
 }

 .g-0,
 .gy-0 {
   --bs-gutter-y: 0;
 }

 .g-1,
 .gx-1 {
   --bs-gutter-x: 0.25rem;
 }

 .g-1,
 .gy-1 {
   --bs-gutter-y: 0.25rem;
 }

 .g-2,
 .gx-2 {
   --bs-gutter-x: 0.5rem;
 }

 .g-2,
 .gy-2 {
   --bs-gutter-y: 0.5rem;
 }

 .g-3,
 .gx-3 {
   --bs-gutter-x: 1rem;
 }

 .g-3,
 .gy-3 {
   --bs-gutter-y: 1rem;
 }

 .g-4,
 .gx-4 {
   --bs-gutter-x: 1.5rem;
 }

 .g-4,
 .gy-4 {
   --bs-gutter-y: 1.5rem;
 }

 .g-5,
 .gx-5 {
   --bs-gutter-x: 3rem;
 }

 .g-5,
 .gy-5 {
   --bs-gutter-y: 3rem;
 }

 @media (min-width: 576px) {
   .col-sm {
     flex: 1 0 0%;
   }

   .row-cols-sm-auto>* {
     flex: 0 0 auto;
     width: auto;
   }

   .row-cols-sm-1>* {
     flex: 0 0 auto;
     width: 100%;
   }

   .row-cols-sm-2>* {
     flex: 0 0 auto;
     width: 50%;
   }

   .row-cols-sm-3>* {
     flex: 0 0 auto;
     width: 33.3333333333%;
   }

   .row-cols-sm-4>* {
     flex: 0 0 auto;
     width: 25%;
   }

   .row-cols-sm-5>* {
     flex: 0 0 auto;
     width: 20%;
   }

   .row-cols-sm-6>* {
     flex: 0 0 auto;
     width: 16.6666666667%;
   }

   .col-sm-auto {
     flex: 0 0 auto;
     width: auto;
   }

   .col-sm-1 {
     flex: 0 0 auto;
     width: 8.3333333333%;
   }

   .col-sm-2 {
     flex: 0 0 auto;
     width: 16.6666666667%;
   }

   .col-sm-3 {
     flex: 0 0 auto;
     width: 25%;
   }

   .col-sm-4 {
     flex: 0 0 auto;
     width: 33.3333333333%;
   }

   .col-sm-5 {
     flex: 0 0 auto;
     width: 41.6666666667%;
   }

   .col-sm-6 {
     flex: 0 0 auto;
     width: 50%;
   }

   .col-sm-7 {
     flex: 0 0 auto;
     width: 58.3333333333%;
   }

   .col-sm-8 {
     flex: 0 0 auto;
     width: 66.6666666667%;
   }

   .col-sm-9 {
     flex: 0 0 auto;
     width: 75%;
   }

   .col-sm-10 {
     flex: 0 0 auto;
     width: 83.3333333333%;
   }

   .col-sm-11 {
     flex: 0 0 auto;
     width: 91.6666666667%;
   }

   .col-sm-12 {
     flex: 0 0 auto;
     width: 100%;
   }

   .offset-sm-0 {
     margin-left: 0;
   }

   .offset-sm-1 {
     margin-left: 8.3333333333%;
   }

   .offset-sm-2 {
     margin-left: 16.6666666667%;
   }

   .offset-sm-3 {
     margin-left: 25%;
   }

   .offset-sm-4 {
     margin-left: 33.3333333333%;
   }

   .offset-sm-5 {
     margin-left: 41.6666666667%;
   }

   .offset-sm-6 {
     margin-left: 50%;
   }

   .offset-sm-7 {
     margin-left: 58.3333333333%;
   }

   .offset-sm-8 {
     margin-left: 66.6666666667%;
   }

   .offset-sm-9 {
     margin-left: 75%;
   }

   .offset-sm-10 {
     margin-left: 83.3333333333%;
   }

   .offset-sm-11 {
     margin-left: 91.6666666667%;
   }

   .g-sm-0,
   .gx-sm-0 {
     --bs-gutter-x: 0;
   }

   .g-sm-0,
   .gy-sm-0 {
     --bs-gutter-y: 0;
   }

   .g-sm-1,
   .gx-sm-1 {
     --bs-gutter-x: 0.25rem;
   }

   .g-sm-1,
   .gy-sm-1 {
     --bs-gutter-y: 0.25rem;
   }

   .g-sm-2,
   .gx-sm-2 {
     --bs-gutter-x: 0.5rem;
   }

   .g-sm-2,
   .gy-sm-2 {
     --bs-gutter-y: 0.5rem;
   }

   .g-sm-3,
   .gx-sm-3 {
     --bs-gutter-x: 1rem;
   }

   .g-sm-3,
   .gy-sm-3 {
     --bs-gutter-y: 1rem;
   }

   .g-sm-4,
   .gx-sm-4 {
     --bs-gutter-x: 1.5rem;
   }

   .g-sm-4,
   .gy-sm-4 {
     --bs-gutter-y: 1.5rem;
   }

   .g-sm-5,
   .gx-sm-5 {
     --bs-gutter-x: 3rem;
   }

   .g-sm-5,
   .gy-sm-5 {
     --bs-gutter-y: 3rem;
   }
 }

 @media (min-width: 768px) {
   .col-md {
     flex: 1 0 0%;
   }

   .row-cols-md-auto>* {
     flex: 0 0 auto;
     width: auto;
   }

   .row-cols-md-1>* {
     flex: 0 0 auto;
     width: 100%;
   }

   .row-cols-md-2>* {
     flex: 0 0 auto;
     width: 50%;
   }

   .row-cols-md-3>* {
     flex: 0 0 auto;
     width: 33.3333333333%;
   }

   .row-cols-md-4>* {
     flex: 0 0 auto;
     width: 25%;
   }

   .row-cols-md-5>* {
     flex: 0 0 auto;
     width: 20%;
   }

   .row-cols-md-6>* {
     flex: 0 0 auto;
     width: 16.6666666667%;
   }

   .col-md-auto {
     flex: 0 0 auto;
     width: auto;
   }

   .col-md-1 {
     flex: 0 0 auto;
     width: 8.3333333333%;
   }

   .col-md-2 {
     flex: 0 0 auto;
     width: 16.6666666667%;
   }

   .col-md-3 {
     flex: 0 0 auto;
     width: 25%;
   }

   .col-md-4 {
     flex: 0 0 auto;
     width: 33.3333333333%;
   }

   .col-md-5 {
     flex: 0 0 auto;
     width: 41.6666666667%;
   }

   .col-md-6 {
     flex: 0 0 auto;
     width: 50%;
   }

   .col-md-7 {
     flex: 0 0 auto;
     width: 58.3333333333%;
   }

   .col-md-8 {
     flex: 0 0 auto;
     width: 66.6666666667%;
   }

   .col-md-9 {
     flex: 0 0 auto;
     width: 75%;
   }

   .col-md-10 {
     flex: 0 0 auto;
     width: 83.3333333333%;
   }

   .col-md-11 {
     flex: 0 0 auto;
     width: 91.6666666667%;
   }

   .col-md-12 {
     flex: 0 0 auto;
     width: 100%;
   }

   .offset-md-0 {
     margin-left: 0;
   }

   .offset-md-1 {
     margin-left: 8.3333333333%;
   }

   .offset-md-2 {
     margin-left: 16.6666666667%;
   }

   .offset-md-3 {
     margin-left: 25%;
   }

   .offset-md-4 {
     margin-left: 33.3333333333%;
   }

   .offset-md-5 {
     margin-left: 41.6666666667%;
   }

   .offset-md-6 {
     margin-left: 50%;
   }

   .offset-md-7 {
     margin-left: 58.3333333333%;
   }

   .offset-md-8 {
     margin-left: 66.6666666667%;
   }

   .offset-md-9 {
     margin-left: 75%;
   }

   .offset-md-10 {
     margin-left: 83.3333333333%;
   }

   .offset-md-11 {
     margin-left: 91.6666666667%;
   }

   .g-md-0,
   .gx-md-0 {
     --bs-gutter-x: 0;
   }

   .g-md-0,
   .gy-md-0 {
     --bs-gutter-y: 0;
   }

   .g-md-1,
   .gx-md-1 {
     --bs-gutter-x: 0.25rem;
   }

   .g-md-1,
   .gy-md-1 {
     --bs-gutter-y: 0.25rem;
   }

   .g-md-2,
   .gx-md-2 {
     --bs-gutter-x: 0.5rem;
   }

   .g-md-2,
   .gy-md-2 {
     --bs-gutter-y: 0.5rem;
   }

   .g-md-3,
   .gx-md-3 {
     --bs-gutter-x: 1rem;
   }

   .g-md-3,
   .gy-md-3 {
     --bs-gutter-y: 1rem;
   }

   .g-md-4,
   .gx-md-4 {
     --bs-gutter-x: 1.5rem;
   }

   .g-md-4,
   .gy-md-4 {
     --bs-gutter-y: 1.5rem;
   }

   .g-md-5,
   .gx-md-5 {
     --bs-gutter-x: 3rem;
   }

   .g-md-5,
   .gy-md-5 {
     --bs-gutter-y: 3rem;
   }
 }

 @media (min-width: 992px) {
   .col-lg {
     flex: 1 0 0%;
   }

   .row-cols-lg-auto>* {
     flex: 0 0 auto;
     width: auto;
   }

   .row-cols-lg-1>* {
     flex: 0 0 auto;
     width: 100%;
   }

   .row-cols-lg-2>* {
     flex: 0 0 auto;
     width: 50%;
   }

   .row-cols-lg-3>* {
     flex: 0 0 auto;
     width: 33.3333333333%;
   }

   .row-cols-lg-4>* {
     flex: 0 0 auto;
     width: 25%;
   }

   .row-cols-lg-5>* {
     flex: 0 0 auto;
     width: 20%;
   }

   .row-cols-lg-6>* {
     flex: 0 0 auto;
     width: 16.6666666667%;
   }

   .col-lg-auto {
     flex: 0 0 auto;
     width: auto;
   }

   .col-lg-1 {
     flex: 0 0 auto;
     width: 8.3333333333%;
   }

   .col-lg-2 {
     flex: 0 0 auto;
     width: 16.6666666667%;
   }

   .col-lg-3 {
     flex: 0 0 auto;
     width: 25%;
   }

   .col-lg-4 {
     flex: 0 0 auto;
     width: 33.3333333333%;
   }

   .col-lg-5 {
     flex: 0 0 auto;
     width: 41.6666666667%;
   }

   .col-lg-6 {
     flex: 0 0 auto;
     width: 50%;
   }

   .col-lg-7 {
     flex: 0 0 auto;
     width: 58.3333333333%;
   }

   .col-lg-8 {
     flex: 0 0 auto;
     width: 66.6666666667%;
   }

   .col-lg-9 {
     flex: 0 0 auto;
     width: 75%;
   }

   .col-lg-10 {
     flex: 0 0 auto;
     width: 83.3333333333%;
   }

   .col-lg-11 {
     flex: 0 0 auto;
     width: 91.6666666667%;
   }

   .col-lg-12 {
     flex: 0 0 auto;
     width: 100%;
   }

   .offset-lg-0 {
     margin-left: 0;
   }

   .offset-lg-1 {
     margin-left: 8.3333333333%;
   }

   .offset-lg-2 {
     margin-left: 16.6666666667%;
   }

   .offset-lg-3 {
     margin-left: 25%;
   }

   .offset-lg-4 {
     margin-left: 33.3333333333%;
   }

   .offset-lg-5 {
     margin-left: 41.6666666667%;
   }

   .offset-lg-6 {
     margin-left: 50%;
   }

   .offset-lg-7 {
     margin-left: 58.3333333333%;
   }

   .offset-lg-8 {
     margin-left: 66.6666666667%;
   }

   .offset-lg-9 {
     margin-left: 75%;
   }

   .offset-lg-10 {
     margin-left: 83.3333333333%;
   }

   .offset-lg-11 {
     margin-left: 91.6666666667%;
   }

   .g-lg-0,
   .gx-lg-0 {
     --bs-gutter-x: 0;
   }

   .g-lg-0,
   .gy-lg-0 {
     --bs-gutter-y: 0;
   }

   .g-lg-1,
   .gx-lg-1 {
     --bs-gutter-x: 0.25rem;
   }

   .g-lg-1,
   .gy-lg-1 {
     --bs-gutter-y: 0.25rem;
   }

   .g-lg-2,
   .gx-lg-2 {
     --bs-gutter-x: 0.5rem;
   }

   .g-lg-2,
   .gy-lg-2 {
     --bs-gutter-y: 0.5rem;
   }

   .g-lg-3,
   .gx-lg-3 {
     --bs-gutter-x: 1rem;
   }

   .g-lg-3,
   .gy-lg-3 {
     --bs-gutter-y: 1rem;
   }

   .g-lg-4,
   .gx-lg-4 {
     --bs-gutter-x: 1.5rem;
   }

   .g-lg-4,
   .gy-lg-4 {
     --bs-gutter-y: 1.5rem;
   }

   .g-lg-5,
   .gx-lg-5 {
     --bs-gutter-x: 3rem;
   }

   .g-lg-5,
   .gy-lg-5 {
     --bs-gutter-y: 3rem;
   }
   .d-lg-none {
    display: none!important;
    }
 }

 @media (min-width: 1200px) {
   .col-xl {
     flex: 1 0 0%;
   }

   .row-cols-xl-auto>* {
     flex: 0 0 auto;
     width: auto;
   }

   .row-cols-xl-1>* {
     flex: 0 0 auto;
     width: 100%;
   }

   .row-cols-xl-2>* {
     flex: 0 0 auto;
     width: 50%;
   }

   .row-cols-xl-3>* {
     flex: 0 0 auto;
     width: 33.3333333333%;
   }

   .row-cols-xl-4>* {
     flex: 0 0 auto;
     width: 25%;
   }

   .row-cols-xl-5>* {
     flex: 0 0 auto;
     width: 20%;
   }

   .row-cols-xl-6>* {
     flex: 0 0 auto;
     width: 16.6666666667%;
   }

   .col-xl-auto {
     flex: 0 0 auto;
     width: auto;
   }

   .col-xl-1 {
     flex: 0 0 auto;
     width: 8.3333333333%;
   }

   .col-xl-2 {
     flex: 0 0 auto;
     width: 16.6666666667%;
   }

   .col-xl-3 {
     flex: 0 0 auto;
     width: 25%;
   }

   .col-xl-4 {
     flex: 0 0 auto;
     width: 33.3333333333%;
   }

   .col-xl-5 {
     flex: 0 0 auto;
     width: 41.6666666667%;
   }

   .col-xl-6 {
     flex: 0 0 auto;
     width: 50%;
   }

   .col-xl-7 {
     flex: 0 0 auto;
     width: 58.3333333333%;
   }

   .col-xl-8 {
     flex: 0 0 auto;
     width: 66.6666666667%;
   }

   .col-xl-9 {
     flex: 0 0 auto;
     width: 75%;
   }

   .col-xl-10 {
     flex: 0 0 auto;
     width: 83.3333333333%;
   }

   .col-xl-11 {
     flex: 0 0 auto;
     width: 91.6666666667%;
   }

   .col-xl-12 {
     flex: 0 0 auto;
     width: 100%;
   }

   .offset-xl-0 {
     margin-left: 0;
   }

   .offset-xl-1 {
     margin-left: 8.3333333333%;
   }

   .offset-xl-2 {
     margin-left: 16.6666666667%;
   }

   .offset-xl-3 {
     margin-left: 25%;
   }

   .offset-xl-4 {
     margin-left: 33.3333333333%;
   }

   .offset-xl-5 {
     margin-left: 41.6666666667%;
   }

   .offset-xl-6 {
     margin-left: 50%;
   }

   .offset-xl-7 {
     margin-left: 58.3333333333%;
   }

   .offset-xl-8 {
     margin-left: 66.6666666667%;
   }

   .offset-xl-9 {
     margin-left: 75%;
   }

   .offset-xl-10 {
     margin-left: 83.3333333333%;
   }

   .offset-xl-11 {
     margin-left: 91.6666666667%;
   }

   .g-xl-0,
   .gx-xl-0 {
     --bs-gutter-x: 0;
   }

   .g-xl-0,
   .gy-xl-0 {
     --bs-gutter-y: 0;
   }

   .g-xl-1,
   .gx-xl-1 {
     --bs-gutter-x: 0.25rem;
   }

   .g-xl-1,
   .gy-xl-1 {
     --bs-gutter-y: 0.25rem;
   }

   .g-xl-2,
   .gx-xl-2 {
     --bs-gutter-x: 0.5rem;
   }

   .g-xl-2,
   .gy-xl-2 {
     --bs-gutter-y: 0.5rem;
   }

   .g-xl-3,
   .gx-xl-3 {
     --bs-gutter-x: 1rem;
   }

   .g-xl-3,
   .gy-xl-3 {
     --bs-gutter-y: 1rem;
   }

   .g-xl-4,
   .gx-xl-4 {
     --bs-gutter-x: 1.5rem;
   }

   .g-xl-4,
   .gy-xl-4 {
     --bs-gutter-y: 1.5rem;
   }

   .g-xl-5,
   .gx-xl-5 {
     --bs-gutter-x: 3rem;
   }

   .g-xl-5,
   .gy-xl-5 {
     --bs-gutter-y: 3rem;
   }
 }

 @media (min-width: 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.3333333333%;
   }

   .row-cols-xxl-4>* {
     flex: 0 0 auto;
     width: 25%;
   }

   .row-cols-xxl-5>* {
     flex: 0 0 auto;
     width: 20%;
   }

   .row-cols-xxl-6>* {
     flex: 0 0 auto;
     width: 16.6666666667%;
   }

   .col-xxl-auto {
     flex: 0 0 auto;
     width: auto;
   }

   .col-xxl-1 {
     flex: 0 0 auto;
     width: 8.3333333333%;
   }

   .col-xxl-2 {
     flex: 0 0 auto;
     width: 16.6666666667%;
   }

   .col-xxl-3 {
     flex: 0 0 auto;
     width: 25%;
   }

   .col-xxl-4 {
     flex: 0 0 auto;
     width: 33.3333333333%;
   }

   .col-xxl-5 {
     flex: 0 0 auto;
     width: 41.6666666667%;
   }

   .col-xxl-6 {
     flex: 0 0 auto;
     width: 50%;
   }

   .col-xxl-7 {
     flex: 0 0 auto;
     width: 58.3333333333%;
   }

   .col-xxl-8 {
     flex: 0 0 auto;
     width: 66.6666666667%;
   }

   .col-xxl-9 {
     flex: 0 0 auto;
     width: 75%;
   }

   .col-xxl-10 {
     flex: 0 0 auto;
     width: 83.3333333333%;
   }

   .col-xxl-11 {
     flex: 0 0 auto;
     width: 91.6666666667%;
   }

   .col-xxl-12 {
     flex: 0 0 auto;
     width: 100%;
   }

   .offset-xxl-0 {
     margin-left: 0;
   }

   .offset-xxl-1 {
     margin-left: 8.3333333333%;
   }

   .offset-xxl-2 {
     margin-left: 16.6666666667%;
   }

   .offset-xxl-3 {
     margin-left: 25%;
   }

   .offset-xxl-4 {
     margin-left: 33.3333333333%;
   }

   .offset-xxl-5 {
     margin-left: 41.6666666667%;
   }

   .offset-xxl-6 {
     margin-left: 50%;
   }

   .offset-xxl-7 {
     margin-left: 58.3333333333%;
   }

   .offset-xxl-8 {
     margin-left: 66.6666666667%;
   }

   .offset-xxl-9 {
     margin-left: 75%;
   }

   .offset-xxl-10 {
     margin-left: 83.3333333333%;
   }

   .offset-xxl-11 {
     margin-left: 91.6666666667%;
   }

   .g-xxl-0,
   .gx-xxl-0 {
     --bs-gutter-x: 0;
   }

   .g-xxl-0,
   .gy-xxl-0 {
     --bs-gutter-y: 0;
   }

   .g-xxl-1,
   .gx-xxl-1 {
     --bs-gutter-x: 0.25rem;
   }

   .g-xxl-1,
   .gy-xxl-1 {
     --bs-gutter-y: 0.25rem;
   }

   .g-xxl-2,
   .gx-xxl-2 {
     --bs-gutter-x: 0.5rem;
   }

   .g-xxl-2,
   .gy-xxl-2 {
     --bs-gutter-y: 0.5rem;
   }

   .g-xxl-3,
   .gx-xxl-3 {
     --bs-gutter-x: 1rem;
   }

   .g-xxl-3,
   .gy-xxl-3 {
     --bs-gutter-y: 1rem;
   }

   .g-xxl-4,
   .gx-xxl-4 {
     --bs-gutter-x: 1.5rem;
   }

   .g-xxl-4,
   .gy-xxl-4 {
     --bs-gutter-y: 1.5rem;
   }

   .g-xxl-5,
   .gx-xxl-5 {
     --bs-gutter-x: 3rem;
   }

   .g-xxl-5,
   .gy-xxl-5 {
     --bs-gutter-y: 3rem;
   }
 }

 .table {
   --bs-table-bg: transparent;
   --bs-table-accent-bg: transparent;
   --bs-table-striped-color: #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(:last-child)> :last-child>* {
   border-bottom-color: 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-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) {
  .blogs-section p b {
    font-size: 17px !important;
    font-weight: 700;
}
   .table-responsive-md {
     overflow-x: auto;
     -webkit-overflow-scrolling: touch;
   }
   .display-mob-none {
    display: none;
   }
 }

 @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: #fff;
   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: #fff;
   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-right: 0;
   padding-left: 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 {
   max-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 2.25rem 0.375rem 0.75rem;
   font-size: 1rem;
   font-weight: 500;
   line-height: 1.5;
   color: #444;
   background-color: #fff;
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
   background-repeat: no-repeat;
   background-position: right 0.75rem center;
   background-size: 16px 12px;
   border: 1px solid #ced4da;
   border-radius: 0.25rem;
   appearance: 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-right: 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-left: 0.5rem;
   font-size: 0.875rem;
 }

 .form-select-lg {
   padding-top: 0.5rem;
   padding-bottom: 0.5rem;
   padding-left: 1rem;
   font-size: 1.25rem;
 }

 .form-check {
   display: block;
   min-height: 1.5rem;
   padding-left: 1.5em;
   margin-bottom: 0.125rem;
 }

 .form-check .form-check-input {
   float: left;
   margin-left: -1.5em;
 }

 .form-check-input {
   width: 1em;
   height: 1em;
   margin-top: 0.25em;
   vertical-align: top;
   background-color: #fff;
   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-left: 2.5em;
 }

 .form-switch .form-check-input {
   width: 2em;
   margin-left: -2.5em;
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
   background-position: left center;
   border-radius: 2em;
   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: right center;
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
 }

 .form-check-inline {
   display: inline-block;
   margin-right: 1rem;
 }

 .btn-check {
   position: absolute;
   clip: rect(0, 0, 0, 0);
   pointer-events: none;
 }

 .btn-check[disabled]+.btn,
 .btn-check:disabled+.btn {
   pointer-events: none;
   filter: none;
   opacity: 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);
   padding: 1rem 0.75rem;
 }

 .form-floating>label {
   position: absolute;
   top: 0;
   left: 0;
   height: 100%;
   padding: 1rem 0.75rem;
   pointer-events: none;
   border: 1px solid transparent;
   transform-origin: 0 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::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-right: 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-right-radius: 0;
   border-bottom-right-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-right-radius: 0;
   border-bottom-right-radius: 0;
 }

 .input-group> :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
   margin-left: -1px;
   border-top-left-radius: 0;
   border-bottom-left-radius: 0;
 }

 .valid-feedback {
   display: none;
   width: 100%;
   margin-top: 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-right: 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: right 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-right: calc(1.5em + 0.75rem);
   background-position: top calc(0.375em + 0.1875rem) right 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-right: 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: right 0.75rem center, center right 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-left: .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-right: 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: right 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-right: calc(1.5em + 0.75rem);
   background-position: top calc(0.375em + 0.1875rem) right 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-right: 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: right 0.75rem center, center right 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-left: .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;
   }
 }

 .dropup,
 .dropend,
 .dropdown,
 .dropstart {
   position: relative;
 }

 .dropdown-toggle {
   white-space: nowrap;
 }

 .dropdown-toggle::after {
   display: inline-block;
   margin-left: 0.255em;
   vertical-align: 0.255em;
   content: "";
   border-top: 0.3em solid;
   border-right: 0.3em solid transparent;
   border-bottom: 0;
   border-left: 0.3em solid transparent;
 }

 .dropdown-toggle:empty::after {
   margin-left: 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: left;
   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%;
   left: 0;
   margin-top: 0.125rem;
 }

 .dropdown-menu-start {
   --bs-position: start;
 }

 .dropdown-menu-start[data-bs-popper] {
   right: auto
     /* rtl:ignore */
   ;
   left: 0
     /* rtl:ignore */
   ;
 }

 .dropdown-menu-end {
   --bs-position: end;
 }

 .dropdown-menu-end[data-bs-popper] {
   right: 0
     /* rtl:ignore */
   ;
   left: auto
     /* rtl:ignore */
   ;
 }

 @media (min-width: 576px) {
   .dropdown-menu-sm-start {
     --bs-position: start;
   }

   .dropdown-menu-sm-start[data-bs-popper] {
     right: auto
       /* rtl:ignore */
     ;
     left: 0
       /* rtl:ignore */
     ;
   }

   .dropdown-menu-sm-end {
     --bs-position: end;
   }

   .dropdown-menu-sm-end[data-bs-popper] {
     right: 0
       /* rtl:ignore */
     ;
     left: auto
       /* rtl:ignore */
     ;
   }
 }

 @media (min-width: 768px) {
   .dropdown-menu-md-start {
     --bs-position: start;
   }

   .dropdown-menu-md-start[data-bs-popper] {
     right: auto
       /* rtl:ignore */
     ;
     left: 0
       /* rtl:ignore */
     ;
   }

   .dropdown-menu-md-end {
     --bs-position: end;
   }

   .dropdown-menu-md-end[data-bs-popper] {
     right: 0
       /* rtl:ignore */
     ;
     left: auto
       /* rtl:ignore */
     ;
   }
 }

 @media (min-width: 992px) {
   .dropdown-menu-lg-start {
     --bs-position: start;
   }

   .dropdown-menu-lg-start[data-bs-popper] {
     right: auto
       /* rtl:ignore */
     ;
     left: 0
       /* rtl:ignore */
     ;
   }

   .dropdown-menu-lg-end {
     --bs-position: end;
   }

   .dropdown-menu-lg-end[data-bs-popper] {
     right: 0
       /* rtl:ignore */
     ;
     left: auto
       /* rtl:ignore */
     ;
   }
 }

 @media (min-width: 1200px) {
   .dropdown-menu-xl-start {
     --bs-position: start;
   }

   .dropdown-menu-xl-start[data-bs-popper] {
     right: auto
       /* rtl:ignore */
     ;
     left: 0
       /* rtl:ignore */
     ;
   }

   .dropdown-menu-xl-end {
     --bs-position: end;
   }

   .dropdown-menu-xl-end[data-bs-popper] {
     right: 0
       /* rtl:ignore */
     ;
     left: auto
       /* rtl:ignore */
     ;
   }
 }

 @media (min-width: 1440) {
   .dropdown-menu-xxl-start {
     --bs-position: start;
   }

   .dropdown-menu-xxl-start[data-bs-popper] {
     right: auto
       /* rtl:ignore */
     ;
     left: 0
       /* rtl:ignore */
     ;
   }

   .dropdown-menu-xxl-end {
     --bs-position: end;
   }

   .dropdown-menu-xxl-end[data-bs-popper] {
     right: 0
       /* rtl:ignore */
     ;
     left: auto
       /* rtl:ignore */
     ;
   }
 }

 .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-left: 0.255em;
   vertical-align: 0.255em;
   content: "";
   border-top: 0;
   border-right: 0.3em solid transparent;
   border-bottom: 0.3em solid;
   border-left: 0.3em solid transparent;
 }

 .dropup .dropdown-toggle:empty::after {
   margin-left: 0;
 }

 .dropend .dropdown-menu[data-bs-popper] {
   top: 0;
   right: auto;
   left: 100%;
   margin-top: 0;
   margin-left: 0.125rem;
 }

 .dropend .dropdown-toggle::after {
   display: inline-block;
   margin-left: 0.255em;
   vertical-align: 0.255em;
   content: "";
   border-top: 0.3em solid transparent;
   border-right: 0;
   border-bottom: 0.3em solid transparent;
   border-left: 0.3em solid;
 }

 .dropend .dropdown-toggle:empty::after {
   margin-left: 0;
 }

 .dropend .dropdown-toggle::after {
   vertical-align: 0;
 }

 .dropstart .dropdown-menu[data-bs-popper] {
   top: 0;
   right: 100%;
   left: auto;
   margin-top: 0;
   margin-right: 0.125rem;
 }

 .dropstart .dropdown-toggle::after {
   display: inline-block;
   margin-left: 0.255em;
   vertical-align: 0.255em;
   content: "";
 }

 .dropstart .dropdown-toggle::after {
   display: none;
 }

 .dropstart .dropdown-toggle::before {
   display: inline-block;
   margin-right: 0.255em;
   vertical-align: 0.255em;
   content: "";
   border-top: 0.3em solid transparent;
   border-right: 0.3em solid;
   border-bottom: 0.3em solid transparent;
 }

 .dropstart .dropdown-toggle:empty::after {
   margin-left: 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-left: -1px;
 }

 .btn-group>.btn:not(:last-child):not(.dropdown-toggle),
 .btn-group>.btn-group:not(:last-child)>.btn {
   border-top-right-radius: 0;
   border-bottom-right-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-left-radius: 0;
   border-bottom-left-radius: 0;
 }

 .dropdown-toggle-split {
   padding-right: 0.5625rem;
   padding-left: 0.5625rem;
 }

 .dropdown-toggle-split::after,
 .dropup .dropdown-toggle-split::after,
 .dropend .dropdown-toggle-split::after {
   margin-left: 0;
 }

 .dropstart .dropdown-toggle-split::before {
   margin-right: 0;
 }

 .btn-sm+.dropdown-toggle-split,
 .btn-group-sm>.btn+.dropdown-toggle-split {
   padding-right: 0.375rem;
   padding-left: 0.375rem;
 }

 .btn-lg+.dropdown-toggle-split,
 .btn-group-lg>.btn+.dropdown-toggle-split {
   padding-right: 0.75rem;
   padding-left: 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-right-radius: 0;
   border-bottom-left-radius: 0;
 }

 .btn-group-vertical>.btn~.btn,
 .btn-group-vertical>.btn-group:not(:first-child)>.btn {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
 }

 .nav {
   display: flex;
   flex-wrap: wrap;
   padding-left: 0;
   margin-bottom: 0;
   list-style: none;
 }

 .nav-link {
   display: block;
   padding: 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-left-radius: 0.25rem;
   border-top-right-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-left-radius: 0;
   border-top-right-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-right: 1rem;
   font-size: 1.25rem;
   text-decoration: none;
   white-space: nowrap;
 }

 .navbar-nav {
   display: flex;
   flex-direction: column;
   padding-left: 0;
   margin-bottom: 0;
   list-style: none;
 }

 .navbar-nav .nav-link {
   padding-right: 0;
   padding-left: 0;
 }

 .navbar-nav .dropdown-menu {
   position: static;
 }

 .navbar-text {
   padding-top: 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-right: 0.5rem;
     padding-left: 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;
   }
 }

 @media (min-width: 768px) {
   .navbar-expand-md {
     flex-wrap: nowrap;
     justify-content: flex-start;
   }

   .navbar-expand-md .navbar-nav {
     flex-direction: row;
   }

   .navbar-expand-md .navbar-nav .dropdown-menu {
     position: absolute;
   }

   .navbar-expand-md .navbar-nav .nav-link {
     padding-right: 0.5rem;
     padding-left: 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;
   }
 }

 @media (min-width: 992px) {
   .navbar-expand-lg {
     flex-wrap: nowrap;
     justify-content: flex-start;
   }

   .navbar-expand-lg .navbar-nav {
     flex-direction: row;
   }

   .navbar-expand-lg .navbar-nav .dropdown-menu {
     position: absolute;
   }

   .navbar-expand-lg .navbar-nav .nav-link {
     padding-right: 0.5rem;
     padding-left: 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;
   }
 }

 @media (min-width: 1200px) {
   .navbar-expand-xl {
     flex-wrap: nowrap;
     justify-content: flex-start;
   }

   .navbar-expand-xl .navbar-nav {
     flex-direction: row;
   }

   .navbar-expand-xl .navbar-nav .dropdown-menu {
     position: absolute;
   }

   .navbar-expand-xl .navbar-nav .nav-link {
     padding-right: 0.5rem;
     padding-left: 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;
   }
 }

 @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-right: 0.5rem;
     padding-left: 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 {
   flex-wrap: nowrap;
   justify-content: flex-start;
 }

 .navbar-expand .navbar-nav {
   flex-direction: row;
 }

 .navbar-expand .navbar-nav .dropdown-menu {
   position: absolute;
 }

 .navbar-expand .navbar-nav .nav-link {
   padding-right: 0.5rem;
   padding-left: 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-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-right: 0;
   margin-left: 0;
 }

 .card>.list-group {
   border-top: inherit;
   border-bottom: inherit;
 }

 .card>.list-group:first-child {
   border-top-width: 0;
   border-top-left-radius: calc(0.25rem - 1px);
   border-top-right-radius: calc(0.25rem - 1px);
 }

 .card>.list-group:last-child {
   border-bottom-width: 0;
   border-bottom-right-radius: calc(0.25rem - 1px);
   border-bottom-left-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:hover {
   text-decoration: none;
 }

 .card-link+.card-link {
   margin-left: 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-right: -0.5rem;
   margin-bottom: -0.5rem;
   margin-left: -0.5rem;
   border-bottom: 0;
 }

 .card-header-pills {
   margin-right: -0.5rem;
   margin-left: -0.5rem;
 }

 .card-img-overlay {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 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-left-radius: calc(0.25rem - 1px);
   border-top-right-radius: calc(0.25rem - 1px);
 }

 .card-img,
 .card-img-bottom {
   border-bottom-right-radius: calc(0.25rem - 1px);
   border-bottom-left-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-left: 0;
     border-left: 0;
   }

   .card-group>.card:not(:last-child) {
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
   }

   .card-group>.card:not(:last-child) .card-img-top,
   .card-group>.card:not(:last-child) .card-header {
     border-top-right-radius: 0;
   }

   .card-group>.card:not(:last-child) .card-img-bottom,
   .card-group>.card:not(:last-child) .card-footer {
     border-bottom-right-radius: 0;
   }

   .card-group>.card:not(:first-child) {
     border-top-left-radius: 0;
     border-bottom-left-radius: 0;
   }

   .card-group>.card:not(:first-child) .card-img-top,
   .card-group>.card:not(:first-child) .card-header {
     border-top-left-radius: 0;
   }

   .card-group>.card:not(:first-child) .card-img-bottom,
   .card-group>.card:not(:first-child) .card-footer {
     border-bottom-left-radius: 0;
   }
 }

 .accordion-button {
   position: relative;
   display: flex;
   align-items: center;
   width: 100%;
   padding: 1rem 1.25rem;
   font-size: 1rem;
   color: #444;
   text-align: left;
   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-left: 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-left-radius: 0.25rem;
   border-top-right-radius: 0.25rem;
 }

 .accordion-item:first-of-type .accordion-button {
   border-top-left-radius: calc(0.25rem - 1px);
   border-top-right-radius: calc(0.25rem - 1px);
 }

 .accordion-item:not(:first-of-type) {
   border-top: 0;
 }

 .accordion-item:last-of-type {
   border-bottom-right-radius: 0.25rem;
   border-bottom-left-radius: 0.25rem;
 }

 .accordion-item:last-of-type .accordion-button.collapsed {
   border-bottom-right-radius: calc(0.25rem - 1px);
   border-bottom-left-radius: calc(0.25rem - 1px);
 }

 .accordion-item:last-of-type .accordion-collapse {
   border-bottom-right-radius: 0.25rem;
   border-bottom-left-radius: 0.25rem;
 }

 .accordion-body {
   padding: 1rem 1.25rem;
 }

 .accordion-flush .accordion-collapse {
   border-width: 0;
 }

 .accordion-flush .accordion-item {
   border-right: 0;
   border-left: 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-left: 0.5rem;
 }

 .breadcrumb-item+.breadcrumb-item::before {
   float: left;
   padding-right: 0.5rem;
   color: #6c757d;
   content: var(--bs-breadcrumb-divider, "http://meditro.themetrades.com/")
     /* rtl: var(--bs-breadcrumb-divider, "/") */
   ;
 }

 .breadcrumb-item.active {
   color: #6c757d;
 }

 .pagination {
   display: flex;
   padding-left: 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-left: -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-left-radius: 0.25rem;
   border-bottom-left-radius: 0.25rem;
 }

 .page-item:last-child .page-link {
   border-top-right-radius: 0.25rem;
   border-bottom-right-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-left-radius: 20px;
   border-bottom-left-radius: 20px;
 }

 .pagination-lg .page-item:last-child .page-link {
   border-top-right-radius: 20px;
   border-bottom-right-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-left-radius: 0.2rem;
   border-bottom-left-radius: 0.2rem;
 }

 .pagination-sm .page-item:last-child .page-link {
   border-top-right-radius: 0.2rem;
   border-bottom-right-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-right: 3rem;
 }

 .alert-dismissible .btn-close {
   position: absolute;
   top: 0;
   right: 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-left: 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-left-radius: inherit;
   border-top-right-radius: inherit;
 }

 .list-group-item:last-child {
   border-bottom-right-radius: inherit;
   border-bottom-left-radius: inherit;
 }

 .list-group-item.disabled,
 .list-group-item:disabled {
   color: #6c757d;
   pointer-events: none;
   background-color: #fff;
 }

 .list-group-item.active {
   z-index: 2;
   color: #fff;
   background-color: #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-left-radius: 0.25rem;
   border-top-right-radius: 0;
 }

 .list-group-horizontal>.list-group-item:last-child {
   border-top-right-radius: 0.25rem;
   border-bottom-left-radius: 0;
 }

 .list-group-horizontal>.list-group-item.active {
   margin-top: 0;
 }

 .list-group-horizontal>.list-group-item+.list-group-item {
   border-top-width: 1px;
   border-left-width: 0;
 }

 .list-group-horizontal>.list-group-item+.list-group-item.active {
   margin-left: -1px;
   border-left-width: 1px;
 }

 @media (min-width: 576px) {
   .list-group-horizontal-sm {
     flex-direction: row;
   }

   .list-group-horizontal-sm>.list-group-item:first-child {
     border-bottom-left-radius: 0.25rem;
     border-top-right-radius: 0;
   }

   .list-group-horizontal-sm>.list-group-item:last-child {
     border-top-right-radius: 0.25rem;
     border-bottom-left-radius: 0;
   }

   .list-group-horizontal-sm>.list-group-item.active {
     margin-top: 0;
   }

   .list-group-horizontal-sm>.list-group-item+.list-group-item {
     border-top-width: 1px;
     border-left-width: 0;
   }

   .list-group-horizontal-sm>.list-group-item+.list-group-item.active {
     margin-left: -1px;
     border-left-width: 1px;
   }
 }

 @media (min-width: 768px) {
   .list-group-horizontal-md {
     flex-direction: row;
   }

   .list-group-horizontal-md>.list-group-item:first-child {
     border-bottom-left-radius: 0.25rem;
     border-top-right-radius: 0;
   }

   .list-group-horizontal-md>.list-group-item:last-child {
     border-top-right-radius: 0.25rem;
     border-bottom-left-radius: 0;
   }

   .list-group-horizontal-md>.list-group-item.active {
     margin-top: 0;
   }

   .list-group-horizontal-md>.list-group-item+.list-group-item {
     border-top-width: 1px;
     border-left-width: 0;
   }

   .list-group-horizontal-md>.list-group-item+.list-group-item.active {
     margin-left: -1px;
     border-left-width: 1px;
   }
 }

 @media (min-width: 992px) {
   .list-group-horizontal-lg {
     flex-direction: row;
   }

   .list-group-horizontal-lg>.list-group-item:first-child {
     border-bottom-left-radius: 0.25rem;
     border-top-right-radius: 0;
   }

   .list-group-horizontal-lg>.list-group-item:last-child {
     border-top-right-radius: 0.25rem;
     border-bottom-left-radius: 0;
   }

   .list-group-horizontal-lg>.list-group-item.active {
     margin-top: 0;
   }

   .list-group-horizontal-lg>.list-group-item+.list-group-item {
     border-top-width: 1px;
     border-left-width: 0;
   }

   .list-group-horizontal-lg>.list-group-item+.list-group-item.active {
     margin-left: -1px;
     border-left-width: 1px;
   }
 }

 @media (min-width: 1200px) {
   .list-group-horizontal-xl {
     flex-direction: row;
   }

   .list-group-horizontal-xl>.list-group-item:first-child {
     border-bottom-left-radius: 0.25rem;
     border-top-right-radius: 0;
   }

   .list-group-horizontal-xl>.list-group-item:last-child {
     border-top-right-radius: 0.25rem;
     border-bottom-left-radius: 0;
   }

   .list-group-horizontal-xl>.list-group-item.active {
     margin-top: 0;
   }

   .list-group-horizontal-xl>.list-group-item+.list-group-item {
     border-top-width: 1px;
     border-left-width: 0;
   }

   .list-group-horizontal-xl>.list-group-item+.list-group-item.active {
     margin-left: -1px;
     border-left-width: 1px;
   }
 }

 @media (min-width: 1440) {
   .list-group-horizontal-xxl {
     flex-direction: row;
   }

   .list-group-horizontal-xxl>.list-group-item:first-child {
     border-bottom-left-radius: 0.25rem;
     border-top-right-radius: 0;
   }

   .list-group-horizontal-xxl>.list-group-item:last-child {
     border-top-right-radius: 0.25rem;
     border-bottom-left-radius: 0;
   }

   .list-group-horizontal-xxl>.list-group-item.active {
     margin-top: 0;
   }

   .list-group-horizontal-xxl>.list-group-item+.list-group-item {
     border-top-width: 1px;
     border-left-width: 0;
   }

   .list-group-horizontal-xxl>.list-group-item+.list-group-item.active {
     margin-left: -1px;
     border-left-width: 1px;
   }
 }

 .list-group-flush {
   border-radius: 0;
 }

 .list-group-flush>.list-group-item {
   border-width: 0 0 1px;
 }

 .list-group-flush>.list-group-item:last-child {
   border-bottom-width: 0;
 }

 .list-group-item-primary {
   color: #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:not(.showing):not(.show) {
   opacity: 0;
 }

 .toast.hide {
   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-left-radius: calc(0.25rem - 1px);
   border-top-right-radius: calc(0.25rem - 1px);
 }

 .toast-header .btn-close {
   margin-right: -0.375rem;
   margin-left: 0.75rem;
 }

 .toast-body {
   padding: 0.75rem;
   word-wrap: break-word;
 }
.modal-open{
  
}
 .modal {
   position: fixed;
   top: 0;
   left: 0;
   z-index: 1060;
   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;
   left: 0;
   z-index: 1040;
   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-left-radius: 19px;
   border-top-right-radius: 19px;
 }

 .modal-header .btn-close {
   padding: 0.5rem 0.5rem;
   margin: -0.5rem -0.5rem -0.5rem auto;
 }

 .modal-title {
   margin-bottom: 0;
   line-height: 1.5;
 }

 .modal-body {
   position: relative;
   flex: 1 1 auto;
   padding: 1rem;
 }

 .modal-footer {
   display: flex;
   flex-wrap: wrap;
   flex-shrink: 0;
   align-items: center;
   justify-content: flex-end;
   padding: 0.75rem;
   border-top: 1px solid #E1E1F0;
   border-bottom-right-radius: 19px;
   border-bottom-left-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: "Montserrat", sans-serif;
   font-style: normal;
   font-weight: 400;
   line-height: 1.5;
   text-align: left;
   text-align: start;
   text-decoration: none;
   text-shadow: none;
   text-transform: none;
   letter-spacing: normal;
   word-break: normal;
   word-spacing: normal;
   white-space: normal;
   line-break: auto;
   font-size: 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 {
   left: 0;
   width: 0.4rem;
   height: 0.8rem;
 }

 .bs-tooltip-end .tooltip-arrow::before,
 .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before {
   right: -1px;
   border-width: 0.4rem 0.4rem 0.4rem 0;
   border-right-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 {
   right: 0;
   width: 0.4rem;
   height: 0.8rem;
 }

 .bs-tooltip-start .tooltip-arrow::before,
 .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before {
   left: -1px;
   border-width: 0.4rem 0 0.4rem 0.4rem;
   border-left-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
     /* rtl:ignore */
   ;
   z-index: 1070;
   display: block;
   max-width: 276px;
   font-family: "Montserrat", sans-serif;
   font-style: normal;
   font-weight: 400;
   line-height: 1.5;
   text-align: left;
   text-align: start;
   text-decoration: none;
   text-shadow: none;
   text-transform: none;
   letter-spacing: normal;
   word-break: normal;
   word-spacing: normal;
   white-space: normal;
   line-break: auto;
   font-size: 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 {
   left: 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 {
   left: 0;
   border-width: 0.5rem 0.5rem 0.5rem 0;
   border-right-color: rgba(0, 0, 0, 0.25);
 }

 .bs-popover-end>.popover-arrow::after,
 .bs-popover-auto[data-popper-placement^="right"]>.popover-arrow::after {
   left: 1px;
   border-width: 0.5rem 0.5rem 0.5rem 0;
   border-right-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;
   left: 50%;
   display: block;
   width: 1rem;
   margin-left: -0.5rem;
   content: "";
   border-bottom: 1px solid #f0f0f0;
 }

 .bs-popover-start>.popover-arrow,
 .bs-popover-auto[data-popper-placement^="left"]>.popover-arrow {
   right: 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 {
   right: 0;
   border-width: 0.5rem 0 0.5rem 0.5rem;
   border-left-color: rgba(0, 0, 0, 0.25);
 }

 .bs-popover-start>.popover-arrow::after,
 .bs-popover-auto[data-popper-placement^="left"]>.popover-arrow::after {
   right: 1px;
   border-width: 0.5rem 0 0.5rem 0.5rem;
   border-left-color: #fff;
 }

 .popover-header {
   padding: 0.5rem 1rem;
   margin-bottom: 0;
   font-size: 1rem;
   color: #14181d;
   background-color: #f0f0f0;
   border-bottom: 1px solid #d8d8d8;
   border-top-left-radius: 19px;
   border-top-right-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: left;
   width: 100%;
   margin-right: -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;
 }

 /* rtl:begin:ignore */
 .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%);
 }

 /* rtl:end:ignore */
 .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 {
   left: 0;
 }

 .carousel-control-next {
   right: 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%;
 }

 /* rtl:options: {
 "autoRename": true,
 "stringMap":[ {
   "name"    : "prev-next",
   "search"  : "prev",
   "replace" : "next"
 } ]
} */
 .carousel-control-prev-icon {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e");
   display: block;
 }

 .carousel-control-next-icon {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
   display: block;
 }

 .carousel-indicators {
   position: absolute;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 2;
   display: flex;
   justify-content: center;
   padding: 0;
   margin-right: 15%;
   margin-bottom: 1rem;
   margin-left: 15%;
   list-style: none;
 }

 .carousel-indicators [data-bs-target] {
  /* box-sizing: content-box; */
  flex: 0 1 auto;
  width: 10px;
  height: 7px;
  padding: 0px;
  margin-right: 12px;
  border-radius: 10px;
  margin-left: 3px;
  cursor: pointer;
  background-color: #ffe040;
  /* background-clip: padding-box; */
  border: 0;
  /* border-top: 10px solid transparent; */
  border-bottom: 10px solid transparent;
  opacity: 0.5;
  transition: opacity 0.6s ease;
 }
 .post-info-1 {
  padding: 40px;
}
.post-info-1 {
  padding: 0px;
}
.post-info-1 ul li {
  font-size: 16px;
    line-height: 1.5;
    list-style: disc;
    margin-bottom: 15px;
}
.post-info-1 .mt-20 {
  margin-top: 50px;
}
.product-btn {
  margin-left: 150px;
}
 @media (prefers-reduced-motion: reduce) {
   .carousel-indicators [data-bs-target] {
     transition: none;
   }
 }

 .carousel-indicators .active {
   opacity: 1;
 }

 .carousel-caption {
   position: absolute;
   right: 15%;
   bottom: 1.25rem;
   left: 15%;
   padding-top: 1.25rem;
   padding-bottom: 1.25rem;
   color: #fff;
   text-align: center;
 }

 .carousel-dark .carousel-control-prev-icon,
 .carousel-dark .carousel-control-next-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)
       /* rtl:ignore */
     ;
   }
 }

 .spinner-border {
   display: inline-block;
   width: 2rem;
   height: 2rem;
   vertical-align: -0.125em;
   border: 0.25em solid currentColor;
   border-right-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: 1050;
   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-header {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 1rem 1rem;
 }

 .offcanvas-header .btn-close {
   padding: 0.5rem 0.5rem;
   margin: -0.5rem -0.5rem -0.5rem auto;
 }

 .offcanvas-title {
   margin-bottom: 0;
   line-height: 1.5;
 }

 .offcanvas-body {
   flex-grow: 1;
   padding: 1rem 1rem;
   overflow-y: auto;
 }

 .offcanvas-start {
   top: 0;
   left: 0;
   width: 400px;
   border-right: 1px solid rgba(0, 0, 0, 0.2);
   transform: translateX(-100%);
 }

 .offcanvas-end {
   top: 0;
   right: 0;
   width: 400px;
   border-left: 1px solid rgba(0, 0, 0, 0.2);
   transform: translateX(100%);
 }

 .offcanvas-top {
   top: 0;
   right: 0;
   left: 0;
   height: 30vh;
   max-height: 100%;
   border-bottom: 1px solid rgba(0, 0, 0, 0.2);
   transform: translateY(-100%);
 }

 .offcanvas-bottom {
   right: 0;
   left: 0;
   height: 30vh;
   max-height: 100%;
   border-top: 1px solid rgba(0, 0, 0, 0.2);
   transform: translateY(100%);
 }

 .offcanvas.show {
   transform: none;
 }

 .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;
   left: 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;
   right: 0;
   left: 0;
   z-index: 1030;
 }

 .fixed-bottom {
   position: fixed;
   right: 0;
   bottom: 0;
   left: 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;
   }
 }

 .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;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 1;
   content: "";
 }

 .text-truncate {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }

 .align-baseline {
   vertical-align: baseline !important;
 }

 .align-top {
   vertical-align: top !important;
 }

 .align-middle {
   vertical-align: middle !important;
 }

 .align-bottom {
   vertical-align: bottom !important;
 }

 .align-text-bottom {
   vertical-align: text-bottom !important;
 }

 .align-text-top {
   vertical-align: text-top !important;
 }

 .float-start {
   float: left !important;
 }

 .float-end {
   float: right !important;
 }

 .float-none {
   float: none !important;
 }

 .overflow-auto {
   overflow: auto !important;
 }

 .overflow-hidden {
   overflow: hidden !important;
 }

 .overflow-visible {
   overflow: visible !important;
 }

 .overflow-scroll {
   overflow: scroll !important;
 }

 .d-inline {
   display: inline !important;
 }

 .d-inline-block {
   display: inline-block !important;
 }

 .d-block {
   display: block !important;
 }

 .d-grid {
   display: grid !important;
 }

 .d-table {
   display: table !important;
 }

 .d-table-row {
   display: table-row !important;
 }

 .d-table-cell {
   display: table-cell !important;
 }

 .d-flex {
   display: flex !important;
 }

 .d-inline-flex {
   display: inline-flex !important;
 }

 .d-none {
   display: none !important;
 }

 .shadow {
   box-shadow: 0 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 {
   left: 0 !important;
 }

 .start-50 {
   left: 50% !important;
 }

 .start-100 {
   left: 100% !important;
 }

 .end-0 {
   right: 0 !important;
 }

 .end-50 {
   right: 50% !important;
 }

 .end-100 {
   right: 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-right: 1px solid #E1E1F0 !important;
 }

 .border-end-0 {
   border-right: 0 !important;
 }

 .border-bottom {
   border-bottom: 1px solid #E1E1F0 !important;
 }

 .border-bottom-0 {
   border-bottom: 0 !important;
 }

 .border-start {
   border-left: 1px solid #E1E1F0 !important;
 }

 .border-start-0 {
   border-left: 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-right: 0 !important;
   margin-left: 0 !important;
 }

 .mx-1 {
   margin-right: 0.25rem !important;
   margin-left: 0.25rem !important;
 }

 .mx-2 {
   margin-right: 0.5rem !important;
   margin-left: 0.5rem !important;
 }

 .mx-3 {
   margin-right: 1rem !important;
   margin-left: 1rem !important;
 }

 .mx-4 {
   margin-right: 1.5rem !important;
   margin-left: 1.5rem !important;
 }

 .mx-5 {
   margin-right: 3rem !important;
   margin-left: 3rem !important;
 }

 .mx-auto {
   margin-right: auto !important;
   margin-left: auto !important;
 }

 .my-0 {
   margin-top: 0 !important;
   margin-bottom: 0 !important;
 }

 .my-1 {
   margin-top: 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: 4rem !important;
 }

 .mt-auto {
   margin-top: auto !important;
 }

 .me-0 {
   margin-right: 0 !important;
 }

 .me-1 {
   margin-right: 0.25rem !important;
 }

 .me-2 {
   margin-right: 0.5rem !important;
 }

 .me-3 {
   margin-right: 1rem !important;
 }

 .me-4 {
   margin-right: 1.5rem !important;
 }

 .me-5 {
   margin-right: 3rem !important;
 }

 .me-auto {
   margin-right: 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-left: 0 !important;
 }

 .ms-1 {
   margin-left: 0.25rem !important;
 }

 .ms-2 {
   margin-left: 0.5rem !important;
 }

 .ms-3 {
   margin-left: 1rem !important;
 }

 .ms-4 {
   margin-left: 1.5rem !important;
 }

 .ms-5 {
   margin-left: 3rem !important;
 }

 .ms-auto {
   margin-left: 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-right: 0 !important;
   padding-left: 0 !important;
 }

 .px-1 {
   padding-right: 0.25rem !important;
   padding-left: 0.25rem !important;
 }

 .px-2 {
   padding-right: 0.5rem !important;
   padding-left: 0.5rem !important;
 }

 .px-3 {
   padding-right: 1rem !important;
   padding-left: 1rem !important;
 }

 .px-4 {
   padding-right: 1.5rem !important;
   padding-left: 1.5rem !important;
 }

 .px-5 {
   padding-right: 3rem !important;
   padding-left: 3rem !important;
 }

 .py-0 {
   padding-top: 0 !important;
   padding-bottom: 0 !important;
 }

 .py-1 {
   padding-top: 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-right: 0 !important;
 }

 .pe-1 {
   padding-right: 0.25rem !important;
 }

 .pe-2 {
   padding-right: 0.5rem !important;
 }

 .pe-3 {
   padding-right: 1rem !important;
 }

 .pe-4 {
   padding-right: 1.5rem !important;
 }

 .pe-5 {
   padding-right: 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-left: 0 !important;
 }

 .ps-1 {
   padding-left: 0.25rem !important;
 }

 .ps-2 {
   padding-left: 0.5rem !important;
 }

 .ps-3 {
   padding-left: 1rem !important;
 }

 .ps-4 {
   padding-left: 1.5rem !important;
 }

 .ps-5 {
   padding-left: 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: left !important;
 }

 .text-end {
   text-align: right !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;
 }

 /* rtl:begin:remove */
 .text-break {
   word-wrap: break-word !important;
   word-break: break-word !important;
 }

 /* rtl:end:remove */
 .text-primary {
   color: #565acf !important;
 }

 .text-secondary {
   color: #2191cc !important;
 }

 .text-success {
   color: #209f84 !important;
 }

 .text-info {
   color: #2754e6 !important;
 }

 .text-warning {
   color: #fe970e !important;
 }

 .text-danger {
   color: #f72b50 !important;
 }

 .text-light {
   color: #fff !important;
 }

 .text-dark {
   color: #1f2278 !important;
 }

 .text-white {
   color: #fff !important;
 }

 .text-body {
   color: #444 !important;
 }

 .text-muted {
   color: #AEAED5 !important;
 }

 .text-black-50 {
   color: rgba(0, 0, 0, 0.5) !important;
 }

 .text-white-50 {
   color: rgba(255, 255, 255, 0.5) !important;
 }

 .text-reset {
   color: inherit !important;
 }

 .bg-primary {
   background-color: #565acf !important;
 }

 .bg-secondary {
   background-color: #f17732 !important;
 }

 .bg-success {
   background-color: #209f84 !important;
 }

 .bg-info {
   background-color: #2754e6 !important;
 }

 .bg-warning {
   background-color: #fe970e !important;
 }

 .bg-danger {
   background-color: #f72b50 !important;
 }

 .bg-light {
   background-color: #fff !important;
 }

 .bg-dark {
   background-color: #1f2278 !important;
 }

 .bg-body {
   background-color: #ffffff !important;
 }

 .bg-white {
   background-color: #fff !important;
 }

 .bg-transparent {
   background-color: transparent !important;
 }

 .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-left-radius: 0.25rem !important;
   border-top-right-radius: 0.25rem !important;
 }

 .rounded-end {
   border-top-right-radius: 0.25rem !important;
   border-bottom-right-radius: 0.25rem !important;
 }

 .rounded-bottom {
   border-bottom-right-radius: 0.25rem !important;
   border-bottom-left-radius: 0.25rem !important;
 }

 .rounded-start {
   border-bottom-left-radius: 0.25rem !important;
   border-top-left-radius: 0.25rem !important;
 }

 .visible {
   visibility: visible !important;
 }

 .invisible {
   visibility: hidden !important;
 }

 @media (min-width: 576px) {
   .float-sm-start {
     float: left !important;
   }

   .float-sm-end {
     float: right !important;
   }

   .float-sm-none {
     float: none !important;
   }

   .d-sm-inline {
     display: inline !important;
   }

   .d-sm-inline-block {
     display: inline-block !important;
   }

   .d-sm-block {
     display: block !important;
   }

   .d-sm-grid {
     display: grid !important;
   }

   .d-sm-table {
     display: table !important;
   }

   .d-sm-table-row {
     display: table-row !important;
   }

   .d-sm-table-cell {
     display: table-cell !important;
   }

   .d-sm-flex {
     display: flex !important;
   }

   .d-sm-inline-flex {
     display: inline-flex !important;
   }

   .d-sm-none {
     display: none !important;
   }

   .flex-sm-fill {
     flex: 1 1 auto !important;
   }

   .flex-sm-row {
     flex-direction: row !important;
   }

   .flex-sm-column {
     flex-direction: column !important;
   }

   .flex-sm-row-reverse {
     flex-direction: row-reverse !important;
   }

   .flex-sm-column-reverse {
     flex-direction: column-reverse !important;
   }

   .flex-sm-grow-0 {
     flex-grow: 0 !important;
   }

   .flex-sm-grow-1 {
     flex-grow: 1 !important;
   }

   .flex-sm-shrink-0 {
     flex-shrink: 0 !important;
   }

   .flex-sm-shrink-1 {
     flex-shrink: 1 !important;
   }

   .flex-sm-wrap {
     flex-wrap: wrap !important;
   }

   .flex-sm-nowrap {
     flex-wrap: nowrap !important;
   }

   .flex-sm-wrap-reverse {
     flex-wrap: wrap-reverse !important;
   }

   .gap-sm-0 {
     gap: 0 !important;
   }

   .gap-sm-1 {
     gap: 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-right: 0 !important;
     margin-left: 0 !important;
   }

   .mx-sm-1 {
     margin-right: 0.25rem !important;
     margin-left: 0.25rem !important;
   }

   .mx-sm-2 {
     margin-right: 0.5rem !important;
     margin-left: 0.5rem !important;
   }

   .mx-sm-3 {
     margin-right: 1rem !important;
     margin-left: 1rem !important;
   }

   .mx-sm-4 {
     margin-right: 1.5rem !important;
     margin-left: 1.5rem !important;
   }

   .mx-sm-5 {
     margin-right: 3rem !important;
     margin-left: 3rem !important;
   }

   .mx-sm-auto {
     margin-right: auto !important;
     margin-left: auto !important;
   }

   .my-sm-0 {
     margin-top: 0 !important;
     margin-bottom: 0 !important;
   }

   .my-sm-1 {
     margin-top: 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-right: 0 !important;
   }

   .me-sm-1 {
     margin-right: 0.25rem !important;
   }

   .me-sm-2 {
     margin-right: 0.5rem !important;
   }

   .me-sm-3 {
     margin-right: 1rem !important;
   }

   .me-sm-4 {
     margin-right: 1.5rem !important;
   }

   .me-sm-5 {
     margin-right: 3rem !important;
   }

   .me-sm-auto {
     margin-right: 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-left: 0 !important;
   }

   .ms-sm-1 {
     margin-left: 0.25rem !important;
   }

   .ms-sm-2 {
     margin-left: 0.5rem !important;
   }

   .ms-sm-3 {
     margin-left: 1rem !important;
   }

   .ms-sm-4 {
     margin-left: 1.5rem !important;
   }

   .ms-sm-5 {
     margin-left: 3rem !important;
   }

   .ms-sm-auto {
     margin-left: 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-right: 0 !important;
     padding-left: 0 !important;
   }

   .px-sm-1 {
     padding-right: 0.25rem !important;
     padding-left: 0.25rem !important;
   }

   .px-sm-2 {
     padding-right: 0.5rem !important;
     padding-left: 0.5rem !important;
   }

   .px-sm-3 {
     padding-right: 1rem !important;
     padding-left: 1rem !important;
   }

   .px-sm-4 {
     padding-right: 1.5rem !important;
     padding-left: 1.5rem !important;
   }

   .px-sm-5 {
     padding-right: 3rem !important;
     padding-left: 3rem !important;
   }

   .py-sm-0 {
     padding-top: 0 !important;
     padding-bottom: 0 !important;
   }

   .py-sm-1 {
     padding-top: 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-right: 0 !important;
   }

   .pe-sm-1 {
     padding-right: 0.25rem !important;
   }

   .pe-sm-2 {
     padding-right: 0.5rem !important;
   }

   .pe-sm-3 {
     padding-right: 1rem !important;
   }

   .pe-sm-4 {
     padding-right: 1.5rem !important;
   }

   .pe-sm-5 {
     padding-right: 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-left: 0 !important;
   }

   .ps-sm-1 {
     padding-left: 0.25rem !important;
   }

   .ps-sm-2 {
     padding-left: 0.5rem !important;
   }

   .ps-sm-3 {
     padding-left: 1rem !important;
   }

   .ps-sm-4 {
     padding-left: 1.5rem !important;
   }

   .ps-sm-5 {
     padding-left: 3rem !important;
   }

   .text-sm-start {
     text-align: left !important;
   }

   .text-sm-end {
     text-align: right !important;
   }

   .text-sm-center {
     text-align: center !important;
   }
 }

 @media (min-width: 768px) {
    
   .float-md-start {
     float: left !important;
   }

   .float-md-end {
     float: right !important;
   }

   .float-md-none {
     float: none !important;
   }

   .d-md-inline {
     display: inline !important;
   }

   .d-md-inline-block {
     display: inline-block !important;
   }

   .d-md-block {
     display: block !important;
   }

   .d-md-grid {
     display: grid !important;
   }

   .d-md-table {
     display: table !important;
   }

   .d-md-table-row {
     display: table-row !important;
   }

   .d-md-table-cell {
     display: table-cell !important;
   }

   .d-md-flex {
     display: flex !important;
   }

   .d-md-inline-flex {
     display: inline-flex !important;
   }

   .d-md-none {
     display: none !important;
   }

   .flex-md-fill {
     flex: 1 1 auto !important;
   }

   .flex-md-row {
     flex-direction: row !important;
   }

   .flex-md-column {
     flex-direction: column !important;
   }

   .flex-md-row-reverse {
     flex-direction: row-reverse !important;
   }

   .flex-md-column-reverse {
     flex-direction: column-reverse !important;
   }

   .flex-md-grow-0 {
     flex-grow: 0 !important;
   }

   .flex-md-grow-1 {
     flex-grow: 1 !important;
   }

   .flex-md-shrink-0 {
     flex-shrink: 0 !important;
   }

   .flex-md-shrink-1 {
     flex-shrink: 1 !important;
   }

   .flex-md-wrap {
     flex-wrap: wrap !important;
   }

   .flex-md-nowrap {
     flex-wrap: nowrap !important;
   }

   .flex-md-wrap-reverse {
     flex-wrap: wrap-reverse !important;
   }

   .gap-md-0 {
     gap: 0 !important;
   }

   .gap-md-1 {
     gap: 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-right: 0 !important;
     margin-left: 0 !important;
   }

   .mx-md-1 {
     margin-right: 0.25rem !important;
     margin-left: 0.25rem !important;
   }

   .mx-md-2 {
     margin-right: 0.5rem !important;
     margin-left: 0.5rem !important;
   }

   .mx-md-3 {
     margin-right: 1rem !important;
     margin-left: 1rem !important;
   }

   .mx-md-4 {
     margin-right: 1.5rem !important;
     margin-left: 1.5rem !important;
   }

   .mx-md-5 {
     margin-right: 3rem !important;
     margin-left: 3rem !important;
   }

   .mx-md-auto {
     margin-right: auto !important;
     margin-left: auto !important;
   }

   .my-md-0 {
     margin-top: 0 !important;
     margin-bottom: 0 !important;
   }

   .my-md-1 {
     margin-top: 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-right: 0 !important;
   }

   .me-md-1 {
     margin-right: 0.25rem !important;
   }

   .me-md-2 {
     margin-right: 0.5rem !important;
   }

   .me-md-3 {
     margin-right: 1rem !important;
   }

   .me-md-4 {
     margin-right: 1.5rem !important;
   }

   .me-md-5 {
     margin-right: 3rem !important;
   }

   .me-md-auto {
     margin-right: 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-left: 0 !important;
   }

   .ms-md-1 {
     margin-left: 0.25rem !important;
   }

   .ms-md-2 {
     margin-left: 0.5rem !important;
   }

   .ms-md-3 {
     margin-left: 1rem !important;
   }

   .ms-md-4 {
     margin-left: 1.5rem !important;
   }

   .ms-md-5 {
     margin-left: 3rem !important;
   }

   .ms-md-auto {
     margin-left: 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-right: 0 !important;
     padding-left: 0 !important;
   }

   .px-md-1 {
     padding-right: 0.25rem !important;
     padding-left: 0.25rem !important;
   }

   .px-md-2 {
     padding-right: 0.5rem !important;
     padding-left: 0.5rem !important;
   }

   .px-md-3 {
     padding-right: 1rem !important;
     padding-left: 1rem !important;
   }

   .px-md-4 {
     padding-right: 1.5rem !important;
     padding-left: 1.5rem !important;
   }

   .px-md-5 {
     padding-right: 3rem !important;
     padding-left: 3rem !important;
   }

   .py-md-0 {
     padding-top: 0 !important;
     padding-bottom: 0 !important;
   }

   .py-md-1 {
     padding-top: 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-right: 0 !important;
   }

   .pe-md-1 {
     padding-right: 0.25rem !important;
   }

   .pe-md-2 {
     padding-right: 0.5rem !important;
   }

   .pe-md-3 {
     padding-right: 1rem !important;
   }

   .pe-md-4 {
     padding-right: 1.5rem !important;
   }

   .pe-md-5 {
     padding-right: 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-left: 0 !important;
   }

   .ps-md-1 {
     padding-left: 0.25rem !important;
   }

   .ps-md-2 {
     padding-left: 0.5rem !important;
   }

   .ps-md-3 {
     padding-left: 1rem !important;
   }

   .ps-md-4 {
     padding-left: 1.5rem !important;
   }

   .ps-md-5 {
     padding-left: 3rem !important;
   }

   .text-md-start {
     text-align: left !important;
   }

   .text-md-end {
     text-align: right !important;
   }

   .text-md-center {
     text-align: center !important;
   }
 }

 @media (min-width: 992px) {
   .float-lg-start {
     float: left !important;
   }

   .float-lg-end {
     float: right !important;
   }

   .float-lg-none {
     float: none !important;
   }

   .d-lg-inline {
     display: inline !important;
   }

   .d-lg-inline-block {
     display: inline-block !important;
   }

   .d-lg-block {
     display: block !important;
   }

   .d-lg-grid {
     display: grid !important;
   }

   .d-lg-table {
     display: table !important;
   }

   .d-lg-table-row {
     display: table-row !important;
   }

   .d-lg-table-cell {
     display: table-cell !important;
   }

   .d-lg-flex {
     display: flex !important;
   }

   .d-lg-inline-flex {
     display: inline-flex !important;
   }

   .d-lg-none {
     display: none !important;
   }

   .flex-lg-fill {
     flex: 1 1 auto !important;
   }

   .flex-lg-row {
     flex-direction: row !important;
   }

   .flex-lg-column {
     flex-direction: column !important;
   }

   .flex-lg-row-reverse {
     flex-direction: row-reverse !important;
   }

   .flex-lg-column-reverse {
     flex-direction: column-reverse !important;
   }

   .flex-lg-grow-0 {
     flex-grow: 0 !important;
   }

   .flex-lg-grow-1 {
     flex-grow: 1 !important;
   }

   .flex-lg-shrink-0 {
     flex-shrink: 0 !important;
   }

   .flex-lg-shrink-1 {
     flex-shrink: 1 !important;
   }

   .flex-lg-wrap {
     flex-wrap: wrap !important;
   }

   .flex-lg-nowrap {
     flex-wrap: nowrap !important;
   }

   .flex-lg-wrap-reverse {
     flex-wrap: wrap-reverse !important;
   }

   .gap-lg-0 {
     gap: 0 !important;
   }

   .gap-lg-1 {
     gap: 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-right: 0 !important;
     margin-left: 0 !important;
   }

   .mx-lg-1 {
     margin-right: 0.25rem !important;
     margin-left: 0.25rem !important;
   }

   .mx-lg-2 {
     margin-right: 0.5rem !important;
     margin-left: 0.5rem !important;
   }

   .mx-lg-3 {
     margin-right: 1rem !important;
     margin-left: 1rem !important;
   }

   .mx-lg-4 {
     margin-right: 1.5rem !important;
     margin-left: 1.5rem !important;
   }

   .mx-lg-5 {
     margin-right: 3rem !important;
     margin-left: 3rem !important;
   }

   .mx-lg-auto {
     margin-right: auto !important;
     margin-left: auto !important;
   }

   .my-lg-0 {
     margin-top: 0 !important;
     margin-bottom: 0 !important;
   }

   .my-lg-1 {
     margin-top: 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-right: 0 !important;
   }

   .me-lg-1 {
     margin-right: 0.25rem !important;
   }

   .me-lg-2 {
     margin-right: 0.5rem !important;
   }

   .me-lg-3 {
     margin-right: 1rem !important;
   }

   .me-lg-4 {
     margin-right: 1.5rem !important;
   }

   .me-lg-5 {
     margin-right: 3rem !important;
   }

   .me-lg-auto {
     margin-right: 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-left: 0 !important;
   }

   .ms-lg-1 {
     margin-left: 0.25rem !important;
   }

   .ms-lg-2 {
     margin-left: 0.5rem !important;
   }

   .ms-lg-3 {
     margin-left: 1rem !important;
   }

   .ms-lg-4 {
     margin-left: 1.5rem !important;
   }

   .ms-lg-5 {
     margin-left: 3rem !important;
   }

   .ms-lg-auto {
     margin-left: 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-right: 0 !important;
     padding-left: 0 !important;
   }

   .px-lg-1 {
     padding-right: 0.25rem !important;
     padding-left: 0.25rem !important;
   }

   .px-lg-2 {
     padding-right: 0.5rem !important;
     padding-left: 0.5rem !important;
   }

   .px-lg-3 {
     padding-right: 1rem !important;
     padding-left: 1rem !important;
   }

   .px-lg-4 {
     padding-right: 1.5rem !important;
     padding-left: 1.5rem !important;
   }

   .px-lg-5 {
     padding-right: 3rem !important;
     padding-left: 3rem !important;
   }

   .py-lg-0 {
     padding-top: 0 !important;
     padding-bottom: 0 !important;
   }

   .py-lg-1 {
     padding-top: 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-right: 0 !important;
   }

   .pe-lg-1 {
     padding-right: 0.25rem !important;
   }

   .pe-lg-2 {
     padding-right: 0.5rem !important;
   }

   .pe-lg-3 {
     padding-right: 1rem !important;
   }

   .pe-lg-4 {
     padding-right: 1.5rem !important;
   }

   .pe-lg-5 {
     padding-right: 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-left: 0 !important;
   }

   .ps-lg-1 {
     padding-left: 0.25rem !important;
   }

   .ps-lg-2 {
     padding-left: 0.5rem !important;
   }

   .ps-lg-3 {
     padding-left: 1rem !important;
   }

   .ps-lg-4 {
     padding-left: 1.5rem !important;
   }

   .ps-lg-5 {
     padding-left: 3rem !important;
   }

   .text-lg-start {
     text-align: left !important;
   }

   .text-lg-end {
     text-align: right !important;
   }

   .text-lg-center {
     text-align: center !important;
   }
 }

 @media (min-width: 1200px) {
   .float-xl-start {
     float: left !important;
   }

   .float-xl-end {
     float: right !important;
   }

   .float-xl-none {
     float: none !important;
   }

   .d-xl-inline {
     display: inline !important;
   }

   .d-xl-inline-block {
     display: inline-block !important;
   }

   .d-xl-block {
     display: block !important;
   }

   .d-xl-grid {
     display: grid !important;
   }

   .d-xl-table {
     display: table !important;
   }

   .d-xl-table-row {
     display: table-row !important;
   }

   .d-xl-table-cell {
     display: table-cell !important;
   }

   .d-xl-flex {
     display: flex !important;
   }

   .d-xl-inline-flex {
     display: inline-flex !important;
   }

   .d-xl-none {
     display: none !important;
   }

   .flex-xl-fill {
     flex: 1 1 auto !important;
   }

   .flex-xl-row {
     flex-direction: row !important;
   }

   .flex-xl-column {
     flex-direction: column !important;
   }

   .flex-xl-row-reverse {
     flex-direction: row-reverse !important;
   }

   .flex-xl-column-reverse {
     flex-direction: column-reverse !important;
   }

   .flex-xl-grow-0 {
     flex-grow: 0 !important;
   }

   .flex-xl-grow-1 {
     flex-grow: 1 !important;
   }

   .flex-xl-shrink-0 {
     flex-shrink: 0 !important;
   }

   .flex-xl-shrink-1 {
     flex-shrink: 1 !important;
   }

   .flex-xl-wrap {
     flex-wrap: wrap !important;
   }

   .flex-xl-nowrap {
     flex-wrap: nowrap !important;
   }

   .flex-xl-wrap-reverse {
     flex-wrap: wrap-reverse !important;
   }

   .gap-xl-0 {
     gap: 0 !important;
   }

   .gap-xl-1 {
     gap: 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-right: 0 !important;
     margin-left: 0 !important;
   }

   .mx-xl-1 {
     margin-right: 0.25rem !important;
     margin-left: 0.25rem !important;
   }

   .mx-xl-2 {
     margin-right: 0.5rem !important;
     margin-left: 0.5rem !important;
   }

   .mx-xl-3 {
     margin-right: 1rem !important;
     margin-left: 1rem !important;
   }

   .mx-xl-4 {
     margin-right: 1.5rem !important;
     margin-left: 1.5rem !important;
   }

   .mx-xl-5 {
     margin-right: 3rem !important;
     margin-left: 3rem !important;
   }

   .mx-xl-auto {
     margin-right: auto !important;
     margin-left: auto !important;
   }

   .my-xl-0 {
     margin-top: 0 !important;
     margin-bottom: 0 !important;
   }

   .my-xl-1 {
     margin-top: 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-right: 0 !important;
   }

   .me-xl-1 {
     margin-right: 0.25rem !important;
   }

   .me-xl-2 {
     margin-right: 0.5rem !important;
   }

   .me-xl-3 {
     margin-right: 1rem !important;
   }

   .me-xl-4 {
     margin-right: 1.5rem !important;
   }

   .me-xl-5 {
     margin-right: 3rem !important;
   }

   .me-xl-auto {
     margin-right: 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-left: 0 !important;
   }

   .ms-xl-1 {
     margin-left: 0.25rem !important;
   }

   .ms-xl-2 {
     margin-left: 0.5rem !important;
   }

   .ms-xl-3 {
     margin-left: 1rem !important;
   }

   .ms-xl-4 {
     margin-left: 1.5rem !important;
   }

   .ms-xl-5 {
     margin-left: 3rem !important;
   }

   .ms-xl-auto {
     margin-left: 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-right: 0 !important;
     padding-left: 0 !important;
   }

   .px-xl-1 {
     padding-right: 0.25rem !important;
     padding-left: 0.25rem !important;
   }

   .px-xl-2 {
     padding-right: 0.5rem !important;
     padding-left: 0.5rem !important;
   }

   .px-xl-3 {
     padding-right: 1rem !important;
     padding-left: 1rem !important;
   }

   .px-xl-4 {
     padding-right: 1.5rem !important;
     padding-left: 1.5rem !important;
   }

   .px-xl-5 {
     padding-right: 3rem !important;
     padding-left: 3rem !important;
   }

   .py-xl-0 {
     padding-top: 0 !important;
     padding-bottom: 0 !important;
   }

   .py-xl-1 {
     padding-top: 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-right: 0 !important;
   }

   .pe-xl-1 {
     padding-right: 0.25rem !important;
   }

   .pe-xl-2 {
     padding-right: 0.5rem !important;
   }

   .pe-xl-3 {
     padding-right: 1rem !important;
   }

   .pe-xl-4 {
     padding-right: 1.5rem !important;
   }

   .pe-xl-5 {
     padding-right: 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-left: 0 !important;
   }

   .ps-xl-1 {
     padding-left: 0.25rem !important;
   }

   .ps-xl-2 {
     padding-left: 0.5rem !important;
   }

   .ps-xl-3 {
     padding-left: 1rem !important;
   }

   .ps-xl-4 {
     padding-left: 1.5rem !important;
   }

   .ps-xl-5 {
     padding-left: 3rem !important;
   }

   .text-xl-start {
     text-align: left !important;
   }

   .text-xl-end {
     text-align: right !important;
   }

   .text-xl-center {
     text-align: center !important;
   }
 }

 @media (min-width: 1440) {
   .float-xxl-start {
     float: left !important;
   }

   .float-xxl-end {
     float: right !important;
   }

   .float-xxl-none {
     float: none !important;
   }

   .d-xxl-inline {
     display: inline !important;
   }

   .d-xxl-inline-block {
     display: inline-block !important;
   }

   .d-xxl-block {
     display: block !important;
   }

   .d-xxl-grid {
     display: grid !important;
   }

   .d-xxl-table {
     display: table !important;
   }

   .d-xxl-table-row {
     display: table-row !important;
   }

   .d-xxl-table-cell {
     display: table-cell !important;
   }

   .d-xxl-flex {
     display: flex !important;
   }

   .d-xxl-inline-flex {
     display: inline-flex !important;
   }

   .d-xxl-none {
     display: none !important;
   }

   .flex-xxl-fill {
     flex: 1 1 auto !important;
   }

   .flex-xxl-row {
     flex-direction: row !important;
   }

   .flex-xxl-column {
     flex-direction: column !important;
   }

   .flex-xxl-row-reverse {
     flex-direction: row-reverse !important;
   }

   .flex-xxl-column-reverse {
     flex-direction: column-reverse !important;
   }

   .flex-xxl-grow-0 {
     flex-grow: 0 !important;
   }

   .flex-xxl-grow-1 {
     flex-grow: 1 !important;
   }

   .flex-xxl-shrink-0 {
     flex-shrink: 0 !important;
   }

   .flex-xxl-shrink-1 {
     flex-shrink: 1 !important;
   }

   .flex-xxl-wrap {
     flex-wrap: wrap !important;
   }

   .flex-xxl-nowrap {
     flex-wrap: nowrap !important;
   }

   .flex-xxl-wrap-reverse {
     flex-wrap: wrap-reverse !important;
   }

   .gap-xxl-0 {
     gap: 0 !important;
   }

   .gap-xxl-1 {
     gap: 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-right: 0 !important;
     margin-left: 0 !important;
   }

   .mx-xxl-1 {
     margin-right: 0.25rem !important;
     margin-left: 0.25rem !important;
   }

   .mx-xxl-2 {
     margin-right: 0.5rem !important;
     margin-left: 0.5rem !important;
   }

   .mx-xxl-3 {
     margin-right: 1rem !important;
     margin-left: 1rem !important;
   }

   .mx-xxl-4 {
     margin-right: 1.5rem !important;
     margin-left: 1.5rem !important;
   }

   .mx-xxl-5 {
     margin-right: 3rem !important;
     margin-left: 3rem !important;
   }

   .mx-xxl-auto {
     margin-right: auto !important;
     margin-left: auto !important;
   }

   .my-xxl-0 {
     margin-top: 0 !important;
     margin-bottom: 0 !important;
   }

   .my-xxl-1 {
     margin-top: 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-right: 0 !important;
   }

   .me-xxl-1 {
     margin-right: 0.25rem !important;
   }

   .me-xxl-2 {
     margin-right: 0.5rem !important;
   }

   .me-xxl-3 {
     margin-right: 1rem !important;
   }

   .me-xxl-4 {
     margin-right: 1.5rem !important;
   }

   .me-xxl-5 {
     margin-right: 3rem !important;
   }

   .me-xxl-auto {
     margin-right: 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-left: 0 !important;
   }

   .ms-xxl-1 {
     margin-left: 0.25rem !important;
   }

   .ms-xxl-2 {
     margin-left: 0.5rem !important;
   }

   .ms-xxl-3 {
     margin-left: 1rem !important;
   }

   .ms-xxl-4 {
     margin-left: 1.5rem !important;
   }

   .ms-xxl-5 {
     margin-left: 3rem !important;
   }

   .ms-xxl-auto {
     margin-left: 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-right: 0 !important;
     padding-left: 0 !important;
   }

   .px-xxl-1 {
     padding-right: 0.25rem !important;
     padding-left: 0.25rem !important;
   }

   .px-xxl-2 {
     padding-right: 0.5rem !important;
     padding-left: 0.5rem !important;
   }

   .px-xxl-3 {
     padding-right: 1rem !important;
     padding-left: 1rem !important;
   }

   .px-xxl-4 {
     padding-right: 1.5rem !important;
     padding-left: 1.5rem !important;
   }

   .px-xxl-5 {
     padding-right: 3rem !important;
     padding-left: 3rem !important;
   }

   .py-xxl-0 {
     padding-top: 0 !important;
     padding-bottom: 0 !important;
   }

   .py-xxl-1 {
     padding-top: 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-right: 0 !important;
   }

   .pe-xxl-1 {
     padding-right: 0.25rem !important;
   }

   .pe-xxl-2 {
     padding-right: 0.5rem !important;
   }

   .pe-xxl-3 {
     padding-right: 1rem !important;
   }

   .pe-xxl-4 {
     padding-right: 1.5rem !important;
   }

   .pe-xxl-5 {
     padding-right: 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-left: 0 !important;
   }

   .ps-xxl-1 {
     padding-left: 0.25rem !important;
   }

   .ps-xxl-2 {
     padding-left: 0.5rem !important;
   }

   .ps-xxl-3 {
     padding-left: 1rem !important;
   }

   .ps-xxl-4 {
     padding-left: 1.5rem !important;
   }

   .ps-xxl-5 {
     padding-left: 3rem !important;
   }

   .text-xxl-start {
     text-align: left !important;
   }

   .text-xxl-end {
     text-align: right !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: #373737;
 }

 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: 500;
 }

 @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;
   }
 }

 ul,
 .li {
   font-size: 25px;
   font-weight: 500;
   color: white;
   padding-bottom: 25px; 

 }

 h3,
 .h3,
 .h3 {
   font-size: 28px;
   font-weight: 500;
 }

 @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: 25px;
   font-weight: 500;
 }

 @media only screen and (max-width: 575px) {

   h5,
   .h5,
   .h5 {
     font-size: 18px;
   }
 }

 h6,
 .h6,
 .h6 {
   font-size: 18px;
   font-weight: 500;
   color: #686d80;
 }

 @media only screen and (max-width: 575px) {

   h6,
   .h6,
   .h6 {
     font-size: 16px;
   }
 }

 h4,
 .h4,
 h5,
 .h5,
 .h1,
 .h2,
 .h3,
 .h4,
 .h5 {
   font-family: "Montserrat", 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: #373737;
 }

 h3,
 .h3 {
   color: #373737;
 }

 h1,
 .h1 {
   color: #686e7e;
 }

 h1, .custom {
  font-size: 75px;
  font-weight: 600;
 }

 h2,
 .h2 {
   color: #686e7e;
 }

 h2.title,
 .title.h2 {
   font-size: 28px;
   color: #2290cc;
   font-weight: 500;
 }
 .prelements-heading h2.title2 {
  font-size: 28px;
  color: #0091CC;
  font-weight: 900;
 }
 .prelements-heading h2.title3 {
  font-size: 28px;
  color: #0091CC;
 }
 .prelements-heading h4.title3 {
  color: #023047;
  font-weight: 500;
 }
 .prelements-heading h4.title3 span{
  color: #0091cc;
  font-size: 40px;
 }
 .column {
  float: left;
  width: 20%;
  padding: 15px;
}
.csr-pa{
  padding: 40px;
}

 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-left: 65px;
   margin-top: 18px;
   margin-right: 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-left: 30px;
   padding-right: 30px;
 }

 @media only screen and (min-width: 1800px) {

   .container-fluid,
   .container-sm,
   .container-md,
   .container-lg,
   .container-xl {
     max-width: 1720px;
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 @media only screen and (max-width: 991px) {

   .container-fluid,
   .container-sm,
   .container-md,
   .container-lg,
   .container-xl {
     padding-left: 15px;
     padding-right: 15px;
   }
 }

 .rounded {
   border-radius: 8px !important;
 }

 /* ==================
 7. Fonts
=================== */
 #loading-icon-bx {
   position: fixed;
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
   background-color: #fff;
   z-index: 999999999;
 }

 #loading-icon-bx .loading-inner {
   position: absolute;
   width: 100px;
   height: 100px;
   border-radius: 50%;
   left: 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 {
   left: 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 #0091cc;
 }

 #loading-icon-bx .loading-inner div.load-two {
   right: 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-right: 5px solid #0091cc;
 }

 #loading-icon-bx .loading-inner div.load-three {
   right: 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 #0091cc;
 }

 #loading-icon-bx{
  display: none;
 }

 @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;
 }
 .mr-bottom-90{
  margin-bottom: -90px;
}
.mr-bottom-105{
  margin-bottom: -105px;
}
.mr-bottom-50{
  margin-bottom: -50px;
}
.mr-bottom-70{
  margin-bottom: -70px;
}
 .pa-50 {
   padding: 50px;
 }

 .pa-60 {
   padding: 60px;
 }

 .pa-70 {
   padding: 70px;
 }

 .pa-80 {
   padding: 80px;
 }

 .pa-90 {
   padding: 90px;
 }

 .pa-100 {
   padding: 100px;
 }
 .pt-100{
   padding-top: 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-left: 0;
 }

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

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

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

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

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

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

 .pl-50 {
   padding-left: 50px;
 }

 .pl-60 {
   padding-left: 60px;
 }

 .pl-70 {
   padding-left: 70px;
 }

 .pl-80 {
   padding-left: 80px;
 }

 .pl-90 {
   padding-left: 90px;
 }

 .pl-100 {
   padding-left: 100px;
 }

 /* ==================
 3.2.3 Padding Right
=================== */
 .pr-0 {
   padding-right: 0;
 }

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

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

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

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

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

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

 .pr-50 {
   padding-right: 50px;
 }

 .pr-60 {
   padding-right: 60px;
 }

 .pr-70 {
   padding-right: 70px;
 }

 .pr-80 {
   padding-right: 80px;
 }

 .pr-90 {
   padding-right: 90px;
 }

 .pr-100 {
   padding-right: 100px;
 }

 /* ==================
 3.2.4 Padding Left Right
=================== */
 .px-0 {
   padding-left: 0;
   padding-right: 0;
 }

 .px-5 {
   padding-left: 5px;
   padding-right: 5px;
 }

 .px-10 {
   padding-left: 10px;
   padding-right: 10px;
 }

 .px-15 {
   padding-left: 15px;
   padding-right: 15px;
 }

 .px-20 {
   padding-left: 20px;
   padding-right: 20px;
 }

 .px-30 {
   padding-left: 30px;
   padding-right: 30px;
 }

 .px-40 {
   padding-left: 40px;
   padding-right: 40px;
 }

 .px-50 {
   padding-left: 50px;
   padding-right: 50px;
 }

 .px-60 {
   padding-left: 60px;
   padding-right: 60px;
 }

 .px-70 {
   padding-left: 70px;
   padding-right: 70px;
 }

 .px-80 {
   padding-left: 80px;
   padding-right: 80px;
 }

 .px-90 {
   padding-left: 90px;
   padding-right: 90px;
 }

 .px-100 {
   padding-left: 100px;
   padding-right: 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-left: auto;
   margin-right: 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-left: 0;
 }

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

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

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

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

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

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

 .ml-50 {
   margin-left: 50px;
 }

 .ml-60 {
   margin-left: 60px;
 }

 .ml-70 {
   margin-left: 70px;
 }

 .ml-80 {
   margin-left: 80px;
 }

 .ml-90 {
   margin-left: 90px;
 }

 .ml-100 {
   margin-left: 100px;
 }

 /* ==================
 3.3.5 Margin Right
=================== */
 .m-r0 {
   margin-right: 0;
 }

 .m-r5 {
   margin-right: 5px;
 }

 .m-r10 {
   margin-right: 10px;
 }

 .m-r15 {
   margin-right: 15px;
 }

 .m-r20 {
   margin-right: 20px;
 }

 .m-r30 {
   margin-right: 30px;
 }

 .m-r40 {
   margin-right: 40px;
 }

 .m-r50 {
   margin-right: 50px;
 }

 .m-r60 {
   margin-right: 60px;
 }

 .m-r70 {
   margin-right: 70px;
 }

 .m-r80 {
   margin-right: 80px;
 }

 .m-r90 {
   margin-right: 90px;
 }

 .m-r100 {
   margin-right: 100px;
 }

 /* ==================
 3.3.6 Margin Left Right
=================== */
 .mx-0 {
   margin-left: 0;
   margin-right: 0;
 }

 .mx-5 {
   margin-left: 5px;
   margin-right: 5px;
 }

 .mx-10 {
   margin-left: 10px;
   margin-right: 10px;
 }

 .mx-15 {
   margin-left: 15px;
   margin-right: 15px;
 }

 .mx-20 {
   margin-left: 20px;
   margin-right: 20px;
 }

 .mx-30 {
   margin-left: 30px;
   margin-right: 30px;
 }

 .mx-40 {
   margin-left: 40px;
   margin-right: 40px;
 }

 .mx-50 {
   margin-left: 50px;
   margin-right: 50px;
 }

 .mx-60 {
   margin-left: 60px;
   margin-right: 60px;
 }

 .mx-70 {
   margin-left: 70px;
   margin-right: 70px;
 }

 .mx-80 {
   margin-left: 80px;
   margin-right: 80px;
 }

 .mx-90 {
   margin-left: 90px;
   margin-right: 90px;
 }

 .mx-100 {
   margin-left: 100px;
   margin-right: 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-csr {
  padding-top: 0px;
  padding-left: 25px;
  padding-right: 25px;
    padding-bottom: 35px;
 }
 .section-sp1 {
   /* padding-top: 100px; */
   padding-bottom: 50px;
 }

 @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: 45px;
  padding-left: 30px;
  padding-right: 30px;
    padding-bottom: 45px;
 }

 @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: 40px;
    padding-bottom: 40px;
    padding-left: 15px;
    padding-right: 15px;
   }
   
 }

 .section-sp3 {
  padding-top: 25px;
  padding-left: 60px;
  padding-right: 60px;
  padding-bottom: 125px;
 }

 @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;
  font-size: 30px;
  line-height: 28px;
}

 dl,
 ul,
 ol {
   list-style-position: outside;
 }

 ul,
 ol {
   margin-bottom: 24px;
 }

 ul li,
 ol li {
   padding: 0;
 }

 dl {
   margin-left: 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 {
  background: #0091cc;
  color: #fff;
 }

 ::-moz-selection {
   color: #fff;
   background: #565acf;
 }

 ::-moz-selection {
   background: #565acf;
   color: #fff;
 }

 ::selection {
  background: #0091cc;
  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-left: 0;
   margin-right: 0;
 }

 .row.spno [class*="col"],
 .row.spno [class*="col"],
 .spno [class*="col"],
 .spno [class*="col"] {
   padding-left: 0;
   padding-right: 0;
 }

 .row.sp5,
 .sp5 {
   margin-left: -5px;
   margin-right: -5px;
 }

 .row.sp5 [class*="col"],
 .row.sp5 [class*="col"],
 .sp5 [class*="col"],
 .sp5 [class*="col"] {
   padding-left: 5px;
   padding-right: 5px;
 }

 .row.sp10,
 .sp10 {
   margin-left: -10px;
   margin-right: -10px;
 }

 .row.sp10 [class*="col"],
 .row.sp10 [class*="col"],
 .sp10 [class*="col"],
 .sp10 [class*="col"] {
   padding-left: 10px;
   padding-right: 10px;
 }

 .row.sp10,
 .sp10 {
   margin-left: -10px;
   margin-right: -10px;
 }

 .row.sp10 [class*="col"],
 .row.sp10 [class*="col"],
 .sp10 [class*="col"],
 .sp10 [class*="col"] {
   padding-left: 10px;
   padding-right: 10px;
 }

 .row.sp20,
 .sp20 {
   margin-left: -20px;
   margin-right: -20px;
 }

 .row.sp20 [class*="col"],
 .row.sp20 [class*="col"],
 .sp20 [class*="col"],
 .sp20 [class*="col"] {
   padding-left: 20px;
   padding-right: 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;
   }
 }
 .material {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	transform-style: preserve-3d;
	transform: rotateZ(-90deg);
    margin-right: -150px;
    /* margin-top: 40px; */
}

@keyframes rotate {
	0% {
		transform: rotateX(0deg);
	}
	100% {
		transform: rotateX(360deg);
	}
}
.dna1 {
	position: absolute;
    right: 10px;
    bottom: 235px;
}
.dna {/*line*/
	position: relative;
	width: 1px;
	height: 120px;
	border: 1px dotted #000;
	box-shadow: 0 0 15px #e7e7e7;
	background: transparent;
	margin: 0px 10px;
	animation: rotate 3s linear infinite;
}
.dna::before {/*top dot*/
	content: '';
	position: absolute;
	top: -2px;
	left: -5px;
	width: 10px;
	height: 10px;
	background: #228FCB;
	border-radius: 50%;
	/* box-shadow: 0 0 15px #228FCB; */
}
.dna::after {/*bottom dot*/
	content: '';
	position: absolute;
	bottom: -2px;
	left: -5px;
	width: 10px;
	height: 10px;
	background: #228FCB;
	border-radius: 50%;
	/* box-shadow: 0 0 12px #228FCB; */
}

.dna:nth-child(1) {
  animation-delay: -0.15s;
}
.dna:nth-child(2) {
  animation-delay: -0.3s;
}
.dna:nth-child(3) {
  animation-delay: -0.45s;
}
.dna:nth-child(4) {
  animation-delay: -0.6s;
}
.dna:nth-child(5) {
  animation-delay: -0.75s;
}
.dna:nth-child(6) {
  animation-delay: -0.9s;
}
.dna:nth-child(7) {
  animation-delay: -1.05s;
}
.dna:nth-child(8) {
  animation-delay: -1.2s;
}
.dna:nth-child(9) {
  animation-delay: -1.35s;
}
.dna:nth-child(10) {
  animation-delay: -1.5s;
}
.dna:nth-child(11) {
  animation-delay: -1.65s;
}
.dna:nth-child(12) {
  animation-delay: -1.8s;
}
.dna:nth-child(13) {
  animation-delay: -1.95s;
}
.dna:nth-child(14) {
  animation-delay: -2.1s;
}
.dna:nth-child(15) {
  animation-delay: -2.25s;
}
.dna:nth-child(16) {
  animation-delay: -2.3s;
}
 @media only screen and (max-width: 767px) {
   .page-banner .page-banner-entry {
     height: 280px;
   }
   .dna1 {
    position: absolute;
    right: 0;
    bottom: 935px;
}
 }

 .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(../images/banner/shape.png);
   position: absolute;
   bottom: 0;
   left: 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 {
   left: 15%;
   bottom: 50px;
   z-index: 1;
 }

 .page-banner .pt-img2 {
   left: 30px;
   top: 100px;
 }

 .page-banner .pt-img3 {
   right: 8%;
   bottom: 30%;
 }

 /* ==================
 6. Breadcrumb
=================== */
 .breadcrumb-row {
   box-shadow: 0px 5px 30px 0px rgba(86, 90, 207, 0.3);
   font-family: "Montserrat", 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-right: 10px;
   transform: translateY(-2px);
 }

 @media only screen and (max-width: 1380px) {
   .breadcrumb-row ul li {
     font-size: 14px;
   }
 }

 .breadcrumb-item+.breadcrumb-item {
   padding-left: 15px;
   color: #fff;
 }

 .breadcrumb-item+.breadcrumb-item::before {
   color: #fff;
   content: "/";
   font-size: 22px;
   padding-right: 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-left: 10px;
   }

   .breadcrumb-item+.breadcrumb-item::before {
     font-size: 18px;
     padding-right: 10px;
     line-height: 18px;
   }
 }

 /* ==================
 4. Heading
=================== */
 section {
   position: relative;
   z-index: 1;
 }

 .heading-bx {
  text-align: center;
  line-height: 20px;
 }

 .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(../images/shap/ext-blue.png);
 }

 .heading-bx .title-ext.text-secondary {
   background-image: url(../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;
     color: #2290cc;
     font-weight: 500;
   }
 }

 @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: 5px 136px;
    text-align: center;
    font-weight: 500;
 }

 @media only screen and (max-width: 1680px) {
   .heading-bx p {
     font-size: 16px;
   }
 }

 @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-left: auto;
   margin-right: 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-left: 15px;
   border-left: 4px solid #565acf;
   margin-left: 15px;
   margin-bottom: 0;
 }

 @media only screen and (max-width: 767px) {
   .heading-bx.head-col p {
     padding-left: 0;
     border-left: 0;
     margin-left: 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.3333333333%;
     max-width: 8.3333333333%;
   }

   .col-xxl-2 {
     flex: 0 0 16.6666666667%;
     max-width: 16.6666666667%;
   }

   .col-xxl-3 {
     flex: 0 0 25%;
     max-width: 25%;
   }

   .col-xxl-4 {
     flex: 0 0 33.3333333333%;
     max-width: 33.3333333333%;
   }

   .col-xxl-5 {
     flex: 0 0 41.6666666667%;
     max-width: 41.6666666667%;
   }

   .col-xxl-6 {
     flex: 0 0 50%;
     max-width: 50%;
   }

   .col-xxl-7 {
     flex: 0 0 58.3333333333%;
     max-width: 58.3333333333%;
   }

   .col-xxl-8 {
     flex: 0 0 66.6666666667%;
     max-width: 66.6666666667%;
   }

   .col-xxl-9 {
     flex: 0 0 75%;
     max-width: 75%;
   }

   .col-xxl-10 {
     flex: 0 0 83.3333333333%;
     max-width: 83.3333333333%;
   }

   .col-xxl-11 {
     flex: 0 0 91.6666666667%;
     max-width: 91.6666666667%;
   }

   .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: #023047;
   font-weight: 600;
   font-size: 26px;
   color: #efefef;
   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: #efefef;
   font-size: 28px;
   font-weight: 900;
   color: #023047;
 }

 .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: 26px;
   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: 0px;
   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: 5px 0px;
   background: #efefef;
   /* border-radius: 15px; */
 }
 .card .card-body h2.title {
  font-size: 28px;
    color: #2290cc;
    font-weight: 500;
    margin-bottom: 0px;
}
.card .card-body h4 {
  font-size: 18px;
    color: #000;
    font-weight: 500;
}
.founder p.description {
  text-align: justify;
    font-size: 17px;
}
 /* ==================
 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-right-radius: 5px;
   border-bottom-right-radius: 5px;
 }

 .input-group-prepend .input-group-text {
   border-top-left-radius: 5px;
   border-bottom-left-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;
   left: 3px;
   transition: left 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 {
   left: 26px;
 }

 .toggle-checkbox {
   position: absolute;
   visibility: hidden;
 }

 .toggle-label {
   margin-left: 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;
   left: 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: 5px 10px 10px 5px;
   font-weight: 400;
   overflow: hidden;
 }

 .file-upload-wrapper:before {
   content: 'Upload';
   position: absolute;
   top: 0;
   right: 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: 0 5px 5px 0;
 }

 .file-upload-wrapper:hover:before {
   background: #363abc;
 }

 .file-upload-wrapper input {
   opacity: 0;
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 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 {
   left: 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 {
   right: 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: "Montserrat", 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 {
   right: 22px;
 }

 /* ==================
 8.6 Buttons
=================== */
 .btn {
  padding: 11px 10px;
   text-decoration: none;
   font-weight: 500;
   font-size: 13px;
   -webkit-transition: all 0.5s;
   -ms-transition: all 0.5s;
   transition: all 0.5s;
   border-width: 2px;
   line-height: 1.2;
 }
 .btn-1 {
  padding: 8px 20px;
   text-decoration: none;
   font-weight: 500;
   font-size: 13px;
   -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: 45px;
   height: 45px;
   background: #fff;
   border-radius: 20px;
   line-height: 45px;
   display: inline-block;
   margin: -12px -27px -12px 15px;
   color: #000;
 }

 .btn-xs {
   font-size: 12px;
   padding: 6px 15px;
 }

 .btn-xs .btn-icon-bx {
   width: 26px;
   height: 26px;
   line-height: 26px;
   margin: -10px -15px -10px 10px;
 }

 .btn-sm,
 .btn-group-sm>.btn {
   font-size: 14px;
   padding: 12px 27px 12px 20px;
 }

 .btn-sm .btn-icon-bx,
 .btn-group-sm>.btn .btn-icon-bx {
   width: 34px;
   height: 34px;
   margin: -10px -24px -10px 15px;
   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 -31px -16px 20px;
 }

 .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 -37px -20px 20px;
 }

 [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: white;
   color: grey;
   border: 2px solid #e1e2f6;
 }

 .btn-primary.light:hover {
   background-color: #2290cc;
   box-shadow: 0px 1px 7px 0px rgb(86 90 207 / 30%);
   color: #fff;
   border: 2px solid #2290cc;
 }

 .btn-primary .btn-icon-bx {
   color: grey;
 }

 .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;
   color: #8e929f;
   font-weight: 600;
   font-size: 16px
 }

 .table tr th {
   color: #6a7081;
   font-weight: 700;
   font-size: 16px;
 }

 .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%;
   left: 40px;
   width: 70px;
   height: 2px;
   background: #eee;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
 }

 .ttr-separator[class*="style-"]:before {
   left: auto;
   right: 40px;
 }

 .ttr-separator.style-skew {
   width: 15px;
   height: 10px;
   margin-left: 1px;
   margin-right: 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;
   left: 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 {
   right: 20px;
   left: 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;
   right: -80px;
   width: 25px;
 }

 .ttr-separator.bnr-title:after {
   height: inherit;
   right: -90px;
   top: 0;
   width: 6px;
 }

 .ttr-separator.bnr-title i {
   background-color: inherit;
   display: block;
   height: inherit;
   position: absolute;
   right: -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 {
   
 }

 .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: left;
   margin-right: 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: left;
   margin-right: 10px;
 }

 .feature-container.right {
   text-align: right;
 }

 .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: right;
   margin-left: 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: right;
   margin-left: 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-left: auto;
   margin-right: 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;
 }

 .left-border,
 .right-border {
   position: relative;
 }

 .left-border:before,
 .right-border:before {
   content: "";
   position: absolute;
   top: 5px;
   width: 1px;
   height: 90%;
   background: #CCC;
 }

 .right-border:before {
   right: 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 {
  margin-left: 40px;
 } */

 .feature-bx1 .icon-cell {
   margin-right: 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;
   left: -12px;
 } */

 .feature-bx1.feature1 {
   border-color: #b2f0fb;
   float: right;
   margin-right: 50px;

 }

 .feature-bx1.feature1:after {
   /* background-color: #ecfcff; */
 }

 .feature-bx1.feature2 {
   border-color: #a4fcc4;
   float: left;
    margin-left: 50px;
 }
.line {
  border-left: 1px solid#bdc2c5;
}
 .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: 20px;
    font-weight: 600;
    color: #133e53;
    margin: 0;
 }
 .feature-bx1 .icon-content .ttr-title2 {
  font-size: 45px;
  font-weight: 500;
  color: #0091cc;
  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: #f3f5f8;
   z-index: 1;
   overflow: hidden;
   padding: 25px;
   /* box-shadow: 1px 1px 50px rgba(0, 0, 0, 0.08); */
   /* background-image: url(../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: #f3f5f8;
  /* border: 0px solid rgba(86, 90, 207, 0.1); */
  /* border-radius: 13px; */
  width: 115px;
  height: 85px;
  line-height: 80px;
 }

 .feature-bx2 .feature-box-xl img,
 .feature-bx2 .feature-box-xl svg {
   width: 80px;
 }

 .feature-bx2 .icon-content p {
   font-size: 18px;
   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 0 0 15px;
 }

 .feature-bx3:after {
   content: "";
   position: absolute;
   top: -15px;
   left: -15px;
   border-radius: 20px;
   width: 100%;
   height: 100%;
   border: 2px solid #565acf;
   z-index: -1;
 }

 .feature-bx3 .ttr-title {
   margin-bottom: 12px;
   color: #2290cc;
 }

 .ttr-title {
   color: #2290cc;
 }

 .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;
   right: -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-right: 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 0 0 5px;
   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-left: 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;
   left: 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 55px 0 14px;
   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;
   left: 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;
   left: 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;
   left: 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;
   left: 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;
   left: 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;
 }
/* ------------------------------------
	19. Tab Services Section CSS
---------------------------------------*/
.rs-tab-main.tab-content-style1 ul.nav {
  margin: 0;
  display: inline-flex;
}
.rs-tab-main.tab-content-style1 ul.nav .nav-item {
  margin-right: 29px;
}
.rs-tab-main.tab-content-style1 ul.nav .nav-item .nav-link {
  display: inline-block;
  align-items: center;
  top: 1px;
  font-size: 18px;
  font-weight: 400;
  padding: 5px 70px;
  box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.04);
  justify-content: left;
  background: #efefef;
  color: #023047;
}
.rs-tab-main.tab-content-style1 ul.nav .nav-item .nav-link em {
  position: relative;
  display: inline-block;
  float: left;
}
.rs-tab-main.tab-content-style1 ul.nav .nav-item .nav-link em .main-img {
  opacity: 1;
  width: 45px !important;
  padding: 0px 12px 0px 0px;
  left: 0;
}
.rs-tab-main.tab-content-style1 ul.nav .nav-item .nav-link em .hover-img {
  width: 45px !important;
  padding: 0px 12px 0px 0px;
  position: absolute;
  left: 0;
  opacity: 0;
}
.rs-tab-main.tab-content-style1 ul.nav .nav-item .nav-link:hover {
  background: #ffe040;
  color: #023047;
  font-size: 20px;
  font-weight: 800;
}
.rs-tab-main.tab-content-style1 ul.nav .nav-item .nav-link:hover .hover-img {
  opacity: 1;
}
.rs-tab-main.tab-content-style1 ul.nav .nav-item:last-child {
  margin-right: 0 !important;
}
.rs-tab-main.tab-content-style1 ul.nav .nav-item.active .nav-link {
  background: #ffe040;
  color: #023047;
  font-size: 20px;
  font-weight: 800;
}
.rs-tab-main.tab-content-style1 ul.nav .nav-item.active .nav-link .hover-img {
  opacity: 1;
}
.rs-tab-main.tab-content-style1 .tab-content {
  background: #fff;
  box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.03);
  margin-top: 30px;
  padding: 30px 40px 50px 60px;
  border-radius: 5px 5px 5px 5px;
}
.rs-tab-main.tab-content-style1 .tab-content .tab-pane .prelements-heading {
  padding: 0px 0px 10px 10px;
}
.rs-tab-main.tab-content-style1 .tab-content .tab-pane .prelements-heading .title {
  font-size: 22px;
  line-height: 1.1;
  text-align: left;
  font-weight: 700;
  color: #0091cc;
  margin: 0 0 26px;
}
.rs-tab-main.tab-content-style1 .tab-content .tab-pane .prelements-heading .description {
  color: #666666;
  margin: 0;
  text-align: left;
}
.rs-tab-main.tab-content-style1 .tab-content .tab-pane .tab-img {
  margin: 0px 0px -136px 0px;
}
.rs-tab-main.tab-content-style1 .tab-pane.active {
  animation: slide-down 5s ease-out;
}
.about-us-tab ul.nav.nav-tabs{
  border-bottom: none;
  justify-content: center;
  margin-bottom: 60px;
}
.about-us-tab ul.nav.nav-tabs li.nav-item{
  margin-right: 60px;
}
.about-us-tab ul.nav.nav-tabs li.nav-item:last-child{
  margin-right: 0px;
}
.about-us-tab ul.nav.nav-tabs li.nav-item a.nav-link{
  display: inline-block;
  align-items: center;
  top: 1px;
  font-size: 18px;
  font-weight: 400;
  padding: 5px 70px;
  box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 4%);
  justify-content: left;
  background: #efefef;
  color: #023047;
}
.about-us-tab ul.nav.nav-tabs li.nav-item a.nav-link.active,
.about-us-tab ul.nav.nav-tabs li.nav-item a.nav-link:hover{
  background: #ffe040;
    color: #023047;
    font-size: 20px;
    font-weight: 800;
}
.track-price ul.track-order{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.track-price ul.track-order li h4{
  font-size: 26px;
  color: #0091cc;
}
.track-price ul.track-order li h3{
  font-size: 32px;
  font-weight: 900;
  color: #023047;
}
.track-price ul.track-order li h6{
  font-size: 15px;
  color: #000;
}
.track-price ul.track-order li span.track-status{
  font-size: 16px;
  font-weight: 600;
}
.gallery-tab ul.nav.nav-tabs{
  border-bottom: none;
  justify-content: center;
  margin-bottom: 50px;
}
.gallery-tab ul.nav.nav-tabs li.nav-item{
  margin-right: 40px;
}
.gallery-tab ul.nav.nav-tabs li.nav-item:last-child{
  margin-right: 0px;
}
.gallery-tab ul.nav.nav-tabs li.nav-item a.nav-link{
  display: inline-block;
  align-items: center;
  top: 1px;
  font-size: 18px;
  font-weight: 400;
  padding: 5px 30px;
  box-shadow: 0px 0px 30px 0px rgb(0 0 0 / 4%);
  justify-content: left;
  background: #efefef;
  color: #023047;
}
.gallery-tab ul.nav.nav-tabs li.nav-item a.nav-link.active,
.gallery-tab ul.nav.nav-tabs li.nav-item a.nav-link:hover{
  background: #ffe040;
    color: #023047;
    font-size: 20px;
    font-weight: 800;
}
.gallery-tab .blog-start .blog-image a::after {
  background-color: rgba(0, 0, 0, 0.5);
  content: "";
  position: absolute;
  top: 0px;
  bottom: 0px;
  right: 0px;
  left: 0px;
  opacity: 0;
  transition: all 0.6s ease-in-out 0s;
}
.gallery-tab .blog-start .blog-image a img {
  transition: all 0.6s ease-in-out 0s;
  backface-visibility: hidden;
  box-shadow: rgb(17 17 26 / 50%) 0px 4px 16px, rgb(17 17 26 / 20%) 0px 8px 32px
}
.gallery-tab .blog-start .blog-image a {
  position: relative;
  overflow: hidden;
}
.gallery-tab .blog-start .blog-content .blog-title h5 {
  display: block;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #023047;
  font-size: 25px;
  margin-top: 10px;
}
.gallery-tab .blog-start .blog-content p.blog-description {
  font-size: 18px;
  line-height: 21px;
}
.gallery-tab .blog-start {
 margin-bottom: 40px;
}
@keyframes slide-down {
  0% {
    opacity: 0;
    transform: translateY(10%);
  }
  10% {
    opacity: 1;
    transform: translateY(0);
  }
}
 /* ==================
 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(http://meditro.themetrades.com/demo/error-404.html);
   top: 20px;
   left: 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(http://meditro.themetrades.com/demo/error-404.html);
   top: 20px;
   left: 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;
   left: 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;
   left: 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%;
   left: 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;
   left: 20px;
 }

 .thumb-wraper ul li:nth-child(2) {
   top: 0px;
   left: 50%;
   transform: translateX(-50%);
 }

 .thumb-wraper ul li:nth-child(3) {
   top: 100px;
   right: 20px;
 }

 .thumb-wraper ul li:nth-child(4) {
   right: 30px;
   bottom: 110px;
 }

 .thumb-wraper ul li:nth-child(5) {
   bottom: 20px;
   left: 50%;
   transform: translateX(-50%);
 }

 .thumb-wraper ul li:nth-child(6) {
   left: 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: 40px 0 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;
   right: 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;
   left: 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: 30px 0 30px 30px;
     padding: 50px 30px 30px;
   }

   .testimonial-bx .testimonial-content p {
     line-height: 26px;
     font-size: 16px;
   }

   .testimonial-bx .quote-icon {
     top: -45px;
     left: 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-prev,
 .testimonial-slide .test-btn-next {
   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-prev:after,
 .testimonial-slide .test-btn-next:after {
   content: "";
 }

 .testimonial-slide .test-btn-prev:hover,
 .testimonial-slide .test-btn-next:hover {
   background-color: #f17732;
   color: #fff;
 }

 .testimonial-slide .test-btn-prev {
   left: 20px;
 }

 .testimonial-slide .test-btn-next {
   right: auto;
   left: 85px;
 }

 .testimonial-slide .swiper-pagination {
   right: 30px;
   display: inline-block;
   text-align: right;
   left: 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 {
     left: 0;
   }

   .testimonial-slide .test-btn-next {
     left: 60px;
   }

   .testimonial-slide .swiper-pagination {
     right: 10px;
   }
 }

 .testimonial-wraper .pt-img1 {
   top: 165px;
   left: 180px;
 }

 .testimonial-wraper .pt-img2 {
   bottom: 110px;
   left: 150px;
 }

 @media only screen and (max-width: 1380px) {
   .testimonial-wraper .pt-img2 {
     bottom: 30px;
     left: 30px;
   }
 }

 .testimonial-wraper .pt-img3 {
   top: 140px;
   right: 90px;
 }

 .testimonial-wraper .pt-img4 {
   bottom: 160px;
   right: 160px;
 }

 @media only screen and (max-width: 1380px) {
   .testimonial-wraper .pt-img4 {
     bottom: 30px;
     right: 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-right: 1px solid rgba(0, 0, 0, 0.1);
 }

 .filter-mobile .filter-bx {
   width: 50%;
   padding: 10px;
 }

 .filter-btn i {
   margin-right: 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;
   right: 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;
   left: -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-left .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;
   left: 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%;
   left: 280px;
   opacity: 0.8;
 }

 .filter-left.filter-on {
   left: 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-left-radius: 0;
   border-top-left-radius: 0;
   margin-left: 0;
 }

 .pagination>li:last-child>a,
 .pagination>li:last-child>span {
   border-bottom-right-radius: 0;
   border-top-right-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>.next>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>.next>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%;
   left: 0;
   bottom: 0;
   position: absolute;
   /* background-image: url(../images/main-banner/shape1.png); */
   background-repeat: no-repeat;
   background-position: bottom left;
   background-size: 100%;
   z-index: -1;
 }

 .main-banner h1,
 .main-banner .h1 {
  font-size: 48px;
  line-height: 1.2;
  font-weight: 800;
  color: #0e405e;
  text-align: center;
  padding-top: 50px;
 }

 .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(../images/shap/ext-blue.png);
 }

 .main-banner .title-ext.text-secondary {
   background-image: url(../images/shap/ext-orange.png);
 }

 .main-banner .tag-list li {
   display: inline-block;
   margin-right: 8px;
   position: relative;
   padding-right: 5px;
   font-size: 14px;
   color: #1f2278;
   font-weight: 600;
 }

 .main-banner .tag-list li:after {
   content: ",";
   position: absolute;
   bottom: 0;
   right: 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-right: -160px;
   margin-left: -50px;
 }

 .main-banner .inner-content {
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
 }
 .main-banner {
  height: 415px;
}
 @media only screen and (max-width: 1680px) {
   .main-banner {
     height: 415px;
   }

   .main-banner .banner-img {
     margin-right: 0;
     margin-left: 0px;
   }

   .main-banner h1,
   .main-banner .h1 {
     /* margin-bottom: 30px; */
     font-size: 48px;
     line-height: 1.2;
     font-weight: 800;
     color: #0e405e;
     text-align: center;
     padding-top: 50px;
   }

   .main-banner .title-ext {
     margin: 0 0 10px;
     font-size: 18px;
   }
 }
 @media only screen and (max-width: 1400px) {
  .main-banner {
    height: 375px;
}
 }
 @media only screen and (max-width: 1199px) {
  .main-banner {
    height: 315px;
}

   .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-right: -40px;
     margin-left: -20px;
   }
   .carousel-indicators [data-bs-target] {
     display: none;
   }
   .main-banner h1,
   .main-banner .h1 {
     font-size: 27px;
     margin-bottom: 30px;
     margin-top: 150px;
   }

   .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%;
   left: 5%;
 }

 @media only screen and (max-width: 1380px) {
   .main-banner .pt-img1 {
     left: 0%;
     bottom: 25%;
   }
 }

 .main-banner .pt-img2 {
   top: 24%;
   left: 51%;
 }

 @media only screen and (max-width: 991px) {
   .main-banner .pt-img2 {
     top: 30%;
     left: 55%;
   }
 }

 .main-banner .pt-img3 {
   top: 23%;
   left: 17%;
 }

 .main-banner .pt-img4 {
   bottom: 15%;
   left: 41%;
   z-index: 1;
 }

 @media only screen and (max-width: 991px) {
   .main-banner .pt-img4 {
     bottom: 10%;
     left: 45%;
   }
 }

 .main-banner .pt-img5 {
   bottom: 150px;
   right: 150px;
 }

 /* ==================
 8.23 Work Box
=================== */
 .work-area .pt-img1 {
   bottom: 15%;
   left: 5%;
 }

 .work-area .pt-img2 {
   top: 50%;
   right: 5%;
 }

 @media only screen and (max-width: 991px) {
   .work-area .pt-img2 {
     top: 250px;
     width: 100px;
     height: 100px;
     right: 10px;
   }
 }

 .work-area .pt-img3 {
   bottom: 10%;
   right: 20%;
 }

 @media only screen and (max-width: 991px) {
   .work-area .pt-img3 {
     bottom: 120px;
     right: 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: 55px 28px;
   border-radius: 10px;
   background-color: #f3f5f8;
   -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: #2190cc;
   position: absolute;
   top: 0;
   right: 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: grey;
 }

 .work-bx.active .btn .btn-icon-bx,
 .work-bx:hover .btn .btn-icon-bx {
   background-color: white;
   color: grey;
   border: 2px solid #e1e2f6;
 }

 /* ==================
 8.1 About Us
=================== */
 .about-area .pt-img1 {
   bottom: 20%;
   left: 16%;
 }

 @media only screen and (max-width: 1380px) {
   .about-area .pt-img1 {
     left: 100px;
   }
 }

 .about-area .pt-img2 {
   bottom: 5%;
   right: 25%;
 }

 .about-area .pt-img3 {
   top: 30%;
   right: 7%;
 }

 .about-area .pt-img4 {
   bottom: 10%;
   right: 1%;
 }

 .about-area .pt-img5 {
   top: 25%;
   left: 5%;
 }

 @media only screen and (max-width: 1380px) {
   .about-area .pt-img5 {
     left: 35px;
   }
 }

 .about-thumb-area {
   margin-right: 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: 0 60px 60px;
   margin-top: auto;
   margin-left: auto;
 }

 .about-thumb-area .about-thumb2 {
   border-radius: 60px 0 60px 60px;
   margin-top: auto;
   margin-right: auto;
 }

 .about-thumb-area .about-thumb3 {
   border-radius: 60px 60px 60px 0;
   margin-bottom: auto;
   margin-left: auto;
 }

 .about-thumb-area .exp-bx {
   background-color: #e6e7ff;
   border-radius: 60px 60px 0px 60px;
   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;
   left: 10px;
   width: 100%;
   height: 100%;
   border: 2px solid #565acf;
   border-radius: 60px 60px 0px 60px;
   z-index: -1;
 }

 .about-thumb-area:after {
   content: "";
   position: absolute;
   top: 49%;
   left: 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-right: 0;
   }
 }

 @media only screen and (max-width: 991px) {
   .about-thumb-area:after {
     top: 51%;
     left: 41%;
   }
 }

 @media only screen and (max-width: 767px) {
   .about-thumb-area:after {
     top: 48%;
     left: 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: 30px 0 30px 30px;
   }

   .about-thumb-area .about-thumb3 {
     border-radius: 30px 30px 30px 0;
   }

   .about-thumb-area .about-thumb1 {
     border-radius: 0 30px 30px;
   }

   .about-thumb-area .exp-bx {
     padding: 50px 0px 20px;
     border-radius: 30px 30px 0px 30px;
     line-height: 55px;
     font-size: 70px;
     width: 85%;
   }

   .about-thumb-area .exp-bx:after {
     border-radius: 30px 30px 0px 30px;
     top: 8px;
     left: 8px;
   }

   .about-thumb-area .exp-bx span {
     font-size: 12px;
   }

   .about-thumb-area:after {
     top: 43%;
     left: 41%;
     width: 25px;
     height: 25px;
     border-radius: 5px;
   }
 }

 /* ==================
 8.4 Appointment
=================== */
 .account-wraper1 {
   padding-bottom: 50px;
   /* padding-top: 40px;
   margin-bottom: -115px; */
 }
 .account-wraper2 {
  /* padding-bottom: 100px; */
  padding-top: 40px;
  margin-bottom: -115px;
}
.row-padding {
  padding: 0px 70px;
}
 /* .account-wraper1 .appointment-inner {
   background-color: #f5f5fc;
   position: relative;
   z-index: 1;
 } */
.description {
  text-align: justify;
}
.needHelp {
  color: #fff;
  background: url(../images/new-img/Layer-121.png) top center no-repeat;
  -webkit-background-size: cover;
  background-size: cover;
  padding-top: 35px;
  padding-bottom: 45px;
}
 @media only screen and (max-width: 767px) {
   .account-wraper1 {
     background-color: transparent;
   }
 }

 .account-wraper1 .pt-img1 {
   top: 100px;
   left: 70px;
 }

 @media only screen and (max-width: 991px) {
   .account-wraper1 .pt-img1 {
     top: 190px;
     left: 10px;
   }
   .test-para-1 {
    font-size: 15px;
  }
 }

 @media only screen and (max-width: 1199px) {
   .account-wraper1 .pt-img1 {
     top: 50px;
     left: 50px;
   }
 }

 .account-wraper1 .pt-img2 {
   left: -90px;
   bottom: 150px;
 }

 @media only screen and (max-width: 991px) {
   .account-wraper1 .pt-img2 {
     left: -60px;
     bottom: 50px;
   }
 }

 @media only screen and (max-width: 1199px) {
   .account-wraper1 .pt-img2 {
     left: -60px;
     bottom: -40px;
   }
 }

 .account-wraper1 .pt-img3 {
   right: -70px;
   top: 50px;
 }

 @media only screen and (max-width: 1680px) {
   .account-wraper1 .pt-img3 {
     right: 20px;
     top: -30px;
   }
 }

 .account-wraper1 .pt-img4 {
   right: -40px;
   bottom: 150px;
 }

 @media only screen and (max-width: 1680px) {
   .account-wraper1 .pt-img4 {
     right: 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-left: 0;
     padding-right: 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';
   right: 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: transparent;
  border-bottom: 2px solid#fff;
  padding: 15px 0px 15px 0px;
  border-radius: 0px;
  height: 60px;
  font-weight: 500;
  font-size: 16px;
  color: #fff;
  background: transparent;
 }

 .form-wraper .form-control:active,
 .form-wraper .form-control:focus,
 .form-wraper .form-control:hover {
  border-color: transparent;
  border-bottom: 2px solid#fff;
 }

 .form-wraper .form-control::-webkit-input-placeholder {
   color: #fff;
 }

 .form-wraper .form-control:-ms-input-placeholder {
   color: #fff;
 }

 .form-wraper .form-control::placeholder {
   color: #fff;
 }

 .form-wraper textarea.form-control {
   height: 150px;
 }
 .info-inner .title {
  color: #fff;
}
 @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;
   left: -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-left: 50px;
   }
 }

 @media only screen and (max-width: 991px) {
   .appointment-form {
     margin-left: 20px;
     padding: 30px;
     border-radius: 20px;
   }

   .appointment-form:after {
     top: -15px;
     left: -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-left: 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;
     left: -10px;
     border-radius: 20px;
   }
 }

 .appointment-thumb {
   position: relative;
   width: 730px;
   margin-left: 70px;
 }

 .appointment-thumb .images-group img {
   position: absolute;
 }

 .appointment-thumb .images-group .img1 {
   right: 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 {
     right: 10px;
     bottom: 14px;
     height: 430px;
   }
 }

 .appointment-thumb .images-group .img2 {
   left: 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 {
     left: 60px;
     bottom: 200px;
     width: 100px;
   }
 }

 .appointment-thumb .images-group .img3 {
   right: 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 {
     right: 166px;
     bottom: 90px;
     width: 85px;
   }
 }

 .appointment-thumb .images-group .img4 {
   left: 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 {
     left: 10px;
     top: 80px;
   }
 }

 .appointment-thumb .images-group .img5 {
   right: 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;
     right: 20px;
   }

   .appointment-thumb .images-group .img2 {
     left: 93px;
     width: 80px;
     bottom: 240px;
   }

   .appointment-thumb .images-group .img3 {
     right: 225px;
     width: 70px;
   }

   .appointment-thumb .images-group .img4 {
     left: 40px;
     width: 50px;
   }

   .appointment-thumb .images-group .img5 {
     right: 80px;
     width: 80px;
   }
 }

 @media only screen and (max-width: 1199px) {
   .appointment-thumb .images-group .img1 {
     height: 280px;
   }

   .appointment-thumb .images-group .img2 {
     left: 62px;
     width: 60px;
     bottom: 170px;
   }

   .appointment-thumb .images-group .img3 {
     right: 154px;
     width: 50px;
   }

   .appointment-thumb .images-group .img4 {
     left: 20px;
     width: 40px;
   }

   .appointment-thumb .images-group .img5 {
     right: 70px;
     width: 70px;
     top: 60px;
   }
 }

 @media only screen and (max-width: 991px) {
   .appointment-thumb .images-group .img1 {
     height: 180px;
   }

   .appointment-thumb .images-group .img2 {
     left: 39px;
     width: 50px;
     bottom: 110px;
   }

   .appointment-thumb .images-group .img3 {
     right: 110px;
     width: 40px;
   }

   .appointment-thumb .images-group .img4 {
     left: 15px;
     width: 30px;
   }

   .appointment-thumb .images-group .img5 {
     right: 30px;
     width: 60px;
     top: 40px;
   }
 }

 @media only screen and (max-width: 1380px) {
   .appointment-thumb {
     width: 650px;
     margin-left: 0;
   }
 }

 @media only screen and (max-width: 1199px) {
   .appointment-thumb {
     width: 100%;
     padding-left: 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: #efefef;
   /* border-radius: 10px; */
   -webkit-transition: all 0.5s;
   -ms-transition: all 0.5s;
   transition: all 0.5s;
   padding: 20px 20px;
 }

 .blog-card .post-media {
   border-radius: 6px;
   overflow: hidden;
   margin-bottom: 20px;
 }
 .post-media-3 {
  background-image: url(images/homepage-updated-assets/who-bg.jpg);
  height: 100%;
 } 
 .post-media-4 {
  background-image:url(../images/homepage-updated-assets/video.jpg);
  height: 100%;
 } 

 .blog-card .post-media img {
   width: 100%;
   /* border-radius: 10px; */
 }

 .blog-card .post-title {
   /* margin-bottom: 25px; */
  font-size: 24px;
  font-weight: 500;
  color: #373737;
 }
 .post-para {
  color: #373737;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 25px;
    line-height: 20px;
 }
 .post-para-1 {
  color: #ffffff;
  margin-top: 20px;
  font-weight: 400;
  margin-bottom: 5px;
  line-height: 24px;
  font-size: 16px;
  text-align: justify;
 }
 .post-para-2 {
  color: #ffffff; 
  font-weight: 400; 
  line-height: 24px;
  font-size: 16px;
  margin-bottom: 5px;
 }
 .post-title-1 {
color: #ffffff;
font-weight: 800;
 }

 .blog-card .post-title h4 p{
  /* margin-bottom: 25px; */
 font-size: 22px;
 font-weight: 500;
 color: #373737;
}
.product-img {
  padding-left: 10px;
    color: #373737;
}

.product-advantege-list-1-1 ul {
	list-style: none;
	padding-left: 25px;
	margin-bottom: 0;
}
.product-advantege-list-1-1 ul li {
	position: relative;
	display: block;
}
.product-advantege-list-1-1 ul li h3 {
	font-size: 16px;
  text-align: justify;
  line-height: 1.7;
}
.product-advantege-list-1-1 ul li:before {
	content: '';
    width: 0.48em;
    height: 0.71em;
    background: #ffe040;
    position: absolute;
    top: 0.5rem;
    bottom: 0;
    left: -1.2em;
}
.product-advantege-list-1-2 ul {
	list-style: none;
	padding-left: 25px;
	margin-bottom: 0;
}
.product-advantege-list-1-2 ul li {
	position: relative;
	display: block;
}
.product-advantege-list-1-2 ul li h3 {
	font-size: 17px;
  color: #023047;
}
.product-advantege-list-1-2 h3 {
	font-size: 18px;
  color: #023047;
}
.product-advantege-list-1-2 h4 {
	font-size: 18px;
  color: #023047;
}
.product-advantege-list-1-2 ul li:before {
	content: '';
    width: 0.48em;
    height: 0.51em;
    background: #ffe040;
    position: absolute;
    top: 0.3rem;
    bottom: 0;
    left: -1.2em;
}

.product-advantege-list-1-3 ul {
	list-style: none;
	padding-left:40px;
	margin-bottom: 0;
}
.product-advantege-list-1-3 ul li {
	position: relative;
	display: block;
}
.product-advantege-list-1-3 ul li h3 {
	font-size: 17px;
  color: #023047;
}
.product-advantege-list-1-3 h4 {
  font-size: 18px;
  color: #023047;
}
.product-advantege-list-1-3 h3 {
	font-size: 18px;
  color: #023047;
}
.product-advantege-list-1-3 ul li:before {
	content: '';
    width: 0.48em;
    height: 0.51em;
    background: #ffe040;
    position: absolute;
    top: 0.5rem;
    bottom: 0;
    left: -1.2em;
}
.rwd-table {
  margin: auto;
  min-width: 300px;
  max-width: 100%;
  border-collapse: collapse;
}

.rwd-table tr:first-child {
  border-top: none;
  background: #1e98d7;
  color: #fff;
}

.rwd-table tr {
  border-top: 5px solid #fff;
  border-bottom: 5px solid #fff;
  background-color: #f1f1f1;
}

.rwd-table tr:nth-child(odd):not(:first-child) {
  background-color: #ebf3f9;
}

.rwd-table th {
  display: none;
}

.rwd-table td {
  display: block;
}

.rwd-table td:first-child {
  margin-top: .5em;
}

.rwd-table td:last-child {
  margin-bottom: .5em;
}

.rwd-table td:before {
  content: attr(data-th) ": ";
  font-weight: bold;
  width: 125px;
  display: contents;
  color: #000;
}

.rwd-table th,
.rwd-table td {
  text-align: left;
}

.rwd-table {
  color: #333;
  /* border-radius: .4em; */
  overflow: hidden;
}

.rwd-table tr {
  border-color: #fff;
  cursor: pointer;
}

.rwd-table th,
.rwd-table td {
  padding: .5em 1em;
}
.circle {
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 50%;
  font-size: 17px;
  color: #1e98d7;
  text-align: center;
  /* background: #fff; */
}
@media screen and (max-width: 601px) {
  .rwd-table tr:nth-child(2) {
    border-top: none;
  }
}
@media screen and (min-width: 600px) {
  .rwd-table tr:hover:not(:first-child) {
    background-color: #d8e7f3;
  }
  .rwd-table td:before {
    display: none;
  }
  .rwd-table th,
  .rwd-table td {
    display: table-cell;
    padding: .25em .5em;
  }
  .rwd-table th:first-child,
  .rwd-table td:first-child {
    padding-left: 0;
  }
  .rwd-table th:last-child,
  .rwd-table td:last-child {
    padding-right: 0;
  }
  .rwd-table th {
    padding:10px 18px !important;
  }
  .rwd-table td {
    padding: 1em !important;
  }
}

.advantage-d {
  display: flex;
}
.post-media-1 {
  /* padding-top: 142px;
  margin-bottom: 20px;
  padding-bottom: 30px; */
}
.post-media-2 {
    /* padding-top: 30px;
    padding-right: 34px;
    position: relative;
    position: absolute;
    top: 50px;
    right: 20px; */
}
.account-wraper1 .appointment-inner {
  background-color: #f5f5fc;
  position: relative;
  z-index: 1;
}
.post-media-1 img{
  width: 90%;
}
.post-media-2 img{
  width: 90%;
}
.post-media-1b {
  padding-top: 142px;
  margin-bottom: 20px;
  padding-bottom: 30px;
}
.post-media-2b {
  padding-top: 30px;
  padding-right: 34px;
  /* position: relative; */
  position: absolute;
  top: 50px;
  right: 20px;
}
.post-media-1b img{
  /* width: 90%; */
}
.post-media-2b img{
  /* width: 90%; */
}
 .blog-card .post-info {
   /* padding: 12px; */
 }
 .test-text {
  color: #ffe040;
  text-align: center;
 }
 .test-para {
  font-size: 15px;
  text-align: center;
  margin-bottom: 0px;
}
.test-para-1 {
  font-size: 16px;
  line-height: 18px;
  margin-bottom: 15px;
}

 @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;
   }
   
   .test-para-1 {
    font-size: 15px;
}
 }

 /* .blog-card:hover {
   box-shadow: 0px 10px 30px 0px rgba(31, 34, 120, 0.1);
   border: 1px solid #ccc;
 } */

 .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-right: 20px;
   color: #f17732;
   line-height: 1;
 }

 .post-meta li:last-child {
   margin-right: 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-right: 10px;
 }

 .post-meta li i {
   font-size: 18px;
   margin-right: 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-next .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;
   left: 100px;
 }

 @media only screen and (max-width: 991px) {
   .blog-area .pt-img1 {
     top: 170px;
     left: 30px;
   }
 }

 .blog-area .pt-img2 {
   bottom: 50px;
   left: 150px;
 }

 @media only screen and (max-width: 991px) {
   .blog-area .pt-img2 {
     bottom: -50px;
     left: 90px;
   }
 }

 .blog-area .pt-img3 {
   top: 120px;
   right: 200px;
 }

 @media only screen and (max-width: 991px) {
   .blog-area .pt-img3 {
     top: 100px;
     right: 20px;
   }
 }

 .blog-area .pt-img4 {
   bottom: 40px;
   right: 100px;
 }

 @media only screen and (max-width: 991px) {
   .blog-area .pt-img4 {
     bottom: 30px;
     right: 50px;
   }
 }

 .blog-area .blog-bg-5 {
   position: absolute;
   top: 60px;
   left: 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;
   }
   .account-wraper1 .appointment-inner {
    background-color: #fff; 
}
 }

 .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(../images/team/shape3.png);
   mask-image: url(../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%;
   left: 50%;
 }

 .team-member .team-media:after {
   background-image: url(../images/team/shape1.png);
   background-size: 100%;
 }

 .team-member .team-media:before {
   background-image: url(../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%;
   left: 10%;
 }

 .team-wraper .pt-img2 {
   bottom: 30%;
   left: 5%;
 }

 @media only screen and (max-width: 1380px) {
   .team-wraper .pt-img2 {
     left: 1%;
   }
 }

 .team-wraper .pt-img3 {
   bottom: -50px;
   left: 58%;
 }

 .team-wraper .pt-img4 {
   top: 10%;
   right: 25%;
 }

 .team-wraper .pt-img5 {
   top: 50%;
   right: 5%;
 }

 @media only screen and (max-width: 1380px) {
   .team-wraper .pt-img5 {
     right: 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 50px 15px 20px;
   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;
   right: 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-left: 30px;
   border-left: 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 20px 20px 80px;
 }

 .contact-infolist li img {
   position: absolute;
   left: 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: #228fcb;
   border-radius: 8px;
   cursor: pointer;
   display: none;
   height: 45px;
   margin: 0;
   position: fixed;
   right: 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-left: calc((100% - 1200px) / 2);
 }

 .service-wraper:after {
   content: "";
   background-color: #565acf;
   height: 100%;
   width: 45%;
   position: absolute;
   right: 0;
   top: 0;
   z-index: -1;
   border-radius: 40px 0 0 40px;
 }

 .service-wraper .pt-img1 {
   top: 60px;
   left: 80px;
   opacity: 0.2;
 }

 @media only screen and (max-width: 991px) {
   .service-wraper .pt-img1 {
     top: 10px;
     left: 80px;
   }
 }

 @media only screen and (max-width: 1199px) {
   .service-wraper .pt-img1 {
     top: 20px;
     left: 80px;
   }
 }

 .service-wraper .pt-img2 {
   bottom: 150px;
   left: 140px;
 }

 @media only screen and (max-width: 1380px) {
   .service-wraper .pt-img2 {
     bottom: 50px;
     left: 150px;
   }
 }

 .service-wraper .pt-img3 {
   bottom: 60px;
   left: 50%;
 }

 @media only screen and (max-width: 991px) {
   .service-wraper .pt-img3 {
     display: none;
   }
 }

 .service-wraper .pt-img4 {
   top: 10px;
   left: 40%;
 }

 .service-wraper .feature-container {
   margin: 15px;
 }

 .service-wraper .swiper-container {
   margin-right: -100px;
 }

 @media only screen and (max-width: 1380px) {
   .service-wraper {
     padding-left: 30px;
     padding-right: 30px;
   }
 }

 @media only screen and (max-width: 1199px) {
   .service-wraper .swiper-container {
     margin-right: -15px;
     margin-left: -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-left: 15px;
     padding-right: 15px;
   }
 }

 .service-wraper2 {
   background-color: rgba(86, 90, 207, 0.1);
 }

 .contact-banner .page-banner-entry {
   padding-bottom: 140px;
 }

 .contact-wraper {
  background-image: url(../images/new-img/contact-img.webp);
  background-repeat: no-repeat;
  background-position: center;
 }

 .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: 0px;
   }
 }

 .contact-info {
   padding: 50px 50px 30px;
   color: #fff;
   overflow: hidden;
   border-radius: 8px;
   height: 100%;
   display: flex;
   flex-direction: column;
   justify-content: center;
   margin-left: 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-right: 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-right: 10px;
   color: #fff;
 }

 @media only screen and (max-width: 1199px) {
   .contact-info {
     margin-left: 0;
   }
 }

 @media only screen and (max-width: 575px) {
   .contact-info {
     padding: 30px 30px 0px;
   }

   .contact-info .icon-box {
     margin-right: 0;
   }
 }

 @media only screen and (max-width: 575px) {

   #rc-imageselect,
   .g-recaptcha {
     transform-origin: 0 0;
     -moz-transform-origin: 0 0;
     -o-transform-origin: 0 0;
     -webkit-transform-origin: 0 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: left;
   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;
   right: -5px;
   border: 3px solid #565acf;
   top: -8px;
 }

 .skillbar-box .skill-bar-percent {
   position: absolute;
   top: -35px;
   right: 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);
   left: 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;
   left: 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 15px 15px 65px;
   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;
   left: 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 15px 7px 50px;
   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;
   left: 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 15px 7px 46px;
   }
 }
.comingsoon {
  padding: 70px 0px;
}
 /* ==================
 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(../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-right: 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-right: 10px;
 }

 .blog-single .ttr-post-footer strong {
   font-size: 15px;
   font-weight: 600;
   margin-right: 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-left: 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-right: 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-left: 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-left: 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: left;
   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-right: 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-left: auto;
   margin-right: auto;
   padding-left: 15px;
   padding-right: 15px;
 }

 .max-container {
   max-width: 1500px;
   margin-left: auto;
   margin-right: auto;
   padding-left: 55px;
   padding-right: 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-left: 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-left: calc(-190px - (10px/2));
   margin-right: 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: left;
   margin-right: 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-left: calc(-200px - (10px/2));
   margin-right: calc(-200px - (10px/2));
   width: calc(100% + 400px + 10px);
   max-width: initial;
 }

 .alignwide {
   margin-left: calc(-100px - (10px/2));
   margin-right: calc(-100px - (10px/2));
   width: calc(100% + 200px + 10px);
   max-width: initial;
 }

 .alignfullwide {
   margin-left: 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 30px 25px 140px;
   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(../images/quote.png);
   position: absolute;
   width: 90px;
   height: 90px;
   left: 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 25px 25px 90px;
   }

   blockquote:after {
     width: 40px;
     height: 40px;
   }
 }

 @media only screen and (max-width: 575px) {
   blockquote {
     font-size: 15px;
     padding: 20px 20px 20px 80px;
   }

   blockquote:after {
     left: 20px;
     top: 20px;
   }
 }

 .paginate-links {
   display: flex;
   align-items: center;
   margin: 20px 0;
 }

 .paginate-links a,
 .paginate-links>span {
   margin: 0 0 0 10px;
   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 8px 8px 0;
   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-right: 0;
 }

 .wp-block-gallery .blocks-gallery-image:nth-of-type(2n),
 .wp-block-gallery .blocks-gallery-item:nth-of-type(2n) {
   margin-right: 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-right: 8px;
 }

 .wp-block-gallery.columns-1 .blocks-gallery-image,
 .wp-block-gallery.columns-1 .blocks-gallery-item {
   margin-right: 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-left: 0;
     margin-right: 0;
     width: 100%;
     max-width: 100%;
   }

   .alignwide .alignleft {
     margin: 5px 0px 25px 0;
     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-right: 20px;
     width: calc(33.33333% - 10.66667px);
   }

   .wp-block-gallery.columns-4 .blocks-gallery-image,
   .wp-block-gallery.columns-4 .blocks-gallery-item {
     margin-right: 20px;
     width: calc(25% - 12px);
   }

   .wp-block-gallery.columns-5 .blocks-gallery-image,
   .wp-block-gallery.columns-5 .blocks-gallery-item {
     margin-right: 20px;
     width: calc(20% - 12.8px);
   }

   .wp-block-gallery.columns-6 .blocks-gallery-image,
   .wp-block-gallery.columns-6 .blocks-gallery-item {
     margin-right: 20px;
     width: calc(16.66667% - 13.33333px);
   }

   .wp-block-gallery.columns-7 .blocks-gallery-image,
   .wp-block-gallery.columns-7 .blocks-gallery-item {
     margin-right: 20px;
     width: calc(14.28571% - 13.71429px);
   }

   .wp-block-gallery.columns-8 .blocks-gallery-image,
   .wp-block-gallery.columns-8 .blocks-gallery-item {
     margin-right: 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-right: 0;
   }
 }

 /* ==================
 9. Layout
=================== */
 /* ==================
 9.1 Header
=================== */
 .menu-logo {
   display: table;
   float: left;
   vertical-align: middle;
   padding: 0;
   color: #EFBB20;
   margin-top: 0;
   margin-bottom: 0;
   margin-left: 0;
   margin-right: 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: 60%; */
  margin-left: 0px;
 }

 .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;
     margin-bottom: 30px;
   }
 }

 .header {
   position: relative;
   z-index: 9999;
 }

 .header .menu-bar {
   background: #fff;
   width: 100%;
   position: relative;
 }

 .header .container {
   position: relative;
 }

 .header .secondary-menu {
   float: right;
   height: 105px;
   display: flex;
   align-items: center;
   position: relative;
   z-index: 9;
   padding-left: 15px;
 }

 .header .secondary-menu .search-btn {
   margin-right: 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-right: 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-right: 15px;
 }

 @media only screen and (max-width: 1680px) {
   .header .secondary-menu .search-btn {
     margin-right: 25px;
   }

   .header .secondary-menu ul .num-bx {
     margin-right: 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-right: 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 0 32px 20px;
   padding: 0;
   float: right;
   outline: none;
 }

 @media only screen and (max-width: 575px) {
   .navbar-toggler {
     margin: 28px 0 28px 20px;
   }
 }

 .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;
   left: 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;
   left: -60px;
 }

 .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 {
     left: -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: right;
   padding: 0;
   margin-right: 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: #2290cc;
   font-weight: 900;
 }

 .menu-links .nav>li>a {
   color: #373737;
   font-size: 13px;
    padding: 55px 12px 20px;
    cursor: pointer;
    font-weight: 700;
   display: inline-block;
   position: relative;
   border-width: 0 0 0 1px;
   text-transform: uppercase;
   line-height: 1;
 }

 .menu-links .nav>li>a i {
   font-size: 10px;
   margin-left: 5px;
   margin-top: -3px;
   vertical-align: middle;
   color: #bbbbcf;
   transition: all 0.5s;
 }
 .button-1 {
  background-color: #ffe040;
  color: #373737;
  font-weight: 800;
  letter-spacing: 2px;
  border: transparent;
}
.button-1:hover {
  background-color: #373737;
  color:  #ffe040;
  font-weight: 800;
  letter-spacing: 2px;
}
.button-2 {
  background-color: #0091cc;
  color: #ffffff;
  margin-top: 35px;
  font-weight: 700;
}
.button-2:hover {
  background-color: #ffe040;
  color: #000;
  font-weight: 700;
}
.button-3 {
  background-color: #efefef;
  color: #023047;
  font-weight: 600;
  font-size: 21px;
  padding: 8px 15px;
}
.button-3:hover {
  background-color: #ffe040;
  color: #023047;
  font-weight: 800;

}
.contact-margin {
  margin-top: 0px;
}
.contact-title {
  margin-top: 30px;
}
.contact-title h6{
  font-weight: 800;
  color: #023047;
}
.contact-title p{
  line-height: 20px;
  font-size: 17px;
}
.contact-title span{
  font-weight: 800;
  color: #023047;
}
.contact-title a{
  color: #023047;
}
.header-socials {
  display: block;
}
.header-socials a {
  padding-right: 15px;
  color: #023047;
  font-size: 17px;
}
.icon-cir {
  color: #fff;
  font-size: 12px;
  line-height: 25px;
  background: #0091cc;
  margin-right: 8px;
  width: 25px;
  height: 25px;
  display: inline-block;
  text-align: center;
  border-radius: 100px;
}
 @media only screen and (max-width: 991px) {
   .menu-links .nav>li>a i {
     right: 0;
     text-align: center;
     z-index: 3;
     float: right;
     margin: 10px 5px 0 0;
     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;
   left: 0;
   list-style: none;
   opacity: 0;
   padding: 0px 0;
   position: absolute;
   visibility: hidden;
   width: 270px;
   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 .sub-menu li a .fas{
  /* margin-left: 20px; */
    font-size: 11px;
    float: right;
    margin-top: 7px;
    vertical-align: middle;
  color: #bbbbcf;
  transition: all 0.5s;
}
.menu-links .nav>li .sub-menu li:hover a .fas{
  color: #fff;
}
 .menu-links .nav>li .mega-menu li a span,
 .menu-links .nav>li .sub-menu li a span {
   position: relative;
 }
.partner-image {
  background-image: url(../images/Partner-with-us-1.webp);
  background-size: cover;
  height: 740px;
  margin-bottom: 50px;
}
 .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: #fff;
   bottom: 0;
   right: 0;
   -webkit-transition: all 0.5s;
   -ms-transition: all 0.5s;
   transition: all 0.5s;
   -moz-transform-origin: right;
   -webkit-transform-origin: right;
   -ms-transform-origin: right;
   -o-transform-origin: right;
   transform-origin: right;
 }

 .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: left;
   -webkit-transform-origin: left;
   -ms-transform-origin: left;
   -o-transform-origin: left;
   transform-origin: left;
   left: 0;
   right: 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 0px 10px 20px;
     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: #fff;
  background-color: #0091cc;
 }
 .client__area-8 {
  padding-top: 50px;
  padding-bottom: 50px;
}
.blog-sect .sec-title-wrapper {
  margin-bottom: 30px;
}
.client__logo {
  display: -ms-grid;
  display: grid;
  grid-gap: 15px;
  -ms-grid-columns: 1fr 60px 1fr 60px 1fr 60px 1fr 60px 1fr 60px 1fr;
  grid-template-columns: repeat(6, 1fr);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
          margin-top: 30px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .client__logo {
    grid-gap: 80px 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .client__logo {
    grid-gap: 60px 40px;
    -ms-grid-columns: 1fr 40px 1fr 40px 1fr 40px 1fr;
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .client__logo {
    grid-gap: 15px;
    -ms-grid-columns: 1fr 50px 1fr 50px 1fr;
    grid-template-columns: repeat(3, 1fr);
}
}
.client__logo img {
  max-width: 100%;
}
.testimonial-sect {
padding: 0px 0px 50px;
}
.testimonial-sect .sec-title-wrapper{
  margin-bottom: 30px;
}
.testimonial-sect .mt {
  margin-top: 35px;
}
.testimonial__slide-4 {
  background-color: transparent;
  padding: 25px 20px 20px 20px;
  text-align: left;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.testimonial__img-4 {
  margin-bottom: 25px;
  /* border-radius: 100px; */
  width: 85px;
  height: auto;
}
.testimonial__info-4 p {
  color: #555;
  font-weight: 400;
  line-height: 1.2;
  text-align: justify;
}
.testimonial__name-4 {
  font-size: 18px;
  font-weight: 600;
  color: #000;
  line-height: 1.3;
}
.testimonial__role-4 {
  font-size: 15px;
  color: #555;
  font-weight: 400;
}
.testimonial__btn-4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 160px;
  padding-top: 0px;
  position: relative;
  z-index: 999;
}
.testimonial__btn-4 i {
  font-size: 18px;
}
.testimonial__btn-5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 160px;
  padding-top: 0px;
  position: relative;
  z-index: 999;
}
.testimonial__btn-5 i {
  font-size: 18px;
}
.testimonial__pagination-4 {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 30px;
  bottom: -6px;
  font-weight: 500;
  z-index: -1;
}
.testimonial__area-4 {
  overflow: hidden;
  text-align: center;
  padding: 40px 0px;
  background-color: #efefef;
}
.testimonial__sec-title {
  padding-bottom: 10px;
}
.testimonial__sec-title p {
  font-size: 18px;
  color: var(--black-3);
  max-width: 700px;
  margin: 0 auto;
}
.testimonial__area-4 .mt {
  margin-left: 10px;
}
@media only screen and (max-width: 767px) {
  .testimonial__sec-title p {
    width: 100%;
    font-size: 16px;
  }
}
.testimonial__slide-4 {
  background-color:#fff;
  padding: 20px;
  text-align: left;
  border-radius: 8px;
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial__slide-4 {
    padding: 35px 30px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial__slide-4 {
    padding: 35px 30px 30px 30px;
  }
}
@media only screen and (max-width: 767px) {
  .testimonial__slide-4 {
    padding: 35px 30px;
  }
}
.testimonial__slider-4 {
  padding-bottom: 25px;
  height: 100%;
  /* width: 98%; */
  margin-left: 11px;
  padding-top: 15px;
}
.testimonial__slider-4 .prev-button:hover,
.testimonial__slider-4 .next-button:hover {
  color:#228fcb;
}
@media only screen and (max-width: 767px) {
  .testimonial__slider-4 {
    width: 93%;
    padding-bottom: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .testimonial__slider-4 {
    width: 97%;
    padding-bottom: 20px;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .testimonial__slider-4 {
    padding-bottom: 20px;
  }
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .testimonial__slider-4 {
    padding-bottom: 20px;
  }
}
.feet-sec {
  padding-top: 40px;
  padding-bottom: 20px;
  text-align: center;
}
.feet-sec h1 {
  background-color: #f17e00;
  color: #fff;
  margin: auto;
  width: 155px;
  padding: 20px;
  /* height: 95px; */
  font-size: 85px;
  margin-bottom: 10px;
}
.testimonial__img-4 {
  margin-bottom: 20px;
  /* border-radius: 100px; */
  width: 85px;
  height: auto;
}
.testimonial__feedback-4 {
  font-size: 14px;
  font-weight: 400;
  color: #fff;
  border-radius: 5px;
  padding: 3px 10px;
  margin-bottom: 18px;
  display: inline-block;
  line-height: 1.3;
  background-color: #f17e00;
}
.testimonial__info-4 p {
  color: var(--black-3);
  font-weight: 400;
  line-height: 1.2;
  text-align: left;
}
.testimonial__name-4 {
  font-size: 18px;
  font-weight: 500;
  color: var(--black);
  line-height: 1.3;
}
.testimonial__role-4 {
  font-size: 15px;
  color: var(--black-3);
  font-weight: 400;
}
.testimonial__btn-4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 160px;
  padding-top: 30px;
  position: relative;
  z-index: 999;
}
.testimonial__btn-5 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 160px;
  padding-top: 30px;
  position: relative;
  z-index: 999;
}
@media only screen and (max-width: 767px) {
  .testimonial__btn-4 {
    padding-top: 35px;
  }
  .testimonial__btn-5 {
    padding-top: 35px;
  }
}
.testimonial__btn-4 i {
  font-size: 18px;
}
.testimonial__btn-5 i {
  font-size: 18px;
}
.testimonial__pagination-4 {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 30px;
  bottom: -8px;
  font-weight: 500;
  z-index: -1;
}
.blog-sect {
  padding-top: 40px
}
.blog-sect .post-info .post-title {
  border: 1px solid transparent;
  font-size: 20px;
  line-height: 28px;
  display: block;
  color: #000;
  margin: 10px 0px 5px;
  font-weight: 600;
}
.blog-sect .post-info .post-title a:hover{
 color: #228fcb;
}
.blog-sect .post-info .post-para {
  line-height: 1.3;
    color: #2e2e38;
    font-size: 16px;
    clear: both;
    margin: 0;
    font-weight: 400;
    margin-bottom: 10px;
}
.blog-sect .post-info .post-para .article-details {
  line-height: 22px;
  margin-top: 20px;
  display: inline-block;
  width: 100%;
  color: #2e2e38;
}
.blog-sect .post-info .post-para .article-details span a{
  color: #2e2e38;
}
.article-details span.multiple-line:not(.no-right-line)::after{
  content: "|";
    padding-left: 4px;
}
.blog-sect .mt {
  margin-top: 20px;
}
 .menu-links .nav>li .mega-menu li>.sub-menu,
 .menu-links .nav>li .sub-menu li>.sub-menu {
   left: 225px;
   -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: right;
   font-size: 9px;
   opacity: 1;
   margin-top: 4px;
 }

 .menu-links .nav>li .mega-menu {
   display: flex;
   right: 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-right: 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;
   right: 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-right: 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: #2290cc;
 }

 .menu-links .nav>li:hover a i {
   color: #2290cc;
 }

 @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-right: 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 .fa-close {
  width: 40px;
  height: 40px;
  display: none;
  text-align: center;
  line-height: 40px;
  position: absolute;
  right: 30px;
  font-size: 25px;
  top: 29px;
  cursor: pointer;
  color: #222;
 }
 .pro-box3 .fa-close {
  width: 30px;
  height: 30px;
  /* display: none; */
  text-align: center;
  /* line-height: 40px; */
  /* position: absolute; */
  right: 17px;
  font-size: 17px;
  top: 10px;
  cursor: pointer;
  color: #fff;
 }
 .nav-search-bar .pro-box3 span {
  position: absolute;
  right: -15px;
  top: -20px;
  font-size: 14px;
  cursor: pointer;
  color: #fff;
  background-color: #33b1e6;
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 44px;
}
 @media only screen and (max-width: 991px) {
   .menu-links {
     overflow-y: scroll;
     position: fixed;
     width: 60px;
     left: -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: left;
 }

 .top-bar .topbar-left li {
   padding-right: 15px;
 }

 .top-bar .topbar-right {
   float: right;
 }

 .top-bar .topbar-right li {
   padding-left: 15px;
 }

 .top-bar .topbar-center,
 .top-bar .topbar-left,
 .top-bar .topbar-right {
   padding-left: 15px;
   padding-right: 15px;
 }

 .top-bar .topbar-center ul,
 .top-bar .topbar-left ul,
 .top-bar .topbar-right ul {
   list-style: none;
   margin: 0;
   padding: 0;
 }

 .top-bar .topbar-center ul li,
 .top-bar .topbar-left ul li,
 .top-bar .topbar-right ul li {
   display: inline-block;
   font-size: 15px;
 }

 @media only screen and (max-width: 1199px) {

   .top-bar .topbar-center ul li,
   .top-bar .topbar-left ul li,
   .top-bar .topbar-right ul li {
     font-size: 13px;
   }
 }

 .top-bar .topbar-center ul a,
 .top-bar .topbar-left ul a,
 .top-bar .topbar-right 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-right: 5px;
 }

 .header-transparent {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
       padding-top: 10px;
 }

 .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;
   left: 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: #0000008f;
       padding-bottom: 10px;
    padding-top: 10px;
 }
 .header-transparent .is-fixed .menu-bar .menu-links .nav>li>a {
    color: #fff;
    font-size: 13px;
    padding: 55px 12px 20px;
    cursor: pointer;
    font-weight: 500;
    display: inline-block;
    position: relative;
    border-width: 0 0 0 1px;
    line-height: 1;
}
.header-transparent .is-fixed .menu-bar .menu-links .nav>li.active>a {
  color: #2290cc;
  font-weight: 900;
}



 @media only screen and (max-width: 991px) {
  .main-banner {
    height:375px;
  }
   .rs-nav .menu-links {
     position: fixed;
     width: 60px;
     left: -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 {
     left: 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: #000;
     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: #000;
   }

   .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;
   }
 }
.pro-content {
  max-width: 1129px;
  margin: 1.75rem auto;
  min-height: calc(100% - (1.75rem * 2));
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  position: relative;
  width: auto;
  pointer-events: none;
}
.pro-table tr {
  border-color: #023047;
}
.pro-table tr th {
  padding: 6px;
  color: #023047;
  font-weight: 600;
  width: 26%;
  line-height: 20px;
  font-size: 16px;
}
.pro-table tr td {
  padding: 6px;
  color: #023047;
  font-weight: 400;
  line-height: 20px;
  font-size: 16px;
}
.pro-box {
  position: relative;
    display: flex;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1pxsolidrgba(0,0,0,.2);
    border-radius: 0.3rem;
    border: 2px solid#000000;
    outline: 0;
}

.pro-box .back-color{
 background-color: #efefef;
 padding: 18px 50px;
}
.pro-box2 {
  position: relative;
    display: flex;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1pxsolidrgba(0,0,0,.2);
    border-radius: 0.3rem;
    /* border: 2px solid#efefef; */
    outline: 0;
}
.pro-box2 .enquiry-color {
  background-image: url(../images/new-img/contact-img.webp);
  background-repeat: no-repeat;
  background-position: center center;
  padding: 20px 40px;
}
.pro-box3 {
  position: relative;
    display: flex;
    width: auto;
    margin: auto;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1pxsolidrgba(0,0,0,.2);
    border-radius: 0.3rem;
    /* border: 2px solid#000000; */
    outline: 0;
}
.pro-box3 .back-color{
  background-color: #efefef;
  padding: 18px 50px;
 }
 .nav-search-bar {
   background-color: rgb(70 70 70 / 65%);
   position: fixed;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   z-index: 999;
   display: none;
   overflow: hidden;
   padding: 0 15px;
 }

 .nav-search-bar>span {
   position: absolute;
   right: 15px;
   top: 15px;
   font-size: 14px;
   cursor: pointer;
   color: #fff;
   background-color: #33b1e6;
   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;
   right: 15px;
   top: 50%;
   margin: -15px 0;
   height: 25px;
   font-size: 20px;
   cursor: pointer;
   color: #000;
 }

 .nav-search-bar .form-control {
  padding: 25px 60px 25px 0px;
  width: 100%;
  height: 45px;
  border: none;
  background: none;
  color: #fff;
  font-size: 16px;
  border-bottom: 2px solid #fff;
  border-radius: 0;
 }

 .nav-search-bar .form-control::-moz-placeholder {
   color: #fff;
 }

 .nav-search-bar .form-control:-moz-placeholder {
   color: #fff;
 }

 .nav-search-bar .form-control:-ms-input-placeholder {
   color: #fff;
 }

 .nav-search-bar .form-control::-webkit-input-placeholder {
   color: #fff;
 }

 /* ==================
 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;
   left: 0;
   width: 85px;
   height: 7px;
   background-image: url(../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;
   }
   .menu-links .menu-close .fa-close {
    display: inline-block;
   }
 }

 .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%;
   left: 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-left: 3px;
   padding-right: 10px;
   position: relative;
 }

 .widget-link li:after {
   content: "/";
   position: absolute;
   right: 0;
 }

 .widget-link li:last-child {
   padding-right: 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-left: 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 0px 10px 15px;
   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;
   left: 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;
   left: 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-left: 20px;
   margin-top: 8px;
   border-top: 1px solid rgba(0, 0, 0, 0.1);
   margin-left: -15px;
 }

 .search-bx .btn {
   padding: 11px 15px;
   border: 1px solid transparent;
   border-bottom-left-radius: 0;
   border-top-left-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;
   right: 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-left: 15px;
   border: none;
   padding-right: 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: "Montserrat", 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;
   left: 0;
   top: 10px;
   font-size: 18px;
   color: #11171A;
 }

 .widget_recent_comments ul {
   margin-top: -10px;
 }

 .widget_recent_comments ul li {
   padding-left: 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-right: 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: right;
   display: table;
   width: 100%;
   font-size: 14px;
   padding: 10px 0px 10px 15px;
   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: left;
   text-transform: capitalize;
   box-shadow: none;
   text-align: left;
 }

 .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-left: 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;
   left: 0;
   top: 5px;
   text-align: center;
   font-size: 22px;
   width: 30px;
   height: 30px;
   line-height: 30px;
 }

 .widget_gallery ul {
   padding-left: 0;
   display: table;
   margin-bottom: 0;
 }

 .widget_gallery ul li {
   display: inline-block;
   width: 33.33%;
   float: left;
   -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-right: 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;
  padding-top: 40px;
  z-index: 1;
  overflow: hidden;
  font-size: 15px;
  background-image: url(../images/Footer-bg.webp);
  /* background-color: #efefef; */
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
 }
 .icon-s {
  font-size: 24px;
  padding-right: 20px;
  color: #000;
 }
 .icon-s:hover {
  color: #0492cc;
 }
.footer-border {
  border-top: 2px solid#023047;
}
.foot-text {
  font-size: 27px;
  font-weight: 500;
  color: #023047;
}
 footer p {
  font-weight: 500;
  line-height: 1.3;
  font-size: 17px;
  text-align: justify;
  margin-top: 30px;
 }

 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;
   left: 0;
   width: 85px;
   height: 7px;
   background-image: url(../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: 30px;
   }
   .test-para {
    font-size: 12px;
}
.test-text {
  font-size: 21px;
}
 }

 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-right: 15px;
   background-color: #f17732;
   border-radius: 30px 30px 0px 30px;
   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;
 }
.event-title{
  margin-top: 25px;
  padding: 25px 25px 15px 20px;
  border: 2px solid #228fcb;
  border-radius: 15px;
}
.event-title h2 {
  font-size: 32px;
  text-transform: uppercase;
  line-height: 1.2; 
  font-weight: 700;
  color: #000;
}
.event-title h4 {
  font-size: 16px; 
  color: #000;
}
.event-title p {
  font-size: 16px;
  line-height: 1.4; 
  margin-bottom: 25px;
}


/* our story  */
.history-time h1 {
  text-align: center;
}

.history-time ul {
  --col-gap: 2rem;
  --row-gap: 2rem;
  --line-w: 0.25rem;
  display: grid;
  grid-template-columns: var(--line-w) 1fr;
  grid-auto-columns: max-content;
  column-gap: var(--col-gap);
  list-style: none;
  width: min(60rem, 90%);
  margin-inline: auto;
}

/* line */
.history-time ul::before {
  content: "";
  grid-column: 1;
  grid-row: 1 / span 20;
  background: rgb(225, 225, 225);
  border-radius: calc(var(--line-w) / 2);
}

/* columns*/

/* row gaps */
.history-time  ul li:not(:last-child) {
  margin-bottom: var(--row-gap);
}

/* card */
.history-time ul li {
  grid-column: 2;
  --inlineP: 1.5rem;
  margin-inline: var(--inlineP);
  grid-row: span 2;
  display: grid;
  grid-template-rows: min-content min-content min-content;
}

/* date */
.history-time ul li .date {
  --dateH: 3rem;
  height: var(--dateH);
  margin-inline: calc(var(--inlineP) * -1);

  text-align: center;
  background-color: var(--accent-color);

  color: white;
  font-size: 1.25rem;
  font-weight: 700;

  display: grid;
  place-content: center;
  position: relative;

  border-radius: calc(var(--dateH) / 2) 0 0 calc(var(--dateH) / 2);
}

/* date flap */
.history-time ul li .date::before {
  content: "";
  width: var(--inlineP);
  aspect-ratio: 1;
  background: var(--accent-color);
  background-image: linear-gradient(rgba(0, 0, 0, 0.2) 100%, transparent);
  position: absolute;
  top: 100%;

  clip-path: polygon(0 0, 100% 0, 0 100%);
  right: 0;
}

/* circle */
.history-time ul li .date::after {
  content: "";
  position: absolute;
  width: 2rem;
  aspect-ratio: 1;
  background: var(--bgColor);
  border: 0.3rem solid var(--accent-color);
  border-radius: 50%;
  top: 50%;

  transform: translate(50%, -50%);
  right: calc(100% + var(--col-gap) + var(--line-w) / 2);
}

/* title descr */
.history-time ul li .title,
.history-time ul li .descr {
  background: var(--bgColor);
  position: relative;
  padding-inline: 1.5rem;
}

.history-time ul li .title {
  overflow: hidden;
  padding-block-start: 1.5rem;
  padding-block-end: 1rem;
  font-weight: 500;
}

.history-time ul li .descr {
  padding-block-end: 1rem;
  font-weight: 300;
  margin-top: 20px;
  font-size: 15px;
    text-align: center;
  color: #000;
}
.history-time .descr h3 {
  font-size: 22px;
  font-weight: 700;
  margin-top: 15px;
  margin-bottom: 0px;
  text-transform: uppercase;
}
.history-time .descr p {
  margin-bottom: 0px;
  font-weight: 400;
}
.descr img{
  /* width: 30%; */
}
/* shadows */
.history-time ul li .title::before,
.history-time  ul li .descr::before {
  content: "";
  position: absolute;
  width: 90%;
  height: 0.5rem;
  /* background: rgba(0, 0, 0, 0.5); */
  left: 50%;
  border-radius: 50%;
  filter: blur(4px);
  transform: translate(-50%, 50%);
}

.history-time  ul li .title::before {
  bottom: calc(100% + 0.125rem);
}

.history-time ul li .descr::before {
  z-index: -1;
  bottom: 0.25rem;
}

@media (min-width: 40rem) {
  .history-time ul {
      grid-template-columns: 1fr var(--line-w) 1fr;
  }

  .history-time ul::before {
      grid-column: 2;
  }

  .history-time ul li:nth-child(odd) {
      grid-column: 1;
  }

  .history-time ul li:nth-child(even) {
      grid-column: 3;
  }

  /* start second card */
  .history-time ul li:nth-child(2) {
      grid-row: 2/4;
  }

  .history-time ul li:nth-child(odd) .date::before {
      clip-path: polygon(0 0, 100% 0, 100% 100%);
      left: 0;
  }

  .history-time ul li:nth-child(odd) .date::after {
      transform: translate(-50%, -50%);
      left: calc(100% + var(--col-gap) + var(--line-w) / 2);
  }

  .history-time ul li:nth-child(odd) .date {
      border-radius: 0 calc(var(--dateH) / 2) calc(var(--dateH) / 2) 0;
  }
}
.history-time li{
  box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px;
}
.history-time h1{
  font-size: 40px;
  font-weight: 600;
  margin-bottom: 40px;
  margin-top: 10px;
  color: #000;
}

.testimonial-details .content-box{
  background-color: #f9f9f9; 
}
.testimonial-details .inner-box .text{ 
  text-align: initial;
}
.testimonial-block {
  position: relative;
  padding: 20px 15px 0;
}

.testimonial-block .inner-box {
  position: relative;
  text-align: center;
}


/* .testimonial-block .inner-box:hover .content-box:before {
  border-top: 20px solid var(--border-theme-color1);
} */

.testimonial-block .inner-box:hover .content-box .text {
  color: #9898a0;
}

.testimonial-block .inner-box:hover .thumb img {
  border: 2px solid var(--bg-theme-color1);
}

.testimonial-block .content-box {
  position: relative;
  padding: 40px 40px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  margin-bottom: 40px;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.testimonial-block .content-box::before {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -20px;
  margin: 0 auto;
  width: 40px;
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #fff;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  -webkit-filter: drop-shadow(0 10px 10px rgba(0, 0, 0, 0.1));
  filter: drop-shadow(0 10px 10px rgba(0, 0, 0, 0.1));
  content: "";
}

.testimonial-block .content-box .rating {
  position: relative;
  -webkit-transform: translateY(-20px);
  transform: translateY(-20px);
  display: inline-block;
  padding: 10px 70px;
  height: 40px;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 20px;
  color: #fff;
  background-color: #232331;
  border-radius: 5px;
}

.testimonial-block .content-box .text {
  position: relative;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  color: #767676;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.testimonial-block .thumb {
  display: block;
  height: 75px;
  width: 75px;
  margin: 0 auto 5px;
  border-radius: 50%;
}

.testimonial-block .thumb img {
  border-radius: 50%;
  border: 2px solid transparent;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
}

.testimonial-block .designation {
  position: relative;
  display: block;
  font-size: 15px;
  letter-spacing: 1px;
  line-height: 20px;
  color: #000;
  /* text-transform: uppercase; */
  font-weight: 500;
}

.testimonial-block .name {
  position: relative;
  display: block;
  font-size: 29px;
  font-weight: 700; 
  line-height: 30px;
  font-family: 'Kaushan Script', cursive;
  color: #12054b;
  /* letter-spacing: 1px; */
}
.testimonial-block .inner-box:hover .content-box {
  background-color: #3c3939;
}
.testimonial-block .inner-box:hover .content-box:before {
  border-top: 20px solid #3c3939;
}
.testmonials-sect{
  margin-bottom: 40px;
  margin-top: 30px;
}
.val-mb{
  margin-bottom: 80px;
}
.vision-details b{
  font-weight: 800;
}
.vision-details h4{
  font-weight: 700;
    color: #0091cc;
    font-size: 40px;
}
.vision-details p{
  line-height: 25px;
}
.vision-details{
  border-left: 2px solid;
    padding-left: 24px;
    margin-left: 20px;
}
.vis-mis{
  padding-top: 30px;
  background-color: #efefef;
  padding-bottom: 30px;
}
.mis-cent{
  align-items: center;
}
.mision-row{
  display: flex;
  padding-top: 83px;
  margin-top: 40px;
}
.vis-sec{
  height: 377px;
}
.vision-img img{
  margin-left: 10px;
}
.vision-img2 img{
  margin-left: -20px;
}
.vision-details2 b{
  font-weight: 800;
}
.vision-details2 h4{
  font-weight: 700;
    color: #0091cc;
    font-size: 40px;
}
.vision-details2 p{
  line-height: 25px;
}
.vision-details2{
  border-right: 2px solid;
  padding-right: 24px;
  margin-right: 20px;
  text-align: end;
}
.vision-details3 b{
  font-weight: 800;
}
.vision-details4 {
  margin-left: 32px;
    margin-top: 25px;
}
.vision-details4 h4{
  font-weight: 700;
  color: #0091cc;
    font-size: 40px;
}
.vision-details3 p{
  line-height: 25px;
}
.val-img{
  position: absolute;
  top: 865px;
  /* bottom: 0; */
  left: 700px;
  width: 41%;
}
/* .val-img img{
  margin-left: -140px;
} */
.vale-sec{
  margin-top: 40px;
  background-color: #fff; 
}
.vision-details3{
  margin-left: 32px;
}
.vision-photo img{
  width: 80%;
  margin-left: 25px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.csrs-details ul {
  margin-left: 18px;
}
.csrs-details ul li{
  color: #373737;
  font-size: 16px; 
  list-style: decimal;
}
.csrs-details p b{
  font-size: 18px;
    font-weight: 800;
    color: #0091cc;
}
.csrs-details p{
  font-size: 17px;
  margin-bottom: 10px;
  line-height: 23px;
}




 @media only screen and (max-width: 767px) {
  .csrs-details p {
    font-size: 16px; 
    text-align: justify;
}
  .mision-row {
    display: block;
    padding-top: 30px;
    margin-top: 40px; 
    }
    .vis-sec {
      height: auto;
      background-image: none !important;
      background-color: #fff;
  }
  .vision-details {
    border-left: 0px;
    padding-left: 0px;
    margin-left: 0px; 
    padding: 10px;
}
.vision-details2 { 
  border-right: none;
  padding-right: 0px;
  margin-right: 0px;
  text-align: center;
  padding: 10px;
}
.vision-details3 { 
  margin-left: 0px; 
  padding: 10px;
}
.mis-cent {
  align-items: center;
  text-align: center;
}
.vision-img img {
  margin-left: 0px;
  width: 50%;
}
.vision-img2 img {
  margin-left: 0px;
  width: 50%;
}
.vision-photo img{
  width: 35%;
  margin-left: 0px;
}
.val-img { 
  display: none;
}



   footer .ft-contact p {
     margin-bottom: 20px;
   }
   .ev-update img{
    margin-bottom: 10px;
   }
   .vision-photo{
    text-align: center !important;
   }
 }

 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 15px 15px 0px;
 }

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


 .blog-details-page {
  padding-top: 30px;
  padding-bottom: 50px;
}
.blogs-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0,0,0,.125);
  border-radius: 0.25rem;
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}
.blog-head {
  text-align: center;
  font-weight: 700;
  font-size: 28px;
  color: #000;
  padding-bottom: 1.5rem;
  padding-top: 1.5rem;
  padding-left: 16px;
  padding-right: 16px;
}
.blogs-section {
  display: flex;
  flex-direction: column;
  align-items: start;
  padding: 16px;
  color: #000; 
  text-align: center;
}
.blogs-section p{
  color: #000;
  font-size: 16px;  
  text-align: justify;
}

.blogs-section p b{
  font-size: 20px;
    font-weight: 700;
}
.foot-kn{
  margin-left: -40px;
}
.foot-kn2{
  margin-left: 24px;
}
/* faq section  */
.faq-section {
  padding: 50px 0px;
}

.faq-section .wp-block-yoast-faq-block .schema-faq-section {
  border: 2px solid #0091cc;
  margin-bottom: 15px;
  border-radius: 8px;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.faq-section .schema-faq-question {
  position: relative;
  display: block;
  cursor: pointer;
  padding: 20px 65px 20px 20px;
  font-weight: bold;
  font-size: 18px;
}

.faq-section .schema-faq-question:after {
  position: absolute;
  content: "+";
  right: 25px;
  top: 50%;
  transform: translateY(-50%);
  border: 2px solid #000;
  line-height: 1;
  border-radius: 50%;
  font-size: 25px;
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
}



.faq-section .schema-faq-section.active .schema-faq-question:after {
  content: "-";
  align-items: normal;
  font-size: 30px;
  line-height: 20px;
}

.faq-section .schema-faq-question:hover {
  background: #eee;
  border-radius: 8px;
}

.faq-section .schema-faq-section.active .schema-faq-question {
  background: #eee;
  border-radius: 0;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}

.faq-section .schema-faq-answer {
  display: none;
  margin: 20px 0 20px;
  padding: 0 20px;
  font-size: 15px;
}
.produc h3{
  font-size: 40px;
    font-weight: 600;
    color: #000;
    margin-bottom: 30px;
}
.ab-t{
  margin-top: 40px;
}
.eapps-widget:hover .eapps-widget-toolbar {
  opacity: 1;
  pointer-events: auto;
  display: none;
}
.testimonial__area-4 .aas-linked a{
  display: none!important;
}

.linke-title h2{
  color: #373737;
  font-weight: 900;
  color: #fff;
}
.linke-title i{
  color: #fff;
}
.link-back{
  background-color: #023047;
  padding: 30px;
}
.jsvZJq { 
  background: #fff !important; 
}
.bZMJWw { 
  background: #ffe040 !important; 
}
.track-price h4{
  color: #0091cc;
  text-align: center;
  font-size: 40px; 
}

 @media only screen and (max-width: 767px) {
  .ab-t{
    margin-top: auto;
  }
  .foot-kn{
    margin-left: 0px;
  }
  .foot-kn2{
    margin-left: 0px;
  }
  .mm1{
    margin-left: 0px !important;
  }
  .mm2{
    margin-left: 0px !important;
  }
  .blog-head { 
    font-size: 21px; 
}
.blogs-section p { 
  font-size: 15px; 
}
  .header-socials {
    display: grid;
  }
  .csr-pa h3{
    font-size: 18px;
  }
  .csr-pa{
    padding: 20px;
  }
  .section-csr {
    padding-top: 35px;
}
  .column {
    width: 50%;
    padding: 10px;
}
  .ttr-accordion1 .accordion-button.collapsed {
    font-size: 16px;
}
.ttr-accordion1 .accordion-button:after {
  font-size: 16px;
}
.ttr-accordion1 .accordion-button {
  font-size: 15px;
}
  .prelements-heading h4.offset-3 {
    margin-left: 15%;
  }
  .prelements-heading h2.title3 {
    font-size: 20px;
}
  .fw9 {
    font-size: 21px;
}
  .product-advantege-list-1-3 ul li h3 {
    font-size: 16px;
}
  .advantage-d {
    display: block;
}
  .feature-bx1 {
    margin-left: 70px;
    /* text-align: center; */
}
.feature-bx1.feature1 {
  float: none;
  margin: 0px;
}
.feature-bx1.feature2 {
  float: none;
  margin-left: 0px;
}
.contact-margin {
  margin-top: 30px;
}
  .py-60 {
    padding-bottom: 25px;
    padding-top: 25px;
}
  .track-price ul.track-order {
    display: block;
    align-items: center;
    text-align: center;
    justify-content: space-between;
}
  .mt1-20{
    margin-top: 20px;
  }
  .about-us-tab ul.nav.nav-tabs{
    display: grid;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}
.about-us-tab ul.nav.nav-tabs li.nav-item{
    margin-right: 0px;
    margin-bottom: 10px;
}
.gallery-tab ul.nav.nav-tabs li.nav-item {
  margin-right: 10px;
  margin-bottom: 10px;
}
.gallery-tab ul.nav.nav-tabs {
  margin-bottom: 30px;
}
   footer .footer-top {
     padding: 100px 0 0;
   }
   .section-sp3 {
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    }
    .container {
      padding-left: 10px ;
      padding-right: 10px ;
    }
    .post-info-1 {
      padding: 10px;
   }
   .row-padding {
      padding: 0px 0px;
    }
    .account-wraper2 {
      /* padding-bottom: 100px; */
      padding-top: 20px;
      margin-bottom: 20px;
  }
  .section-sp1 {
    padding-top: 0px;
    padding-bottom: 20px;
  }
  .post-info-1 {
    padding: 15px;
  }
  .post-media-4 {
    padding-top: 20px;
  }
  .post-media-2 {
    padding-top: 20px;
    margin-bottom: 15px;
    padding-right: 0px;
    position: relative;
    position: inherit;
    top: 50px;
    /* right: 20px; */
  }
  .post-media-1 {
    padding-top: 20px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
  .pa-40{
    padding: 20px;
  }
  .post-para-1 {
    font-size: 15px;
    padding-bottom: 0px;
}
.appointment-inner .pa-40 {
  padding: 0px;
}
.feature-bx1 .icon-content .ttr-title {
  font-size: 17px;
}
.feature-bx1 .icon-content .ttr-title2 {
  font-size: 40px;
}
.heading-bx p {
  padding: 0px;
}
  .pt-100{
    padding-top: 20px;
  }
  .mr-bottom-90{
    margin-bottom: -80px;
  }
  .main-banner {
    padding-bottom: 30px;
  }
  .foot-text {
    font-size: 32px;
  }
  .footer .footer-bottom .copyright-text {
    font-size: 12px;
}
  .footer .footer_widget ul li a {
    font-size: 18px;
    line-height: 14px;
}
.menu-links .nav>li.active>a {
  color: #000;
}
.rs-nav .menu-links {
  background-color: #efefef;
}
 }

 @media only screen and (max-width: 575px) {
   footer .footer-top {
     padding: 70px 0 10px;
   }
   .menu-links .nav>li a {
    color: #000;
}
 }

 footer .footer-bottom {
   padding: 25px 0 20px;
   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-left: 0;
   }
 }

 .footer .footer_widget ul li a {
   font-size: 17px;
   font-weight: 500;
   padding: 0px 0;
   display: block;
   line-height: 25px;
   color: #023047;
   position: relative;
   transition: all 0.4s ease;
 }

 .footer .footer_widget ul li a:hover {
   color: #0091cc;
   padding-left: 8px;
 }

 /* .footer .footer-bottom {
 border-top: 1px solid #d4d5f1; } */
 .footer .footer-bottom .copyright-text {
   margin: 0;
   color: #023047;
 }
 .footer .footer-bottom .copyright-text a{
  margin: 0;
  color: #023047;
}
.footer .footer-bottom .copyright-text a:hover{
  color: #0091cc;
}
 .footer .footer-bottom .link-inline {
   margin: 0 -15px;
 }

 .footer .footer-bottom .link-inline li {
   display: inline-block;
   margin-left: 15px;
   margin-right: 15px;
   text-transform: capitalize;
 }

 .footer .footer-bottom .link-inline li a:hover {
   color: #565acf;
 }

 .footer:after {
   content: "";
   /* background-image: url(../images/background/footer-shape.png); */
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-repeat: no-repeat;
   background-size: 100%;
   z-index: -1;
   background-position: left 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;
   left: 130px;
   z-index: 1;
 }

 @media only screen and (max-width: 1380px) {
   .footer .pt-img1 {
     top: 80px;
     left: 80px;
   }
 }

 .footer .pt-img2 {
   bottom: 180px;
   left: 30px;
 }

 @media only screen and (max-width: 1380px) {
   .footer .pt-img2 {
     bottom: 100px;
     left: 60px;
   }
 }

 .footer .pt-img3 {
   top: 180px;
   right: 40px;
 }

 @media only screen and (max-width: 991px) {
   .footer .pt-img3 {
     right: -50px;
   }
 }

 .footer .pt-img4 {
   bottom: 120px;
   right: 60px;
 }

 @media only screen and (max-width: 991px) {
   .footer .pt-img4 {
     bottom: 40px;
     right: 0px;
   }
 }

 .view-more-btn a {
   -webkit-transition-duration: 500ms;
   -o-transition-duration: 500ms;
   transition-duration: 500ms;
   width: 60px;
   height: 60px;
   border-radius: 50%;
   background-color: #ffffff;
   display: inline-block;
   position: absolute;
   bottom: 40px;
   right: 0;
   z-index: 100;
   text-align: center;
   line-height: 65px;
   font-size: 24px;
   opacity: 0;
   visibility: hidden;
 }
.what-we-sec h4{
  color: #000;
  text-align: center;
  font-size: 30px;
  margin-bottom: 17px;
}
.team-bottom {
  padding-top: 160px;
}
.team-img {
  text-align: center;
}
.team-img img{
  width: 220px;
  height: 220px;
  /* background-position: 50% 50%; */
  margin: -170px auto 0;
}
.asstrid-teams{
  /* background-color: #fff;
  padding: 15px;
  border-radius: 0px;
  border: 1px solid #0492cc; */
  margin-bottom: 30px;
}
.team-details {
  background-color: #ececec;
  padding: 15px 35px;
  border-radius: 0px;
  border: 1px solid #000;
  border-radius: 30px;
  text-align: center;
  height: 310px;
  box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
}
.team-details h4 {
  color: #228fcb;
  margin-top: 0px;
  text-transform: uppercase;
  font-size: 20px;
}
.team-details h3 {
  font-size: 16px;
  text-transform: uppercase;
  line-height: 1;
  font-weight: 600;
  margin-bottom: 20px;
}
.team-details h3 span{
  color: #0091CC;
}
.team-details p b{
  color: #0091CC;
}
.team-details p{
  margin-bottom: 5px;
    font-size: 15px;
    line-height: 1.3;
}
.ast-teams{
  margin-top: 40px;
}
.ast-teams2{
  margin-top: 20px;
}
.team-section p b{
  font-weight: 700;
}
.about-teams-seec{
  padding-bottom: 30px;
}
.rd-det-sec{
  margin-bottom: 20px;
}

.desktop{
  display: block;
}
.mobile{
  display: none;
}
.post-pharma{
  position: absolute;
  margin-left: 19%;
}
.post-pharma2{
  /* position: absolute; */
  margin-top: 20%;
}
.post-pharma3{
  position: absolute;
  margin-left: 19%;
  margin-top: -5%;
}
.post-pharma img,
.post-pharma3 img{
  width: 70%;
}
.post-pharma2 img{
  width: 60%;
}
.phar-sec{
  height: 590px !important;
  padding-top: 45px;
  padding-bottom: 45px;
}
.post-pharma h4{
  position: absolute;
  margin-top: -38px;
  margin-left: 16px;
}

.post-pharma2 h4{
  position: absolute;
  margin-top: -38px;
  margin-left: 16px;
}

.post-pharma3 h4{
  position: absolute;
  margin-top: -38px;
  margin-left: 16px;
}
.post-pharma a:hover,
.post-pharma2 a:hover,
.post-pharma3 a:hover{
  color:#228fcb;
}
.prod-title h2{
  color: #fff;
    background-color: #0000008f;
    padding: 25px 18px 25px 26px;
    /* padding: 25px; */
    margin-top: 190px;
    line-height: 1.2;
    position: absolute;
    font-size: 36px;
    padding-right: 53px;

}

.post-pharma4 {
  position: absolute;
  /* margin-left: 19%; */
} 
.post-pharma5{
  /* position: absolute; */
  margin-top: 20%;
}
.post-pharma6 {
  position: absolute;
  margin-top: -4%;

}
.post-pharma4 img,
.post-pharma6 img{
  width: 70%;
}
.post-pharma5 img{
  width: 51%;
  margin-left: 40%;
}
.post-pharma4 h4{
  position: absolute;
  margin-top: -38px;
  margin-left: 16px;
}
.post-pharma5 h4{
  position: absolute;
  margin-top: -38px;
  padding-left: 452px;
}
.post-pharma6 h4{
  position: absolute;
  margin-top: -38px;
  margin-left: 16px;
}
.prod-title2 h2{
  color: #fff;
    background-color: #0000008f;
    padding: 25px 25px 25px 30px;
    margin-top: 205px;
    position: absolute;
    line-height: 1.2;
    font-size: 36px;
    padding-right: 90px;
    margin-left: 697px;
}
.post-pharma4 a:hover,
.post-pharma5 a:hover,
.post-pharma6 a:hover{
  color:#228fcb;
}
.post-pharma5 h4 a:hover{
  color:#228fcb;
}
.our-tea-sec h4{
  text-align: center;
  font-size: 35px;
  color: #000;
  margin-bottom: 45px;
}







.Yearly-timeline {
  max-width: 80%;
}
.Yearly-timeline:after{
  content: '';
  display: block;
  clear: both;
}
.Yearly-timeline .timeline{
  width: calc(50% + 17px);
  padding: 0 30px 30px 0;
  float: left; 
  position: relative;
}
.Yearly-timeline .timeline:before,
.Yearly-timeline .timeline:after{
  content: '';
  height: 60px;
  width: 2px;
  border-left: 2px solid#cccccc;;
  transform: rotate(-45deg);
  position: absolute;
  right: 30px;
  bottom: 0;
}
.Yearly-timeline .timeline:after{
  background-color: #fff;
  height: 20px;
  width: 20px;
  border: 6px solid #cccccc;;
  border-radius: 50%;
  right: 0;
}   
.Yearly-timeline .timeline-content{
  color: #555;
  background: #cccccc;
  text-align: center;
  min-height: 170px;
  padding: 30px 35px 35px;
  border-radius: 15px 15px 0 15px;
  display: block;
  position: relative;
  z-index: 1;
}
.Yearly-timeline .timeline-content:before{
  content: '';
  background-color: #fff;
  position: absolute;
  left: 17px;
  right: 17px;
  top: 17px;
  bottom: 17px;
  z-index: -1;
}
.Yearly-timeline .timeline-content:hover{ text-decoration: none; }
.Yearly-timeline .timeline-icon{
  color: #777;
  font-size: 35px;
}
.Yearly-timeline .timeline-icon img{
  width: 60%;
}
.Yearly-timeline .title{
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin: 5px 0 5px;
}
.Yearly-timeline .description{
  color: #000;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.5px;
    line-height: 18px;
    margin: 0;
    text-align: center;
}
.Yearly-timeline .timeline:nth-child(even){
  padding: 0 0 30px 30px;
  float: right;
}
.Yearly-timeline .timeline:nth-child(even):before{
  transform: rotate(45deg);
  right: auto;
  left: 30px;
}
.Yearly-timeline .timeline:nth-child(even):after{
  right: auto;
  left: 0;
}
.Yearly-timeline .timeline:nth-child(even) .timeline-content{ border-radius: 15px 15px 15px 0; }
.Yearly-timeline .timeline:nth-child(4n+2):before,
.Yearly-timeline .timeline:nth-child(4n+2):after{
  border-color: #0091CC;
}
.Yearly-timeline .timeline:nth-child(4n+2) .timeline-content{
  background: #0091CC;
}
.Yearly-timeline .timeline:nth-child(4n+3):before,
.Yearly-timeline .timeline:nth-child(4n+3):after{
  border-color: #cccccc;
}
.Yearly-timeline .timeline:nth-child(4n+3) .timeline-content{
  background: #cccccc;
}
.Yearly-timeline .timeline:nth-child(4n+4):before,
.Yearly-timeline .timeline:nth-child(4n+4):after{
  border-color: #0091CC;
}
.Yearly-timeline .timeline:nth-child(4n+4) .timeline-content{
  background:#0091CC;
}
.Yearly-timeline .timeline:nth-child(4n+3):before, .Yearly-timeline .timeline:nth-child(4n+3):after {
  border-color: #cccccc;
}
@media screen and (max-width:767px){
  .Yearly-timeline .timeline{
      width: 100%;
      padding: 30px 0 0 30px;
      margin: 0 0 20px;
  }   
  .Yearly-timeline .timeline:before,
  .Yearly-timeline .timeline:nth-child(even):before{
      transform: rotate(-45deg);
      bottom: auto;
      top: 0;
      right: auto;
      left: 30px;
  }
  .Yearly-timeline .timeline:after,
  .Yearly-timeline .timeline:nth-child(even):after{
      bottom: auto;
      top: 0;
      right: auto;
      left: 0;
  }
  .Yearly-timeline .timeline-content,
  .Yearly-timeline .timeline:nth-child(even) .timeline-content{
      border-radius: 0 15px 15px 15px;
  }
}

@media (max-width: 767.98px) {
  .about-us-tab ul.nav.nav-tabs li.nav-item a.nav-link { 
    width: 100%;
}
  .desktop{
    display: none;
  }
  .mobile{
    display: block;
  }
  .our-tea-sec h4 {
    text-align: center;
    font-size: 29px;
    color: #000;
    margin-bottom: 14px;
    margin-top: 30px;
}
  .asstrid-teams{
    margin-bottom: 20px;
  }
  .ast-teams {
    margin-top: 0px;
}
.ast-teams2 {
  margin-top: 0px;
}
  .post-what{
    padding: 30px;
  }
  .post-media-2b { 
    top: 370px; 
  }
  .product-btn {
    margin-left: 122px;
  }
  .prod-title h2 { 
    padding: 18px 0px 20px 34px; 
    margin-top: 0px;
    position: relative;
    font-size: 24px;
    padding-right: 35px;
}
.prod-title2 h2 { 
  padding: 18px 0px 20px 60px; 
  margin-top: 0px;
  position: relative;
  font-size: 24px;
  padding-right: 35px;
  margin-left: 0px;
}
.post-pharma {
  position: relative;
  margin-left: 0px;
}
.post-pharma img, .post-pharma3 img {
  width: auto;
}
.post-pharma2 img {
  width: auto;
}
.post-pharma2 { 
  margin-top: 10%;
}
.post-pharma3 {
  position: relative;
  margin-left: 0px;
  margin-top: 10%;
}
.post-pharma4 {
  position: relative;
  margin-left: 0px;
}
.post-pharma4 img, .post-pharma6 img {
  width: auto;
}
.post-pharma5 img {
  width: auto;
  margin-left: 0px;
}
.post-pharma5 { 
  margin-top: 10%; 
}
.post-pharma6 {
  position: relative;
  margin-left: 0px;
  margin-top: 10%;
}
.post-pharma5 h4 {
  position: relative;
  margin-top: -38px;
  padding-left: 20px;
}
.phar-sec {
  height: 810px !important;
  padding-top: 0px;

}
.track-price h4 { 
  font-size: 27px;
}
.what-we-sec h4 { 
  font-size: 21px; 
}
.adv-abt h4,
.adv-abt span{
  font-size: 20px !important; 
  text-align: center;
}
.adv-abt h4.offset-3{
  margin-left: 0%;
  text-align: center;
}
.history-time h1 {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 30px;
  margin-top: 0px;
  color: #000;
}
/* .team-bottom {
  padding-top: 5px;
} */
.team-details {
  height: auto;
}
.team-mt {
  margin-top: 155px;
}
.post-info{
    border: 1px solid #ececec;
    padding: 0px 15px;
}

















}
 /*-------------------------------
   Benefit Section  CSS
-------------------------------*/
.benefit-wrap {
  position: relative;
  background-image: url(../images/about/BG.webp);
  background-size: cover;
  background-repeat: no-repeat;
  padding: 50px 0px 10px;
}
.benefit-wrap .sec-title-wrapper {
  margin-bottom: 25px;
}
.benefit-wrap .benefit-shape-one {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
  transform: translateY(-50%);
}
.benefit-wrap .benefit-content .content-title {
  margin-bottom: 35px;
}
.benefit-wrap .benefit-img-wrap img {
  display: block;
  margin: 0 auto;
}
.benefit-wrap.style2 .benefit-img-wrap {
  position: relative;
}
.benefit-wrap.style2 .benefit-img-wrap .bn-img {
  position: absolute;
    top: 43%;
    left: calc(45% + 21px);
    max-width: 270px;
    transform: translate(-50%, -50%);
}
.benefit-wrap.style2 .benefit-img-wrap .benefit-list-icon {
  height: 500px;
    max-width: 520px;
    position: relative;
    margin: 0 auto;
    /* right: 10px; */
}
.benefit-wrap.style2 .benefit-img-wrap .benefit-list-icon li {
  position: absolute;
  cursor: pointer;
}
.benefit-wrap.style2 .benefit-img-wrap .benefit-list-icon li .bn-shape {
  opacity: 1;
  transition: 0.4s;
  max-width: 80%;
}
.benefit-wrap.style2 .benefit-img-wrap .benefit-list-icon li .bn-shape-arrow {
  position: absolute;
  transition: 0.4s;
}
.benefit-wrap.style2 .benefit-img-wrap .benefit-list-icon li img.all {
  font-size: 38px;
  width: 25%;
  line-height: 0.8;
  position: absolute;
  top: 50%;
  left: 50%;
  color: #024E32;
  transition: 0.4s;
}
.benefit-wrap.style2 .benefit-img-wrap .benefit-list-icon li:hover .bn-shape {
  opacity: 1;
}
.benefit-wrap.style2 .benefit-img-wrap .benefit-list-icon li:hover img.all {
  color: #fff;
}
.benefit-wrap.style2 .benefit-img-wrap .benefit-list-icon li:hover .bn-shape-arrow {
  width: auto;
  opacity: 1;
}
.benefit-wrap.style2 .benefit-img-wrap .benefit-list-icon li:nth-child(1) {
  bottom: 65px;
    left: 65px;
}
.benefit-wrap.style2 .benefit-img-wrap .benefit-list-icon li:nth-child(1) img.commit {
  top: calc(50% - 25px);
  left: calc(50% - 20px);
}
.benefit-wrap.style2 .benefit-img-wrap .benefit-list-icon li:nth-child(1) .bn-shape-arrow {
  top: 65px;
  left: 10px;
}
.benefit-wrap.style2 .benefit-img-wrap .benefit-list-icon li:nth-child(2) {
  top: 100px;
    left: 28px;
}
.benefit-wrap.style2 .benefit-img-wrap .benefit-list-icon li:nth-child(2) img.equality {
  top: calc(50% - 15px);
  left: calc(50% - 25px);
}
.benefit-wrap.style2 .benefit-img-wrap .benefit-list-icon li:nth-child(2) .bn-shape-arrow {
  top: 50%;
  left: -44px;
  transform: translateY(-50%);
}
.benefit-wrap.style2 .benefit-img-wrap .benefit-list-icon li:nth-child(3) {
  top: 3px;
  left: 76px;
}
.benefit-wrap.style2 .benefit-img-wrap .benefit-list-icon li:nth-child(3) img.excell {
  top: calc(50% - 25px);
  left: calc(50% - 15px);
}
.benefit-wrap.style2 .benefit-img-wrap .benefit-list-icon li:nth-child(3) .bn-shape-arrow {
  top: 20px;
  left: -10px;
}
.benefit-wrap.style2 .benefit-img-wrap .benefit-list-icon li:nth-child(4) {
  top: 4px;
  right: 69px;
}
.benefit-wrap.style2 .benefit-img-wrap .benefit-list-icon li:nth-child(4) img.honest {
  top: calc(50% - 25px);
  left: calc(50% - 30px);
}
.benefit-wrap.style2 .benefit-img-wrap .benefit-list-icon li:nth-child(4) .bn-shape-arrow {
  top: 25px;
    right: 5px;
}
.benefit-wrap.style2 .benefit-img-wrap .benefit-list-icon li:nth-child(5) {
  top: 112px;
  right: 32px;
}
.benefit-wrap.style2 .benefit-img-wrap .benefit-list-icon li:nth-child(5) img.human {
  top: calc(50% - 10px);
  left: calc(50% - 5px);
}
.benefit-wrap.style2 .benefit-img-wrap .benefit-list-icon li:nth-child(5) .bn-shape-arrow {
  top: 50%;
  right: -47px;
  transform: translateY(-50%);
}
.benefit-wrap.style2 .benefit-img-wrap .benefit-list-icon li:nth-child(6) {
  bottom: 66px;
    right: 80px;
}
.benefit-wrap.style2 .benefit-img-wrap .benefit-list-icon li:nth-child(6) img.innov {
  top: calc(50% - 25px);
  left: calc(50% - 30px);
}
.benefit-wrap.style2 .benefit-img-wrap .benefit-list-icon li:nth-child(6) .bn-shape-arrow {
  top: 60px;
  right: 10px;
}

.benefit-card {
  margin-top: 50px;
}
.card1 {
  margin-top: 47px;
  margin-right: -97px;
}
.card2 {
  margin-top: 71px;
  margin-right: 0px;
}
.card3 {
  margin-top: 85px;
  margin-right: -70px;
}
.card4 {
  margin-top: 15px;
  margin-left: -75px;
}
.card5 {
  margin-top: 136px;
  margin-left: -10px;
}
.card6 {
  margin-top: 90px;
    margin-left: -113px;
}
.benefit-card h3 {
  font-size: 22px;
  margin: 0 0 10px;
  font-weight: 700;
}
.benefit-card p {
  margin: 0;
  /* font-weight: 700; */
  font-size: 17px;
}
.benefit-card.style1 {
  text-align: right;
}
.benefit-card.style2 {
  text-align: left;
}

@media only screen and (max-width: 991px){
  .benefit-wrap {
    padding: 50px 0px 30px;
}
  .benefit-wrap.style2 .benefit-img-wrap {
      margin: 25px 0 0;
  }
  .benefit-wrap.style2 .benefit-img-wrap .bn-img {
    left: 49%;
    top: 47%;
  }
  .benefit-card {
    margin-top: 15px;
    text-align: center;
  }
  .benefit-card.style1 {
    text-align: center;
  }
  .benefit-card p {
    font-size: 16px;
    line-height: 1.3;
  }
  .card1 {
    margin-top: 0px;
    margin-right: 0px;
  }
  .card3 {
    margin-right: 0px;
  }
  .card4 {
    margin-left: 0px;
  }
  .card5 {
    margin-left: 0px;
  }
  .card6 {
    margin-left: 0px;
  }
  }
  @media only screen and (max-width: 575px){
  .benefit-wrap.style2 .benefit-img-wrap {
      text-align: center;
  }
  .benefit-wrap.style2 .benefit-img-wrap .bn-img {
    max-width: 225px;
  }
  .benefit-wrap.style2 .benefit-img-wrap .benefit-list-icon {
    height: 410px;
    max-width: 355px;
    right: auto;
    left: 12px;
    top: -24px;
    display: block;
    margin: 0 auto;
  }
  .benefit-wrap.style2 .benefit-img-wrap .benefit-list-icon li:nth-child(1) {
    bottom: 12px;
    left: -10px;
  }
  .benefit-wrap.style2 .benefit-img-wrap .benefit-list-icon li .bn-shape-arrow {
    display: none;
  }
  .benefit-wrap.style2 .benefit-img-wrap .benefit-list-icon li .bn-shape {
    max-width: 65%;
  }
  .benefit-wrap.style2 .benefit-img-wrap .benefit-list-icon li:nth-child(2) {
    top: 122px;
    left: -36px;
  }
  .benefit-wrap.style2 .benefit-img-wrap .benefit-list-icon li:nth-child(3) {
    top: 40px;
    left: -3px;
  }
  .benefit-wrap.style2 .benefit-img-wrap .benefit-list-icon li:nth-child(4) {
    top: 40px;
    right: 13px;
  }
  .benefit-wrap.style2 .benefit-img-wrap .benefit-list-icon li:nth-child(5) {
    top: 130px;
    right: -13px;
  }
  .benefit-wrap.style2 .benefit-img-wrap .benefit-list-icon li:nth-child(6) {
    bottom: 14px;
    right: 20px;
  }
  .menu-links .nav>li>a {
    padding: 8px 0 !important;
    display: block !important;
    line-height: 30px !important;
    color: #000 !important;
    font-weight: 700 !important;
}
  }


.testi-title h2{
  color: #0091cc;
  font-size: 30px;
  font-weight: 500;
  text-align: center;
}

.tea-text{
  background-color: #023047;
    border: 1px solid #023047;
    border-radius: 30px;
    text-align: center;
    height: 311px;
    box-shadow: rgba(14, 30, 37, 0.12) 0px 2px 4px 0px, rgba(14, 30, 37, 0.32) 0px 2px 16px 0px;
    align-items: center;
}
.prod-title ul.nav.nav-tabs li.nav-item a.nav-link.active, 
.prod-title ul.nav.nav-tabs li.nav-item a.nav-link:hover {
  background: #ffe040;
  color: #023047;
  font-size: 20px;
  font-weight: 800;
  border-bottom: 2px solid #023047;
}
.prod-title ul.nav.nav-tabs {
  border-bottom: none;
  justify-content: space-between;
  margin-bottom: 60px;
}

.research-ddet p b{
  font-weight: 700;
}
.research-ddet li{
  font-size: 16px;
}
.research-ddet ul{
  margin-top: -15px;
}
.section-spp3 {
  padding-top: 40px;
  padding-left: 0px;
  padding-right: 30px;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.rd-img-det{
  margin-top: 20px;
  margin-bottom: 20px;
}
.m-top{
  margin-top: 92% !important;
}
.m-top2{
  margin-top: 37% !important;
}
.research-ddet ul li{
  color: #373737;
}
.pro-titls h3{
  font-size: 33px;
  color: #2290cc;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase; 
  margin-bottom: 30px;
  text-decoration: underline;
}
@media only screen and (max-width: 991px) { 
  .section-spp3 {
   padding-top: 30px;
   padding-left: 0px;
   padding-right: 0px;
   padding-bottom: 0px;
   margin-bottom: 30px;
}
.pro-titls h3{
  font-size: 21px; 
  margin-bottom: 21px; 
}
.m-top{
  margin-top: 0 !important;
}
.m-top2{
  margin-top: 0 !important;
}
}

.blg-astd{
  background-color: #f7f7f7;
    padding: 20px;
    text-align: left;
    border-radius: 8px;
}
.simple-pagination ul {
	margin: 0 0 20px;
	padding: 0;
	list-style: none;
	text-align: center;
}

.simple-pagination li {
	display: inline-block;
	margin-right: 5px;
}

.simple-pagination li a,
.simple-pagination li span {
	color: #666;
	padding: 5px 10px;
	text-decoration: none;
	border: 1px solid #EEE;
	background-color: #FFF;
	box-shadow: 0px 0px 10px 0px #EEE;
}

.simple-pagination .current {
	color: #FFF;
	background-color: #0091cc;
	border-color: #0091cc;
}

.simple-pagination .prev.current,
.simple-pagination .next.current {
	background: #0091cc;
}
.avangers {
  margin: 0;
}
.avangers li{
  color: #000;
  font-size: 16px;
  text-align: justify;
}
.avangers b {
  font-size: 18px;
  font-weight: 700;
}
.avangers ul{
  margin-bottom: 20px;
}