@media screen and (max-width: 1200px) {
    h3 {
        font-size: 1.5em
    }
    h5 {
        font-size: 1.15em
    }
}


.oaie {
    display: flex;
}
.dulapior {
    text-align: right;
}
.align-items-center ms-auto promo-label-right {
    display: flex;
}
nohline:hover {
    color: #ff0000!important
}
@media screen and (max-width: 500px) {
    h3 {
        font-size: 1.3em
    }
    h5 {
        font-size: 1.05em
    }
    .oaie {
        display: block;
    }
    .dulapior {
        text-align: center
    }
    .col-lg-6 col-md-6 d-flex {
        text-align: center
    }
}
@media screen and (max-width: 460px) {
    h3 {
        font-size: 1.2em
    }
    h5 {
        font-size: 1em
    }
    .oaie {
        display: block;
    }
    .dulapior {
        text-align: center
    }
    .col-lg-6 col-md-6 d-flex {
        text-align: center
    }
}
header.header .navbar a.pr-4 {
    font-size: 17px;
    text-decoration: none;
    transition: all 0.3s ease-in-out;
}
header.header .navbar a.pr-4::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    transition: .3s;
    transform: scale(.9);
    z-index: -1;
    transition: all 0.3s ease-in-out;
}
header.header .navbar a.pr-4:hover::before {
    transform: scale(1.1);
}
a:hover {
    text-decoration: none;
}
.sticky {
    position: fixed;
    top: 0;
    width: 100%;
}

header{
    position: relative;
}

@keyframes animatedBackground {
    0% {background-position: 0px 0px, 0px 0px, 0px 0px; opacity: 0}
    10% {opacity: 1;}
    50% {background-position: 500px 500px, 100px 200px, -100px 150px;}
    90% {opacity: 1;}
    100% {background-position: 500px 1000px, 200px 400px, -100px 300px; opacity: 0}
  }
  
##header::before {
z-index: -1;
content: ' ';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(/templates/twenty-one/images/s1.webp), url(/templates/twenty-one/images/s2.webp), url(/templates/twenty-one/images/s3.webp);
background-position: 0px 0px;
animation: animatedBackground 25s linear infinite;
}
.popular-plan {
    border-radius: 50px !important;
    background: #00c2ff!important;
    padding: 5px 25px!important;
    font-weight: 600;
    font-size: 17px!important;
    margin-bottom: -14px!important;
    width: 200px;
    text-align: center!important;
    margin: auto;
    color: white!important;
    clip-path: none!important;
    border-bottom-left-radius: 50px !important;
    z-index: 1;
    position: relative;
}