/*!
* Bootstrap  v5.2.3 (https://getbootstrap.com/)
* Copyright 2011-2022 The Bootstrap Authors
* Copyright 2011-2022 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
*/
:root {
  --bs-border-width: 1px;
}
:root {
  --theme-primary: #1b74e4;
  --theme-secondary: #fa5252;
  --heading-black: #0f172a;
  --light-white: #f3f6f6;
  --light-white-2: #f8fbfb;
  --prink: #fff4f4;
  --catkrill: #eef5fa;
}
ul {
  list-style: none;
}
:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto,
    "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif,
    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas,
    "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(
    180deg,
    hsla(0, 0%, 100%, 0.15),
    hsla(0, 0%, 100%, 0)
  );
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-bg: #fff;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-2xl: 2rem;
  --bs-border-radius-pill: 50rem;
  --bs-link-color: #0d6efd;
  --bs-link-hover-color: #0a58ca;
  --bs-code-color: #d63384;
  --bs-highlight-bg: #fff3cd;
  --swiper-theme-color: #007aff;
  --swiper-navigation-size: 44px;
  --common-white: #fff;
  --common-white-two: #fff;
  --common-black: #000;
  --body-text: #44566c;
  --body-heading: #000;
}
*,
:after,
:before {
  box-sizing: border-box;
}
@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}
body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}
h3,
h4 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}
ul {
  margin-bottom: 1rem;
}
h3 {
  font-size: calc(1.3rem + 0.6vw);
}
h4 {
  font-size: calc(1.275rem + 0.3vw);
}
.form-control-color:not(:disabled):not([readonly]),
.form-control[type="file"]:not(:disabled):not([readonly]),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled),
button:not(:disabled) {
  cursor: pointer;
}
ul {
  padding-left: 2rem;
}
ul {
  margin-top: 0;
}
a {
  color: var(--bs-link-color);
}
a:hover {
  color: var(--bs-link-hover-color);
}
h4 a {
  color: inherit;
}
a,
a:focus,
a:hover,
a:not([href]):not([class]),
a:not([href]):not([class]):hover,
button {
  color: inherit;
  text-decoration: none;
}
img,
svg {
  vertical-align: middle;
}
button {
  border-radius: 0;
}
a,
button,
button:focus,
button:focus:not(:focus-visible) {
  outline: 0;
}
button {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
body,
h3,
h4,
p {
  font-family: Poppins, sans-serif;
}
button {
  text-transform: none;
}
button {
  -webkit-appearance: button;
}
::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-year-field {
  padding: 0;
}
::-webkit-inner-spin-button {
  height: auto;
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-color-swatch-wrapper {
  padding: 0;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
::file-selector-button {
  font: inherit;
  -webkit-appearance: button;
}
.digital-card-info-contact-item .text,
.btn-1,
.btn-1 .icon {
  display: inline-block;
}
.form-control::file-selector-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  -webkit-margin-end: 0.75rem;
  margin-inline-end: 0.75rem;
  color: #212529;
  background-color: #e9ecef;
  pointer-events: none;
  border: 0 solid;
  border-color: inherit;
  border-inline-end-width: 1px;
  border-radius: 0;
  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;
}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
  background-color: #dde0e3;
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: #dde0e3;
}
.form-control-sm::file-selector-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  -webkit-margin-end: 0.5rem;
  margin-inline-end: 0.5rem;
}
.form-control-lg::file-selector-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  -webkit-margin-end: 1rem;
  margin-inline-end: 1rem;
}
.input-group > .form-control:not(:focus).is-valid,
.input-group > .form-floating:not(:focus-within).is-valid,
.input-group > .form-select:not(:focus).is-valid,
.was-validated .input-group > .form-control:not(:focus):valid,
.was-validated .input-group > .form-floating:not(:focus-within):valid,
.was-validated .input-group > .form-select:not(:focus):valid {
  z-index: 3;
}
.input-group > .form-control:not(:focus).is-invalid,
.input-group > .form-floating:not(:focus-within).is-invalid,
.input-group > .form-select:not(:focus).is-invalid,
.was-validated .input-group > .form-control:not(:focus):invalid,
.was-validated .input-group > .form-floating:not(:focus-within):invalid,
.was-validated .input-group > .form-select:not(:focus):invalid {
  z-index: 4;
}
.btn:focus-visible {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:focus-visible + .btn {
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:checked + .btn:focus-visible,
.btn.active:focus-visible,
.btn.show:focus-visible,
.btn:first-child:active:focus-visible,
:not(.btn-check) + .btn:active:focus-visible {
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-link:focus-visible {
  color: var(--bs-btn-color);
}
h3,
h4,
p {
  margin-top: 0;
}
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
@media (min-width: 1200px) {
  h3 {
    font-size: 1.75rem;
  }
  h4 {
    font-size: 1.5rem;
  }
} /*!
 * Font Awesome Free 6.7.1 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2024 Fonticons, Inc.
 */
.fa-brands,
.fa-regular,
.fa-solid {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: var(--fa-display, inline-block);
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  text-rendering: auto;
}
.fa-brands::before,
.fa-regular::before,
.fa-solid::before {
  content: var(--fa);
}
.fa-regular,
.fa-solid {
  font-family: "Font Awesome 6 Free";
}
.fa-brands {
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
}
@media (prefers-reduced-motion: reduce) {
  .form-control::file-selector-button {
    transition: none;
  }
}
.fa-globe {
  --fa: "\f0ac";
  --fa--fa: "\f0ac\f0ac";
}
.fa-download {
  --fa: "\f019";
  --fa--fa: "\f019\f019";
}
.fa-mobile {
  --fa: "\f3ce";
  --fa--fa: "\f3ce\f3ce";
}
.fa-location-dot {
  --fa: "\f3c5";
  --fa--fa: "\f3c5\f3c5";
}
.fa-envelope-open-text {
  --fa: "\f658";
  --fa--fa: "\f658\f658";
}
.fa-sr-only-focusable:not(:focus),
.sr-only-focusable:not(:focus) {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}
:host,
:root {
  --fa-style-family-brands: "Font Awesome 6 Brands";
  --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands";
  --fa-style-family-classic: "Font Awesome 6 Free";
  --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free";
  --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Pro";
  --fa-style-family-classic: "Font Awesome 6 Free";
  --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free";
}
@font-face {
  font-family: "Font Awesome 6 Brands";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("webfonts/fa-brands-400.woff2") format("woff2"),
    url("webfonts/fa-brands-400.ttf") format("truetype");
}
.fa-linkedin-in {
  --fa: "\f0e1";
}
.fa-facebook-f {
  --fa: "\f39e";
}
.fa-instagram {
  --fa: "\f16d";
}
.fa-twitter {
  --fa: "\f099";
}
@font-face {
  font-family: Font Awesome\6 Pro;
  font-style: normal;
  font-weight: 300;
  font-display: block;
  src: url(webfonts/fa-light-300.woff2) format("woff2"),
    url(webfonts/fa-light-300.26b76a29.ttf) format("truetype");
}
.fa-regular,
body {
  font-weight: 400;
}
@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("webfonts/fa-regular-400.woff2") format("woff2"),
    url("webfonts/fa-regular-400.ttf") format("truetype");
}
@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("webfonts/fa-solid-900.woff2") format("woff2"),
    url("webfonts/fa-solid-900.ttf") format("truetype");
}
.fa-solid {
  font-weight: 900;
}
@font-face {
  font-family: "Font Awesome 5 Brands";
  font-display: block;
  font-weight: 400;
  src: url("webfonts/fa-brands-400.woff2") format("woff2"),
    url("webfonts/fa-brands-400.ttf") format("truetype");
}
@font-face {
  font-family: "Font Awesome 5 Free";
  font-display: block;
  font-weight: 900;
  src: url("webfonts/fa-solid-900.woff2") format("woff2"),
    url("webfonts/fa-solid-900.ttf") format("truetype");
}
@font-face {
  font-family: "Font Awesome 5 Free";
  font-display: block;
  font-weight: 400;
  src: url("webfonts/fa-regular-400.woff2") format("woff2"),
    url("webfonts/fa-regular-400.ttf") format("truetype");
}
@font-face {
  font-family: FontAwesome;
  font-display: block;
  src: url("webfonts/fa-solid-900.woff2") format("woff2"),
    url("webfonts/fa-solid-900.ttf") format("truetype");
}
@font-face {
  font-family: FontAwesome;
  font-display: block;
  src: url("webfonts/fa-brands-400.woff2") format("woff2"),
    url("webfonts/fa-brands-400.ttf") format("truetype");
}
@font-face {
  font-family: FontAwesome;
  font-display: block;
  src: url("webfonts/fa-regular-400.woff2") format("woff2"),
    url("webfonts/fa-regular-400.ttf") format("truetype");
  unicode-range: U+F003, U+F006, U+F014, U+F016-F017, U+F01A-F01B, U+F01D,
    U+F022, U+F03E, U+F044, U+F046, U+F05C-F05D, U+F06E, U+F070, U+F087-F088,
    U+F08A, U+F094, U+F096-F097, U+F09D, U+F0A0, U+F0A2, U+F0A4-F0A7, U+F0C5,
    U+F0C7, U+F0E5-F0E6, U+F0EB, U+F0F6-F0F8, U+F10C, U+F114-F115, U+F118-F11A,
    U+F11C-F11D, U+F133, U+F147, U+F14E, U+F150-F152, U+F185-F186, U+F18E,
    U+F190-F192, U+F196, U+F1C1-F1C9, U+F1D9, U+F1DB, U+F1E3, U+F1EA, U+F1F7,
    U+F1F9, U+F20A, U+F247-F248, U+F24A, U+F24D, U+F255-F25B, U+F25D,
    U+F271-F274, U+F278, U+F27B, U+F28C, U+F28E, U+F29C, U+F2B5, U+F2B7, U+F2BA,
    U+F2BC, U+F2BE, U+F2C0-F2C1, U+F2C3, U+F2D0, U+F2D2, U+F2D4, U+F2DC;
}
@font-face {
  font-family: FontAwesome;
  font-display: block;
  src: url("webfonts/fa-v4compatibility.woff2") format("woff2"),
    url("webfonts/fa-v4compatibility.ttf") format("truetype");
  unicode-range: U+F041, U+F047, U+F065-F066, U+F07D-F07E, U+F080, U+F08B,
    U+F08E, U+F090, U+F09A, U+F0AC, U+F0AE, U+F0B2, U+F0D0, U+F0D6, U+F0E4,
    U+F0EC, U+F10A-F10B, U+F123, U+F13E, U+F148-F149, U+F14C, U+F156, U+F15E,
    U+F160-F161, U+F163, U+F175-F178, U+F195, U+F1F8, U+F219, U+F27A;
}
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, 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")
    format("woff");
  font-weight: 400;
  font-style: normal;
}
.btn-1 .icon {
  margin-right: 5px;
}
.btn-1 {
  font-size: 18px;
}
.btn-1 .icon,
a,
button,
img {
  transition: 0.3s;
}
body {
  font-style: normal;
  color: var(--body-text);
  font-size: 16px;
  line-height: 28px;
  background-position: 50%;
  background-size: cover;
}
img {
  max-width: 100%;
}
a:focus {
  text-decoration: none;
  outline: 0;
}
h3,
h4 {
  text-transform: capitalize;
}
h3,
h4 {
  color: var(--body-heading);
  line-height: 1.5;
  font-weight: 700;
  margin-bottom: 15px;
}
.btn-1,
p {
  line-height: 27px;
}
p {
  font-weight: 400;
}
h3 {
  font-size: 28px;
}
h4 {
  font-size: 26px;
}
p {
  font-size: 16px;
}
ul {
  margin: 0;
  padding: 0;
}
p {
  margin-bottom: 1rem;
  color: var(--body-text);
}
::selection {
  background-color: #037fff;
  color: #fff;
  text-shadow: none;
}
.btn-1 {
  color: var(--common-white);
}
.mb-15 {
  margin-bottom: 15px;
}
.mb-30 {
  margin-bottom: 30px;
}
.btn-1 {
  font-weight: 500;
  text-transform: capitalize;
  background-color: var(--theme-primary);
  padding: 14px 30px;
  border-radius: 10px;
  border: 1px solid transparent;
}
.btn-1:focus {
  color: var(--common-white-two);
}
.btn-1:hover {
  background-color: var(--light-white);
  border: 1px solid var(--theme-primary);
  color: var(--common-black);
}
.btn-1:hover .icon {
  color: var(--common-black) !important;
}
.mobile-menu-wrap .mobile-menu .mean-bar .mean-nav ul li:is(.active) a {
  color: var(--theme-secondary);
}
.mobile-menu-wrap
  .mobile-menu
  .mean-bar
  .mean-nav
  ul
  li:is(.active)
  a
  span
  svg
  * {
  fill: var(--theme-secondary);
}
.bastami-main-menu ul li:is(.active) {
  background-color: var(--theme-primary);
}
.bastami-main-menu ul li:is(.active) a {
  color: var(--common-white);
}
.bastami-main-menu ul li:is(.active) a span svg * {
  fill: var(--common-white);
}
.bastami-main-menu ul li:is(.active) a span img {
  filter: brightness(5);
}
.topAction {
  filter: invert(1);
}
.main-style-2 .bostami-main-menu-wrap .bastami-main-menu ul li:is(.active) a {
  background: #fa5252;
  background: linear-gradient(97deg, #fa5252, #dd2476);
}
.home-3 .bastami-main-menu ul li:is(.active) {
  background: linear-gradient(97deg, #fa5252, #dd2476);
}
.home-1 .mobile-menu-wrap .mobile-menu .mean-bar .mean-nav ul li:is(.active) a {
  color: #1b74e4;
}
.home-1
  .mobile-menu-wrap
  .mobile-menu
  .mean-bar
  .mean-nav
  ul
  li:is(.active)
  a
  span
  img {
  filter: saturate(20.5);
}
.home-1
  .mobile-menu-wrap
  .mobile-menu
  .mean-bar
  .mean-nav
  ul
  li:is(.active)
  a
  span
  svg
  * {
  fill: #1b74e4;
}
.digital-card-info-area {
  width: 400px;
  border-radius: 20px;
  background-color: var(--common-white);
  text-align: center;
  align-content: center;
  padding: 40px 30px;
  top: 100px;
  margin: auto;
}
@media only screen and (min-width: 1400px) and (max-width: 1599px) {
  .digital-card-info-area {
    width: 340px;
    margin-left: -40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 992px) and (max-width: 1199px) {
  .bostami-page-area .bostami-page-wrap:is(.pl-80) {
    padding-left: 40px;
  }
  .bostami-page-area .bostami-page-wrap:is(.pr-80) {
    padding-right: 40px;
  }
  .digital-card-info-area {
    width: 100%;
    margin-left: 0;
    margin-bottom: 30px;
    top: -40px;
  }
}
.digital-card-info-img {
  width: 240px;
  height: 240px;
  border-radius: 20px;
  overflow: hidden;
  margin: auto;
}
@media (max-width: 767px),
  only screen and (min-width: 768px) and (max-width: 991px),
  only screen and (min-width: 992px) and (max-width: 1199px) {
  .digital-card-info-img {
    margin-top: 0;
  }
}
.digital-card-info-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.digital-card-info-name {
  font-size: 26px;
  text-transform: capitalize;
  font-weight: 500;
  color: var(--common-black);
  font-family: "Roboto Slab", serif;
  margin-bottom: 8px;
}
.digital-card-info-bio {
  font-size: 14px;
  display: inline-block;
  font-weight: 500;
  text-transform: capitalize;
  color: var(--common-black);
  font-family: Poppins, sans-serif;
  background-color: var(--light-white);
  border-radius: 5px;
  padding: 4px 20px;
}
@media (max-width: 767px),
  only screen and (min-width: 1200px) and (max-width: 1399px),
  only screen and (min-width: 768px) and (max-width: 991px) {
  .digital-card-info-bio {
    font-size: 14px;
  }
}
.digital-card-info-social-link li {
  display: inline-block;
  margin: 0 4px;
}
.digital-card-info-social-link li a {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 8px;
  background-color: var(--light-white);
  text-align: center;
  line-height: 40px;
  color: #1c9cea;
  font-size: 20px;
}
.digital-card-info-contact-item .icon:hover,
.digital-card-info-social-link li a:hover {
  background-color: var(--theme-primary);
  color: var(--common-white-two) !important;
}
.digital-card-info-contact {
  background-color: var(--light-white);
  border-radius: 16px;
  text-align: left;
  padding: 20px 30px;
}
.digital-card-info-contact-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.digital-card-info-contact-item:not(:first-child) {
  border-top: 1px solid #e3e3e3;
}
.digital-card-info-contact-item .icon {
  flex: 0 0 auto;
  display: inline-block;
  width: 44px;
  height: 44px;
  background-color: var(--common-white);
  border-radius: 8px;
  text-align: center;
  line-height: 44px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.08);
  transition: 0.3s;
}
.digital-card-info-contact-item .text span {
  display: block;
  font-size: 12px;
  line-height: 18px;
  text-transform: capitalize;
  font-weight: 400;
  margin-bottom: 3px;
}
.digital-card-info-contact-item .text p {
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: var(--common-black);
  text-transform: none;
  margin-bottom: 0;
}
.fillter-btn-wrap .fillter-btn:is(.is-checked) {
  color: var(--theme-primary);
}
@media only screen and (min-width: 1200px) and (max-width: 1399px) {
  .digital-card-info-area {
    width: 100%;
    margin-left: 0;
    padding: 30px 15px;
    top: -40px;
  }
  .digital-card-info-img {
    width: 210px;
    height: 210px;
    margin-top: 0;
  }
  .digital-card-info-name {
    font-size: 20px;
  }
  .digital-card-info-contact {
    padding: 20px 15px;
  }
  .digital-card-info-contact-item .icon {
    width: 35px;
    height: 35px;
    line-height: 35px;
    transition: 0.3s;
  }
  .digital-card-info-contact-item .text p {
    font-size: 14px;
  }
}
.home-3 .fillter-btn-wrap .fillter-btn:is(.is-checked) {
  color: #fa5252;
}
.blog-slider-wrap .blog-progation span:is(.swiper-pagination-bullet-active) {
  background-color: var(--theme-primary);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-wrapper:is(.pl-60) {
    padding-left: 40px;
  }
  .section-wrapper:is(.pr-60) {
    padding-right: 40px;
  }
}
.page-wrapper-2
  .blog-slider-wrap
  .blog-progation
  span:is(.swiper-pagination-bullet-active) {
  background-color: #fa5252;
}
.home-3
  .blog-slider-wrap
  .blog-progation
  span:is(.swiper-pagination-bullet-active) {
  background-color: #f95054;
}
.contact-form .input-box:is(.height) {
  height: 40px;
}
@media (max-width: 767px) {
  .section-wrapper:is(.pl-60) {
    padding-left: 20px;
  }
  .section-wrapper:is(.pr-60) {
    padding-right: 20px;
  }
  .bostami-page-area .bostami-page-wrap:is(.pl-80) {
    padding-left: 20px;
  }
  .bostami-page-area .bostami-page-wrap:is(.pr-80) {
    padding-right: 20px;
  }
  .digital-card-info-area {
    width: 100%;
    margin-left: 0;
    margin-bottom: 30px;
    padding: 40px 20px;
  }
  .digital-card-info-contact {
    padding: 20px 15px;
  }
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
  .bostami-page-area .bostami-page-wrap:is(.pl-80) {
    padding-left: 30px;
  }
  .bostami-page-area .bostami-page-wrap:is(.pr-80) {
    padding-right: 30px;
  }
  .digital-card-info-area {
    padding: 40px 30px;
  }
  .digital-card-info-contact {
    padding: 20px 30px;
  }
}
@media (max-width: 767px),
  only screen and (min-width: 768px) and (max-width: 991px) {
  .digital-card-info-name {
    font-size: 22px;
  }
}
.dark-theme
  .page-wrapper
  .mobile-menu-wrap
  .mobile_menu
  .mean-bar
  .mean-nav
  ul
  li:is(.active)
  a
  span
  img {
  filter: saturate(25);
}
.close-btn {
  background: 0 0;
}
.dark-theme .home-3 .bastami-main-menu ul li:is(.active) a span svg * {
  fill: #fff;
}
.dark-theme .home-3 .bastami-main-menu ul li:is(.active) {
  background: linear-gradient(97deg, #fa5252, #dd2476);
}
.dark-theme
  .home-1
  .mobile-menu-wrap
  .mobile_menu
  .mean-bar
  .mean-nav
  ul
  li:is(.active)
  a
  span
  img {
  filter: saturate(25);
}
.digital-card-info-social-link {
  width: 230px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 0 7.5px;
  margin: 0 auto 30px;
}
#topActions {
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: flex-start;
}
#topActions > div {
  display: flex;
  align-items: center;
}
#topActions a {
  padding: 1rem;
  cursor: pointer;
  line-height: 0;
}
.icon {
  width: 1.5rem;
  height: 1.5rem;
}
.iconColor {
  color: #eee;
}
.textColor {
  color: #222 !important;
}
.qr-code-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
}
.qr-code-container img {
  max-width: 80%;
  height: auto;
  margin: auto;
  align-items: center;
}

.qr-code-display {
  display: flex;
}
.close-btn {
  position: absolute;
  top: 20px;
  right: 20px;
  border: none;
  font-size: 2rem;
  color: #000;
  cursor: pointer;
}

.navigator-fallback {
  display: flex;
  flex-direction: column;
}

.navigator-fallback .copy-view {
  display: flex;
  flex-direction: column;
}

.navigator-fallback .navigator-fallback-close-btn {
  align-items: end;
  top: 20px;
  border: none;
  background-color: transparent;
  font-size: 2rem;
  color: #000;
  cursor: pointer;
  display: flex;
  flex-direction: column-reverse;
}

.navigator-fallback .navigator-share-button {
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 1em;
  padding: 10px;
  border-radius: 10px;
  border-color: transparent;
}
