/*!
 * Bootstrap v4.5.0 (https://getbootstrap.com/)
 * Copyright 2011-2020 The Bootstrap Authors
 * Copyright 2011-2020 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

 @import url(../vendor/ion-range/ion.rangeSlider.min.css);

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

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

 article,
 aside,
 figcaption,
 figure,
 footer,
 header,
 hgroup,
 main,
 nav,
 section {
     display: block;
 }

 body {
     margin: 0;
     font-weight: 400;
     line-height: 1.5;
 }

 hr {
     box-sizing: content-box;
     height: 0;
     overflow: visible;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     margin-top: 0;
     margin-bottom: 0.5rem;
 }

 p {
     margin-top: 0;
     margin-bottom: 1rem;
 }

 ol,
 ul,
 dl {
     margin-top: 0;
     margin-bottom: 1rem;
 }

 ol ol,
 ul ul,
 ol ul,
 ul ol {
     margin-bottom: 0;
 }

 b,
 strong {
     font-weight: bolder;
 }

 img {
     vertical-align: middle;
     border-style: none;
 }

 input,
 button,
 select,
 optgroup,
 textarea {
     margin: 0;
     font-family: inherit;
     font-size: inherit;
     line-height: inherit;
 }

 button,
 input {
     overflow: visible;
 }

 select {
     word-wrap: normal;
 }

 button:not(:disabled),
 [type=button]:not(:disabled),
 [type=reset]:not(:disabled),
 [type=submit]:not(:disabled) {
     cursor: pointer;
 }

 button::-moz-focus-inner,
 [type=button]::-moz-focus-inner,
 [type=reset]::-moz-focus-inner,
 [type=submit]::-moz-focus-inner {
     padding: 0;
     border-style: none;
 }

 input[type=radio],
 input[type=checkbox] {
     box-sizing: border-box;
     padding: 0;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 .h1,
 .h2,
 .h3,
 .h4,
 .h5,
 .h6 {
     margin-bottom: 0.5rem;
     font-weight: 500;
     line-height: 1.2;
 }

 h1,
 .h1 {
     font-size: 2.5rem;
 }

 h2,
 .h2 {
     font-size: 2rem;
 }

 h3,
 .h3 {
     font-size: 1.75rem;
 }

 h4,
 .h4 {
     font-size: 1.5rem;
 }

 h5,
 .h5 {
     font-size: 1.25rem;
 }

 h6,
 .h6 {
     font-size: 1rem;
 }

 .img-fluid {
     max-width: 100%;
     height: auto;
 }

 .container {
     width: 100%;
     padding-right: 15px;
     padding-left: 15px;
     margin-right: auto;
     margin-left: auto;
 }

 @media (min-width: 576px) {
     .container {
         max-width: 540px;
     }
 }

 @media (min-width: 768px) {
     .container {
         max-width: 720px;
     }
 }

 @media (min-width: 992px) {
     .container {
         max-width: 960px;
     }
 }

 @media (min-width: 1200px) {
     .container {
         max-width: 1140px;
     }
 }

 .container-fluid,
 .container-sm,
 .container-md,
 .container-lg,
 .container-xl {
     width: 100%;
     padding-right: 15px;
     padding-left: 15px;
     margin-right: auto;
     margin-left: auto;
 }

 @media (min-width: 576px) {

     .container,
     .container-sm {
         max-width: 540px;
     }
 }

 @media (min-width: 768px) {

     .container,
     .container-sm,
     .container-md {
         max-width: 720px;
     }
 }

 @media (min-width: 992px) {

     .container,
     .container-sm,
     .container-md,
     .container-lg {
         max-width: 960px;
     }
 }

 @media (min-width: 1200px) {

     .container,
     .container-sm,
     .container-md,
     .container-lg,
     .container-xl {
         max-width: 1140px;
     }
 }

 .row {
     display: -ms-flexbox;
     display: flex;
     -ms-flex-wrap: wrap;
     flex-wrap: wrap;
     margin-right: -15px;
     margin-left: -15px;
 }

 .no-gutters {
     margin-right: 0;
     margin-left: 0;
 }

 .no-gutters>.col,
 .no-gutters>[class*=col-] {
     padding-right: 0;
     padding-left: 0;
 }

 .col-1,
 .col-2,
 .col-3,
 .col-4,
 .col-5,
 .col-6,
 .col-7,
 .col-8,
 .col-9,
 .col-10,
 .col-11,
 .col-12,
 .col,
 .col-auto,
 .col-sm-1,
 .col-sm-2,
 .col-sm-3,
 .col-sm-4,
 .col-sm-5,
 .col-sm-6,
 .col-sm-7,
 .col-sm-8,
 .col-sm-9,
 .col-sm-10,
 .col-sm-11,
 .col-sm-12,
 .col-sm,
 .col-sm-auto,
 .col-md-1,
 .col-md-2,
 .col-md-3,
 .col-md-4,
 .col-md-5,
 .col-md-6,
 .col-md-7,
 .col-md-8,
 .col-md-9,
 .col-md-10,
 .col-md-11,
 .col-md-12,
 .col-md,
 .col-md-auto,
 .col-lg-1,
 .col-lg-2,
 .col-lg-3,
 .col-lg-4,
 .col-lg-5,
 .col-lg-6,
 .col-lg-7,
 .col-lg-8,
 .col-lg-9,
 .col-lg-10,
 .col-lg-11,
 .col-lg-12,
 .col-lg,
 .col-lg-auto,
 .col-xl-1,
 .col-xl-2,
 .col-xl-3,
 .col-xl-4,
 .col-xl-5,
 .col-xl-6,
 .col-xl-7,
 .col-xl-8,
 .col-xl-9,
 .col-xl-10,
 .col-xl-11,
 .col-xl-12,
 .col-xl,
 .col-xl-auto {
     position: relative;
     width: 100%;
     padding-right: 15px;
     padding-left: 15px;
 }

 .col {
     -ms-flex-preferred-size: 0;
     flex-basis: 0;
     -ms-flex-positive: 1;
     flex-grow: 1;
     min-width: 0;
     max-width: 100%;
 }

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

 .col-1 {
     -ms-flex: 0 0 8.333333%;
     flex: 0 0 8.333333%;
     max-width: 8.333333%;
 }

 .col-2 {
     -ms-flex: 0 0 16.666667%;
     flex: 0 0 16.666667%;
     max-width: 16.666667%;
 }

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

 .col-4 {
     -ms-flex: 0 0 33.333333%;
     flex: 0 0 33.333333%;
     max-width: 33.333333%;
 }

 .col-5 {
     -ms-flex: 0 0 41.666667%;
     flex: 0 0 41.666667%;
     max-width: 41.666667%;
 }

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

 .col-7 {
     -ms-flex: 0 0 58.333333%;
     flex: 0 0 58.333333%;
     max-width: 58.333333%;
 }

 .col-8 {
     -ms-flex: 0 0 66.666667%;
     flex: 0 0 66.666667%;
     max-width: 66.666667%;
 }

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

 .col-10 {
     -ms-flex: 0 0 83.333333%;
     flex: 0 0 83.333333%;
     max-width: 83.333333%;
 }

 .col-11 {
     -ms-flex: 0 0 91.666667%;
     flex: 0 0 91.666667%;
     max-width: 91.666667%;
 }

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

 @media (min-width: 576px) {
     .col-sm {
         -ms-flex-preferred-size: 0;
         flex-basis: 0;
         -ms-flex-positive: 1;
         flex-grow: 1;
         min-width: 0;
         max-width: 100%;
     }

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

     .col-sm-1 {
         -ms-flex: 0 0 8.333333%;
         flex: 0 0 8.333333%;
         max-width: 8.333333%;
     }

     .col-sm-2 {
         -ms-flex: 0 0 16.666667%;
         flex: 0 0 16.666667%;
         max-width: 16.666667%;
     }

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

     .col-sm-4 {
         -ms-flex: 0 0 33.333333%;
         flex: 0 0 33.333333%;
         max-width: 33.333333%;
     }

     .col-sm-5 {
         -ms-flex: 0 0 41.666667%;
         flex: 0 0 41.666667%;
         max-width: 41.666667%;
     }

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

     .col-sm-7 {
         -ms-flex: 0 0 58.333333%;
         flex: 0 0 58.333333%;
         max-width: 58.333333%;
     }

     .col-sm-8 {
         -ms-flex: 0 0 66.666667%;
         flex: 0 0 66.666667%;
         max-width: 66.666667%;
     }

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

     .col-sm-10 {
         -ms-flex: 0 0 83.333333%;
         flex: 0 0 83.333333%;
         max-width: 83.333333%;
     }

     .col-sm-11 {
         -ms-flex: 0 0 91.666667%;
         flex: 0 0 91.666667%;
         max-width: 91.666667%;
     }

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

 @media (min-width: 768px) {
     .col-md {
         -ms-flex-preferred-size: 0;
         flex-basis: 0;
         -ms-flex-positive: 1;
         flex-grow: 1;
         min-width: 0;
         max-width: 100%;
     }

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

     .col-md-1 {
         -ms-flex: 0 0 8.333333%;
         flex: 0 0 8.333333%;
         max-width: 8.333333%;
     }

     .col-md-2 {
         -ms-flex: 0 0 16.666667%;
         flex: 0 0 16.666667%;
         max-width: 16.666667%;
     }

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

     .col-md-4 {
         -ms-flex: 0 0 33.333333%;
         flex: 0 0 33.333333%;
         max-width: 33.333333%;
     }

     .col-md-5 {
         -ms-flex: 0 0 41.666667%;
         flex: 0 0 41.666667%;
         max-width: 41.666667%;
     }

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

     .col-md-7 {
         -ms-flex: 0 0 58.333333%;
         flex: 0 0 58.333333%;
         max-width: 58.333333%;
     }

     .col-md-8 {
         -ms-flex: 0 0 66.666667%;
         flex: 0 0 66.666667%;
         max-width: 66.666667%;
     }

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

     .col-md-10 {
         -ms-flex: 0 0 83.333333%;
         flex: 0 0 83.333333%;
         max-width: 83.333333%;
     }

     .col-md-11 {
         -ms-flex: 0 0 91.666667%;
         flex: 0 0 91.666667%;
         max-width: 91.666667%;
     }

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

 @media (min-width: 992px) {
     .col-lg {
         -ms-flex-preferred-size: 0;
         flex-basis: 0;
         -ms-flex-positive: 1;
         flex-grow: 1;
         min-width: 0;
         max-width: 100%;
     }

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

     .col-lg-1 {
         -ms-flex: 0 0 8.333333%;
         flex: 0 0 8.333333%;
         max-width: 8.333333%;
     }

     .col-lg-2 {
         -ms-flex: 0 0 16.666667%;
         flex: 0 0 16.666667%;
         max-width: 16.666667%;
     }

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

     .col-lg-4 {
         -ms-flex: 0 0 33.333333%;
         flex: 0 0 33.333333%;
         max-width: 33.333333%;
     }

     .col-lg-5 {
         -ms-flex: 0 0 41.666667%;
         flex: 0 0 41.666667%;
         max-width: 41.666667%;
     }

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

     .col-lg-7 {
         -ms-flex: 0 0 58.333333%;
         flex: 0 0 58.333333%;
         max-width: 58.333333%;
     }

     .col-lg-8 {
         -ms-flex: 0 0 66.666667%;
         flex: 0 0 66.666667%;
         max-width: 66.666667%;
     }

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

     .col-lg-10 {
         -ms-flex: 0 0 83.333333%;
         flex: 0 0 83.333333%;
         max-width: 83.333333%;
     }

     .col-lg-11 {
         -ms-flex: 0 0 91.666667%;
         flex: 0 0 91.666667%;
         max-width: 91.666667%;
     }

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

 @media (min-width: 1200px) {
     .col-xl {
         -ms-flex-preferred-size: 0;
         flex-basis: 0;
         -ms-flex-positive: 1;
         flex-grow: 1;
         min-width: 0;
         max-width: 100%;
     }

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

     .col-xl-1 {
         -ms-flex: 0 0 8.333333%;
         flex: 0 0 8.333333%;
         max-width: 8.333333%;
     }

     .col-xl-2 {
         -ms-flex: 0 0 16.666667%;
         flex: 0 0 16.666667%;
         max-width: 16.666667%;
     }

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

     .col-xl-4 {
         -ms-flex: 0 0 33.333333%;
         flex: 0 0 33.333333%;
         max-width: 33.333333%;
     }

     .col-xl-5 {
         -ms-flex: 0 0 41.666667%;
         flex: 0 0 41.666667%;
         max-width: 41.666667%;
     }

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

     .col-xl-7 {
         -ms-flex: 0 0 58.333333%;
         flex: 0 0 58.333333%;
         max-width: 58.333333%;
     }

     .col-xl-8 {
         -ms-flex: 0 0 66.666667%;
         flex: 0 0 66.666667%;
         max-width: 66.666667%;
     }

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

     .col-xl-10 {
         -ms-flex: 0 0 83.333333%;
         flex: 0 0 83.333333%;
         max-width: 83.333333%;
     }

     .col-xl-11 {
         -ms-flex: 0 0 91.666667%;
         flex: 0 0 91.666667%;
         max-width: 91.666667%;
     }

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

 .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;
     transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
 }

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

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

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

 textarea.form-control {
     height: auto;
 }

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

 .fade {
     transition: opacity 0.15s linear;
 }

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

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

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

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

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

 @media (min-width: 576px) {
     .d-sm-none {
         display: none !important;
     }

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

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

 @media (min-width: 768px) {
     .d-md-none {
         display: none !important;
     }

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

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

 @media (min-width: 992px) {
     .d-lg-none {
         display: none !important;
     }

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

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

 @media (min-width: 1200px) {
     .d-xl-none {
         display: none !important;
     }

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

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

 @media print {
     .d-print-none {
         display: none !important;
     }

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

     .d-print-flex {
         display: -ms-flexbox !important;
         display: flex !important;
     }
 }

 .justify-content-center {
     -ms-flex-pack: center !important;
     justify-content: center !important;
 }

 .justify-content-between {
     justify-content: space-between !important;
 }

 .align-items-center {
     -ms-flex-align: center !important;
     align-items: center !important;
 }

 .align-items-start {
     align-items: start !important;
 }

 .w-100 {
     width: 100% !important;
 }

 .h-100 {
     height: 100% !important;
 }

 .m-0 {
     margin: 0 !important;
 }

 .p-0 {
     padding: 0 !important;
 }

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

 @media print {

     *,
     *::before,
     *::after {
         text-shadow: none !important;
         box-shadow: none !important;
     }

     abbr[title]::after {
         content: " (" attr(title) ")";
     }

     pre {
         white-space: pre-wrap !important;
     }

     pre,
     blockquote {
         border: 1px solid #adb5bd;
         page-break-inside: avoid;
     }

     thead {
         display: table-header-group;
     }

     tr,
     img {
         page-break-inside: avoid;
     }

     p,
     h2,
     h3 {
         orphans: 3;
         widows: 3;
     }

     h2,
     h3 {
         page-break-after: avoid;
     }

     @page {
         size: a3;
     }

     body {
         min-width: 992px !important;
     }

     .container {
         min-width: 992px !important;
     }
 }

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

 .modal-open {
     overflow: hidden;
 }

 .modal {
     position: fixed;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 1050;
     display: none;
     overflow: hidden;
     outline: 0;
 }

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

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

 .modal.fade .modal-dialog {
     transition: -webkit-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, -25%);
     transform: translate(0, -25%);
 }

 .modal.show .modal-dialog {
     -webkit-transform: translate(0, 0);
     transform: translate(0, 0);
 }

 .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-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;
     right: 0;
     bottom: 0;
     left: 0;
     z-index: 1040;
     background-color: #141414;
 }

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

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

 .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;
     border-bottom: 1px solid #e9ecef;
     border-top-left-radius: 0.3rem;
     border-top-right-radius: 0.3rem;
 }

 .modal-header .close {
     padding: 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;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: end;
     -ms-flex-pack: end;
     justify-content: flex-end;
     padding: 1rem;
     border-top: 1px solid #e9ecef;
 }

 .modal-footer> :not(:first-child) {
     margin-left: 0.25rem;
 }

 .modal-footer> :not(:last-child) {
     margin-right: 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-centered {
         min-height: calc(100% - 3.5rem);
     }

     .modal-sm {
         max-width: 300px;
     }
 }

 @media (min-width: 992px) {
     .modal-lg {
         max-width: 800px;
     }
 }

 .table-sm td,
 .table-sm th {
     padding: 0.3rem;
 }

 .table-bordered {
     border: 1px solid #dee2e6;
 }

 .table-bordered td,
 .table-bordered th {
     border: 1px solid #dee2e6;
 }

 .table-bordered thead td,
 .table-bordered thead th {
     border-bottom-width: 2px;
 }

 .table-borderless tbody+tbody,
 .table-borderless td,
 .table-borderless th,
 .table-borderless thead th {
     border: 0;
 }

 .table-striped tbody tr:nth-of-type(odd) {
     background-color: rgba(0, 0, 0, 0.05);
 }

 .table-hover tbody tr:hover {
     background-color: rgba(0, 0, 0, 0.075);
 }

 .table-primary,
 .table-primary>td,
 .table-primary>th {
     background-color: #b8daff;
 }

 .table-hover .table-primary:hover {
     background-color: #9fcdff;
 }

 .table-hover .table-primary:hover>td,
 .table-hover .table-primary:hover>th {
     background-color: #9fcdff;
 }

 .table-secondary,
 .table-secondary>td,
 .table-secondary>th {
     background-color: #d6d8db;
 }

 .table-hover .table-secondary:hover {
     background-color: #c8cbcf;
 }

 .table-hover .table-secondary:hover>td,
 .table-hover .table-secondary:hover>th {
     background-color: #c8cbcf;
 }

 .table-success,
 .table-success>td,
 .table-success>th {
     background-color: #c3e6cb;
 }

 .table-hover .table-success:hover {
     background-color: #b1dfbb;
 }

 .table-hover .table-success:hover>td,
 .table-hover .table-success:hover>th {
     background-color: #b1dfbb;
 }

 .table-info,
 .table-info>td,
 .table-info>th {
     background-color: #bee5eb;
 }

 .table-hover .table-info:hover {
     background-color: #abdde5;
 }

 .table-hover .table-info:hover>td,
 .table-hover .table-info:hover>th {
     background-color: #abdde5;
 }

 .table-warning,
 .table-warning>td,
 .table-warning>th {
     background-color: #ffeeba;
 }

 .table-hover .table-warning:hover {
     background-color: #ffe8a1;
 }

 .table-hover .table-warning:hover>td,
 .table-hover .table-warning:hover>th {
     background-color: #ffe8a1;
 }

 .table-danger,
 .table-danger>td,
 .table-danger>th {
     background-color: #f5c6cb;
 }

 .table-hover .table-danger:hover {
     background-color: #f1b0b7;
 }

 .table-hover .table-danger:hover>td,
 .table-hover .table-danger:hover>th {
     background-color: #f1b0b7;
 }

 .table-light,
 .table-light>td,
 .table-light>th {
     background-color: #fdfdfe;
 }

 .table-hover .table-light:hover {
     background-color: #ececf6;
 }

 .table-hover .table-light:hover>td,
 .table-hover .table-light:hover>th {
     background-color: #ececf6;
 }

 .table-dark,
 .table-dark>td,
 .table-dark>th {
     background-color: #c6c8ca;
 }

 .table-hover .table-dark:hover {
     background-color: #b9bbbe;
 }

 .table-hover .table-dark:hover>td,
 .table-hover .table-dark:hover>th {
     background-color: #b9bbbe;
 }

 .table-active,
 .table-active>td,
 .table-active>th {
     background-color: rgba(0, 0, 0, 0.075);
 }

 .table-hover .table-active:hover {
     background-color: rgba(0, 0, 0, 0.075);
 }

 .table-hover .table-active:hover>td,
 .table-hover .table-active:hover>th {
     background-color: rgba(0, 0, 0, 0.075);
 }

 .table .thead-dark th {
     color: #fff;
     background-color: #212529;
     border-color: #32383e;
 }

 .table .thead-light th {
     color: #495057;
     background-color: #e9ecef;
     border-color: #dee2e6;
 }

 .table-dark {
     color: #fff;
     background-color: #212529;
 }

 .table-dark td,
 .table-dark th,
 .table-dark thead th {
     border-color: #32383e;
 }

 .table-dark.table-bordered {
     border: 0;
 }

 .table-dark.table-striped tbody tr:nth-of-type(odd) {
     background-color: rgba(255, 255, 255, 0.05);
 }

 .table-dark.table-hover tbody tr:hover {
     background-color: rgba(255, 255, 255, 0.075);
 }

 @media (max-width: 575.98px) {
     .table-responsive-sm {
         display: block;
         width: 100%;
         overflow-x: auto;
         -webkit-overflow-scrolling: touch;
         -ms-overflow-style: -ms-autohiding-scrollbar;
     }

     .table-responsive-sm>.table-bordered {
         border: 0;
     }
 }

 @media (max-width: 767.98px) {
     .table-responsive-md {
         display: block;
         width: 100%;
         overflow-x: auto;
         -webkit-overflow-scrolling: touch;
         -ms-overflow-style: -ms-autohiding-scrollbar;
     }

     .table-responsive-md>.table-bordered {
         border: 0;
     }
 }

 @media (max-width: 991.98px) {
     .table-responsive-lg {
         display: block;
         width: 100%;
         overflow-x: auto;
         -webkit-overflow-scrolling: touch;
         -ms-overflow-style: -ms-autohiding-scrollbar;
     }

     .table-responsive-lg>.table-bordered {
         border: 0;
     }
 }

 @media (max-width: 1199.98px) {
     .table-responsive-xl {
         display: block;
         width: 100%;
         overflow-x: auto;
         -webkit-overflow-scrolling: touch;
         -ms-overflow-style: -ms-autohiding-scrollbar;
     }

     .table-responsive-xl>.table-bordered {
         border: 0;
     }
 }

 .table-responsive {
     display: block;
     width: 100%;
     overflow-x: auto;
     -webkit-overflow-scrolling: touch;
     -ms-overflow-style: -ms-autohiding-scrollbar;
 }

 .table-responsive>.table-bordered {
     border: 0;
 }

 .collapse:not(.show) {
     display: none;
 }

 .collapse:not(.show) {
     display: none;
 }

 .collapsing {
     height: 0;
     overflow: hidden;
     transition: height 0.35s ease;
 }

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

 .accordion-button {
     position: relative;
     display: flex;
     align-items: center;
     width: 100%;
     padding: 1rem 1.25rem;
     font-size: 1rem;
     color: #212529;
     text-align: left;
     background-color: #fff;
     border: 0;
     border-radius: 0;
     overflow-anchor: none;
     transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
 }

 @media (prefers-reduced-motion: reduce) {
     .accordion-button {
         transition: none;
     }
 }

 .accordion-button:not(.collapsed) {
     color: #0c63e4;
     background-color: #e7f1ff;
     box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.125);
 }

 .accordion-button:not(.collapsed)::after {
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%230c63e4'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
     transform: rotate(-180deg);
 }

 .accordion-button::after {
     flex-shrink: 0;
     width: 1.25rem;
     height: 1.25rem;
     margin-left: auto;
     content: "";
     background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
     background-repeat: no-repeat;
     background-size: 1.25rem;
     transition: transform 0.2s ease-in-out;
 }

 @media (prefers-reduced-motion: reduce) {
     .accordion-button::after {
         transition: none;
     }
 }

 .accordion-button:hover {
     z-index: 2;
 }

 .accordion-button:focus {
     z-index: 3;
     border-color: #86b7fe;
     outline: 0;
     box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
 }

 .accordion-header {
     margin-bottom: 0;
 }

 .accordion-item {
     background-color: #fff;
     border: 1px solid rgba(0, 0, 0, 0.125);
 }

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

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

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

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

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

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

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

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

 .accordion-flush .accordion-item {
     border-right: 0;
     border-left: 0;
     border-radius: 0;
 }

 .accordion-flush .accordion-item:first-child {
     border-top: 0;
 }

 .accordion-flush .accordion-item:last-child {
     border-bottom: 0;
 }

 .accordion-flush .accordion-item .accordion-button {
     border-radius: 0;
 }

 @-webkit-keyframes fadeIn {
     0% {
         opacity: 0;
     }

     to {
         opacity: 1;
     }
 }

 @keyframes fadeIn {
     0% {
         opacity: 0;
     }

     to {
         opacity: 1;
     }
 }

 .fadeIn {
     -webkit-animation-name: fadeIn;
     animation-name: fadeIn;
 }

 @-webkit-keyframes fadeInDown {
     0% {
         -webkit-transform: translate3d(0, -100%, 0);
         opacity: 0;
         transform: translate3d(0, -100%, 0);
     }

     to {
         -webkit-transform: translateZ(0);
         opacity: 1;
         transform: translateZ(0);
     }
 }

 @keyframes fadeInDown {
     0% {
         -webkit-transform: translate3d(0, -100%, 0);
         opacity: 0;
         transform: translate3d(0, -100%, 0);
     }

     to {
         -webkit-transform: translateZ(0);
         opacity: 1;
         transform: translateZ(0);
     }
 }

 .fadeInDown {
     -webkit-animation-name: fadeInDown;
     animation-name: fadeInDown;
 }

 @keyframes fadeInLeft {
     0% {
         -webkit-transform: translate3d(-100%, 0, 0);
         opacity: 0;
         transform: translate3d(-100%, 0, 0);
     }

     to {
         -webkit-transform: translateZ(0);
         opacity: 1;
         transform: translateZ(0);
     }
 }

 .fadeInLeft {
     -webkit-animation-name: fadeInLeft;
     animation-name: fadeInLeft;
 }

 @-webkit-keyframes fadeInRight {
     0% {
         -webkit-transform: translate3d(100%, 0, 0);
         opacity: 0;
         transform: translate3d(100%, 0, 0);
     }

     to {
         -webkit-transform: translateZ(0);
         opacity: 1;
         transform: translateZ(0);
     }
 }

 @keyframes fadeInRight {
     0% {
         -webkit-transform: translate3d(100%, 0, 0);
         opacity: 0;
         transform: translate3d(100%, 0, 0);
     }

     to {
         -webkit-transform: translateZ(0);
         opacity: 1;
         transform: translateZ(0);
     }
 }

 .fadeInRight {
     -webkit-animation-name: fadeInRight;
     animation-name: fadeInRight;
 }

 @-webkit-keyframes fadeInUp {
     0% {
         -webkit-transform: translate3d(0, 100%, 0);
         opacity: 0;
         transform: translate3d(0, 100%, 0);
     }

     to {
         -webkit-transform: translateZ(0);
         opacity: 1;
         transform: translateZ(0);
     }
 }

 @keyframes fadeInUp {
     0% {
         -webkit-transform: translate3d(0, 100%, 0);
         opacity: 0;
         transform: translate3d(0, 100%, 0);
     }

     to {
         -webkit-transform: translateZ(0);
         opacity: 1;
         transform: translateZ(0);
     }
 }

 .fadeInUp {
     -webkit-animation-name: fadeInUp;
     animation-name: fadeInUp;
 }

 .animated {
     -webkit-animation-duration: 1s;
     -webkit-animation-fill-mode: both;
     animation-duration: 1s;
     animation-fill-mode: both;
 }

 @media (prefers-reduced-motion),
 (print) {
     .animated {
         -webkit-animation: unset !important;
         -webkit-transition: none !important;
         animation: unset !important;
         transition: none !important;
     }
 }

 /*--------------------------------------------------------------
           # Start Owl Carousel
           --------------------------------------------------------------*/
 .owl-carousel,
 .owl-carousel .owl-item {
     -webkit-tap-highlight-color: transparent;
     position: relative;
 }

 .owl-carousel {
     display: none;
     width: 100%;
     z-index: 1;
 }

 .owl-carousel .owl-stage {
     position: relative;
     -ms-touch-action: pan-Y;
     touch-action: manipulation;
     -moz-backface-visibility: hidden;
 }

 .owl-carousel .owl-stage:after {
     content: ".";
     display: block;
     clear: both;
     visibility: hidden;
     line-height: 0;
     height: 0;
 }

 .owl-carousel .owl-stage-outer {
     position: relative;
     overflow: hidden;
     -webkit-transform: translate3d(0, 0, 0);
 }

 .owl-carousel .owl-item,
 .owl-carousel .owl-wrapper {
     -webkit-backface-visibility: hidden;
     -moz-backface-visibility: hidden;
     -ms-backface-visibility: hidden;
     -webkit-transform: translate3d(0, 0, 0);
     -moz-transform: translate3d(0, 0, 0);
     -ms-transform: translate3d(0, 0, 0);
 }

 .owl-carousel .owl-item {
     min-height: 1px;
     float: left;
     -webkit-backface-visibility: hidden;
     -webkit-touch-callout: none;
 }

 .owl-carousel .owl-item img {
     display: block;
     width: 100%;
 }

 .owl-carousel .owl-dots.disabled,
 .owl-carousel .owl-nav.disabled {
     display: none;
 }

 .no-js .owl-carousel,
 .owl-carousel.owl-loaded {
     display: block;
 }

 .owl-carousel .owl-dot,
 .owl-carousel .owl-nav .owl-next,
 .owl-carousel .owl-nav .owl-prev {
     -webkit-user-select: none;
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
 }

 .owl-carousel .owl-nav button.owl-next,
 .owl-carousel .owl-nav button.owl-prev,
 .owl-carousel button.owl-dot {
     padding: 0 !important;
     font: inherit;
     display:none;
 }

 .owl-carousel.owl-loading {
     opacity: 0;
     display: block;
 }

 .owl-carousel.owl-hidden {
     opacity: 0;
 }

 .owl-carousel.owl-refresh .owl-item {
     visibility: hidden;
 }

 .owl-carousel.owl-drag .owl-item {
     -ms-touch-action: pan-y;
     touch-action: pan-y;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
 }

 .owl-carousel.owl-grab {
     cursor: move;
     cursor: grab;
 }

 .owl-carousel.owl-rtl {
     direction: rtl;
 }

 .owl-carousel.owl-rtl .owl-item {
     float: right;
 }

 .owl-carousel .animated {
     animation-duration: 1s;
     animation-fill-mode: both;
 }

 .owl-carousel .owl-animated-in {
     z-index: 0;
 }

 .owl-carousel .owl-animated-out {
     z-index: 1;
 }

 .owl-carousel .fadeOut {
     animation-name: fadeOut;
 }

 @keyframes fadeOut {
     0% {
         opacity: 1;
     }

     100% {
         opacity: 0;
     }
 }

 .owl-height {
     transition: height 0.5s ease-in-out;
 }

 .owl-carousel .owl-item .owl-lazy {
     opacity: 0;
     transition: opacity 0.4s ease;
 }

 .owl-carousel .owl-item .owl-lazy:not([src]),
 .owl-carousel .owl-item .owl-lazy[src^=""] {
     max-height: 0;
 }

 .owl-carousel .owl-item img.owl-lazy {
     transform-style: preserve-3d;
 }

 .owl-carousel .owl-video-wrapper {
     position: relative;
     height: 100%;
     background: #000;
 }

 .owl-carousel .owl-video-play-icon {
     position: absolute;
     height: 80px;
     width: 80px;
     left: 50%;
     top: 50%;
     margin-left: -40px;
     margin-top: -40px;
     background: url(owl.video.play.png) no-repeat;
     cursor: pointer;
     z-index: 1;
     -webkit-backface-visibility: hidden;
     transition: transform 0.1s ease;
 }

 .owl-carousel .owl-video-playing .owl-video-play-icon,
 .owl-carousel .owl-video-playing .owl-video-tn {
     display: none;
 }

 .owl-carousel .owl-video-tn {
     opacity: 0;
     height: 100%;
     background-position: center center;
     background-repeat: no-repeat;
     background-size: contain;
     transition: opacity 0.4s ease;
 }

 .owl-carousel .owl-video-frame {
     position: relative;
     z-index: 1;
     height: 100%;
     width: 100%;
 }

 .owl-theme .owl-dots,
 .owl-theme .owl-nav {
     text-align: center;
     -webkit-tap-highlight-color: transparent;
 }

 .owl-theme .owl-nav {
     margin-top: 10px;
 }

 .owl-theme .owl-nav [class*=owl-] {
     margin: 5px;
     cursor: pointer;
 }

 .owl-theme .owl-nav .disabled {
     opacity: 0.5;
     cursor: default;
 }

 .owl-theme .owl-nav.disabled+.owl-dots {
     margin-top: 10px;
 }

 .owl-theme .owl-dots .owl-dot {
     background: none;
     border: 0;
     width: auto;
     height: auto;
     display: inline-block;
 }

 .owl-theme .owl-dots .owl-dot span {
     width: 16px;
     height: 16px;
     margin: 0 7px;
     background: transparent;
     display: block;
     -webkit-backface-visibility: visible;
     transition: opacity 0.2s ease;
     border-radius: 30px;
     border: 1px solid #0D683D;
 }

 /*--------------------------------------------------------------
           # End Owl Carousel
           --------------------------------------------------------------*/
 /*--------------------------------------------------------------
           # Start Custom Owl Carousel
           --------------------------------------------------------------*/
 .owl-carousel {
     direction: ltr;
 }

 .owl-carousel .owl-item {
     direction: rtl;
 }

 .owl-carousel .owl-nav {
     position: absolute;
     top: 50%;
     width: 100%;
     height: 0;
     margin: 0;
     transform: translateY(-25px);
 }

 .owl-carousel .owl-nav button {
     position: absolute;
     width: 50px;
     height: 50px;
     color: #E4B755;
     transition: 0.3s;
     display: flex;
     align-items: center;
     justify-content: center;
     border: 1px solid;
     border-radius: 50%;
 }

 .owl-carousel .owl-nav button.owl-prev {
     left: -60px;
 }

 .owl-carousel .owl-nav button.owl-next {
     right: -60px;
 }

 .owl-carousel .owl-nav button:hover {
     color: #fff;
     background-color: #E4B755;
 }

 .owl-theme .owl-dots .owl-dot.active span,
 .owl-theme .owl-dots .owl-dot:hover span {
     background: #0D683D;
 }

 .owl-theme .owl-dots {
     margin-top: 20px;
 }

 @media (max-width: 767.98px) {
     .owl-carousel {
         width: 100% !important;
     }

     .owl-carousel .owl-nav {
         position: unset;
         top: 50%;
         width: 100%;
         height: auto;
         margin-top: 10px;
         transform: none !important;
         display: flex;
         justify-content: center;
     }

     .owl-carousel .owl-nav button {
         position: unset;
     }

     .images_section .content .image_box img {
         height: auto;
     }
 }

 @media (max-width: 575.98px) {
     .owl-carousel .owl-nav button {
         width: 35px;
         height: 35px;
     }
 }

 /*--------------------------------------------------------------
           # End Custom Owl Carousel
           --------------------------------------------------------------*/
 .xdsoft_datetimepicker {
     box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.506);
     background: #fff;
     border-bottom: 1px solid #bbb;
     border-left: 1px solid #ccc;
     border-right: 1px solid #ccc;
     border-top: 1px solid #ccc;
     color: #333;
     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
     padding: 8px;
     padding-left: 0;
     padding-top: 2px;
     position: absolute;
     z-index: 9999;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     display: none;
 }

 .xdsoft_datetimepicker.xdsoft_rtl {
     padding: 8px 0 8px 8px;
 }

 .xdsoft_datetimepicker iframe {
     position: absolute;
     left: 0;
     top: 0;
     width: 75px;
     height: 210px;
     background: transparent;
     border: none;
 }

 /*For IE8 or lower*/
 .xdsoft_datetimepicker button {
     border: none !important;
 }

 .xdsoft_noselect {
     -webkit-touch-callout: none;
     -webkit-user-select: none;
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     -o-user-select: none;
     user-select: none;
 }

 .xdsoft_noselect::selection {
     background: transparent;
 }

 .xdsoft_noselect::-moz-selection {
     background: transparent;
 }

 .xdsoft_datetimepicker.xdsoft_inline {
     display: inline-block;
     position: static;
     box-shadow: none;
 }

 .xdsoft_datetimepicker * {
     -moz-box-sizing: border-box;
     box-sizing: border-box;
     padding: 0;
     margin: 0;
 }

 .xdsoft_datetimepicker .xdsoft_datepicker,
 .xdsoft_datetimepicker .xdsoft_timepicker {
     display: none;
 }

 .xdsoft_datetimepicker .xdsoft_datepicker.active,
 .xdsoft_datetimepicker .xdsoft_timepicker.active {
     display: block;
 }

 .xdsoft_datetimepicker .xdsoft_datepicker {
     width: 224px;
     float: left;
     margin-left: 8px;
 }

 .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_datepicker {
     float: right;
     margin-right: 8px;
     margin-left: 0;
 }

 .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_datepicker {
     width: 256px;
 }

 .xdsoft_datetimepicker .xdsoft_timepicker {
     width: 58px;
     float: left;
     text-align: center;
     margin-left: 8px;
     margin-top: 0;
 }

 .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker {
     float: right;
     margin-right: 8px;
     margin-left: 0;
 }

 .xdsoft_datetimepicker .xdsoft_datepicker.active+.xdsoft_timepicker {
     margin-top: 8px;
     margin-bottom: 3px;
 }

 .xdsoft_datetimepicker .xdsoft_monthpicker {
     position: relative;
     text-align: center;
 }

 .xdsoft_datetimepicker .xdsoft_label i,
 .xdsoft_datetimepicker .xdsoft_prev,
 .xdsoft_datetimepicker .xdsoft_next,
 .xdsoft_datetimepicker .xdsoft_today_button {
     background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0NBRjI1NjM0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0NBRjI1NjQ0M0UwMTFFNDk4NkFGMzJFQkQzQjEwRUIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQ0FGMjU2MTQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQ0FGMjU2MjQzRTAxMUU0OTg2QUYzMkVCRDNCMTBFQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PoNEP54AAAIOSURBVHja7Jq9TsMwEMcxrZD4WpBYeKUCe+kTMCACHZh4BFfHO/AAIHZGFhYkBBsSEqxsLCAgXKhbXYOTxh9pfJVP+qutnZ5s/5Lz2Y5I03QhWji2GIcgAokWgfCxNvcOCCGKqiSqhUp0laHOne05vdEyGMfkdxJDVjgwDlEQgYQBgx+ULJaWSXXS6r/ER5FBVR8VfGftTKcITNs+a1XpcFoExREIDF14AVIFxgQUS+h520cdud6wNkC0UBw6BCO/HoCYwBhD8QCkQ/x1mwDyD4plh4D6DDV0TAGyo4HcawLIBBSLDkHeH0Mg2yVP3l4TQMZQDDsEOl/MgHQqhMNuE0D+oBh0CIr8MAKyazBH9WyBuKxDWgbXfjNf32TZ1KWm/Ap1oSk/R53UtQ5xTh3LUlMmT8gt6g51Q9p+SobxgJQ/qmsfZhWywGFSl0yBjCLJCMgXail3b7+rumdVJ2YRss4cN+r6qAHDkPWjPjdJCF4n9RmAD/V9A/Wp4NQassDjwlB6XBiCxcJQWmZZb8THFilfy/lfrTvLghq2TqTHrRMTKNJ0sIhdo15RT+RpyWwFdY96UZ/LdQKBGjcXpcc1AlSFEfLmouD+1knuxBDUVrvOBmoOC/rEcN7OQxKVeJTCiAdUzUJhA2Oez9QTkp72OTVcxDcXY8iKNkxGAJXmJCOQwOa6dhyXsOa6XwEGAKdeb5ET3rQdAAAAAElFTkSuQmCC);
 }

 .xdsoft_datetimepicker .xdsoft_label i {
     opacity: 0.5;
     background-position: -92px -19px;
     display: inline-block;
     width: 9px;
     height: 20px;
     vertical-align: middle;
 }

 .xdsoft_datetimepicker .xdsoft_prev {
     float: left;
     background-position: -20px 0;
 }

 .xdsoft_datetimepicker .xdsoft_today_button {
     float: left;
     background-position: -70px 0;
     margin-left: 5px;
 }

 .xdsoft_datetimepicker .xdsoft_next {
     float: right;
     background-position: 0 0;
 }

 .xdsoft_datetimepicker .xdsoft_next,
 .xdsoft_datetimepicker .xdsoft_prev,
 .xdsoft_datetimepicker .xdsoft_today_button {
     background-color: transparent;
     background-repeat: no-repeat;
     border: 0 none;
     cursor: pointer;
     display: block;
     height: 30px;
     opacity: 0.5;
     outline: medium none;
     overflow: hidden;
     padding: 0;
     position: relative;
     text-indent: 100%;
     white-space: nowrap;
     width: 20px;
     min-width: 0;
 }

 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
     float: none;
     background-position: -40px -15px;
     height: 15px;
     width: 30px;
     display: block;
     margin-left: 14px;
     margin-top: 7px;
 }

 .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_prev,
 .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_timepicker .xdsoft_next {
     float: none;
     margin-left: 0;
     margin-right: 14px;
 }

 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
     background-position: -40px 0;
     margin-bottom: 7px;
     margin-top: 0;
 }

 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
     height: 151px;
     overflow: hidden;
     border-bottom: 1px solid #ddd;
 }

 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div {
     background: #f5f5f5;
     border-top: 1px solid #ddd;
     color: #666;
     font-size: 12px;
     text-align: center;
     border-collapse: collapse;
     cursor: pointer;
     border-bottom-width: 0;
     height: 25px;
     line-height: 25px;
 }

 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:first-child {
     border-top-width: 0;
 }

 .xdsoft_datetimepicker .xdsoft_today_button:hover,
 .xdsoft_datetimepicker .xdsoft_next:hover,
 .xdsoft_datetimepicker .xdsoft_prev:hover {
     opacity: 1;
 }

 .xdsoft_datetimepicker .xdsoft_label {
     display: inline;
     position: relative;
     z-index: 9999;
     margin: 0;
     padding: 5px 3px;
     font-size: 14px;
     line-height: 20px;
     font-weight: bold;
     background-color: #fff;
     float: left;
     width: 182px;
     text-align: center;
     cursor: pointer;
 }

 .xdsoft_datetimepicker .xdsoft_label:hover>span {
     text-decoration: underline;
 }

 .xdsoft_datetimepicker .xdsoft_label:hover i {
     opacity: 1;
 }

 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select {
     border: 1px solid #ccc;
     position: absolute;
     right: 0;
     top: 30px;
     z-index: 101;
     display: none;
     background: #fff;
     max-height: 160px;
     overflow-y: hidden;
 }

 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_monthselect {
     right: -7px;
 }

 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select.xdsoft_yearselect {
     right: 2px;
 }

 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
     color: #fff;
     background: #E4B755;
 }

 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option {
     padding: 2px 10px 2px 5px;
     text-decoration: none !important;
 }

 .xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
     background: #0D683D;
     box-shadow: #29A269 0 1px 3px 0 inset;
     color: #fff;
     font-weight: 700;
 }

 .xdsoft_datetimepicker .xdsoft_month {
     width: 100px;
     text-align: right;
 }

 .xdsoft_datetimepicker .xdsoft_calendar {
     clear: both;
 }

 .xdsoft_datetimepicker .xdsoft_year {
     width: 48px;
     margin-left: 5px;
 }

 .xdsoft_datetimepicker .xdsoft_calendar table {
     border-collapse: collapse;
     width: 100%;
 }

 .xdsoft_datetimepicker .xdsoft_calendar td>div {
     padding-right: 5px;
 }

 .xdsoft_datetimepicker .xdsoft_calendar th {
     height: 25px;
 }

 .xdsoft_datetimepicker .xdsoft_calendar td,
 .xdsoft_datetimepicker .xdsoft_calendar th {
     width: 14.2857142%;
     background: #f5f5f5;
     border: 1px solid #ddd;
     color: #666;
     font-size: 12px;
     text-align: right;
     vertical-align: middle;
     padding: 0;
     border-collapse: collapse;
     cursor: pointer;
     height: 25px;
 }

 .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar td,
 .xdsoft_datetimepicker.xdsoft_showweeks .xdsoft_calendar th {
     width: 12.5%;
 }

 .xdsoft_datetimepicker .xdsoft_calendar th {
     background: #f1f1f1;
 }

 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_today {
     color: #0D683D;
 }

 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_default {
     background: #ffe9d2;
     box-shadow: #ffb871 0 1px 4px 0 inset;
     color: #000;
 }

 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_highlighted_mint {
     background: #c1ffc9;
     box-shadow: #00dd1c 0 1px 4px 0 inset;
     color: #000;
 }

 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
     background: #0D683D;
     box-shadow: #29A269 0 1px 3px 0 inset;
     color: #fff;
     font-weight: 700;
 }

 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month,
 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled,
 .xdsoft_datetimepicker .xdsoft_time_box>div>div.xdsoft_disabled {
     opacity: 0.5;
     cursor: default;
 }

 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_other_month.xdsoft_disabled {
     opacity: 0.2;
 }

 .xdsoft_datetimepicker .xdsoft_calendar td:hover,
 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
     color: #fff !important;
     background: #E4B755 !important;
     box-shadow: none !important;
 }

 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current.xdsoft_disabled:hover,
 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current.xdsoft_disabled:hover {
     background: #0D683D !important;
     box-shadow: #29A269 0 1px 3px 0 inset !important;
     color: #fff !important;
 }

 .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_disabled:hover,
 .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_disabled:hover {
     color: inherit !important;
     background: inherit !important;
     box-shadow: inherit !important;
 }

 .xdsoft_datetimepicker .xdsoft_calendar th {
     font-weight: 700;
     text-align: center;
     color: #999;
     cursor: default;
 }

 .xdsoft_datetimepicker .xdsoft_copyright {
     color: #ccc !important;
     font-size: 10px;
     clear: both;
     float: none;
     margin-left: 8px;
 }

 .xdsoft_datetimepicker .xdsoft_copyright a {
     color: #eee !important;
 }

 .xdsoft_datetimepicker .xdsoft_copyright a:hover {
     color: #aaa !important;
 }

 .xdsoft_time_box {
     position: relative;
     border: 1px solid #ccc;
 }

 .xdsoft_scrollbar>.xdsoft_scroller {
     background: #ccc !important;
     height: 20px;
     border-radius: 3px;
 }

 .xdsoft_scrollbar {
     position: absolute;
     width: 7px;
     right: 0;
     top: 0;
     bottom: 0;
     cursor: pointer;
 }

 .xdsoft_datetimepicker.xdsoft_rtl .xdsoft_scrollbar {
     left: 0;
     right: auto;
 }

 .xdsoft_scroller_box {
     position: relative;
 }

 .xdsoft_datetimepicker.xdsoft_dark {
     box-shadow: 0 5px 15px -5px rgba(255, 255, 255, 0.506);
     background: #000;
     border-bottom: 1px solid #444;
     border-left: 1px solid #333;
     border-right: 1px solid #333;
     border-top: 1px solid #333;
     color: #ccc;
 }

 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box {
     border-bottom: 1px solid #222;
 }

 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div {
     background: #0a0a0a;
     border-top: 1px solid #222;
     color: #999;
 }

 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label {
     background-color: #000;
 }

 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select {
     border: 1px solid #333;
     background: #000;
 }

 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
     color: #000;
     background: #007fff;
 }

 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label>.xdsoft_select>div>.xdsoft_option.xdsoft_current {
     background: #cc5500;
     box-shadow: #b03e00 0 1px 3px 0 inset;
     color: #000;
 }

 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_label i,
 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_prev,
 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_next,
 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_today_button {
     background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAeCAYAAADaW7vzAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUExQUUzOTA0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUExQUUzOTE0M0UyMTFFNDlBM0FFQTJENTExRDVBODYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpBQTFBRTM4RTQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpBQTFBRTM4RjQzRTIxMUU0OUEzQUVBMkQ1MTFENUE4NiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pp0VxGEAAAIASURBVHja7JrNSgMxEMebtgh+3MSLr1T1Xn2CHoSKB08+QmR8Bx9A8e7RixdB9CKCoNdexIugxFlJa7rNZneTbLIpM/CnNLsdMvNjM8l0mRCiQ9Ye61IKCAgZAUnH+mU3MMZaHYChBnJUDzWOFZdVfc5+ZFLbrWDeXPwbxIqrLLfaeS0hEBVGIRQCEiZoHQwtlGSByCCdYBl8g8egTTAWoKQMRBRBcZxYlhzhKegqMOageErsCHVkk3hXIFooDgHB1KkHIHVgzKB4ADJQ/A1jAFmAYhkQqA5TOBtocrKrgXwQA8gcFIuAIO8sQSA7hidvPwaQGZSaAYHOUWJABhWWw2EMIH9QagQERU4SArJXo0ZZL18uvaxejXt/Em8xjVBXmvFr1KVm/AJ10tRe2XnraNqaJvKE3KHuUbfK1E+VHB0q40/y3sdQSxY4FHWeKJCunP8UyDdqJZenT3ntVV5jIYCAh20vT7ioP8tpf6E2lfEMwERe+whV1MHjwZB7PBiCxcGQWwKZKD62lfGNnP/1poFAA60T7rF1UgcKd2id3KDeUS+oLWV8DfWAepOfq00CgQabi9zjcgJVYVD7PVzQUAUGAQkbNJTBICDhgwYTjDYD6XeW08ZKh+A4pYkzenOxXUbvZcWz7E8ykRMnIHGX1XPl+1m2vPYpL+2qdb8CDAARlKFEz/ZVkAAAAABJRU5ErkJggg==);
 }

 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td,
 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
     background: #0a0a0a;
     border: 1px solid #222;
     color: #999;
 }

 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
     background: #0e0e0e;
 }

 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_today {
     color: #cc5500;
 }

 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_default {
     background: #ffe9d2;
     box-shadow: #ffb871 0 1px 4px 0 inset;
     color: #000;
 }

 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_highlighted_mint {
     background: #c1ffc9;
     box-shadow: #00dd1c 0 1px 4px 0 inset;
     color: #000;
 }

 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_default,
 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td.xdsoft_current,
 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
     background: #cc5500;
     box-shadow: #b03e00 0 1px 3px 0 inset;
     color: #000;
 }

 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar td:hover,
 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
     color: #000 !important;
     background: #007fff !important;
 }

 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_calendar th {
     color: #666;
 }

 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright {
     color: #333 !important;
 }

 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a {
     color: #111 !important;
 }

 .xdsoft_datetimepicker.xdsoft_dark .xdsoft_copyright a:hover {
     color: #555 !important;
 }

 .xdsoft_dark .xdsoft_time_box {
     border: 1px solid #333;
 }

 .xdsoft_dark .xdsoft_scrollbar>.xdsoft_scroller {
     background: #333 !important;
 }

 .xdsoft_datetimepicker .xdsoft_save_selected {
     display: block;
     border: 1px solid #dddddd !important;
     margin-top: 5px;
     width: 100%;
     color: #454551;
     font-size: 13px;
 }

 .xdsoft_datetimepicker .blue-gradient-button {
     font-family: "museo-sans", "Book Antiqua", sans-serif;
     font-size: 12px;
     font-weight: 300;
     color: #82878c;
     height: 28px;
     position: relative;
     padding: 4px 17px 4px 33px;
     border: 1px solid #d7d8da;
     background: -moz-linear-gradient(top, #fff 0%, #f4f8fa 73%);
     /* FF3.6+ */
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(73%, #f4f8fa));
     /* Chrome,Safari4+ */
     background: -webkit-linear-gradient(top, #fff 0%, #f4f8fa 73%);
     /* Chrome10+,Safari5.1+ */
     background: -o-linear-gradient(top, #fff 0%, #f4f8fa 73%);
     /* Opera 11.10+ */
     background: -ms-linear-gradient(top, #fff 0%, #f4f8fa 73%);
     /* IE10+ */
     background: linear-gradient(to bottom, #fff 0%, #f4f8fa 73%);
     /* W3C */
     /* IE6-9 */
 }

 .xdsoft_datetimepicker .blue-gradient-button:hover,
 .xdsoft_datetimepicker .blue-gradient-button:focus,
 .xdsoft_datetimepicker .blue-gradient-button:hover span,
 .xdsoft_datetimepicker .blue-gradient-button:focus span {
     color: #454551;
     background: -moz-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
     /* FF3.6+ */
     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f8fa), color-stop(73%, #FFF));
     /* Chrome,Safari4+ */
     background: -webkit-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
     /* Chrome10+,Safari5.1+ */
     background: -o-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
     /* Opera 11.10+ */
     background: -ms-linear-gradient(top, #f4f8fa 0%, #FFF 73%);
     /* IE10+ */
     background: linear-gradient(to bottom, #f4f8fa 0%, #FFF 73%);
     /* W3C */
     /* IE6-9 */
 }

 .nice-select {
     -webkit-tap-highlight-color: transparent;
     background-color: #fff;
     border-radius: 5px;
     border: solid 1px #e8e8e8;
     box-sizing: border-box;
     clear: both;
     cursor: pointer;
     display: block;
     float: left;
     font-family: inherit;
     font-size: 0.875em;
     font-weight: normal;
     outline: none;
     padding-left: 18px;
     padding-right: 30px;
     position: relative;
     text-align: left !important;
     -webkit-transition: all 0.2s ease-in-out;
     transition: all 0.2s ease-in-out;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     white-space: nowrap;
     width: auto;
     padding: 12px 15px;
     padding-inline-end: 52px;
     display: flex;
     align-items: center;
 }

 .nice-select:hover {
     border-color: #dbdbdb;
 }

 .nice-select:active,
 .nice-select.open,
 .nice-select:focus {
     border-color: #999;
 }

 .nice-select:after {
     border-bottom: 3px solid #999;
     border-right: 3px solid #999;
     content: "";
     display: block;
     height: 9px;
     width: 9px;
     margin-top: -4px;
     pointer-events: none;
     position: absolute;
     left: 20px;
     top: 50%;
     -webkit-transform-origin: 66% 66%;
     -ms-transform-origin: 66% 66%;
     transform-origin: 66% 66%;
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg) translate(-50%);
     -webkit-transition: all 0.15s ease-in-out;
     transition: all 0.15s ease-in-out;
 }

 .nice-select.open:after {
     -webkit-transform: rotate(-135deg) translate(38%, -10%);
     -ms-transform: rotate(-135deg) translate(38%, -10%);
     transform: rotate(-135deg) translate(38%, -10%);
 }

 .nice-select.open .list {
     opacity: 1;
     pointer-events: auto;
     -webkit-transform: scale(1) translateY(0);
     -ms-transform: scale(1) translateY(0);
     transform: scale(1) translateY(0);
     width: 100%;
     min-width: max-content;
     right: 0;
     left: auto;
 }

 .nice-select.disabled {
     border-color: #ededed;
     color: #999;
     pointer-events: none;
 }

 .nice-select.disabled:after {
     border-color: #cccccc;
 }

 .nice-select.wide {
     width: 100%;
 }

 .nice-select.wide .list {
     left: 0 !important;
     right: 0 !important;
 }

 .nice-select.right {
     float: right;
 }

 .nice-select.right .list {
     left: auto;
     right: 0;
 }

 .nice-select.small {
     font-size: 12px;
     height: 36px;
     line-height: 34px;
 }

 .nice-select.small:after {
     height: 4px;
     width: 4px;
 }

 .nice-select.small .option {
     line-height: 34px;
     min-height: 34px;
 }

 .nice-select .list {
     background-color: #fff;
     border-radius: 5px;
     box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
     box-sizing: border-box;
     margin-top: 4px;
     opacity: 0;
     overflow: hidden;
     padding: 0;
     pointer-events: none;
     position: absolute;
     top: 100%;
     left: 0;
     -webkit-transform-origin: 50% 0;
     -ms-transform-origin: 50% 0;
     transform-origin: 50% 0;
     -webkit-transform: scale(0.75) translateY(-21px);
     -ms-transform: scale(0.75) translateY(-21px);
     transform: scale(0.75) translateY(-21px);
     -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
     transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
     z-index: 9;
 }

 .nice-select .list:hover .option:not(:hover) {
     background-color: transparent !important;
 }

 .nice-select .option {
     cursor: pointer;
     font-weight: 400;
     line-height: 40px;
     list-style: none;
     min-height: 40px;
     outline: none;
     padding: 0 15px;
     text-align: start;
     -webkit-transition: all 0.2s;
     transition: all 0.2s;
 }

 .nice-select .option:hover,
 .nice-select .option.focus,
 .nice-select .option.selected.focus {
     background-color: rgba(12, 90, 53, 0.1411764706);
 }

 .nice-select .option.selected {
     font-weight: bold;
 }

 .nice-select .option.disabled {
     background-color: transparent;
     color: #999;
     cursor: default;
 }

 .no-csspointerevents .nice-select .list {
     display: none;
 }

 .no-csspointerevents .nice-select.open .list {
     display: block;
 }

 .pickmeup {
     background: #000;
     border-radius: 0.4em;
     -moz-box-sizing: content-box;
     box-sizing: content-box;
     display: inline-block;
     position: absolute;
     touch-action: manipulation;
 }

 .pickmeup * {
     -moz-box-sizing: border-box;
     box-sizing: border-box;
 }

 .pickmeup.pmu-flat {
     position: relative;
 }

 .pickmeup.pmu-hidden {
     display: none;
 }

 .pickmeup .pmu-instance {
     display: inline-block;
     height: 13.8em;
     padding: 0.5em;
     text-align: center;
     width: 15em;
 }

 .pickmeup .pmu-instance .pmu-button {
     color: #eee;
     cursor: pointer;
     outline: none;
     text-decoration: none;
 }

 .pickmeup .pmu-instance .pmu-today {
     background: #17384d;
     color: #88c5eb;
 }

 .pickmeup .pmu-instance .pmu-button:hover {
     background: transparent;
     color: #88c5eb;
 }

 .pickmeup .pmu-instance .pmu-not-in-month {
     color: #666;
 }

 .pickmeup .pmu-instance .pmu-disabled,
 .pickmeup .pmu-instance .pmu-disabled:hover {
     color: #333;
     cursor: default;
 }

 .pickmeup .pmu-instance .pmu-selected {
     background: #136a9f;
     color: #eee;
 }

 .pickmeup .pmu-instance .pmu-not-in-month.pmu-selected {
     background: #17384d;
 }

 .pickmeup .pmu-instance nav {
     color: #eee;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     line-height: 2em;
 }

 .pickmeup .pmu-instance nav *:first-child :hover {
     color: #88c5eb;
 }

 .pickmeup .pmu-instance nav .pmu-prev,
 .pickmeup .pmu-instance nav .pmu-next {
     display: none;
     height: 2em;
     width: 1em;
 }

 .pickmeup .pmu-instance nav .pmu-month {
     width: 14em;
 }

 .pickmeup .pmu-instance .pmu-years *,
 .pickmeup .pmu-instance .pmu-months * {
     display: inline-block;
     line-height: 3.6em;
     width: 3.5em;
 }

 .pickmeup .pmu-instance .pmu-day-of-week {
     color: #999;
     cursor: default;
 }

 .pickmeup .pmu-instance .pmu-day-of-week *,
 .pickmeup .pmu-instance .pmu-days * {
     display: inline-block;
     line-height: 1.5em;
     width: 2em;
 }

 .pickmeup .pmu-instance .pmu-day-of-week * {
     line-height: 1.8em;
 }

 .pickmeup .pmu-instance:first-child .pmu-prev,
 .pickmeup .pmu-instance:last-child .pmu-next {
     display: block;
 }

 .pickmeup .pmu-instance:first-child .pmu-month,
 .pickmeup .pmu-instance:last-child .pmu-month {
     width: 13em;
 }

 .pickmeup .pmu-instance:first-child:last-child .pmu-month {
     width: 12em;
 }

 .pickmeup:not(.pmu-view-days) .pmu-days,
 .pickmeup:not(.pmu-view-days) .pmu-day-of-week,
 .pickmeup:not(.pmu-view-months) .pmu-months,
 .pickmeup:not(.pmu-view-years) .pmu-years {
     display: none;
 }

 /*--------------------------------------------------------------
         # Start Global Page
         --------------------------------------------------------------*/
 @font-face {
     font-family: "Kufi";
     font-style: normal;
     font-weight: 400;
     font-display: swap;
     src: url(../fonts/Droid.Arabic.Kufi_Rg.ttf) format("woff2");
 }

 @font-face {
     font-family: "Kufi";
     font-style: normal;
     font-weight: 700;
     font-display: swap;
     src: url(../fonts/Droid.Arabic.Kufi_Bold.ttf) format("woff2");
 }

 body::-webkit-scrollbar-track {
     border-radius: 30px;
     background-color: #d7d7d7;
 }

 body::-webkit-scrollbar {
     border-radius: 30px;
     width: 8px;
     background-color: #F5F5F5;
 }

 body::-webkit-scrollbar-thumb {
     border-radius: 30px;
     background-color: #0D683D;
 }

 body {
     line-height: 1.7;
     color: #111;
     background-color: #FEFCF9;
     direction: rtl;
     text-align: start;
     font-weight: 400;
     font-family: "Kufi", sans-serif;
     font-size: 16px;
 }

 ::selection {
     background-color: #0D683D;
     color: #fff;
 }

 p {
     color: #707070;
 }

 .line-h-normal {
     line-height: normal;
 }

 .hidden {
     opacity: 0;
     visibility: hidden;
 }

 .xsmall {
     font-size: 0.75em !important;
 }

 .small {
     font-size: 0.875em !important;
 }

 h6,
 .h6 {
     font-size: 1em;
 }

 h5,
 .h5 {
     font-size: 1.25em;
 }

 .font-18 {
     font-size: 1.125em;
 }

 .font-20 {
     font-size: 1.25em;
 }

 .font-24 {
     font-size: 1.5em;
 }

 .font-32 {
     font-size: 2em;
 }

 .font-42 {
     font-size: 2.625em;
 }

 .px-10 {
     padding: 0 10px;
 }

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

 .main-hover {
     transition: 0.3s;
 }

 .main-hover:hover {
     color: #0D683D !important;
 }

 .amiri-font {
     font-family: "Amiri";
 }

 .visible {
     overflow: visible;
 }

 .bold {
     font-weight: 700;
 }

 ul {
     list-style: none;
     padding: 0;
     margin: 0;
 }

 img {
     max-width: 100%;
     height: auto;
 }

 .pointer {
     cursor: pointer;
 }

 .teaser.lazyload {
     opacity: 0;
     transform: scale(0.8);
 }

 .teaser.lazyloaded {
     opacity: 1;
     transform: scale(1);
     transition: all 700ms;
 }

 button {
     outline: none !important;
 }

 label {
     margin-inline-start: 2px;
 }

 a {
     transition: 0.3s;
     color: #707070;
     text-decoration: none;
 }

 a:hover {
     text-decoration: none;
     color: #0D683D;
 }

 .mt-10 {
     margin-top: 10px !important;
 }

 .mb-10 {
     margin-bottom: 10px !important;
 }

 .pt-10 {
     padding-top: 10px !important;
 }

 .pb-10 {
     padding-bottom: 10px !important;
 }

 .mt-20 {
     margin-top: 20px !important;
 }

 .mb-20 {
     margin-bottom: 20px !important;
 }

 .pt-20 {
     padding-top: 20px !important;
 }

 .pb-20 {
     padding-bottom: 20px !important;
 }

 .mt-30 {
     margin-top: 30px !important;
 }

 .mb-30 {
     margin-bottom: 30px !important;
 }

 .pt-30 {
     padding-top: 30px !important;
 }

 .pb-30 {
     padding-bottom: 30px !important;
 }

 .mt-40 {
     margin-top: 40px !important;
 }

 .mb-40 {
     margin-bottom: 40px !important;
 }

 .pt-40 {
     padding-top: 40px !important;
 }

 .pb-40 {
     padding-bottom: 40px !important;
 }

 .mt-50 {
     margin-top: 50px !important;
 }

 .mb-50 {
     margin-bottom: 50px !important;
 }

 .pt-50 {
     padding-top: 50px !important;
 }

 .pb-50 {
     padding-bottom: 50px !important;
 }

 .mt-60 {
     margin-top: 60px !important;
 }

 .mb-60 {
     margin-bottom: 60px !important;
 }

 .pt-60 {
     padding-top: 60px !important;
 }

 .pb-60 {
     padding-bottom: 60px !important;
 }

 .mt-70 {
     margin-top: 70px !important;
 }

 .mb-70 {
     margin-bottom: 70px !important;
 }

 .pt-70 {
     padding-top: 70px !important;
 }

 .pb-70 {
     padding-bottom: 70px !important;
 }

 .mt-80 {
     margin-top: 80px !important;
 }

 .mb-80 {
     margin-bottom: 80px !important;
 }

 .pt-80 {
     padding-top: 80px !important;
 }

 .pb-80 {
     padding-bottom: 80px !important;
 }

 .mt-90 {
     margin-top: 90px !important;
 }

 .mb-90 {
     margin-bottom: 90px !important;
 }

 .pt-90 {
     padding-top: 90px !important;
 }

 .pb-90 {
     padding-bottom: 90px !important;
 }

 .mt-100 {
     margin-top: 100px !important;
 }

 .mb-100 {
     margin-bottom: 100px !important;
 }

 .pt-100 {
     padding-top: 100px !important;
 }

 .pb-100 {
     padding-bottom: 100px !important;
 }

 .mb-0 {
     margin-bottom: 0;
 }

 .mt-0 {
     margin-top: 0;
 }

 .mb-15 {
     margin-bottom: 15px;
 }

 .mt-15 {
     margin-top: 15px;
 }

 .mb-25 {
     margin-bottom: 25px;
 }

 .mt-25 {
     margin-top: 25px;
 }

 hr {
     border-top: 1px solid #E5E5E5;
     margin: 25px 0;
 }

 section {
     overflow: hidden;
     position: relative;
 }

 .owl-carousel {
     direction: ltr;
 }

 .main-color {
     color: #E4B755 !important;
 }

 .sec-color {
     color: #0D683D;
 }

 .gray-color {
     color: #707070;
 }

 .p-relative {
     position: relative;
     z-index: 2;
 }

 .weight-500 {
     font-weight: 500;
 }

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

 .flex-end {
     display: flex;
     align-items: center;
     justify-content: flex-end;
 }

 .flex-h {
     display: flex;
     align-items: center;
 }

 .flex-between {
     display: flex;
     align-items: center;
     justify-content: space-between;
 }

 .flex-center {
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .flex-wrap {
     flex-wrap: wrap;
 }

 .text-start {
     text-align: start;
 }

 .text-end {
     text-align: end;
 }

 .br-0 {
     border-radius: 0 !important;
 }

 .br-50 {
     border-radius: 50px;
 }

 .circle {
     border-radius: 50%;
 }

 .gap-5 {
     gap: 5px !important;
 }

 .gap-8 {
     gap: 8px !important;
 }

 .gap-10 {
     gap: 10px;
 }

 .gap-15 {
     gap: 15px;
 }

 .gap-20 {
     gap: 20px;
 }

 .gap-30 {
     gap: 30px;
 }

 .gap-40 {
     gap: 40px;
 }

 .gap-30-bottom {
     gap: 30px 0;
 }

 .gap-60-bottom {
     gap: 60px 0;
 }

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

 .text-black {
     color: #111;
 }

 .text-ellipsis {
     display: -webkit-box;
     text-overflow: ellipsis;
     overflow: hidden;
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
 }

 .flex-1 {
     flex: 1;
 }

 .flex-none {
     flex: none;
 }

 .form-control {
     border: 0;
     box-shadow: none !important;
     outline: none;
 }

 .form-control::placeholder {
     color: #B4B0B0;
     font-size: 14px;
 }

 .m-auto {
     margin: 0 auto;
 }

 .textarea {
     height: 120px !important;
     resize: none;
 }

 .mou_tab {
     cursor: pointer;
     transition: 0.3s;
 }

 .transition {
     transition: 0.3s;
 }

 [data-cursor] {
     cursor: pointer;
 }

 .pagination {
     flex-wrap: wrap;
     gap: 15px;
     position: relative;
     z-index: 1;
 }

 .pagination a {
     background-color: #F9FBFA;
     border: 1px solid #E4B755;
     width: 50px;
     height: 50px;
     border-radius: 50%;
     display: flex;
     align-items: center;
     justify-content: center;
     color: #E4B755;
     font-size: 1.125em;
 }

 .pagination a.active {
     background-color: #E4B755;
     border-color: #E4B755;
     color: #fff;
 }

 .file-none {
     position: absolute;
     top: 0;
     right: 0;
     width: 1px;
     height: 1px;
     opacity: 0;
 }

 .custom_checkbox {
     display: flex;
     align-items: center;
     cursor: pointer;
 }

 .custom_checkbox input {
     position: absolute;
     top: 0;
     right: 0;
     width: 1px;
     height: 1px;
     opacity: 0;
 }

 .custom_checkbox .checkmark {
     position: relative;
     display: inline-block;
     width: 15px;
     min-width: 15px;
     height: 15px;
     border: 1px solid #D8D3D3;
     border-radius: 2px;
     transition: 0.3s;
     background: #fff;
 }

 .custom_checkbox .checkmark:after {
     position: absolute;
     font-family: "Font Awesome 5 Pro";
     font-size: 11px;
     content: "\f00c";
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     color: #fff;
     display: none;
 }

 .custom_checkbox .checkmark:before {
     position: absolute;
     content: "";
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%) scale(0);
     width: 40px;
     height: 40px;
     border-radius: 50%;
     background-color: rgba(228, 183, 85, 0.2);
     transition: 0.3s;
 }

 .custom_checkbox input:checked~.checkmark {
     background-color: #E4B755;
 }

 .custom_checkbox input:checked~.checkmark:before {
     transform: translate(-50%, -50%) scale(1);
 }

 .custom_checkbox input:checked~.checkmark:after {
     display: block;
 }

 .custom_checkbox p {
     margin-inline-start: 10px;
     color: #707070;
     margin-bottom: 0;
 }

 .stars {
     color: #707070;
     font-size: 0.875em;
 }

 .stars i.disabled {
     color: #BCBCBC;
 }

 /* Chrome, Safari, Edge, Opera */
 input::-webkit-outer-spin-button,
 input::-webkit-inner-spin-button {
     -webkit-appearance: none;
     margin: 0;
 }

 /* Firefox */
 input[type=number] {
     -moz-appearance: textfield;
 }

 .badge-info {
     background: #DFDFDF;
     padding: 6px 19px;
     font-size: 0.75em;
     border-radius: 50px;
     color: #707070;
     display: inline-block;
 }

 /*--------------------------------------------------------------
         # End Global Page
         --------------------------------------------------------------*/
 /*==============================================
           // Start Nav Bar
           ================================================*/
 .nav_bar {
     padding: 30px 0;
 }

 .nav_bar .logo {
     display: inline-block;
 }

 .nav_bar .list {
     display: flex;
     justify-content: center;
     gap: 0 15px;
 }

 .nav_bar .list li a {
     position: relative;
     font-size: 0.875em;
 }

 .nav_bar .list li a::before {
     content: "";
     position: absolute;
     bottom: -8px;
     left: 50%;
     transform: translateX(-50%) scale(0);
     width: 4px;
     height: 4px;
     background-color: #0D683D;
     border-radius: 50%;
     transition: 0.6s cubic-bezier(0.25, 1, 0.5, 1);
 }

 .nav_bar .list li a:hover,
 .nav_bar .list li a.active {
     color: #0D683D;
 }

 .nav_bar .list li a:hover:before,
 .nav_bar .list li a.active:before {
     transform: translateX(-50%) scale(1);
 }

 .nav_bar .list li a.active {
     font-weight: 700;
 }

 .nav_bar #close_menu {
     position: absolute;
     top: 20px;
     right: 20px;
     color: #fff;
     font-size: 35px;
     cursor: pointer;
 }

 .nav_bar .toggle_list {
     font-size: 20px;
     cursor: pointer;
 }

 .nav_bar .auth_box .login-btn {
     font-size: 0.875em;
     font-weight: 700;
 }

 .nav_bar .left-side .icon {
     width: 35px;
     height: 35px;
     background: #0D683D;
     border-radius: 50%;
     color: #fff;
 }

 .nav_bar .left-side .icon:hover {
     background-color: #E4B755;
 }

 .nav_bar .login-dropdown {
     position: relative;
 }

 .nav_bar .login-dropdown .dropdown-body {
     position: absolute;
     background-color: #fff;
     border-radius: 5px;
     box-shadow: 0px 5px 9px rgba(0, 0, 0, 0.1);
     overflow: hidden;
     opacity: 0;
     visibility: hidden;
     margin-top: 15px;
     transition: 0.3s;
     left: 0;
     min-width: 200px;
     z-index: 9;
 }

 .nav_bar .login-dropdown .dropdown-body.show {
     opacity: 1;
     visibility: visible;
     margin-top: 0;
 }

 .nav_bar .login-dropdown .dropdown-body .dropdown-item {
     font-size: 15px;
     display: block;
     width: 100%;
     padding: 7px 20px;
     clear: both;
     font-weight: 400;
     color: #212529;
     text-align: inherit;
     white-space: nowrap;
     background-color: transparent;
     border: 0;
 }

 .nav_bar .login-dropdown .dropdown-body .dropdown-item:not(:last-of-type) {
     border-bottom: 1px solid #ddd;
 }

 .nav_bar .login-dropdown .dropdown-body .dropdown-item i {
     margin-inline-end: 5px;
 }

 .nav_bar .login-dropdown .dropdown-body .dropdown-item:hover {
     background-color: #E4B755;
     color: #fff;
 }

 @keyframes animate_links {
     0% {
         transform: translateX(200px);
         opacity: 0;
     }

     100% {
         transform: translateX(0px);
         opacity: 1;
     }
 }

 /*==============================================
           // End Nav Bar
           ================================================*/
 /*--------------------------------------------------------------
         # Start icons bar bottom
         --------------------------------------------------------------*/
 .side-sticky-icons {
     position: fixed;
     right: 20px;
     left: 20px;
     bottom: 20px;
     z-index: 1111;
     padding: 0;
     margin: 0;
     align-items: center;
     background: #ffffff;
     display: none;
     padding: 0 40px;
     min-height: 60px;
     box-shadow: 0px 0px 25px rgba(61, 110, 168, 0.2);
     border-radius: 50px;
 }

 .side-sticky-icons li {
     list-style: none;
     display: inline-block;
     margin: 0;
     position: relative;
     text-align: center;
     flex: 1 0 20%;
 }

 .side-sticky-icons li a {
     display: -webkit-box;
     display: -moz-box;
     display: -ms-flexbox;
     display: -webkit-flex;
     display: flex;
     align-self: stretch;
     width: 100%;
     height: 100%;
     align-items: center;
     text-align: center;
     justify-content: center;
     flex-direction: column;
     position: relative;
     font-size: 12px;
     line-height: 1;
     padding: 12px 15px 10px;
     text-transform: uppercase;
     color: #111;
 }

 .side-sticky-icons li a .icons {
     font-size: 20px;
 }

 .side-sticky-icons li a .icon-home1:before {
     content: "\e918";
 }

 .side-sticky-icons li a .icon-menu:before {
     content: "\e919";
 }

 .side-sticky-icons li.quick-cart a {
     position: absolute;
     top: -50px;
     width: 65px;
     height: 65px;
     border-radius: 100%;
     background-color: #ffffff;
     margin: auto;
     left: 0;
     right: 0;
 }

 .side-sticky-icons li.quick-cart a:before {
     content: "";
     background-color: #E4B755;
     position: absolute;
     top: 7px;
     left: 7px;
     right: 7px;
     bottom: 7px;
     border-radius: 100%;
 }

 .side-sticky-icons li.quick-cart a svg {
     position: relative;
 }

 .side-sticky-icons li .badge {
     position: absolute;
     top: 10px;
     left: 10px;
     width: 18px;
     height: 18px;
     border-radius: 100%;
     font-size: 11px;
     line-height: 18px;
     font-weight: 400;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     text-align: center;
     background-color: #EA0D42;
     color: #fff;
 }

 .side-sticky-icons li.quick-cart a .badge {
     top: 15px;
     left: 13px;
     z-index: 99;
 }

 @media (max-width: 767.98px) {
     .side-sticky-icons {
         display: -webkit-box;
         display: -moz-box;
         display: -ms-flexbox;
         display: -webkit-flex;
         display: flex;
         padding: 0 10px;
     }
 }

 /*--------------------------------------------------------------
         # End icons bar bottom
         --------------------------------------------------------------*/
 /*--------------------------------------------------------------
         # Start Hero Section
         --------------------------------------------------------------*/
 .hero-section {
     padding: 140px 0;
     margin: 0 50px;
     /* background-image: url(../img/hero.png); */
     background-size: cover;
     border-radius: 20px;
     overflow: visible;
 }

 .hero-section:after {
     position: absolute;
     content: "";
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: rgba(13, 104, 61, 0.5);
     border-radius: 20px;
 }

 .hero-section .main-info .head {
     line-height: 1.7;
 }

 .hero-section .main-info .line {
     background-color: #fff;
 }

 .hero-section .shape {
     position: absolute;
     bottom: -140px;
     right: -105px;
     z-index: 2;
 }

 .hero-section.page-header .main-info .head {
     max-width: initial;
 }

 /*--------------------------------------------------------------
         # End Hero Section
         --------------------------------------------------------------*/
 /*--------------------------------------------------------------
         # Start search Section
         --------------------------------------------------------------*/
 .search-section {
     padding-bottom: 100px;
     z-index: 5;
     margin-top: -92px;
     overflow: visible;
 }

 .search-section .search-content-form {
     position: relative;
     z-index: 6;
 }

 .search-section .content-section {
     background-color: #fff;
     box-shadow: 0px 30px 50px #f8f0e6;
     border-radius: 20px;
     padding: 30px 40px;
     transition: 0.3s;
 }

 .search-section .content-section .head .icon {
     width: 42px;
     height: 42px;
     background: linear-gradient(0deg, rgb(225, 174, 50) 0%, rgb(225, 177, 82) 100%);
     border-radius: 50%;
 }

 .search-section .content-section .head .text {
     font-size: 1.25em;
     color: #0D683D;
 }

 .search-section .content-section .inputs {
     margin: 0 -8px;
 }

 .search-section .content-section .inputs .col {
     padding: 0 8px;
 }

 .search-section .content-section .inputs .input-box {
     padding: 7px 15px;
     background-color: #FCF9F2;
     border-radius: 50px;
     transition: 0.3s;
 }

 .search-section .content-section .inputs .input-box i {
     color: #C9C6C6;
     position: absolute;
     margin: 0 18px;
 }

 .search-section .content-section .inputs .input-box .form-control {
     padding: 0.375rem 0;
 }

 .search-section .content-section .inputs .input-box .form-control::placeholder {
     color: #C9C6C6;
 }

 .search-section .content-section .inputs input[type=datetime-local] {
     color: #C9C6C6;
 }

 .search-section .content-section .inputs input[type=datetime-local]::-webkit-calendar-picker-indicator {
     color: #C9C6C6;
     opacity: 1;
     display: block;
     background: url(../img/Calendar.svg) no-repeat;
     background-size: contain;
     width: 13px;
     height: 13px;
     border-width: thin;
 }

 .search-section .content-section .inputs .current-location {
     height: 52px;
 }

 .search-section .content-section .inputs .current-location svg {
     stroke: #191919;
     fill: #191919;
     width: 20px;
 }

 .search-section .content-section .inputs .current-location .text {
     font-size: 0.75rem;
     line-height: 0.875rem;
     word-break: break-word;
 }

 .search-section .content-section .d-flex.gap-30 {
     align-items: end;
 }

 .search-section.showcountries .content-section {
     box-shadow: none;
     padding: 30px 40px 50px;
     background-color: #313030;
 }

 .search-section.showcountries .content-section .head .text,
 .search-section.showcountries .content-section .sec-color,
 .search-section.showcountries .content-section .inputs .current-location {
     color: #b8b8b8;
 }

 .search-section.showcountries .content-section .inputs .current-location svg {
     stroke: #b8b8b8;
     fill: #b8b8b8;
 }

 .search-section.showcountries .content-section .inputs .input-box {
     background-color: #444444;
     padding: 0;
 }

 .search-section .content-section .inputs .input-box .form-control {
     /* color: #eee; */
     width: 100%;
     padding-inline-start: 43px;
     height: 100%;
     z-index: 2;
 }

 .search-section.showcountries .Overlay__wrapper {
     opacity: 1;
     visibility: visible;
 }

 .search-section.showcountries #return-location .input-box .close-btn {
     opacity: 1;
     visibility: visible;
 }

 .search-section.showDates .SearchEnginePopup__popup .SearchEngineCountries {
     display: none;
 }

 .search-section.showDates .SearchEnginePopup__popup .three-calendars {
     display: block !important;
 }

 .search-section .focus-input {
     box-shadow: 0 0 0 1px #e4b755;
 }

 .search-section #return-location .input-box {
     position: relative;
 }

 .search-section #return-location .input-box .close-btn {
     position: absolute;
     top: 15px;
     left: 11px;
     cursor: pointer;
     opacity: 0;
     visibility: hidden;
     transition: 0.3s;
 }

 .search-section #return-location .input-box .close-btn svg {
     width: 13px;
 }

 .search-section #return-location .input-box .close-btn svg path {
     transition: 0.3s;
 }

 .search-section #return-location .input-box .close-btn svg:hover path {
     fill: #f00;
 }

 .SearchEnginePopup__popup {
     background: #fff;
     position: absolute;
     right: 0;
     left: 0;
     height: 600px;
     margin-top: -20px;
     display: none;
     overflow: auto;
 }

 .SearchEnginePopup__popup .countries_side {
     max-height: 600px;
     overflow: auto;
     padding: 2rem 0 0;
     padding-inline-end: 20px;
     padding-inline-start: 3rem;
 }

 .SearchEnginePopup__popup .countries_side::-webkit-scrollbar {
     width: 4px;
 }

 .SearchEnginePopup__popup .countries_side::-webkit-scrollbar-thumb {
     background: #0D683D;
 }

 .SearchEnginePopup__popup .countries_side::-webkit-scrollbar-track {
     background: #cbcbcb;
 }

 .SearchEnginePopup__popup .countries_side li {
     margin-bottom: 25px;
     cursor: pointer;
     transition: 0.3s;
 }

 .SearchEnginePopup__popup .countries_side li:hover {
     color: #E4B755;
 }

 .SearchEnginePopup__popup .countries_side .StationList__distance {
     color: #E4B755;
     font-size: 0.675em;
     white-space: nowrap;
 }

 .SearchEnginePopup__popup .stationDetails iframe {
     width: 100%;
     height: 430px;
 }

 .SearchEnginePopup__popup .StationInfo__stationDetails {
     padding: 2rem 30px;
     position: relative;
     z-index: 10;
 }

 .SearchEnginePopup__popup .StationInfo__stationDetails .headline {
     color: #191919;
     font-size: 1.375em;
     font-weight: 700;
     line-height: 120%;
     margin: 0;
 }

 .SearchEnginePopup__popup .StationInfo__stationDetails .subline {
     color: #191919;
     font-size: 0.875em;
 }

 .SearchEnginePopup__popup .StationInfo__stationDetails .openings {
     font-size: 0.875em;
     column-count: 2;
     gap: 30px;
 }

 .SearchEnginePopup__popup .StationInfo__stationDetails .openings .item {
     display: flex;
     gap: 20px;
 }

 .SearchEnginePopup__popup .three-calendars {
     padding: 20px;
     direction: ltr;
 }

 .SearchEnginePopup__popup .three-calendars .pickmeup.pmu-view-days.pmu-flat {
     width: 100%;
     display: flex;
     background: transparent;
 }

 .SearchEnginePopup__popup .three-calendars .pickmeup.pmu-view-days.pmu-flat .pmu-instance {
     width: auto;
     padding: 0 1.875rem;
     height: auto;
 }

 .SearchEnginePopup__popup .three-calendars .pickmeup .pmu-instance nav,
 .SearchEnginePopup__popup .three-calendars .pickmeup .pmu-instance .pmu-button {
     color: #191919;
 }

 .SearchEnginePopup__popup .three-calendars .pickmeup .pmu-instance .pmu-month.pmu-button {
     flex: 1;
     color: #191919;
     font-size: 1.3em;
     font-weight: 700;
 }

 .SearchEnginePopup__popup .three-calendars .pickmeup .pmu-instance:last-of-type nav {
     justify-content: end;
 }

 .SearchEnginePopup__popup .three-calendars .pickmeup .pmu-instance .pmu-day-of-week *,
 .SearchEnginePopup__popup .three-calendars .pickmeup .pmu-instance .pmu-days * {
     padding: 0.6875rem 0;
     font-size: 1.125em;
 }

 .SearchEnginePopup__popup .three-calendars .pickmeup .pmu-instance .pmu-day-of-week * {
     font-size: 0.875em;
 }

 .SearchEnginePopup__popup .three-calendars .pickmeup .pmu-instance .pmu-day-of-week {
     justify-content: space-between !important;
     margin-top: 13px;
 }

 .SearchEnginePopup__popup .three-calendars .pickmeup .pmu-instance .pmu-day-of-week *,
 .SearchEnginePopup__popup .three-calendars .pickmeup .pmu-instance .pmu-days * {
     width: 42px;
 }

 .SearchEnginePopup__popup .three-calendars .pickmeup .pmu-instance .pmu-days * {
     color: #191919;
 }

 .SearchEnginePopup__popup .three-calendars .pickmeup .pmu-instance .pmu-prev,
 .SearchEnginePopup__popup .three-calendars .pickmeup .pmu-instance .pmu-next {
     color: #e4b755;
 }

 .SearchEnginePopup__popup .three-calendars .pickmeup .pmu-instance .pmu-selected {
     background: #e4b755;
     color: #fff !important;
 }

 .SearchEnginePopup__popup .three-calendars .pickmeup .pmu-instance .pmu-button:hover {
     background: #e4b755;
     color: #fff !important;
 }

 .SearchEnginePopup__popup .three-calendars .pmu-not-in-month {
     display: none;
 }

 .SearchEnginePopup__popup .three-calendars .pickmeup .pmu-instance .pmu-today {
     background: rgba(13, 104, 61, 0.5);
     color: #fff !important;
 }

 .SearchEnginePopup__popup .three-calendars .pickmeup .pmu-instance .pmu-disabled,
 .SearchEnginePopup__popup .three-calendars .pickmeup .pmu-instance .pmu-disabled:hover {
     opacity: 0.5;
     background-color: transparent;
     color: #191919 !important;
 }

 .Overlay__wrapper {
     height: 100vh;
     left: 0;
     position: fixed;
     top: 0;
     transition: opacity 0.5s ease-in-out;
     width: 100%;
     z-index: 5;
     opacity: 0;
     visibility: hidden;
 }

 .Overlay__wrapper .Overlay__layer {
     background: rgba(0, 0, 0, 0.75);
     height: 100vh;
     left: 0;
     position: absolute;
     top: 0;
     width: 100%;
 }

 /*--------------------------------------------------------------
         # End search Section
         --------------------------------------------------------------*/
 /*--------------------------------------------------------------
         # Start Offers Section
         --------------------------------------------------------------*/
 .offers-section {
     padding-bottom: 85px;
 }

 .offers-section .offer-box:hover .info .head {
     color: #E4B755;
 }

 .offers-section .offer-box:hover .image img {
     transform: scale(1.05) rotate(1deg);
 }

 .offers-section .offer-box .image {
     height: 300px;
     border-radius: 20px;
     overflow: hidden;
 }

 .offers-section .offer-box .image img {
     height: 100%;
     width: 100%;
     object-fit: cover;
 }

 .offers-section .offer-box .info .head {
     font-size: 2em;
 }

 .offers-section .offer-box .info p {
     font-size: 1.125em;
 }

 /*--------------------------------------------------------------
         # End Offers Section
         --------------------------------------------------------------*/
 /*--------------------------------------------------------------
         # Start Car Section
         --------------------------------------------------------------*/
 .car-section {
     padding-bottom: 90px;
 }

 .car-section .item-carousel {
     padding: 50px 0;
     transition: 0.4s;
 }

 .car-section .owl-theme {
     min-height: 414px;
 }

 .car-section .owl-theme .owl-nav.disabled+.owl-dots {
     bottom: 0;
     position: absolute;
     left: 50%;
     transform: translateX(-50%);
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
     width: 100%;
 }

 .car-section .owl-item.center .item-carousel {
     display: flex;
     align-items: center;
     justify-content: center;
     margin-top: -40px;
 }

 .car-section .owl-item.center .item-carousel .car-box {
     width: 340px;
     height: 340px;
     flex: none;
     background-color: #E4B755;
 }

 .car-section .owl-item.center .item-carousel .car-box .category {
     width: 100px;
     height: 100px;
     font-size: 1.25em !important;
     padding: 10px;
 }

 .car-section .car-box {
     position: relative;
     width: 260px;
     height: 260px;
     background-color: #F8F1E1;
     border-radius: 50%;
     margin: 0 auto;
     transition: 0.4s;
 }

 .car-section .car-box .category {
     position: absolute;
     bottom: 0;
     left: 20px;
     width: 62px;
     height: 62px;
     background-color: #F9FBFA;
     border-radius: 50%;
     transition: 0.5s;
 }

 .car-section .car-box img {
     max-height: 90%;
     object-fit: contain;
 }

 /* .choose-car-section.store-page .row [class*=col-] {
             position: initial;
             z-index: inherit;
         }

         .choose-car-section.store-page .collapse {
             position: absolute;
             z-index: 9;
             width: 100%;
             background: #fff;
             left: 0;
             right: 0;
             display: block;
             height: 0;
             opacity: 0;
             overflow: hidden;
         }

         .choose-car-section.store-page .collapse.show {
             opacity: 1;
             /* height: auto;
         } */


 .collapse-inner.row {
     background: #FFF;
     border-radius: 20px;
     overflow: hidden;
     margin: 30px 15px;
 }

 .collapse-inner.row .col-md-6 {
     padding: 0;
 }

 .collapse-inner.row .details-car-inner-h {
     height: 100%;
     background: transparent linear-gradient(52deg, #29A269 0%, #0E693E 100%);
     padding: 46px 30px;
 }

 .collapse-inner.row .details-car-inner-h .details-top {
     margin: 0 0 80px;
 }

 .collapse-inner.row .details-car-inner-h .details-top h3 {
     color: #FFF;
     font-size: 14px;
     font-weight: bold;
     margin: 0 0 15px;
 }

 .collapse-inner.row .details-car-inner-h .details-top ul {
     display: flex;
     flex-wrap: wrap;
     gap: 30px;
 }

 .collapse-inner.row .details-car-inner-h .details-top ul li {
     color: #D5ECE1;
     font-size: 14px;
 }

 .collapse-inner.row .details-car-inner-h .details-top ul li i {
     margin-inline-end: 7px;
 }

 .car-imgs .img-block img {
     max-width: 100%;
 }

 .car-imgs .img-block {
     text-align: center;
 }

 .collapse-inner.row .car-more-details {
     padding: 46px 30px;
 }

 .collapse-inner.row .car-more-details .item {
     display: flex;
     justify-content: space-between;
     align-items: center;
     -webkit-align-items: center;
     border-bottom: 1px solid #DCE6E2;
     padding: 16px 0;
 }

 .collapse-inner.row .car-more-details .item:first-child {
     padding-top: 0;
 }

 .collapse-inner.row .car-more-details .item:last-child {
     border: none;
     padding-bottom: 0;
 }

 .collapse-inner.row .car-more-details .item h3 {
     margin: 0;
     color: #0D683D;
     font-size: 14px;
     font-weight: bold;
 }

 .collapse-inner.row .car-more-details .item span {
     color: #8E8E8E;
     font-size: 14px;
 }

 .product-box.clicked {
     background: transparent linear-gradient(218deg, #E1AE32 0%, #E6BB65 100%) 0% 0% no-repeat padding-box;
     box-shadow: 0px 0px 35px #E5B85B19;
 }

 .product-box.clicked .category {
     background: #FFF;
     color: #E1AF33 !important;
 }

 .product-box.clicked .name,
 .product-box.clicked h6.type,
 .product-box.clicked .price,
 .product-box.clicked p {
     color: #fff;
 }

 .product-box .main-btn {
     display: none;
 }

 .product-box::after {
     content: "";
     width: 40px;
     height: 40px;
     position: absolute;
     bottom: -15px;
     background: #e4b652;
     transform: rotate(45deg);
     margin: 0 auto;
     right: 0;
     left: 0;
     opacity: 0;
     transition: all .5s;
 }

 .product-box.clicked::after {
     opacity: 1;
 }

 .sidebar-h {
     background: #FFFFFF 0% 0% no-repeat padding-box;
     box-shadow: 0px 0px 35px #E5B85B19;
     border-radius: 20px;
     padding: 30px;
 }

 .sidebar-h select.nice-select {
     position: relative;
     float: none;
     width: 100%;
     margin: 10px 0;
     color: #0D683D;
     font-weight: bold;
     background: transparent;
     border-radius: 0;
     padding: 0;
     margin-bottom: 0;
 }

 .title-h.main-info.gsap-reveal-hero.second span.line {
     display: none;
 }

 .resetNow {
     color: #E1AF33;
     font-size: 12px;
     font-weight: bold;
     display: flex;
     width: 100%;
     border: none !important;
     background: none !important;
     justify-content: flex-end;
     margin: 0 0 20px;
 }


 /*--------------------------------------------------------------
         # End Car Section
         --------------------------------------------------------------*/
 /*--------------------------------------------------------------
         # Start About Section
         --------------------------------------------------------------*/
 .about-section {
     padding: 100px 0;
 }

 .about-section .image-side {
     position: relative;
     min-height: 400px;
     min-width: 540px;
     max-width: max-content;
     margin-right: auto;
 }

 .about-section .image-side:after {
     position: absolute;
     content: "";
     background-image: url(../img/bg.png);
     background-size: contain;
     background-position: center;
     background-repeat: no-repeat;
     width: 590px;
     height: 548px;
     left: 0;
     top: 50%;
     z-index: -1;
     transform: translateY(-50%);
 }

 .about-section .image-side img {
     max-height: 280px;
     object-fit: contain;
 }

 .about-section .image-side .shape {
     background-color: #fff;
     border-radius: 43px;
     min-width: 81px;
     min-height: 81px;
     padding: 15px;
     flex-direction: column;
     position: absolute;
     box-shadow: 0px 0px 40px rgba(13, 104, 61, 0.07);
 }

 .about-section .image-side .shape.one {
     bottom: 30px;
     right: -120px;
 }

 .about-section .image-side .shape.two {
     left: -42px;
     top: 44px;
 }

 .about-section .image-side .shape.three {
     bottom: -33px;
     left: -60px;
 }

 /*--------------------------------------------------------------
         # End About Section
         --------------------------------------------------------------*/
 /*--------------------------------------------------------------
         # Start choose car Section
         --------------------------------------------------------------*/
 .choose-car-section {
     padding: 85px 0 55px;
     background-color: rgba(248, 241, 225, 0.6);
     border-radius: 20px;
     margin: 0 50px 100px;
     height: fit-content;
 }

 .choose-car-section .main-info .head {
     max-width: max-content;
 }

 .choose-car-section .nice-select {
     border-radius: 50px;
     background-color: #FCFCF5;
     border: 0;
     height: 50px;
 }

 .choose-car-section .nice-select:after {
     border-bottom: 3px solid #0D683D;
     border-right: 3px solid #0D683D;
 }

 .choose-car-section .nice-select .current {
     color: #0D683D;
     font-weight: 700;
 }

 .choose-car-section .nice-select .list {
     color: #0D683D;
 }

 .choose-car-section .row {
     position: relative;
 }

 .choose-car-section .row:after {
     position: absolute;
     content: "";
     bottom: -65px;
     right: -65px;
     width: 138px;
     height: 138px;
     border-radius: 50%;
     background: rgb(13, 104, 61);
     background: linear-gradient(42deg, rgb(13, 104, 61) 0%, rgb(41, 162, 105) 100%);
 }

 .choose-car-section .row [class*=col-] {
     position: relative;
     z-index: 1;
 }

 .choose-car-section.store-page {
     overflow: visible;
 }

 .choose-car-section.store-page .main-info .head {
     font-size: 1.5em;
 }

 .choose-car-section.store-page .main-info .line {
     width: 100%;
 }

 .choose-car-section .owl-carousel .item-carousel {
     padding: 30px 0;
 }

 .choose-car-section .owl-carousel .owl-nav button {
     border: 2px solid;
     background: transparent;
 }

 .choose-car-section .owl-carousel .owl-nav button:hover {
     background-color: #E4B755;
 }

 .product-box {
     position: relative;
     padding: 30px;
     border-radius: 20px;
     background-color: #fff;
     transition: 0.3s;
     border: 1px solid transparent;
 }

 .product-box:hover {
     box-shadow: 0px 3px 40px rgba(227, 190, 107, 0.5);
     border: 1px solid #D8A940;
 }

 .product-box .product-link {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
 }

 .product-box .image img {
     height: 165px;
     object-fit: contain;
 }

 .product-box .stars {
     direction: ltr;
 }

 .product-box .category {
     position: absolute;
     top: 30px;
     left: 0;
     padding: 3px 12px;
     border-radius: 0 10px 10px 0;
     background: linear-gradient(to right, #E1AE32 0%, #e6c583 100%);
     font-size: 0.75em;
 }

 /*--------------------------------------------------------------
         # End choose car Section
         --------------------------------------------------------------*/
 /*--------------------------------------------------------------
         # Start our location Section
         --------------------------------------------------------------*/
 .our-location-section {
     padding-bottom: 100px;
     padding-top: 35px;
 }

 .our-location-section .image-bg {
     position: relative;
 }

 .our-location-section .image-bg:after {
     position: absolute;
     content: "";
     top: -35px;
     left: -35px;
     width: 82px;
     height: 82px;
     border-radius: 50%;
     background: linear-gradient(to right, #E1AE32 0%, #e6c583 100%);
     z-index: -1;
 }

 .our-location-section .image-bg .master-image {
     height: 505px;
     width: 100%;
     object-fit: cover;
     border-radius: 40px;
 }

 .our-location-section .image-bg .icon {
     position: absolute;
     left: 108px;
     bottom: -42px;
     padding: 33px 25px;
     background-color: #F9FBFA;
     border-radius: 100px;
 }

 .our-location-section .image-bg .info-box {
     position: absolute;
     background-color: #fff;
     top: 50%;
     right: 42px;
     transform: translateY(-50%);
     padding: 30px 50px 35px;
     border-radius: 26px;
     box-shadow: 0px 3px 50px rgba(13, 104, 61, 0.1);
     max-width: 43%;
 }

 .our-location-section .image-bg .info-box .main-info p {
     -webkit-line-clamp: 4;
 }

 .our-location-section .image-bg .info-box:after {
     position: absolute;
     content: "";
     bottom: -50px;
     width: 0;
     height: 0;
     border-left: 33px solid transparent;
     border-right: 33px solid transparent;
     border-top: 53px solid #fff;
     left: 50%;
     transform: translateX(-50%);
 }

 /*--------------------------------------------------------------
         # End our location Section
         --------------------------------------------------------------*/
 /*--------------------------------------------------------------
         # Start Contact Section
         --------------------------------------------------------------*/
 .contact-section {
     padding-bottom: 80px;
 }

 .contact-section .main-form {
     position: relative;
     padding-inline-end: 120px;
 }

 .contact-section .main-form:after {
     position: absolute;
     content: "";
     background-image: url(../img/arrow.png);
     background-size: contain;
     height: 100%;
     width: 164px;
     background-repeat: no-repeat;
     background-position: center;
     top: 0;
     left: 0;
     z-index: -1;
 }

 .contact-section .form-side {
     position: relative;
     background-color: #5BAC86;
     border-radius: 20px;
     padding: 30px;
     overflow: hidden;
 }

 .contact-section .form-side:after {
     position: absolute;
     content: "";
     background-image: url(../img/border-2.png);
     background-size: contain;
     top: 0;
     left: 0;
     width: 100%;
     height: 14px;
 }

 .contact-section .form-side:before {
     position: absolute;
     content: "";
     background-image: url(../img/border.png);
     background-size: contain;
     top: 0;
     right: 0;
     width: 13px;
     height: 100%;
 }

 .contact-section .form-side .border-bottom {
     position: absolute;
     background-image: url(../img/border-2.png);
     background-size: contain;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 14px;
 }

 .contact-section .form-side .content-form {
     background-color: #F9FBFA;
     border-radius: 20px;
     padding: 50px;
 }

 .contact-section .form-side .content-form .form-control {
     border: 1px solid #0D683D;
     background-color: #fff;
     border-radius: 50px;
     height: 50px;
     padding: 5px 30px;
 }

 .contact-section .form-side .content-form .form-control::placeholder {
     color: #C4C4C4;
 }

 .contact-section .main-info {
     position: relative;
 }

 .contact-section .main-info:after {
     position: absolute;
     content: "";
     bottom: -65px;
     left: 65px;
     width: 82px;
     height: 82px;
     border-radius: 50%;
     background: linear-gradient(to right, #E1AE32 0%, #e6c583 100%);
     z-index: -1;
 }

 .contact-section .main-info .arrow {
     margin-top: -80px;
 }

 /*--------------------------------------------------------------
         # End Contact Section
         --------------------------------------------------------------*/
 /*--------------------------------------------------------------
         # Start About page
         --------------------------------------------------------------*/
 .our-message-section {
     margin: 70px 0;
 }

 .our-message-section .content {
     position: relative;
     background-color: #0D683D;
     padding: 50px;
     border-radius: 20px;
 }

 .our-message-section .content .line {
     width: 8px;
     height: 60px;
     border-radius: 50px;
     background: rgb(216, 168, 65);
     background: linear-gradient(0deg, rgb(216, 168, 65) 0%, rgb(230, 195, 117) 100%);
 }

 .our-message-section .animate-group {
     position: absolute;
     width: 100%;
     height: 100%;
     right: 0;
     left: 0;
 }

 .our-message-section .animate-group img {
     position: absolute;
 }

 .our-message-section .animate-group .one {
     top: 20%;
     right: 30%;
 }

 .our-message-section .animate-group .three {
     top: 55%;
     right: 50%;
 }

 .our-message-section .animate-group .two {
     top: 45%;
     left: 5%;
 }

 .our-message-section .animate-group .four {
     top: 20px;
     right: 10px;
 }

 .our-message-section .animate-group .five {
     top: 30px;
     left: 50px;
 }

 .our-message-section .animate-group .six {
     bottom: 30px;
     left: 30%;
 }

 .our-message-section .animate-group .seven {
     bottom: 20px;
     left: 30%;
 }

 .our-message-section .animate-group .eight {
     bottom: 20px;
     left: 70%;
 }

 /*--------------------------------------------------------------
         # End About page
         --------------------------------------------------------------*/
 .why-us-section {
     overflow: visible;
     margin-bottom: 100px;
 }

 .why-us-section [class*=col-]:nth-child(2n+1) .box {
     padding: 30px;
     padding-inline-end: 200px;
 }

 .why-us-section [class*=col-]:nth-child(2n+2) .box {
     padding: 30px;
     padding-inline-start: 200px;
 }

 .why-us-section [class*=col-]:nth-child(1) .box {
     box-shadow: 5px 10px 40px #f8f0e6;
 }

 .why-us-section [class*=col-]:nth-child(1) .box .border-img {
     bottom: 0;
     left: 0;
 }

 .why-us-section [class*=col-]:nth-child(2) .box {
     box-shadow: 20px 20px 60px #f8f0e6;
 }

 .why-us-section [class*=col-]:nth-child(2) .box .border-img {
     bottom: 0;
     right: 0;
 }

 .why-us-section [class*=col-]:nth-child(2) .box ul li .icon {
     background: linear-gradient(270deg, rgb(41, 162, 105) 0%, rgb(14, 105, 62) 100%);
 }

 .why-us-section [class*=col-]:nth-child(3) .box {
     box-shadow: 10px 10px 5px rgba(248, 240, 230, 0.1);
 }

 .why-us-section [class*=col-]:nth-child(3) .box .border-img {
     top: 0;
     left: 0;
 }

 .why-us-section [class*=col-]:nth-child(3) .box ul li .icon {
     background: linear-gradient(270deg, rgb(41, 162, 105) 0%, rgb(14, 105, 62) 100%);
 }

 .why-us-section [class*=col-]:nth-child(4) .box {
     box-shadow: 10px 10px 40px #f8f0e6;
 }

 .why-us-section [class*=col-]:nth-child(4) .box .border-img {
     top: 0;
     right: 0;
 }

 .why-us-section .box {
     position: relative;
     height: 100%;
 }

 .why-us-section .box .head .icon {
     width: 36px;
     height: 36px;
     background-color: #DAAD4B;
     border-radius: 50%;
     border: 6px solid #f5e4c1;
     box-shadow: 0px 0px 0px 7px #FCF0D8;
     color: #0D683D;
 }

 .why-us-section .box ul li .icon {
     width: 22px;
     height: 22px;
     border-radius: 50%;
     background: linear-gradient(0deg, rgb(216, 168, 65) 0%, rgb(230, 195, 117) 100%);
     color: #fff;
 }

 .why-us-section .box .num {
     position: absolute;
     top: -30px;
     right: 40%;
     font-size: 177px;
     color: #F8F4ED;
     z-index: -1;
 }

 .why-us-section .box .border-img {
     position: absolute;
 }

 .why-us-section .center-content {
     position: absolute;
     left: 50%;
     transform: translate(-50%, -50%);
     background-color: #fff;
     border-radius: 50%;
     width: 270px;
     height: 270px;
     flex-direction: column;
     padding: 25px;
     z-index: 1;
 }

 /*--------------------------------------------------------------
         # Start Our Pranches page
         --------------------------------------------------------------*/
 .filter-section {
     transform: translateY(-50%);
     overflow: visible;
     margin-bottom: 50px;
 }

 .filter-section .search-box {
     background-color: #fff;
     box-shadow: 0px 3px 50px #f8f0e6;
     padding: 25px;
     border-radius: 50px;
 }

 .filter-section .search-box .main-btn {
     max-width: 125px;
     min-width: auto;
 }

 .filter-section .search-box .main-btn.filter-btn {
     background: #FBF7EC;
     border: 1px solid #F3E6C9 !important;
     color: #E1B043;
 }

 .filter-section .search-box .main-btn.filter-btn:hover {
     background: #E1B043;
     color: #fff;
 }

 .our-pranches-section {
     margin-bottom: 100px;
 }

 .our-pranches-section .pranches-content {
     max-height: 1050px;
     overflow: auto;
     direction: ltr;
     padding-inline-end: 15px;
     padding-bottom: 40px;
 }

 .our-pranches-section .pranches-content::-webkit-scrollbar-track {
     border-radius: 30px;
     background-color: #FBF6EF;
 }

 .our-pranches-section .pranches-content::-webkit-scrollbar {
     border-radius: 30px;
     width: 18px;
     background-color: #FBF6EF;
 }

 .our-pranches-section .pranches-content::-webkit-scrollbar-thumb {
     border-radius: 30px;
     background-color: #E4B755;
 }

 .our-pranches-section .pranches-content .box {
     direction: rtl;
     padding: 30px 30px 25px;
     background-color: #FBF6EF;
     background-image: url(../img/bg-pranch.png);
     background-size: contain;
     border-radius: 10px;
     border: 1px solid #F2E5CC;
     transition: 0.3s;
 }

 .our-pranches-section .pranches-content .box:not(:last-of-type) {
     margin-bottom: 30px;
 }

 .our-pranches-section .pranches-content .box .head .icon {
     width: 50px;
     height: 50px;
     background-color: #F8F4EB;
     border: 8px solid #FFFDF9;
     border-radius: 50%;
 }

 .our-pranches-section .pranches-content .box p {
     color: #8E8E8E;
 }

 .our-pranches-section .pranches-content .box:hover {
     background-color: #fff;
     background-image: none;
     border-color: #E1B14C;
     box-shadow: 0px 3px 40px #f8f0e6;
 }

 /*--------------------------------------------------------------
         # End Our Pranches page
         --------------------------------------------------------------*/
 /*--------------------------------------------------------------
         # Start Services page
         --------------------------------------------------------------*/
 .services-section {
     padding: 100px 0;
 }

 .services-section .all-services {
     padding-inline-end: 80px;
 }

 .services-section .services-box {
     gap: 60px;
 }

 .services-section .services-box:nth-of-type(even) {
     flex-direction: row-reverse;
 }

 .services-section .services-box .image-side {
     width: 262px;
     height: 262px;
     background-color: #FCF7EA;
     border-radius: 50%;
     flex-direction: column;
     text-align: center;
 }

 .services-section .services-box .image-side:hover {
     background-color: #E4B755;
 }

 .services-section .services-box .image-side:hover h5 {
     color: #fff;
 }

 .services-section .services-box .image-side .img {
     width: 144px;
     height: 144px;
     background-color: #FFFDF9;
     border-radius: 50%;
 }

 .services-section .services-box .image-side .img img {
     max-height: 82px;
     width: auto;
     max-width: 100px;
 }

 .services-section .services-box .image-side h5 {
     color: #185C3A;
 }

 .services-section .image-master {
     position: relative;
 }

 .services-section .animate-group .one {
     top: 10px;
     right: -20px;
 }

 .services-section .animate-group .two {
     top: 10px;
     left: -20px;
 }

 .services-section .animate-group .three {
     top: 40%;
     left: -60px;
 }

 .services-section .animate-group .four {
     top: 45%;
     right: -60px;
 }

 .services-section .animate-group .five {
     bottom: 10px;
     right: -20px;
 }

 .services-section .animate-group .six {
     bottom: 10px;
     left: -20px;
 }

 /*--------------------------------------------------------------
         # End Services page
         --------------------------------------------------------------*/
 /*--------------------------------------------------------------
         # Start Jobs Page
         --------------------------------------------------------------*/
 .jobs-section {
     background-color: #FAF4EA;
     margin: 0 50px 100px;
     border-radius: 20px;
     padding: 100px 0;
 }

 .jobs-section .job-box {
     padding: 30px;
     background-color: #fff;
     border-radius: 20px;
     height: 100%;
 }

 .jobs-section .job-box .top-box .icon {
     width: 50px;
     height: 50px;
     background-color: #fbefd4;
     border-radius: 50%;
     border: 8px solid #f8f4eb;
     color: #E4B755;
 }

 .jobs-section .job-box .badge {
     background-color: #F8F4EB;
     border-radius: 50px;
     padding: 9px 22px;
     min-width: 98px;
     min-height: 40px;
     text-align: center;
     color: #0D683D;
 }

 .jobs-section .job-box .desc {
     color: #8E8E8E;
 }

 .jobs-section .job-box .desc p {
     line-height: 1.7;
 }

 .jobs-section .job-box .main-btn {
     min-height: 40px;
 }

 /*--------------------------------------------------------------
         # End Jobs Page
         --------------------------------------------------------------*/
 /*--------------------------------------------------------------
         # Start animate group master
         --------------------------------------------------------------*/
 .animate-group.master img {
     position: absolute;
 }

 .animate-group.master .one {
     top: 10px;
     right: 100px;
 }

 .animate-group.master .two {
     top: 10px;
     left: 100px;
 }

 .animate-group.master .three {
     top: 40%;
     left: 90px;
 }

 .animate-group.master .four {
     top: 45%;
     right: 90px;
 }

 .animate-group.master .five {
     bottom: 10px;
     right: 130px;
 }

 .animate-group.master .six {
     bottom: 40px;
     left: 170px;
 }

 .animate-group.master .seven {
     top: 20%;
     right: 54%;
 }

 .animate-group.master .eight {
     top: 0;
     left: 15%;
 }

 .animate-group.master .nine {
     bottom: 70px;
     left: 25%;
 }

 .animate-group.master .ten {
     top: 50px;
     right: 20%;
 }

 .animate-group.master .eleven {
     top: 30px;
     right: 40%;
 }

 .animate-group.master .twelve {
     bottom: 70px;
     right: 40%;
 }

 .animate-group.master .th13 {
     bottom: 70px;
     left: 40%;
 }

 .animate-group.master .th14 {
     bottom: 50%;
     left: 40%;
 }

 /*--------------------------------------------------------------
         # End animate group master
         --------------------------------------------------------------*/
 /*--------------------------------------------------------------
         # Start Single product page
         --------------------------------------------------------------*/
 .single-product-page {
     margin-bottom: 100px;
 }

 .single-product-page .content-page {
     border: 1px solid #F3E0B5;
     border-radius: 20px;
 }

 .single-product-page .right-side {
     border-radius: 20px;
     position: relative;
     top: -1px;
     right: -1px;
     padding: 34px 50px;
     background-color: #FAF4EA;
 }

 .single-product-page .right-side .features {
     gap: 10px 30px;
 }

 .single-product-page .left-side {
     padding: 34px 40px;
 }

 .single-product-page .left-side ul {
     gap: 30px;
 }

 .single-product-page .left-side ul li {
     max-width: calc(50% - 15px);
     flex: calc(50% - 15px);
 }

 .single-product-page .left-side ul li .icon {
     width: 20px;
     height: 20px;
     border-radius: 50%;
     color: #fff;
     background: linear-gradient(0deg, rgb(225, 174, 50) 0%, rgb(225, 177, 82) 100%);
     font-size: 0.9em;
 }

 /*--------------------------------------------------------------
         # End Single product page
         --------------------------------------------------------------*/
 /*--------------------------------------------------------------
         # Start Terms Page
         --------------------------------------------------------------*/
 .terms-page {
     padding: 100px 0;
 }

 .terms-page p {
     line-height: normal;
 }

 .terms-page .top {
     gap: 30px 100px;
 }

 .terms-page .single-block:not(:last-of-type) {
     margin-bottom: 50px;
 }

 .terms-page .single-block .head .num {
     width: 80px;
     height: 80px;
     border: 11px solid #FAF4EA;
     background-color: #F9EAD2;
     color: #E4B755;
     border-radius: 50%;
 }

 .terms-page .single-block p {
     font-size: 0.875em;
 }

 /*--------------------------------------------------------------
         # End Terms Page
         --------------------------------------------------------------*/
 /*--------------------------------------------------------------
         # Start Faq Page
         --------------------------------------------------------------*/
 .faq-page {
     padding: 100px 0;
 }

 .faq-page .questions .box {
     margin-bottom: 16px;
     border-radius: 10px;
     border: 1px solid #F8ECD5;
 }

 .faq-page .questions .box.active {
     background-color: #FFFCFC;
     border: 1px solid #DFB55B;
     box-shadow: 0px 0px 40px rgba(223, 181, 91, 0.15);
 }

 .faq-page .questions .box.active .head_ques .icon {
     transform: rotate(180deg);
 }

 .faq-page .questions .box.block .content {
     display: block;
 }

 .faq-page .questions .box .head_ques {
     padding: 30px;
     display: flex;
     align-items: center;
     justify-content: space-between;
     cursor: pointer;
     transition: 0.3s;
 }

 .faq-page .questions .box .head_ques .icon {
     transition: 0.3s;
     width: 23px;
     height: 23px;
     color: #fff;
     background: linear-gradient(0deg, rgb(225, 174, 50) 0%, rgb(225, 177, 82) 100%);
     border-radius: 50%;
 }

 .faq-page .questions .box .content {
     display: none;
 }

 .faq-page .questions .box .block {
     padding: 0 30px 20px;
 }

 .faq-page .questions .box .block p {
     margin: 0;
     font-size: 0.875em;
     line-height: normal;
 }

 /*--------------------------------------------------------------
         # End Faq Page
         --------------------------------------------------------------*/
 /*--------------------------------------------------------------
         # Start Login page
         --------------------------------------------------------------*/
 .login-page {
     background: rgb(5, 75, 42);
     background: linear-gradient(151deg, rgb(5, 75, 42) 24%, rgb(29, 130, 82) 100%);
     min-height: 100vh;
     padding: 6%;
 }

 .login-page .back-btn {
     min-height: 40px;
     min-width: 112px;
     padding: 7px 15px;
 }

 .form-modal {
     background-color: #FFFDF9;
     border-radius: 20px;
     padding: 85px 50px;
 }

 .form-modal .reset-password .main-heading h2 {
     margin: 0 0 20px;
 }

 .form-modal .reset-password .main-heading p {
     color: #ACABAB;
 }

 .form-modal .reset-password .form-group-email {
     max-width: 550px;
     margin: 0 auto 30px;
 }

 .form-modal .form-group-virefy {
     max-width: max-content;
     margin: 30px auto 50px;
 }

 .form-modal .form-group-virefy .gray-color {
     color: #807C7C;
 }

 .form-modal .veri_inputs {
     display: flex;
     justify-content: center;
     align-items: center;
     direction: ltr;
     gap: 0 13px;
     margin: 15px 0 40px;
 }

 .form-modal .veri_inputs .verify-input-field {
     height: 60px;
     width: 60px;
     padding: 10px;
     text-align: center;
     font-size: 2em;
     font-weight: 700;
     outline: none;
     border-radius: 5px;
     color: #0D683D;
     caret-color: #0D683D;
     transition: 0.3s;
     background-color: #F8F3E6;
     border: 1px solid transparent;
 }

 .form-modal .veri_inputs .verify-input-field::selection {
     background: transparent;
 }

 .form-modal .veri_inputs .verify-input-field:focus {
     border-color: #E4B755;
 }

 .form-modal .veri_inputs~.main-btn {
     min-height: 50px;
 }

 .form-modal .uploadFile {
     margin: 0;
     position: relative;
     border-radius: 30px;
     background-color: #FCF7EA;
     cursor: pointer;
     transition: 0.3s;
     overflow: hidden;
     height: 147px;
     width: 100%;
     text-align: center;
 }

 .form-modal .uploadFile input {
     position: absolute;
     top: 0;
     right: 0px;
     width: 100%;
     height: 100%;
     opacity: 0;
 }

 .form-modal .uploadFile .icon i {
     font-size: 2.5em;
 }

 .form-modal .uploadFile .icon p {
     margin: 10px 0 0;
 }

 .form-modal .uploadFile .image-box {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: #fff;
     flex-direction: column;
     border: 1px solid #E4B755;
     border-radius: 30px;
     cursor: auto;
 }

 .form-modal .uploadFile .image-box img {
     max-height: 74px;
     object-fit: contain;
 }

 .form-modal .uploadFile .image-box .close {
     cursor: pointer;
     position: absolute;
     top: 9px;
     left: 7px;
     z-index: 1;
     background-color: #E4B755;
     width: 25px;
     height: 25px;
     border-radius: 50%;
     color: #fff;
     display: flex;
     align-items: center;
     justify-content: center;
     font-size: 13px;
     box-shadow: 0px 3px 6px rgba(195, 195, 195, 0.39);
 }

 .form-modal .form-group {
     margin-bottom: 30px;
 }

 .form-modal .custom_checkbox .checkmark {
     width: 20px;
     min-width: 20px;
     height: 20px;
     border: 1px solid #8FC49E;
 }

 .form-modal button.main-btn {
     min-height: 60px;
 }

 /*--------------------------------------------------------------
         # Start auth pages
         --------------------------------------------------------------*/
 .input-box {
     background-color: #FCF7EA;
     border-radius: 50px;
     padding: 13px 30px;
     height: 60px;
     transition: 0.3s;
 }

 .input-box.focus {
     box-shadow: 0 0 0 1px #E4B755;
     background-color: #FFFFFF;
 }

 .input-box .icon {
     color: #B4B0B0;
 }

 .input-box .form-control {
     border: 0;
     background: none;
     padding: 0 12px;
 }

 .input-box .form-control::placeholder {
     color: #B4B0B0;
     font-size: 0.875em;
 }

 .input-box select.form-control {
     color: #B4B0B0;
 }

 .input-box .toggle-password {
     width: 40px;
     height: 40px;
     background: rgba(12, 90, 53, 0.51);
     display: flex;
     align-items: center;
     justify-content: center;
     border-radius: 50%;
     color: #fbfbfb;
     margin-inline-end: -20px;
 }

 .input-box.input-box-textarea {
     padding: 16px 30px;
     border-radius: 30px;
 }

 .input-box textarea.form-control {
     height: 147px;
     border-radius: 20px;
     resize: none;
 }

 .input-box .main-btn.file-btn {
     font-weight: 400;
     min-height: auto;
     padding: 10px;
     margin-inline-end: -20px;
 }

 .input-box .img-name {
     margin-inline-start: 10px;
     color: #B4B0B0;
 }

 /*--------------------------------------------------------------
         # End auth pages
         --------------------------------------------------------------*/
 /*--------------------------------------------------------------
         # End Login page
         --------------------------------------------------------------*/
 /*--------------------------------------------------------------
         # Start Job Form Page
         --------------------------------------------------------------*/
 .job-form-page {
     background-color: #FEFCF9;
 }

 .job-form-page .right-side {
     background: rgb(5, 75, 42);
     background: linear-gradient(151deg, rgb(5, 75, 42) 24%, rgb(29, 130, 82) 100%);
     min-height: 100vh;
     padding: 6%;
     height: 100%;
 }

 .job-form-page .right-side .back-btn {
     min-height: 40px;
     min-width: 112px;
     padding: 7px 15px;
 }

 .job-form-page .right-side .head {
     color: #FBFAF8;
 }

 .job-form-page .right-side .head .icon {
     width: 56px;
     height: 56px;
     border-radius: 50%;
     background-color: #FBFAF8;
 }

 .job-form-page .right-side .head h2 {
     position: relative;
 }

 .job-form-page .right-side .head h2:after {
     position: absolute;
     content: "";
     width: 111px;
     height: 6px;
     border-radius: 50px;
     background-color: #D3E9DF;
     bottom: -24px;
     right: 0;
 }

 .job-form-page .right-side ul li {
     color: #D3E9DF;
 }

 .job-form-page .right-side ul li .icon {
     width: 30px;
     height: 30px;
     background-color: #FBFAF8;
 }

 .job-form-page .form-modal {
     min-height: 100vh;
     padding: 6%;
     background-color: transparent;
 }

 .job-form-page .form-modal .nice-select .current {
     color: #B4B0B0;
 }

 .job-form-page .form-modal .main-btn {
     min-height: 50px;
 }

 .job-form-page .form-modal .main-btn.trans {
     background: #fff;
     border: 1px solid #E4B755;
     color: #E4B755;
 }

 .job-form-page .form-modal .main-btn.trans:hover {
     background: #0D683D;
     color: #fff;
     border: 1px solid #0D683D;
 }

 .job-form-page .done-page .image-master {
     transform: translateX(60px);
 }

 .form__indicators .box {
     font-weight: 500;
     flex-basis: 0;
     flex-direction: column;
     color: #B5B5B5;
 }

 .form__indicators .box .icon {
     background-color: #FCF7EA;
     width: 60px;
     height: 60px;
     border-radius: 50%;
     color: #B5B5B5;
 }

 .form__indicators .box.active {
     color: #E4B755;
 }

 .form__indicators .box.active .icon {
     background-color: #E4B755;
     color: #fff;
 }

 .form__indicators .separator {
     width: 100%;
     height: 1px;
     background-color: #e5e5e5;
     margin-top: 30px;
 }

 /*--------------------------------------------------------------
         # End Job Form Page
         --------------------------------------------------------------*/
 /*--------------------------------------------------------------
         # Start order Page
         --------------------------------------------------------------*/
 .order-page .account-box {
     position: relative;
 }

 .order-page .account-box input {
     position: absolute;
     top: 0;
     right: 0;
     width: 1px;
     height: 1px;
     opacity: 0;
 }

 .order-page .account-box input:checked~label {
     background-color: #E4B755;
 }

 .order-page .account-box input:checked~label h6 {
     color: #fff;
 }

 .order-page .account-box input:checked~label .checkmark {
     color: #E4B755;
 }

 .order-page .account-box label {
     display: block;
     background-color: #FCF7EA;
     border-radius: 10px;
     padding: 30px;
     border: 1px solid #EED9AB;
     text-align: center;
 }

 .order-page .account-box label .checkmark {
     width: 44px;
     height: 44px;
     background-color: #FFFFFF;
     border: 1px solid #EED9AB;
     color: #fff;
     transition: 0.3s;
 }

 .order-page .account-box .image {
     width: 144px;
     height: 144px;
     background: #fff;
     margin: 0 auto 30px;
 }

 .order-page .account-box h6 {
     color: #E4B755;
     transition: 0.3s;
 }

 .order-page .payment-methods .item {
     position: relative;
 }

 .order-page .payment-methods .item:not(:last-of-type) {
     margin-bottom: 15px;
 }

 .order-page .payment-methods .item input {
     position: absolute;
     top: 0;
     right: 0;
     width: 1px;
     height: 1px;
     border: 0;
     opacity: 0;
 }

 .order-page .payment-methods .item input:checked~label .image {
     border: 1px solid #E4B755;
     box-shadow: 0 0 0 1px #E4B755;
     background-color: #fff;
 }

 .order-page .payment-methods .item .image {
     width: 210px;
     flex: none;
     height: 120px;
     background-color: #FEFCF9;
     border: 1px solid #EBDBBB;
     border-radius: 5px;
     display: flex;
     align-items: center;
     justify-content: center;
     flex-direction: column;
     transition: 0.3s;
 }

 .order-page .payment-methods .item .image i {
     font-size: 3em;
     margin-bottom: 9px;
 }

 .order-page .details-cart {
     padding: 34px 30px;
     border-radius: 10px;
     background-color: #FCF7EA;
 }

 .order-page .details-cart .item {
     color: #ACABAB;
 }

 .order-page .details-cart .item:not(:last-of-type) {
     border-bottom: 1px solid #F6E7C5;
     padding-bottom: 15px;
     margin-bottom: 15px;
 }

 /*--------------------------------------------------------------
         # End order Page
         --------------------------------------------------------------*/
 /*--------------------------------------------------------------
         # Start Profile page
         --------------------------------------------------------------*/
 .profile_page {
     padding-inline-start: 3.27%;
     padding-inline-end: 5.23%;
     padding-top: 50px;
     padding-bottom: 80px;
     background: rgb(14, 106, 62);
     background: linear-gradient(208deg, rgb(14, 106, 62) 0%, rgb(41, 162, 105) 100%);
 }

 .profile_page .profile-card {
     position: relative;
     padding-inline-end: 22%;
 }

 .profile_page .profile-card .personal-info .image {
     width: 80px;
     height: 80px;
     border: 3px solid #fff;
     background-color: #E4B755;
     border-radius: 50%;
     overflow: hidden;
     margin: 0 auto;
 }

 .profile_page .profile-card .personal-info .image img {
     object-fit: cover;
     width: 100%;
     height: 100%;
 }

 .profile_page .profile-card .tabs-li li {
     padding: 13px 30px;
     border-radius: 50px;
     transition: 0.4s;
     color: #E4B755;
     background-color: #FCF7EA;
 }

 .profile_page .profile-card .tabs-li li:not(:last-of-type) {
     margin-bottom: 15px;
 }

 .profile_page .profile-card .tabs-li li.active,
 .profile_page .profile-card .tabs-li li:hover {
     background-color: #E4B755;
     color: #fff;
 }

 .profile_page .profile-card .copyrights {
     color: #F8F8F9;
 }

 .profile_page .profile-card .animate-group [class*=bg-red] {
     background: linear-gradient(0deg, rgb(225, 174, 50) 0%, rgb(225, 177, 82) 100%);
 }

 .profile_page .profile-card .animate-group [class*=bg-gray] {
     background: linear-gradient(270deg, rgb(41, 162, 105) 0%, rgb(14, 105, 62) 100%);
 }

 .profile_page .profile-card .animate-group [class*=bg-white] {
     background-color: #fff;
 }

 .profile_page .profile-card .animate-group .bg-red-1 {
     top: 34px;
     right: 45px;
 }

 .profile_page .profile-card .animate-group .bg-red-2 {
     top: 120px;
     left: 30%;
 }

 .profile_page .profile-card .animate-group .bg-red-3 {
     top: 400px;
     right: -13px;
 }

 .profile_page .profile-card .animate-group .bg-red-4 {
     right: -13px;
     top: 600px;
 }

 .profile_page .profile-card .animate-group .bg-red-5 {
     right: -7px;
     top: 800px;
 }

 .profile_page .profile-card .animate-group .bg-red-6 {
     left: 37px;
     top: 1000px;
 }

 .profile_page .profile-card .animate-group .bg-gray-1 {
     top: 100px;
     left: 10%;
 }

 .profile_page .profile-card .animate-group .bg-gray-2 {
     top: 300px;
     right: 0;
 }

 .profile_page .profile-card .animate-group .bg-gray-3 {
     top: 500px;
     right: 58px;
 }

 .profile_page .profile-card .animate-group .bg-gray-4 {
     top: 700px;
     right: 50%;
 }

 .profile_page .profile-card .animate-group .bg-white-1 {
     top: 20%;
     right: 11px;
 }

 .profile_page .profile-card .animate-group .bg-white-2 {
     top: 40%;
     left: 30px;
 }

 .profile_page .profile-card .animate-group .bg-white-3 {
     top: 60%;
     left: 27px;
 }

 .profile_page .profile-card .animate-group .bg-white-4 {
     top: 80%;
     right: 40%;
 }

 .profile_page .main-content {
     position: relative;
 }

 .profile_page .main-content:after {
     position: absolute;
     content: "";
     background: rgba(248, 246, 246, 0.25);
     border-radius: 20px;
     box-shadow: 0 0 60px rgba(0, 0, 0, 0.16);
     backdrop-filter: blur(5px);
     -webkit-backdrop-filter: blur(5px);
     width: calc(100% + 60px);
     height: 100%;
     top: 30px;
     left: -30px;
     z-index: 0;
 }

 .profile_page .main-content .img-name {
     margin-inline-start: 10px;
     color: #B4B0B0;
 }

 .profile_page .main-content .profile-img {
     object-fit: cover;
     border-radius: 50%;
     margin-inline-start: 10px;
     width: 35px;
     height: 35px;
 }

 .profile_page .box-content {
     position: relative;
     z-index: 1;
     background-color: #FFFDF9;
     padding: 50px;
     border-radius: 9px;
     display: none;
     transition: 0.3s;
     opacity: 0;
     -webkit-transform: translate3d(0, 100%, 0);
     transform: translate3d(0, 100%, 0);
 }

 .profile_page .box-content.active {
     display: block;
     animation: fadeInUp 1s both;
     -webkit-animation: fadeInUp 1s both;
 }

 .profile_page .box-content .heading {
     margin-bottom: 25px;
 }

 .profile_page .box-content .heading .icon {
     width: 50px;
     height: 50px;
     background-color: #FCF7EA;
     border-radius: 50%;
     font-size: 1.4375em;
 }

 .profile_page .box-content .box-style {
     padding: 40px 47px;
     border: 1px solid #F2DDAD;
     border-radius: 5px;
 }

 .profile_page .box-content .box-style:not(:last-of-type) {
     margin-bottom: 50px;
 }

 .profile_page .box-content .box-style .main-info .line {
     width: 75px;
 }

 .profile_page .box-content .box-style .form-group {
     margin-bottom: 30px;
 }

 .profile_page .box-content .box-style .input-box {
     position: relative;
 }

 .profile_page .box-content .box-style .input-box .icon {
     color: #707070;
 }

 .profile_page .box-content .box-style .input-box input[type=file] {
     position: absolute;
     top: 0;
     right: 0;
     opacity: 0;
     width: 1px;
     height: 1px;
 }

 .profile_page .box-content#orders-content .box-style {
     padding: 30px;
 }

 .profile_page .box-content#orders-content .search-box {
     width: 70%;
     margin: 0 auto;
 }

 .profile_page .box-content#orders-content .search-box .search-input {
     background-color: #EDEDED;
 }

 .profile_page .box-content#fav-content .box-style,
 .profile_page .box-content#mydesigns-content .box-style {
     padding: 50px 43px;
 }

 .profile_page .box-content#fav-content .box-style:not(:last-of-type),
 .profile_page .box-content#mydesigns-content .box-style:not(:last-of-type) {
     margin-bottom: 30px;
 }

 .profile_page .box-content .fav-box {
     align-items: start;
 }

 .profile_page .box-content .fav-box .image {
     background: #EDEDED;
     border-radius: 20px;
 }

 .profile_page .box-content .fav-box .desc * {
     font-size: 0.875em !important;
     color: #707070 !important;
     line-height: normal;
 }

 .profile_page .box-content .fav-box .badge-info {
     padding: 8px 25px;
     font-size: 1.125em;
 }

 .profile_page .box-content#follow-content .box-style {
     padding: 30px;
 }

 .profile_page .box-content#follow-content .box-style .follow-product-box {
     padding: 30px;
     background-color: rgba(223, 223, 223, 0.25);
     border-radius: 10px;
 }

 .profile_page .box-content#follow-content .box-style .follow-product-box:not(:last-of-type) {
     margin-bottom: 30px;
 }

 .profile_page .box-content#follow-content .box-style .follow-product-box .head .image {
     background-color: #DFDFDF;
     border-radius: 5px;
     overflow: hidden;
 }

 .profile_page .box-content#follow-content .box-style .follow-product-box .badge-info {
     font-size: 0.875em;
 }

 .profile_page .box-content#mysales-content .box-style {
     padding: 10px 30px;
 }

 .profile_page .box-content#mysales-content .chart-box {
     padding: 40px 0px;
     background-color: #F4F2F2;
     border-radius: 10px;
 }

 .profile_page .box-content#mysales-content .chart-box-2 ul {
     background-color: #E8E7E7;
     padding: 10px;
     border-radius: 50px;
 }

 .profile_page .box-content#mysales-content .chart-box-2 ul li {
     padding: 5px 25px;
     border-radius: 50px;
 }

 .profile_page .box-content#mysales-content .chart-box-2 ul li.active {
     background-color: #F4F2F2;
 }

 .profile_page .box-content#mywallet-content .box-style {
     padding: 30px;
 }

 .profile_page .box-content .sales-box {
     background-color: #E8E7E7;
     border-radius: 10px;
     padding: 38px;
     transition: 0.3s;
     margin-bottom: 30px;
 }

 .profile_page .box-content .sales-box:hover {
     background-color: #fff;
 }

 .profile_page .box-content .sales-box .image {
     width: 84px;
     height: 84px;
     border-radius: 50%;
     background-color: #F3F3F3;
     box-shadow: 0 0 0 8px #EEEEEE;
 }

 .profile_page .box-content .sales-box .image i {
     font-size: 36px;
 }

 .profile_page .box-content .sales-box .info span {
     font-size: 2.625em;
 }

 .profile_page .box-content#help-content .info_box .questions .box {
     margin-bottom: 16px;
 }

 .profile_page .box-content#help-content .info_box .questions .box.active .head_ques {
     background-color: #E4B755;
     color: #fff;
 }

 .profile_page .box-content#help-content .info_box .questions .box.block .block {
     display: block;
 }

 .profile_page .box-content#help-content .info_box .questions .box .head_ques {
     background: rgba(228, 183, 85, 0.16);
     padding: 13px 32px;
     border-radius: 50px;
     display: flex;
     align-items: center;
     justify-content: space-between;
     color: #E4B755;
     font-weight: 400;
     cursor: pointer;
     transition: 0.3s;
 }

 .profile_page .box-content#help-content .info_box .questions .box .head_ques .icon {
     transition: 0.3s;
 }

 .profile_page .box-content#help-content .info_box .questions .box .head_ques .icon.rotate {
     transform: rotate(180deg);
 }

 .profile_page .box-content#help-content .info_box .questions .box .block {
     background-color: #fff;
     padding: 16px;
     border-radius: 24px;
     box-shadow: 0px 11px 20px rgba(0, 0, 0, 0.04);
     display: none;
 }

 .profile_page .box-content#help-content .info_box .questions .box .block p {
     margin: 0;
     font-size: 0.875em;
     line-height: normal;
 }

 .table.style-one {
     border-spacing: 0 20px;
     min-width: 750px;
 }

 .table.style-one thead th {
     color: #060606;
     font-size: 0.875em;
     font-weight: 400;
     padding: 8px 10px;
 }

 .table.style-one tbody tr {
     background: #F4F2F2;
     border-radius: 5px;
 }

 .table.style-one tbody tr th,
 .table.style-one tbody tr td {
     padding: 18px 10px;
     text-align: center;
     color: #919090;
     font-size: 0.875em;
 }

 .table.style-one .product-info {}

 .table.style-one .product-info img {
     flex: none;
     width: 64px;
     height: 64px;
     object-fit: cover;
     border-radius: 5px;
     background-color: #EDEDED;
 }

 .table.style-one .product-info .text {
     color: #707070;
     -webkit-line-clamp: 1;
 }

 .table.style-one .quentity-box {
     display: inline-flex;
     height: 45px;
     background: #F4F2F2;
     border-radius: 50px;
     overflow: hidden;
     border: 1px solid #DFDFDF;
     min-width: 110px;
 }

 .table.style-one .quentity-box button {
     padding: 0;
     width: 31px;
     font-size: 12px;
     color: #222;
     background-color: transparent;
     cursor: pointer;
     -webkit-appearance: none;
     border: 0;
 }

 .table.style-one .quentity-box button.quantity-minus {
     border-inline-end: 1px solid #DFDFDF;
 }

 .table.style-one .quentity-box button.quantity-plus {
     border-inline-start: 1px solid #DFDFDF;
 }

 .table.style-one .quentity-box .form-control {
     flex: 1;
     padding: 0;
     height: inherit;
     font-size: 14px;
     border: solid #ebebeb;
     border-width: 1px 0;
     color: #222;
     text-align: center;
     border-radius: 0;
     background-color: transparent;
 }

 .table.style-one .action-icon {
     width: 50px;
     height: 50px;
     display: flex;
     align-items: center;
     justify-content: center;
     background: #E8E7E7;
     border-radius: 50%;
     margin: 0 auto;
     color: #919090;
     font-size: 1.2em;
     transition: 0.3s;
 }

 .table.style-one .action-icon:hover {
     background-color: #E4B755;
     color: #fff;
 }

 .table.style-two {
     font-size: 0.875em;
     min-width: 750px;
 }

 .table.style-two thead th {
     border-bottom: 1px solid #DEDCDC;
     font-weight: 400;
     color: #060606;
     padding-bottom: 15px;
 }

 .table.style-two thead th i {
     margin-inline-end: 3px;
 }

 .table.style-two tbody tr td {
     padding: 30px 0 0;
     text-align: center;
     color: #919090;
 }

 .table.style-two tbody tr:not(:last-of-type) td {
     padding: 30px 0;
     border-bottom: 1px solid #DEDCDC;
 }

 .table.style-two .product-info {
     width: 150px;
     min-width: 150px;
     text-align: start;
 }

 .table.style-two .product-info img {
     flex: none;
     width: 64px;
     height: 64px;
     object-fit: contain;
     border-radius: 5px;
 }

 .table.style-two .product-info h6 {
     -webkit-line-clamp: 1;
     color: #060606;
 }

 .table.style-two .product-info p {
     color: #919090;
     -webkit-line-clamp: 2;
 }

 .table.style-two .badge-info {
     padding: 7px 21px;
     font-size: 1em;
 }

 .table.style-two .badge-info.success {
     background-color: #DCF5DC;
     color: #59B159;
 }

 .table.style-two .badge-info.cancle {
     background-color: #F9E5E5;
     color: #C53636;
 }

 .table.style-two .badge-info.onroad {
     background-color: #DCE6F5;
     color: #3A479B;
 }

 /*--------------------------------------------------------------
         # End Profile page
         --------------------------------------------------------------*/
 /*--------------------------------------------------------------
           # Start Footer
           --------------------------------------------------------------*/
 .footer {
     padding: 100px 50px;
     background: rgb(41, 162, 105);
     background: linear-gradient(90deg, rgb(41, 162, 105) 0%, rgb(14, 105, 62) 100%);
 }

 .footer .footer-top {
     position: relative;
     background-color: #FEFCF9;
     padding: 95px 0 72px;
     border-radius: 58px;
     margin-bottom: 30px;
 }

 .footer .footer-top .info-box p {
     line-height: 1.8;
     max-width: 250px;
 }

 .footer .footer-top .social-media {
     flex-wrap: wrap;
 }

 .footer .footer-top .social-media a {
     width: 35px;
     height: 35px;
     border-radius: 50%;
     border: 1px solid #21915C;
     color: #21915C;
 }

 .footer .footer-top .social-media a:hover {
     background-color: #21915C;
     color: #fff;
 }

 .footer .animate-group .one {
     top: 20%;
     right: 30%;
 }

 .footer .animate-group .three {
     top: 55%;
     right: 50%;
 }

 .footer .animate-group .two {
     top: 45%;
     left: 5%;
 }

 .footer .footer-bottom {
     padding: 30px 0;
     border-radius: 100px;
     background-color: #fff;
 }

 .footer .footer-bottom p {
     color: #106D41;
 }

 .footer .footer-bottom p span {
     color: #D8AA44;
 }

 .animate-group span {
     position: absolute;
     border-radius: 50%;
 }

 .animate-group .green {
     background: linear-gradient(270deg, rgb(41, 162, 105) 0%, rgb(14, 105, 62) 100%);
 }

 .animate-group .yellow {
     background: linear-gradient(0deg, rgb(225, 174, 50) 0%, rgb(225, 177, 82) 100%);
 }

 .move-animation-1 {
     animation: 30s move-animation-1 linear infinite;
 }

 .move-animation-2 {
     animation: 30s move-animation-2 linear infinite;
 }

 @keyframes move-animation-1 {
     0% {
         transform: translate3d(0, 0, 0) rotate(0);
     }

     50% {
         transform: translate3d(100px, 30px, 30px) rotate(360deg);
     }

     100% {
         transform: translate3d(0, 0, 0) rotate(0);
     }
 }

 @keyframes move-animation-2 {
     0% {
         transform: translate3d(0, 0, 0) rotate(0);
     }

     50% {
         transform: translate3d(-100px, 30px, 30px) rotate(360deg);
     }

     100% {
         transform: translate3d(0, 0, 0) rotate(0);
     }
 }

 /*--------------------------------------------------------------
           # End Footer
           --------------------------------------------------------------*/
 /*--------------------------------------------------------------
           # Start Copy Right
           --------------------------------------------------------------*/
 /*--------------------------------------------------------------
           # End Copy Right
           --------------------------------------------------------------*/
 /*==================================================
          # Start Buttons
         ================================================== */
 #up_btn {
     position: fixed;
     right: 25px;
     bottom: 10px;
     width: 35px;
     height: 35px;
     border: none;
     color: #fff;
     background-color: #E4B755;
     z-index: 98;
     opacity: 0;
     visibility: hidden;
     transition: 0.4s;
     display: flex;
     align-items: center;
     justify-content: center;
     cursor: pointer;
     flex-direction: column;
     text-transform: uppercase;
     font-weight: 900;
     font-size: 14px;
     transform: rotate(45deg);
 }

 #up_btn i {
     transform: rotate(-45deg);
 }

 #up_btn:hover {
     background-color: #0D683D;
 }

 #up_btn.fade {
     visibility: visible;
     opacity: 1;
     bottom: 30px;
 }

 /*==================================================
          # End Buttons
         ================================================== */
 /*==================================================
          # Start Cursor
         ================================================== */
 #cursor {
     position: fixed;
     top: -5px;
     left: -5px;
     width: 10px;
     height: 10px;
     background-color: #222;
     border-radius: 50%;
     pointer-events: none;
     z-index: 9999;
 }

 #cursor.cursor-link-hover {
     width: 16px;
     height: 16px;
     top: -8px;
     left: -8px;
     opacity: 0.5;
 }

 #cursor-border {
     --size: 30px;
     position: fixed;
     top: calc(var(--size) / -2);
     left: calc(var(--size) / -2);
     width: var(--size);
     height: var(--size);
     border-radius: 50%;
     box-shadow: 0 0 0 1px #8e8e8e;
     pointer-events: none;
     transition: top 0.15s ease-out, left 0.15s ease-out, width 0.15s ease-out, height 0.15s ease-out, background-color 0.15s ease-out;
     z-index: 9999;
 }

 #cursor-border.cursor-link-hover {
     --size: 50px;
     background-color: rgba(0, 0, 0, 0.3411764706);
 }

 /*==================================================
          # End Cursor
         ================================================== */
 /*--------------------------------------------------------------
         # Start search pop up
         --------------------------------------------------------------*/
 .search-switcher .search-form-container {
     position: fixed;
     opacity: 0;
     visibility: hidden;
     width: 100%;
     top: -1000px !important;
     left: 0;
     z-index: 1000;
     -webkit-transition: all 0.4s ease-in-out;
     -o-transition: all 0.4s ease-in-out;
     transition: all 0.4s ease-in-out;
     height: 100%;
 }

 .search-switcher .search-form-container .popup-overlay {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: rgba(0, 0, 0, 0.6);
     z-index: 1;
 }

 .search-switcher .search-form-container .search-content-popup {
     padding: 50px 20px 50px;
     min-height: 320px;
     position: relative;
     z-index: 10;
     background-color: #ffffff;
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
     text-align: center;
 }

 .search-switcher .search-form-container .search-content-popup .close-popup {
     position: absolute;
     right: 40px;
     top: 50px;
     display: flex;
     align-items: center;
     text-transform: uppercase;
     color: rgba(0, 0, 0, 0.6);
     width: 30px;
     height: 30px;
     cursor: pointer;
 }

 .search-switcher .search-form-container .search-content-popup .close-popup i {
     font-size: 30px;
     transition: all 0.3s linear 0s;
     -webkit-transition: all 0.3s linear 0s;
 }

 .search-switcher .search-form-container .search-content-popup .close-popup i:hover {
     opacity: 1;
     color: #E4B755;
     transform: rotate(-180deg);
     -webkit-transform: rotate(-180deg);
 }

 .search-switcher .search-form-container .search-content-popup .close-popup span {
     font-weight: 500;
     font-size: 16px;
     display: none;
 }

 .search-switcher .search-form-container .search-content-popup h3 {
     font-size: 18px;
     margin: 0 0 25px;
     text-transform: uppercase;
     font-weight: 500;
 }

 .search-switcher .search-form-container .search-content-popup .field-container {
     width: 100%;
     max-width: 600px;
     position: relative;
 }

 .search-switcher .search-form-container .search-content-popup .field-container input.search-field {
     border: 0;
     border: 1px solid #E4B755;
     border-radius: 3px;
     width: 100%;
     padding: 10px 45px 10px 20px;
     height: 45px;
     min-height: 45px;
     margin: 0;
     padding-left: 10px;
     font-size: 14px;
     background: none;
     box-shadow: none;
     outline: none;
 }

 .search-switcher .search-form-container .search-content-popup .field-container .btn-search {
     position: absolute;
     right: 0;
     top: 0;
     background: none;
     opacity: 0;
     border: 0;
     padding: 0;
     margin: 0;
     text-indent: -99999px;
     width: 45px;
     height: 45px;
     min-height: 45px;
     z-index: 2;
 }

 .search-switcher .search-form-container .search-content-popup .field-container i {
     position: absolute;
     right: 0;
     top: 0;
     width: 45px;
     height: 45px;
     line-height: 45px;
     font-size: 20px;
     z-index: 1;
     color: #E4B755;
 }

 .search-switcher.showing .search-form-container {
     top: 0 !important;
     opacity: 1;
     visibility: visible;
 }

 /*--------------------------------------------------------------
         # End search pop up
         --------------------------------------------------------------*/
 /*--------------------------------------------------------------
         # Start preloader
         --------------------------------------------------------------*/
 #fuse-splash-screen {
     display: block;
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background-color: #141414;
     z-index: 999;
     pointer-events: none;
     height: 100%;
     transition: 0.5s;
 }

 #fuse-splash-screen.show {
     opacity: 0;
     visibility: hidden;
 }

 #fuse-splash-screen .center {
     display: block;
     width: 100%;
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
 }

 #fuse-splash-screen .center .logo {
     width: 180px;
     margin: 0 auto;
 }

 #fuse-splash-screen .center .logo img {
     filter: drop-shadow(0px 10px 6px rgba(0, 0, 0, 0.2));
 }

 #fuse-splash-screen .spinner-wrapper {
     display: block;
     position: relative;
     width: 100%;
     min-height: 100px;
     height: 100px;
 }

 #fuse-splash-screen .spinner-wrapper .spinner {
     position: absolute;
     overflow: hidden;
     left: 50%;
     margin-left: -50px;
     animation: outer-rotate 2.91667s linear infinite;
 }

 #fuse-splash-screen .spinner-wrapper .spinner .inner {
     width: 100px;
     height: 100px;
     position: relative;
     animation: sporadic-rotate 5.25s cubic-bezier(0.35, 0, 0.25, 1) infinite;
 }

 #fuse-splash-screen .spinner-wrapper .spinner .inner .gap {
     position: absolute;
     left: 49px;
     right: 49px;
     top: 0;
     bottom: 0;
     border-top: 10px solid;
     box-sizing: border-box;
 }

 #fuse-splash-screen .spinner-wrapper .spinner .inner .right,
 #fuse-splash-screen .spinner-wrapper .spinner .inner .left {
     position: absolute;
     top: 0;
     height: 100px;
     width: 50px;
     overflow: hidden;
 }

 #fuse-splash-screen .spinner-wrapper .spinner .inner .right .half-circle,
 #fuse-splash-screen .spinner-wrapper .spinner .inner .left .half-circle {
     position: absolute;
     top: 0;
     width: 100px;
     height: 100px;
     box-sizing: border-box;
     border: 10px solid #0D683D;
     border-bottom-color: transparent;
     border-radius: 50%;
 }

 #fuse-splash-screen .spinner-wrapper .spinner .inner .left {
     left: 0;
 }

 #fuse-splash-screen .spinner-wrapper .spinner .inner .left .half-circle {
     left: 0;
     border-right-color: transparent;
     animation: left-wobble 1.3125s cubic-bezier(0.35, 0, 0.25, 1) infinite;
     -webkit-animation: left-wobble 1.3125s cubic-bezier(0.35, 0, 0.25, 1) infinite;
 }

 #fuse-splash-screen .spinner-wrapper .spinner .inner .right {
     right: 0;
 }

 #fuse-splash-screen .spinner-wrapper .spinner .inner .right .half-circle {
     right: 0;
     border-left-color: transparent;
     animation: right-wobble 1.3125s cubic-bezier(0.35, 0, 0.25, 1) infinite;
     -webkit-animation: right-wobble 1.3125s cubic-bezier(0.35, 0, 0.25, 1) infinite;
 }

 @keyframes outer-rotate {
     0% {
         transform: rotate(0deg) scale(0.5);
     }

     100% {
         transform: rotate(360deg) scale(0.5);
     }
 }

 @keyframes left-wobble {

     0%,
     100% {
         transform: rotate(130deg);
     }

     50% {
         transform: rotate(-5deg);
     }
 }

 @keyframes right-wobble {

     0%,
     100% {
         transform: rotate(-130deg);
     }

     50% {
         transform: rotate(5deg);
     }
 }

 @keyframes sporadic-rotate {
     12.5% {
         transform: rotate(135deg);
     }

     25% {
         transform: rotate(270deg);
     }

     37.5% {
         transform: rotate(405deg);
     }

     50% {
         transform: rotate(540deg);
     }

     62.5% {
         transform: rotate(675deg);
     }

     75% {
         transform: rotate(810deg);
     }

     87.5% {
         transform: rotate(945deg);
     }

     100% {
         transform: rotate(1080deg);
     }
 }

 /*--------------------------------------------------------------
         # End preloader
         --------------------------------------------------------------*/
 /*--------------------------------------------------------------
         # Start gsap reveal
         --------------------------------------------------------------*/
 .gsap-reveal {
     position: relative;
     display: block;
     overflow: hidden;
 }

 .gsap-reveal .cover {
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     background: #FEFCF9;
 }

 .gsap-reveal-hero {
     line-height: 0;
 }

 .gsap-reveal-hero .reveal-wrap {
     position: relative;
     overflow: hidden;
     display: block;
 }

 .gsap-reveal-hero .reveal-wrap .cover {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: #e4b755;
     margin-left: -100%;
     z-index: 2;
 }

 .gsap-reveal-hero .reveal-wrap .reveal-content {
     line-height: 1.5;
     z-index: 1;
     display: block;
     transform: translateX(-100%);
 }

 .gsap-reveal-hero.d-inline-block .reveal-content {
     line-height: 27px;
 }

 .gsap-reveal-hero.second .cover {
     background: #0D683D;
 }


 .irs--round .irs-handle {
     border: none;
     width: 11px;
     height: 16px;
     border-radius: 0;
     background: #E4B755;
     box-shadow: none;
     top: 32px;
 }

 .irs--round .irs-bar {
     background: #E4B755;
     height: 8px;
 }

 .irs--round .irs-line {
     height: 8px;
     background: #F2F2F2;
     border-top: 0;
 }

 .irs--round .irs-from,
 .irs--round .irs-to,
 .irs--round .irs-single {
     background: #E4B755;
     font-size: 9px;
     top: 10px;
     direction: ltr;
 }

 .irs--round .irs-grid-text {
     direction: ltr;
     font-size: 10px;
     color: #373737;
 }

 .irs--round .irs-handle.state_hover,
 .irs--round .irs-handle:hover {
     background: #E4B755;
 }

 .irs--round .irs-grid {
     display: none;
 }

 .form-group [type="radio"].color-white:checked+label::after {
     background: #ccc;
 }

 .form-group [type="radio"].color-light:checked+label::after {
     background: #E4B755;
 }

 .form-group [type="radio"].color-transpernt:checked+label::after {
     background: #e1e1e1;
 }


 .irs--round .irs-from:before,
 .irs--round .irs-to:before,
 .irs--round .irs-single:before {
     border-top-color: #E4B755;
 }

 .sidebar-h .content-form h2 {
     margin: 40px 0 20px;
     font-size: 17px;
     font-weight: bold;
     border-bottom: 1px #eee solid;
     padding: 0 0 20px;
 }

 /*--------------------------------------------------------------
         # End gsap reveal
         --------------------------------------------------------------*/
 /*********** Start Hadeer ************/
 .overlay-img-h {
     position: absolute;
     inset: 0;
     z-index: -1;
 }

 .overlay-img-h img {
     width: 100%;
     height: 100%;
     object-fit: cover;
     object-position: center;
 }

 .hero-section {
     overflow: hidden;
 }

 .choose-car-section.store-page {
     height: auto;
     z-index: 4;

 }

 .cars-collapse.owl-carousel .owl-nav {
     right: 0;
     left: 0;
     display: flex;
     justify-content: space-between;
     max-width: 96%;
     margin: auto;
 }

 .cars-collapse.owl-carousel .owl-nav button.owl-prev,
 .cars-collapse.owl-carousel .owl-nav button.owl-next {
     position: relative;
     left: auto;
     right: auto;
 }

 .content-form .form-group .col-sm-12 {
     padding: 0;
 }

 .choose-car-section .form-group .form-control {
     border: 1px #f9f3e7 solid;
     line-height: 18px;
     padding: 0 20px;
     font-size: 13px;
     height: 40px;
 }

 .content-form .form-group label {
     margin: 0 0 10px;
 }

 label.col-sm-12.col-form-label.text-left {
     padding: 0;
     margin: 0 0 15px;
     display: block;
     color: #21915b;
     font-weight: bold;
 }

 /*--------------------------------------------------------------
         # End gsap reveal
         --------------------------------------------------------------*/

 /*********** Start buttons ************/
 .main-btn {
     padding: 7px 40px;
     color: #fff;
     min-height: 50px;
     transition: 0.3s;
     display: inline-block;
     border-radius: 50px;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     text-align: center;
     gap: 0 10px;
     overflow: hidden;
     z-index: 0;
     position: relative;
     background-color: #E4B755;
     font-size: 0.875em;
     font-weight: 700;
     min-width: 143px;
     background: linear-gradient(to right, #E1AE32 0%, #e6c583 51%, #E1AE32 100%);
     background-size: 200% auto;
 }

 .main-btn:hover {
     background-position: right center;
     color: #fff;
 }

 .main-btn.with-icon {
     padding: 7px 5px;
     padding-inline-end: 30px;
 }

 .main-btn.with-icon .icon {
     width: 38px;
     height: 38px;
     border-radius: 50%;
     color: #0D683D;
     background: #fff;
 }

 .main-btn.white-btn {
     background: #fff;
     color: #0D683D;
 }

 .main-btn.white-btn.with-icon .icon {
     color: #fff;
     background: linear-gradient(0deg, rgb(225, 174, 50) 0%, rgb(225, 177, 82) 100%);
 }

 .main-btn.white-btn.with-icon:hover {
     background: #ddd;
 }

 .main-btn.sec {
     border: 1px solid #F2E0B7;
     background: #FBF9F4;
     color: #E4B755;
 }

 .main-btn.sec.with-icon .icon {
     color: #fff;
     background: linear-gradient(0deg, rgb(225, 174, 50) 0%, rgb(225, 177, 82) 100%);
 }

 .main-btn.sec.with-icon:hover {
     background: #fff;
 }

 .choose-car-section .row [class*=col-] {
     position: initial;
     z-index: inherit;
 }

 .choose-car-section .row .col-md-6 .row {
     /* position: initial; */
 }

 .choose-car-section .collapse {
     position: initial;
     z-index: 999999999;
     width: 100%;
     /* background: #fff; */
     left: 0;
     right: 0;
     display: block;
     height: 0;
     opacity: 0;
     overflow: hidden;
 }

 .choose-car-section .collapse.show {
     opacity: 1;
     height: 660px;
 }

 .choose-car-section .collapse .collapse-inner {
     position: absolute;
     right: 0;
     left: 0;
     width: 100%;
     max-height: 660px;
 }

 .collapse-inner.row .main-btn {
     margin: 0 30px 40px;
 }

 .choose-car-section .row .col-md-6 .row .owl-item {
     /* margin: 0 !important; */
 }

 .product-box .product-link {
     z-index: 8;
 }

 /*********** End buttons ************/
 /*--------------------------------------------------------------
         # Start Headings
         --------------------------------------------------------------*/
 .main-info.text-center .head {
     max-width: 100%;
 }

 .main-info.text-center .line {
     margin: 0 auto;
 }

 .main-info .head {
     font-weight: 700;
     font-size: 2.625em;
     max-width: 360px;
     line-height: 1.4;
     color: #0D683D;
 }

 .main-info .line {
     width: 170px;
     height: 6px;
     background-color: #0D683D;
     border-radius: 20px;
     display: block;
 }

 .main-info p {
     margin-top: 8px;
     font-size: 1.125em;
     line-height: 1.7;
 }

 /*--------------------------------------------------------------
         # End Headings
         --------------------------------------------------------------*/
 /*--------------------------------------------------------------
         # Start Custom Modal
         --------------------------------------------------------------*/
 .custom-modal .modal-content {
     background: #F8F6F6;
     border-radius: 20px;
 }

 .custom-modal .modal-content button.close {
     position: absolute;
     width: 35px;
     height: 35px;
     border-radius: 50%;
     border: 0;
     background: #D32F2F;
     color: #fff;
     font-size: 1.1em;
     top: 20px;
     right: 20px;
     transition: 0.3s;
     z-index: 9;
 }

 .custom-modal .modal-content button.close:hover {
     background-color: rgb(176, 31, 31);
 }

 .custom-modal .modal-content .modal-footer {
     border-color: #E5E5E5;
 }

 .custom-modal .modal-content .modal-footer .main-btn.save-btn::before {
     background-color: #707070;
 }

 .custom-modal .modal-content .modal-footer .main-btn.close-btn {
     background: #D32F2F;
 }

 .custom-modal .modal-content .modal-footer .main-btn.close-btn:hover {
     background-color: rgb(176, 31, 31);
 }

 .custom-modal .modal-content .bg-red.one {
     top: 50px;
     right: 30%;
 }

 .custom-modal .modal-content .bg-red.two {
     bottom: 100px;
     left: 20%;
 }

 .custom-modal .modal-content .bg-dark.one {
     top: 100px;
     left: 10%;
 }

 .custom-modal .modal-content .bg-dark.two {
     top: 40%;
     right: 100px;
 }

 .custom-modal .modal-content .bg-gray.one {
     top: 40%;
     left: 20%;
 }


 .iconWhatsapp {
     position: fixed;
     bottom: 0;
     left: 0;
     margin: 40px;
     background: #25D366;
     width: 60px;
     display: flex;
     z-index: 4;
     height: 60px;
     text-align: center;
     justify-content: center;
     align-items: center;
     -webkit-align-items: center;
     border-radius: 50%;
     color: #fff !important;
     font-size: 40px;
 }

 .select2-container .select2-selection--single {
     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;
     transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
     border: 0;
     background: none;
     padding: 0 12px;
     text-align: start !important;
     direction: rtl;
 }

 .select2-container .select2-selection--single .select2-selection__rendered {
     text-align: start;
     padding-inline-start: 8px;
     padding-inline-end: 20px;
     line-height: 38px;
 }

 .select2-container--default .select2-selection--single .select2-selection__arrow {
     right: auto;
     left: 1px;
     top: 6px;
 }

 .main-btn {
     border: none !important;
 }

 .left-side.flex-end.gap-8 {
     /* margin-inline-start: auto; */
     margin-inline-end: 20px;
 }

 div#list_menu {
     margin: 0 auto;
 }

 .iti input {
     /* width: auto; */
     /* right: auto; */
     /* left: 0; */
 }

 .iti.iti--allow-dropdown {
     width: calc(100% - 14px);
 }

 .iti__arrow {
     margin: 0;
     margin-inline-start: 6px;
 }

 .iti__country {
     text-align: start;
 }

 .iti--allow-dropdown .iti__flag-container,
 .iti--separate-dial-code .iti__flag-container {
     left: auto;
     right: 0;
     background: transparent !important;
 }

 .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag {
     background: transparent;
 }

 .car-section .car-box img {
     max-width: 66%;
     max-height: 60%;
 }


 .no-js .multi-step-form fieldset button,
 .no-js .multi-step-form h2,
 .multi-step-form.edit-form fieldset button,
 .multi-step-form.edit-form h2 {
     display: none !important;
 }

 .no-js .multi-step-form fieldset,
 .multi-step-form.edit-form fieldset {
     display: block !important;
 }

 .no-js .multi-step-form [type=submit],
 .no-js .multi-step-form [type=reset],
 .multi-step-form.edit-form [type=submit],
 .multi-step-form.edit-form [type=reset] {
     display: inline-block !important;
 }

 .no-js .multi-step-form .steps,
 .multi-step-form.edit-form .steps {
     display: none;
 }

 .multi-step-form fieldset {
     display: none;
     padding: 0;
 }

 .multi-step-form fieldset:first-of-type {
     display: block;
     border: none;
 }

 .multi-step-form fieldset.hidden {
     display: none;
 }

 .multi-step-form fieldset.visible {
     display: block;
 }

 .job-form-page.multi-step-form .steps button {
     border: 0;
     background: transparent !important;
 }

 .job-form-page.multi-step-form .steps [disabled] {
     background: none;
 }

 .job-form-page.multi-step-form .steps .active {
     background: #eee;
 }


 .steps.form__indicators.d-flex.mb-50 {
     position: absolute;
     left: 0;
     max-width: 58.333333%;
     width: 100%;
     padding: 0 62px;
     z-index: 3;
     margin: 29px 0;
 }

 .job-form-page.multi-step-form .form-modal {
     padding-top: 165px;
 }

 /*--------------------------------------------------------------
         # End Custom Modal
         --------------------------------------------------------------*/
 /* ==================================================
          # Start Responsive
         ================================================== */
 @media (max-width: 1199.98px) {
     .contact-section .main-form {
         padding-inline-end: 90px;
     }

     .contact-section .main-form:after {
         left: -21px;
     }

     .contact-section .form-side .content-form {
         padding: 30px;
     }

     .SearchEnginePopup__popup .three-calendars .pickmeup.pmu-view-days.pmu-flat .pmu-instance {
         padding: 0 10px;
         width: 33.333%;
     }

     .SearchEnginePopup__popup .three-calendars .pickmeup .pmu-instance .pmu-day-of-week *,
     .SearchEnginePopup__popup .three-calendars .pickmeup .pmu-instance .pmu-days * {
         width: 39px;
     }

     .form-modal h1 {
         font-size: 2em;
     }

     .form-modal p.font-20 {
         font-size: 1em;
     }

     .profile_page .box-content {
         padding: 30px 20px;
     }

     .profile_page .box-content .box-style {
         padding: 30px;
     }
 }

 @media (max-width: 991.98px) {
     .o-2 {
         order: 2;
     }

     .separator-70 {
         gap: 70px 0;
     }

     .nav_bar .list_menu {
         position: fixed;
         top: 0;
         left: 0;
         background: #222;
         height: 100vh;
         z-index: 99;
         padding: 70px 25px 30px;
         width: 100%;
         display: block;
         transform: translateY(-100%);
         opacity: 0;
         transition: 0.5s;
     }

     .nav_bar .list_menu ul {
         gap: 35px 0;
         flex-direction: column;
         align-items: center;
     }

     .nav_bar .list_menu ul li {
         transform: translateX(200px);
         opacity: 0;
         transition: 0.5s;
     }

     .nav_bar .list_menu ul li:nth-of-type(1) {
         animation-delay: 0.2s !important;
     }

     .nav_bar .list_menu ul li:nth-of-type(2) {
         animation-delay: 0.3s !important;
     }

     .nav_bar .list_menu ul li:nth-of-type(3) {
         animation-delay: 0.4s !important;
     }

     .nav_bar .list_menu ul li:nth-of-type(4) {
         animation-delay: 0.5s !important;
     }

     .nav_bar .list_menu ul li:nth-of-type(5) {
         animation-delay: 0.6s !important;
     }

     .nav_bar .list_menu ul li:nth-of-type(6) {
         animation-delay: 0.7s !important;
     }

     .nav_bar .list_menu ul li:nth-of-type(7) {
         animation-delay: 0.8s !important;
     }

     .nav_bar .list_menu ul li:nth-of-type(8) {
         animation-delay: 0.9s !important;
     }

     .nav_bar .list_menu ul a {
         font-size: 20px;
         font-weight: 900;
         color: #fff !important;
     }

     .nav_bar .list_menu ul a.active,
     .nav_bar .list_menu ul a:hover {
         color: #0D683D !important;
     }

     .nav_bar .list_menu.open {
         transform: translateY(0%);
         opacity: 1;
     }

     .nav_bar .list_menu.open ul li {
         animation: animate_links 1s ease-in-out forwards;
     }

     .mt-md-50 {
         margin-top: 50px;
     }

     .mt-md-30 {
         margin-top: 30px;
     }

     .about-section {
         padding: 0 0 100px;
     }

     .about-section .image-side {
         margin: 120px auto 0;
     }

     .choose-car-section .flex-between.gap-20 {
         flex-direction: column;
     }

     .choose-car-section .flex-between.gap-20 .main-info .line {
         margin: 0 auto 25px !important;
     }

     .why-us-section .center-content {
         position: unset;
         transform: none;
         background-color: transparent;
         border-radius: 0;
         width: auto;
         height: auto;
         padding: 25px 25px 35px;
         text-align: start !important;
         display: block;
         box-shadow: 10px 10px 40px #f8f0e6;
     }

     .services-section .all-services {
         padding-inline-end: 0;
     }

     .search-section .content-section .d-flex.gap-30 {
         flex-direction: column;
     }

     .SearchEnginePopup__popup .StationInfo__stationDetails .openings {
         column-count: 1;
     }

     .SearchEnginePopup__popup .three-calendars .pickmeup.pmu-view-days.pmu-flat {
         flex-wrap: wrap;
         gap: 40px 0;
     }

     .SearchEnginePopup__popup .three-calendars .pickmeup.pmu-view-days.pmu-flat .pmu-instance {
         width: 50%;
     }

     .terms-page .top {
         flex-direction: column-reverse;
         margin-bottom: 50px;
     }

     .faq-page .image-master {
         text-align: center;
     }

     .login-page .image-master img {
         max-width: 500px;
         margin: 0 auto;
         display: table;
     }

     .profile_page {
         padding-inline-start: 0;
         padding-inline-end: 0;
     }

     .profile_page>.row {
         max-width: 720px;
         margin: 0 auto;
         padding: 0 15px;
     }

     .profile_page .profile-card {
         padding-inline-end: 0;
         padding-top: 20px !important;
         min-height: auto;
         margin-bottom: 50px;
     }

     .job-form-page .form-modal,
     .job-form-page .right-side {
         min-height: auto;
     }
 }

 @media (max-width: 767.98px) {

     #cursor,
     #cursor-border {
         display: none;
     }

     .main-info .head {
         font-size: 2em;
     }

     .hero-section {
         padding: 80px 0;
         margin: 0 15px;
     }

     .hero-section .shape {
         bottom: -62px;
         right: -10px;
         width: 100px;
     }

     .hero-section .main-info .head {
         font-size: 2em;
     }

     .search-section {
         margin-top: -50px;
     }

     .search-section .content-section .d-flex.gap-30 {
         align-items: start;
         flex-direction: column;
     }

     .offers-section .offer-box .info .head {
         font-size: 1.7em;
     }

     .about-section .image-side {
         min-height: 357px;
         min-width: 390px;
         margin: 60px auto 0;
     }

     .about-section .image-side .shape.one {
         bottom: 52px;
         right: -65px;
     }

     .about-section .image-side .shape.two {
         left: -56px;
         top: 62px;
     }

     .about-section .image-side .shape.three {
         bottom: 9px;
         left: -80px;
     }

     .about-section .image-side img {
         max-height: 174px;
         width: auto;
     }

     .about-section .image-side:after {
         width: 380px;
         height: 350px;
         left: 50%;
         transform: translate(-50%, -50%);
     }

     .choose-car-section {
         margin: 0 15px 70px;
     }

     .choose-car-section .content-form {
         flex-wrap: wrap;
         justify-content: center;
     }

     .services-section .services-box {
         gap: 20px;
     }

     .services-section .services-box .image-side {
         width: 120px;
         height: 120px;
         padding: 20px;
     }

     .services-section .services-box .image-side .img {
         width: 70px;
         height: 70px;
         flex: none;
     }

     .services-section .services-box .image-side .img img {
         max-height: 50px;
         max-width: 45px;
     }

     .services-section .services-box .image-side h5 {
         font-size: 0.675em;
         margin-top: 7px;
         line-height: 1.5;
     }

     .jobs-section {
         margin: 0 15px 50px;
     }

     .search-section .content-section .inputs {
         flex-direction: column;
         width: 100%;
         margin: 0;
     }

     .search-section .content-section .inputs .col {
         padding: 0;
     }

     .search-section .content-section .inputs .hidden {
         display: none !important;
     }

     .search-section .content-section .inputs .current-location {
         height: auto;
     }

     .SearchEnginePopup__popup .three-calendars .pickmeup .pmu-instance .pmu-day-of-week *,
     .SearchEnginePopup__popup .three-calendars .pickmeup .pmu-instance .pmu-days * {
         width: 29px;
         padding: 0.3875rem 0;
         font-size: 0.875em;
     }

     .choose-car-section.store-page {
         overflow: hidden;
     }

     .login-page .image-master img {
         max-width: 400px;
     }

     .profile_page>.row {
         max-width: 540px;
     }

     .profile_page .box-content#fav-content .flex-between,
     .profile_page .box-content#mydesigns-content .flex-between {
         flex-direction: column;
         align-items: start;
         gap: 30px;
     }

     .profile_page .box-content#fav-content .box-style,
     .profile_page .box-content#mydesigns-content .box-style {
         padding: 30px;
     }

     .profile_page .box-content .fav-box {
         align-items: start;
         flex-direction: column;
         gap: 25px;
     }

     .profile_page .box-content#orders-content .search-box {
         width: 100%;
     }

     .profile_page .box-content#orders-content .box-style {
         padding: 20px 15px;
     }
 }

 @media (max-width: 575.98px) {
     body {
         font-size: 14px;
     }

     .nav_bar {
         padding: 10px 0;
     }

     .nav_bar .logo img {
         /* width: 70px; */
     }

     .hero-section {
         padding: 50px 0;
         margin: 20px 15px 0;
     }

     .hero-section .container {
         padding: 0 20px;
     }

     .hero-section .main-info .head {
         font-size: 1.8em;
     }

     .hero-section .shape {
         bottom: -85px;
     }

     .hero-section.page-header .main-info .head {
         margin-bottom: 0 !important;
     }

     .search-section {
         margin-top: 40px;
     }

     .search-section .content-section {
         padding: 30px 30px;
     }

     .offers-section .offer-box .info .head {
         font-size: 1.5em;
     }

     .offers-section .offer-box .image {
         height: 200px;
         margin-bottom: 25px !important;
     }

     .offers-section .offer-box .more-btn {
         margin-top: 20px !important;
     }

     .main-info .head {
         font-size: 1.7em;
         margin-bottom: 20px !important;
     }

     .car-section {
         padding-bottom: 120px;
     }

     .car-section .owl-theme {
         min-height: auto;
     }

     .car-section .owl-theme .owl-nav.disabled+.owl-dots {
         bottom: -50px;
     }

     .car-section .item-carousel {
         padding: 0;
     }

     .car-section .owl-item.center .item-carousel {
         margin-top: 0;
     }

     .car-section .owl-item.center .item-carousel .car-box {
         width: 260px;
         height: 260px;
     }

     .car-section .owl-item.center .item-carousel .car-box .category {
         width: 62px;
         height: 62px;
         font-size: 0.875em !important;
     }

     .about-section .image-side {
         min-width: 80%;
         margin: 40px auto 0;
         min-height: 248px;
         max-width: 80%;
     }

     .about-section .image-side img {
         max-height: 105px;
     }

     .about-section .image-side:after {
         width: 272px;
         height: 248px;
     }

     .about-section .image-side .shape {
         font-size: 0.775em;
         min-width: 60px;
         min-height: 60px;
         padding: 10px;
         border-radius: 30px;
     }

     .about-section .image-side .shape.one {
         bottom: 32px;
         right: -35px;
     }

     .about-section .image-side .shape.two {
         left: -24px;
         top: 38px;
     }

     .about-section .image-side .shape.three {
         left: -35px;
     }

     .choose-car-section {
         margin: 0 0 70px;
         padding: 60px 0;
     }

     .our-location-section .image-bg .master-image {
         height: 420px;
     }

     .our-location-section .image-bg .info-box {
         right: 10px;
         left: 10px;
         max-width: 100%;
         padding: 20px;
     }

     .our-location-section .image-bg .icon {
         left: 14px;
         bottom: -20px;
         padding: 20px 15px;
     }

     .our-location-section .image-bg .icon img {
         width: 32px;
     }

     .contact-section {
         padding-top: 80px;
     }

     .contact-section .form-side:after {
         background-image: url(../img/border.png);
         width: 14px;
         height: 100%;
     }

     .contact-section .main-form {
         padding-inline-end: 0;
     }

     .contact-section .main-form:after {
         width: 100%;
         height: 330px;
         top: -184px;
         left: 0;
         transform: rotate(90deg);
     }

     .contact-section .form-group.mb-30 {
         margin-bottom: 20px !important;
     }

     .footer {
         padding: 30px 15px;
     }

     .footer .footer-top {
         padding: 38px 0;
         border-radius: 15px;
     }

     .footer .footer-top .container {
         padding: 0 25px;
     }

     .footer .footer-bottom .flex-between {
         /* flex-direction: column; */
         gap: 20px;
     }

     .footer .footer-top .info-box p {
         max-width: 100%;
     }

     .offers-section,
     .search-section,
     .about-section,
     .our-location-section {
         padding-bottom: 70px;
     }

     .about-section.mt-70 {
         margin-top: 50px !important;
     }

     .why-us-section {
         margin-bottom: 50px;
     }

     .why-us-section .box .border-img {
         width: 90px;
     }

     .why-us-section [class*=col-]:nth-child(2n+1) .box {
         padding-inline-end: 100px;
     }

     .why-us-section [class*=col-]:nth-child(2n+2) .box {
         padding-inline-start: 100px;
     }

     .our-message-section {
         margin: 50px 0;
     }

     .our-message-section .content {
         padding: 30px;
     }

     .filter-section {
         transform: none;
         margin-bottom: 30px;
         margin-top: 30px;
     }

     .filter-section .search-box {
         padding: 10px;
         padding-inline-start: 20px;
     }

     .our-pranches-section h2.font-42,
     .services-section h2.font-42 {
         font-size: 2em;
         margin-bottom: 30px !important;
     }

     .our-pranches-section .image-master img,
     .services-section .image-master img {
         max-height: 300px;
         width: auto;
     }

     .our-pranches-section {
         margin-bottom: 50px;
     }

     .our-pranches-section .pranches-content .box {
         padding: 15px 15px 20px;
     }

     .services-section {
         padding: 50px 0;
     }

     .jobs-section {
         padding: 20px 0;
     }

     .filter-section .search-box .flex-h.gap-15 {
         gap: 7px;
     }

     .filter-section .search-box .main-btn {
         width: 50px;
         height: 50px;
         padding: 5px;
     }

     .filter-section .search-box .main-btn span {
         display: none;
     }

     .search-section .content-section {
         padding: 30px 20px 50px !important;
     }

     .SearchEnginePopup__popup .three-calendars .pickmeup.pmu-view-days.pmu-flat .pmu-instance {
         width: 100%;
     }

     .SearchEnginePopup__popup .three-calendars .pickmeup .pmu-instance .pmu-day-of-week *,
     .SearchEnginePopup__popup .three-calendars .pickmeup .pmu-instance .pmu-days * {
         width: 42px;
     }

     .single-product-page {
         margin-bottom: 50px;
     }

     .single-product-page .left-side,
     .single-product-page .right-side {
         padding: 25px 20px;
     }

     .single-product-page .left-side .head {
         flex-direction: column;
         align-items: start;
     }

     .terms-page {
         padding: 50px 0;
     }

     .terms-page .top img {
         width: 200px;
     }

     .faq-page {
         padding: 50px 0;
     }

     .faq-page .image-master img {
         width: 200px;
     }

     .faq-page h2.bold.font-42 {
         font-size: 2.1em;
     }

     .login-page .image-master img {
         max-width: 100%;
         display: none;
     }

     .form-modal {
         padding: 25px 15px;
     }

     .form-modal .veri_inputs .verify-input-field {
         height: 40px;
         width: 40px;
         font-size: 1.2em;
     }

     .job-form-page .done-page h2.font-42 {
         font-size: 2em;
     }

     .job-form-page .done-page .image-master {
         transform: translateX(37px);
     }

     .job-form-page .done-page .image-master img {
         width: 230px;
     }

     .profile_page>.row {
         max-width: 100%;
     }

     .profile_page .profile-card .mb-100 {
         margin-bottom: 60px !important;
     }

     .profile_page .profile-card .mt-100 {
         margin-top: 60px !important;
     }

     .profile_page .box-content .heading h2 {
         font-size: 1.5em;
     }

     .profile_page .box-content .box-style {
         padding: 20px;
     }

     .profile_page .box-content .box-style .form-group {
         margin-bottom: 20px;
     }

     .profile_page .box-content .box-style .input-box .main-btn {
         min-width: auto;
         padding: 4px 8px;
         font-size: 11px;
     }

     .input-box {
         padding: 5px 30px;
         padding-inline-start: 18px !important;
     }

     .profile_page .box-content#fav-content .box-style {
         padding: 20px;
     }

     .profile_page .box-content#fav-content .box-style .meta {
         justify-content: start;
         flex-direction: row-reverse;
     }

     .profile_page .box-content#follow-content .box-style {
         padding: 10px;
     }

     .profile_page .box-content#follow-content .box-style .follow-product-box {
         padding: 10px;
     }

     .profile_page .box-content#follow-content .box-style .follow-product-box #progressbar {
         margin-bottom: 30px !important;
     }

     .profile_page .box-content#follow-content .box-style .follow-product-box #progressbar li:after {
         top: 20px;
     }

     .profile_page .box-content#follow-content .box-style .follow-product-box #progressbar li .icon {
         width: 40px;
         height: 40px;
         font-size: 1em;
     }

     .profile_page .box-content#follow-content .box-style .follow-product-box #progressbar strong {
         font-size: 9px;
     }

     .table.style-one {
         border-spacing: 0 10px;
     }

     .profile_page .best-seller-section {
         margin-top: 50px !important;
     }

     .profile_page .box-content .sales-box {
         padding: 20px;
         gap: 20px;
     }

     .profile_page .box-content .sales-box span {
         font-size: 2.3em;
     }

     .profile_page .box-content .sales-box .image {
         width: 60px;
         height: 60px;
     }

     .profile_page .box-content .sales-box .image img {
         width: 30px;
     }

     .profile_page .box-content .sales-box .image i {
         font-size: 25px;
     }

     .profile_page .box-content#mywallet-content .box-style {
         padding: 20px;
     }

     .em-2 {
         font-size: 1.5em;
     }

     .profile_page .box-content .heading .m-0.bold.font-32 {
         font-size: 1.6em;
     }

     .order-page .right-side {
         min-height: auto;
     }

     .order-page .right-side .image-master img {
         width: 230px;
     }

     .order-page .form__indicators {
         margin-bottom: 25px !important;
     }

     .order-page .form__indicators .box .icon {
         width: 40px;
         height: 40px;
         font-size: 1.2em;
     }

     .order-page .form__indicators .box span.small {
         font-size: 0.7em !important;
     }

     .order-page .form__indicators .separator {
         margin-top: 20px;
     }

     .order-page .account-box label {
         padding: 12px;
     }

     .order-page .account-box label .checkmark {
         width: 22px;
         height: 22px;
         margin: 0 0 5px !important;
     }

     .order-page .account-box .image {
         width: 60px;
         height: 60px;
         margin: 0 auto 10px;
         padding: 12px;
     }
 }

 .daterangepicker .calendar-table table {
     direction: ltr;
 }

 @media (max-width: 991px) {
     .gsap-reveal-hero .reveal-wrap .reveal-content .flex-between .place.flex-h {
         width: 100%;
     }

     .gsap-reveal-hero .reveal-wrap .reveal-content .flex-between .select2.select2-container {
         width: 100% !important;
     }

     html,
     body {
         overflow: hidden;
         overflow-y: auto;
     }

     .login-page .back-btn span {
         display: none;
     }

     .login-page .back-btn {
         min-width: auto;
     }

     .gap-60-bottom {
         gap: 15px 0;
     }

     .mt-50 {
         margin-top: 20px !important;
     }

     .form-modal .form-group {
         margin: 0 0 20px;
     }

     .small {
         font-size: 11px !important;
     }

     .form-modal .custom_checkbox .checkmark {
         min-width: 15px;
         width: 15px;
         height: 15px;
     }

     .custom_checkbox p {
         margin-inline-start: 5px;
     }

     .form-modal button.main-btn {
         min-height: 45px;
     }

     .login-page {
         min-height: auto;
         padding: 15% 5%;
     }

     .info-box img {
         max-width: 90px;
     }

     .logo.mb-20.d-block {
         margin-bottom: 0 !important;
     }

     .footer .footer-bottom {
         border-radius: 15px;
     }

     .filter-section .search-box img {
         width: 14px;
     }

     .filter-section .search-box .form-control {
         width: calc(100% - 54px);
     }

     .font-20 {
         font-size: 15px;
     }

     .our-pranches-section .pranches-content .box .head .icon {
         width: 40px;
         height: 40px;
         border-width: 5px;
     }

     .gsap-reveal-hero .reveal-wrap .reveal-content .text-end {
         text-align: center;
     }

     .main-btn {
         min-height: 42px;
     }

     .our-pranches-section .pranches-content .box:not(:last-of-type) {
         margin-bottom: 15px;
     }

     .our-pranches-section .pranches-content {
         padding-inline-end: 5px;
     }

     .our-pranches-section .pranches-content::-webkit-scrollbar {
         width: 5px;
     }

     .jobs-section .job-box {
         padding: 20px;
     }

     .gsap-reveal-hero .reveal-wrap .flex-between {
         display: block;
     }

     .jobs-section .job-box .badge {
         margin: 20px 0 0;
     }

     .steps.form__indicators.d-flex.mb-50 {
         position: relative;
         padding: 0;
         background: rgb(5, 75, 42);
         background: linear-gradient(151deg, rgb(5, 75, 42) 24%, rgb(29, 130, 82) 100%);
         max-width: 100%;
         margin-top: 0;
         padding: 40px 14px;
         margin: 0 !important;
     }

     .job-form-page .right-side {
         display: none;
     }

     .job-form-page.multi-step-form .form-modal {
         padding-top: 20px;
     }

     .job-form-page .right-side .image-master {
         display: none;
     }

     .form__indicators .box .icon {
         width: 35px;
         height: 35px;
         font-size: 13px;
         margin: 0 auto;
     }

     .job-form-page.multi-step-form .steps button {
         text-align: center;
         justify-content: center;
         padding: 0;
     }

     .form__indicators .separator {
         margin-top: 19px;
     }

     .job-form-page.multi-step-form .steps button .small {
         font-size: 9px !important;
         margin-top: 7px;
     }

     .choose-car-section .collapse .collapse-inner {
         margin: 0;
     }

     .collapse-inner.row .car-more-details {
         max-height: 185px;
         overflow: hidden;
         overflow-y: auto;
         margin: 0 0 20px;
     }

     .choose-car-section .collapse .collapse-inner {
         max-width: calc(100% - 30px);
         margin: 30px auto;
         padding: 0 0 30px;
     }
 }

 /* ==================================================
          # End Responsive
         ================================================== */

 /* sourceMappingURL=style.css.map */


 /* Custome Code PUIUX*/
 .choose-car-section .row:after {
     z-index: -05 !important;
 }


 .info-box img {
     width: 75%;
 }

 .daterangepicker {
     width: 100%;
     background: #fff;
     /* position: absolute; */
     right: 0 !important;
     left: 0 !important;
     height: 600px;
     margin-top: 40px;
     display: none;
     overflow: auto;
     max-width: 1110px;
     margin: 0 auto;
     margin-top: 42px;
     padding: 30px;
     text-align: center;
 }

 .daterangepicker .drp-calendar {
     width: 45%;
     max-width: 45%;
     float: none !important;
 }

 .daterangepicker th.month {
     flex: 1;
     color: #191919;
     font-size: 1.3em;
     font-weight: 700;
     padding-bottom: 15px;
 }

 .daterangepicker tr:hover th.month {
     background: #e4b755;
     color: #fff !important;
 }

 .daterangepicker .calendar-table td {
     line-height: 1.8em;
     padding: 0.6875rem 0;
     font-size: 1.125em;
     width: 42px;
     color: #191919;
 }

 .daterangepicker.show-calendar .drp-calendar {
     display: inline-block;
 }

 .daterangepicker .drp-calendar {
     padding: 20px !important;
 }

 .daterangepicker td.active,
 .daterangepicker td.active:hover {
     background: #e4b755;
     color: #fff !important;
 }

 .daterangepicker select.hourselect,
 .daterangepicker select.minuteselect,
 .daterangepicker select.secondselect,
 .daterangepicker select.ampmselect {
     width: 31.33%;
     padding: 10px;
 }

 .daterangepicker .calendar-time {
     margin: 40px auto 10px;
 }

 .daterangepicker .drp-buttons {
     text-align: center;
     padding: 20px 0;
     border: none;
 }

 .daterangepicker .drp-selected {
     font-size: 15px;
     color: #666;
 }

 .daterangepicker.show-calendar .drp-buttons .btn-primary {
     background: #e4b755;
 }

 .daterangepicker.show-calendar .drp-buttons .btn {
     font-size: 16px;
     padding: 10px;
     font-weight: normal;
 }

 .sub-filter .sub-menu-filter {
     position: absolute;
     top: 100%;
     right: 0;
     left: 0;
     background: #fff;
     padding: 10px;
     border: 1px solid #F3E6C9 !important;
     border-radius: 5px;
 }

 .sub-filter {
     position: relative;
 }

 .sub-filter .sub-menu-filter li {
     padding: 5px 10px;
     font-size: 12px;
 }

 .invalid-feedback {
     font-size: 12px;
     display: block;
     margin: 0 0 20px;
     color: red;
 }

 .input-box {
     flex-wrap: wrap;
 }

 .input-box .form-control {
     width: calc(100% - 34px);
 }

 span.error-text {
     display: block;
     margin: 15px 0;
     color: red;
     font-size: 12px;
 }

 @media (max-width: 991px) {
     .daterangepicker .drp-calendar {
         max-width: 100%;
         width: 100%;
         padding-inline-end: 0 !important;
         padding-inline-start: 0 !important;
     }

     .daterangepicker {
         padding: 10px;
     }

     .daterangepicker .calendar-table td {
         font-size: 13px;
         padding: 7px;
     }

     .daterangepicker .drp-selected {
         margin: 0 0 15px;
     }

     .footer .footer-top .row.gap-30-bottom .col-lg-4.col-sm-6 {
         max-width: 50%;
     }

     ul.list.contact-box li:nth-child(1) .small {
         font-size: 16px !important;
     }

     ul.list.contact-box li:nth-child(1) .small i {
         width: 50px;
         line-height: 50px;
         text-align: center;
         background: #0d683d;
         border-radius: 50%;
         color: #fff;
         margin-inline-end: 10px;
     }

     .footer .footer-top .social-media {
         justify-content: center;
     }

     .order-page .account-box h6 {
         font-size: 12px;
     }

     .order-page .account-box {
         margin: 0 0 30px;
     }

     .row.order-page .col-6:nth-child(odd) {
         padding-inline-end: 5px;
     }

     .row.order-page .col-6:nth-child(even) {
         padding-inline-start: 5px;
     }

     .row.order-page .col-12+.col-6,
     .row.order-page .col-12+.col-6+.col-6 {
         flex: 0 0 50%;
         max-width: 50%;
     }

     .row.order-page .col-12+.col-6+.col-6+.col-6,
     .row.order-page .col-12+.col-6+.col-6+.col-6+.col-6 {
         flex: 0 0 100%;
         max-width: 100%;
     }

     .row.order-page .col-12+.col-12+.col-6 {
         max-width: 100%;
         flex: 0 0 100%;
     }

     .profile_page .main-content .profile-img {
         width: 30px;
         height: 30px;
     }

     .SearchEnginePopup__popup .countries_side {
         max-height: 200px;
     }

     .sidebar-h {
         margin: 0 0 30px;
     }

     .profile_page .box-content .box-style .row .col-6 {
         max-width: 100%;
         flex: 0 0 100%;
     }

     .payment-methods .item.flex-h {
         width: 50% !important;
         flex: 0 0 50% !important;
     }

     .profile_page>.row .col-xl-3.col-lg-4 {
         /* max-width: 15%; */
     }

     .profile_page>.row .col-xl-9.col-lg-8 {
         /* max-width: 85%; */
     }

     .profile_page .profile-card .tabs-li li span.small.bold {
         display: none;
     }

     .profile_page .profile-card .tabs-li li {
         display: inline-block;
         flex: auto;
         height: 50px;
         margin: 0 4px;
     }

     .profile_page .profile-card .mb-100 {
         text-align: center;
         margin: 0 !important;
         display: flex;
         flex: 0 1;
     }

     .profile_page .profile-card .copyrights {
         display: none;
     }

     .profile_page .profile-card .mt-100 {
         display: none;
     }

     .profile_page .profile-card {
         margin-bottom: 10px;
         padding: 0 !important;
         FONT-VARIANT: JIS04;
         FONT-VARIANT: JIS04;
     }

     .personal-info.text-center.mb-50 {
         margin: 0 0 25px !important;
     }

     section.profile_page {
         padding-top: 30px;
     }

     .SearchEnginePopup__popup {
         /* top: 0; */
         background: transparent;
         position: inherit;
         height: auto;
     }

     .daterangepicker {/* position: fixed; */top: 15% !important;bottom: 0;}

     .SearchEnginePopup__popup .row.no-gutters.SearchEngineCountries {
         position: absolute;
         background: #fff;
         top: 0;
     }

     .flex-between div#list_menu .dropdown-item.flex-h.gap-5 {
         display: none;
     }

     .left-side.flex-end.gap-8 {
         margin: 0;
         margin-inline-start: 20px;
     }

     .collapse-inner.row .car-more-details {
        max-height: max-content;
    }

    .choose-car-section .row .col-md-6 .row {
        max-height: fit-content;
        max-width: 100%;
        margin: 0 auto;
        padding: 0;
    }

    .choose-car-section .collapse.show {
        overflow: visible;
        z-index: 9;
        position: relative;
    }

    .choose-car-section .collapse {
        margin: 30px 0 0;
    }
 }

 .btn-primary{
     background: linear-gradient(to right, #E1AE32 0%, #e6c583 51%, #E1AE32 100%);
     background-size: 200% auto;
     color: #fff;
     padding: 6px 15px;
     border-radius: 50px;
     display:inline-block;
     margin-bottom:5px;
 }

 .login-page .input-box.flex-h:nth-child(2) {
    justify-content: space-around;
    /* background: transparent; */
}

.login-page .input-box.flex-h:nth-child(2) .toggle-label {
    display: flex;
    align-items: center;
    -webkit-align-items: center;
    gap: 10px;
    font-size: 18px;
}

.login-page .input-box.flex-h .toggle-label input {
    width: 16px;
    height: 16px;
    accent-color: #a58848;
}

section.job-form-page.order-page .form-group .small.sec-color {
    margin: 20px 0;
}

section.job-form-page.order-page .form-group {
    margin: 0;
}

select + span.error-text {
    position: absolute;
    bottom: -9px;
}

.input-box .form-control {
    width: calc(100% - 46px);
}

.search-section.showcountries .content-section .inputs .input-box .form-control {color: #eee;}