h1 {
    font-size: 250% !important;
    color: darkblue;
    font-weight: 600;
}

h2 {
    font-size: 190% !important;
    color: darkblue;
    font-weight: 600;
}

.steps {
    font-size: 150% !important;
    color: blueviolet;
    font-weight: 600;
}

.bd-placeholder-img {
    font-size: 1.125rem;
    text-anchor: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

@media (min-width: 768px) {
    .bd-placeholder-img-lg {
        font-size: 3.5rem;
    }
}

.f150 {
    font-size: 150%;
    color: darkgreen;
    font-weight: 700;
}

.f130 {
    font-size: 130%;
    color: darkgreen;
    font-weight: 700;
    margin-bottom: 0px !important;
    line-height: 120%;
    letter-spacing: 150%;
}

.l80 {
    line-height: 80%;
    letter-spacing: 150%;
}

header .active {
    border: 1px solid rgb(255, 255, 255, 0.5);
    border-radius: 6px;
    background-color: rgb(0, 55, 200, 0.5)
}

.single-everything-item {
    background-color: #fff;
    text-align: center;
    padding: 0 60px;
    position: relative;
    z-index: 0;
    transition: all 0.3s;
    overflow: hidden;
    margin-bottom: 30px;
}
.single-everything-item .icon {
    text-align: center;
    margin: auto;
    font-size: 80px;
    line-height: 90px;
    transition: all 0.3s;
    color: #4b3be1;
    display: inline-block;
    margin-bottom: 18px;
    position: relative;
    z-index: 0;
}

.single-everything-item .icon:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 55px;
    height: 55px;
    transition: all 0.3s;
    background-color: #fbab2f;
    border-radius: 50%;
    z-index: -1;
}
.single-everything-item .content .title {
    font-size: 22px;
    line-height: 34px;
    font-weight: 700;
}
.section-title .title.social-title {
    font-size: 36px;
    line-height: 46px;
}

.single-everything-item:hover .icon.style-01::after, .single-everything-item:hover .icon.style-02::after, .single-everything-item:hover .icon.style-03::after, 
.single-everything-item:hover .icon.style-04::after{
    width: 80px;
    height: 80px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.single-everything-item .icon.style-02::after {
    bottom: 0;
    left: 0;
    width: 38px;
    height: 30px;
    background-color: #57b4fd;
    border-radius: 50%;
}
.single-everything-item .icon.style-01::after {
    top: 20px;
    left: -25px;
    width: 65px;
    height: 35px;
    background-color: #3ccc8c;
    border-radius: 0;
}
.single-everything-item .icon.style-03::after {
    top: 20px;
    left: -25px;
    width: 65px;
    height: 35px;
    background-color: #ff8c8c;
    border-radius: 0;
}
.single-everything-item .icon.style-04::after {
    top: 20px;
    left: -25px;
    width: 65px;
    height: 35px;
    background-color: #ffff51;
    border-radius: 50%;
}
.single-everything-item:hover .icon::after {
    width: 80px;
    height: 80px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}


  .lh-normal {
    line-height: normal;
  }
  .lh-16 {
    line-height: 0.4;
  }
/* Style do tabeli CENNIK */
table {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
border: 1px solid #ddd;
}
th, td {
text-align: center;
padding: 16px;
}
th:first-child, td:first-child {
text-align: left;
}
/* Zebra-striped table rows */
tr:nth-child(even) {
background-color: #f2f2f2
}
.fa-check {
color: green;
}
.fa-remove {
color: red;
}     
.peer:checked ~ .peer-checked\:bg-indigo-500 span{
left: 21px
}
/* style - cennik - koniec */

.iconFont {
    font-size: 60px !important;
}