@font-face {
   font-family: 'Jozoor';
   src: url('css/Jozoor font.otf') format('opentype');
   font-weight: normal;
   font-style: normal;
   font-display: swap;
   /* Optional: controls how font loads */
 }

 @import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&display=swap');

 :root {

   --primary: #d94038;
   --secondary: #2f2c2e;
   --white: #fff;
   --blue: #0f1786;
   --dark: #343a40;
   --light: #f8f9fa;

   --indigo: #6610f2;
   --purple: #6f42c1;
   --pink: #e83e8c;
   --red: #dc3545;
   --orange: #fd7e14;
   --yellow: #ffc107;
   --green: #28a745;
   --teal: #20c997;
   --cyan: #17a2b8;
   --bs-modal-width: 750px;
   --breakpoint-xs: 0;
   --breakpoint-sm: 576px;
   --breakpoint-md: 768px;
   --breakpoint-lg: 992px;
   --breakpoint-xl: 1200px;
   --font-family-sans-serif: 'Jozoor', sans-serif;
   --font-family-monospace: "Cairo", sans-serif;
 }

 .rtl {
   text-align: right !important;
 }

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

 html {
   font-family: var(--font-family-monospace);
   line-height: 1.15;
   -webkit-text-size-adjust: 100%;
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }



 body {
   margin: 0;
   font-family: var(--font-family-monospace);
   font-size: 1rem;
   font-weight: 400;
   line-height: 1.5;
   color: #212529;
   text-align: left;
   background-color: #fff;
 }


 .form-control {
   display: block;
   width: 100%;
   height: calc(1.5em + 0.75rem + 2px);
   padding: 0.375rem 0.75rem;
   font-size: 1rem;
   font-weight: 400;
   line-height: 1.5;
   color: #495057;
   background-color: #fff;
   background-clip: padding-box;
   border: 1px solid #ced4da;
   border-radius: 0.25rem;
   -webkit-transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
   transition: border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
   -o-transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
   transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
   transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
 }

 @media (prefers-reduced-motion: reduce) {
   .form-control {
     -webkit-transition: none;
     -o-transition: none;
     transition: none;
   }
 }

 .form-control::-ms-expand {
   background-color: transparent;
   border: 0;
 }

 .form-control:-moz-focusring {
   color: transparent;
   text-shadow: 0 0 0 #495057;
 }

 .form-control:focus {
   color: #495057;
   background-color: #fff;
   border-color: #80bdff;
   outline: 0;
   -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
   box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
 }

 .form-control::-webkit-input-placeholder {
   color: #6c757d;
   opacity: 1;
 }

 .form-control:-ms-input-placeholder {
   color: #6c757d;
   opacity: 1;
 }

 .form-control::-ms-input-placeholder {
   color: #6c757d;
   opacity: 1;
 }

 .form-control::placeholder {
   color: #6c757d;
   opacity: 1;
 }

 .form-control:disabled, .form-control[readonly] {
   background-color: #e9ecef;
   opacity: 1;
 }

 input[type="date"].form-control,
 input[type="time"].form-control,
 input[type="datetime-local"].form-control,
 input[type="month"].form-control {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
 }

 select.form-control:focus::-ms-value {
   color: #495057;
   background-color: #fff;
 }

 .form-control-file,
 .form-control-range {
   display: block;
   width: 100%;
 }

 .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;
   line-height: 1.5;
 }

 .col-form-label-sm {
   padding-top: calc(0.25rem + 1px);
   padding-bottom: calc(0.25rem + 1px);
   font-size: 0.875rem;
   line-height: 1.5;
 }

 .form-control-plaintext {
   display: block;
   width: 100%;
   padding: 0.375rem 0;
   margin-bottom: 0;
   font-size: 1rem;
   line-height: 1.5;
   color: #212529;
   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 {
   height: calc(1.5em + 0.5rem + 2px);
   padding: 0.25rem 0.5rem;
   font-size: 0.875rem;
   line-height: 1.5;
   border-radius: 0.2rem;
 }

 .form-control-lg {
   height: calc(1.5em + 1rem + 2px);
   padding: 0.5rem 1rem;
   font-size: 1.25rem;
   line-height: 1.5;
   border-radius: 0.3rem;
 }

 select.form-control[size], select.form-control[multiple] {
   height: auto;
 }

 textarea.form-control {
   height: auto;
 }

 .form-group {
   margin-bottom: 1rem;
 }

 .form-text {
   display: block;
   margin-top: 0.25rem;
 }

 .form-row {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   margin-right: -5px;
   margin-left: -5px;
 }

 .form-row>.col,
 .form-row>[class*="col-"] {
   padding-right: 5px;
   padding-left: 5px;
 }

 .form-check {
   position: relative;
   display: block;
   padding-left: 1.25rem;
 }

 .form-check-input {
   position: absolute;
   margin-top: 0.3rem;
   margin-left: -1.25rem;
 }

 .form-check-input[disabled]~.form-check-label,
 .form-check-input:disabled~.form-check-label {
   color: #6c757d;
 }

 .form-check-label {
   margin-bottom: 0;
 }

 .form-check-inline {
   display: -webkit-inline-box;
   display: -ms-inline-flexbox;
   display: inline-flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   padding-left: 0;
   margin-right: 0.75rem;
 }

 .form-check-inline .form-check-input {
   position: static;
   margin-top: 0;
   margin-right: 0.3125rem;
   margin-left: 0;
 }

 .valid-feedback {
   display: none;
   width: 100%;
   margin-top: 0.25rem;
   font-size: 80%;
   color: #28a745;
 }

 .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;
   line-height: 1.5;
   color: #fff;
   background-color: rgba(40, 167, 69, 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: #28a745;
   padding-right: calc(1.5em + 0.75rem);
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' 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: #28a745;
   -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
   box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 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 .custom-select:valid, .custom-select.is-valid {
   border-color: #28a745;
   padding-right: calc(0.75em + 2.3125rem);
   background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' 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") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
 }

 .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus {
   border-color: #28a745;
   -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
   box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
 }

 .was-validated .form-check-input:valid~.form-check-label, .form-check-input.is-valid~.form-check-label {
   color: #28a745;
 }

 .was-validated .form-check-input:valid~.valid-feedback,
 .was-validated .form-check-input:valid~.valid-tooltip, .form-check-input.is-valid~.valid-feedback,
 .form-check-input.is-valid~.valid-tooltip {
   display: block;
 }

 .was-validated .custom-control-input:valid~.custom-control-label, .custom-control-input.is-valid~.custom-control-label {
   color: #28a745;
 }

 .was-validated .custom-control-input:valid~.custom-control-label::before, .custom-control-input.is-valid~.custom-control-label::before {
   border-color: #28a745;
 }

 .was-validated .custom-control-input:valid:checked~.custom-control-label::before, .custom-control-input.is-valid:checked~.custom-control-label::before {
   border-color: #34ce57;
   background-color: #34ce57;
 }

 .was-validated .custom-control-input:valid:focus~.custom-control-label::before, .custom-control-input.is-valid:focus~.custom-control-label::before {
   -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
   box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
 }

 .was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before {
   border-color: #28a745;
 }

 .was-validated .custom-file-input:valid~.custom-file-label, .custom-file-input.is-valid~.custom-file-label {
   border-color: #28a745;
 }

 .was-validated .custom-file-input:valid:focus~.custom-file-label, .custom-file-input.is-valid:focus~.custom-file-label {
   border-color: #28a745;
   -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
   box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25);
 }

 .invalid-feedback {
   display: none;
   width: 100%;
   margin-top: 0.25rem;
   font-size: 80%;
   color: #dc3545;
 }

 .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;
   line-height: 1.5;
   color: #fff;
   background-color: rgba(220, 53, 69, 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: #dc3545;
   padding-right: calc(1.5em + 0.75rem);
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
   background-repeat: no-repeat;
   background-position: right calc(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: #dc3545;
   -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
   box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 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 .custom-select:invalid, .custom-select.is-invalid {
   border-color: #dc3545;
   padding-right: calc(0.75em + 2.3125rem);
   background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
 }

 .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus {
   border-color: #dc3545;
   -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
   box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
 }

 .was-validated .form-check-input:invalid~.form-check-label, .form-check-input.is-invalid~.form-check-label {
   color: #dc3545;
 }

 .was-validated .form-check-input:invalid~.invalid-feedback,
 .was-validated .form-check-input:invalid~.invalid-tooltip, .form-check-input.is-invalid~.invalid-feedback,
 .form-check-input.is-invalid~.invalid-tooltip {
   display: block;
 }

 .was-validated .custom-control-input:invalid~.custom-control-label, .custom-control-input.is-invalid~.custom-control-label {
   color: #dc3545;
 }

 .was-validated .custom-control-input:invalid~.custom-control-label::before, .custom-control-input.is-invalid~.custom-control-label::before {
   border-color: #dc3545;
 }

 .was-validated .custom-control-input:invalid:checked~.custom-control-label::before, .custom-control-input.is-invalid:checked~.custom-control-label::before {
   border-color: #e4606d;
   background-color: #e4606d;
 }

 .was-validated .custom-control-input:invalid:focus~.custom-control-label::before, .custom-control-input.is-invalid:focus~.custom-control-label::before {
   -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
   box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
 }

 .was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before {
   border-color: #dc3545;
 }

 .was-validated .custom-file-input:invalid~.custom-file-label, .custom-file-input.is-invalid~.custom-file-label {
   border-color: #dc3545;
 }

 .was-validated .custom-file-input:invalid:focus~.custom-file-label, .custom-file-input.is-invalid:focus~.custom-file-label {
   border-color: #dc3545;
   -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
   box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
 }

 .form-inline {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   -ms-flex-flow: row wrap;
   flex-flow: row wrap;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
 }

 .form-inline .form-check {
   width: 100%;
 }

 @media (min-width: 576px) {
   .form-inline label {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     margin-bottom: 0;
   }

   .form-inline .form-group {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-flex: 0;
     -ms-flex: 0 0 auto;
     flex: 0 0 auto;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-flow: row wrap;
     flex-flow: row wrap;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     margin-bottom: 0;
   }

   .form-inline .form-control {
     display: inline-block;
     width: auto;
     vertical-align: middle;
   }

   .form-inline .form-control-plaintext {
     display: inline-block;
   }

   .form-inline .input-group,
   .form-inline .custom-select {
     width: auto;
   }

   .form-inline .form-check {
     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;
     width: auto;
     padding-left: 0;
   }

   .form-inline .form-check-input {
     position: relative;
     -ms-flex-negative: 0;
     flex-shrink: 0;
     margin-top: 0;
     margin-right: 0.25rem;
     margin-left: 0;
   }

   .form-inline .custom-control {
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
   }

   .form-inline .custom-control-label {
     margin-bottom: 0;
   }
 }

 .btn {
   display: inline-block;
   font-weight: 400;
   color: #212529;
   text-align: center;
   vertical-align: middle;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   background-color: transparent;
   border: 1px solid transparent;
   padding: 0.375rem 0.75rem;
   font-size: 1rem;
   line-height: 1.5;
   border-radius: 0.25rem;
   -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
   transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
   -o-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;
   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;
   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, -webkit-box-shadow 0.15s ease-in-out;
 }

 @media (prefers-reduced-motion: reduce) {
   .btn {
     -webkit-transition: none;
     -o-transition: none;
     transition: none;
   }
 }

 .btn:hover {
   color: #212529;
   text-decoration: none;
 }

 .btn:focus, .btn.focus {
   outline: 0;
   -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
   box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
 }

 .btn.disabled, .btn:disabled {
   opacity: 0.65;
 }

 .btn:not(:disabled):not(.disabled) {
   cursor: pointer;
 }

 a.btn.disabled,
 fieldset:disabled a.btn {
   pointer-events: none;
 }

 .btn-primary {
   color: #fff;
   background-color: #007bff;
   border-color: #007bff;
 }

 .btn-primary:hover {
   color: #fff;
   background-color: #0069d9;
   border-color: #0062cc;
 }

 .btn-primary:focus, .btn-primary.focus {
   color: #fff;
   background-color: #0069d9;
   border-color: #0062cc;
   -webkit-box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
   box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
 }

 .btn-primary.disabled, .btn-primary:disabled {
   color: #fff;
   background-color: #007bff;
   border-color: #007bff;
 }

 .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
 .show>.btn-primary.dropdown-toggle {
   color: #fff;
   background-color: #0062cc;
   border-color: #005cbf;
 }

 .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
 .show>.btn-primary.dropdown-toggle:focus {
   -webkit-box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
   box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
 }

 .btn-secondary {
   color: #fff;
   background-color: #6c757d;
   border-color: #6c757d;
 }

 .btn-secondary:hover {
   color: #fff;
   background-color: #5a6268;
   border-color: #545b62;
 }

 .btn-secondary:focus, .btn-secondary.focus {
   color: #fff;
   background-color: #5a6268;
   border-color: #545b62;
   -webkit-box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
   box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
 }

 .btn-secondary.disabled, .btn-secondary:disabled {
   color: #fff;
   background-color: #6c757d;
   border-color: #6c757d;
 }

 .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active,
 .show>.btn-secondary.dropdown-toggle {
   color: #fff;
   background-color: #545b62;
   border-color: #4e555b;
 }

 .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus,
 .show>.btn-secondary.dropdown-toggle:focus {
   -webkit-box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
   box-shadow: 0 0 0 0.2rem rgba(130, 138, 145, 0.5);
 }


 .navbar {
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   padding: 0.5rem 1rem;
 }

 .navbar .container,
 .navbar .container-fluid, .navbar .container-sm, .navbar .container-md, .navbar .container-lg, .navbar .container-xl {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
 }

 .navbar-brand {
   display: inline-block;
   padding-top: 0.3125rem;
   padding-bottom: 0.3125rem;
   margin-right: 1rem;
   font-size: 1.25rem;
   line-height: inherit;
   white-space: nowrap;
 }

 .navbar-brand:hover, .navbar-brand:focus {
   text-decoration: none;
 }

 .navbar-nav {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   padding-left: 0;
   margin-bottom: 0;
   list-style: none;
 }

 .btn-div {
   display: flex;
 }

 .btn-div a {
   margin: auto 12px;
 }

 .card {
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   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-body {
   -webkit-box-flex: 1;
   -ms-flex: 1 1 auto;
   flex: 1 1 auto;
   min-height: 1px;
   padding: 1.25rem;
 }

 .card-title {
   margin-bottom: 0.75rem;
 }

 .card-subtitle {
   margin-top: -0.375rem;
   margin-bottom: 0;
 }

 .card-text:last-child {
   margin-bottom: 0;
 }

 .card-link:hover {
   text-decoration: none;
 }

 .card-link+.card-link {
   margin-left: 1.25rem;
 }

 .card-header {
   padding: 0.75rem 1.25rem;
   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-header+.list-group .list-group-item:first-child {
   border-top: 0;
 }

 .card-footer {
   padding: 0.75rem 1.25rem;
   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.625rem;
   margin-bottom: -0.75rem;
   margin-left: -0.625rem;
   border-bottom: 0;
 }

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

 .card-img-overlay {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   padding: 1.25rem;
 }

 .card-img,
 .card-img-top,
 .card-img-bottom {
   -ms-flex-negative: 0;
   flex-shrink: 0;
   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-deck .card {
   margin-bottom: 15px;
 }

 @media (min-width: 576px) {
   .card-deck {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-flow: row wrap;
     flex-flow: row wrap;
     margin-right: -15px;
     margin-left: -15px;
   }

   .card-deck .card {
     -webkit-box-flex: 1;
     -ms-flex: 1 0 0%;
     flex: 1 0 0%;
     margin-right: 15px;
     margin-bottom: 0;
     margin-left: 15px;
   }
 }

 .card-group>.card {
   margin-bottom: 15px;
 }

 @media (min-width: 576px) {
   .card-group {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-flow: row wrap;
     flex-flow: row wrap;
   }

   .card-group>.card {
     -webkit-box-flex: 1;
     -ms-flex: 1 0 0%;
     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;
   }
 }

 .card-columns .card {
   margin-bottom: 0.75rem;
 }

 @media (min-width: 576px) {
   .card-columns {
     -webkit-column-count: 3;
     column-count: 3;
     -webkit-column-gap: 1.25rem;
     column-gap: 1.25rem;
     orphans: 1;
     widows: 1;
   }

   .card-columns .card {
     display: inline-block;
     width: 100%;
   }
 }

 .accordion>.card {
   overflow: hidden;
 }

 .accordion>.card:not(:last-of-type) {
   border-bottom: 0;
   border-bottom-right-radius: 0;
   border-bottom-left-radius: 0;
 }

 .accordion>.card:not(:first-of-type) {
   border-top-left-radius: 0;
   border-top-right-radius: 0;
 }

 .accordion>.card>.card-header {
   border-radius: 0;
   margin-bottom: -1px;
 }

 .breadcrumb {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   padding: 0.75rem 1rem;
   margin-bottom: 1rem;
   list-style: none;
   background-color: #e9ecef;
   border-radius: 0.25rem;
 }

 .breadcrumb-item {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
 }

 .breadcrumb-item+.breadcrumb-item {
   padding-left: 0.5rem;
 }

 .breadcrumb-item+.breadcrumb-item::before {
   display: inline-block;
   padding-right: 0.5rem;
   color: #6c757d;
   content: "/";
 }

 .breadcrumb-item+.breadcrumb-item:hover::before {
   text-decoration: underline;
 }

 .breadcrumb-item+.breadcrumb-item:hover::before {
   text-decoration: none;
 }

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

 .pagination {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   padding-left: 0;
   list-style: none;
   border-radius: 0.25rem;
 }

 .page-link {
   position: relative;
   display: block;
   padding: 0.5rem 0.75rem;
   margin-left: -1px;
   line-height: 1.25;
   color: #007bff;
   background-color: #fff;
   border: 1px solid #dee2e6;
 }

 .page-link:hover {
   z-index: 2;
   color: #0056b3;
   text-decoration: none;
   background-color: #e9ecef;
   border-color: #dee2e6;
 }

 .page-link:focus {
   z-index: 3;
   outline: 0;
   -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
   box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
 }

 .page-item:first-child .page-link {
   margin-left: 0;
   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;
 }

 .page-item.active .page-link {
   z-index: 3;
   color: #fff;
   background-color: #007bff;
   border-color: #007bff;
 }

 .page-item.disabled .page-link {
   color: #6c757d;
   pointer-events: none;
   cursor: auto;
   background-color: #fff;
   border-color: #dee2e6;
 }

 .pagination-lg .page-link {
   padding: 0.75rem 1.5rem;
   font-size: 1.25rem;
   line-height: 1.5;
 }

 .pagination-lg .page-item:first-child .page-link {
   border-top-left-radius: 0.3rem;
   border-bottom-left-radius: 0.3rem;
 }

 .pagination-lg .page-item:last-child .page-link {
   border-top-right-radius: 0.3rem;
   border-bottom-right-radius: 0.3rem;
 }

 .pagination-sm .page-link {
   padding: 0.25rem 0.5rem;
   font-size: 0.875rem;
   line-height: 1.5;
 }

 .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.25em 0.4em;
   font-size: 75%;
   font-weight: 700;
   line-height: 1;
   text-align: center;
   white-space: nowrap;
   vertical-align: baseline;
   border-radius: 0.25rem;
   -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
   transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
   -o-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;
   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;
   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, -webkit-box-shadow 0.15s ease-in-out;
 }

 @media (prefers-reduced-motion: reduce) {
   .badge {
     -webkit-transition: none;
     -o-transition: none;
     transition: none;
   }
 }

 a.badge:hover, a.badge:focus {
   text-decoration: none;
 }

 .badge:empty {
   display: none;
 }

 .btn .badge {
   position: relative;
   top: -1px;
 }

 .badge-pill {
   padding-right: 0.6em;
   padding-left: 0.6em;
   border-radius: 10rem;
 }

 .badge-primary {
   color: #fff;
   background-color: #007bff;
 }

 a.badge-primary:hover, a.badge-primary:focus {
   color: #fff;
   background-color: #0062cc;
 }

 a.badge-primary:focus, a.badge-primary.focus {
   outline: 0;
   -webkit-box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
   box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.5);
 }

 .badge-secondary {
   color: #fff;
   background-color: #6c757d;
 }

 a.badge-secondary:hover, a.badge-secondary:focus {
   color: #fff;
   background-color: #545b62;
 }

 a.badge-secondary:focus, a.badge-secondary.focus {
   outline: 0;
   -webkit-box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
   box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
 }

 .badge-success {
   color: #fff;
   background-color: #28a745;
 }

 a.badge-success:hover, a.badge-success:focus {
   color: #fff;
   background-color: #1e7e34;
 }

 a.badge-success:focus, a.badge-success.focus {
   outline: 0;
   -webkit-box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
   box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
 }

 .badge-info {
   color: #fff;
   background-color: #17a2b8;
 }

 a.badge-info:hover, a.badge-info:focus {
   color: #fff;
   background-color: #117a8b;
 }

 a.badge-info:focus, a.badge-info.focus {
   outline: 0;
   -webkit-box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
   box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5);
 }

 .badge-warning {
   color: #212529;
   background-color: #ffc107;
 }

 a.badge-warning:hover, a.badge-warning:focus {
   color: #212529;
   background-color: #d39e00;
 }

 a.badge-warning:focus, a.badge-warning.focus {
   outline: 0;
   -webkit-box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
   box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
 }

 .badge-danger {
   color: #fff;
   background-color: #dc3545;
 }

 a.badge-danger:hover, a.badge-danger:focus {
   color: #fff;
   background-color: #bd2130;
 }

 a.badge-danger:focus, a.badge-danger.focus {
   outline: 0;
   -webkit-box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
   box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5);
 }

 .badge-light {
   color: #212529;
   background-color: #f8f9fa;
 }

 a.badge-light:hover, a.badge-light:focus {
   color: #212529;
   background-color: #dae0e5;
 }

 a.badge-light:focus, a.badge-light.focus {
   outline: 0;
   -webkit-box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
   box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5);
 }

 .badge-dark {
   color: #fff;
   background-color: #343a40;
 }

 a.badge-dark:hover, a.badge-dark:focus {
   color: #fff;
   background-color: #1d2124;
 }

 a.badge-dark:focus, a.badge-dark.focus {
   outline: 0;
   -webkit-box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
   box-shadow: 0 0 0 0.2rem rgba(52, 58, 64, 0.5);
 }

 .jumbotron {
   padding: 2rem 1rem;
   margin-bottom: 2rem;
   background-color: #e9ecef;
   border-radius: 0.3rem;
 }

 @media (min-width: 576px) {
   .jumbotron {
     padding: 4rem 2rem;
   }
 }

 .jumbotron-fluid {
   padding-right: 0;
   padding-left: 0;
   border-radius: 0;
 }

 .alert {
   position: relative;
   padding: 0.75rem 1.25rem;
   margin-bottom: 1rem;
   border: 1px solid transparent;
   border-radius: 0.25rem;
 }

 .alert-heading {
   color: inherit;
 }

 .alert-link {
   font-weight: 700;
 }

 .alert-dismissible {
   padding-right: 4rem;
 }

 .alert-dismissible .close {
   position: absolute;
   top: 0;
   right: 0;
   padding: 0.75rem 1.25rem;
   color: inherit;
 }

 .alert-primary {
   color: #004085;
   background-color: #cce5ff;
   border-color: #b8daff;
 }

 .alert-primary hr {
   border-top-color: #9fcdff;
 }

 .alert-primary .alert-link {
   color: #002752;
 }

 .alert-secondary {
   color: #383d41;
   background-color: #e2e3e5;
   border-color: #d6d8db;
 }

 .alert-secondary hr {
   border-top-color: #c8cbcf;
 }

 .alert-secondary .alert-link {
   color: #202326;
 }

 .alert-success {
   color: #155724;
   background-color: #d4edda;
   border-color: #c3e6cb;
 }

 .alert-success hr {
   border-top-color: #b1dfbb;
 }

 .alert-success .alert-link {
   color: #0b2e13;
 }

 .alert-info {
   color: #0c5460;
   background-color: #d1ecf1;
   border-color: #bee5eb;
 }

 .alert-info hr {
   border-top-color: #abdde5;
 }

 .alert-info .alert-link {
   color: #062c33;
 }

 .alert-warning {
   color: #856404;
   background-color: #fff3cd;
   border-color: #ffeeba;
 }

 .alert-warning hr {
   border-top-color: #ffe8a1;
 }

 .alert-warning .alert-link {
   color: #533f03;
 }

 .alert-danger {
   color: #721c24;
   background-color: #f8d7da;
   border-color: #f5c6cb;
 }

 .alert-danger hr {
   border-top-color: #f1b0b7;
 }

 .alert-danger .alert-link {
   color: #491217;
 }

 .alert-light {
   color: #818182;
   background-color: #fefefe;
   border-color: #fdfdfe;
 }

 .alert-light hr {
   border-top-color: #ececf6;
 }

 .alert-light .alert-link {
   color: #686868;
 }

 .alert-dark {
   color: #1b1e21;
   background-color: #d6d8d9;
   border-color: #c6c8ca;
 }

 .alert-dark hr {
   border-top-color: #b9bbbe;
 }

 .alert-dark .alert-link {
   color: #040505;
 }

 @-webkit-keyframes progress-bar-stripes {
   from {
     background-position: 1rem 0;
   }

   to {
     background-position: 0 0;
   }
 }

 @keyframes progress-bar-stripes {
   from {
     background-position: 1rem 0;
   }

   to {
     background-position: 0 0;
   }
 }

 .progress {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   height: 1rem;
   overflow: hidden;
   line-height: 0;
   font-size: 0.75rem;
   background-color: #e9ecef;
   border-radius: 0.25rem;
 }

 .progress-bar {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   overflow: hidden;
   color: #fff;
   text-align: center;
   white-space: nowrap;
   background-color: #007bff;
   -webkit-transition: width 0.6s ease;
   -o-transition: width 0.6s ease;
   transition: width 0.6s ease;
 }

 @media (prefers-reduced-motion: reduce) {
   .progress-bar {
     -webkit-transition: none;
     -o-transition: none;
     transition: none;
   }
 }

 .progress-bar-striped {
   background-image: -webkit-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-image: -o-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-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 {
   -webkit-animation: progress-bar-stripes 1s linear infinite;
   animation: progress-bar-stripes 1s linear infinite;
 }

 @media (prefers-reduced-motion: reduce) {
   .progress-bar-animated {
     -webkit-animation: none;
     animation: none;
   }
 }

 .media {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
 }

 .media-body {
   -webkit-box-flex: 1;
   -ms-flex: 1;
   flex: 1;
 }

 .list-group {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   padding-left: 0;
   margin-bottom: 0;
   border-radius: 0.25rem;
 }

 .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: #212529;
   background-color: #e9ecef;
 }

 .list-group-item {
   position: relative;
   display: block;
   padding: 0.75rem 1.25rem;
   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: #007bff;
   border-color: #007bff;
 }

 .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 {
   -webkit-box-orient: horizontal;
   -webkit-box-direction: normal;
   -ms-flex-direction: row;
   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 {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-direction: row;
     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 {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-direction: row;
     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 {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-direction: row;
     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 {
     -webkit-box-orient: horizontal;
     -webkit-box-direction: normal;
     -ms-flex-direction: row;
     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;
   }
 }

 .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: #004085;
   background-color: #b8daff;
 }

 .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
   color: #004085;
   background-color: #9fcdff;
 }

 .list-group-item-primary.list-group-item-action.active {
   color: #fff;
   background-color: #004085;
   border-color: #004085;
 }

 .list-group-item-secondary {
   color: #383d41;
   background-color: #d6d8db;
 }

 .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
   color: #383d41;
   background-color: #c8cbcf;
 }

 .list-group-item-secondary.list-group-item-action.active {
   color: #fff;
   background-color: #383d41;
   border-color: #383d41;
 }

 .list-group-item-success {
   color: #155724;
   background-color: #c3e6cb;
 }

 .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
   color: #155724;
   background-color: #b1dfbb;
 }

 .list-group-item-success.list-group-item-action.active {
   color: #fff;
   background-color: #155724;
   border-color: #155724;
 }

 .list-group-item-info {
   color: #0c5460;
   background-color: #bee5eb;
 }

 .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
   color: #0c5460;
   background-color: #abdde5;
 }

 .list-group-item-info.list-group-item-action.active {
   color: #fff;
   background-color: #0c5460;
   border-color: #0c5460;
 }

 .list-group-item-warning {
   color: #856404;
   background-color: #ffeeba;
 }

 .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
   color: #856404;
   background-color: #ffe8a1;
 }

 .list-group-item-warning.list-group-item-action.active {
   color: #fff;
   background-color: #856404;
   border-color: #856404;
 }

 .list-group-item-danger {
   color: #721c24;
   background-color: #f5c6cb;
 }

 .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
   color: #721c24;
   background-color: #f1b0b7;
 }

 .list-group-item-danger.list-group-item-action.active {
   color: #fff;
   background-color: #721c24;
   border-color: #721c24;
 }

 .list-group-item-light {
   color: #818182;
   background-color: #fdfdfe;
 }

 .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
   color: #818182;
   background-color: #ececf6;
 }

 .list-group-item-light.list-group-item-action.active {
   color: #fff;
   background-color: #818182;
   border-color: #818182;
 }

 .list-group-item-dark {
   color: #1b1e21;
   background-color: #c6c8ca;
 }

 .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
   color: #1b1e21;
   background-color: #b9bbbe;
 }

 .list-group-item-dark.list-group-item-action.active {
   color: #fff;
   background-color: #1b1e21;
   border-color: #1b1e21;
 }

 .close {
   float: right;
   font-size: 1.5rem;
   font-weight: 700;
   line-height: 1;
   color: #000;
   text-shadow: 0 1px 0 #fff;
   opacity: .5;
 }

 .close:hover {
   color: #000;
   text-decoration: none;
 }

 .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus {
   opacity: .75;
 }

 button.close {
   padding: 0;
   background-color: transparent;
   border: 0;
 }

 a.close.disabled {
   pointer-events: none;
 }

 .toast {
   max-width: 350px;
   overflow: hidden;
   font-size: 0.875rem;
   background-color: rgba(255, 255, 255, 0.85);
   background-clip: padding-box;
   border: 1px solid rgba(0, 0, 0, 0.1);
   -webkit-box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
   box-shadow: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.1);
   -webkit-backdrop-filter: blur(10px);
   backdrop-filter: blur(10px);
   opacity: 0;
   border-radius: 0.25rem;
 }

 .toast:not(:last-child) {
   margin-bottom: 0.75rem;
 }

 .toast.showing {
   opacity: 1;
 }

 .toast.show {
   display: block;
   opacity: 1;
 }

 .toast.hide {
   display: none;
 }

 .toast-header {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   padding: 0.25rem 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);
 }

 .toast-body {
   padding: 0.75rem;
 }

 .modal-open {
   overflow: hidden;
 }

 .modal-open .modal {
   overflow-x: hidden;
   overflow-y: auto;
 }

 .modal {
   position: fixed;
   top: 0;
   left: 0;
   z-index: 1050;
   display: none;
   width: 100%;
   height: 100%;
   overflow: hidden;
   outline: 0;
 }

 .modal-dialog {
   position: relative;
   width: auto;
   margin: 0.5rem;
   pointer-events: none;
 }

 .modal.fade .modal-dialog {
   -webkit-transition: -webkit-transform 0.3s ease-out;
   transition: -webkit-transform 0.3s ease-out;
   -o-transition: transform 0.3s ease-out;
   transition: transform 0.3s ease-out;
   transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
   -webkit-transform: translate(0, -50px);
   -ms-transform: translate(0, -50px);
   transform: translate(0, -50px);
 }

 @media (prefers-reduced-motion: reduce) {
   .modal.fade .modal-dialog {
     -webkit-transition: none;
     -o-transition: none;
     transition: none;
   }
 }

 .modal.show .modal-dialog {
   -webkit-transform: none;
   -ms-transform: none;
   transform: none;
 }

 .modal.modal-static .modal-dialog {
   -webkit-transform: scale(1.02);
   -ms-transform: scale(1.02);
   transform: scale(1.02);
 }

 .modal-dialog-scrollable {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   max-height: calc(100% - 1rem);
 }

 .modal-dialog-scrollable .modal-content {
   max-height: calc(100vh - 1rem);
   overflow: hidden;
 }

 .modal-dialog-scrollable .modal-header,
 .modal-dialog-scrollable .modal-footer {
   -ms-flex-negative: 0;
   flex-shrink: 0;
 }

 .modal-dialog-scrollable .modal-body {
   overflow-y: auto;
 }

 .modal-dialog-centered {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   min-height: calc(100% - 1rem);
 }

 .modal-dialog-centered::before {
   display: block;
   height: calc(100vh - 1rem);
   height: -webkit-min-content;
   height: -moz-min-content;
   height: min-content;
   content: "";
 }

 .modal-dialog-centered.modal-dialog-scrollable {
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   flex-direction: column;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   height: 100%;
 }

 .modal-dialog-centered.modal-dialog-scrollable .modal-content {
   max-height: none;
 }

 .modal-dialog-centered.modal-dialog-scrollable::before {
   content: none;
 }

 .modal-content {
   position: relative;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
   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: 0.3rem;
   outline: 0;
 }

 .modal-backdrop {
   position: fixed;
   top: 0;
   left: 0;
   z-index: 1040;
   width: 100vw;
   height: 100vh;
   background-color: #000;
 }

 .modal-backdrop.fade {
   opacity: 0;
 }

 .modal-backdrop.show {
   opacity: 0.5;
 }

 .modal-header {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: start;
   -ms-flex-align: start;
   align-items: flex-start;
   -webkit-box-pack: justify;
   -ms-flex-pack: justify;
   justify-content: space-between;
   padding: 1rem 1rem;
   border-bottom: 1px solid #dee2e6;
   border-top-left-radius: calc(0.3rem - 1px);
   border-top-right-radius: calc(0.3rem - 1px);
 }

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

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

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

 .modal-footer {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: end;
   -ms-flex-pack: end;
   justify-content: flex-end;
   padding: 0.75rem;
   border-top: 1px solid #dee2e6;
   border-bottom-right-radius: calc(0.3rem - 1px);
   border-bottom-left-radius: calc(0.3rem - 1px);
 }

 .modal-footer>* {
   margin: 0.25rem;
 }

 .modal-scrollbar-measure {
   position: absolute;
   top: -9999px;
   width: 50px;
   height: 50px;
   overflow: scroll;
 }

 @media (min-width: 576px) {
   .modal-dialog {
     max-width: 500px;
     margin: 1.75rem auto;
   }

   .modal-dialog-scrollable {
     max-height: calc(100% - 3.5rem);
   }

   .modal-dialog-scrollable .modal-content {
     max-height: calc(100vh - 3.5rem);
   }

   .modal-dialog-centered {
     min-height: calc(100% - 3.5rem);
   }

   .modal-dialog-centered::before {
     height: calc(100vh - 3.5rem);
     height: -webkit-min-content;
     height: -moz-min-content;
     height: min-content;
   }

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

 .tooltip {
   position: absolute;
   z-index: 1070;
   display: block;
   margin: 0;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   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 .arrow {
   position: absolute;
   display: block;
   width: 0.8rem;
   height: 0.4rem;
 }

 .tooltip .arrow::before {
   position: absolute;
   content: "";
   border-color: transparent;
   border-style: solid;
 }

 .bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
   padding: 0.4rem 0;
 }

 .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
   bottom: 0;
 }

 .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
   top: 0;
   border-width: 0.4rem 0.4rem 0;
   border-top-color: #000;
 }

 .bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
   padding: 0 0.4rem;
 }

 .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
   left: 0;
   width: 0.4rem;
   height: 0.8rem;
 }

 .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
   right: 0;
   border-width: 0.4rem 0.4rem 0.4rem 0;
   border-right-color: #000;
 }

 .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
   padding: 0.4rem 0;
 }

 .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
   top: 0;
 }

 .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
   bottom: 0;
   border-width: 0 0.4rem 0.4rem;
   border-bottom-color: #000;
 }

 .bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
   padding: 0 0.4rem;
 }

 .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
   right: 0;
   width: 0.4rem;
   height: 0.8rem;
 }

 .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
   left: 0;
   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;
   z-index: 1060;
   display: block;
   max-width: 276px;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   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: 0.3rem;
 }

 .popover .arrow {
   position: absolute;
   display: block;
   width: 1rem;
   height: 0.5rem;
   margin: 0 0.3rem;
 }

 .popover .arrow::before, .popover .arrow::after {
   position: absolute;
   display: block;
   content: "";
   border-color: transparent;
   border-style: solid;
 }

 .bs-popover-top, .bs-popover-auto[x-placement^="top"] {
   margin-bottom: 0.5rem;
 }

 .bs-popover-top>.arrow, .bs-popover-auto[x-placement^="top"]>.arrow {
   bottom: calc(-0.5rem - 1px);
 }

 .bs-popover-top>.arrow::before, .bs-popover-auto[x-placement^="top"]>.arrow::before {
   bottom: 0;
   border-width: 0.5rem 0.5rem 0;
   border-top-color: rgba(0, 0, 0, 0.25);
 }

 .bs-popover-top>.arrow::after, .bs-popover-auto[x-placement^="top"]>.arrow::after {
   bottom: 1px;
   border-width: 0.5rem 0.5rem 0;
   border-top-color: #fff;
 }

 .bs-popover-right, .bs-popover-auto[x-placement^="right"] {
   margin-left: 0.5rem;
 }

 .bs-popover-right>.arrow, .bs-popover-auto[x-placement^="right"]>.arrow {
   left: calc(-0.5rem - 1px);
   width: 0.5rem;
   height: 1rem;
   margin: 0.3rem 0;
 }

 .bs-popover-right>.arrow::before, .bs-popover-auto[x-placement^="right"]>.arrow::before {
   left: 0;
   border-width: 0.5rem 0.5rem 0.5rem 0;
   border-right-color: rgba(0, 0, 0, 0.25);
 }

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

 .bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] {
   margin-top: 0.5rem;
 }

 .bs-popover-bottom>.arrow, .bs-popover-auto[x-placement^="bottom"]>.arrow {
   top: calc(-0.5rem - 1px);
 }

 .bs-popover-bottom>.arrow::before, .bs-popover-auto[x-placement^="bottom"]>.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>.arrow::after, .bs-popover-auto[x-placement^="bottom"]>.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[x-placement^="bottom"] .popover-header::before {
   position: absolute;
   top: 0;
   left: 50%;
   display: block;
   width: 1rem;
   margin-left: -0.5rem;
   content: "";
   border-bottom: 1px solid #f7f7f7;
 }

 .bs-popover-left, .bs-popover-auto[x-placement^="left"] {
   margin-right: 0.5rem;
 }

 .bs-popover-left>.arrow, .bs-popover-auto[x-placement^="left"]>.arrow {
   right: calc(-0.5rem - 1px);
   width: 0.5rem;
   height: 1rem;
   margin: 0.3rem 0;
 }

 .bs-popover-left>.arrow::before, .bs-popover-auto[x-placement^="left"]>.arrow::before {
   right: 0;
   border-width: 0.5rem 0 0.5rem 0.5rem;
   border-left-color: rgba(0, 0, 0, 0.25);
 }

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

 .popover-header {
   padding: 0.5rem 0.75rem;
   margin-bottom: 0;
   font-size: 1rem;
   background-color: #f7f7f7;
   border-bottom: 1px solid #ebebeb;
   border-top-left-radius: calc(0.3rem - 1px);
   border-top-right-radius: calc(0.3rem - 1px);
 }

 .popover-header:empty {
   display: none;
 }

 .popover-body {
   padding: 0.5rem 0.75rem;
   color: #212529;
 }

 .carousel {
   position: relative;
 }

 .carousel.pointer-event {
   -ms-touch-action: pan-y;
   touch-action: pan-y;
 }

 .carousel-inner {
   position: relative;
   width: 100%;
   overflow: hidden;
 }

 .carousel-inner::after {
   display: block;
   clear: both;
   content: "";
 }

 .carousel-item {
   position: relative;
   display: none;
   float: left;
   width: 100%;
   margin-right: -100%;
   -webkit-backface-visibility: hidden;
   backface-visibility: hidden;
   -webkit-transition: -webkit-transform 0.6s ease-in-out;
   transition: -webkit-transform 0.6s ease-in-out;
   -o-transition: transform 0.6s ease-in-out;
   transition: transform 0.6s ease-in-out;
   transition: transform 0.6s ease-in-out, -webkit-transform 0.6s ease-in-out;
 }

 @media (prefers-reduced-motion: reduce) {
   .carousel-item {
     -webkit-transition: none;
     -o-transition: none;
     transition: none;
   }
 }

 .carousel-item.active,
 .carousel-item-next,
 .carousel-item-prev {
   display: block;
 }

 .carousel-item-next:not(.carousel-item-left),
 .active.carousel-item-right {
   -webkit-transform: translateX(100%);
   -ms-transform: translateX(100%);
   transform: translateX(100%);
 }

 .carousel-item-prev:not(.carousel-item-right),
 .active.carousel-item-left {
   -webkit-transform: translateX(-100%);
   -ms-transform: translateX(-100%);
   transform: translateX(-100%);
 }

 .carousel-fade .carousel-item {
   opacity: 0;
   -webkit-transition-property: opacity;
   -o-transition-property: opacity;
   transition-property: opacity;
   -webkit-transform: none;
   -ms-transform: none;
   transform: none;
 }

 .carousel-fade .carousel-item.active,
 .carousel-fade .carousel-item-next.carousel-item-left,
 .carousel-fade .carousel-item-prev.carousel-item-right {
   z-index: 1;
   opacity: 1;
 }

 .carousel-fade .active.carousel-item-left,
 .carousel-fade .active.carousel-item-right {
   z-index: 0;
   opacity: 0;
   -webkit-transition: opacity 0s 0.6s;
   -o-transition: opacity 0s 0.6s;
   transition: opacity 0s 0.6s;
 }

 @media (prefers-reduced-motion: reduce) {

   .carousel-fade .active.carousel-item-left,
   .carousel-fade .active.carousel-item-right {
     -webkit-transition: none;
     -o-transition: none;
     transition: none;
   }
 }

 .carousel-control-prev,
 .carousel-control-next {
   position: absolute;
   top: 0;
   bottom: 0;
   z-index: 1;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-align: center;
   -ms-flex-align: center;
   align-items: center;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   width: 15%;
   color: #fff;
   text-align: center;
   opacity: 0.5;
   -webkit-transition: opacity 0.15s ease;
   -o-transition: opacity 0.15s ease;
   transition: opacity 0.15s ease;
 }

 @media (prefers-reduced-motion: reduce) {

   .carousel-control-prev,
   .carousel-control-next {
     -webkit-transition: none;
     -o-transition: none;
     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: 20px;
   height: 20px;
   background: no-repeat 50% / 100% 100%;
 }

 .carousel-control-prev-icon {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e");
 }

 .carousel-control-next-icon {
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e");
 }

 .carousel-indicators {
   position: absolute;
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 15;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-pack: center;
   -ms-flex-pack: center;
   justify-content: center;
   padding-left: 0;
   margin-right: 15%;
   margin-left: 15%;
   list-style: none;
 }

 .carousel-indicators li {
   -webkit-box-sizing: content-box;
   box-sizing: content-box;
   -webkit-box-flex: 0;
   -ms-flex: 0 1 auto;
   flex: 0 1 auto;
   width: 30px;
   height: 3px;
   margin-right: 3px;
   margin-left: 3px;
   text-indent: -999px;
   cursor: pointer;
   background-color: #fff;
   background-clip: padding-box;
   border-top: 10px solid transparent;
   border-bottom: 10px solid transparent;
   opacity: .5;
   -webkit-transition: opacity 0.6s ease;
   -o-transition: opacity 0.6s ease;
   transition: opacity 0.6s ease;
 }

 @media (prefers-reduced-motion: reduce) {
   .carousel-indicators li {
     -webkit-transition: none;
     -o-transition: none;
     transition: none;
   }
 }

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

 .carousel-caption {
   position: absolute;
   right: 15%;
   bottom: 20px;
   left: 15%;
   z-index: 10;
   padding-top: 20px;
   padding-bottom: 20px;
   color: #fff;
   text-align: center;
 }

 @-webkit-keyframes spinner-border {
   to {
     -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }

 @keyframes spinner-border {
   to {
     -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
   }
 }

 .spinner-border {
   display: inline-block;
   width: 2rem;
   height: 2rem;
   vertical-align: text-bottom;
   border: 0.25em solid currentColor;
   border-right-color: transparent;
   border-radius: 50%;
   -webkit-animation: spinner-border .75s linear infinite;
   animation: spinner-border .75s linear infinite;
 }

 .spinner-border-sm {
   width: 1rem;
   height: 1rem;
   border-width: 0.2em;
 }

 @-webkit-keyframes spinner-grow {
   0% {
     -webkit-transform: scale(0);
     transform: scale(0);
   }

   50% {
     opacity: 1;
     -webkit-transform: none;
     transform: none;
   }
 }

 @keyframes spinner-grow {
   0% {
     -webkit-transform: scale(0);
     transform: scale(0);
   }

   50% {
     opacity: 1;
     -webkit-transform: none;
     transform: none;
   }
 }

 .spinner-grow {
   display: inline-block;
   width: 2rem;
   height: 2rem;
   vertical-align: text-bottom;
   background-color: currentColor;
   border-radius: 50%;
   opacity: 0;
   -webkit-animation: spinner-grow .75s linear infinite;
   animation: spinner-grow .75s linear infinite;
 }

 .spinner-grow-sm {
   width: 1rem;
   height: 1rem;
 }




 .ftco-navbar-light {
   background: transparent !important;
   position: absolute;
   top: -8px;
   left: 0;
   right: 0;
   z-index: 3;
 }

 @media (max-width: 991.98px) {
   .ftco-navbar-light {
     background: #000000 !important;
     position: relative;
     top: 0;
     padding-top: 0;
     padding-bottom: 0;
   }
 }

 .ftco-navbar-light .container {
   width: 1110px;
   margin: 0 auto;
   padding: 0;
 }



 @media (max-width: 991.98px) {
   .ftco-navbar-light .navbar-brand {
     color: #fff;
     padding-top: 1rem;
     padding-bottom: 1rem;
   }
 }

 .ftco-navbar-light .navbar-nav {
   margin-right: 1em;
 }

 @media (max-width: 991.98px) {
   .ftco-navbar-light .navbar-nav {
     padding-bottom: 20px;
     margin-right: 0;
   }
 }

 .ftco-navbar-light .navbar-nav>.nav-item>.nav-link {
   font-size: 15px;
   padding-top: 1.5rem;
   padding-bottom: 1.5rem;
   padding-left: 20px;
   padding-right: 20px;
   color: #fff;
   font-weight: 600;
   opacity: 1 !important;
   text-decoration: none;
 }

 .ftco-navbar-light .navbar-nav>.nav-item>.nav-link:hover,
 .ftco-navbar-light .navbar-nav>.nav-item>.nav-link:focus {
   color: var(--primary) !important;
 }

 @media (max-width: 991.98px) {
   .ftco-navbar-light .navbar-nav>.nav-item>.nav-link {
     padding-left: 0;
     padding-right: 0;
     padding-bottom: 0;
     color: #fff;
   }
 }

 .ftco-navbar-light .navbar-nav>.nav-item .dropdown-menu {
   border: none;
   background: #fff;
   -webkit-box-shadow: 0px 10px 34px -20px rgba(0, 0, 0, 0.41);
   -moz-box-shadow: 0px 10px 34px -20px rgba(0, 0, 0, 0.41);
   box-shadow: 0px 10px 34px -20px rgba(0, 0, 0, 0.41);
 }

 .ftco-navbar-light .navbar-nav>.nav-item.ftco-seperator {
   position: relative;
   margin-left: 20px;
   padding-left: 20px;
 }

 @media (max-width: 991.98px) {
   .ftco-navbar-light .navbar-nav>.nav-item.ftco-seperator {
     padding-left: 0;
     margin-left: 0;
   }
 }

 .ftco-navbar-light .navbar-nav>.nav-item.ftco-seperator:before {
   position: absolute;
   content: "";
   top: 10px;
   bottom: 10px;
   left: 0;
   width: 2px;
   background: rgba(255, 255, 255, 0.05);
 }

 @media (max-width: 991.98px) {
   .ftco-navbar-light .navbar-nav>.nav-item.ftco-seperator:before {
     display: none;
   }
 }

 .ftco-navbar-light .navbar-nav>.nav-item.cta>a {
   color: #fff;
   border: 1px solid var(--primary);
   padding-top: .8rem;
   padding-bottom: .8rem;
   padding-left: 18px;
   padding-right: 18px;
   background: var(--primary);
   margin-top: .5rem;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   -ms-border-radius: 2px;
   border-radius: 2px;
 }

 .ftco-navbar-light .navbar-nav>.nav-item.cta>a span {
   display: inline-block;
   color: #fff;
 }

 .ftco-navbar-light .navbar-nav>.nav-item.cta>a:hover {
   background: var(--primary);
   border: 1px solid var(--primary);
 }

 .ftco-navbar-light .navbar-nav>.nav-item.cta.cta-colored a {
   border: 1px solid #040e26;
   background: #040e26 !important;
 }

 .ftco-navbar-light .navbar-nav>.nav-item.active>a {
   color: var(--primary);
 }

 @media (max-width: 991.98px) {
   .ftco-navbar-light .navbar-nav>.nav-item.active>a {
     color: var(--primary);
   }
 }

 .ftco-navbar-light .navbar-toggler {
   border: none;
   color: rgba(255, 255, 255, 0.5) !important;
   cursor: pointer;
   padding-right: 0;
   text-transform: uppercase;
   font-size: 16px;
   letter-spacing: .1em;
 }

 .ftco-navbar-light .navbar-toggler:hover, .ftco-navbar-light .navbar-toggler:focus {
   text-decoration: none;
   color: var(--primary);
   outline: none !important;
 }

 .ftco-navbar-light.scrolled {
   position: fixed;
   right: 0;
   left: 0;
   top: 0;
   margin-top: -130px;
   background: #fff !important;
   -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
   box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.4);
 }

 @media (max-width: 991.98px) {
   .ftco-navbar-light.scrolled .nav-item>.nav-link {
     padding-left: 0 !important;
     padding-right: 0 !important;
     padding-bottom: 0 !important;
   }
 }

 .ftco-navbar-light.scrolled .nav-item.active>a {
   color: var(--primary) !important;
 }

 .ftco-navbar-light.scrolled .nav-item.cta>a {
   color: #fff !important;
   background: var(--primary);
   border: none !important;
   padding-top: 0.5rem !important;
   padding-bottom: .5rem !important;
   padding-left: 20px !important;
   padding-right: 20px !important;
   margin-top: 6px !important;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   -ms-border-radius: 5px;
   border-radius: 5px;
 }

 .ftco-navbar-light.scrolled .nav-item.cta>a span {
   display: inline-block;
   color: #fff !important;
 }

 .ftco-navbar-light.scrolled .nav-item.cta.cta-colored span {
   border-color: var(--primary);
 }

 @media (max-width: 991.98px) {
   .ftco-navbar-light.scrolled .navbar-nav {
     background: none;
     border-radius: 0px;
     margin-left: 0 !important;
   }
 }

 .ftco-navbar-light.scrolled .navbar-toggler {
   border: none;
   color: rgba(0, 0, 0, 0.5) !important;
   border-color: rgba(0, 0, 0, 0.5) !important;
   cursor: pointer;
   text-transform: uppercase;
   font-size: 16px;
   letter-spacing: .1em;
 }

 .ftco-navbar-light.scrolled .nav-link {
   padding-top: 1rem !important;
   padding-bottom: 1rem !important;
   color: #000000 !important;
 }

 .ftco-navbar-light.scrolled .nav-link.active {
   color: var(--primary) !important;
 }

 .ftco-navbar-light.scrolled.awake {
   margin-top: 0px;
   -webkit-transition: .3s all ease-out;
   -o-transition: .3s all ease-out;
   transition: .3s all ease-out;
 }

 .ftco-navbar-light.scrolled.sleep {
   -webkit-transition: .3s all ease-out;
   -o-transition: .3s all ease-out;
   transition: .3s all ease-out;
 }



 .navbar-brand {
   font-weight: 700;
   font-size: 24px;
   line-height: 1.2;
 }

 .navbar-brand span {
   font-size: 10px;
   font-weight: 600;
   color: rgba(255, 255, 255, 0.9);
   color: var(--primary);
   display: block;
   letter-spacing: 1px;
   text-transform: uppercase;
 }

 .hero-wrap {
   width: 100%;
   height: 100%;
   position: inherit;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center center;
   background-attachment: fixed; 
   justify-content: center; 
 }

 .hero-wrap .overlay {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   content: '';
   opacity: .65;
   background: #232323; 
 }

 .hero-wrap.hero-wrap-2 .overlay {
   width: 100%;
 }

 .slider-text {
   position: relative;

 }

 .slider-text .subheading {
   font-size: 30px;
   color: var(--primary);
   font-family: var(--font-family-monospace)
 }

 .slider-text h1 {
   font-size: 55px;
   color: #fff;
   line-height: 1.2;
   font-weight: 700;
 }

 @media (max-width: 991.98px) {
   .slider-text h1 {
     font-size: 40px;
   }
 }

 @media (max-width: 767.98px) {
   .slider-text h1 {
     font-size: 30px;
   }
 }

 .slider-text p {
   font-size: 20px;
   line-height: 1.5;
   font-weight: 300;
   color: rgba(255, 255, 255, 0.9);
 }

 .slider-text p strong {
   font-weight: 700;
 }

 .slider-text p strong a {
   color: #000000;
 }

 .slider-text p.caps {
   font-weight: 400;
   font-size: 16px;
 }

 .slider-text .breadcrumbs {
   font-size: 16px;
   margin-bottom: 20px;
   z-index: 99;
   font-weight: 400;
 }

 .slider-text .breadcrumbs span {
   color: rgba(255, 255, 255, 0.8);
 }

 .slider-text .breadcrumbs span i {
   color: rgba(255, 255, 255, 0.8);
 }

 .slider-text .breadcrumbs span a {
   color: white;
 }

 .slider-text .breadcrumbs span a:hover, .slider-text .breadcrumbs span a:focus {
   color: var(--primary);
 }

 .slider-text .breadcrumbs span a:hover i, .slider-text .breadcrumbs span a:focus i {
   color: var(--primary);
 }

 .slider-text .bread {
   font-weight: 700;
 }

 .slider-text .icon-video {
   margin: 0 auto 0 0;
 }

 @media (max-width: 767.98px) {
   .slider-text .icon-video {
     position: absolute;
     top: 7em;
     left: 0;
   }
 }

 .icon-video {
   width: 80px;
   height: 80px;
   background: #fff;
   -webkit-animation: pulse 2s infinite;
   animation: pulse 2s infinite;
   -webkit-border-radius: 14%;
   -moz-border-radius: 14%;
   -ms-border-radius: 14%;
   border-radius: 14%;
   -o-border-radius: 14%;
 }

 .icon-video span {
   color: var(--primary);
   font-size: 24px;
 }

 .ftco-search {
   position: relative;
   width: 100%;
   display: block;
   margin-top: -100px;
 }

 .ftco-search .nav-pills {
   display: inline-block;
 }

 .ftco-search .nav-pills p {
   margin-bottom: 0;
 }

 .ftco-search .nav-pills .nav-link {
   padding: 10px 30px !important;
   border-radius: 0;
   margin-bottom: 0;
   color: #fff;
   font-size: 16px;
   font-weight: 700;
   position: relative;
   display: inline-block;
   border: 1px solid transparent;
   background: var(--primary);
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   -ms-border-radius: 5px;
   border-radius: 5px;
 }

 .ftco-search .nav-pills .nav-link:hover {
   color: #fff;
   -moz-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   -webkit-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   transition: all 0.3s ease;
   border: 1px solid transparent;
   background: white;
   background: var(--primary);
 }

 .ftco-search .nav-pills .nav-link:hover:after {
   opacity: 1;
 }

 @media (max-width: 767.98px) {
   .ftco-search .nav-pills .nav-link:hover:after {
     opacity: 0;
   }
 }

 .ftco-search .nav-pills .nav-link.active {
   color: gray;
   -moz-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   -webkit-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   transition: all 0.3s ease;
   border: 1px solid transparent;
   background: white;
   background: #fff;
 }

 .ftco-search .nav-pills .nav-link.active:after {
   opacity: 1;
 }

 @media (max-width: 767.98px) {
   .ftco-search .nav-pills .nav-link.active:after {
     opacity: 0;
   }
 }

 @media (max-width: 767.98px) {
   .ftco-search .nav-pills .nav-link {
     margin-bottom: 5px;
     padding: 7px 10px !important;
     font-size: 14px;
   }
 }

 .ftco-search .tab-content {
   background: #fff;
   -webkit-border-radius: 7px;
   -moz-border-radius: 7px;
   -ms-border-radius: 7px;
   border-radius: 7px;
   margin-top: -7px;
   -webkit-box-shadow: 0px 10px 33px -27px rgba(0, 0, 0, 0.4);
   -moz-box-shadow: 0px 10px 33px -27px rgba(0, 0, 0, 0.4);
   box-shadow: 0px 10px 33px -27px rgba(0, 0, 0, 0.4);
 }

 .search-wrap-1 {
   position: relative;
   background: #fff;
   -webkit-box-shadow: 0px 10px 23px -8px rgba(0, 0, 0, 0.11);
   -moz-box-shadow: 0px 10px 23px -8px rgba(0, 0, 0, 0.11);
   box-shadow: 0px 10px 23px -8px rgba(0, 0, 0, 0.11);
 }

 @media (min-width: 768px) {
   .search-wrap-1.search-wrap-notop {
     margin-top: 0;
   }
 }

 .search-property-1 .form-group {
   position: relative;
   margin-bottom: 0;
   width: 100%;
   border-left: 1px solid rgba(0, 0, 0, 0.1);
 }

 @media (max-width: 767.98px) {
   .search-property-1 .form-group {
     margin-bottom: 0;
     border: none;
   }
 }

 .search-property-1 .form-group label {
   font-weight: 700;
   font-size: 14px;
   color: rgba(0, 0, 0, 0.8);
   color: var(--primary);
   text-transform: uppercase;
 }

 .search-property-1 .form-group .form-field {
   position: relative;
   display: block;
 }

 .search-property-1 .form-group .form-control {
   padding: 0;
   padding-left: 20px;
   display: block;
   width: 100%;
   height: inherit !important;
   font-size: 16px;
   border: none !important;
   color: rgba(0, 0, 0, 0.4) !important;
   background: transparent !important;
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   -ms-border-radius: 0;
   border-radius: 0;
 }

 .search-property-1 .form-group .form-control::-webkit-input-placeholder {
   color: rgba(0, 0, 0, 0.4) !important;
 }

 .search-property-1 .form-group .form-control::-moz-placeholder {
   color: rgba(0, 0, 0, 0.4) !important;
 }

 .search-property-1 .form-group .form-control:-ms-input-placeholder {
   color: rgba(0, 0, 0, 0.4) !important;
 }

 .search-property-1 .form-group .form-control:-moz-placeholder {
   color: rgba(0, 0, 0, 0.4) !important;
 }

 .search-property-1 .form-group .form-control.btn {
   font-size: 16px;
   font-weight: 700;
   text-transform: uppercase;
   background: var(--primary) !important;
   border: none !important;
   color: #fff !important;
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   -ms-border-radius: 0;
   border-radius: 0;
 }

 @media (max-width: 767.98px) {
   .search-property-1 .form-group .form-control.btn {
     padding: 20px;
   }
 }

 .search-property-1 .form-group .select-wrap {
   position: relative;
 }

 .search-property-1 .form-group .select-wrap select {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
 }

 .search-property-1 .form-group .icon {
   position: absolute;
   top: 51%;
   left: 0;
   font-size: 16px;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   color: rgba(0, 0, 0, 0.1);
 }

 @media (max-width: 767.98px) {
   .search-property-1 .form-group .icon {
     right: 10px;
   }
 }

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

 .bg-primary {
   background: var(--primary);
 }

 .btn {
   cursor: pointer;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   -ms-border-radius: 4px;
   border-radius: 4px;
   -webkit-box-shadow: 0px 24px 36px -11px rgba(0, 0, 0, 0.09);
   -moz-box-shadow: 0px 24px 36px -11px rgba(0, 0, 0, 0.09);
   box-shadow: 0px 24px 36px -11px rgba(0, 0, 0, 0.09);
 }

 .btn:hover, .btn:active, .btn:focus {
   outline: none;
 }

 .btn.btn-primary {
   background: var(--primary) !important;
   border: 1px solid var(--primary) !important;
   color: #fff !important;
 }

 .btn.btn-primary:hover {
   border: 1px solid var(--primary);
   background: transparent;
   color: var(--primary);
 }

 .btn.btn-primary.btn-outline-primary {
   border: 1px solid var(--primary);
   background: transparent;
   color: var(--primary);
 }

 .btn.btn-primary.btn-outline-primary:hover {
   border: 1px solid transparent;
   background: var(--primary);
   color: #fff;
 }

 .btn.btn-secondary {
   background: #040e26 !important;
   border: 1px solid #040e26 !important;
   color: #fff !important;
 }

 .btn.btn-secondary:hover {
   border: 1px solid #040e26;
   background: transparent;
   color: #040e26;
 }

 .btn.btn-secondary.btn-outline-secondary {
   border: 1px solid #040e26;
   background: transparent;
   color: #040e26;
 }

 .btn.btn-secondary.btn-outline-secondary:hover {
   border: 1px solid transparent;
   background: #040e26;
   color: #fff;
 }

 .btn.btn-outline-white {
   border-color: rgba(255, 255, 255, 0.8);
   background: none;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   -ms-border-radius: 5px;
   border-radius: 5px;
   border-width: 1px;
   color: #fff;
 }

 .btn.btn-outline-white:hover, .btn.btn-outline-white:focus, .btn.btn-outline-white:active {
   background: #fff;
   border-color: #fff;
   color: var(--primary);
 }

 .ftco-select-destination .container-2 {
   margin: 0 0 0 auto !important;
   max-width: 1290px;
 }

 .project-destination .img {
   display: block;
   width: 100%;
   height: 320px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   -ms-border-radius: 5px;
   border-radius: 5px;
 }

 .project-destination .text {
   padding: 20px;
   position: relative;
   height: 320px;
 }

 .project-destination .text h3 {
   color: #fff;
   font-size: 18px;
   font-weight: 500;
   position: absolute;
   top: 0;
   left: 20px;
   margin-top: -8px;
   padding: 4px 10px;
   background: var(--primary);
 }

 .project-destination .text h3:after, .project-destination .text h3:before {
   position: absolute;
   top: 0;
   content: '';
 }

 .project-destination .text h3:after {
   left: -8px;
   width: 0;
   height: 0;
   border-style: solid;
   border-width: 0 0 8px 8px;
   border-color: transparent transparent #c7390d transparent;
 }

 .project-destination .text h3:before {
   width: 0;
   right: -8px;
   height: 0;
   border-style: solid;
   border-width: 8px 0 0 8px;
   border-color: transparent transparent transparent #c7390d;
 }

 .project-destination .text span {
   position: absolute;
   bottom: 20px;
   right: -5px;
   display: inline-block;
   background: var(--primary);
   padding: 4px 5px 4px 15px;
   border-radius: 20px 0 0 20px;
   color: #fff;
   -moz-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   -webkit-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }

 .project-destination .text span:after {
   position: absolute;
   top: -5px;
   right: 0;
   content: '';
   width: 0;
   height: 0;
   border-style: solid;
   border-width: 5px 0 0 5px;
   border-color: transparent transparent transparent #c7390d;
 }

 .project-destination:hover .text span {
   padding-right: 20px;
   background: var(--primary);
 }

 .project-wrap {
   margin-bottom: 30px;
 }

 .project-wrap .img {
   display: block;
   width: 100%;
   height: 300px;
   position: relative;
   z-index: 0;
 }

 .project-wrap .img .price {
   position: absolute;
   top: -8px;
   left: 20px;
   display: inline-block;
   background: var(--primary);
   color: #fff;
   padding: 8px;
   font-size: 16px;
   font-weight: 500;
   -moz-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   -webkit-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }

 .project-wrap .img .price:after, .project-wrap .img .price:before {
   position: absolute;
   top: 0;
   content: '';
 }

 .project-wrap .img .price:after {
   left: -8px;
   width: 0;
   height: 0;
   border-style: solid;
   border-width: 0 0 8px 8px;
   border-color: transparent transparent #c7390d transparent;
 }

 .project-wrap .img .price:before {
   width: 0;
   right: -8px;
   height: 0;
   border-style: solid;
   border-width: 8px 0 0 8px;
   border-color: transparent transparent transparent #c7390d;
 }

 .project-wrap.hotel .img {
   height: 320px;
 }

 .project-wrap .text {
   margin: 0 auto;
   width: 90%;
   position: relative;
   border-top: none;
   margin-top: -40px;
   background: #fff;
   -webkit-box-shadow: 0px 10px 23px -8px rgba(0, 0, 0, 0.11);
   -moz-box-shadow: 0px 10px 23px -8px rgba(0, 0, 0, 0.11);
   box-shadow: 0px 10px 23px -8px rgba(0, 0, 0, 0.11);
 }

 .project-wrap .text span {
   font-size: 13px;
 }

 .project-wrap .text .days {
   font-size: 12px;
   color: var(--primary);
   text-transform: uppercase;
   font-weight: 700;
 }

 .project-wrap .text h3 {
   font-size: 24px;
   margin-bottom: 0;
   font-weight: 500;
 }

 .project-wrap .text h3 a {
   color: #000000;
 }

 .project-wrap .text ul {
   margin: 0;
   padding: 0;
 }

 .project-wrap .text ul li {
   display: inline-block;
   margin-right: 10px;
   color: #b3b3b3;
 }

 .project-wrap .text ul li span {
   color: var(--primary);
   margin-right: 10px;
   font-size: 20px;
 }

 .project-wrap:hover .text .price {
   padding-left: 15px;
   padding-right: 15px;
   background: #33313b;
 }

 .services {
   -moz-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   -webkit-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }

 .services .icon {
   line-height: 1.3;
   position: relative;
 }

 .services .icon span {
   font-size: 60px;
   color: var(--primary);
 }

 .services .media-body h3 {
   font-size: 18px;
   font-weight: 650;
   font-family: var(--font-family-monospace);
 }

 .services.services-1 {
   width: 100%;
   background: var(--primary);
   padding: 30px;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center center;
   position: relative;
   margin-bottom: 30px;
   z-index: 0;
 }

 .services.services-1:after {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   content: '';
   opacity: .5;
   z-index: -1;
 }

 .services.services-1 .icon {
   width: 115px;
   height: 80px;
   margin-right: -35px;
   margin-bottom: 10px;
   background: var(--primary);
   position: relative;
 }

 .services.services-1 .icon span {
   color: #fff;
   font-size: 50px;
 }

 .services.services-1 .icon:after {
   position: absolute;
   top: -5px;
   right: 0;
   content: '';
   width: 0;
   height: 0;
   border-style: solid;
   border-width: 0 5px 5px 0;
   border-color: transparent transparent #c7390d transparent;
 }

 .services.services-1 .media-body {
   color: rgba(255, 255, 255, 0.8);
 }

 .services.services-1 .media-body h3 {
   color: #fff;
 }

 .services.color-1:after {
   background: var(--secondary);
   opacity: 0.5;
 }

 .services.color-2:after {
   background: #048998;
 }

 .services.color-3:after {
   background: #00a8b5;
 }

 .services.color-4:after {
   background: #ff5959;
 }

 .aside-stretch {
   background: #f48260;
 }

 .aside-stretch:after {
   position: absolute;
   top: 0;
   right: 100%;
   bottom: 0;
   content: '';
   width: 360%;
   background: #f48260;
 }

 @media (max-width: 767.98px) {
   .aside-stretch {
     background: transparent;
   }

   .aside-stretch:after {
     background: transparent;
     display: none;
   }
 }

 .form-control {
   height: 52px !important;
   background: #fff !important;
   color: #000000 !important;
   font-size: 18px;
   border-radius: 5px;
   -webkit-box-shadow: none !important;
   box-shadow: none !important;
 }

 .form-control:focus, .form-control:active {
   border-color: #000000;
 }

 textarea.form-control {
   height: inherit !important;
 }

 .ftco-vh-100 {
   height: 100vh;
 }

 @media (max-width: 1199.98px) {
   .ftco-vh-100 {
     height: inherit;
     padding-top: 5em;
     padding-bottom: 5em;
   }
 }

 .ftco-animate {
   opacity: 0;
   visibility: hidden;
 }

 .bg-primary {
   background: var(--primary) !important;
 }

 .bg-darken {
   background: #33313b !important;
 }

 .ftco-about {
   position: relative;
   z-index: 0;
 }

 .about-bg {
   background-image: url("/images/bg_4.webp");

   display: flex;
   align-items: center;
   justify-content: center;

   /* Create the parallax effect */
   background-attachment: fixed;

   /* Center and cover the container */
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
 }

 .ftco-about .overlay {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   content: '';
   opacity: .45;
   background: #000000;
   z-index: -1;
 }

 .ftco-about .img {
   margin-top: -100px;
   -webkit-box-shadow: 0px 10px 23px -8px rgba(0, 0, 0, 0.11);
   -moz-box-shadow: 0px 10px 23px -8px rgba(0, 0, 0, 0.11);
   box-shadow: 0px 10px 23px -8px rgba(0, 0, 0, 0.11);
   border: 15px solid var(--primary);
   display: flex;
   align-items: center;
   justify-content: center;
   background-attachment: fixed;
   background-position: right;
   background-repeat: no-repeat;
   background-size: contain;
   border-radius: 8px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   -ms-border-radius: 8px;
   -o-border-radius: 8px;
 }

 @media (max-width: 767.98px) {
   .ftco-about .img {
     height: 400px;
   }
 }

 .ftco-about .about-intro {
   width: 100%;
   position: relative;
   z-index: 99;
 }

 .media-custom {
   background: #fff;
 }

 .media-custom .media-body .name {
   font-weight: 500;
   font-size: 16px;
   margin-bottom: 0;
   color: var(--primary);
 }

 .media-custom .media-body .position {
   font-size: 13px;
   color: #d9d9d9;
 }

 .about-author .desc h3 {
   font-size: 20px;
   font-weight: 600;
 }

 .ftco-section {
   padding: 3em 0;
   position: relative;
   width: 100%;
 }

 @media (max-width: 767.98px) {
   .ftco-section {
     padding: 4em 0;
   }
 }

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

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

 .ftco-bg-dark {
   background: #3c312e;
 }

 .ftco-intro {
   color: rgba(255, 255, 255, 0.8);
   z-index: 0;
   overflow: hidden;
 }

 .ftco-intro .img {
   padding: 3em;
   position: relative;
   z-index: 0;
   overflow: hidden;
 }

 @media (max-width: 767.98px) {
   .ftco-intro .img {
     padding: 2em 1em;
   }
 }

 .ftco-intro .img .overlay {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   content: '';
   opacity: .6;
   background: #040e26;
   z-index: -1;
 }

 @media (max-width: 991.98px) {
   .ftco-intro {
     background-position: center center !important;
   }
 }

 .ftco-intro h2 {
   color: #fff;
   font-size: 24px;
   font-weight: 700;
   text-transform: uppercase;
 }

 @media (max-width: 767.98px) {
   .ftco-intro h2 {
     font-size: 20px;
   }
 }

 .ftco-intro h2 span {
   background: var(--primary);
 }

 .ftco-footer {
   font-size: 16px;
   z-index: 0;
   border-top: 1px solid var(--primary);
   background-color: var(--secondary);
 }

 .ftco-footer .ftco-footer-logo {
   text-transform: uppercase;
   letter-spacing: .1em;
 }

 .ftco-footer .ftco-footer-widget h2 {
   font-weight: normal;
   color: var(--primary);
   margin-bottom: 40px;
   font-size: 24px;
   font-weight: 600;
 }

 .ftco-footer .ftco-footer-widget ul li a {
   color: rgba(255, 255, 255, 0.5);
   text-decoration: none;
 }

 .ftco-footer .ftco-footer-widget ul li a span {
   color: rgba(255, 255, 255, 0.1);
 }

 .ftco-footer .ftco-footer-widget .btn-primary {
   background: #fff !important;
   border: 2px solid #fff !important;
 }

 .ftco-footer .ftco-footer-widget .btn-primary:hover {
   background: #fff;
   border: 2px solid #fff !important;
 }

 .ftco-footer p {
   color: rgba(255, 255, 255, 0.5);
 }

 .ftco-footer a {
   color: #FFD700;
   text-decoration: none;
   font-weight: 700;
 }

 .ftco-footer a:hover {
   color: var(--primary);
 }

 .ftco-footer .ftco-heading-2 {
   font-size: 17px;
   font-weight: 400;
   color: white;
 }

 .ftco-footer-social li {
   list-style: none;
   margin: 10px 10px 0 0;
   display: inline-block;
 }

 .ftco-footer-social li a {
   height: 40px;
   width: 40px;
   display: block;
   float: left;
   color: var(--primary);
   border-radius: 5px;
   position: relative;
   background: var(--primary);
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   -ms-border-radius: 5px;
   -o-border-radius: 5px;
 }

 .ftco-footer-social li a span {
   position: absolute;
   font-size: 18px;
   top: 50%;
   left: 50%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   color: #fff !important;
 }

 .ftco-footer-social li a:hover {
   color: var(--primary);
 }

 .footer-small-nav>li {
   display: inline-block;
 }

 .footer-small-nav>li a {
   margin: 0 10px 10px 0;
 }

 .footer-small-nav>li a:hover, .footer-small-nav>li a:focus {
   color: var(--primary);
 }

 .media .ftco-icon {
   width: 100px;
 }

 .media .ftco-icon span {
   color: var(--primary);
 }

 .ftco-media {
   background: #fff;
   border-radius: 0px;
 }

 .ftco-media .heading {
   font-weight: normal;
 }

 .ftco-media.ftco-media-shadow {
   padding: 40px;
   background: #fff;
   -webkit-box-shadow: 0 10px 50px -15px rgba(0, 0, 0, 0.3);
   box-shadow: 0 10px 50px -15px rgba(0, 0, 0, 0.3);
   -webkit-transition: .2s all ease;
   -o-transition: .2s all ease;
   transition: .2s all ease;
   position: relative;
   top: 0;
 }

 .ftco-media.ftco-media-shadow:hover, .ftco-media.ftco-media-shadow:focus {
   top: -3px;
   -webkit-box-shadow: 0 10px 70px -15px rgba(0, 0, 0, 0.3);
   box-shadow: 0 10px 70px -15px rgba(0, 0, 0, 0.3);
 }

 .ftco-media .icon {
   font-size: 50px;
   display: block;
   color: var(--primary);
 }

 .ftco-media.text-center .ftco-icon {
   margin: 0 auto;
 }

 .ftco-overflow-hidden {
   overflow: hidden;
 }

 .padding-top-bottom {
   padding-top: 120px;
   padding-bottom: 120px;
 }

 #map {
   width: 100%;
 }

 @media (max-width: 991.98px) {
   #map {
     height: 300px;
   }
 }

 @-webkit-keyframes pulse {
   0% {
     -webkit-box-shadow: 0 0 0 0 rgba(241, 93, 48, 0.4);
   }

   70% {
     -webkit-box-shadow: 0 0 0 30px rgba(241, 93, 48, 0);
   }

   100% {
     -webkit-box-shadow: 0 0 0 0 rgba(241, 93, 48, 0);
   }
 }

 @keyframes pulse {
   0% {
     -moz-box-shadow: 0 0 0 0 rgba(241, 93, 48, 0.4);
     -webkit-box-shadow: 0 0 0 0 rgba(241, 93, 48, 0.4);
     box-shadow: 0 0 0 0 rgba(241, 93, 48, 0.4);
   }

   70% {
     -moz-box-shadow: 0 0 0 30px rgba(241, 93, 48, 0);
     -webkit-box-shadow: 0 0 0 30px rgba(241, 93, 48, 0);
     box-shadow: 0 0 0 30px rgba(241, 93, 48, 0);
   }

   100% {
     -moz-box-shadow: 0 0 0 0 rgba(241, 93, 48, 0);
     -webkit-box-shadow: 0 0 0 0 rgba(241, 93, 48, 0);
     box-shadow: 0 0 0 0 rgba(241, 93, 48, 0);
   }
 }

 .heading-section .subheading {
   font-size: 30px;
   display: block;
   margin-bottom: 5px;
   color: var(--primary);
   font-family: var(--font-family-monospace)
 }

 .heading-section h2 {
   font-size: 40px;
   font-weight: 600;
   line-height: 1.4;
 }

 .heading-section h2 span {
   font-weight: 400;
 }

 @media (max-width: 767.98px) {
   .heading-section h2 {
     font-size: 28px;
   }
 }

 .heading-section.heading-section-white .subheading {
   color: rgba(255, 255, 255, 0.9);
 }

 .heading-section.heading-section-white h2 {
   font-size: 40px;
   color: #fff;
 }

 .heading-section.heading-section-white p {
   color: rgba(255, 255, 255, 0.9);
 }

 .img,
 .blog-img,
 .user-img {
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center center;
 }

 .bg-bottom {
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
 }

 .testimony-section, .ftco-select-destination {
   position: relative;
 }

 .testimony-section .overlay, .ftco-select-destination .overlay {
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   content: '';
   background: #207ce5;
   background: -moz-linear-gradient(45deg, #207ce5 0%, #13d42a 100%);
   background: -webkit-gradient(left bottom, right top, color-stop(0%, #207ce5), color-stop(100%, #13d42a));
   background: -webkit-linear-gradient(45deg, #207ce5 0%, #13d42a 100%);
   background: -o-linear-gradient(45deg, #207ce5 0%, #13d42a 100%);
   background: -ms-linear-gradient(45deg, #207ce5 0%, #13d42a 100%);
   background: linear-gradient(45deg, var(--secondary)0%, var(--primary)100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#207ce5', endColorstr='#13d42a', GradientType=1);
   opacity: .6;
 }

 .testimony-section .owl-carousel, .ftco-select-destination .owl-carousel {
   margin: 0;
 }

 .testimony-section .owl-carousel .owl-stage-outer, .ftco-select-destination .owl-carousel .owl-stage-outer {
   padding: 1em 0 1em 0;
   position: relative;
 }

 .testimony-section .owl-nav, .ftco-select-destination .owl-nav {
   position: absolute;
   top: 100%;
   width: 100%;
 }

 .testimony-section .owl-nav .owl-prev,
 .testimony-section .owl-nav .owl-next, .ftco-select-destination .owl-nav .owl-prev,
 .ftco-select-destination .owl-nav .owl-next {
   position: absolute;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   margin-top: -10px;
   outline: none !important;
   -moz-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   -webkit-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   transition: all 0.3s ease;
   opacity: 0;
 }

 .testimony-section .owl-nav .owl-prev span:before,
 .testimony-section .owl-nav .owl-next span:before, .ftco-select-destination .owl-nav .owl-prev span:before,
 .ftco-select-destination .owl-nav .owl-next span:before {
   font-size: 30px;
   color: rgba(0, 0, 0, 0.5);
   -moz-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   -webkit-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }

 .testimony-section .owl-nav .owl-prev:hover span:before, .testimony-section .owl-nav .owl-prev:focus span:before,
 .testimony-section .owl-nav .owl-next:hover span:before,
 .testimony-section .owl-nav .owl-next:focus span:before, .ftco-select-destination .owl-nav .owl-prev:hover span:before, .ftco-select-destination .owl-nav .owl-prev:focus span:before,
 .ftco-select-destination .owl-nav .owl-next:hover span:before,
 .ftco-select-destination .owl-nav .owl-next:focus span:before {
   color: #fff;
 }

 .testimony-section .owl-nav .owl-prev, .ftco-select-destination .owl-nav .owl-prev {
   left: 50%;
   margin-left: -80px;
 }

 .testimony-section .owl-nav .owl-next, .ftco-select-destination .owl-nav .owl-next {
   right: 50%;
   margin-right: -80px;
 }

 .testimony-section:hover .owl-nav .owl-prev,
 .testimony-section:hover .owl-nav .owl-next, .ftco-select-destination:hover .owl-nav .owl-prev,
 .ftco-select-destination:hover .owl-nav .owl-next {
   opacity: 1;
 }

 .testimony-section:hover .owl-nav .owl-prev, .ftco-select-destination:hover .owl-nav .owl-prev {
   left: 50%;
   margin-left: -80px;
 }

 .testimony-section:hover .owl-nav .owl-next, .ftco-select-destination:hover .owl-nav .owl-next {
   right: 50%;
   margin-right: -80px;
 }

 .testimony-section .owl-dots, .ftco-select-destination .owl-dots {
   text-align: center;
 }

 .testimony-section .owl-dots .owl-dot, .ftco-select-destination .owl-dots .owl-dot {
   width: 10px;
   height: 10px;
   margin: 5px;
   border-radius: 50%;
   background: rgba(0, 0, 0, 0.1);
 }

 .testimony-section .owl-dots .owl-dot.active, .testimony-section .owl-dots .owl-dot:focus, .ftco-select-destination .owl-dots .owl-dot.active, .ftco-select-destination .owl-dots .owl-dot:focus {
   background: var(--primary);
   outline: none;
 }

 .testimony-wrap {
   display: block;
   position: relative;
   background: white;
   padding: 0 20px;
   border: 1px solid rgba(0, 0, 0, 0.02);
   -webkit-box-shadow: 0px 5px 21px -14px rgba(0, 0, 0, 0.14);
   -moz-box-shadow: 0px 5px 21px -14px rgba(0, 0, 0, 0.14);
   box-shadow: 0px 5px 21px -14px rgba(0, 0, 0, 0.14);
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   -ms-border-radius: 5px;
   border-radius: 5px;
 }

 .testimony-wrap .user-img {
   width: 80px;
   height: 80px;
   position: relative;
   border-radius: 50% 0 50% 50%;
   -webkit-border-radius: 50% 0 50% 50%;
   -moz-border-radius: 50% 0 50% 50%;
   -ms-border-radius: 50% 0 50% 50%;
   -o-border-radius: 50% 0 50% 50%;
 }

 .testimony-wrap .name {
   font-weight: 500;
   font-size: 18px;
   margin-bottom: 0;
   color: #000000;
 }

 .testimony-wrap .position {
   font-size: 16px;
   color: #cccccc;
   color: var(--primary);
 }

 .testimony-wrap .text .star {
   color: #FFD700;
 }

 .star {
   color: var(--primary);
 }

 @media (max-width: 767.98px) {
   .about-image {
     height: 400px;
     margin-bottom: 30px;
   }
 }

 .image-popup {
   cursor: -webkit-zoom-in;
   cursor: -moz-zoom-in;
   cursor: zoom-in;
 }

 .mfp-with-zoom .mfp-container,
 .mfp-with-zoom.mfp-bg {
   opacity: 0;
   -webkit-backface-visibility: hidden;
   -webkit-transition: all 0.3s ease-out;
   -moz-transition: all 0.3s ease-out;
   -o-transition: all 0.3s ease-out;
   transition: all 0.3s ease-out;
 }

 .mfp-with-zoom.mfp-ready .mfp-container {
   opacity: 1;
 }

 .mfp-with-zoom.mfp-ready.mfp-bg {
   opacity: 0.8;
 }

 .mfp-with-zoom.mfp-removing .mfp-container,
 .mfp-with-zoom.mfp-removing.mfp-bg {
   opacity: 0;
 }

 #section-counter {
   position: relative;
   z-index: 0;
 }

 #section-counter:after {
   position: absolute;
   top: 0;
   left: 0;
   bottom: 0;
   right: 0;
   content: '';
   z-index: -1;
   opacity: 0;
   background: #000000;
 }

 @media (max-width: 1199.98px) {
   .ftco-counter {
     background-position: center center !important;
   }
 }

 .ftco-counter .img {
   display: block;
   width: 100%;
 }

 @media (max-width: 767.98px) {
   .ftco-counter .img {
     height: 400px;
     background-position: top center !important;
   }
 }

 .ftco-counter .text strong.number {
   font-weight: 600;
   font-size: 28px;
   color: var(--primary);
 }

 .ftco-counter .text span {
   display: block;
   font-size: 14px;
   color: rgba(0, 0, 0, 0.7);
   margin-bottom: 10px;
 }

 .ftco-counter .icon {
   width: 70px;
   height: 70px;
   margin: 0 auto;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   -ms-border-radius: 50%;
   border-radius: 50%;
 }

 .ftco-counter .icon span {
   color: #fff;
   font-size: 48px;
   background: #207ce5;
   background: -moz-linear-gradient(45deg, #207ce5 0%, #13d42a 100%);
   background: -webkit-gradient(left bottom, right top, color-stop(0%, #207ce5), color-stop(100%, #13d42a));
   background: -webkit-linear-gradient(45deg, #207ce5 0%, #13d42a 100%);
   background: -o-linear-gradient(45deg, #207ce5 0%, #13d42a 100%);
   background: -ms-linear-gradient(45deg, #207ce5 0%, #13d42a 100%);
   background: linear-gradient(45deg, #207ce5 0%, #13d42a 100%);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#207ce5', endColorstr='#13d42a', GradientType=1);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
 }

 @media (max-width: 767.98px) {
   .ftco-counter .counter-wrap {
     margin-bottom: 20px;
   }
 }

 .block-20 {
   overflow: hidden;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center center;
   position: relative;
   display: block;
   width: 100%;
   height: 270px;
   z-index: -1;
 }

 .blog-entry {
   position: relative;
   z-index: 0;
 }

 @media (min-width: 768px) {
   .blog-entry {
     margin-bottom: 30px;
   }
 }

 @media (max-width: 767.98px) {
   .blog-entry {
     margin-bottom: 30px;
   }
 }

 .blog-entry .text {
   width: 90%;
   margin: 0 auto;
   z-index: 1;
   margin-top: -40px;
   background: #fff;
   -webkit-box-shadow: 0px 10px 23px -8px rgba(0, 0, 0, 0.11);
   -moz-box-shadow: 0px 10px 23px -8px rgba(0, 0, 0, 0.11);
   box-shadow: 0px 10px 23px -8px rgba(0, 0, 0, 0.11);
   padding: 20px;
 }

 .blog-entry .text .heading {
   font-size: 18px;
   margin-bottom: 16px;
   font-weight: 600;
 }

 .blog-entry .text .heading a {
   color: #000000;
 }

 .blog-entry .text .heading a:hover, .blog-entry .text .heading a:focus, .blog-entry .text .heading a:active {
   color: var(--primary);
 }

 .blog-entry .meta>div {
   display: inline-block;
   margin-right: 5px;
   margin-bottom: 0;
   font-size: 14px;
 }

 .blog-entry .meta>div a {
   color: gray;
   font-size: 15px;
 }

 .blog-entry .meta>div a:hover {
   color: #666666;
 }

 .blog-entry .topp {
   position: absolute;
   top: -7px;
   left: 20px;
   padding: 5px 15px;
   background: var(--primary);
 }

 .blog-entry .topp:after, .blog-entry .topp:before {
   position: absolute;
   top: 0;
   content: '';
 }

 .blog-entry .topp:after {
   left: -7px;
   width: 0;
   height: 0;
   border-style: solid;
   border-width: 0 0 7px 7px;
   border-color: transparent transparent #c7390d transparent;
 }

 .blog-entry .topp:before {
   width: 0;
   right: -7px;
   height: 0;
   border-style: solid;
   border-width: 7px 0 0 7px;
   border-color: transparent transparent transparent #c7390d;
 }

 .blog-entry .one {
   width: 55px;
 }

 .blog-entry .two {
   width: calc(100% - 55px);
 }

 .blog-entry span.day {
   font-size: 50px;
   font-weight: 300;
   color: #fff;
   line-height: 1;
 }

 .blog-entry span.yr, .blog-entry span.mos {
   display: block;
   font-size: 13px;
   line-height: 1.4;
   color: rgba(255, 255, 255, 0.8);
 }

 .block-23 ul {
   padding: 0;
 }

 .block-23 ul li, .block-23 ul li>a {
   display: table;
   line-height: 1.5;
   margin-bottom: 15px;
 }

 .block-23 ul li span {
   color: rgba(0, 0, 0, 0.7);
 }

 .block-23 ul li .icon, .block-23 ul li .text {
   display: table-cell;
   vertical-align: top;
   color: white !important;
 }

 .block-23 ul li .icon {
   width: 40px;
   font-size: 18px;
   padding-top: 2px;
   color: var(--primary) !important;
 }

 .block-27 ul {
   padding: 0;
   margin: 0;
 }

 .block-27 ul li {
   display: inline-block;
   margin-bottom: 4px;
   font-weight: 400;
 }

 .block-27 ul li a, .block-27 ul li span {
   color: #000000;
   text-align: center;
   display: inline-block;
   width: 40px;
   height: 40px;
   line-height: 40px;
   border-radius: 50%;
   border: 1px solid #e6e6e6;
 }

 .block-27 ul li.active a, .block-27 ul li.active span, .block-27 ul li:hover a, .block-27 ul li:hover span {
   background: #33313b;
   color: #fff;
   border: 1px solid transparent;
 }

 .contact-section .contact-info p a {
   color: #1a1a1a;
 }

 .contact-section .box {
   width: 100%;
   display: block;
   background: rgba(0, 0, 0, 0.05);
 }

 .contact-section .box .icon {
   width: 100px;
   height: 100px;
   background: var(--primary);
   margin: 0 auto;
   margin-bottom: 15px;
   -webkit-border-radius: 50%;
   -moz-border-radius: 50%;
   -ms-border-radius: 50%;
   border-radius: 50%;
 }

 .contact-section .box .icon span {
   color: #fff;
   font-size: 30px;
 }

 .contact-section .box h3 {
   font-size: 18px;
   font-weight: 600;
   color: var(--primary);
 }

 .contact-section .contact-form {
   width: 100%;
 }

 .block-9 .form-control {
   outline: none !important;
   -webkit-box-shadow: none !important;
   box-shadow: none !important;
   font-size: 15px;
 }

 .block-21 .blog-img {
   display: block;
   height: 80px;
   width: 80px;
 }

 .block-21 .text {
   width: calc(100% - 90px);
 }

 .block-21 .text .heading {
   font-size: 18px;
   font-weight: 500;
 }

 .block-21 .text .heading a {
   color: #000000;
 }

 .block-21 .text .heading a:hover, .block-21 .text .heading a:active, .block-21 .text .heading a:focus {
   color: var(--primary);
 }

 .block-21 .text .meta>div {
   display: inline-block;
   font-size: 12px;
   margin-right: 5px;
 }

 .block-21 .text .meta>div a {
   color: gray;
 }

 /* Blog*/
 .post-info {
   font-size: 12px;
   text-transform: uppercase;
   font-weight: bold;
   color: #fff;
   letter-spacing: .1em;
 }

 .post-info>div {
   display: inline-block;
 }

 .post-info>div .seperator {
   display: inline-block;
   margin: 0 10px;
   opacity: .5;
 }

 .tagcloud a {
   text-transform: uppercase;
   display: inline-block;
   padding: 4px 10px;
   margin-bottom: 7px;
   margin-right: 4px;
   border-radius: 4px;
   color: #000000;
   border: 1px solid #ccc;
   font-size: 11px;
 }

 .tagcloud a:hover {
   border: 1px solid #000;
 }

 .comment-form-wrap {
   clear: both;
 }

 .comment-list {
   padding: 0;
   margin: 0;
 }

 .comment-list .children {
   padding: 50px 0 0 40px;
   margin: 0;
   float: left;
   width: 100%;
 }

 .comment-list li {
   padding: 0;
   margin: 0 0 30px 0;
   float: left;
   width: 100%;
   clear: both;
   list-style: none;
 }

 .comment-list li .vcard {
   width: 80px;
   float: left;
 }

 .comment-list li .vcard img {
   width: 50px;
   border-radius: 50%;
 }

 .comment-list li .comment-body {
   float: right;
   width: calc(100% - 80px);
 }

 .comment-list li .comment-body h3 {
   font-size: 16px;
   font-weight: 600;
 }

 .comment-list li .comment-body .meta {
   text-transform: uppercase;
   font-size: 13px;
   letter-spacing: .1em;
   color: #ccc;
   font-weight: 500;
   color: var(--primary);
   display: block;
   margin-bottom: 10px;
 }

 .comment-list li .comment-body .reply {
   padding: 5px 10px;
   background: #e6e6e6;
   color: #fff;
   text-transform: uppercase;
   font-size: 11px;
   letter-spacing: .1em;
   font-weight: 500;
   border-radius: 4px;
   background: var(--primary);
 }

 .comment-list li .comment-body .reply:hover {
   color: #fff;
   background: black;
 }

 .search-form .form-group {
   position: relative;
 }

 .search-form .form-group input {
   padding-right: 50px;
   font-size: 14px;
   border: none;
 }

 .search-form .icon {
   position: absolute;
   top: 50%;
   right: 20px;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
 }

 .sidebar-wrap {
   margin-bottom: 60px;
 }

 .sidebar-wrap .heading {
   font-size: 18px;
   text-transform: uppercase;
 }

 .sidebar-wrap .fields {
   width: 100%;
   position: relative;
 }

 .sidebar-wrap .fields .form-control {
   -webkit-box-shadow: none !important;
   box-shadow: none !important;
   border: transparent;
   background: #fff !important;
   color: #4d4d4d !important;
   border: 1px solid #e6e6e6;
   font-size: 14px;
   width: 100%;
   height: 52px !important;
   padding: 10px 20px;
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   -ms-border-radius: 0;
   border-radius: 0;
 }

 .sidebar-wrap .fields .form-control::-webkit-input-placeholder {
   /* Chrome/Opera/Safari */
   color: #4d4d4d;
 }

 .sidebar-wrap .fields .form-control::-moz-placeholder {
   /* Firefox 19+ */
   color: #4d4d4d;
 }

 .sidebar-wrap .fields .form-control:-ms-input-placeholder {
   /* IE 10+ */
   color: #4d4d4d;
 }

 .sidebar-wrap .fields .form-control:-moz-placeholder {
   /* Firefox 18- */
   color: #4d4d4d;
 }

 .sidebar-wrap .fields .icon {
   position: absolute;
   top: 50%;
   right: 30px;
   font-size: 14px;
   -webkit-transform: translateY(-50%);
   -ms-transform: translateY(-50%);
   transform: translateY(-50%);
   color: rgba(0, 0, 0, 0.7);
 }

 @media (max-width: 767.98px) {
   .sidebar-wrap .fields .icon {
     right: 10px;
   }
 }

 .sidebar-wrap .fields .select-wrap {
   position: relative;
 }

 .sidebar-wrap .fields .select-wrap select {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
 }

 .sidebar-wrap .form-group .btn {
   width: 100%;
   display: block !important;
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;
   -ms-border-radius: 2px;
   border-radius: 2px;
 }

 .sidebar-box {
   margin-bottom: 30px;
   padding: 10px;
   font-size: 15px;
   width: 100%;
 }

 .sidebar-box *:last-child {
   margin-bottom: 0;
 }

 .sidebar-box h3 {
   font-size: 18px;
   margin-bottom: 15px;
   font-weight: 700;
 }

 .categories li, .sidelink li {
   position: relative;
   margin-bottom: 10px;
   padding-bottom: 10px;
   border-bottom: 1px solid #dee2e6;
   list-style: none;
 }

 .categories li:last-child, .sidelink li:last-child {
   margin-bottom: 0;
   border-bottom: none;
   padding-bottom: 0;
 }

 .categories li a, .sidelink li a {
   display: block;
   color: #1a1a1a;
 }

 .categories li a span, .sidelink li a span {
   position: absolute;
   right: 0;
   top: 0;
   color: #ccc;
 }

 .categories li.active a, .sidelink li.active a {
   color: #000000;
   font-style: italic;
 }

 #ftco-loader {
   position: fixed;
   width: 96px;
   height: 96px;
   left: 50%;
   top: 50%;
   -webkit-transform: translate(-50%, -50%);
   -ms-transform: translate(-50%, -50%);
   transform: translate(-50%, -50%);
   background-color: rgba(255, 255, 255, 0.9);
   -webkit-box-shadow: 0px 24px 64px rgba(0, 0, 0, 0.24);
   box-shadow: 0px 24px 64px rgba(0, 0, 0, 0.24);
   border-radius: 16px;
   opacity: 0;
   visibility: hidden;
   -webkit-transition: opacity .2s ease-out, visibility 0s linear .2s;
   -o-transition: opacity .2s ease-out, visibility 0s linear .2s;
   transition: opacity .2s ease-out, visibility 0s linear .2s;
   z-index: 1000;
 }

 #ftco-loader.fullscreen {
   padding: 0;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   -webkit-transform: none;
   -ms-transform: none;
   transform: none;
   background-color: #fff;
   border-radius: 0;
   -webkit-box-shadow: none;
   box-shadow: none;
   align-items: center;
   justify-content: center;
   display: flex;
 }

 #ftco-loader.show {
   -webkit-transition: opacity .4s ease-out, visibility 0s linear 0s;
   -o-transition: opacity .4s ease-out, visibility 0s linear 0s;
   transition: opacity .4s ease-out, visibility 0s linear 0s;
   visibility: visible;
   opacity: 1;
 }

 .field {
   display: flex;
   align-items: center;
   justify-content: space-around;
   position: absolute;
   z-index: 500;
   bottom: 10%;
   right: 49%;
 }

 .scroll {
   width: 60px;
   height: 60px;
   border: 2px solid var(--primary);
   border-radius: 14%;
   position: relative;
   animation: down 1.5s infinite;
   -webkit-animation: down 1.5s infinite;
   -webkit-border-radius: 14%;
   -moz-border-radius: 14%;
   -ms-border-radius: 14%;
   -o-border-radius: 14%;
 }

 .scroll::before {
   content: "";
   position: absolute;
   top: 15px;
   left: 18px;
   width: 18px;
   height: 18px;
   border-left: 2px solid whitesmoke;
   border-bottom: 2px solid whitesmoke;
   transform: rotate(-45deg);
 }

 @keyframes down {
   0% {
     transform: translate(0);
   }

   20% {
     transform: translateY(15px);
   }

   40% {
     transform: translate(0);
   }
 }

 @-webkit-keyframes down {
   0% {
     transform: translate(0);
   }

   20% {
     transform: translateY(15px);
   }

   40% {
     transform: translate(0);
   }
 }

 .loader {
   --cell-size: 46px;
   --cell-spacing: 4px;
   --cells: 3;
   --total-size: calc(var(--cells) * (var(--cell-size) + 2 * var(--cell-spacing)));
   display: flex;
   flex-wrap: wrap;
   width: var(--total-size);
   height: var(--total-size);
 }

 .cell {
   flex: 0 0 var(--cell-size);
   margin: var(--cell-spacing);
   background-color: transparent;
   box-sizing: border-box;
   border-radius: 8px;
   animation: 1.5s ripple ease infinite;
   -webkit-animation: 1.5s ripple ease infinite;
 }

 .cell.d-1 {
   animation-delay: 100ms;
 }

 .cell.d-2 {
   animation-delay: 200ms;
 }

 .cell.d-3 {
   animation-delay: 300ms;
 }

 .cell.d-4 {
   animation-delay: 400ms;
 }

 .cell:nth-child(1) {
   --cell-color: var(--primary);
 }

 .cell:nth-child(2) {
   --cell-color: var(--primary);
 }

 .cell:nth-child(3) {
   --cell-color: #a64540;
 }

 .cell:nth-child(4) {
   --cell-color: var(--primary);
 }

 .cell:nth-child(5) {
   --cell-color: #a64540;
 }

 .cell:nth-child(6) {
   --cell-color: #572d2b;
 }

 .cell:nth-child(7) {
   --cell-color: #a64540;
 }

 .cell:nth-child(8) {
   --cell-color: #572d2b;
 }

 .cell:nth-child(9) {
   --cell-color: var(--secondary);
 }

 /*Animation*/
 @keyframes ripple {
   0% {
     background-color: transparent;
   }

   30% {
     background-color: var(--cell-color);
   }

   60% {
     background-color: transparent;
   }

   100% {
     background-color: transparent;
   }
 }

 .card-service p {
   color: var(--primary);
   font-size: var(--font-family-monospace);
   font-weight: 650;
   font-size: 24px;
   line-height: 26px;
   text-align: center;
 }

 .card-service p.small {
   font-size: 14px;
 }


 .go-corner {
   display: flex;
   align-items: center;
   justify-content: center;
   position: absolute;
   width: 32px;
   height: 32px;
   overflow: hidden;
   top: 0;
   right: 0;
   background-color: var(--primary);
   border-radius: 0 4px 0 32px;
 }

 .go-arrow {
   margin-top: -4px;
   margin-right: -4px;
   color: white;
   font-family: courier, sans;
 }

 .card1 {
   position: relative;
   max-width: 160px;

   border-radius: 4px;
   padding: 18px;
   margin: 12px;
   text-decoration: none;
   z-index: 0;
   overflow: hidden;
   height: clamp(210px, 200px, 220px);
   background: rgba(255, 255, 255, 0.3);
   border-radius: 16px;
   box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
   backdrop-filter: blur(2.5px);
   -webkit-backdrop-filter: blur(2.5px);
   border: 1px solid rgba(255, 255, 255, 0.8);
   display: flex;
   justify-content: center;
   align-items: center;
   flex-direction: column;
 }

 .card1:before {
   content: "";
   position: absolute;
   z-index: -1;
   top: -16px;
   right: -16px;
   background: var(--primary);
   height: 32px;
   width: 32px;
   border-radius: 32px;
   transform: scale(1);
   transform-origin: 50% 50%;
   transition: transform 0.25s ease-out;
 }

 .card1 svg {
   width: 53px;
   margin: auto auto 14px auto;


 }

 .card1 svg .cls-1 {
   fill: #343a40;
 }


 .card1 svg .cls-2 {
   fill: #d94038;
 }

 .card1:hover:before {
   transform: scale(21);
 }

 .card1:hover p {
   transition: all 0.3s ease-out;
   color: rgb(255, 255, 255);
 }

 .card1:hover h3 {
   transition: all 0.3s ease-out;
   color: #fff;
 }

 .card1:hover svg .cls-2 {
   fill: white;
   transition: 0.2 all ease-in;
   -webkit-transition: 0.2 all ease-in;
   -moz-transition: 0.2 all ease-in;
   -ms-transition: 0.2 all ease-in;
   -o-transition: 0.2 all ease-in;
 }

 /* the abput sections */
 #about {
   background: url("/images/bg_3.webp");
 }


 /* the FAQ*/

 .FAQcontainer {
   margin: 0 auto;
   padding: 4rem;
   width: 48rem;
 }

 .FAQcontainer h2 {
   margin-bottom: 32px;
   color: var(--primary);
 }

 .accordion .accordion-item {
   border-bottom: 1px solid #e5e5e5;
 }

 .accordion .accordion-item button[aria-expanded=true] {
   border-bottom: 1px solid var(--primary);
 }

 .accordion button {
   position: relative;
   display: block;
   text-align: right;
   width: 100%;
   padding: 1em 1.5em;
   color: #00499f;
   font-size: 1.15rem;
   font-weight: 400;
   border: none;
   background: none;
   outline: none;
   ;
 }

 .accordion button:hover, .accordion button:focus {
   cursor: pointer;
   color: var(--primary);
   font-weight: 750;
 }

 .accordion button:hover::after, .accordion button:focus::after {
   cursor: pointer;
   color: #03b5d2;
   border: 1px solid #03b5d2;
 }

 .accordion button .accordion-title {
   padding: 1em 1.5em 1em 0;

   color: var(--secondary);
   font-size: 1.15rem;
   font-weight: 600;
 }

 .accordion button .icon {
   display: inline-block;
   position: absolute;
   top: 18px;
   left: 24px;
   width: 22px;
   height: 22px;
   border: 1px solid var(--primary);
   border-radius: 22px;
 }

 .accordion button .icon::before {
   display: block;
   position: absolute;
   content: "";
   top: 9px;
   left: 5px;
   width: 10px;
   height: 2px;
   background: var(--primary);
 }

 .accordion button .icon::after {
   display: block;
   position: absolute;
   content: "";
   top: 5px;
   left: 9px;
   width: 2px;
   height: 10px;
   background: var(--primary);
 }

 .accordion button[aria-expanded=true] {
   color: var(--primary);
 }

 .accordion button[aria-expanded=true] .icon::after {
   width: 0;
 }

 .accordion button[aria-expanded=true]+.accordion-content {
   opacity: 1;
   max-height: 9em;
   transition: all 200ms linear;
   will-change: opacity, max-height;
 }

 .accordion .accordion-content {
   opacity: 0;
   max-height: 0;
   overflow: hidden;
   transition: opacity 200ms linear, max-height 200ms linear;
   will-change: opacity, max-height;
 }

 .accordion .accordion-content p {
   font-size: 1rem;
   font-weight: 450;
   margin: 2em 0.5em;
 }

 .form-basin {
   font-family: var(--font-family-monospace);
   padding: 40px 20px 40px 20px;
   font-size: 16px;
   font-weight: 400;
   background-color: transparent;
 }

 .form-basin form {
   margin: auto;
   max-width: 600px;
 }

 .form-basin label {
   display: block;
   margin-bottom: 8px;
   text-align: start;
   font-weight: 600;
   color: var(--secondary);
 }

 .form-basin input,
 .form-basin textarea,
 .form-basin select {
   width: 100%;
   padding: 12px;
   margin-bottom: 16px;
   font-family: inherit;
   border: 1px solid #ccc;
   border-radius: 4px;
   box-sizing: border-box;
   transition: border-color 0.3s;
 }

 .form-basin input:focus,
 .form-basin textarea:focus,
 .form-basin select:focus {
   border-color: #007bff;
   outline: none;
 }

 .form-basin button {
   background-color: #007bff;
   color: white;
   padding: 10px 20px;
   border: none;
   border-radius: 4px;
   cursor: pointer;
   font-weight: 500;
   letter-spacing: 1px;
   transition: background-color 0.3s;
 }

 .form-basin button:hover {
   filter: brightness(85%);
 }

 .form-basin ::placeholder {
   font-family: inherit;
   opacity: 0.7;
   text-align: right;
 }

 .form-basin input[type='checkbox'] {
   margin-right: 8px;
   width: auto;
 }

 .form-basin fieldset {
   border: 1px solid #ccc;
   padding: 10px;
   margin-bottom: 16px;
   border-radius: 4px;
 }

 .form-basin legend {
   padding: 0 10px;
   font-weight: bold;
   font-size: 1em;
 }

 .form-basin input[type='radio'] {
   margin-right: 8px;
   margin-top: 4px;
   width: auto;
   cursor: pointer;
 }

 .form-basin .radio-label {
   display: inline-block;
   margin-right: 15px;
   cursor: pointer;
 }

 .form-basin .radio-group {
   margin-bottom: 16px;
 }

 .form-basin .donation-type {
   margin-bottom: 16px;
 }

 .form-basin .donation-type span {
   font-weight: 500;
   margin-right: 10px;
 }

 .form-basin input[type='number'] {
   -webkit-appearance: textfield;
   -moz-appearance: textfield;
   appearance: textfield;
 }

 .form-basin input[type='number']::-webkit-inner-spin-button,
 .form-basin input[type='number']::-webkit-outer-spin-button {
   -webkit-appearance: none;
   margin: 0;
 }

 .form-basin .form-check {
   display: flex;
   align-items: center;
   margin-bottom: 16px;
 }

 .form-basin .form-check-input {
   margin-top: 14px;
   margin-right: 10px;
   cursor: pointer;
 }

 .form-basin .form-check-label {
   margin-bottom: 0;
   cursor: pointer;
 }

 @media (max-width: 576px) {
   .FAQcontainer {
     width: 80dvw;
     padding: 1rem;
   }
 }