:root {
   --border-radius: 20px;
   --background: #0d0f22;
   --color-text: #ffffff;
   --color-text-black: #130807;
   --color-top: #1998ff;
   --color-dop: red;
   --font-family: 'Ubuntu Condensed', sans-serif;
   --font-size: 1.02rem;
   --font-size-btn: 0.9rem;

}

html,
body {
   font-family: var(--font-family);
   font-size: var(--font-size);
}

h1 {
   font-size: 50px;
}

p {
   font-size: var(--font-size);
}

h6 {
   font-size: var(--font-size);
}

.app-breadcrumb {
   font-size: var(--font-size);
}

#toTop {
   text-align: center;
   padding: 5px;
   position: fixed;
   bottom: 10px;
   right: 20px;
   cursor: pointer;
   display: none;
}

.round-5 {
   border-radius: 5px;
}

.flag {
   height: 25px;
   margin-top: -4px;
}

.navbar .navbar-menu-wrapper .navbar-nav .nav-link {
   font-size: var(--font-size);
   white-space: nowrap;
}

.navbar .navbar-menu-wrapper .navbar-nav .btn-contact-us {
   margin-left: auto;
}

.nav-item {
   white-space: nowrap;
}

.nav-sort a {
   margin-right: 10px;
   margin-bottom: 10px;
}

.wrapper-b {
   min-height: 65vh;
}

.navbar {
   background-color: #f7f8fa;
   padding: 20px 0 20px;
}

.navbar-toggler.close-button {
   position: absolute;
   top: 10px;
   right: 10px;
   z-index: 1051;
   display: block;
   margin-right: 20px;
   color: red;
}

.logo {
   height: 50px;
   width: auto;
}

.btn {
   font-size: var(--font-size-btn);
   font-family: var(--font-family);
   border-radius: 20px;
}

.btn-sm {
   font-size: 0.9rem;
}

.banner {
   background-color: rgba(247, 248, 250, 0);
}

.border-b {
   border-bottom: solid 1px black;
}

.border-t {
   border-top: solid 1px black;
}

.modal-content {
   border-radius: 25px;
}

.iti {
   display: block;
}

.ctypto_icon {
   margin-top: -3px;
}

.btn-small-b {
   padding: 5px 10px;
}

.table-name-tarif {
   border-radius: 30px;
   border: solid 4px rgba(110, 110, 110, 0.22);
   padding: 15px;
   position: relative;
}

.table-name-tarif-info {
   position: absolute;
   bottom: 0;
   margin-bottom: -42px;
   font-size: 26px;
   left: 50%;
   transform: translate(-50%, -50%);

}

.table-demo {
   font-size: 26px;
}

.table-name-link {
   background: rgba(255, 255, 255);
}

.table-name-link:hover {
   color: var(--color-top);
}

.border-b-dash {
   border-bottom: dashed 1px rgba(110, 110, 110, 0.55);
}

.select2-container {

   display: block;

}

.select2-container--bootstrap .select2-selection--single .select2-selection__clear {
   right: -1rem;
}

.select2-container--bootstrap .select2-selection--single .select2-selection__clear,
.select2-container--bootstrap .select2-selection--multiple .select2-selection__clear {
   font-size: 1rem;
}

.form-control {
   font-size: 1rem;
}

.header-small .navbar {
   background: #f7f8fa;
}

.dropdown-menu {
   min-width: 1rem;
}

.price-terif-title {
   color: var(--color-top);
}

.contact-us .contact-us-bgimage {
   background-image: url('/img/contacts.webp');
   background-position: center;
   background-repeat: no-repeat;
   background-size: cover;
   text-align: center;
   padding: 83px 0px 68px 0px;
}

.center404 {
   padding: 70px 0;
   text-align: center;
}

body {
   padding-top: 120px;
}

[id] {
   scroll-margin-top: 80px;
}

#services {
   scroll-margin-top: 120px;
}

#home {
   position: relative;
   height: 1px;
   margin-top: -100px;
   padding-top: 100px;
}

#prices {
   position: relative;
   height: 1px;
   margin-top: -100px;
   padding-top: 100px;
}

.modal-dialog {
   display: flex;
   align-items: center;
   min-height: 100vh;
   justify-content: center;
}

.modal.fade .modal-dialog {
   transition: transform 0.3s ease-out;
}

.col-lg-1 {
   color: green;
}

.col-lg-2 {
   color: #81260a;
}

@media (max-width: 768px) {
   .modal-dialog {
      align-items: center;
      margin: 0 auto;
   }
}

@media (min-width: 992px) {
   .navbar-toggler.close-button {
      display: none;
   }
}

@media (max-width: 992px) {
   .navbar-menu-wrapper .navbar-collapse-logo {
      display: none !important;
   }
}

@media (max-width: 768px) {
   .modal-content {
      width: auto;
   }

   .modal-content {
      width: auto;
   }
}

@media (max-width: 768px) {

   .row.text-center .col-lg-1.align-self-center,
   .row.text-center .col-lg-2.align-self-center {
      display: contents;
   }

   .row.text-center .col-lg-1.align-self-center h6,
   .row.text-center .col-lg-2.align-self-center h6 {
      display: block;
      font-size: 1rem;
      margin-top: 0.6rem !important;
      padding-top: 0 !important;
   }

   .row.text-center .col-lg-1.align-self-center h6::after {
      content: "–";
      color: black;
      margin: 0 0.4ch;
   }

   .row.text-center .col-lg-12>.row {
      justify-content: center;
      text-align: center;
      flex-wrap: wrap;
   }

   .row.text-center .col-lg-6.align-self-center {
      width: 100%;
      text-align: center;
      margin-top: 0.2rem !important;
   }

   .row.text-center .col-lg-3.align-self-center span br {
      display: none !important;
   }

   .row.text-center .col-lg-3.align-self-center .row {
      flex-direction: column;
      align-items: center;
      gap: 0.6rem;
   }

   .row.text-center .col-lg-3.align-self-center .row .pair {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 0.4ch;
      white-space: nowrap;
      margin-bottom: 0.6rem;
   }

   .row.text-center .col-lg-3.align-self-center .row .pair .col-lg-6 {
      display: inline-block;
      font-size: 1rem;
      padding: 0;
      border-bottom: 1px dashed black;
      line-height: 1.4;
      white-space: nowrap;
   }

   .row.text-center .col-lg-3.align-self-center .row .pair .col-lg-6 span {
      display: inline-block;
      padding-bottom: 2px;
   }

   .row.text-center .col-lg-3.align-self-center span br {
      display: none !important;
   }

   .row.text-center .col-lg-3.align-self-center .row .pair::before {
      content: "";
   }

   .row.text-center .col-lg-3.align-self-center .row .pair .col-lg-6:first-child::after {
      content: " :";
      margin: 0 0.3ch;
      border: none;
   }
}

@media (min-width: 769px) {
   .row.text-center .col-lg-3.align-self-center .row .pair {
      display: contents;
   }
}

@media (max-width: 768px) {
   .features-width {
      padding-top: 0 !important;
   }
}

@media (max-width: 768px) {
   .nav-sort a.btn {
      font-size: 0.75rem;
      padding: 4px 8px;
      border-radius: 10px;
      margin-right: 4px;
      margin-bottom: 4px;
   }
}