body {
    font-family: 'Age Digital One';
    background: #fff;
}

a {
    text-decoration: unset;
}

h1 {
    font-size: 1.5rem !important;
}

h2, h3, h4 {
    font-size: 1.2rem !important;
}

h5 {
    font-size: 1rem !important;
}

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #1D63A5;
}

    ::-webkit-scrollbar-thumb:hover {
        background: #52ABFF;
    }

section {
    margin-top: 95px;
}

.topbar {
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(90deg, #52ABFF 0%, #1D63A5 100%);
    height: 44px;
}
header.desktop {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
}
.mobile-header-space {
    height: 126px;
}
.h-top-left-side {
    display: flex;
    align-items: center;
    height: 44px;
    gap: 74px;
}

    .h-top-left-side .items {
        display: flex;
        gap: 10px;
        color: #FFF;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

    .h-top-left-side.social-area {
        display: flex;
        justify-content: flex-end;
        gap: 30px;
    }

.logo-area {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 82px;
}

    .logo-area img {
        max-width: 195px;
    }

.header-menu-area {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 24px;
    height: 82px;
}

.h-center {
    border: 1px solid #F4F4F4;
    background: #FFF;
    box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.05);
    height: 82px;
}

.header-menu-area .items {
    color: #000;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}
.header-menu-area .items:hover {
    color: #ED1C24;   
}
.hm-dropdown {
    display: none;
    background: #fff;
    width: 400%;
    padding: 16px 14px 20px;
    flex-direction: column;
    gap: 18px;
    left: -150%;
    border: 1px solid #e2e2e2;
    border-radius: 4px;
}

.menu-link.dropdown:hover > .hm-dropdown {
    display: flex;
    position: absolute;
    z-index: 2;
}

footer {
    background: url(/Content/images/sigorta-mobil-fbg.png)no-repeat;
    margin-top: 60px;
}

.footler-left {
    background: rgba(255, 255, 255, 0.10);
    padding: 32px 42px;
    height: 100%;
}

.footer-logo img {
    width: 90%;
}

.f-title {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin: 20px 0 40px;
}

.google-map iframe {
    border-radius: 10px;
    margin-bottom: 44px;
}

.contact-area {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .contact-area .items {
        color: #FFF;
        font-size: 14px;
        font-weight: 400;
    }

.social-media-area {
    display: flex;
    justify-content: space-between;
    margin: 68px 0 44px;
}

.cpy {
    color: #A1A1A1;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.footer-list {
    margin-top: 64px;
}

    .footer-list .title {
        color: #FFF;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: normal;
        margin-bottom: 34px;
    }

.mf-list ul.list {
    padding: 0;
}

.footer-list ul.list li.items {
    list-style: none;
    margin-bottom: 15px;
}

    .footer-list ul.list li.items a {
        color: #FFF;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

.szlm-side {
    display: flex;
    align-items: center;
    margin-top: 60px;
    gap: 40px;
}

    .szlm-side .items {
        color: #E2E2E2;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

.text-banner-group {
    margin: 0 0 44px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 18px;
}

    .text-banner-group .title {
        color: #2967A1;
        text-align: center;
        font-size: 28px;
        font-style: normal;
        font-weight: 600;
        text-decoration-line: underline;
    }

    .text-banner-group .sub-title {
        color: #2967A1;
        text-align: center;
        font-size: 22px;
        font-style: normal;
        font-weight: 400;
    }

.row.banner-index .col-6 {
    padding-bottom: 20px;
}

.row.banner-index img {
    width: 100%;
    max-width: 100%;
}

.btn-def {
    width: max-content;
    margin: 52px auto 0;
    border-radius: 5px;
    border: 1px solid #E2E2E2;
    background: var(--grdient, linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(90deg, #52ABFF 0%, #1D63A5 100%));
    color: #FFF;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 12px 40px;
}

span.color {
    background: var(--grdient, linear-gradient(90deg, #52ABFF 0%, #1D63A5 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 600;
}

.c-title {
    text-align: center;
    font-size: 28px;
    font-style: normal;
    font-weight: 600;
    background: var(--grdient, linear-gradient(90deg, #52ABFF 0%, #1D63A5 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 52px;
}

.insurance-companys {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 30px 2%;
    flex-direction: row;
    justify-content: center;
}

    .insurance-companys .items {
        flex: 0 0 18%;
        border-radius: 8px;
        border: 1px solid #E2E2E2;
        background: #FFF;
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 110px;
    }

        .insurance-companys .items img {
            max-width: 120px;
        }

        .insurance-companys .items .number {
            color: #000;
        }

        .insurance-companys .items a {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 12px;
        }

.row.ibt {
    margin-top: 70px;
    align-items: flex-end;
}

.index-banner-text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.s-text {
    color: #181818;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    width: 80%;
}

.index-banner-text .c-title {
    text-align: left;
    font-size: 40px;
}

.campaign-banner-items {
    border-radius: 10px;
    border: 1.526px solid #E2E2E2;
    background: #FFF;
    padding: 8px;
    position: relative;
}

    .campaign-banner-items .c-title {
        margin-top: 20px;
        margin-bottom: 14px;
        text-align: left;
        font-size: 18px;
        font-weight: 600;
        padding: 0 16px;
        height: 51px;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .campaign-banner-items .text {
        color: #A1A1A1;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        letter-spacing: -0.285px;
        margin-bottom: 28px;
        padding: 0 16px;
        height: 42px;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
    }

.t-detay {
    font-size: 14.242px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    text-decoration: underline !important;
    background: var(--grdient, linear-gradient(90deg, #52ABFF 0%, #1D63A5 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding: 0 16px;
    margin-bottom: 20px;
}

campaign-banner-items img {
    width: 100%;
}

.about-index-text {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding-left: 24px;
}

    .about-index-text .c-title {
        font-size: 25px;
        font-weight: 600;
        margin-bottom: 24px;
    }

    .about-index-text .text {
        color: #181818;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        width: 80%;
    }

section.sub-bas {
    background: rgba(105, 190, 255, 0.20);
    padding-bottom: 32px;
    margin-top: 270px;
}

.sube-basvuru-area {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

    .sube-basvuru-area img {
        max-width: 350px;
        margin-top: -175px;
    }

.op-bg {
    background: rgba(255, 255, 255, 0.20);
    padding: 12px 60px;
    margin-top: -125px;
    margin-bottom: 34px;
}

    .op-bg .c-title {
        margin-bottom: 0;
    }

.sube-basvuru-area .text {
    color: #000;
    text-align: center;
    font-size: 22px;
    font-weight: 400;
    width: 63%;
}

.dm-badge {
    border-radius: 0px 0px 5px 5px;
    background: var(--grdient, linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(90deg, #52ABFF 0%, #1D63A5 100%));
    width: max-content;
    position: absolute;
    top: 0;
    left: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 55px;
    color: #fff;
}

    .dm-badge .date {
        font-size: 18px;
    }

    .dm-badge .month {
        font-size: 12px;
        margin-bottom: 4px;
    }

.row.news-block {
    background: url(/Content/images/ana_sayfa/newsletter-bg.png) no-repeat;
    align-items: center;
    height: 316px;
}

    .row.news-block .left-block {
        padding-left: 38px;
    }

    .row.news-block .c-title {
        font-size: 22px;
        text-align: left;
        margin-bottom: 20px;
    }

    .row.news-block .s-title {
        color: #181818;
        font-size: 28px;
        font-style: normal;
        font-weight: 600;
        line-height: 130%;
    }

    .row.news-block .color1 {
        color: #1D63A5;
    }

    .row.news-block .color2 {
        color: #ED1C24;
    }

    .row.news-block input.form-control {
        border-radius: 6px;
        border: 1.5px solid #A8A8A8;
        background: transparent;
        height: 52px;
        margin-bottom: 20px;
        color: #000;
        font-size: 14px;
        padding-left: 30px;
    }

.form-control:focus {
    box-shadow: unset;
}

.form-control::placeholder {
    color: #a1a1a1;
}

.row.news-block button.btn-def {
    margin-top: 0;
}

.row.news-block .form-check {
    color: #686868;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
}
.f-top-items {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

    .f-top-items .c-title {
        margin-bottom: 8px;
        margin-top: 30px;
        font-size: 20px;
    }

    .f-top-items .text {
        color: #808080;
        text-align: center;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
    }

section.page-banner {
    margin: 0;
}

    section.page-banner img {
        width: 100%;
    }

.about-page {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

    .about-page .text {
        margin-bottom: 44px;
        color: var(--primary-color, #181818);
        text-align: center;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        width: 80%;
    }

        .about-page .text span.color {
            background: var(--grdient, linear-gradient(90deg, #52ABFF 0%, #1D63A5 100%));
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            font-weight: 600;
        }

.row.images {
    margin-bottom: 64px;
}

.about-page .text.left {
    text-align: left;
    margin-bottom: 64px;
}

.hasar-aninda-area .title {
    border-radius: 5.993px;
    background: var(--grdient, linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(90deg, #52ABFF 0%, #1D63A5 100%));
    color: #FFF;
    text-align: center;
    font-size: 22px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin-bottom: 44px;
    padding: 20px;
}

.hasar-aninda-area .blocks {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

    .hasar-aninda-area .blocks .items {
        flex: 0 0 32%;
        margin-bottom: 12px;
        border-radius: 8px;
        border: 1px solid #E2E2E2;
        background: #FFF;
        min-height: 110px;
    }

        .hasar-aninda-area .blocks .items a {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 10px 0;
            gap: 10px;
            height: 100%;
        }

            .hasar-aninda-area .blocks .items a .phone {
                color: #000;
                font-size: 14px;
            }

.itesim-top-block {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-between;
    border-radius: 8px;
    border: 1px solid #E2E2E2;
    background: #FFF;
    padding: 24px 34px;
}

    .itesim-top-block .c-title {
        font-size: 22px;
        margin-bottom: 20px;
        text-align: left;
        font-weight: 500;
    }

    .itesim-top-block .text {
        color: var(--primary-color, #181818);
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        display: flex;
        flex-direction: column;
        gap: 6px;
    }

        .itesim-top-block .text a {
            color: var(--primary-color, #181818);
            font-size: 18px;
            font-style: normal;
            font-weight: 400;
        }

.left a {
    color: #A1A1A1;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    text-decoration-line: underline;
}

.itesim-top-block .left .text {
    margin-bottom: 16px;
}

.contact-form {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    border-radius: 8px;
    border: 1px solid #E2E2E2;
    background: #FFF;
    padding: 24px 34px;
    align-items: flex-start;
    justify-content: center;
}

    .contact-form .c-title {
        font-size: 22px;
        margin-bottom: 38px;
        font-weight: 500;
    }

.form-field input {
    border-radius: 6px !important;
    border: 1.5px solid #A8A8A8 !important;
    height: 52px;
    margin-bottom: 20px;
    padding-left: 24px !important;
    font-size: 14px !important;
}

.form-field textarea {
    width: 100%;
    height: 90%;
    padding-left: 24px !important;
    padding-top: 16px !important;
    font-size: 14px !important;
    border-radius: 6px !important;
    border: 1.5px solid #A8A8A8 !important;
}

.c-form-bottom {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-top: 12px;
}

    .c-form-bottom .text {
        color: #000;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
    }

        .c-form-bottom .text a {
            color: #1D63A5;
        }

    .c-form-bottom button.btn-def {
        margin: 0;
    }

.sube-basvurusu-top .text {
    color: var(--primary-color, #181818);
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 37px;
    width: 49%;
    margin: -12px auto 24px;
}

.sube-contact-area {
    border-radius: 8px;
    border: 1px solid #E2E2E2;
    background: #FFF;
    display: flex;
    align-items: center;
    padding: 28px 56px;
    gap: 50px;
    width: max-content;
    margin: 0 auto 60px;
}

    .sube-contact-area .c-title {
        font-size: 22px;
        font-weight: 500;
        margin-bottom: 0;
    }

.sube-whytext {
    margin-bottom: 110px;
}

    .sube-whytext .text-area {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-end;
        height: 100%;
    }

        .sube-whytext .text-area .text {
            color: var(--primary-color, #181818);
            font-size: 18px;
            font-style: normal;
            font-weight: 400;
        }

        .sube-whytext .text-area .c-title {
            font-size: 22px;
            font-weight: 500;
            margin-bottom: 16px;
        }

span.colors {
    color: #1D63A5;
    font-weight: 500;
}

.sube-form-area .left-area .items {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-bottom: 50px;
}

    .sube-form-area .left-area .items .c-title {
        font-size: 22px;
        margin-bottom: 10px;
        font-weight: 500;
    }

    .sube-form-area .left-area .items .text {
        color: #808080;
        text-align: center;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 19.323px;
        width: 70%;
        margin: auto;
    }

.sube-contact-area .items {
    color: var(--primary-color, #181818);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 157.1%;
    display: flex;
    gap: 14px;
}

.items-hizmet img {
    width: 100%;
    margin-bottom: 20px;
}

.left-text-side-s {
    padding-top: 20%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    position: sticky;
    top: 0;
    padding-bottom: 50px;
}

    .left-text-side-s .c-title {
        margin-bottom: 0;
    }

    .left-text-side-s .sub-title {
        background: var(--grdient, linear-gradient(90deg, #52ABFF 0%, #1D63A5 100%));
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        margin-bottom: 68px;
    }

    .left-text-side-s .text {
        color: #A1A1A1;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
    }

.fiyat-form-area {
    border-radius: 10px;
    border: 1px solid #F4F4F4;
    background: #FFF;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.05);
    padding: 30px 40px;
    margin-bottom: 94px;
}

    .fiyat-form-area select {
        height: 52px;
        margin-bottom: 10px;
        border-radius: 6px;
        border: 1.5px solid #A8A8A8;
        background: #FBFBFB;
        padding-left: 24px;
        color: #000;
        font-size: 14px;
    }

    .fiyat-form-area input.form-control {
        border-radius: 6px;
        border: 1.5px solid #A8A8A8;
        background: #FBFBFB;
        margin-bottom: 10px;
        color: #000;
        font-size: 14px;
    }

.form-m-bttm.n {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #000;
    font-size: 13px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 14px;
}

    .form-m-bttm.n input {
        height: auto;
    }

    .form-m-bttm.n input {
        margin: 0;
        margin-right: 8px;
    }

.fiyat-form-area button.btn.solid-btn.sb-h {
    border-radius: 6px;
    background: var(--grdient, linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(90deg, #52ABFF 0%, #1D63A5 100%));
    width: 100%;
    margin-top: 20px;
    color: #FFF;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    padding: 12px;
    outline: 0;
}

.teklif-info-text .c-title, .other-side .c-title {
    margin-top: 64px;
    text-align: left;
    margin-bottom: 22px;
}

.other-side .block {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 20px;
}

    .other-side .block a {
        flex: 0 0 23.8%;
        width: 100%;
    }

    .other-side .block .items {
        border-radius: 10px;
        border: 1px solid #F3F3F3;
        background: #FFF;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 30px 0;
    }

        .other-side .block .items span {
            font-size: 16px;
            background: var(--grdient, linear-gradient(90deg, #52ABFF 0%, #1D63A5 100%));
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            font-weight: 500;
        }

header.mobile {
    display: none;
}

.text-side small {
    font-style: italic;
}

.teklif-banner {
    margin-top: -30px;
    position: relative;
    margin-bottom: 44px;
}

    .teklif-banner .text-sides {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        gap: 18px;
    }

        .teklif-banner .text-sides .title {
            color: #FFF;
            text-align: center;
            font-size: 28px;
            font-style: normal;
            font-weight: 600;
            line-height: 157.1%;
        }

        .teklif-banner .text-sides .sub-title {
            color: #FFF;
            text-align: center;
            font-size: 22px;
            font-style: normal;
            font-weight: 400;
            line-height: 157.1%;
        }

section.no-m {
    margin-top: 24px;
}

.teklif-banner img {
    width: 100%;
}

.campaign-banner-items img {
    width: 100%;
    max-height: 200px !important;
}

.form-area .c-title {
    text-align: left;
    margin-bottom: 24px;
    font-size: 24px;
}

.form-group select {
    border-radius: 6px !important;
    border: 1.5px solid #A8A8A8 !important;
    height: 52px;
    margin-bottom: 20px;
    padding-left: 24px !important;
    font-size: 14px !important;
}

.about-page img {
    width: 100%;
}

iframe {
    border-radius: 4px;
}

.post-thumbs img {
    width: 100%;
    max-width: 400px;
    margin-bottom: 28px;
}

span.pub-date {
    font-size: 14px;
    color: #a1a1a1;
}

.post-entry h1 {
    margin-top: 10px;
}

.c-title.text-left {
    font-size: 22px;
    text-align: left;
}

.blog-items-right .c-title {
    font-size: 16px;
    background: var(--grdient, linear-gradient(90deg, #52ABFF 0%, #1D63A5 100%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 500;
    margin: 0;
}

.blog-items-right {
    border-radius: 10px;
    border: 1px solid #F3F3F3;
    background: #FFF;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 30px 0;
    width: 100%;
}

.d-flex.new-blogs {
    flex-wrap: nowrap;
    gap: 20px;
}

.c-title.text-left {
    font-size: 20px;
    text-align: left;
}

.other-side .c-title {
    font-size: 20px;
}

.wide-md.center .c-title {
    text-align: left;
    font-weight: 500;
}

a.btn-link {
    color: #000;
    text-decoration: unset;
    font-size: 16px;
}

    a.btn-link img {
        max-width: 92px;
    }

.fiyat-form-area button.btn.btn-primary {
    background: #fff;
    color: #a1a1a1;
    border: 1px solid #e2e2e2;
    height: 36px;
    margin: 0;
    border-radius: 100px;
    margin-bottom: 10px;
}

.modal-scrollable .modal-body img {
    width: 100%;
}

.custom-modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
}

.custom-modal-content {
    position: relative;
    margin: 15% auto;
    padding: 20px;
    background-color: #fff;
    width: 80%;
    max-width: 500px;
    border-radius: 8px;
}

.custom-modal-close {
    position: absolute;
    top: 10px;
    right: 15px;
    color: #333;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
}

    .custom-modal-close:hover, .custom-modal-close:focus {
        color: red;
    }

div#custom-modal img {
    width: 100%;
    max-width: 100%;
}

.hasar-buttons {
    display: flex;
    gap: 12px;
}

.btn-def-invert {
    width: max-content;
    margin: 52px auto 0;
    text-align: center;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    padding: 12px 40px;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    border: 2px solid #2E6EAA;
    background: #FFF;
    color: #2E6EAA;
}

.campaign-banner-items .date {
    font-size: 12px;
    color: #a1a1a1;
    padding: 0 16px;
    margin-bottom: 12px;
    margin-top: -8px;
}
.modal {
    height: fit-content;
}
.modal-header button.close {
    position: absolute;
    right: 12px;
    background: var(--grdient, linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(90deg, #52ABFF 0%, #1D63A5 100%));
    border: 0;
    outline: 0;
    color: #fff;
    font-size: 20px;
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    padding-bottom: 3px;
}
.modal-body .form-group label {
    font-size: 14px;
    margin-bottom: 12px;
}
.modal-body .form-group .form-control {
    border-radius: 6px !important;
    border: 1.5px solid #A8A8A8 !important;
    height: 52px;
    margin-bottom: 20px;
    padding-left: 24px !important;
    font-size: 14px !important;
}
.modal-footer button.btn.btn-primary {
    background: var(--grdient, linear-gradient(0deg, rgba(0, 0, 0, 0.20) 0%, rgba(0, 0, 0, 0.20) 100%), linear-gradient(90deg, #52ABFF 0%, #1D63A5 100%));
    border: 0;
    border-radius: 6px;
    padding: 6px 24px;
}
div#divAnaBaslik {
    display: flex;
    margin-bottom: 26px;
}
.fiyat-avantaj .spinner {
    display: none;
}
.fiyat-info-new .col-md-3 {
    width: auto;
}
.fiyat-info-new .col-md-7 {
    width: auto;
}
.fiyat-info-new .col-md-2 {
    width: auto;
}
.fiyat-info-new {
    display: flex;
    width: -webkit-fill-available;
    justify-content: space-between;
    margin-bottom: 32px;
}
.fiyat-avantaj .title {
    margin-bottom: 44px;
}
img.logo.logo-dark {
    max-width: 100%;
    width: 100%;
}
.row.mh1 .col-md-9.text-center h4 {
    font-size: 14px !important;
    text-align: left;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
}
@media(max-width:900px) {
    header .desktop {
        display: none;
    }

    .ibt img {
        width: 100%;
    }

    .text-banner-group .title {
        font-size: 22px;
    }

    .text-banner-group .sub-title {
        font-size: 16px;
    }

    .text-banner-group {
        margin: 0 0 32px;
    }

    .row.banner-index .col-6 {
        padding: 5px;
    }

    .c-title {
        font-size: 20px;
        ;
        margin-bottom: 32px;
    }

    .insurance-companys {
        gap: 14px 8px;
    }

        .insurance-companys .items {
            flex: 0 0 48%;
            min-height: 88px;
        }

    .index-banner-text .c-title {
        font-size: 20px;
    }

    .s-text {
        font-size: 16px;
        width: 90%;
    }

    .btn-def img {
        width: 20px;
    }

    ..btn-def {
        margin: 24px auto 0;
        font-size: 16px;
        padding: 10px 28px;
        display: flex;
        gap: 10px;
        align-items: center;
    }

    .campaign-banner-items {
        margin-bottom: 12px;
    }

        .campaign-banner-items img {
            width: 100%;
        }

    .about-index-text .c-title {
        font-size: 20px;
        margin-top: 24px;
        margin-bottom: 12px;
    }

    .about-index-text .text {
        font-size: 16px;
        width: 90%;
    }

    .sube-basvuru-area .text {
        font-size: 18px;
        width: 90%;
    }

    .row.news-block {
        background: url(/Content/images/ana_sayfa/newsletter-bg-mobile.png) no-repeat;
        height: 550px;
        padding: 24px 0;
    }

        .row.news-block .left-block {
            padding-left: 0;
        }

        .row.news-block .c-title {
            font-size: 18px;
            margin-bottom: 8px;
        }

        .row.news-block .s-title {
            font-size: 24px;
        }

    .f-top-items {
        margin-bottom: 24px;
    }

        .f-top-items .c-title {
            margin-bottom: 8px;
            margin-top: 18px;
            font-size: 18px;
        }

    header.mobile {
        display: block;
        z-index: 99;
        position: relative;
    }

    .fixed-bottom-menu {
        position: fixed;
        bottom: 0;
        background: #fff;
        display: flex;
        justify-content: space-between;
        padding: 10px 20px;
        z-index: 99;
        border-top: 1px solid #f4f4f4;
    }

        .fixed-bottom-menu .items {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            height: 100%;
            color: #000;
            text-align: center;
            font-size: 10px;
            font-weight: 400;
            line-height: 22px;
        }

    .top-blocks {
        position: fixed;
        top: 0;
        border-bottom: 1px solid #f4f4f4;
        background: #fff;
        z-index: 99;
    }

    header.mobile .logo-area {
        height: 50px;
    }

    footer {
        background: url(/Content/images/sigorta-mobil-fbg.png) #1D63A5 no-repeat;
        margin-top: 60px;
    }

    .footer-list {
        margin-bottom: -26px;
    }

        .footer-list .title {
            margin-bottom: 20px;
        }

        .footer-list ul.list li.items a {
            font-size: 14px;
            font-weight: 400;
        }

    .mobile-footer-space {
        height: 70px;
    }

    .szlm-side {
        margin-top: 40px;
        gap: 24px;
        flex-wrap: wrap;
        margin-bottom: 36px;
    }

    .footler-left {
        margin-top: 15px;
        padding: 30px 20px;
    }

    .mobil-menu {
        position: fixed;
        background: #fff;
        height: 100vh;
        top: 0;
        z-index: 99;
        padding: 0;
        overflow: auto;
    }

    a.close-menu {
        position: absolute;
        right: 16px;
        z-index: 100;
        top: 11px;
    }

    .mobil-menu .top-side {
        height: 50px;
        border-bottom: 1px solid #f4f4f4;
        display: flex;
        align-items: center;
        justify-content: center;
    }

        .mobil-menu .top-side img {
            max-height: 32px;
        }

    .mobil-menu .content {
        padding: 52px 25px 52px 35px;
    }

    .mobil-menu .menu-list {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        gap: 40px;
        padding-bottom: 52px;
        border-bottom: 1px solid #e3e3e3;
        margin-bottom: 36px;
    }

        .mobil-menu .menu-list .items {
            color: #000;
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: normal;
        }

            .mobil-menu .menu-list .items.colors {
                color: #ED1C24;
            }

    .mobil-menu .c-title {
        font-size: 16px;
        text-align: left;
        font-weight: 500;
        margin-bottom: 20px;
    }

    .menu-contact .bottom {
        display: flex;
        justify-content: space-between;
        padding-right: 10px;
    }

        .menu-contact .bottom .items {
            background: var(--grdient, linear-gradient(90deg, #52ABFF 0%, #1D63A5 100%));
            background-clip: text;
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            font-size: 14px;
            font-weight: 400;
            display: flex;
            align-items: center;
            gap: 8px;
        }

    .menu-contact {
        border-bottom: 1px solid #e3e3e3;
        padding-bottom: 40px;
        margin-bottom: 40px;
    }

    .menu-social-area {
        display: flex;
        gap: 32px;
    }

    .mobile-header-space {
        height: 51px;
    }

    section {
        margin-top: 32px;
    }

    .f-top-items img {
        width: 70px;
    }

    .hasar-aninda-area .blocks .items {
        flex: 0 0 48.6%;
    }

    .hasar-aninda-area {
        margin-top: 32px;
    }

        .hasar-aninda-area .title {
            margin-bottom: 22px;
            font-size: 20px;
            padding: 16px;
        }

    .sube-basvurusu-top .text {
        font-size: 16px;
        line-height: 26px;
        width: 90%;
    }

    .sube-contact-area {
        padding: 16px 28px;
        gap: 14px;
        width: 95%;
        margin: 0 auto 48px;
        flex-wrap: wrap;
    }

        .sube-contact-area .c-title {
            font-size: 18px;
            width: 100%;
            text-align: left;
        }

    .sube-whytext .text-area .text {
        font-size: 16px;
        margin-bottom: 16px;
    }

    .sube-whytext .images img {
        width: 100%;
    }

    .sube-whytext {
        margin-bottom: 64px;
    }

    .sube-form-area .left-area .items {
        gap: 18px;
        margin-bottom: 40px;
        flex-direction: column;
    }

        .sube-form-area .left-area .items .c-title {
            font-size: 20px;
            margin-bottom: 6px;
        }

        .sube-form-area .left-area .items .text {
            font-size: 14px;
            width: 90%;
        }

    .itesim-top-block {
        flex-direction: column;
        padding: 16px 24px;
        gap: 16px;
    }

        .itesim-top-block .c-title {
            font-size: 20px;
            margin-bottom: 10px;
        }

        .itesim-top-block .text, .itesim-top-block .text a {
            font-size: 16px;
        }

    .left a {
        font-size: 16px;
    }

    .c-form-bottom {
        flex-direction: column;
        gap: 12px;
    }

    .contact-form {
        padding: 16px 20px;
        margin-bottom: 16px;
    }

        .contact-form .c-title {
            font-size: 20px;
            margin-bottom: 16px;
        }

    .left-text-side-s {
        padding-top: 0;
    }

        .left-text-side-s .sub-title {
            font-size: 18px;
            margin-bottom: 24px;
        }

        .left-text-side-s .text {
            font-size: 14px;
        }

    .fiyat-form-area {
        padding: 20px 18px;
        margin-bottom: 44px;
    }

        .fiyat-form-area button.btn.solid-btn.sb-h {
            font-size: 16px;
        }

    .insurance-companys .items img {
        max-width: 74px;
    }

    .text-side {
        font-size: 14px;
    }

    h1 {
        font-size: 1.2rem !important;
    }

    h2, h3, h4 {
        font-size: 1rem !important;
    }

    h5 {
        font-size: 0.8rem !important;
    }

    .other-side .block {
        gap: 10px;
    }

        .other-side .block .items span {
            font-size: 14px;
        }

        .other-side .block a {
            flex: 0 0 48.5%;
        }

    section.page-banner img {
        width: 100%;
        height: 200px;
        object-fit: cover;
    }

    .about-page .text {
        font-size: 16px;
        width: 90%;
    }

        .about-page .text.sec {
            margin-top: 34px;
        }

    section.page-banner.hkm img {
        height: 120px;
    }

    .teklif-banner img {
        width: 100%;
        height: 200px;
        object-fit: cover;
    }

    .form-area {
        padding: 0 10px;
    }

    .dropdown-menu-m {
        display: none;
    }

    .d-flex.new-blogs {
        flex-wrap: wrap;
    }

    header.desktop {
        display: none;
    }

    .col-sm-2.col-xs-6.res-s-bttm.text-center {
        margin-bottom: 24px;
    }
    .row-fiyat-info-new {
        padding: 0 26px;
    }
    .fiyat-info-new .col-md-3.fiyat-info-sutun-img {
        width: 100%;
    }
    .fiyat-info-new .col-md-2 {
        width: 25%;
    }
    .fiyat-info-new .col-md-3 {
        width: 36%;
    }
    .fiyat-info-new .col-md-7 {
        width: 50%;
    }
    .fiyat-avantaj .title {
        margin-bottom: 40px;
        padding: 0 14px;
        text-align: center;
    }
    div#divAnaBaslik .col-md-6 ul {
        padding: 0 14px;
    }
    .fiyat-info-new {
        flex-wrap: wrap;
        gap: 12px 0;
    }
    .fiyat-info-new .col-md-2.fiyat-info-sutun-button {
        width: auto;
    }
    .col-md-11.col-sm-11.col-xs-11.form-field.form-m-bttm {
        width: 88%;
    }
    .hasar-buttons {
        display: flex;
        gap: 0;
        flex-direction: column;
        align-items: flex-start;
    }
    .btn-def-invert {
        margin: 18px auto 14px;
        font-size: 16px;
        padding: 12px 28px;
        height: 50px;
        color: #2E6EAA;
    }
}