.brands {
  /*color: #313437;*/
  /*background-color: #fff;*/
}

.brands a {
  display: block;
  text-align: center;
  padding: 40px 0;
}

@media (max-width:767px) {
  .brands a {
    padding: 30px 0;
  }
}

.brands a img {
  display: inline-block;
  margin: 10px 20px;
  vertical-align: middle;
}

hidden-sm {
  visibility: hidden;
}

a {
  color: var(--bs-blue);
}

.col-6 {
  border: hidden;
  background-color: var(--si-blue);
}

.card .h4 {
  /*color: var(--si-yellow);*/
}

.navbar {
  font-family: 'Cairo';
}

.si-icon {
  background-color: var(--si-yellow);
}

.phone {
  color: var(--si-blue);
}

.phone:hover {
  color: var(--si-yellow);
}

.phone:hover.span {
  /*color: var(--bs-black);*/
}

@media (min-width: 300px) {
  .profile {
    width: 100%;
    border-width: 0px;
    padding: 0px;
    height: 2rem;
    align-content: center;
    border-radius: 2rem;
  }
}

@media (min-width: 768px) {
  .profile {
    width: 2rem;
  }
}

.profile {
  /*width: 100%;*/
  /*border-width: 0px;*/
}

body {
  font-family: "Lora","Helvetica Neue",Helvetica,Arial,sans-serif;
  position: relative;
  width: 100%;
  height: 100%;
  color: #fff;
  background-color: background-color: var(--si-blue);
  background-color: var(--si-blue);
}

.800 {
  width: 100%;
  border: 0px;
}

.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show {
}

.btn-primary {
}

.card-body {
  margin-top: 1rem;
}

body {
  font-family: 'Cairo';
}

subscription-list {
  color: var(--bs-dark);
}

.subscription-list {
  color: var(--bs-dark);
}

partner-img {
  max-height: 5rem;
}

.partner_img {
  max-height: 2rem;
  padding-right: 2rem;
  width: auto;
}

profile {
  width: 100%;
}

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-clip: border-box;
  border: 1px solid rgba(0,0,0,.125);
  border-radius: .25rem;
}

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-clip: border-box;
  border: 1px solid rgba(0,0,0,.125);
  border-radius: .25rem;
  height: 100%;
}

.btn-primary:hover {
  color: var(--si-yellow);
  background-color: var(--si-blue);
  /*border-color: blue;*/
}

.btn-primary {
  color: var(--si-blue);
  background-color: var(--si-yellow);
  border-color: var(--si-yellow);
}

.photos img {
  max-height: 12rem;
  width: 100%;
}

:root {
  --si-blue: #0d1829;
  --si-yellow: #ffc000;
  --si-secondblue: #242e39;
  --si-thirdblue: #313a45;
  --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-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-primary: #42DCA3;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-1: #FFC000;
  --bs-2: #2F5496;
  --bs-3: #8496B0;
  --bs-2a: #242e39;
  --bs-2b: #23272f;
  --bs-2c: #313a45;
  --bs-font-sans-serif: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", 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, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
}

:root {
  --si-blue: #0d1829;
  --si-yellow: #ffc000;
  --si-secondblue: #242e39;
  --si-thirdblue: #313a45;
  --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-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-primary: #42DCA3;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-1: #FFC000;
  --bs-2: #2F5496;
  --bs-3: #8496B0;
  --bs-2a: #242e39;
  --bs-2b: #23272f;
  --bs-2c: #313a45;
  --bs-font-sans-serif: system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", 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, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
}

.afoot {
  padding-top: 15px;
  padding-right: 30px;
  color: #ffffff60;
  font-size: 13px;
}

@media (max-width: 768px) {
  .hidden-md {
    display: none;
    /*visibility: hidden;*/
  }
}

.nav-tablink {
  font-size: x-small;
  padding-top: 1px;
  padding-bottom: 1px;
  color: #ffffff;
  /*background-color: var(--si-secondblue);*/
}

.navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .nav-link.active {
  color: var(--si-yellow);
  padding-top: inherit;
  padding-bottom: inherit;
  background-color: transparent;
  border: 0px;
  font-weight: 800;
  font-family: 'Lora';
  font-variant-caps: all-small-caps;
}

.nav-tablink {
  color: var(--bs-light);
  padding-top: inherit;
  padding-bottom: inherit;
  background-color: transparent;
  border: 0px;
  font-weight: 800;
  font-family: 'Lora';
  font-variant-caps: all-small-caps;
}

@media (max-width: 576px) {
  .hidden-md.hide-col-sm {
    visibility: collapse;
    display: none;
    height: 3px;
  }
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  /*color: white;*/
  /*background-color: white;*/
}

.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
  /*color: white;*/
  /*background-color: white;*/
}

a:focus, a:hover {
  color: var(--si-yellow);
}

a:focus, a:hover {
  color: var(--si-yellow);
}

.nav-link {
  padding-top: 0px;
}

photoblockheader {
  color: var(--si-yellow);
  text-shadow: 1px 2px 2px var(--si-blue);
}

.photoblockheader {
  color: var(--si-yellow);
  text-shadow: 2px 2px 4px black;
}

.headbackblur {
  /*max-width: 350px;*/
  background-color: rgba(0,0,0,0.6);
  padding: 15px;
}

.phonenumber {
  width: 100%;
  border: 0px;
}

.phonenumber:hover span {
  /*width: 100%;*/
  /*border: 0px;*/
  color: var(--si-yellow);
}

h4 {
  margin-bottom: 1rem;
}

p {
  margin-bottom: 1rem;
}

.product-container .col-6 {
  align-content: center;
}

h2 {
  margin-bottom: 1rem;
}

svg {
  color: #000000;
}