#loading-wrapper {
  z-index: 999; }

#loading-text {
  width: 100px;
  height: 30px;
  white-space: nowrap !important; }

#loading-content {
  display: block;
  position: relative;
  right: 50%;
  top: 50%;
  width: 170px;
  height: 170px;
  margin: -85px -85px 0 0;
  border: 3px solid; }

#loading-content:after {
  content: "";
  position: absolute;
  border: 3px solid;
  right: 15px;
  left: 15px;
  top: 15px;
  bottom: 15px; }

#loading-content:before {
  content: "";
  position: absolute;
  border: 3px solid;
  right: 5px;
  left: 5px;
  top: 5px;
  bottom: 5px; }

#loading-content {
  border: 3px solid transparent;
  border-top-color: #8424d0;
  border-bottom-color: #8424d0;
  border-radius: 50%;
  -webkit-animation: loader 2s linear infinite;
  -moz-animation: loader 2s linear infinite;
  -o-animation: loader 2s linear infinite;
  animation: loader 2s linear infinite; }

#loading-content:before {
  border: 3px solid transparent;
  border-top-color: #fa4794;
  border-bottom-color: #fa4794;
  border-radius: 50%;
  -webkit-animation: loader 3s linear infinite;
  -moz-animation: loader 2s linear infinite;
  -o-animation: loader 2s linear infinite;
  animation: loader 3s linear infinite; }

#loading-content:after {
  border: 3px solid transparent;
  border-top-color: #276df1;
  border-bottom-color: #276df1;
  border-radius: 50%;
  -webkit-animation: loader 1.5s linear infinite;
  animation: loader 1.5s linear infinite;
  -moz-animation: loader 2s linear infinite;
  -o-animation: loader 2s linear infinite; }

@-webkit-keyframes loaders {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }
@keyframes loader {
  0% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg); } }
@font-face {
  font-family: 'icomoon';
  src: url("../fonts/icon/icomoon.eot?4rnb43");
  src: url("../fonts/icon/icomoon.eot?4rnb43#iefix") format("embedded-opentype"), url("../fonts/icon/icomoon.ttf?4rnb43") format("truetype"), url("../fonts/icon/icomoon.woff?4rnb43") format("woff"), url("../fonts/icon/icomoon.svg?4rnb43#icomoon") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block; }
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: block;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-hoviat-basari1:before {
  content: "\e92c"; }

.icon-brand-book:before {
  content: "\e92d"; }

.icon-search:before {
  content: "\e92b"; }

.icon-web-design:before {
  content: "\e921"; }

.icon-axas-pro:before {
  content: "\e922"; }

.icon-manage-social:before {
  content: "\e923"; }

.icon-motion-graphic:before {
  content: "\e924"; }

.icon-tabligh-mohiti:before {
  content: "\e925"; }

.icon-teizer-tablighat:before {
  content: "\e926"; }

.icon-digital-marketing:before {
  content: "\e927"; }

.icon-seo-optimize:before {
  content: "\e928"; }

.icon-pro-graphic:before {
  content: "\e929"; }

.icon-hoviat-basari:before {
  content: "\e92a"; }

.icon-sad:before {
  content: "\e920"; }

.icon-sun:before {
  content: "\e91f"; }

.icon-google-maps:before {
  content: "\e91d"; }

.icon-waze:before {
  content: "\e91e"; }

.icon-menu:before {
  content: "\e91b"; }

.icon-close:before {
  content: "\e91c"; }

.icon-play:before {
  content: "\e900"; }

.icon-layers:before {
  content: "\e901"; }

.icon-shapes:before {
  content: "\e902"; }

.icon-winner:before {
  content: "\e903"; }

.icon-email:before {
  content: "\e904"; }

.icon-moon:before {
  content: "\e905"; }

.icon-layout:before {
  content: "\e906"; }

.icon-pie-chart:before {
  content: "\e907"; }

.icon-instagram:before {
  content: "\e908"; }

.icon-trophy:before {
  content: "\e909"; }

.icon-left:before {
  content: "\e90b"; }

.icon-right:before {
  content: "\e90a"; }

.icon-quote:before {
  content: "\e90c"; }

.icon-help:before {
  content: "\e90d"; }

.icon-telephone:before {
  content: "\e90e"; }

.icon-instagram1:before {
  content: "\e90f"; }

.icon-twitter:before {
  content: "\e910"; }

.icon-linkedin:before {
  content: "\e911"; }

.icon-happy:before {
  content: "\e912"; }

.icon-earth-globe:before {
  content: "\e913"; }

.icon-infinity:before {
  content: "\e914"; }

.icon-pin:before {
  content: "\e915"; }

.icon-calendar:before {
  content: "\e916"; }

.icon-user:before {
  content: "\e917"; }

.icon-list:before {
  content: "\e918"; }

.icon-telegram:before {
  content: "\e919"; }

.icon-whatsapp:before {
  content: "\e91a"; }

/* YEKAN BAKH */
@font-face {
  font-family: "yekanbakh";
  font-style: normal;
  font-weight: 100;
  src: url("../fonts/YekanBakh/YekanBakhFaNum-Thin.woff") format("woff");
  font-display: swap; }
@font-face {
  font-family: "yekanbakh";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/YekanBakh/YekanBakhFaNum-Light.woff") format("woff");
  font-display: swap; }
@font-face {
  font-family: "yekanbakh";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/YekanBakh/YekanBakhFaNum-Regular.woff") format("woff");
  font-display: swap; }
@font-face {
  font-family: "yekanbakh";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/YekanBakh/YekanBakhFaNum-Bold.woff") format("woff");
  font-display: swap; }
@font-face {
  font-family: "yekanbakh";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/YekanBakh/YekanBakhFaNum-SemiBold.woff") format("woff");
  font-display: swap; }
@font-face {
  font-family: "yekanbakh";
  font-style: normal;
  font-weight: 750;
  src: url("../fonts/YekanBakh/YekanBakhFaNum-ExtraBold.woff") format("woff");
  font-display: swap; }
@font-face {
  font-family: "yekanbakh";
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/YekanBakh/YekanBakhFaNum-ExtraBlack.woff") format("woff");
  font-display: swap; }
@font-face {
  font-family: "yekanbakh";
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/YekanBakh/YekanBakhFaNum-Black.woff") format("woff");
  font-display: swap; }
/* DORAN */
@font-face {
  font-family: "ravi";
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/Ravi/RaviFaNum-Black.woff") format("woff");
  font-display: swap; }
@font-face {
  font-family: "ravi";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/Ravi/RaviFaNum-Bold.woff") format("woff");
  font-display: swap; }
@font-face {
  font-family: "ravi";
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/Ravi/RaviFaNum-ExtraBlack.woff") format("woff");
  font-display: swap; }
@font-face {
  font-family: "ravi";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/Ravi/RaviFaNum-Light.woff") format("woff");
  font-display: swap; }
@font-face {
  font-family: "ravi";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/Ravi/RaviFaNum-Medium.woff") format("woff");
  font-display: swap; }
@font-face {
  font-family: "ravi";
  font-style: normal;
  font-weight: normal;
  src: url("../fonts/Ravi/RaviFaNum-Regular.woff") format("woff");
  font-display: swap; }
@font-face {
  font-family: "ravi";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/Ravi/RaviFaNum-SemiBold.woff") format("woff");
  font-display: swap; }
@font-face {
  font-family: "ravi";
  font-style: normal;
  font-weight: 100;
  src: url("../fonts/Ravi/RaviFaNum-Thin.woff") format("woff");
  font-display: swap; }
.articles .img, .members .img {
  background-size: cover; }

/* RESET CODE */
html[data-bs-theme="dark"] body {
  background-color: #ffffff !important; }
html[data-bs-theme="dark"] .header .brand img, html[data-bs-theme="dark"] .main-slide .shape, html[data-bs-theme="dark"] .customers .item img, html[data-bs-theme="dark"] .i-about-us .shape, html[data-bs-theme="dark"] .footer .brand img {
  filter: invert(1); }
html[data-bs-theme="dark"] .our-services .img-person {
  border-color: #e5e5e5 !important; }
html[data-bs-theme="dark"] .modal-popup-form .modal-popup-form-box {
  background-color: #efefef; }
html[data-bs-theme="dark"] .modal-popup-form .text-area-step, html[data-bs-theme="dark"] .modal-popup-form .input-steps {
  border: 2px solid #e5e5e5;
  color: #6666 !important; }
  html[data-bs-theme="dark"] .modal-popup-form .text-area-step::placeholder, html[data-bs-theme="dark"] .modal-popup-form .input-steps::placeholder {
    color: #666 !important; }
html[data-bs-theme="dark"] .header .top-bar .nav-link:hover {
  color: #276df1 !important; }
html[data-bs-theme="dark"] .connection-banner .connection-banner-link {
  background-color: rgba(255, 255, 255, 0.05) !important;
  color: #ffffff !important; }
  html[data-bs-theme="dark"] .connection-banner .connection-banner-link:hover {
    background-color: rgba(255, 255, 255, 0.1) !important; }
html[data-bs-theme="dark"] .status-section .text-opacity-40 {
  color: #ffffff !important; }
html[data-bs-theme="dark"] .connection-banner .header-section .title, html[data-bs-theme="dark"] .connection-banner .header-section .subtitle, html[data-bs-theme="dark"] .status-section .header-section .title, html[data-bs-theme="dark"] .status-section .header-section .subtitle {
  color: #ffffff !important; }
html[data-bs-theme="dark"] .articles .img div, html[data-bs-theme="dark"] .members .img div {
  color: #ffffff !important; }
html[data-bs-theme="dark"] .articles .img, html[data-bs-theme="dark"] .members .img {
  background-size: cover; }
html[data-bs-theme="dark"] .process-section .slider-container:after {
  background-image: linear-gradient(to right, #f7f7f7, rgba(27, 27, 37, 0)) !important;
  border-radius: 10px !important; }

body {
  font-family: ravi !important;
  overflow-x: hidden;
  background-color: #1b1b25;
  direction: rtl;
  text-align: right;
  margin: 0 !important; }

a {
  text-decoration: none !important; }

li {
  list-style: none !important; }

button, input {
  outline: none !important; }

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
  font-family: yekanbakh !important; }

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

.nav {
  padding: 0;
  margin: 0; }

h1, h2, h3, h4, h5, h6 {
  line-height: 1.3 !important;
  margin: 0; }

.btn.disabled, .btn:disabled, fieldset:disabled .btn {
  opacity: 50%; }

/* ADD NEW CLASSES */
.f-secondary {
  font-family: ravi !important; }

.transition-all {
  transition: all 0.3s; }

.line-height-1 {
  line-height: 1.3 !important; }

.cursor-pointer {
  cursor: pointer; }

.w-fit {
  width: fit-content !important;
  width: -moz-fit-content !important; }

/* HEADER SECTION */
.header-section .subtitle {
  font-size: 16px; }
.header-section .title {
  font-size: 28px;
  font-weight: 700 !important; }
  .header-section .title.small-theme {
    font-size: 22px; }

.text-public {
  font-size: 16px; }

@media screen and (max-width: 992px) {
  .text-public {
    font-size: 15px; } }
.swiper-nav {
  width: 46.6px;
  height: 46.6px; }
  .swiper-nav:last-child {
    margin-right: 0 !important; }
  .swiper-nav:hover {
    background-color: #ffffff !important; }
    .swiper-nav:hover i {
      color: #276df1 !important;
      opacity: 1 !important; }

@media screen and (max-width: 992px) {
  .swiper-nav {
    width: 40px;
    height: 40px; } }
.nav-tab-public.warning-theme .nav-item.active {
  color: #edac46 !important;
  background-color: rgba(237, 172, 70, 0.06) !important; }
.nav-tab-public.success-theme .nav-item.active {
  color: #2ad4a6 !important;
  background-color: rgba(42, 212, 166, 0.06) !important; }
.nav-tab-public .nav-item.active {
  color: #276df1 !important;
  background-color: rgba(39, 109, 241, 0.06) !important; }

.nav-pagination.success-theme .nav-item.active .nav-link {
  color: #2ad4a6 !important; }
.nav-pagination .nav-link:hover {
  color: #ffffff !important; }
.nav-pagination .nav-item.active .nav-link {
  color: #276df1 !important; }

@media screen and (max-width: 992px) {
  .header-section .subtitle {
    font-size: 14px; }
  .header-section .title {
    font-size: 24px; }

  .nav-tab-public .nav-item {
    border-radius: 10px !important; } }
@media screen and (max-width: 576px) {
  .header-section .title {
    font-size: 22px; }

  .nav-tab-public {
    flex-wrap: nowrap;
    white-space: nowrap;
    overflow-x: auto;
    padding-bottom: 4px !important;
    width: calc(100% + 32px);
    margin-right: -16px;
    padding: 0px 16px; } }
.tooltip {
  font-family: yekanbakh !important; }

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

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

body .py-14 {
  padding-top: 50px !important;
  padding-bottom: 50px !important; }

@media screen and (min-width: 992px) {
  body .mb-lg-20 {
    margin-bottom: 8rem !important; }

  body .mt-lg-10 {
    margin-top: 6rem !important; }

  body .py-lg-20 {
    padding-top: 8rem !important;
    padding-bottom: 8rem !important; } }
.btn-public {
  border: 4px solid rgba(255, 255, 255, 0);
  transition: all 0.3s; }
  .btn-public:hover {
    border-color: rgba(255, 255, 255, 0.2); }

.img-shape-custom {
  object-fit: cover;
  object-position: center; }

@media screen and (max-width: 992px) {
  .mb-7 {
    margin-bottom: 20px !important; }

  .mt-7 {
    margin-top: 20px !important; } }
.header {
  background-image: -moz-linear-gradient(90deg, rgba(27, 27, 37, 0) 0%, rgba(255, 255, 255, 0.02) 100%);
  background-image: -webkit-linear-gradient(90deg, rgba(27, 27, 37, 0) 0%, rgba(255, 255, 255, 0.02) 100%);
  background-image: -ms-linear-gradient(90deg, rgba(27, 27, 37, 0) 0%, rgba(255, 255, 255, 0.02) 100%);
  position: relative;
  z-index: 10; }
  .header .brand img {
    max-width: 160px; }
  .header .btn-circle {
    width: 55px; }
  .header .btn {
    height: 55px; }
    .header .btn:hover {
      background-color: #276df1 !important;
      color: #ffffff !important;
      border-color: #276df1 !important; }
  .header .nav-menu {
    height: 62px; }
    .header .nav-menu .nav-item:hover .nav-link {
      color: #276df1 !important; }
      .header .nav-menu .nav-item:hover .nav-link .circle {
        height: 17px;
        background-color: #276df1 !important; }
    .header .nav-menu .nav-link .circle {
      width: 7px;
      height: 7px; }
  .header .nav-item-has-sub-menu {
    position: relative; }
  .header .header-sub-menu {
    position: absolute;
    top: 100%;
    right: 0;
    background-color: #1f1f29;
    display: flex;
    flex-wrap: wrap;
    border-radius: 10px;
    padding: 6px 12px;
    min-width: 430px;
    margin: 0; }
    .header .header-sub-menu .header-sub-menu-item {
      width: 50%; }
    .header .header-sub-menu .header-sub-menu-link {
      font-size: 14px;
      display: flex;
      align-items: center;
      color: #ffffff;
      padding: 6px 0px;
      font-weight: 600;
      opacity: 0.6; }
      .header .header-sub-menu .header-sub-menu-link:hover {
        opacity: 1;
        color: #276df1; }
      .header .header-sub-menu .header-sub-menu-link i {
        font-size: 10px;
        margin-left: 4px; }

html[data-bs-theme="dark"] .header .header-sub-menu {
  background-color: #f7f7f7; }
  html[data-bs-theme="dark"] .header .header-sub-menu .header-sub-menu-link {
    color: #4c4c4c; }
    html[data-bs-theme="dark"] .header .header-sub-menu .header-sub-menu-link:hover {
      color: #276df1; }

@media screen and (max-width: 992px) {
  .header {
    background-image: none !important; }
    .header .brand img {
      max-width: 130px; }
    .header .btn-circle {
      width: 45px;
      height: 45px; }
    .header .btn {
      height: 45px; } }
.footer {
  background-image: -moz-linear-gradient(90deg, rgba(255, 255, 255, 0.02) 0%, rgba(27, 27, 37, 0) 100%);
  background-image: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0.02) 0%, rgba(27, 27, 37, 0) 100%);
  background-image: -ms-linear-gradient(90deg, rgba(255, 255, 255, 0.02) 0%, rgba(27, 27, 37, 0) 100%); }
  .footer .text-public {
    max-width: 350px; }
  .footer .nav-menu:last-child {
    margin-right: 0 !important; }
  .footer .call {
    width: 190px; }
  .footer .nav-social .nav-link {
    width: 50px;
    height: 50px; }

@media screen and (max-width: 992px) {
  .footer {
    background-image: none !important; }
    .footer .text-public {
      max-width: 100%;
      text-align-last: center !important; }
    .footer .call {
      width: auto; }
    .footer .nav-social .nav-item {
      margin-left: 8px; }
      .footer .nav-social .nav-item:last-child {
        margin-left: 0; }
    .footer .nav-social .nav-link {
      width: 45px;
      height: 45px; } }
.menu-popup {
  z-index: 99;
  transform: translateX(-100%);
  transition: all 0.5s; }
  .menu-popup.show {
    transform: translateX(0%); }
    .menu-popup.show:before {
      transform: translateX(50%) translateY(-50%) rotate(24deg); }
    .menu-popup.show:after {
      transform: translateX(0%); }
  .menu-popup:before {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    height: 205%;
    width: 100%;
    transform: translateX(-100%) translateY(-50%);
    background-color: #276df1;
    z-index: 8;
    transition: all 0.5s; }
  .menu-popup:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    transform: translateX(-100%);
    background-color: rgba(31, 31, 41, 0.2);
    z-index: 7;
    filter: blur(80%);
    transition: all 0.5s; }
  .menu-popup .btn, .menu-popup .nav {
    z-index: 9; }
  .menu-popup .btn-close-menu {
    width: 40px;
    height: 40px; }
  .menu-popup .nav-item-has-sub-menu {
    display: flex;
    flex-wrap: wrap;
    align-items: center; }
    .menu-popup .nav-item-has-sub-menu:after {
      content: "\e90a";
      font-family: icomoon !important;
      font-size: 12px;
      color: #ffffff;
      margin-right: 12px;
      transform: rotate(-90deg);
      position: relative;
      top: 4px; }
  .menu-popup .header-sub-menu {
    width: 100%;
    padding: 0;
    padding-right: 8px;
    margin: 0;
    order: 1; }
    .menu-popup .header-sub-menu a {
      color: #ffffff;
      opacity: 0.75;
      font-size: 14px;
      padding: 4px 0px;
      display: flex;
      align-items: center; }
      .menu-popup .header-sub-menu a:hover {
        opacity: 1; }
      .menu-popup .header-sub-menu a i {
        font-size: 10px;
        margin-left: 6px; }

header, footer, main {
  transition: filter 0.5s; }

body.blur-menu-popup header, body.blur-menu-popup main, body.blur-menu-popup footer {
  filter: blur(6px); }

.btn-primary.btn-lightness {
  color: #276df1 !important;
  background-color: rgba(39, 109, 241, 0.075) !important;
  border: none !important; }
  .btn-primary.btn-lightness:hover {
    color: #ffffff !important;
    background-color: #276df1 !important; }

.btn-secondary.btn-lightness {
  color: #fa4794 !important;
  background-color: rgba(250, 71, 148, 0.075) !important;
  border: none !important; }
  .btn-secondary.btn-lightness:hover {
    color: #ffffff !important;
    background-color: #fa4794 !important; }

.btn-warning.btn-lightness {
  color: #edac46 !important;
  background-color: rgba(237, 172, 70, 0.075) !important;
  border: none !important; }
  .btn-warning.btn-lightness:hover {
    color: #ffffff !important;
    background-color: #edac46 !important; }

.btn-third.btn-lightness {
  color: #8424d0 !important;
  background-color: rgba(132, 36, 208, 0.075) !important;
  border: none !important; }
  .btn-third.btn-lightness:hover {
    color: #ffffff !important;
    background-color: #8424d0 !important; }

.btn-info.btn-lightness {
  color: #24c2d0 !important;
  background-color: rgba(36, 194, 208, 0.075) !important;
  border: none !important; }
  .btn-info.btn-lightness:hover {
    color: #ffffff !important;
    background-color: #24c2d0 !important; }

.error-404 img {
  max-height: 200px;
  object-position: center; }

.modal-popup-form .modal-popup-step {
  display: none !important; }
.modal-popup-form .header-step {
  display: none !important; }
.modal-popup-form .modal-popup-form-box {
  background-color: #252530;
  border-radius: 15px; }
  .modal-popup-form .modal-popup-form-box[data-current-step="one"] .return {
    display: none !important; }
  .modal-popup-form .modal-popup-form-box[data-current-step="one"] .modal-popup-step.one {
    display: block !important; }
  .modal-popup-form .modal-popup-form-box[data-current-step="one"] .header-step-one {
    display: block !important; }
  .modal-popup-form .modal-popup-form-box[data-current-step="one"] .nav-steps-item-one {
    background-color: #276df1 !important;
    color: #ffffff !important; }
  .modal-popup-form .modal-popup-form-box[data-current-step="two"] .modal-popup-step.two {
    display: block !important; }
  .modal-popup-form .modal-popup-form-box[data-current-step="two"] .header-step-two {
    display: block !important; }
  .modal-popup-form .modal-popup-form-box[data-current-step="two"] .nav-steps-item-two {
    background-color: #276df1 !important;
    color: #ffffff !important; }
  .modal-popup-form .modal-popup-form-box[data-current-step="three"] .modal-popup-step.three {
    display: block !important; }
  .modal-popup-form .modal-popup-form-box[data-current-step="three"] .header-step-three {
    display: block !important; }
  .modal-popup-form .modal-popup-form-box[data-current-step="three"] .nav-steps-item-three {
    background-color: #276df1 !important;
    color: #ffffff !important; }
  .modal-popup-form .modal-popup-form-box[data-current-step="four"] .modal-popup-step.four {
    display: block !important; }
  .modal-popup-form .modal-popup-form-box[data-current-step="four"] .header-step-four {
    display: block !important; }
  .modal-popup-form .modal-popup-form-box[data-current-step="four"] .nav-steps-item-four {
    background-color: #276df1 !important;
    color: #ffffff !important; }
  .modal-popup-form .modal-popup-form-box[data-current-step="five"] .modal-popup-step.five {
    display: block !important; }
  .modal-popup-form .modal-popup-form-box[data-current-step="five"] .header-step-five {
    display: block !important; }
  .modal-popup-form .modal-popup-form-box[data-current-step="five"] .next {
    display: none !important; }
  .modal-popup-form .modal-popup-form-box[data-current-step="five"] .btn-send {
    display: flex !important; }
  .modal-popup-form .modal-popup-form-box[data-current-step="five"] .nav-steps-item-five {
    background-color: #276df1 !important;
    color: #ffffff !important; }
.modal-popup-form .modal-dialog {
  max-width: 1200px !important;
  padding: 0px 8px !important; }
.modal-popup-form .close-btn {
  background-color: transparent !important;
  border: none !important; }
.modal-popup-form .btn-send {
  display: none !important;
  background-color: #276df1 !important; }
  .modal-popup-form .btn-send:hover {
    background-color: #1346a7 !important;
    border-color: #1346a7 !important;
    color: #ffffff !important; }
.modal-popup-form .next {
  cursor: pointer;
  transition: all 0.3s; }
  .modal-popup-form .next:hover {
    background-color: #276df1 !important;
    color: #ffffff !important; }
.modal-popup-form .return {
  transition: all 0.3s;
  cursor: pointer; }
  .modal-popup-form .return:hover {
    color: #ffffff !important; }
.modal-popup-form .radio-bar input:checked + label:before {
  opacity: 1; }
.modal-popup-form .radio-bar input:checked + label i {
  color: #276df1 !important;
  opacity: 1 !important; }
.modal-popup-form .radio-bar label:before {
  content: '';
  position: absolute;
  top: 16px;
  right: -2px;
  width: 2px;
  height: 40px;
  background-color: #276df1;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  opacity: 0; }
@media screen and (max-width: 768px) {
  .modal-popup-form .radio-bar label:before {
    height: 32px; } }
.modal-popup-form .text-area-step, .modal-popup-form .input-steps {
  width: 100%;
  height: 200px;
  border: 2px solid #2c2c36;
  padding: 16px;
  border-radius: 10px;
  background-color: transparent;
  outline: none !important;
  box-shadow: none !important;
  color: #ffffff !important; }
  .modal-popup-form .text-area-step::placeholder, .modal-popup-form .input-steps::placeholder {
    color: #484851 !important; }
.modal-popup-form .input-steps {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  height: 55px !important; }
.modal-popup-form .icon-call {
  width: 55px;
  height: 55px; }

@media screen and (max-width: 992px) {
  .bread-crumb {
    margin-top: 28px !important; } }
.bread-crumb ol {
  margin: 0 !important;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  white-space: nowrap;
  max-width: 100%;
  overflow-x: auto; }
.bread-crumb .nav-bread-crumb {
  display: flex;
  align-items: center; }
  .bread-crumb .nav-bread-crumb .separator {
    line-height: 1.9 !important; }
  .bread-crumb .nav-bread-crumb p {
    margin-bottom: 0;
    display: flex;
    align-items: center;
    margin-left: -16px;
    margin-right: -16px; }
    .bread-crumb .nav-bread-crumb p a, .bread-crumb .nav-bread-crumb p span {
      font-size: 14px;
      color: #ffffff;
      opacity: 0.6;
      display: block;
      padding: 4px 16px;
      transition: all 0.3s; }
      .bread-crumb .nav-bread-crumb p a:hover, .bread-crumb .nav-bread-crumb p span:hover {
        opacity: 1; }
    .bread-crumb .nav-bread-crumb p .separator {
      padding: 0 !important; }
  .bread-crumb .nav-bread-crumb li {
    position: relative; }
    .bread-crumb .nav-bread-crumb li:last-child a {
      padding-left: 0 !important; }
    .bread-crumb .nav-bread-crumb li:first-child a {
      padding-right: 0 !important; }
    .bread-crumb .nav-bread-crumb li a {
      font-size: 14px;
      color: #ffffff;
      opacity: 0.6;
      display: block;
      padding: 4px 16px;
      transition: all 0.3s; }
      .bread-crumb .nav-bread-crumb li a:hover {
        opacity: 1; }

html[data-bs-theme="dark"] .nav-bread-crumb p a, html[data-bs-theme="dark"] .nav-bread-crumb p span {
  color: #1f1f29; }

.text-box {
  padding-top: 64px !important;
  margin-top: 40px;
  height: calc(100% - 32px) !important; }
  .text-box .text-box-title {
    font-size: 20px; }
  .text-box .text-box-text {
    font-size: 16px;
    text-align: justify;
    margin-bottom: 0; }
  .text-box .text-box-icon {
    width: 80px;
    height: 80px;
    margin-top: -40px;
    border: 10px solid #1b1b25; }
    .text-box .text-box-icon i {
      font-size: 22px;
      height: 22px; }

@media screen and (max-width: 992px) {
  .text-box {
    padding-top: 51px !important;
    margin-top: 35px; }
    .text-box .text-box-title {
      font-size: 18px; }
    .text-box .text-box-text {
      font-size: 15px; }
    .text-box .text-box-icon {
      width: 70px;
      height: 70px;
      margin-top: -35px;
      border: 7.5px solid #1b1b25; }
      .text-box .text-box-icon i {
        font-size: 20px;
        height: 20px; } }
.connection-banner {
  padding-top: 100px !important; }
  .connection-banner .img-shape {
    width: 35%;
    object-position: left center;
    transform: translateY(-50%) !important; }
  @media screen and (max-width: 576px) {
    .connection-banner .container {
      padding: 0 !important; } }
  .connection-banner .box {
    height: 220px !important; }
    @media screen and (max-width: 576px) {
      .connection-banner .box {
        border-radius: 0 !important; } }
    .connection-banner .box.box-orange {
      background-color: #e38832; }
      .connection-banner .box.box-orange .img-shape {
        filter: invert(1); }
      .connection-banner .box.box-orange .connection-banner-link {
        color: #e38832; }
        .connection-banner .box.box-orange .connection-banner-link:hover {
          background-color: #b56922 !important; }
    .connection-banner .box.box-green {
      background-color: #45915f; }
      .connection-banner .box.box-green .img-shape {
        filter: invert(1); }
      .connection-banner .box.box-green .connection-banner-link {
        color: #45915f; }
        .connection-banner .box.box-green .connection-banner-link:hover {
          background-color: #35744a !important; }
      .connection-banner .box.box-green .header-section {
        padding-left: 0 !important; }
    .connection-banner .box.box-blue {
      background-color: #276df1; }
      .connection-banner .box.box-blue .img-shape {
        filter: invert(1); }
      .connection-banner .box.box-blue .connection-banner-link {
        color: #276df1; }
        .connection-banner .box.box-blue .connection-banner-link:hover {
          background-color: #1b51b7 !important; }
      .connection-banner .box.box-blue .header-section {
        padding-left: 0 !important; }
  .connection-banner .connection-banner-img {
    max-height: 320px !important;
    margin-top: -100px; }
  .connection-banner .blog-connection-banner-img {
    max-height: 260px !important;
    margin-top: -40px!important; }
  .connection-banner .connection-banner-link {
    transition: all 0.3s;
    white-space: nowrap; }
    .connection-banner .connection-banner-link:hover {
      background-color: #6811a7 !important;
      color: #ffffff !important; }
  .connection-banner .header-section .title {
    font-size: 30px; }

@media screen and (min-width: 992px) {
  .connection-banner .header-section {
    padding-left: 164px !important; } }
@media screen and (max-width: 992px) {
  .connection-banner {
    padding-top: 0px !important; }
    .connection-banner .img-shape {
      display: none; }
    .connection-banner .box {
      height: unset !important; }
    .connection-banner .connection-banner-img {
      max-height: 185px !important;
      margin-top: 24px;
      order: 1;
      object-fit: contain; }
    .connection-banner .connection-banner-link {
      position: relative !important;
      top: unset !important;
      left: unset !important;
      border-radius: 10px !important; }
    .connection-banner .header-section .title {
      font-size: 24px; }
    .connection-banner .header-section .subtitle {
      font-size: 14px; } }
.search-popup {
  z-index: 99; }
  .search-popup .icon-close {
    transition: all 0.3s;
    cursor: pointer; }
    .search-popup .icon-close:hover {
      opacity: 1 !important; }

.content-editor-public {
  font-size: 16px;
  color: #e1e1ec;
  display: block;
  line-height: 1.8 !important; }
  .content-editor-public.content-editor-public-has-bg {
    color: #ffffff !important; }
  .content-editor-public em, .content-editor-public strong, .content-editor-public b {
    font-weight: 700; }
  .content-editor-public p, .content-editor-public ul, .content-editor-public ol, .content-editor-public img {
    margin-bottom: 16px; }
  .content-editor-public p, .content-editor-public img {
    display: block; }
  .content-editor-public hr {
    margin: 16px 0px; }
  .content-editor-public ul, .content-editor-public ol {
    margin-right: 0 !important;
    padding-right: 20px !important; }
    .content-editor-public ul li, .content-editor-public ol li {
      list-style: auto !important; }
  .content-editor-public h1, .content-editor-public h2, .content-editor-public h3, .content-editor-public h4, .content-editor-public h5, .content-editor-public h6 {
    color: #ffffff !important; }
  .content-editor-public h1 {
    font-size: 28px !important; }
  .content-editor-public h2 {
    font-size: 26px !important; }
  .content-editor-public h3 {
    font-size: 24px !important; }
  .content-editor-public h4 {
    font-size: 22px !important; }
  .content-editor-public h5 {
    font-size: 20px !important; }
  .content-editor-public h6 {
    font-size: 18px !important; }
  .content-editor-public blockquote {
    padding: 16px;
    border-radius: 10px;
    background-color: #276df1;
    color: #276df1; }

@media screen and (max-width: 992px) {
  .content-editor-public {
    font-size: 14px; }
    .content-editor-public h1 {
      font-size: 26px !important; }
    .content-editor-public h2 {
      font-size: 24px !important; }
    .content-editor-public h3 {
      font-size: 22px !important; }
    .content-editor-public h4 {
      font-size: 20px !important; }
    .content-editor-public h5 {
      font-size: 18px !important; }
    .content-editor-public h6 {
      font-size: 16px !important; } }

      .customers .swiper-container {
        padding: 2px 0px; }
      .customers .item {
        aspect-ratio: 1 / 1;
        position: relative;
        z-index: 9; }
        .customers .item .item-inner {
          background-color: #1f1f29;
          padding: 10px;
          z-index: 10;
          position: relative;
          transition: all 0.3s; }
        .customers .item .item-inner-hvr {
          position: absolute;
          top: 2px;
          right: 0;
          width: 100%;
          height: 100%;
          border-radius: 50%;
          background-color: #fa4794;
          z-index: -1;
          display: block;
          opacity: 0;
          transition: all 0.3s; }
        .customers .item:hover .item-inner {
          background-color: #362032 !important; }
        .customers .item:hover .item-inner-hvr {
          opacity: 1; }
        .customers .item img {
          max-height: 60px;
          object-position: center;
          object-fit: contain; }
      
      @media screen and (max-width: 1200px) {
        .customers .swiper-slide {
          max-width: 100px; }
        .customers .item .item-inner {
          padding: 5px; } }
      
/*# sourceMappingURL=public.css.map */