.advantages-section {
    width: 100%;
    background: #ffffff;
    padding: 65px 0 90px;
}

.advantages-container {
    width: min(92%, 1360px);
    margin: 0 auto;
}


/* =================================
   CTA
================================= */

.advantages-cta {
    width: 100%;
    min-height: 180px;

    background: #ff201d;

    border-radius: 28px;

    border: 7px solid #ffffff;

    outline: 6px solid #ff201d;

    display: flex;
    align-items: center;
    justify-content: center;

    gap: 50px;

    padding: 35px 55px;

    margin-bottom: 105px;
}

.cta-text {
    color: #ffffff;

    font-size: 38px;
    font-weight: 500;
    line-height: 1.35;

    text-align: center;

    flex: 1;
}

.cta-arrow {
    color: #ffffff;
    font-size: 52px;
}

.cta-button {
    min-width: 320px;
    min-height: 120px;

    padding: 18px 35px;

    border-radius: 15px;

    background: #ffffff;

    color: #ff201d;

    font-size: 34px;
    font-weight: 800;
    line-height: 1.15;

    display: flex;
    align-items: center;
    justify-content: center;

    text-align: center;

    transition: .25s;
}

.cta-button:hover {
    transform: translateY(-3px);
}


/* =================================
   KARTLAR
================================= */

.advantages-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);

    gap: 35px;
}

.advantage-card {
    min-height: 430px;

    background: #faf6f0;

    padding: 55px 45px 40px;

    text-align: center;

    display: flex;
    flex-direction: column;
    align-items: center;

    transition: .3s;
}

.advantage-card:hover {
    transform: translateY(-7px);
}


/* =================================
   İKON
================================= */

.advantage-icon {
    width: 145px;
    height: 145px;

    position: relative;

    margin-bottom: 30px;
}

.icon-circle {
    width: 145px;
    height: 145px;

    background: #ffffff;

    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 55px;

    color: #ff9a39;
}

.dot {
    position: absolute;

    width: 24px;
    height: 24px;

    border-radius: 50%;

    z-index: 2;
}

.dot-green {
    background: #075e54;

    top: 10px;
    left: 7px;
}

.dot-yellow {
    background: #ffd400;

    bottom: 4px;
    right: 5px;
}


/* =================================
   YAZILAR
================================= */

.advantage-card h3 {
    font-size: 28px;
    font-weight: 800;

    margin-bottom: 20px;

    color: #202b33;
}

.advantage-card p {
    font-size: 18px;
    line-height: 1.6;

    color: #536875;

    max-width: 350px;
}


/* =================================
   TABLET
================================= */

@media (max-width: 1100px) {

    .cta-text {
        font-size: 30px;
    }

    .cta-button {
        min-width: 250px;

        font-size: 28px;
    }

}


/* =================================
   MOBİL
================================= */

@media (max-width: 768px) {

    .advantages-section {
        padding: 40px 0 60px;
    }

    .advantages-container {
        width: calc(100% - 32px);
    }


    /* CTA */

    .advantages-cta {
        min-height: auto;

        border-radius: 16px;

        border-width: 4px;
        outline-width: 4px;

        padding: 18px 12px;

        gap: 10px;

        margin-bottom: 65px;
    }

    .cta-text {
        font-size: 15px;
        line-height: 1.3;

        text-align: left;
    }

    .cta-arrow {
        font-size: 25px;
    }

    .cta-button {
        min-width: 115px;
        min-height: 60px;

        border-radius: 7px;

        padding: 8px 12px;

        font-size: 16px;
    }


    /* KART */

    .advantages-grid {
        grid-template-columns: 1fr;

        gap: 25px;
    }

    .advantage-card {
        min-height: 360px;

        padding: 45px 25px 35px;
    }

    .advantage-icon {
        width: 125px;
        height: 125px;

        margin-bottom: 28px;
    }

    .icon-circle {
        width: 125px;
        height: 125px;

        font-size: 47px;
    }

    .advantage-card h3 {
        font-size: 25px;
    }

    .advantage-card p {
        font-size: 17px;

        max-width: 310px;
    }

}


/* =================================
   400PX TELEFON
================================= */

@media (max-width: 430px) {

    .advantages-container {
        width: calc(100% - 26px);
    }

    .advantages-cta {
        padding: 13px 10px;
    }

    .cta-text {
        font-size: 13px;
    }

    .cta-arrow {
        font-size: 19px;
    }

    .cta-button {
        min-width: 105px;
        min-height: 55px;

        font-size: 14px;
    }

}