.conditions{
    padding-left:20px;
    border-left:3px solid #003d7a;
}

.conditions ul li{
    position: relative;
}

.conditions ul li:before{
    width: 20px;
    display: block;
    content:'';
    border-radius: 50%;
    position: absolute;
    left:-32px;
    top:3px;
    border:3px solid #003d7a;
    background: #ff6b35;
    height: 20px;
}

.bg-linear{
    background: linear-gradient(to bottom, #fff, #003d7a 50%);
}

@keyframes gentleFloat {
    0%, 100% {
        transform: translate(0, 0);
    }
    50% {
        transform: translate(15px, 20px);
    }
}

@media all and (max-width: 767px){
    @keyframes gentleFloat {
        0%, 100% {
            transform: translate(0, 0);
        }
        50% {
            transform: translate(7px, 12px);
        }
    }
}

.animate-gentleFloat {
    animation: gentleFloat 5s ease-in-out infinite;
}

@keyframes gentleFloatReverse {
    0%, 100% {
        transform: translate(0, 0);
    }
    50% {
        transform: translate(-15px, -20px);
    }
}
@media all and (min-width: 768px){
    .animate-gentleFloatReverse {
        animation: gentleFloatReverse 5s ease-in-out infinite;
    }
}

.flash{
    background: #fff;
    color:#003d7a;
    padding:10px 20px;
    display: inline-block;
    border-radius: 26px;
    position: relative;
    overflow: hidden; /* taşan efektler için */
}
.flash::before {
    content: '';
    position: absolute;
    top: 0;
    left: -75%; /* efekt başlangıç pozisyonu */
    width: 50%;
    height: 100%;
    background: linear-gradient(
            120deg,
            rgba(255,255,255,0) 0%,
            rgba(255,255,255,0.6) 50%,
            rgba(255,255,255,0) 100%
    );
    transform: skewX(-25deg);
    animation: shine 2.5s infinite;
    pointer-events: none;
    border-radius: 26px;
}

@keyframes shine {
    0% {
        left: -75%;
    }
    100% {
        left: 125%;
    }
}