﻿.errortype {
    color: #D05454;
    font-weight: 600;
}

    .errortype:before {
        content: "\f071";
        display: inline-block;
        font-family: FontAwesome;
        margin-right: 4px;
    }

.bradcam_overlay::before {
    background: -webkit-linear-gradient(left, #5db2ff 0%, #65b4f9 24%, rgba(124, 185, 233, 0) 96%, rgba(125, 185, 232, 0) 100%);
    background: linear-gradient(to right, #ffffff 0%, #0095ff 24%, rgba(124, 185, 233, 0) 96%, rgba(125, 185, 232, 0) 100%);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 1;
}

/*#region MODALS */
.modal {
    z-index: 99999999;
}

.modal-backdrop {
    /*background-color: var(--mavi);*/
    --bs-backdrop-opacity: 0.9;
    z-index: 9999999;
}

.modaltr .modal-content {
    /*background-color: unset;*/
    border: unset;
}

    .modaltr .modal-content .modal-header {
        /*border-bottom: unset;*/
    }

.modal .modal-header h4 {
    font-size: 24px;
    font-weight: 600;
    color: #1e6091;
}

.modal .lead_result i {
    font-size: 120px;
    color: #35be51;
}

.modal .lead_result h4 {
    font-size: 20px;
    font-weight: 600;
}

.modal .lead_result p {
    font-size: 14px;
}

/*#endregion */


/*#region HEADER */

.logo img {
    max-height: 55px;
    transition: 0.3s ease;
}

    .logo img:hover {
        transform: scale(1.05);
    }

.header-area .main-header-area .main-menu ul li a {
    color: #727272;
    text-decoration: none;
}

#sticky-header {
    background: #0f172a;
}

.main-menu nav > ul > li > a {
    display: inline-block;
    /*padding: 32px 0;*/
    font-size: 14px;
    font-weight: 600;
    color: #c3c6d3 !important;
    text-decoration: none;
    /*letter-spacing: 0.3px;*/
    transition: all 0.3s ease;
}

    /* Hover */
    .main-menu nav > ul > li > a:hover {
        color: #fff !important;
    }

.main-menu .submenu {
    background: #ffffff;
    border-radius: 16px;
    padding: 14px 0;
    /* daha güçlü premium shadow */
    box-shadow: 0 18px 40px rgba(0,0,0,0.10), 0 6px 15px rgba(0,0,0,0.06);
    opacity: 0;
    visibility: hidden;
    transform: translateY(18px) scale(0.98);
    transition: opacity .25s ease, transform .25s ease, box-shadow .25s ease;
    /* kibar border */
    border: 1px solid rgba(0,114,255,0.25);
    width: fit-content !important;
    white-space: nowrap;
    top: 100% !important;
    backdrop-filter: blur(6px);
    /* diğer elementlerin üstünde */
    z-index: 999999 !important;
}

    .main-menu .submenu li a {
        display: block;
        padding: 10px 22px;
        font-size: 14px;
        color: #000 !important;
        transition: all .2s ease;
        border-radius: 8px;
        text-decoration: none;
    }

        .main-menu .submenu li a:hover {
            background: #f5f9ff !important;
            color: #0072ff !important;
            transform: translateX(3px);
        }

.online-btn {
    background: #0d6efd;
    color: #fff;
    padding: 6px 10px;
    border-radius: 30px;
    font-weight: 600;
    box-shadow: 0 10px 25px rgba(0,114,255,0.35);
    text-decoration: none;
    font-size: 14px;
}

.slicknav_menu {
    font-size: 16px;
    background: #ffffff;
    padding: 5px;
}

    .slicknav_menu li a {
        display: block;
        padding: 10px 22px;
        font-size: 14px;
        color: #000 !important;
        transition: all .2s ease;
        border-radius: 8px;
        text-decoration: none;
    }

.slicknav_btn {
    margin: 5px 5px 6px;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(255, 255, 255, .75);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #0d6efd;
}

/*#endregion */


/*#region SLIDER */

.single_slider {
    position: relative;
}

    .single_slider::before {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient( rgba(0,0,0,0.55), rgba(0,0,0,0.35) );
        z-index: 1;
    }

.slider_text {
    position: relative;
    z-index: 2;
}

    .slider_text h3 {
        color: #ffffff !important;
        font-weight: 700;
        text-shadow: 0 4px 20px rgba(0,0,0,0.6);
    }

    .slider_text p {
        color: #ffffff !important;
        text-shadow: 0 2px 10px rgba(0,0,0,0.6);
    }

.site-btn {
    background: #0072ff;
    color: #fff;
    padding: 12px 26px;
    border-radius: 30px;
    font-weight: 600;
    box-shadow: 0 10px 25px rgba(0,114,255,0.35);
    text-decoration: none;
}

    .site-btn:hover {
        transform: translateY(-3px);
        box-shadow: 0 15px 35px rgba(37, 99, 235, 0.35);
    }
/* Responsive */
@media (max-width: 991px) {
    .slider_area {
        margin-top: 40px;
    }
}


/*#endregion */


/*#region SERVICES */

.services_area {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 25px;
    padding: 60px 20px;
    max-width: 1200px;
    margin: auto;
}

.service-card {
    background: #ffffff;
    padding: 30px 25px;
    border-radius: 16px;
    box-shadow: 0 8px 25px rgba(0,0,0,0.08);
    transition: all 0.3s ease;
    text-align: center;
    position: relative;
    overflow: hidden;
}

    .service-card:hover {
        transform: translateY(-10px);
        box-shadow: 0 15px 35px rgba(0,0,0,0.15);
    }

    .service-card .icon {
        font-size: 40px;
        margin-bottom: 15px;
    }

    .service-card h3 {
        font-size: 20px;
        margin-bottom: 15px;
        color: #222;
    }

    .service-card p {
        font-size: 14px;
        color: #666;
        line-height: 1.6;
    }

    /* Hafif gradient arka plan efekti */
    .service-card::before {
        content: "";
        position: absolute;
        width: 100%;
        height: 5px;
        top: 0;
        left: 0;
        background: linear-gradient(90deg, #0072ff, #00c6ff);
    }

.service-btn {
    display: inline-block;
    margin-top: 15px;
    padding: 8px 18px;
    border-radius: 30px;
    background: #2563eb;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    transition: 0.3s;
}

    .service-btn:hover {
        background: #1d4ed8;
    }

/*#endregion */


/*#region PRICING */

/* TAB BUTONLARI */
.nav-pills .nav-link {
    border-radius: 50px;
    padding: 10px 25px;
    font-weight: 600;
    color: #1e293b;
    background: #f1f5f9;
    margin: 0 5px;
    transition: 0.3s;
}

    .nav-pills .nav-link.active {
        background: linear-gradient(135deg, #2563eb, #1e40af);
        color: #fff;
    }

/* PRICING CARD */
.pricing_area {
    background: #f8f9fc;
}

.pricing_wrapper {
    max-width: 1300px; /* Genişlik sınırı */
    margin: 0 auto; /* Ortala */
}

.pricing-card {
    background: #ffffff;
    padding: 50px 35px;
    border-radius: 20px;
    text-align: center;
    box-shadow: 0 15px 40px rgba(0,0,0,0.06);
    transition: 0.3s ease;
    height: 100%;
    min-height: 520px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

    .pricing-card:hover {
        transform: translateY(-8px);
        box-shadow: 0 20px 50px rgba(0,0,0,0.1);
    }

    .pricing-card h3 {
        font-weight: 600;
        margin-bottom: 20px;
    }

    .pricing-card h2 {
        font-size: 42px;
        font-weight: 700;
        margin-bottom: 25px;
        color: #0d6efd;
    }

    .pricing-card ul {
        list-style: none;
        padding: 0;
        margin-bottom: 30px;
    }

        .pricing-card ul li {
            margin-bottom: 12px;
            color: #555;
        }

.pricing-btn {
    display: inline-block;
    padding: 12px 30px;
    border-radius: 50px;
    background: #0d6efd;
    color: #fff;
    text-decoration: none;
    transition: 0.3s;
}

    .pricing-btn:hover {
        background: #0b5ed7;
    }

.nav-pills .nav-link {
    border-radius: 50px;
    padding: 10px 25px;
    font-weight: 500;
}

    .nav-pills .nav-link.active {
        background: #0d6efd;
    }

/*#endregion */


/*#region PRICING INFO */
.pricing-info-section {
    padding: 60px 30px;
}

.pricing-info-wrapper {
    max-width: 1100px;
    margin: 0 auto;
    background: #ffffff;
    border-radius: 24px;
    padding: 50px 45px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.06);
}

.info-header h4 {
    font-weight: 600;
    font-size: 22px;
    color: #1f2d3d;
}

.info-header p {
    color: #6c757d;
    font-size: 15px;
}

.info-list {
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.info-item {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    padding: 18px 20px;
    border-radius: 16px;
    background: #f8f9fc;
    transition: 0.3s ease;
}

    .info-item:hover {
        background: #eef2ff;
        transform: translateY(-3px);
    }

    .info-item i {
        font-size: 20px;
        color: #0b5ed7;
        margin-top: 4px;
    }

    .info-item p {
        margin: 0;
        font-size: 14.5px;
        color: #495057;
        line-height: 1.7;
    }
/*#endregion */


/*#region ABOUT */

.about_area_light {
    padding: 100px 0;
    background: #f8fafc;
    color: #1e293b;
}

.about_hero h1 {
    font-size: 36px;
    margin-bottom: 20px;
}

.about_hero p {
    max-width: 800px;
    margin: auto;
    line-height: 1.8;
    color: #475569;
}

.about_section {
    margin-top: 80px;
}

    .about_section h2 {
        margin-bottom: 40px;
        font-size: 26px;
        color: #0f172a;
    }

        .about_section h2 i {
            color: #0072ff;
            margin-right: 8px;
        }

.about_grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 30px;
}

.about_card {
    background: #ffffff;
    padding: 35px;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
    transition: 0.3s;
    text-align: center;
}

    .about_card:hover {
        transform: translateY(-8px);
        box-shadow: 0 20px 40px rgba(0,0,0,0.1);
    }

    .about_card .icon {
        font-size: 32px;
        color: #0072ff;
        margin-bottom: 15px;
    }

.license_list {
    list-style: none;
    padding: 0;
}

    .license_list li {
        margin: 10px 0;
        font-size: 16px;
    }

    .license_list i {
        color: #0072ff;
        margin-right: 8px;
    }

.timeline {
    position: relative;
    margin-top: 50px;
    padding-left: 30px;
}

    .timeline::before {
        content: "";
        position: absolute;
        left: 10px;
        top: 0;
        width: 3px;
        height: 100%;
        background: #0072ff;
    }

.timeline_item {
    position: relative;
    margin-bottom: 40px;
    padding-left: 40px;
}

    .timeline_item::before {
        content: "";
        position: absolute;
        left: -2px;
        top: 5px;
        width: 14px;
        height: 14px;
        background: #0072ff;
        border-radius: 50%;
    }

.about_cta {
    margin-top: 80px;
    font-size: 22px;
    font-weight: 600;
    color: #0f172a;
}

/*#endregion */


/*#region FOOTER */

.footer-premium {
    background: #0f172a;
    color: #cbd5e1;
    font-size: 14px;
}

    .footer-premium .footer_logo img {
        max-width: 180px; /* İstersen 150px – 200px arası ayarlayabilirsin */
        height: auto;
        width: 100%;
        object-fit: contain;
    }

.footer_top {
    padding: 80px 0 50px 0;
}

.footer_widget h3 {
    color: #ffffff;
    font-size: 18px;
    margin-bottom: 25px;
    position: relative;
}

    .footer_widget h3::after {
        content: "";
        width: 40px;
        height: 3px;
        background: linear-gradient(90deg, #0072ff, #00c6ff);
        display: block;
        margin-top: 8px;
        border-radius: 5px;
    }

.footer_desc {
    margin: 20px 0;
    line-height: 1.7;
}

.footer_widget ul {
    list-style: none;
    padding: 0;
}

    .footer_widget ul li {
        margin-bottom: 10px;
    }

        .footer_widget ul li a {
            color: #94a3b8;
            text-decoration: none;
            transition: 0.3s;
        }

            .footer_widget ul li a:hover {
                color: #00c6ff;
                padding-left: 5px;
            }

.social_links {
    margin-top: 20px;
}

    .social_links a {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 38px;
        height: 38px;
        margin-right: 10px;
        border-radius: 50%;
        background: #1e293b;
        color: #fff;
        transition: 0.3s;
        text-decoration: none;
    }

        .social_links a:hover {
            background: linear-gradient(90deg, #0072ff, #00c6ff);
            transform: translateY(-4px);
        }

.footer_bottom {
    padding: 25px 0;
    text-align: center;
}

.footer_border {
    height: 1px;
    background: #1e293b;
    margin-bottom: 20px;
}

.copy_right {
    margin: 0;
    color: #94a3b8;
}

/*#endregion */


/*#region STATS */

.stats_area {
    padding: 100px 0;
    background: #ffffff;
}

.stats_header h2 {
    font-size: 28px;
    margin-bottom: 60px;
    color: #0f172a;
}

.stats_header i {
    color: #0072ff;
    margin-right: 8px;
}

.stats_grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 30px;
}

.stat_card {
    background: #f8fafc;
    padding: 40px 25px;
    border-radius: 16px;
    text-align: center;
    transition: 0.3s ease;
    border: 1px solid #e2e8f0;
}

    .stat_card:hover {
        transform: translateY(-8px);
        box-shadow: 0 20px 40px rgba(0,0,0,0.08);
        background: #ffffff;
    }

.stat_icon {
    font-size: 36px;
    color: #0072ff;
    margin-bottom: 20px;
}

.stat_card h3 {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 10px;
    color: #0f172a;
}

.stat_card p {
    font-size: 14px;
    color: #475569;
    line-height: 1.6;
}

/*#endregion */


/*#region FAQ */

.faq-section {
    background: #f8f9fc;
}

.faq-wrapper {
    max-width: 950px;
    margin: 0 auto;
    background: #ffffff;
    padding: 50px 45px;
    border-radius: 24px;
    box-shadow: 0 20px 60px rgba(0,0,0,0.06);
}

.faq-title {
    font-weight: 600;
    color: #1f2d3d;
}

.faq-subtitle {
    color: #6c757d;
    font-size: 15px;
}

/* Accordion Premium Stil */

.accordion-item {
    border: none;
    border-radius: 16px !important;
    margin-bottom: 15px;
    overflow: hidden;
    box-shadow: 0 8px 25px rgba(0,0,0,0.04);
}

.accordion-button {
    background: #f8f9fc;
    font-weight: 500;
    font-size: 15px;
    color: #1f2d3d;
    padding: 18px 20px;
}

    .accordion-button:not(.collapsed) {
        background: #0b5ed7;
        color: #ffffff;
    }

        .accordion-button:not(.collapsed) i {
            color: #ffffff;
        }

    .accordion-button:focus {
        box-shadow: none;
        border-color: transparent;
    }

.accordion-body {
    background: #ffffff;
    font-size: 14.5px;
    color: #495057;
    line-height: 1.7;
}

.accordion-button i {
    color: #0b5ed7;
}

/*#endregion */


/*#region ALTYAPI */

/* Altyapı Sorgulama Alanı */
.subs_section {
    padding: 80px 20px;
    background: #f4f8fb;
}

.inquiry_area {
    background: #fff;
    border-radius: 14px;
    padding: 35px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.06);
}

/* Başlık */
.inquiry_title {
    margin-bottom: 25px;
    border-bottom: 1px solid #eee;
    padding-bottom: 15px;
}

    .inquiry_title img {
        max-height: 60px;
    }

    .inquiry_title h4 {
        font-size: 24px;
        color: #0a3d62;
        margin: 0;
        display: flex;
        align-items: center;
        height: 100%;
    }

/* Form Alanı */

.inquiry_body .form-select {
    height: 48px;
    border-radius: 8px;
    border: 1px solid #d6e2ec;
    margin-bottom: 18px;
    font-size: 14px;
    transition: 0.3s;
}

    .inquiry_body .form-select:focus {
        border-color: #1e6091;
        box-shadow: 0 0 0 2px rgba(30,96,145,0.15);
    }

/* Buton */

.inquiry_button {
    margin-top: 10px;
}

.btn_renk1 {
    background: linear-gradient(135deg,#1e6091,#0a3d62);
    color: #fff !important;
    padding: 14px 20px;
    border-radius: 8px;
    text-align: center;
    font-weight: 600;
    text-decoration: none;
    transition: 0.3s;
}

    .btn_renk1:hover {
        transform: translateY(-2px);
        box-shadow: 0 6px 16px rgba(0,0,0,0.15);
    }

/* Sonuç Alanı */

.result_area {
    background: #fff;
    padding: 35px;
    border-radius: 14px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.06);
    margin-bottom: 30px;
}

.result_title {
    color: #0a3d62;
    font-size: 24px;
    margin-bottom: 20px;
}

.result_area p {
    font-size: 15px;
    margin-bottom: 8px;
}

.result_area strong {
    color: #1e6091;
}

/* Hız Vurgusu */

.result_speed {
    font-size: 40px;
    font-weight: 700;
    margin-top: 15px;
    color: #0a3d62;
}

/* Mobil */

@media (max-width:768px) {

    .subs_section {
        padding: 50px 15px;
    }

    .inquiry_area {
        padding: 25px;
    }

    .result_speed {
        font-size: 30px;
    }
}

/*#endregion */


/*#region LEAD */

/* Lead Form Alanı */

.lead_area {
    background: #ffffff;
    padding: 35px;
    border-radius: 14px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.06);
}

    /* Inputlar */

    .lead_area .form-control {
        height: 48px;
        border-radius: 8px;
        border: 1px solid #d6e2ec;
        margin-bottom: 10px;
        font-size: 14px;
        transition: 0.3s;
    }

        .lead_area .form-control:focus {
            border-color: #1e6091;
            box-shadow: 0 0 0 2px rgba(30,96,145,0.15);
        }

    /* Checkbox alanı */

    .lead_area input[type="checkbox"] {
        margin-right: 8px;
        margin-top: 20px;
    }

    .lead_area span {
        font-size: 14px;
        color: #555;
    }

        .lead_area span a {
            color: #1e6091;
            font-weight: 600;
            text-decoration: none;
        }

            .lead_area span a:hover {
                text-decoration: underline;
            }

/* Validator hataları */

.errortype {
    color: #e74c3c;
    font-size: 13px;
    display: block;
    margin-bottom: 10px;
}

/* Buton */

.lead_button {
    margin-top: 15px;
}

.btn_renk3 {
    background: linear-gradient(135deg,#1e6091,#0a3d62);
    color: #fff !important;
    padding: 14px 22px;
    border-radius: 8px;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    transition: 0.3s;
    width: 100%;
}

    .btn_renk3:hover {
        transform: translateY(-2px);
        box-shadow: 0 6px 16px rgba(0,0,0,0.15);
    }

/* Bilgilendirme yazısı */

/*.lead_area span:last-of-type {
    display: block;
    margin-top: 5px;
    font-size: 13px;
    color: #777;
}*/

/* Mobil */

@media(max-width:768px) {

    .lead_area {
        padding: 25px;
    }

        .lead_area .form-control {
            height: 44px;
        }

    .btn_renk3 {
        width: 100%;
        text-align: center;
    }
}

/*#endregion */


/*#region HIZ TESTİ */

.speedtest_info {
    padding: 80px 20px;
    background: #f4f8fb;
}

.speedtest_box {
    background: #ffffff;
    padding: 35px;
    border-radius: 14px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.06);
    margin-bottom: 30px;
}

.speedtest_header {
    margin-bottom: 20px;
}

    .speedtest_header h2 {
        color: #0a3d62;
        font-size: 26px;
        margin-bottom: 5px;
    }

    .speedtest_header span {
        font-size: 13px;
        color: #888;
    }

.speedtest_box p {
    font-size: 15px;
    color: #444;
    margin-bottom: 12px;
    line-height: 1.6;
}


/* öneriler */

.speedtest_steps {
    background: #ffffff;
    padding: 35px;
    border-radius: 14px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.06);
}

    .speedtest_steps h3 {
        color: #0a3d62;
        font-size: 24px;
        margin-bottom: 25px;
    }

.step_item {
    padding: 18px;
    border-left: 4px solid #1e6091;
    background: #f7fbff;
    border-radius: 8px;
    margin-bottom: 15px;
}

    .step_item h4 {
        font-size: 18px;
        color: #0a3d62;
        margin-bottom: 8px;
    }

    .step_item p {
        font-size: 14px;
        color: #555;
        margin-bottom: 6px;
    }


/* mobil */

@media(max-width:768px) {

    .speedtest_info {
        padding: 50px 15px;
    }

    .speedtest_box,
    .speedtest_steps {
        padding: 25px;
    }

    .speedtest_header h2 {
        font-size: 22px;
    }
}

/*#endregion */


/*#region İNTERNET TARİFELERİ */

.internet-premium-page {
    background: linear-gradient(180deg,#f4f8ff,#ffffff);
    padding: 80px 20px;
    font-family: 'Segoe UI',sans-serif;
}

.internet-premium-container {
    max-width: 1200px;
    margin: auto;
    text-align: center;
}

.internet-premium-title {
    font-size: 42px;
    color: #0a4da3;
    margin-bottom: 10px;
}

.internet-premium-subtitle {
    color: #666;
    margin-bottom: 50px;
}

/* paket grid */

.internet-premium-packages {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(260px,1fr));
    gap: 30px;
    margin-bottom: 60px;
}

/* paket kart */

.internet-premium-card {
    background: #fff;
    padding: 35px 30px;
    border-radius: 16px;
    box-shadow: 0 20px 40px rgba(0,0,0,0.06), 0 6px 12px rgba(0,0,0,0.04);
    transition: all .35s ease;
    position: relative;
}

    .internet-premium-card:hover {
        transform: translateY(-10px);
        box-shadow: 0 35px 60px rgba(0,0,0,0.12);
    }

    .internet-premium-card.popular {
        border: 2px solid #0a4da3;
    }

.popular-badge {
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    background: #0a4da3;
    color: #fff;
    padding: 6px 14px;
    font-size: 12px;
    border-radius: 20px;
}

/* fiyat */

.internet-premium-price span {
    font-size: 38px;
    font-weight: 700;
    color: #0a4da3;
    display: block;
}

.internet-premium-after {
    color: #555;
    margin-bottom: 20px;
}

/* list */

.internet-premium-card ul {
    list-style: none;
    padding: 0;
    margin-bottom: 25px;
}

    .internet-premium-card ul li {
        padding: 6px 0;
        color: #444;
    }

/* buton */

.internet-premium-btn {
    display: inline-block;
    padding: 12px 26px;
    border-radius: 30px;
    background: linear-gradient(135deg,#0072ff,#0050cc);
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    transition: .3s;
    box-shadow: 0 10px 25px rgba(0,114,255,0.35);
}

    .internet-premium-btn:hover {
        transform: translateY(-2px);
        box-shadow: 0 15px 35px rgba(0,114,255,0.45);
    }

/* kampanya kutusu */

.internet-premium-page .internet-premium-info {
    background: linear-gradient(145deg,#ffffff,#f7faff);
    padding: 40px;
    border-radius: 18px;
    margin-bottom: 50px;
    box-shadow: 0 20px 45px rgba(0,0,0,0.06), 0 5px 15px rgba(0,0,0,0.04);
    border: 1px solid rgba(0,0,0,0.05);
    text-align: left;
    position: relative;
}

    /* başlık */

    .internet-premium-page .internet-premium-info h2 {
        font-size: 26px;
        margin-bottom: 25px;
        color: #0a4da3;
    }

    /* liste */

    .internet-premium-page .internet-premium-info ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .internet-premium-page .internet-premium-info ul li {
            padding: 12px 0 12px 32px;
            position: relative;
            font-size: 15px;
            color: #444;
            border-bottom: 1px dashed rgba(0,0,0,0.08);
        }

            /* ikon */

            .internet-premium-page .internet-premium-info ul li:before {
                content: "✓";
                position: absolute;
                left: 0;
                top: 10px;
                width: 20px;
                height: 20px;
                border-radius: 50%;
                background: #0a4da3;
                color: #fff;
                font-size: 12px;
                display: flex;
                align-items: center;
                justify-content: center;
            }

            /* son border kaldır */

            .internet-premium-page .internet-premium-info ul li:last-child {
                border-bottom: none;
            }

/* faq */

.internet-premium-page .internet-premium-faq {
    background: linear-gradient(145deg,#ffffff,#f8fbff);
    padding: 40px;
    border-radius: 18px;
    margin-bottom: 50px;
    box-shadow: 0 20px 45px rgba(0,0,0,0.06), 0 5px 15px rgba(0,0,0,0.04);
    border: 1px solid rgba(0,0,0,0.05);
    text-align: left;
}

    /* başlık */

    .internet-premium-page .internet-premium-faq h2 {
        font-size: 26px;
        margin-bottom: 30px;
        color: #0a4da3;
    }

    /* faq item */

    .internet-premium-page .internet-premium-faq .faq-item {
        padding: 18px 20px;
        margin-bottom: 12px;
        border-radius: 12px;
        background: #ffffff;
        border: 1px solid rgba(0,0,0,0.06);
        transition: all .3s ease;
    }

        /* hover efekti */

        .internet-premium-page .internet-premium-faq .faq-item:hover {
            transform: translateY(-2px);
            box-shadow: 0 10px 25px rgba(0,0,0,0.08);
        }

        /* soru */

        .internet-premium-page .internet-premium-faq .faq-item h4 {
            font-size: 16px;
            color: #222;
            margin-bottom: 6px;
        }

        /* cevap */

        .internet-premium-page .internet-premium-faq .faq-item p {
            font-size: 14px;
            color: #555;
            line-height: 1.6;
        }

/* table */

.internet-premium-page .internet-premium-table-box {
    background: linear-gradient(145deg,#ffffff,#f7faff);
    padding: 40px;
    border-radius: 18px;
    box-shadow: 0 25px 50px rgba(0,0,0,0.06), 0 8px 20px rgba(0,0,0,0.04);
    border: 1px solid rgba(0,0,0,0.05);
    overflow: hidden;
}

    /* başlık */

    .internet-premium-page .internet-premium-table-box h2 {
        font-size: 26px;
        color: #0a4da3;
        margin-bottom: 25px;
    }

/* tablo */

.internet-premium-page .internet-premium-table {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
    font-size: 15px;
    overflow: hidden;
    border-radius: 12px;
}

    /* header */

    .internet-premium-page .internet-premium-table th {
        background: linear-gradient(135deg,#0a4da3,#0072ff);
        color: #fff;
        padding: 14px;
        font-weight: 600;
        text-align: center;
    }

    /* cell */

    .internet-premium-page .internet-premium-table td {
        padding: 14px;
        text-align: center;
        background: #ffffff;
        border-bottom: 1px solid rgba(0,0,0,0.05);
        transition: all .25s ease;
    }

    /* satır hover */

    .internet-premium-page .internet-premium-table tr:hover td {
        background: #f5f9ff;
        transform: scale(1.01);
    }

    /* ilk ve son köşe yuvarlatma */

    .internet-premium-page .internet-premium-table th:first-child {
        border-top-left-radius: 10px;
    }

    .internet-premium-page .internet-premium-table th:last-child {
        border-top-right-radius: 10px;
    }

    .internet-premium-page .internet-premium-table tr:last-child td:first-child {
        border-bottom-left-radius: 10px;
    }

    .internet-premium-page .internet-premium-table tr:last-child td:last-child {
        border-bottom-right-radius: 10px;
    }

/* responsive */

@media(max-width:768px) {

    .internet-premium-title {
        font-size: 30px;
    }

    .internet-premium-card {
        padding: 25px;
    }
}

/*#endregion */


/*#region SES TARİFELERİ */

.voice-packages-premium {
    background: linear-gradient(180deg,#f4f8ff,#ffffff);
    padding: 80px 20px;
    font-family: 'Segoe UI',sans-serif;
}

    .voice-packages-premium .voice-packages-container {
        max-width: 1200px;
        margin: auto;
        text-align: center;
    }

    .voice-packages-premium .voice-packages-title {
        font-size: 40px;
        color: #0a4da3;
        margin-bottom: 10px;
    }

    .voice-packages-premium .voice-packages-subtitle {
        color: #666;
        margin-bottom: 50px;
    }

    /* grid */

    .voice-packages-premium .voice-packages-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit,minmax(240px,1fr));
        gap: 30px;
    }

    /* kart */

    .voice-packages-premium .voice-package-card {
        background: #fff;
        padding: 35px 30px;
        border-radius: 16px;
        box-shadow: 0 20px 40px rgba(0,0,0,0.06), 0 6px 12px rgba(0,0,0,0.04);
        transition: all .35s ease;
        position: relative;
    }

        .voice-packages-premium .voice-package-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 35px 60px rgba(0,0,0,0.12);
        }

    /* fiyat */

    .voice-packages-premium .voice-package-price {
        margin: 20px 0;
    }

        .voice-packages-premium .voice-package-price span {
            font-size: 36px;
            font-weight: 700;
            color: #0a4da3;
            display: block;
        }

        .voice-packages-premium .voice-package-price small {
            color: #888;
        }

    /* liste */

    .voice-packages-premium .voice-package-card ul {
        list-style: none;
        padding: 0;
        margin-bottom: 25px;
    }

        .voice-packages-premium .voice-package-card ul li {
            padding: 6px 0;
            color: #444;
        }

    /* buton */

    .voice-packages-premium .voice-package-btn {
        display: inline-block;
        padding: 12px 26px;
        border-radius: 30px;
        background: linear-gradient(135deg,#0072ff,#0050cc);
        color: #fff;
        font-weight: 600;
        text-decoration: none;
        transition: all .3s ease;
        box-shadow: 0 10px 25px rgba(0,114,255,0.35);
    }

        .voice-packages-premium .voice-package-btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 15px 35px rgba(0,114,255,0.45);
        }

    /* avantaj etiketi */

    .voice-packages-premium .voice-package-card.popular {
        border: 2px solid #0a4da3;
    }

    .voice-packages-premium .voice-popular-badge {
        position: absolute;
        top: -12px;
        left: 50%;
        transform: translateX(-50%);
        background: #0a4da3;
        color: #fff;
        padding: 6px 14px;
        font-size: 12px;
        border-radius: 20px;
    }

/* responsive */

@media(max-width:768px) {

    .voice-packages-premium .voice-packages-title {
        font-size: 30px;
    }

    .voice-packages-premium .voice-package-card {
        padding: 25px;
    }
}

/*#endregion */


/*#region BULUT SANTRAL TARİFELERİ */

.cloudpbx-premium {
    background: linear-gradient(180deg,#f4f8ff,#ffffff);
    padding: 80px 20px;
    font-family: 'Segoe UI',sans-serif;
}

    .cloudpbx-premium .cloudpbx-container {
        max-width: 1200px;
        margin: auto;
        text-align: center;
    }

    .cloudpbx-premium .cloudpbx-title {
        font-size: 40px;
        color: #0a4da3;
        margin-bottom: 10px;
    }

    .cloudpbx-premium .cloudpbx-subtitle {
        color: #666;
        margin-bottom: 50px;
    }

    /* grid */

    .cloudpbx-premium .cloudpbx-grid {
        display: grid;
        grid-template-columns: repeat(auto-fit,minmax(260px,1fr));
        gap: 30px;
    }

    /* kart */

    .cloudpbx-premium .cloudpbx-card {
        background: #fff;
        padding: 35px 30px;
        border-radius: 16px;
        box-shadow: 0 20px 40px rgba(0,0,0,0.06), 0 6px 12px rgba(0,0,0,0.04);
        transition: all .35s ease;
        position: relative;
    }

        .cloudpbx-premium .cloudpbx-card:hover {
            transform: translateY(-10px);
            box-shadow: 0 35px 60px rgba(0,0,0,0.12);
        }

        /* popüler paket */

        .cloudpbx-premium .cloudpbx-card.popular {
            border: 2px solid #0a4da3;
        }

    .cloudpbx-premium .cloudpbx-badge {
        position: absolute;
        top: -12px;
        left: 50%;
        transform: translateX(-50%);
        background: #0a4da3;
        color: #fff;
        padding: 6px 14px;
        font-size: 12px;
        border-radius: 20px;
    }

    /* fiyat */

    .cloudpbx-premium .cloudpbx-price {
        margin: 20px 0;
    }

        .cloudpbx-premium .cloudpbx-price span {
            font-size: 36px;
            font-weight: 700;
            color: #0a4da3;
            display: block;
        }

        .cloudpbx-premium .cloudpbx-price small {
            color: #888;
        }

    /* liste */

    .cloudpbx-premium .cloudpbx-card ul {
        list-style: none;
        padding: 0;
        margin-bottom: 25px;
    }

        .cloudpbx-premium .cloudpbx-card ul li {
            padding: 6px 0;
            color: #444;
        }

    /* buton */

    .cloudpbx-premium .cloudpbx-btn {
        display: inline-block;
        padding: 12px 26px;
        border-radius: 30px;
        background: linear-gradient(135deg,#0072ff,#0050cc);
        color: #fff;
        font-weight: 600;
        text-decoration: none;
        transition: all .3s ease;
        box-shadow: 0 10px 25px rgba(0,114,255,0.35);
    }

        .cloudpbx-premium .cloudpbx-btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 15px 35px rgba(0,114,255,0.45);
        }

/* responsive */

@media(max-width:768px) {

    .cloudpbx-premium .cloudpbx-title {
        font-size: 30px;
    }

    .cloudpbx-premium .cloudpbx-card {
        padding: 25px;
    }
}

/*#endregion */


/*#region TOPLU SMS PAKETLERİ */

.sms-premium-page {
    background: linear-gradient(180deg,#f4f8ff,#ffffff);
    padding: 80px 20px;
    font-family: 'Segoe UI',sans-serif;
}

    .sms-premium-page .sms-premium-container {
        max-width: 1300px;
        margin: auto;
        text-align: center;
    }

.sms-premium-title {
    font-size: 40px;
    color: #0a4da3;
    margin-bottom: 10px;
}

.sms-premium-subtitle {
    color: #666;
    margin-bottom: 50px;
}

/* grid */

.sms-premium-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(260px,1fr));
    gap: 30px;
}

/* kart */

.sms-premium-card {
    background: #fff;
    padding: 35px 30px;
    border-radius: 16px;
    box-shadow: 0 20px 40px rgba(0,0,0,0.06), 0 6px 12px rgba(0,0,0,0.04);
    transition: all .35s ease;
    position: relative;
}

    .sms-premium-card:hover {
        transform: translateY(-10px);
        box-shadow: 0 35px 60px rgba(0,0,0,0.12);
    }

/* sms miktarı */

.sms-premium-count {
    font-size: 32px;
    font-weight: 700;
    color: #0a4da3;
    margin: 15px 0;
}

/* açıklama */

.sms-premium-desc {
    color: #555;
    margin-bottom: 20px;
}

/* özellikler */

.sms-premium-features {
    list-style: none;
    padding: 0;
    margin-bottom: 25px;
}

    .sms-premium-features li {
        padding: 6px 0;
        color: #444;
    }

/* buton */

.sms-premium-btn {
    display: inline-block;
    padding: 12px 26px;
    border-radius: 30px;
    background: linear-gradient(135deg,#0072ff,#0050cc);
    color: #fff;
    font-weight: 600;
    text-decoration: none;
    transition: .3s;
    box-shadow: 0 10px 25px rgba(0,114,255,0.35);
}

    .sms-premium-btn:hover {
        transform: translateY(-2px);
        box-shadow: 0 15px 35px rgba(0,114,255,0.45);
    }

/* popüler */

.sms-premium-card.popular {
    border: 2px solid #0a4da3;
}

.sms-popular-badge {
    position: absolute;
    top: -12px;
    left: 50%;
    transform: translateX(-50%);
    background: #0a4da3;
    color: #fff;
    padding: 6px 14px;
    font-size: 12px;
    border-radius: 20px;
}

/* responsive */

@media(max-width:768px) {

    .sms-premium-title {
        font-size: 30px;
    }

    .sms-premium-card {
        padding: 25px;
    }
}

/*#endregion */


/*#region İLETİŞİM */

.contact-premium-page {
    background: linear-gradient(180deg,#f4f8ff,#ffffff);
    padding: 80px 20px;
    font-family: 'Segoe UI',sans-serif;
}

.contact-premium-container {
    max-width: 1200px;
    margin: auto;
}

.contact-premium-title {
    text-align: center;
    font-size: 40px;
    color: #0a4da3;
    margin-bottom: 10px;
}

.contact-premium-subtitle {
    text-align: center;
    color: #666;
    margin-bottom: 60px;
}

/* grid */

.contact-premium-grid {
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: 40px;
}

/* iletişim kartları */

.contact-premium-info {
    display: grid;
    gap: 20px;
}

.contact-card {
    background: #fff;
    padding: 25px;
    border-radius: 14px;
    box-shadow: 0 20px 40px rgba(0,0,0,0.06), 0 6px 12px rgba(0,0,0,0.04);
    transition: .3s;
}

    .contact-card:hover {
        transform: translateY(-6px);
        box-shadow: 0 30px 60px rgba(0,0,0,0.12);
    }

    .contact-card h3 {
        color: #0a4da3;
        margin-bottom: 8px;
    }

    .contact-card p {
        color: #444;
    }

    .contact-card i {
        color: #0072ff;
        margin-right: 8px;
        font-size: 18px;
    }

/* form */

.contact-premium-form {
    background: #fff;
    padding: 35px;
    border-radius: 16px;
    box-shadow: 0 20px 40px rgba(0,0,0,0.06), 0 6px 12px rgba(0,0,0,0.04);
}

    .contact-premium-form h2 {
        margin-bottom: 25px;
        color: #0a4da3;
    }

    /* inputlar */

    .contact-premium-form input,
    .contact-premium-form textarea {
        width: 100%;
        padding: 12px 14px;
        border-radius: 8px;
        border: 1px solid #e0e6f0;
        font-size: 14px;
        outline: none;
        transition: .25s;
    }

        .contact-premium-form input:focus,
        .contact-premium-form textarea:focus {
            border-color: #0072ff;
            box-shadow: 0 0 0 3px rgba(0,114,255,0.1);
        }

    .contact-premium-form textarea {
        min-height: 120px;
        margin-top: 15px;
    }

/* row */

.form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    margin-bottom: 15px;
}

/* buton */

.contact-btn {
    margin-top: 20px;
    padding: 12px 28px;
    border: none;
    border-radius: 30px;
    background: linear-gradient(135deg,#0072ff,#0050cc);
    color: #fff;
    font-weight: 600;
    cursor: pointer;
    transition: .3s;
    box-shadow: 0 10px 25px rgba(0,114,255,0.35);
    text-decoration: none;
}

    .contact-btn:hover {
        transform: translateY(-2px);
        box-shadow: 0 15px 35px rgba(0,114,255,0.45);
    }

/* responsive */

@media(max-width:900px) {

    .contact-premium-grid {
        grid-template-columns: 1fr;
    }

    .form-row {
        grid-template-columns: 1fr;
    }
}

/*#endregion */


/*#region SUCCESS */

.success-scope .success-page {
    background: #f7f9fc;
    padding: 80px 20px;
    font-family: Arial, Helvetica, sans-serif;
    color: #333;
    min-height: 70vh;
    display: flex;
    align-items: center;
}

.success-scope .container {
    max-width: 800px;
    margin: auto;
    width: 100%;
}

.success-scope .success-box {
    background: #fff;
    padding: 50px 30px;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 10px 25px rgba(0,0,0,0.06);
}

.success-scope .icon {
    width: 70px;
    height: 70px;
    margin: 0 auto 20px;
    background: #0a4da3;
    color: #fff;
    font-size: 32px;
    line-height: 70px;
    border-radius: 50%;
    font-weight: bold;
}

.success-scope h1 {
    font-size: 30px;
    color: #0a4da3;
    margin-bottom: 10px;
}

.success-scope .subtitle {
    font-size: 18px;
    margin-bottom: 15px;
    color: #555;
}

.success-scope .desc {
    font-size: 16px;
    line-height: 1.7;
    color: #666;
    margin-bottom: 30px;
}

.success-scope .btn-home {
    display: inline-block;
    padding: 12px 28px;
    background: #0a4da3;
    color: #fff;
    text-decoration: none;
    border-radius: 6px;
    transition: 0.3s;
    font-size: 15px;
}

    .success-scope .btn-home:hover {
        background: #083b7d;
    }

@media(max-width:768px) {

    .success-scope .success-box {
        padding: 30px 20px;
    }

    .success-scope h1 {
        font-size: 24px;
    }

    .success-scope .icon {
        width: 60px;
        height: 60px;
        line-height: 60px;
        font-size: 26px;
    }
}

/*#endregion */


/*#region SLIDER */

/*#endregion */


/*#region SLIDER */


/*#endregion */
