:root {
  --bs-primary: #2092D1;
  --bs-primary-hover: #157ab1;
  --bs-primary-active: #004c75;
  --bs-primary-anti: #fab06f;
  --bs-primary-anti-hover: #f7aa67;
  --bs-primary-anti-active: #f1923f;
  --root-gray-color: #808080;
  --body-bg:white !important;
}
@media (min-width: 576px) {
  .h-sm-custom {
    height: var(--bs-custom-height) !important;
  }
}

@media (min-width: 768px) {
  .h-md-custom {
    height: var(--bs-custom-height) !important;
  }
}

@media (min-width: 992px) {
  .h-lg-custom {
    height: var(--bs-custom-height) !important; 
  }
}

@media (min-width: 1200px) {
  .h-xl-custom {
    height: var(--bs-custom-height) !important;
  }
}

@media (min-width: 1400px) {
  .h-xxl-custom {
    height: var(--bs-custom-height) !important;
  }
}
* {
  scrollbar-width: thin;
  scrollbar-color: #d6d6d6 #ffffff;
}

*::-webkit-scrollbar {
  width: 16px;
}

*::-webkit-scrollbar-track {
  background: #ffffff;
}

*::-webkit-scrollbar-thumb {
  background-color: #d6d6d6;
  border-radius: 10px;
  border: 3px solid #ffffff;
}

* {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
}

.font-family-arial {
  font-family: Arial, Helvetica, sans-serif !important;
}

html {
  height: 100%;
}

body {
  display: flex;
  flex-direction: column;
  min-height: 100%;
  /* background-color: #F5F8FA !important; */
}
.navbar{
  transition: 0.2s ease-in-out !important;
}
.card-hover {
  transition: 0.2s;
  cursor: pointer;
}

.card-hover:hover {
  transform: scale(0.97);
  transition: 0.2s;
}

.text-primary-emphasis {
  color: var(--bs-primary-active) !important;
}

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

.bg-primary-emphasis {
  background-color: var(--bs-primary-active) !important;
}

.spinner-border {
  --bs-spinner-width: 1rem !important;
  --bs-spinner-height: 1rem !important;
}

.border-color-primary {
  border-color: var(--bs-primary) !important;
}
.border-danger.border-color-primary{
  border-color: var(--bs-danger) !important;
}
.border-bottom-input {
  border: solid 1px #ffff;
  border-top: none;
  border-left: none;
  border-right: none;
}

.border-bottom-input:focus-visible {
  border-color: transparent !important;
}

.form-control.border-bottom-input:focus {
  box-shadow: none;
}

.btn-hover-border-primary:hover {
  border-color: var(--bs-primary) !important;
  transition: 0.3s;
}

.btn-hover-border-primary {
  transition: 0.3s;
}

.btn-primary {
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-hover-bg: var(--bs-primary-hover);
  --bs-btn-active-bg: var(--bs-primary-active);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-border-color: var(--bs-primary);
}

.btn-outline-primary {
  --bs-btn-bg: white;
  --bs-btn-hover-bg: var(--bs-primary-hover);
  --bs-btn-active-bg: var(--bs-primary-active);
  --bs-btn-border-color: var(--bs-primary);
  --bs-btn-hover-border-color: var(--bs-primary);
  color: var(--bs-primary);
}

.btn-primary-anti {
  --bs-btn-bg: var(--bs-primary-anti);
  --bs-btn-hover-bg: var(--bs-primary-anti-hover);
  --bs-btn-active-bg: var(--bs-primary-anti-active);
  --bs-btn-border-color: var(--bs-primary-anti);
}



nav a,
nav p,
nav span,
nav h1,
nav h2,
nav h3,
nav h4,
nav h5,
nav h6,
nav b {
  color: var(--root-gray-color) !important;
  transition: 0.4s;
}

nav a:hover,
nav p:hover,
nav span:hover,
nav h1:hover,
nav h2:hover,
nav h3:hover,
nav h4:hover,
nav h5:hover,
nav h6:hover,
nav b:hover {
  color: var(--bs-primary) !important;
  transition: 0.4s;
}

.text-primary {
  color: var(--bs-primary) !important;
}

.root-gray-color {
  color: var(--root-gray-color) !important;
}

.root-bg-gray-color {
  background-color: var(--root-gray-color) !important;
}

.btn.active {
  border-color: var(--active-border-color) !important;
}

.picture_overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.24);
}
#wrap_video {
  position: absolute;
  top: 0;
  left: 0;
}
.video_overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.3);
  overflow: hidden !important;
}
.cursor-pointer {
  cursor: pointer !important;
}

.swiper-button-next,
.swiper-button-prev {
  color: white !important;
}

.bg-hover-black:hover {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}

.transition {
  transition: var(--bs-transition-s) ease-in-out;
}

.transition:hover {
  transition: var(--bs-transition-s) ease-in-out;
}

.opacity_hover {
  opacity: 0;
}

.opacity_hover:hover {
  opacity: var(--bs-opacity);
}

#loader {
  position: fixed;
  padding: 0;
  margin: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgb(255, 255, 255);
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}


svg .loader_svg-1 {
  stroke-dashoffset: 685.587646484375px;
  stroke-dasharray: 685.587646484375px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
}

svg.active .loader_svg-1 {
  stroke-dashoffset: 0;
  fill: rgb(32, 146, 209);
}

svg .loader_svg-2 {
  stroke-dashoffset: 602.11767578125px;
  stroke-dasharray: 602.11767578125px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
}

svg.active .loader_svg-2 {
  stroke-dashoffset: 0;
  fill: rgb(32, 146, 209);
}

svg .loader_svg-3 {
  stroke-dashoffset: 18.414752960205078px;
  stroke-dasharray: 18.414752960205078px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
}

svg.active .loader_svg-3 {
  stroke-dashoffset: 0;
  fill: rgb(32, 146, 209);
}

svg .loader_svg-4 {
  stroke-dashoffset: 87.00572204589844px;
  stroke-dasharray: 87.00572204589844px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
}

svg.active .loader_svg-4 {
  stroke-dashoffset: 0;
  fill: rgb(32, 146, 209);
}

svg .loader_svg-5 {
  stroke-dashoffset: 1067.124267578125px;
  stroke-dasharray: 1067.124267578125px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s;
}

svg.active .loader_svg-5 {
  stroke-dashoffset: 0;
  fill: rgb(32, 146, 209);
}

svg .loader_svg-6 {
  stroke-dashoffset: 459.8438720703125px;
  stroke-dasharray: 459.8438720703125px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;
}

svg.active .loader_svg-6 {
  stroke-dashoffset: 0;
  fill: rgb(32, 146, 209);
}

svg .loader_svg-7 {
  stroke-dashoffset: 355.0733337402344px;
  stroke-dasharray: 355.0733337402344px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s;
}

svg.active .loader_svg-7 {
  stroke-dashoffset: 0;
  fill: rgb(32, 146, 209);
}

svg .loader_svg-8 {
  stroke-dashoffset: 496.61846923828125px;
  stroke-dasharray: 496.61846923828125px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
}

svg.active .loader_svg-8 {
  stroke-dashoffset: 0;
  fill: rgb(32, 146, 209);
}

svg .loader_svg-9 {
  stroke-dashoffset: 1323.9049072265625px;
  stroke-dasharray: 1323.9049072265625px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s;
}

svg.active .loader_svg-9 {
  stroke-dashoffset: 0;
  fill: rgb(32, 146, 209);
}

svg .loader_svg-10 {
  stroke-dashoffset: 402.5426025390625px;
  stroke-dasharray: 402.5426025390625px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s;
}

svg.active .loader_svg-10 {
  stroke-dashoffset: 0;
  fill: rgb(32, 146, 209);
}

svg .loader_svg-11 {
  stroke-dashoffset: 216px;
  stroke-dasharray: 216px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s;
}

svg.active .loader_svg-11 {
  stroke-dashoffset: 0;
  fill: rgb(32, 146, 209);
}

svg .loader_svg-12 {
  stroke-dashoffset: 7.485734939575195px;
  stroke-dasharray: 7.485734939575195px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s;
}

svg.active .loader_svg-12 {
  stroke-dashoffset: 0;
  fill: rgb(0, 0, 0);
}

svg .loader_svg-13 {
  stroke-dashoffset: 201.45855712890625px;
  stroke-dasharray: 201.45855712890625px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s;
}

svg.active .loader_svg-13 {
  stroke-dashoffset: 0;
  fill: rgb(0, 0, 0);
}

svg .loader_svg-14 {
  stroke-dashoffset: 166.70359802246094px;
  stroke-dasharray: 166.70359802246094px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s;
}

svg.active .loader_svg-14 {
  stroke-dashoffset: 0;
  fill: rgb(0, 0, 0);
}

svg .loader_svg-15 {
  stroke-dashoffset: 12.492204666137695px;
  stroke-dasharray: 12.492204666137695px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s;
}

svg.active .loader_svg-15 {
  stroke-dashoffset: 0;
  fill: rgb(0, 0, 0);
}

svg .loader_svg-16 {
  stroke-dashoffset: 108.9803466796875px;
  stroke-dasharray: 108.9803466796875px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7999999999999998s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7999999999999998s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s;
}

svg.active .loader_svg-16 {
  stroke-dashoffset: 0;
  fill: rgb(0, 0, 0);
}

svg .loader_svg-17 {
  stroke-dashoffset: 108.98039245605469px;
  stroke-dasharray: 108.98039245605469px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.92s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.92s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s;
}

svg.active .loader_svg-17 {
  stroke-dashoffset: 0;
  fill: rgb(0, 0, 0);
}

svg .loader_svg-18 {
  stroke-dashoffset: 147.39822387695312px;
  stroke-dasharray: 147.39822387695312px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.04s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.04s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s;
}

svg.active .loader_svg-18 {
  stroke-dashoffset: 0;
  fill: rgb(0, 0, 0);
}

svg .loader_svg-19 {
  stroke-dashoffset: 73.93550872802734px;
  stroke-dasharray: 73.93550872802734px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.16s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.16s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.6s;
}

svg.active .loader_svg-19 {
  stroke-dashoffset: 0;
  fill: rgb(0, 0, 0);
}

svg .loader_svg-20 {
  stroke-dashoffset: 55.85127258300781px;
  stroke-dasharray: 55.85127258300781px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.28s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.28s,
    fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.7s;
}

svg.active .loader_svg-20 {
  stroke-dashoffset: 0;
  fill: rgb(0, 0, 0);
}

.form-control {
  transition: 0.2s;
}
.form-control.border-danger{
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(.375em + .1875rem) center;
  background-size: calc(.75em + .375rem) calc(.75em + .375rem);
}
.form-control:hover {
  border-color: var(--bs-primary) !important;
  transition: 0.2s;
}

.form-control:focus {
  border-color: var(--bs-primary) !important;
  transition: 0.2s;
}
.border-danger.form-control:hover {
  border-color: var(--bs-danger) !important;
  transition: 0.2s;
}

.border-danger.form-control:focus {
  border-color: var(--bs-danger) !important;
  transition: 0.2s;
}
.input-group-vertical input:first-child,
.input-group-vertical select:first-child,
.input-group-vertical button:first-child {
  border-top-left-radius: 5px !important;
  border-top-right-radius: 5px !important;
  z-index: 99 !important;
}

.input-group-vertical input:not(:first-child),
.input-group-vertical select:not(:first-child),
.input-group-vertical button:not(:first-child) {
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
  z-index: 99 !important;
}

.input-group-vertical input:last-child,
.input-group-vertical select:last-child,
.input-group-vertical button:last-child {
  border-bottom-left-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
  z-index: 99 !important;
}

.input-group-vertical input:not(:last-child),
.input-group-vertical select:not(:last-child),
.input-group-vertical button:not(:last-child) {
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  z-index: 99 !important;
}



.input-group-vertical-child .input-group-text:not(.border-danger) {
  background-color: white;
  border: none;
}

.input-group-vertical-child .form-control,
.input-group-vertical-child .form-select {
  background-color: white;
  border: none;
}

.input-group-vertical-child .input-group:last-child {
  border-bottom-left-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
  z-index: 99 !important;
}

.input-group-vertical-child .input-group:not(:last-child) {
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  z-index: 99 !important;
}

.input-group-vertical-child .input-group:first-child {
  border-top-left-radius: 5px !important;
  border-top-right-radius: 5px !important;
  z-index: 99 !important;
}

.input-group-vertical-child .input-group:not(:first-child) {
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
  z-index: 99 !important;
}

.input-group-vertical-child .input-group:last-child {
  border-bottom-left-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
  z-index: 99 !important;
}

.input-group-vertical-child .input-group:not(:last-child) {
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  z-index: 99 !important;
}


.input-group-vertical-child .input-group {
  transition: 0.2s;
}

.input-group-vertical-child .input-group:hover {
  border-color: var(--bs-primary) !important;
  transition: 0.2s;

}

.input-group-vertical-child .input-group:focus {
  border-color: var(--bs-primary) !important;
  transition: 0.2s;

}


.input-group-vertical-child .input-group.border-danger {
  transition: 0.2s;
  border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
}

.input-group-vertical-child .input-group.border-danger:hover {
  border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
  transition: 0.2s;

}

.input-group-vertical-child .input-group.border-danger:focus {
  border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
  transition: 0.2s;

}

.dropdown-menu {
  margin-top: -2px !important;
}


.input-group-vertical-child .input-group i {
  transition: 0.2s;
}

.input-group-vertical-child .input-group:hover i {
  transition: 0.2s;
  color: var(--bs-primary) !important;
}

.input-group-vertical-child .input-group:focus i {
  color: var(--bs-primary) !important;
  transition: 0.2s;
}



.input-group-vertical-child .input-group.border-danger i {
  transition: 0.2s;
  color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
}

.input-group-vertical-child .input-group.border-danger:hover i {
  transition: 0.2s;
  color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
}

.input-group-vertical-child .input-group.border-danger:focus i {
  color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
  transition: 0.2s;
}


.icon_hover{
  transition: 0.3s;
}

.icon_hover:hover {
  color: var(--bs-dark-color) !important;
  transition: 0.3s;
}

.dropdown-custom-menu {
  --dropdown-radius: 10px;
  display: none;
  position: absolute;
  background-color: white;
  border: solid 1px rgba(0, 0, 0, 0.123);
  color: black;
}

.dropdown-custom-menu.dropdown-custom-menu-border-top {
  border-top-left-radius: var(--dropdown-radius);
  border-top-right-radius: var(--dropdown-radius);
}

.dropdown-custom-menu.dropdown-custom-menu-border-bottom {
  border-bottom-left-radius: var(--dropdown-radius);
  border-bottom-right-radius: var(--dropdown-radius);
}

.dropdown-custom-menu-scroll {
  height: 230px;
  overflow: auto;
}

.dropdown-custom-menu .dropdown-item {
  transition: 0.1s ease-in-out;
  padding: 10px;
}

.dropdown-custom-menu .dropdown-custom-menu-search-bar-container {
  padding: 10px;
}

.dropdown-custom-menu .dropdown-item:last-child {
  --dropdown-radius: 10px;
  border-bottom-left-radius: var(--dropdown-radius);
  border-bottom-right-radius: var(--dropdown-radius);
}

.dropdown-custom-menu .dropdown-item:hover {
  background-color: var(--bs-primary);
  color: white;
}

.dropdown-custom-menu .dropdown-item.active {
  background-color: var(--bs-primary);
  color: white;
}

.dropdown-custom-menu.show {
  display: block;
}

.z-top {
  z-index: 999999999999999999999999;
}

.customBlockUI {
  position: relative;
  overflow: hidden;
}

.customBlockUI .customBlockUI-overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 999999999999999999999999;
  background-color: rgba(255, 255, 255, 0.726);
}

.loading_container {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgb(255, 255, 255);
  z-index: 9999999999999999;
}

svg .yesevi_svg_animation-1 {
  stroke-dashoffset: 1319.2884521484375px;
  stroke-dasharray: 1319.2884521484375px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.8s
}

svg.active .yesevi_svg_animation-1 {
  stroke-dashoffset: 0;
  fill: rgb(29, 183, 234)
}

svg .yesevi_svg_animation-2 {
  stroke-dashoffset: 1083.8878173828125px;
  stroke-dasharray: 1083.8878173828125px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.12s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 0.9s
}

svg.active .yesevi_svg_animation-2 {
  stroke-dashoffset: 0;
  fill: rgb(29, 183, 234)
}

svg .yesevi_svg_animation-3 {
  stroke-dashoffset: 86.24554443359375px;
  stroke-dasharray: 86.24554443359375px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.24s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1s
}

svg.active .yesevi_svg_animation-3 {
  stroke-dashoffset: 0;
  fill: rgb(29, 183, 234)
}

svg .yesevi_svg_animation-4 {
  stroke-dashoffset: 35.87815856933594px;
  stroke-dasharray: 35.87815856933594px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.36s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.1s
}

svg.active .yesevi_svg_animation-4 {
  stroke-dashoffset: 0;
  fill: rgb(29, 183, 234)
}

svg .yesevi_svg_animation-5 {
  stroke-dashoffset: 438.5415344238281px;
  stroke-dasharray: 438.5415344238281px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.48s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2000000000000002s
}

svg.active .yesevi_svg_animation-5 {
  stroke-dashoffset: 0;
  fill: rgb(29, 183, 234)
}

svg .yesevi_svg_animation-6 {
  stroke-dashoffset: 566.9598999023438px;
  stroke-dasharray: 566.9598999023438px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.6s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3s
}

svg.active .yesevi_svg_animation-6 {
  stroke-dashoffset: 0;
  fill: rgb(29, 183, 234)
}

svg .yesevi_svg_animation-7 {
  stroke-dashoffset: 488.7742919921875px;
  stroke-dasharray: 488.7742919921875px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.72s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.4000000000000001s
}

svg.active .yesevi_svg_animation-7 {
  stroke-dashoffset: 0;
  fill: rgb(29, 183, 234)
}

svg .yesevi_svg_animation-8 {
  stroke-dashoffset: 566.9598999023438px;
  stroke-dasharray: 566.9598999023438px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.84s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.5s
}

svg.active .yesevi_svg_animation-8 {
  stroke-dashoffset: 0;
  fill: rgb(29, 183, 234)
}

svg .yesevi_svg_animation-9 {
  stroke-dashoffset: 458.6968994140625px;
  stroke-dasharray: 458.6968994140625px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 0.96s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.6s
}

svg.active .yesevi_svg_animation-9 {
  stroke-dashoffset: 0;
  fill: rgb(29, 183, 234)
}

svg .yesevi_svg_animation-10 {
  stroke-dashoffset: 222.79998779296875px;
  stroke-dasharray: 222.79998779296875px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.08s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7000000000000002s
}

svg.active .yesevi_svg_animation-10 {
  stroke-dashoffset: 0;
  fill: rgb(29, 183, 234)
}

svg .yesevi_svg_animation-11 {
  stroke-dashoffset: 1129.1494140625px;
  stroke-dasharray: 1129.1494140625px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.2s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.8s
}

svg.active .yesevi_svg_animation-11 {
  stroke-dashoffset: 0;
  fill: rgb(62, 62, 60)
}

svg .yesevi_svg_animation-12 {
  stroke-dashoffset: 204.33755493164062px;
  stroke-dasharray: 204.33755493164062px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.3199999999999998s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 1.9000000000000001s
}

svg.active .yesevi_svg_animation-12 {
  stroke-dashoffset: 0;
  fill: rgb(62, 62, 60)
}

svg .yesevi_svg_animation-13 {
  stroke-dashoffset: 121.30560302734375px;
  stroke-dasharray: 121.30560302734375px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.44s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2s
}

svg.active .yesevi_svg_animation-13 {
  stroke-dashoffset: 0;
  fill: rgb(62, 62, 60)
}

svg .yesevi_svg_animation-14 {
  stroke-dashoffset: 131.3379364013672px;
  stroke-dasharray: 131.3379364013672px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.56s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.1s
}

svg.active .yesevi_svg_animation-14 {
  stroke-dashoffset: 0;
  fill: rgb(62, 62, 60)
}

svg .yesevi_svg_animation-15 {
  stroke-dashoffset: 230.8949432373047px;
  stroke-dasharray: 230.8949432373047px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.68s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.2s
}

svg.active .yesevi_svg_animation-15 {
  stroke-dashoffset: 0;
  fill: rgb(62, 62, 60)
}

svg .yesevi_svg_animation-16 {
  stroke-dashoffset: 131.33599853515625px;
  stroke-dasharray: 131.33599853515625px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7999999999999998s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.7999999999999998s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.3s
}

svg.active .yesevi_svg_animation-16 {
  stroke-dashoffset: 0;
  fill: rgb(62, 62, 60)
}

svg .yesevi_svg_animation-17 {
  stroke-dashoffset: 201.9315643310547px;
  stroke-dasharray: 201.9315643310547px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.92s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 1.92s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.4000000000000004s
}

svg.active .yesevi_svg_animation-17 {
  stroke-dashoffset: 0;
  fill: rgb(62, 62, 60)
}

svg .yesevi_svg_animation-18 {
  stroke-dashoffset: 90.92154693603516px;
  stroke-dasharray: 90.92154693603516px;
  fill: transparent;
  -webkit-transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.04s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s;
  transition: stroke-dashoffset 1s cubic-bezier(0.47, 0, 0.745, 0.715) 2.04s, fill 0.7s cubic-bezier(0.47, 0, 0.745, 0.715) 2.5s
}

svg.active .yesevi_svg_animation-18 {
  stroke-dashoffset: 0;
  fill: rgb(62, 62, 60)
}

.cartTable td {
  vertical-align: middle;
  padding-top: 20px;
}

.form-control:disabled {
  cursor: no-drop !important
}
.turkey_map {
  max-width: 1140px;
  margin: 0 auto;
  text-align: center;
}

.turkey_map svg {
  width: 100%;
  height: auto;
}

.turkey_map_info {
  position: absolute;
  z-index: 2;
}

.turkey_map_info div {
  display: inline-block;
  background: #222;
  color: #fff;
  padding: 8px 16px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

#turkey_map path {
  cursor: pointer;
  fill: #D8D8D8;
}

/* #turkey_map g g:hover path {
  fill: var(--bs-primary);
} */
#turkey_map g g.active path {
  fill: var(--bs-primary);
}
.sales_point_name {
  display: none;
}

.sube0 {
  display: block;
}
.sales_list ul li.active{
  background-color: var(--bs-gray) !important;
  color: white;
}
.sales_list ul li{
  color: black;
  cursor: pointer;
}
.sales_list ul li:hover{
  background-color: var(--bs-gray) !important;
  color:white;
}
.sales_list_ul{
  height: 465px !important;
  overflow: auto;
}
.slider-icon{
  height: 40px;
  width: 40px;
  text-align: center;
}
.slider-icon i{
  font-size: 20px;
  color:var(--bs-secondary);
}
.slider-icon i.bi{
  line-height: 0;

}
.slider-icon-item{
  transition: 0.2s ease-in-out;
  cursor: pointer;
}

.slider-icon-item.active .bg-secondary-subtle{
  --bs-secondary-bg-subtle:var(--bs-custom-active-bg-color);
  transition: 0.2s ease-in-out;
}
.slider-icon-item.active .bg-secondary-subtle i,.slider-icon-item.active .slider-icon-item-text{
  color:var(--bs-custom-active-icon-color) !important;
  transition: 0.2s ease-in-out;
}

.slider-icon-item:hover .bg-secondary-subtle{
  --bs-secondary-bg-subtle:var(--bs-custom-active-bg-color);
  transition: 0.2s ease-in-out;
}
.slider-icon-item:hover .bg-secondary-subtle i,.slider-icon-item:hover .slider-icon-item-text{
  color:var(--bs-custom-active-icon-color) !important;
  transition: 0.2s ease-in-out;
}

.slider-icon-item .bg-secondary-subtle,.slider-icon-item .slider-icon-item-text{
  transition: 0.2s ease-in-out;
}
.slider-icon-item .bg-secondary-subtle i{
  transition: 0.2s ease-in-out;
}
.cartTable tr{
  border-color:rgba(34, 34, 34, 0.09);
  
}

.list-group-item.active{
  background-color: var(--bs-primary) !important;
  border-color: var(--bs-primary) !important;
}
.text-muted.active{
  color: white !important;
}
#all_logo_container img{
  transition: 0.5s;
  border:solid 1px rgba(8, 8, 8, 0.123);
  border-left:none;
  border-bottom:none;
  border-top:none;
  padding-right: 40px ;
  padding-left: 40px ;
}
#all_logo_container img:last-child{
  border: none !important;
  padding-right: 0 !important;
}
#all_logo_container img:hover{
  filter: grayscale(0%) !important;
  transition: 0.5s;
}
[news-cart] .card-body{
  background:linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 20%, rgba(255, 255, 255, 0) 50%) ;
}
.grayscale_img{
  filter:grayscale(1) !important;
  transition:0.3s;
}
.grayscale_img:hover{
  filter:grayscale(0) !important;
  transition:0.3s;
}
.card:hover .grayscale_img{
  filter:grayscale(0) !important;
  transition:0.3s;
}
.category_container [data-type="tab_pane_button"]{
  transition: 0.2s;
  cursor: pointer;
  border: solid 3px transparent;
  border-top:none;
  border-left:none;
  border-right:none;
}
.category_container [data-type="tab_pane_button"]:hover{
  background-color: #d8d8d848;
  transition: 0.2s;
  border: solid 3px var(--active-border-color) !important;
  border-top:none !important;
  border-left:none !important;
  border-right:none !important;
}
.category_container [data-type="tab_pane_button"].active{
  background-color: #d8d8d848 !important;
  transition: 0.2s !important;
  border: solid 3px var(--active-border-color) !important;
  border-top:none !important;
  border-left:none !important;
  border-right:none !important;
  color: var(--active-border-color) !important;
}
.slider_description_container p{
  margin: 0 !important;
  padding: 0 !important;
}
.nav-scroll.scrolled{
  background-color: transparent !important;
  border:0 !important;
}
.nav-scroll.scrolled .nav-link{
  color:white !important;
}
.nav-scroll.scrolled .navbar-brand img{
  filter: brightness(0) invert(1) !important;
}
.nav-scroll.scrolled .dropdown-toggle{
  color:white !important;
}
.nav-scroll.scrolled .collapse.show,.nav-scroll.scrolled .collapsing{
  position:absolute;
  top:var(--navbar-height-h);
  left:0;
  width: 100%;
  background-color: white;
  padding:30px !important;
}
.nav-scroll.scrolled .collapse.show .nav-link,.nav-scroll.scrolled .collapsing  .nav-link{
  color: gray !important;
}