.text-primary {

    /* color: #d00b37!important; */
    color: #d00b37!important;

}

@media only screen and (max-width: 900px) {
    #tel1 {
        display: flex!important;
    }
    #tel2 {
        display: none!important;
    }
}
@media only screen and (min-width: 901px) {
    #tel1 {
        display: none!important;
    }
    #tel2 {
        display: flex!important;
    }
}

.btn-primary {
    background-color: #d00b37!important;
    border-color: #d00b37!important;
}
.btn-primary-soft {
    background-color: #1d3456!important;
    color: #fff!important;
}
.text-success {
    color: #d00b37!important;
}
.badge.bg-success-soft {
    background-color: #1d3456!important;
    color: #fff!important;
}
.badge.bg-primary-soft {
    background-color: #1d3456!important;
    color: #fff!important;
}
.badge.rounded-pill {
    background-color: #1d3456!important;
    color: #fff!important;
}
.border-success {
    border-color: #d00b37!important;
}
.bg-primary-desat {
    background-color: #1d3456!important;
}
.btn-primary-desat {
    background-color: #d00b37!important;
    border-color: #d00b37!important;
    box-shadow: 0 0;
    color: #fff;
}
.navbar-light .navbar-nav .nav-link {
    color: #1d3456;
}
.navbar-nav .dropdown-img-start:before {
    background-color: rgb(41 48 66 / 79%);
}
.bg-dark {
    background-color: #1d3456!important;
}
.text-dark {
    color: #1d3456!important;
}
.dropdown-header {
    color: #506690!important;
}
.btn-white {
    color: #d00b37!important;
}
a:hover {
    color: #d00b37!important;

}
a.btn-primary:hover{
   color: #1d3456!important;
}
a.btn-primary-desat:hover{
    color: #1d3456!important;
 }
.list-group-item a:hover {
    color: #d00b37!important;
}
h6.text-uppercase {
    color: #1d3456!important;
}
.bg-gradient-dark-black {
    background-color: #1d3456!important;
}
.plikidopobrania {
    color: #000!important;
}
a.plikidopobrania:hover {
    color: #d00b37!important;
}


.flip-card {
    background-color: transparent;
    width: 300px;
    height: 440px;
    border: 1px solid #f1f1f1;
    perspective: 1000px; /* Remove this if you don't want the 3D effect */
    border-radius: 24px;
  }
  
  /* This container is needed to position the front and back side */
  .flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
  }
  
  /* Do an horizontal flip when you move the mouse over the flip box container */
  .flip-card:hover .flip-card-inner {
    transform: rotateY(180deg);
  }
  
  /* Position the front and back side */
  .flip-card-front, .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden; /* Safari */
    backface-visibility: hidden;
    border-radius: 24px;
  }
  
  /* Style the front side (fallback if image is missing) */
  .flip-card-front {
    background-color: #f1f4f8;
    color: black;
    padding: 10px;
    padding-top: 50px;
    border-radius: 24px;
  }
  
  /* Style the back side */
  .flip-card-back {
    background-color: #1d3456;
    color: white;
    text-align: left;
    padding: 20px;
    padding-right: 10px;
    transform: rotateY(180deg);
    border-radius: 24px;
  }