.errortype {
    color: #D05454;
    font-weight: 600;
}

    .errortype:before {
        content: "\f071";
        display: inline-block;
        font-family: FontAwesome;
        margin-right: 4px;
    }

.desktop {
    display: normal!important;
}

.mobil {
    display: none !important;
}

@media (max-width: 767px) {
    .desktop {
        display: none !important;
    }

    .mobil {
        display: block !important;
    }
}

body {
    background: #EEEEEE;
}

input[type="checkbox"] {
    width: 0.95rem;
    height: 0.95rem;
    accent-color: #EC2027;
    font-size: 18px;
    margin-right: 10px;
}

/*#region MODALS */

.modal {
    z-index: 99999999;
}

.modal-backdrop {
    background-color: var(--renk2);
    --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 .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 BUTTONS */
.btn_mavi {
    background: var(--renk2);
    color: #fff;
    font-family: var(--mainfont);
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    padding: 10px 20px;
    margin: 4px;
    text-decoration: none;
    border-radius: 4px;
}

    .btn_mavi:focus, .btn_mavi:hover {
        color: var(--renk1);
    }

.btn_kirmizi {
    background: #EC2027;
    color: #fff;
    font-family: var(--mainfont);
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    padding: 20px 40px;
    margin: 4px;
    text-decoration: none;
    border-radius: 4px;
}

    .btn_kirmizi:focus, .btn_kirmizi:hover {
        color: var(--renk1);
    }

.btn_altyapi {
    background: linear-gradient(0deg, var(--renk2) 0%, #08519A 92.31%);
    height: 36px;
    width: 100%;
    color: #fff;
    font-family: var(--mainfont);
    font-size: 14px;
    line-height: 17px;
    font-weight: 900;
    text-align: center;
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 13px;
}

    .btn_altyapi:focus, .btn_altyapi:hover {
        color: var(--renk1) !important;
    }

.btn_lead {
    background: radial-gradient(50% 102.73% at 50% 50%, #0B51A0 0%, var(--renk2) 100%);
    height: 36px;
    width: 100%;
    color: #fff;
    font-family: var(--mainfont);
    font-size: 14px;
    line-height: 17px;
    font-weight: 700;
    text-align: center;
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 6px;
}

    .btn_lead:focus, .btn_lead:hover {
        color: var(--renk1) !important;
    }

.btn_lead_red {
    background: radial-gradient(50% 102.73% at 50% 50%, #EC2027 0%, #C50007 100%);
    box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.75);
    height: 36px;
    width: 100%;
    color: #fff;
    font-family: var(--mainfont);
    font-size: 14px;
    line-height: 17px;
    font-weight: 700;
    text-align: center;
    padding: 10px 20px;
    text-decoration: none;
    border-radius: 6px;
}

    .btn_lead_red:focus, .btn_lead_red:hover {
        color: var(--renk1) !important;
    }

.btn_renk1 {
    background: var(--renk1);
    color: #fff;
    font-family: var(--mainfont);
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    padding: 10px 20px;
    margin: 4px;
    text-decoration: none;
    border-radius: 4px;
}

    .btn_renk1:focus, .btn_renk1:hover {
        color: var(--renk2);
    }

.btn_renk2 {
    background: var(--renk2);
    color: #fff;
    font-family: var(--mainfont);
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    padding: 10px 20px;
    margin: 4px;
    text-decoration: none;
    border-radius: 4px;
}

    .btn_renk2:focus, .btn_renk2:hover {
        color: var(--renk1);
    }

.btn_renk3 {
    background: var(--renk3);
    color: var(--renk1);
    font-family: var(--mainfont);
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    padding: 10px 20px;
    margin: 4px;
    text-decoration: none;
    border-radius: 4px;
}

    .btn_renk3:focus, .btn_renk3:hover {
        color: var(--renk2);
    }

.btn_p_2x {
    padding: 20px 40px;
    font-size: 16px;
}

/*#endregion */

/*#region HEADER */

.header-area .main-header-area {
    padding: 18px 0px 0px 0px;
    background: var(--renk2);
    /*background: #044180;*/
}

@media (max-width: 767px) {
    .header-area .main-header-area {
        padding: 0px 0px 0px 0px;
    }

        .header-area .main-header-area .logo {
            display: none;
        }

        .header-area .main-header-area .logo_2 {
            display: none;
        }
}

@media (min-width: 767px) {
    .homepage {
        display: none !important;
    }
}

.header-area .main-header-area .logo {
    text-align: center;
    background: var(--renk1);
    border-radius: 8px 8px 0px 0px;
    max-height: 65px;
}

    .header-area .main-header-area .logo img {
        max-height: 50px;
        margin: 10px;
    }

.header-area .main-header-area .logo_2 {
    text-align: center;
    background: var(--renk3);
    border-radius: 8px 8px 0px 0px;
    max-height: 65px;
}

    .header-area .main-header-area .logo_2 img {
        max-height: 50px;
        margin: 10px;
    }

.header-area .main-header-area .main-menu {
    text-align: right;
    padding: 12px 0;
}

    .header-area .main-header-area .main-menu ul li a {
        font-family: var(--mainfont);
        font-size: 14px;
        font-weight: 700;
        color: #fff;
        line-height: 17px;
        text-decoration: none;
        display: inline-block;
        padding: 0px 0px 0px 0px;
        position: relative;
    }

        .header-area .main-header-area .main-menu ul li a:hover {
            text-decoration: none;
            color: var(--renk1);
        }


.header-area .search_bar {
    padding: 18px 0;
    background: var(--renk1);
}

@media (max-width: 767px) {
    .header-area .search_bar {
        display: none;
    }
}

.header-area .search_bar h1 {
    font-family: var(--mainfont);
    font-size: 14px !important;
    font-weight: 700;
    color: #606060;
}

.header-area .search_bar .bar_right {
    text-align: right;
}

.mobile_menu .mobile_logo {
    position: absolute;
    top: 12px;
    left: 20px;
    max-height: 50px;
}

.mobile_menu .mobile_icons {
    position: absolute;
    top: 24px;
    right: 60px;
}

    .mobile_menu .mobile_icons a {
        margin-left: 20px;
        color: var(--renk2);
        font-size: 22px;
        font-weight: 700;
    }

.slicknav_menu {
    font-size: 16px;
    background: var(--renk1);
    padding: 0px;
    padding-top: 20px;
    padding-bottom: 10px;
    padding-right: 10px;
}

.slicknav_btn {
    background-color: unset;
}

.slicknav_menu .slicknav_icon-bar {
    background-color: var(--renk2);
}

.slicknav_nav {
    /*background-color: var(--renk2);*/
    /*background: linear-gradient(0deg, #08519A 0%, var(--renk2) 92.31%);*/
    background: var(--renk2);
    clear: both;
    color: #fff;
    margin: 0;
    font-size: .875em;
    text-align: center;
    padding: 20px;
    height: 100vh;
}

    .slicknav_nav li {
        padding: 10px;
        border-bottom: 1px solid #fff;
    }

/*#endregion */

/*#region SLIDER */

.slider_area {
    background: #eeeeee;
    padding-top: 20px;
    z-index: 9998;
    position: relative;
}

    .slider_area .single_slider {
        height: 500px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
    }

@media (max-width: 767px) {
    .slider_area {
        padding-top: 80px;
    }

        .slider_area .single_slider {
            height: 320px;
            background-size: cover;
            background-repeat: no-repeat;
            background-position: center center;
        }
}

.owl-carousel .owl-nav div {
    color: var(--renk2);
    background-color: #fff;
    left: -25px;
}

    .owl-carousel .owl-nav div.owl-next {
        left: auto;
        right: -25px;
    }

.slider_bg_1 {
    background-image: url('../img/slider/1.png');
}

.slider_bg_2 {
    background-image: url('../img/slider/2.png');
}

.slider_bg_3 {
    background-image: url('../img/slider/3.png');
}

.slider_bg_4 {
    background-image: url('../img/slider/4.png');
}

.slider_bg_5 {
    background-image: url('../img/slider/5.png');
}

.slider_bg_6 {
    background-image: url('../img/slider/6.png');
}

.slider_bg_7 {
    background-image: url('../img/slider/7.png');
}

@media (max-width: 767px) {
    .slider_bg_1 {
        background-image: url('../img/slider/1_m.png');
    }

    .slider_bg_2 {
        background-image: url('../img/slider/2_m.png');
    }

    .slider_bg_3 {
        background-image: url('../img/slider/3_m.png');
    }

    .slider_bg_4 {
        background-image: url('../img/slider/4_m.png');
    }

    .slider_bg_5 {
        background-image: url('../img/slider/5_m.png');
    }

    .slider_bg_6 {
        background-image: url('../img/slider/6_m.png');
    }

    .slider_bg_7 {
        background-image: url('../img/slider/7_m.png');
    }
}

/*#endregion */

/*#region SPECS */

.spec_area {
    padding-top: 120px;
    padding-bottom: 60px;
    background: #eeeeee;
}

    .spec_area .row {
        padding-left: 120px;
        padding-right: 120px;
    }

    .spec_area .single_spec {
        text-align: center;
        background: none;
        padding: 20px 10px;
        margin: auto;
        margin-bottom: 20px;
        border-radius: 8px;
        height: 140px;
        width: 140px;
    }

        .spec_area .single_spec img {
            margin: auto;
            display: block;
        }

        .spec_area .single_spec span {
            font-family: var(--mainfont);
            font-size: 14px;
            font-weight: 700;
            display: block;
            margin: 6px;
            color: var(--renk2);
        }

@media (max-width: 767px) {
    .spec_area {
        padding-top: 40px;
        padding-bottom: 0px;
    }

        .spec_area .row {
            padding-left: 0px;
            padding-right: 0px;
        }

        .spec_area .single_spec {
            height: 120px;
            width: 120px;
        }

            .spec_area .single_spec img {
                width: 90%;
            }

            .spec_area .single_spec span {
                font-size: 12px;
                margin: 2px;
            }
}

/*#endregion */

/*#region DIGITAL */

.digital_section {
    padding-top: 0px;
    padding-bottom: 60px;
    background-color: #EEEEEE;
}

@media (max-width: 767px) {
    .digital_section {
        padding-top: 80px;
    }
}

.digital_section .digital_section_title {
    padding: 10px;
    background-color: var(--renk2);
    text-align: center;
}

    .digital_section .digital_section_title h3 {
        font-family: var(--mainfont);
        font-size: 48px;
        font-weight: 800;
        line-height: 60px;
        color: #FFFFFF;
    }

.digital_section .digital_section_text {
    padding-top: 30px;
    padding-bottom: 20px;
    text-align: center;
}

    .digital_section .digital_section_text h3 {
        font-family: var(--mainfont);
        font-size: 24px;
        font-weight: 600;
        line-height: 30px;
        color: var(--renk2);
    }

    .digital_section .digital_section_text p {
        font-family: var(--mainfont);
        font-size: 12px;
        font-weight: 400;
        line-height: 15px;
        color: var(--renk2);
    }

.digital_section .digital_section_video {
    padding-top: 0px;
    padding-bottom: 20px;
}

    .digital_section .digital_section_video video {
        width: 100%;
    }

.digital_area {
    padding-top: 60px;
    padding-bottom: 60px;
    background: #eeeeee;
}

    .digital_area .digital_thumb {
        background: #fff;
        padding: 20px 10px;
        margin: auto;
        border-radius: 8px;
    }

    .digital_area .digital_head {
        text-align: center;
    }

        .digital_area .digital_head img {
            margin: 6px;
        }

    .digital_area .digital_content {
        align-items: center;
        text-align: center;
    }

        .digital_area .digital_content h4 {
            font-family: var(--mainfont);
            font-size: 32px;
            font-weight: 700;
            line-height: 40px;
            display: block;
            margin: 6px;
            color: var(--renk2);
            padding: 20px;
        }

        .digital_area .digital_content img {
            max-width: 80%;
            max-height: 340px;
        }

        .digital_area .digital_content .mobil_button {
            display: none;
        }

        .digital_area .digital_content .desktop_button {
            display: normal;
        }

@media (max-width: 767px) {

    .digital_area .digital_content .mobil_button {
        display: block;
    }

    .digital_area .digital_content .desktop_button {
        display: none;
    }

    .digital_area .digital_content h4 {
        font-size: 22px;
        line-height: 30px;
    }
}

/*#endregion */

/*#region CAMPAIGN */

.camp_section {
    padding-top: 20px;
    padding-bottom: 60px;
    background-color: #EEEEEE;
}

@media (max-width: 767px) {
    .camp_section {
        padding-top: 80px;
    }
}

.camp_section .camp_banner img {
    width: 100%;
}

.camp_text {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #FFFFFF;
    text-align: center;
}

    .camp_text p {
        font-family: var(--mainfont);
        font-weight: 600;
        line-height: 30px;
        font-size: 24px;
        color: var(--renk2);
    }

.camp_area {
    /*background-color: #EEEEEE;
    background-image: url(../img/bg/bg_1.png);*/
    background: rgb(245,130,31);
    background: linear-gradient(180deg, rgba(245,130,31,1) 37%, rgba(246,193,57,1) 100%);
    background-repeat: no-repeat;
    background-size: contain;
    padding-top: 20px;
    padding-bottom: 90px;
}

    .camp_area .camp_title {
        text-align: center;
        padding: 20px;
    }

        .camp_area .camp_title h3 {
            font-family: var(--mainfont);
            font-weight: 700;
            line-height: 34px;
            font-size: 28px;
            color: #FFFF;
        }

.camp_area_lt {
    background-color: #EEEEEE;
    background-image: none;
    background-repeat: no-repeat;
    background-size: contain;
    padding-top: 20px;
    padding-bottom: 90px;
}

@media (max-width: 767px) {

    .camp_area {
        padding-bottom: 20px;
    }

        .camp_area .camp_title {
            padding: 10px;
        }

            .camp_area .camp_title h3 {
                line-height: 30px;
                font-size: 24px;
            }
}

.camp_area .camp_active {
    padding-left: 120px;
    padding-right: 120px;
}

@media (max-width: 767px) {
    .camp_area .camp_active {
        padding-left: 20px;
        padding-right: 20px;
    }
}

.camp_area .single_price {
    background: none;
    margin-bottom: 30px;
    -webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: 0 6px 10px rgba(0, 0, 0, 0.04);
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.04);
    color: var(--renk2);
    border: 0px;
}

    .camp_area .single_price .price_top {
        /*height: 20px;*/
        background: var(--renk3);
        border-radius: 12px 12px 0px 0px;
        padding: 12px;
        text-align: center;
    }

        .camp_area .single_price .price_top h4 {
            font-family: var(--mainfont);
            font-weight: 700;
            line-height: 16px;
            font-size: 16px;
            color: var(--renk2);
            margin: auto;
        }

    .camp_area .single_price .price_content {
        background: #ffffff;
        padding: 22px 30px 24px 30px;
        position: relative;
    }

        .camp_area .single_price .price_content .newprice {
            font-family: var(--mainfont);
            font-weight: 900;
            line-height: 30px;
            font-size: 28px;
            color: var(--renk2);
            margin-bottom: 0;
        }

        .camp_area .single_price .price_content .oldprice {
            font-family: var(--mainfont);
            font-weight: 600;
            font-size: 16px;
            line-height: 20px;
            color: #EC2027;
            text-decoration: line-through;
            margin-bottom: 0;
        }

        .camp_area .single_price .price_content > p {
            font-family: var(--mainfont);
            font-weight: 400;
            line-height: 14px;
            font-size: 10px;
            color: var(--renk2);
            margin-top: 0px;
            margin-bottom: 10px;
        }

        .camp_area .single_price .price_content .price_image {
            position: absolute;
            max-width: 120px;
            max-height: 60px;
            top: 10px;
            right: 10px;
            text-align: center;
        }

            .camp_area .single_price .price_content .price_image > img {
                /*max-width: 80px;*/
                max-height: 50px;
                margin: auto;
                width: unset !important;
            }

            .camp_area .single_price .price_content .price_image > p {
                font-family: var(--mainfont);
                font-weight: 900;
                line-height: 20px;
                font-size: 20px;
                color: var(--renk2);
                margin-top: 0px;
                margin-bottom: 0px;
                margin-right: 2px;
                display: inline-block;
            }

            .camp_area .single_price .price_content .price_image > span {
                font-family: var(--mainfont);
                font-weight: 600;
                line-height: 10px;
                font-size: 14px;
                color: var(--renk2);
                margin-top: 0px;
                margin-bottom: 0px;
            }

        .camp_area .single_price .price_content .camp_badge {
            font-family: var(--mainfont);
            font-weight: 800;
            line-height: 18px;
            font-size: 15px;
            background: var(--renk2);
            color: #FFFFFF;
            position: absolute !important;
            width: 160px;
            top: 190px !important;
            right: -67px !important;
            transform: rotate(-90deg);
            text-align: center;
            border-radius: 6px 6px 0px 0px;
            padding: 4px;
        }

        .camp_area .single_price .price_content .camp_digital {
            margin: auto;
            margin-top: 20px;
            margin-bottom: 0px;
            max-width: 100%;
            border: 1px solid #EC2027;
            border-radius: 6px;
            padding: 4px 30px;
        }

        .camp_area .single_price .price_content ul {
            border-top: 1px solid var(--renk2);
            margin-top: 40px;
        }

        .camp_area .single_price .price_content li {
            font-family: var(--mainfont);
            font-weight: 500;
            line-height: 18px;
            font-size: 14px;
            color: var(--renk2);
            margin-top: 18px;
            margin-bottom: 10px;
        }

            .camp_area .single_price .price_content li i {
                display: inline-block !important;
                margin-right: 10px;
                color: var(--renk2);
                margin-top: 0px;
                margin-bottom: 0px;
            }

            .camp_area .single_price .price_content li span {
                display: block !important;
                font-family: var(--mainfont);
                font-weight: 400;
                line-height: 14px;
                font-size: 11px;
                margin-left: 26px;
                margin-top: 0px;
            }

    .camp_area .single_price .price_detail {
        width: 100%;
        display: block !important;
        padding: 10px;
        text-align: center;
        background: var(--renk1);
        font-family: var(--mainfont);
        font-weight: 400;
        line-height: 16px;
        font-size: 15px;
        color: var(--renk2);
        text-decoration: none;
    }

    .camp_area .single_price .price_button {
        width: 100%;
        display: block !important;
        padding: 20px;
        text-align: center;
        background: var(--renk2);
        border-radius: 0px 0px 12px 12px;
        font-family: var(--mainfont);
        font-weight: 700;
        line-height: 16px;
        font-size: 18px;
        color: #FFFFFF;
        text-decoration: none;
    }

    .camp_area .single_price .self_button {
        width: 100%;
        display: block !important;
        padding: 20px;
        text-align: center;
        background: var(--renk3);
        border-radius: 0px;
        font-family: var(--mainfont);
        font-weight: 700;
        line-height: 16px;
        font-size: 18px;
        color: var(--renk2);
        text-decoration: none;
    }

.camp_area_lt .single_price .price_detail {
    max-width: 49%;
    display: inline-block !important;
    padding: 10px;
    text-align: center;
    background: var(--renk1);
    border-radius: 0px 0px 0px 12px;
    font-family: var(--mainfont);
    font-weight: 400;
    line-height: 15px;
    font-size: 15px;
    color: var(--renk2);
    text-decoration: none;
    margin: 0px;
}

.camp_area_lt .single_price .price_button {
    max-width: 49%;
    display: inline-block !important;
    padding: 10px;
    text-align: center;
    background: var(--renk2);
    border-radius: 0px 0px 12px 0px;
    font-family: var(--mainfont);
    font-weight: 400;
    line-height: 15px;
    font-size: 15px;
    color: #FFFFFF;
    text-decoration: none;
    margin: 0px;
}

/*#endregion */

/*#region CAMPAIGN_DETAIL */

.camp_detail_mobil_section {
    padding: 30px;
    padding-top: 80px;
    background-color: #EEEEEE;
}

@media (min-width: 767px) {
    .camp_detail_mobil_section {
        display: none;
    }
}

.camp_detail_mobil_section .single_price {
    background: none;
    margin-bottom: 30px;
    -webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, 0.04);
    -moz-box-shadow: 0 6px 10px rgba(0, 0, 0, 0.04);
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.04);
    color: var(--renk2);
    border: 0px;
}

    .camp_detail_mobil_section .single_price .price_top {
        height: 20px;
        background: var(--renk1);
        border-radius: 12px 12px 0px 0px;
    }

    .camp_detail_mobil_section .single_price .price_content {
        background: #ffffff;
        padding: 22px 30px 24px 30px;
        position: relative;
    }

        .camp_detail_mobil_section .single_price .price_content .newprice {
            font-family: var(--mainfont);
            font-weight: 900;
            line-height: 30px;
            font-size: 28px;
            color: var(--renk2);
            margin-bottom: 0;
        }

        .camp_detail_mobil_section .single_price .price_content .oldprice {
            font-family: var(--mainfont);
            font-weight: 600;
            font-size: 16px;
            line-height: 20px;
            color: #EC2027;
            text-decoration: line-through;
            margin-bottom: 0;
        }

        .camp_detail_mobil_section .single_price .price_content > p {
            font-family: var(--mainfont);
            font-weight: 400;
            line-height: 14px;
            font-size: 10px;
            color: var(--renk2);
            margin-top: 0px;
            margin-bottom: 10px;
        }

        .camp_detail_mobil_section .single_price .price_content .price_image {
            position: absolute;
            width: 100px;
            top: 10px;
            right: 10px;
            text-align: center;
        }

            .camp_detail_mobil_section .single_price .price_content .price_image > img {
                max-width: 80px;
                margin: auto;
            }

            .camp_detail_mobil_section .single_price .price_content .price_image > p {
                font-family: var(--mainfont);
                font-weight: 900;
                line-height: 20px;
                font-size: 20px;
                color: var(--renk2);
                margin-top: 0px;
                margin-bottom: 0px;
                margin-right: 2px;
                display: inline-block;
            }

            .camp_detail_mobil_section .single_price .price_content .price_image > span {
                font-family: var(--mainfont);
                font-weight: 600;
                line-height: 14px;
                font-size: 14px;
                color: var(--renk2);
                margin-top: 0px;
                margin-bottom: 0px;
                display: inline-block;
            }

        .camp_detail_mobil_section .single_price .price_content .camp_badge {
            font-family: var(--mainfont);
            font-weight: 800;
            line-height: 18px;
            font-size: 15px;
            background: var(--renk2);
            color: #FFFFFF;
            position: absolute !important;
            width: 160px;
            top: 190px !important;
            right: -67px !important;
            transform: rotate(-90deg);
            text-align: center;
            border-radius: 6px 6px 0px 0px;
            padding: 4px;
        }

        .camp_detail_mobil_section .single_price .price_content .camp_digital {
            margin: auto;
            margin-top: 20px;
            margin-bottom: 0px;
            max-width: 100%;
            border: 1px solid #EC2027;
            border-radius: 6px;
            padding: 4px 30px;
        }

        .camp_detail_mobil_section .single_price .price_content ul {
            border-top: 1px solid var(--renk2);
            margin-top: 10px;
        }

        .camp_detail_mobil_section .single_price .price_content li {
            font-family: var(--mainfont);
            font-weight: 500;
            line-height: 18px;
            font-size: 14px;
            color: var(--renk2);
            margin-top: 5px;
            margin-bottom: 10px;
        }

            .camp_detail_mobil_section .single_price .price_content li i {
                display: inline-block !important;
                margin-right: 10px;
                color: var(--renk2);
                margin-top: 0px;
                margin-bottom: 0px;
            }

            .camp_detail_mobil_section .single_price .price_content li span {
                display: block !important;
                font-family: var(--mainfont);
                font-weight: 400;
                line-height: 14px;
                font-size: 11px;
                margin-left: 26px;
                margin-top: 0px;
            }

    .camp_detail_mobil_section .single_price .price_detail {
        width: 100%;
        display: block !important;
        padding: 10px;
        text-align: center;
        background: var(--renk1);
        font-family: var(--mainfont);
        font-weight: 400;
        line-height: 16px;
        font-size: 12px;
        color: var(--renk2);
        text-decoration: none;
    }

    .camp_detail_mobil_section .single_price .price_button {
        width: 100%;
        display: block !important;
        padding: 20px;
        text-align: center;
        background: var(--renk2);
        border-radius: 0px 0px 12px 12px;
        font-family: var(--mainfont);
        font-weight: 700;
        line-height: 16px;
        font-size: 12px;
        color: #FFFFFF;
        text-decoration: none;
    }

.camp_detail_section {
    padding-top: 20px;
    padding-bottom: 60px;
    background-color: #EEEEEE;
}

@media (max-width: 767px) {
    .camp_detail_section {
        display: none;
    }
}

.camp_detail_section .camp_detail_top {
    box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.25);
    margin-bottom: 20px;
}

    .camp_detail_section .camp_detail_top .camp_detail_top_speed {
        margin: auto;
    }

        .camp_detail_section .camp_detail_top .camp_detail_top_speed img {
            display: inline-block;
            margin: 10px;
            padding-bottom: 20px;
            max-height: 100px;
            /*transform: scale(1.5);*/
        }

        .camp_detail_section .camp_detail_top .camp_detail_top_speed .camp_detail_top_speed_text {
            display: inline-block;
            padding: 20px;
        }

            .camp_detail_section .camp_detail_top .camp_detail_top_speed .camp_detail_top_speed_text p {
                font-family: var(--mainfont);
                font-weight: 900;
                line-height: 60px;
                font-size: 48px;
                color: var(--renk2);
                display: inline-block;
            }

            .camp_detail_section .camp_detail_top .camp_detail_top_speed .camp_detail_top_speed_text span {
                font-family: var(--mainfont);
                font-weight: 600;
                line-height: 25px;
                font-size: 20px;
                color: var(--renk2);
                display: inline-block;
            }

    .camp_detail_section .camp_detail_top .camp_detail_top_price .newprice {
        font-family: var(--mainfont);
        font-weight: 900;
        line-height: 45px;
        font-size: 36px;
        color: var(--renk2);
        margin-bottom: 0;
    }

    .camp_detail_section .camp_detail_top .camp_detail_top_price .oldprice {
        font-family: var(--mainfont);
        font-weight: 600;
        font-size: 24px;
        line-height: 30px;
        color: #EC2027;
        text-decoration: line-through;
        margin-bottom: 0;
    }

    .camp_detail_section .camp_detail_top .camp_detail_top_price p {
        font-family: var(--mainfont);
        font-weight: 400;
        font-size: 13px;
        line-height: 16px;
        color: var(--renk2);
        margin-bottom: 0;
    }

.camp_detail_section .camp_detail_body {
    padding: 10px;
}

    .camp_detail_section .camp_detail_body h4 {
        font-family: var(--mainfont);
        font-weight: 600;
        line-height: 36px;
        font-size: 32px;
        color: var(--renk2);
        margin: 10px;
        margin-bottom: 20px;
        border-bottom: 2px solid var(--renk1);
        padding: 10px;
    }

    .camp_detail_section .camp_detail_body .camp_detail_spec {
        margin-bottom: 40px;
    }

        .camp_detail_section .camp_detail_body .camp_detail_spec img {
            display: inline-block;
        }

        .camp_detail_section .camp_detail_body .camp_detail_spec .camp_detail_spec_text {
            display: inline-block;
            vertical-align: bottom;
            margin: 10px;
        }

            .camp_detail_section .camp_detail_body .camp_detail_spec .camp_detail_spec_text p {
                font-family: var(--mainfont);
                font-weight: 600;
                line-height: 20px;
                font-size: 24px;
                color: var(--renk2);
                margin-bottom: 30px;
                vertical-align: bottom;
            }

            .camp_detail_section .camp_detail_body .camp_detail_spec .camp_detail_spec_text span {
                font-family: var(--mainfont);
                font-weight: 400;
                line-height: 12px;
                font-size: 16px;
                color: var(--renk2);
                margin-bottom: 0px;
                vertical-align: bottom;
            }

    .camp_detail_section .camp_detail_body .camp_detail_lead {
        background: #D9D9D9;
        border-radius: 12px;
        padding: 20px;
    }

        .camp_detail_section .camp_detail_body .camp_detail_lead h3 {
            font-family: var(--mainfont);
            font-weight: 400;
            line-height: 30px;
            font-size: 22px;
            color: var(--renk2);
        }

        .camp_detail_section .camp_detail_body .camp_detail_lead input {
            margin-top: 20px;
        }

        .camp_detail_section .camp_detail_body .camp_detail_lead span {
            font-family: var(--mainfont);
            font-size: 12px;
            font-weight: 400;
            line-height: 15px;
            margin-left: 4px;
        }

        .camp_detail_section .camp_detail_body .camp_detail_lead a {
            text-decoration: none;
            font-weight: 700;
        }

        .camp_detail_section .camp_detail_body .camp_detail_lead .lead_button {
            margin-top: 20px !important;
            text-align: center;
        }

    .camp_detail_section .camp_detail_body .camp_detail_self {
        background: none;
        border: 1px var(--renk1) solid;
        border-radius: 12px;
        padding: 20px;
        margin-top: 10px;
        text-align: center;
    }

        .camp_detail_section .camp_detail_body .camp_detail_self h4 {
            font-family: var(--mainfont);
            font-weight: 400;
            line-height: 30px;
            font-size: 22px;
            color: var(--renk2);
        }

.camp_detail_exp_section {
    padding-top: 20px;
    padding-bottom: 60px;
}

    .camp_detail_exp_section h4 {
        padding-top: 20px;
        padding-bottom: 20px;
        background: var(--renk1);
        text-align: center;
        font-family: var(--mainfont);
        font-weight: 700;
        line-height: 35px;
        font-size: 28px;
        color: #FFFFFF;
    }

    .camp_detail_exp_section p {
        font-family: var(--mainfont);
        font-weight: 400;
        line-height: 17px;
        font-size: 14px;
        color: var(--renk2);
    }

        .camp_detail_exp_section p:first-child {
            margin-top: 40px;
        }

/*#endregion */

/*#region ALLCAMPAIGN */

.allcamp_section {
    padding-top: 20px;
    padding-bottom: 60px;
    background-color: #EEEEEE;
}

@media (max-width: 767px) {
    .allcamp_section {
        padding-top: 80px;
    }
}

.allcamp_section .camp_banner img {
    width: 100%;
}

.allcamp_section .wrap-label-gallery {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #FFFFFF;
    text-align: center;
    border-radius: 8px;
}

    .allcamp_section .wrap-label-gallery a {
        font-family: var(--mainfont);
        font-weight: 600;
        line-height: 40px;
        font-size: 20px;
        color: var(--renk2);
        text-decoration: none;
        display: block;
        border-bottom: 1px solid #EEEEEE;
    }

    .allcamp_section .wrap-label-gallery a:first-child {
        border-top: 1px solid #EEEEEE;
    }

    .allcamp_section .wrap-label-gallery .is-actived {
        color: #fff;
        background: var(--renk1);
    }

.allcamp_section .wrap-gallery {
    padding: 0px;
    background-color: none;
    border-radius: 8px;
}

    .allcamp_section .wrap-gallery .item-gallery {
        width: 42%;
        min-height: 250px;
        margin: 10px;
        background-color: #fff;
        padding: 6px;
        border-radius: 8px;
        box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.2);
    }

@media (max-width: 767px) {
    .allcamp_section .wrap-gallery .item-gallery {
        width: 94%;
        min-height: 250px;
        margin: 10px;
        background-color: #fff;
        padding: 6px;
        border-radius: 8px;
        box-shadow: 0px 6px 5px 0px rgba(0,0,0,0.2);
    }
}

        .allcamp_section .wrap-gallery .item-gallery .item-img {
            width: 100%;
            height: 200px;
            background-position: center center;
            background-size: cover;
            text-align: center;
            border-radius: 4px;
        }

            .allcamp_section .wrap-gallery .item-gallery .item-img p {
                margin-top: 14px;
                font-weight: 600;
                line-height: 40px;
                font-size: 20px;
                color: #FFFFFF;
                background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
            }

        .allcamp_section .wrap-gallery .item-gallery span {
            margin: 6px;
            font-weight: 600;
            line-height: 30px;
            font-size: 20px;
            color: var(--renk2);
            text-align: left;
            display:inline-block;
        }

        .allcamp_section .wrap-gallery .item-gallery .price_detail {
            float: right;
            background: var(--renk1);
            color: #fff;
            text-decoration: none;
            margin-top: 6px;
            padding: 4px 16px;
            border-radius: 8px;
            font-size: 14px;
        }


/*#endregion */

/*#region SUBS */

.subs_section {
    padding-top: 20px;
    padding-bottom: 60px;
    background-color: #EEEEEE;
}

@media (max-width: 767px) {
    .subs_section {
        padding-top: 80px;
    }
}

.subs_section .inquiry_area {
    margin: auto;
    width: 700px;
    padding: 20px;
    background: #FFFFFF;
    border-radius: 0px 0px 8px 8px;
}

@media (max-width: 767px) {
    .subs_section .inquiry_area {
        width: 100%;
    }
}

.subs_section .inquiry_area .inquiry_title {
    padding: 20px;
}

    .subs_section .inquiry_area .inquiry_title img {
        max-height: 140px;
    }

    .subs_section .inquiry_area .inquiry_title h4 {
        text-align: right;
        font-family: var(--mainfont);
        font-size: 28px;
        font-weight: 600;
        line-height: 34px;
        color: var(--renk1);
    }

.subs_section .inquiry_area .inquiry_body .form-select {
    margin-top: 20px;
}

.subs_section .inquiry_area .inquiry_body .inquiry_button {
    margin-top: 20px !important;
    /*width: 100%;*/
}

    .subs_section .inquiry_area .inquiry_body .inquiry_button a {
        margin-top: 20px !important;
        /*width: 100%;*/
    }

.subs_section .result_area {
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
}

    .subs_section .result_area .result_title {
        font-family: var(--mainfont);
        font-size: 24px;
        font-weight: 600;
        line-height: 30px;
        color: var(--renk2);
    }

    .subs_section .result_area p {
        font-family: var(--mainfont);
        font-size: 18px;
        font-weight: 500;
        line-height: 22px;
        color: var(--renk2);
    }

    .subs_section .result_area .result_speed {
        font-family: var(--mainfont);
        font-size: 32px;
        font-weight: 800;
        line-height: 40px;
        color: var(--renk2);
        background: var(--renk1);
        padding: 20px;
    }

.subs_area {
    padding-top: 60px;
    padding-bottom: 60px;
    background: #eeeeee;
}

    .subs_area a {
        text-decoration: none;
    }

@media (max-width: 767px) {
    .subs_area {
        padding-top: 20px;
    }
}

.subs_area .subs_content {
    background: #fff;
    background-image: url('../img/altyapi/altyapi_thumb.png');
    background-repeat: no-repeat;
    background-position-x: 30px;
    background-position-y: 30px;
    background-size: contain;
    padding: 60px 20px;
    margin: auto;
    border-radius: 8px;
    border-right: 8px solid var(--renk1);
}

    .subs_area .subs_content img {
        margin: 6px;
    }

    .subs_area .subs_content h4 {
        font-family: var(--mainfont);
        font-size: 32px;
        font-weight: 600;
        line-height: 40px;
        display: block;
        margin: 6px;
        color: var(--renk1);
        padding: 10px;
    }

@media (max-width: 767px) {
    .subs_area .subs_content h4 {
        font-size: 22px;
        line-height: 30px;
    }
}

/*#endregion */

/*#region BLOG */

.blog_area {
    padding-top: 20px;
    padding-bottom: 60px;
    background: linear-gradient(0deg, #EEEEEE 50%, var(--sari) 50%);
}

    .blog_area .blog_title h4 {
        font-family: var(--mainfont);
        font-size: 20px;
        font-weight: 600;
        line-height: 30px;
        display: block;
        margin: 10px;
        color: #001143;
        text-align: right;
        vertical-align: middle;
    }

    .blog_area .blog_thumb {
        background: #FFFFFF;
        margin-top: 20px;
        border-radius: 12px 12px 0px 0px;
    }

        .blog_area .blog_thumb .blog_top img {
            border-radius: 12px 12px 0px 0px;
        }

        .blog_area .blog_thumb .blog_content {
            background: #FFFFFF;
            padding: 10px;
            margin-bottom: 10px;
            border-bottom: 1px solid #001143;
        }

            .blog_area .blog_thumb .blog_content h4 {
                font-family: var(--mainfont);
                font-size: 14px;
                font-weight: 500;
                line-height: 17px;
                color: #001143;
            }

            .blog_area .blog_thumb .blog_content p {
                font-family: var(--mainfont);
                font-size: 12px;
                font-weight: 400;
                line-height: 15px;
                color: #001143;
            }

        .blog_area .blog_thumb .blog_footer {
            background: #FFFFFF;
            padding: 4px;
            border-radius: 0px 0px 12px 12px;
            text-align: center;
        }

            .blog_area .blog_thumb .blog_footer a {
                font-family: var(--mainfont);
                font-size: 12px;
                font-weight: 700;
                line-height: 25px;
                color: #001143;
                text-decoration: none;
            }

            .blog_area .blog_thumb .blog_footer p {
                font-family: var(--mainfont);
                font-size: 12px;
                font-weight: 400;
                line-height: 25px;
                color: #001143;
                border-right: 1px solid #001143;
            }

/*#endregion */

/*#region SEO */

.seo_area {
    padding-top: 40px;
    padding-bottom: 40px;
    background: #eeeeee;
}

    .seo_area .seo_text {
        background: none;
        padding: 10px 0px;
    }

        .seo_area .seo_text h2 {
            font-family: var(--mainfont);
            font-size: 22px;
            font-weight: 700;
            line-height: 15px;
            color: var(--renk2);
            padding-top: 20px;
            padding-bottom: 14px;
        }

@media (max-width: 767px) {
    .seo_area .seo_text h2 {
        font-size: 22px;
        line-height: 24px;
    }
}

.seo_area .seo_text p {
    font-family: var(--mainfont);
    font-size: 12px;
    font-weight: 500;
    line-height: 15px;
    color: var(--renk2);
}

.seo_area .seo_text li {
    font-family: var(--mainfont);
    font-size: 12px;
    font-weight: 500;
    line-height: 15px;
    color: var(--renk2);
}

.seo_area .seo_footer {
    text-align: right;
}

    .seo_area .seo_footer a {
        font-family: var(--mainfont);
        font-size: 12px;
        font-weight: 700;
        line-height: 15px;
        color: var(--renk2);
        text-decoration: none;
    }

/*#endregion */

/*#region SSS */

.sss_section {
    padding-top: 20px;
    padding-bottom: 60px;
    background-color: #EEEEEE;
}

@media (max-width: 767px) {
    .sss_section {
        padding-top: 80px;
    }
}

.sss_section h4 {
    font-family: var(--mainfont);
    font-size: 24px;
    font-weight: 600;
    line-height: 30px;
    color: var(--renk2);
}

.sss_section p {
    font-family: var(--mainfont);
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    color: var(--renk2);
}

.sss_area {
    padding-top: 20px;
    padding-bottom: 40px;
    background: #eeeeee;
}

    .sss_area .sss_content {
        background: none;
        padding: 10px 0px;
    }

        .sss_area .sss_content .accordion-header .accordion-button {
            background: none !important;
            font-family: var(--mainfont) !important;
            font-size: 12px !important;
            font-weight: 700 !important;
            line-height: 15px !important;
            color: var(--renk2) !important;
        }

        .sss_area .sss_content .accordion-body p {
            font-family: var(--mainfont);
            font-size: 12px;
            font-weight: 500;
            line-height: 15px;
            color: var(--renk2);
        }

        .sss_area .sss_content .accordion {
            --bs-accordion-bg: unset !important;
            --bs-accordion-border-color: unset !important;
        }

        .sss_area .sss_content .accordion-button:not(.collapsed) {
            color: var(--bs-accordion-active-color);
            background-color: unset !important;
            box-shadow: inset 0 calc(-1* var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
        }

        .sss_area .sss_content .accordion-button:focus {
            z-index: 3;
            outline: 0;
            box-shadow: unset !important;
        }

        .sss_area .sss_content .accordion-button:not(.collapsed)::after {
            background-image: var(--bs-accordion-btn-active-icon);
            transform: var(--bs-accordion-btn-icon-transform);
            border-radius: 50%;
            box-shadow: 0px -2px 2px 0px rgba(0,0,0,0.75);
        }

        .sss_area .sss_content .accordion-button::after {
            border-radius: 50%;
            box-shadow: 0px 2px 2px 0px rgba(0,0,0,0.75);
            flex-shrink: 0;
            width: var(--bs-accordion-btn-icon-width);
            height: var(--bs-accordion-btn-icon-width);
            margin-left: auto;
            content: "";
            background-image: var(--bs-accordion-btn-icon);
            background-repeat: no-repeat;
            background-size: var(--bs-accordion-btn-icon-width);
            transition: var(--bs-accordion-btn-icon-transition);
        }

/*#endregion */

/*#region LEAD */

.lead_area {
    background: var(--renk1);
    padding-top: 40px;
    padding: 20px;
    border-radius: 12px;
}

    .lead_area h3 {
        padding-top: 10px;
        padding-left: 200px;
        font-family: var(--mainfont);
        font-size: 32px;
        font-weight: 400;
        line-height: 40px;
    }

@media (max-width: 767px) {
    .lead_area h3 {
        padding-left: 10px;
        font-size: 22px;
        line-height: 30px;
    }
}

.lead_area input {
    margin-top: 20px;
}

.lead_area span {
    font-family: var(--mainfont);
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    margin-left: 4px;
}

.lead_area a {
    text-decoration: none;
    font-weight: 700;
}

.lead_area .lead_button {
    margin-top: 20px !important;
    text-align: center;
}

/*#endregion */

/*#region SLIDER_LEAD */

.slider_lead_area {
    background: #FFFFFF80;
    padding-top: 40px;
    padding: 20px;
    border-radius: 12px;
    margin-left: 20px;
}

.desktop_lead {
    width: 30%;
    min-width: 400px;
    max-width: 400px;
    position: absolute;
    z-index: 9999;
    top: 20%;
    left: 16%;
}

@media (max-width: 1700px) {
    .desktop_lead {
        left: 12%;
    }
}

@media (max-width: 1600px) {
    .desktop_lead {
        left: 10%;
    }
}

.slider_lead_area h3 {
    padding-top: 10px;
    padding-left: 10px;
    font-family: var(--mainfont);
    font-size: 18px;
    font-weight: 400;
    line-height: 22px;
}

.slider_lead_area input {
    margin-top: 20px;
}

.slider_lead_area span {
    font-family: var(--mainfont);
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    margin-left: 4px;
}

.slider_lead_area a {
    text-decoration: none;
    font-weight: 700;
}

.slider_lead_area .lead_button {
    margin-top: 20px !important;
    text-align: center;
}

.popup_lead {
    background: var(--renk1);
    margin: 10px;
}

    .popup_lead h3 {
        color: #FFFFFF;
    }

    .popup_lead span {
        color: #FFFFFF;
    }

    .popup_lead a {
        /*color: #FFFFFF;*/
    }

.mobil_lead {
    background: var(--renk2);
    margin: 10px;
}

    .mobil_lead h3 {
        color: #FFFFFF;
    }

    .mobil_lead span {
        color: #FFFFFF;
    }

    .mobil_lead span > a {
        color: var(--renk3);
    }

@media (min-width: 767px) {
    .mobil_lead {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .desktop_lead {
        display: none !important;
    }
}

/*#endregion */

/*#region SPEED */

        .speed_section {
    padding-top: 20px;
    padding-bottom: 60px;
    background-color: #EEEEEE;
}

@media (max-width: 767px) {
    .speed_section {
        padding-top: 80px;
    }
}

.speed_section .speed_test {
    padding-top: 20px;
    padding-bottom: 40px;
    background-color: #EEEEEE;
}

/*#endregion */

/*#region PAY */

.pay_section {
    padding-top: 20px;
    padding-bottom: 200px;
    background-color: #EEEEEE;
}

@media (max-width: 767px) {
    .pay_section {
        padding-top: 80px;
    }
}

.pay_section .pay_title h4 {
    padding-top: 20px;
    padding-bottom: 20px;
    font-family: var(--mainfont);
    font-size: 28px;
    font-weight: 700;
    line-height: 35px;
    color: var(--renk2);
}

.pay_section .pay_part {
    background: #D9D9D9;
    padding: 10px;
    margin-bottom: 20px;
}

    .pay_section .pay_part .pay_icon {
        width: 200px;
        text-align: center;
        border-right: 1px solid var(--renk2);
    }

        .pay_section .pay_part .pay_icon i {
            font-size: 60px;
            margin: auto;
            margin-top: 10px;
            color: var(--renk2);
        }

        .pay_section .pay_part .pay_icon h3 {
            font-family: var(--mainfont);
            font-size: 16px;
            font-weight: 700;
            line-height: 20px;
            color: var(--renk2);
        }

        .pay_section .pay_part img {
            max-width: 100%;
        }

    .pay_section .pay_part p {
        width: 200px;
        text-align: center;
        font-family: var(--mainfont);
        font-size: 14px;
        font-weight: 400;
        line-height: 17px;
        padding-top: 20px;
        color: var(--renk2);
    }

@media (max-width: 767px) {
    .pay_section .pay_part .pay_icon {
        width: 100%;
    }

    .pay_section .pay_part p {
        width: 100%;
    }
}

/*#endregion */

/*#region PACKAGE */

.package_section {
    padding-top: 20px;
    padding-bottom: 200px;
    background-color: var(--renk3);
}

@media (max-width: 767px) {
    .package_section {
        padding-top: 80px;
    }
}

.package_section .package_title {
    background: #fff;
    text-align: center;
}

    .package_section .package_title h4 {
        padding-top: 10px;
        padding-bottom: 10px;
        font-family: var(--mainfont);
        font-size: 24px;
        font-weight: 600;
        line-height: 30px;
        color: var(--renk1);
    }

.package_section .package_part {
    background: none;
    padding: 10px 30px;
    margin-top: 20px;
    margin-bottom: 60px;
}

    .package_section .package_part h3 {
        font-family: var(--mainfont);
        font-size: 26px;
        font-weight: 600;
        line-height: 16px;
        color: var(--renk2);
    }

    .package_section .package_part label {
        font-family: var(--mainfont);
        font-size: 12px;
        font-weight: 600;
        line-height: 16px;
        color: var(--renk2);
    }

    .package_section .package_part .input-group-prepend {
        background: var(--renk2);
        border-radius: 4px 0px 0px 4px;
    }

    .package_section .package_part .input-group-text {
        background: var(--renk2);
        font-family: var(--mainfont);
        font-size: 12px;
        font-weight: 600;
        border: 0px;
        color: var(--renk1);
        margin-top: 4px;
    }

    .package_section .package_part p {
        font-family: var(--mainfont);
        font-size: 14px;
        font-weight: 400;
        line-height: 16px;
        margin-top: 20px;
    }

.package_section .load_button {
    padding: 30px;
    color: #fff;
    text-align: center;
}

.package_result_success {
    font-family: var(--mainfont);
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    margin-top: 20px;
    background: #6bb931;
    color: var(--renk2);
    padding: 10px;
    text-align: center;
    border-radius: 6px;
}

.package_result_error {
    font-family: var(--mainfont);
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    margin-top: 20px;
    background: #D05454;
    color: var(--renk2);
    padding: 10px;
    text-align: center;
    border-radius: 6px;
}

@media (max-width: 767px) {
    .package_section .pay_part p {
        width: 100%;
    }
}

/*#endregion */

/*#region CONTACT */

.contact_section {
    padding-top: 20px;
    padding-bottom: 60px;
    background-color: #EEEEEE;
}

@media (max-width: 767px) {
    .contact_section {
        padding-top: 80px;
    }
}

.contact_section .contact_title h4 {
    padding-top: 20px;
    padding-bottom: 20px;
    font-family: var(--mainfont);
    font-size: 28px;
    font-weight: 700;
    line-height: 35px;
    color: var(--renk2);
}

.contact_section .contact_area {
    background: var(--renk1);
    width: 600px;
    padding: 20px;
    margin: auto;
    margin-bottom: 20px;
    border-radius: 12px;
}

@media (max-width: 767px) {
    .contact_section .contact_area {
        width: 100%;
    }
}

.contact_section .contact_area .contact_head {
    padding-bottom: 20px;
}

.contact_section .contact_area .form-control {
    margin-top: 20px;
}

.contact_section .contact_area .form-select {
    margin-top: 20px;
}

.contact_section .contact_area .contact_head h4 {
    font-family: var(--mainfont);
    font-size: 24px;
    font-weight: 700;
    line-height: 26px;
    color: var(--renk2);
    margin: 0px;
}

.contact_section .contact_area .contact_button {
    margin-top: 20px !important;
    margin-bottom: 10px !important;
    text-align: center;
}

.contact_section .map_area {
    margin-top: 40px;
    margin-bottom: 20px;
}

.contact_section .info_area {
    margin-top: 20px;
    margin-bottom: 20px;
}

    .contact_section .info_area .info_item {
        margin-bottom: 10px;
    }

        .contact_section .info_area .info_item i {
            font-size: 24px;
            font-weight: 700;
            line-height: 26px;
            color: var(--renk2);
            margin-right: 14px;
        }

        .contact_section .info_area .info_item span {
            font-size: 16px;
            font-weight: 400;
            line-height: 20px;
            color: var(--renk2);
        }

/*#endregion */

/*#region FOOTER */

.footer .footer_top {
    padding-top: 0px;
    padding-bottom: 22px;
    /*background: linear-gradient(180deg, var(--renk1) -48.43%, var(--renk1) 27.24%, #000 140.74%);*/
    background: var(--renk1);
}

    .footer .footer_top .socail_links {
        margin: auto;
    }

        .footer .footer_top .socail_links ul li a {
            font-size: 18px;
            color: #C3B2F0;
            width: 42px;
            height: 42px;
            display: inline-block;
            text-align: center;
            background: none;
            line-height: 50px !important;
            margin-right: 7px;
            color: #eeeeee;
            padding-top: 22px;
            padding-bottom: 22px !important;
        }

    .footer .footer_top .middle_cont {
        /*border-top: 1px solid #fff;*/
        border-bottom: 1px solid #fff;
        margin-top: 30px;
        padding-top: 30px;
        padding-bottom: 30px;
    }

    .footer .footer_top .copy_right {
        font-family: var(--mainfont);
        font-size: 12px;
        font-weight: 400;
        color: var(--renk2);
        line-height: 15px;
        padding-top: 22px;
        padding-bottom: 22px;
    }

    .footer .footer_top .footer_widget .footer_title {
        font-family: var(--mainfont);
        font-size: 15px;
        font-weight: 500;
        color: var(--renk2);
        line-height: 19px;
        margin-bottom: 20px;
    }

    .footer .footer_top .footer_widget ul li a {
        font-family: var(--mainfont);
        font-size: 12px;
        font-weight: 400;
        color: #eeeeee;
        line-height: 15px;
        text-decoration: none;
    }

        .footer .footer_top .footer_widget ul li a:hover {
            color: var(--renk2);
        }

/*#endregion */

/*#region QUICK_BAR */

.quick_bar {
    background: #000;
    width: 100%;
    height: 50px;
    padding: 10px;
    text-align: center;
    font-family: var(--mainfont);
    font-size: 20px;
    line-height: 25px;
    font-weight: 700;
    color: #FFFFFF;
    position: fixed;
    bottom: 0px;
    z-index: 2147483647;
}

    .quick_bar .quick_bar_close {
        background: none;
        width: 30px;
        height: 30px;
        text-align: center;
        font-size: 20px;
        font-weight: 900;
        color: #000;
        position: absolute;
        top: -30px;
        right: 0px;
    }

    .quick_bar a {
        text-decoration: none;
        color: #FFFFFF;
    }

@media (min-width: 767px) {
    .quick_bar {
        display: none;
    }
}

/*#endregion */

/*#region ABOUT */

.about_section {
    padding-top: 20px;
    padding-bottom: 60px;
    background-color: #EEEEEE;
}

@media (max-width: 767px) {
    .about_section {
        padding-top: 80px;
    }
}

.about_section h4 {
    font-family: var(--mainfont);
    font-size: 24px;
    font-weight: 600;
    line-height: 30px;
    color: var(--renk2);
}

.about_section p {
    font-family: var(--mainfont);
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    color: var(--renk2);
}

/*#endregion */

/*#region HR */

.hr_section {
    padding-top: 20px;
    padding-bottom: 60px;
    background-color: #EEEEEE;
}

@media (max-width: 767px) {
    .hr_section {
        padding-top: 80px;
    }
}

.hr_section h4 {
    font-family: var(--mainfont);
    font-size: 24px;
    font-weight: 600;
    line-height: 30px;
    color: var(--renk2);
}

.hr_section p {
    font-family: var(--mainfont);
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    color: var(--renk2);
}

/*#endregion */

/*#region IF */

.if_section {
    padding-top: 20px;
    padding-bottom: 60px;
    background-color: #EEEEEE;
}

@media (max-width: 767px) {
    .if_section {
        padding-top: 80px;
    }
}

.if_section h4 {
    font-family: var(--mainfont);
    font-size: 24px;
    font-weight: 600;
    line-height: 30px;
    color: var(--renk2);
}

.if_section p {
    font-family: var(--mainfont);
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    color: var(--renk2);
}

.if_section ul {
    margin-top: 10px;
    margin-bottom: 20px;
}

    .if_section ul li {
        font-family: var(--mainfont);
        list-style: disc;
        margin-left: 40px;
        font-size: 12px;
        font-weight: 400;
        line-height: 15px;
        color: var(--renk2);
    }

/*#endregion */

/*#region PRIVACY */

.privacy_section {
    padding-top: 20px;
    padding-bottom: 60px;
    background-color: #EEEEEE;
}

@media (max-width: 767px) {
    .privacy_section {
        padding-top: 80px;
    }
}

.privacy_section h4 {
    font-family: var(--mainfont);
    font-size: 24px;
    font-weight: 600;
    line-height: 30px;
    color: var(--renk2);
}

.privacy_section p {
    font-family: var(--mainfont);
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    color: var(--renk2);
}

.privacy_section ul {
    margin-top: 10px;
    margin-bottom: 20px;
}

    .privacy_section ul li {
        font-family: var(--mainfont);
        list-style: disc;
        margin-left: 40px;
        font-size: 12px;
        font-weight: 400;
        line-height: 15px;
        color: var(--renk2);
    }

/*#endregion */

/*#region KVKK_Modal */

#mod_kvkk h4 {
    font-family: var(--mainfont);
    font-size: 24px;
    font-weight: 600;
    line-height: 30px;
    color: var(--renk2);
}

#mod_kvkk p {
    font-family: var(--mainfont);
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    color: var(--renk2);
}

#mod_kvkk ul {
    margin-top: 10px;
    margin-bottom: 20px;
}

    #mod_kvkk ul li {
        font-family: var(--mainfont);
        list-style: disc;
        margin-left: 40px;
        font-size: 12px;
        font-weight: 400;
        line-height: 15px;
        color: var(--renk2);
    }

/*#endregion */

/*#region RESULT */

.result_section {
    padding-top: 20px;
    padding-bottom: 60px;
    background-color: #EEEEEE;
    text-align: center;
}

@media (max-width: 767px) {
    .result_section {
        padding-top: 80px;
    }
}

.result_section h4 {
    font-family: var(--mainfont);
    font-size: 30px;
    font-weight: 700;
    line-height: 30px;
    color: var(--renk2);
    padding: 30px;
}

.result_section p {
    font-family: var(--mainfont);
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    color: var(--renk2);
}

.result_section i {
    font-size: 120px;
    color: #35be51;
    padding: 30px;
}

/*#endregion */

/*#region BLOG */

.blog_section {
    padding-top: 20px;
    padding-bottom: 60px;
    background-color: #EEEEEE;
}

@media (max-width: 767px) {
    .blog_section {
        padding-top: 80px;
    }
}

.blog_section .blog_cover_img {
    margin-bottom: 20px;
    margin-top: 20px;
}

    .blog_section .blog_cover_img img {
        width: 100%;
    }

.blog_section .blog_thumb {
    margin: 20px;
    padding: 10px;
    border-radius: 6px;
    border: 1px solid #ccc;
    background-color: #fff;
}

    .blog_section .blog_thumb .thumb_img img {
        width: 100%;
    }

    .blog_section .blog_thumb .thumb_title {
        font-family: var(--mainfont);
        font-size: 14px;
        font-weight: 600;
        line-height: 18px;
        color: #001143;
        margin-top: 20px;
    }

    .blog_section .blog_thumb .thumb_footer {
        margin-top: 20px;
    }

        .blog_section .blog_thumb .thumb_footer p {
            margin-top: 20px;
            font-family: var(--mainfont);
            font-size: 14px;
            font-weight: 400;
            line-height: 18px;
            color: #001143;
        }

        .blog_section .blog_thumb .thumb_footer a {
            font-family: var(--mainfont);
            font-size: 14px;
            font-weight: 600;
            line-height: 18px;
            color: #001143;
        }

/*#endregion */

/*#region BLOGDETAIL */

.blogdetail_section {
    padding-top: 20px;
    padding-bottom: 60px;
    background-color: #EEEEEE;
}

@media (max-width: 767px) {
    .blogdetail_section {
        padding-top: 80px;
    }
}

.blogdetail_section .blog_img {
    margin-bottom: 20px;
    margin-top: 20px;
}

    .blogdetail_section .blog_img img {
        width: 100%;
        min-height: 400px;
    }

@media (max-width: 767px) {
    .blogdetail_section .blog_img img {
        width: 100%;
        min-height: 180px;
    }
}

.blogdetail_section .breadcumb {
    margin-bottom: 10px;
}

    .blogdetail_section .breadcumb a {
        font-family: var(--mainfont);
        font-size: 12px;
        font-weight: 600;
        line-height: 15px;
        color: #001143;
        text-decoration: none;
    }

        .blogdetail_section .breadcumb a:hover {
            color: var(--mavi) !important;
        }

    .blogdetail_section .breadcumb span {
        font-family: var(--mainfont);
        font-size: 12px;
        font-weight: 600;
        line-height: 15px;
        color: #001143;
        text-decoration: none;
    }

.blogdetail_section h1 {
    font-family: var(--mainfont);
    font-size: 28px;
    font-weight: 600;
    line-height: 30px;
    color: #001143;
}

.blogdetail_section h2 {
    font-family: var(--mainfont);
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    color: #001143;
}

.blogdetail_section .blog_title {
    margin-bottom: 10px;
}

.blogdetail_section .blogdetail_info {
    padding: 0px 2px;
    margin-bottom: 20px;
}

    .blogdetail_section .blogdetail_info span {
        font-size: 12px;
        font-weight: 600;
    }

    .blogdetail_section .blogdetail_info .text-right {
        text-align: right;
    }

.blogdetail_section .blogdetail_content h2 {
    font-family: var(--mainfont);
    font-size: 20px;
    font-weight: 600;
    line-height: 25px;
    color: #001143;
}

.blogdetail_section .blogdetail_content h3 {
    font-family: var(--mainfont);
    font-size: 18px;
    font-weight: 600;
    line-height: 25px;
    color: #001143;
}

.blogdetail_section .blogdetail_content h4 {
    font-family: var(--mainfont);
    font-size: 20px;
    font-weight: 600;
    line-height: 25px;
    color: #001143;
}

.blogdetail_section .blogdetail_content p {
    font-family: var(--mainfont);
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #001143;
    margin-bottom: 30px;
}

.blogdetail_section .blogdetail_content ul, .blogdetail_section .blogdetail_content ol {
    margin-top: 10px;
    margin-bottom: 20px;
}

    .blogdetail_section .blogdetail_content ul li {
        font-family: var(--mainfont);
        list-style: disc;
        margin-left: 40px;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        color: #001143;
    }

    .blogdetail_section .blogdetail_content ol li {
        font-family: var(--mainfont);
        list-style: decimal;
        margin-left: 40px;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        color: #001143;
    }

.blogdetail_section .blogdetail_content img {
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
    min-height: 400px;
}

@media (max-width: 767px) {
    .blogdetail_section .blogdetail_content img {
        width: 100%;
        min-height: 180px;
    }
}

.blogdetail_section .blog_thumb {
    width: 100%;
    margin-top: 20px;
}

    .blogdetail_section .blog_thumb .thumb_img img {
        width: 100%;
    }

    .blogdetail_section .blog_thumb .thumb_title {
        font-family: var(--mainfont);
        font-size: 16px;
        font-weight: 600;
        line-height: 22px;
        color: #001143;
    }

/*#endregion */

/*#region FRIEND */

.friend_section {
    padding-top: 20px;
    padding-bottom: 60px;
    background-color: #EEEEEE;
}

.friend_section_mid {
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #E2E2E2;
}

@media (max-width: 767px) {
    .friend_section {
        padding-top: 80px;
    }
}

.friend_section .friend_content h4 {
    font-family: var(--mainfont);
    font-size: 28px;
    font-weight: 600;
    line-height: 33px;
    color: var(--renk2);
    margin-top: 20px;
}

.friend_section .friend_content h5 {
    font-family: var(--mainfont);
    font-size: 28px;
    font-weight: 700;
    line-height: 33px;
    color: var(--renk2);
    margin-top: 20px;
}

.friend_section .friend_content img {
    width: 100%;
}

.friend_section .friend_content p {
    font-family: var(--mainfont);
    font-size: 14px;
    font-weight: 400;
    line-height: 15px;
    color: var(--renk2);
    margin-top: 20px;
}

.friend_section ul {
    margin-top: 10px;
    margin-bottom: 20px;
}

    .friend_section ul li {
        font-family: var(--mainfont);
        list-style: disc;
        margin-left: 40px;
        font-size: 14px;
        font-weight: 400;
        line-height: 15px;
        color: var(--renk2);
    }

.friend_section_mid .friend_content {
    padding-top: 20px;
    padding-bottom: 0px;
}

.friend_section_mid p {
    margin-top: 30px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

/*#endregion */

/*#region INVITE */

.invite_area {
    background: var(--renk1);
    padding-top: 40px;
    padding: 20px;
    border-radius: 12px;
}

    .invite_area h3 {
        padding-top: 10px;
        font-family: var(--mainfont);
        font-size: 16px;
        font-weight: 700;
        line-height: 20px;
    }

@media (max-width: 767px) {
    /*.invite_area h3 {
        font-size: 22px;
        line-height: 30px;
    }*/
}

.invite_area input {
    margin-top: 20px;
}

.invite_area span {
    font-family: var(--mainfont);
    font-size: 12px;
    font-weight: 400;
    line-height: 15px;
    margin-left: 4px;
}

.invite_area a {
    text-decoration: none;
    font-weight: 700;
}

.invite_area .lead_button {
    margin-top: 20px !important;
    text-align: center;
}

.invite_area .input-group-text {
    background: #EC2027;
    font-family: var(--mainfont);
    font-size: 12px;
    font-weight: 700;
    border: 0px;
    color: #fff;
}

    .invite_area .input-group-text a {
        color: #fff;
    }

.invite_area img {
    margin: auto;
    margin-bottom: 20px;
}

.invite_area label {
    font-family: var(--mainfont);
    font-size: 16px;
    font-weight: 700;
    color: var(--renk2);
    padding-left: 10px;
}

/*#endregion */

/*#region FRIENDLEAD */

.friendlead_section {
    padding-top: 20px;
    padding-bottom: 60px;
    background-color: #EEEEEE;
}

@media (max-width: 767px) {
    .friendlead_section {
        padding-top: 80px;
    }
}

.friendlead_section .friendlead_cover_img {
    margin-bottom: 20px;
    margin-top: 20px;
}

    .friendlead_section .friendlead_cover_img img {
        width: 100%;
    }

.friendlead_section h4 {
    font-family: var(--mainfont);
    font-size: 28px;
    font-weight: 600;
    line-height: 33px;
    color: var(--renk2);
    margin-top: 20px;
}

.friendlead_section h5 {
    font-family: var(--mainfont);
    font-size: 28px;
    font-weight: 700;
    line-height: 33px;
    color: var(--renk2);
    margin-top: 20px;
}

.friendlead_section p {
    font-family: var(--mainfont);
    font-size: 14px;
    font-weight: 400;
    line-height: 15px;
    color: var(--renk2);
    margin-top: 20px;
}

.friendlead_section ul {
    margin-top: 10px;
    margin-bottom: 20px;
}

    .friendlead_section ul li {
        font-family: var(--mainfont);
        list-style: disc;
        margin-left: 40px;
        font-size: 14px;
        font-weight: 400;
        line-height: 15px;
        color: var(--renk2);
    }

/*#endregion */

/*#region LEADFORM */

.lead_form {
    background-color: #fff;
    margin: 10px;
    padding: 20px;
    padding-bottom: 40px;
}

    .lead_form input {
        margin-top: 20px;
    }

    .lead_form span {
        font-family: var(--mainfont);
        font-size: 12px;
        font-weight: 400;
        line-height: 15px;
        margin-left: 4px;
    }

    .lead_form a {
        text-decoration: none;
        font-weight: 700;
    }

    .lead_form .lead_button {
        margin-top: 20px !important;
        text-align: center;
    }

/*#endregion */

/*#region CALLYOU */

.callyou_section {
    padding-top: 20px;
    padding-bottom: 60px;
    background-color: #EEEEEE;
}

@media (max-width: 767px) {
    .callyou_section {
        padding-top: 80px;
    }
}

.callyou_section input {
    margin-top: 20px;
}

.callyou_section h3 {
    font-family: var(--mainfont);
    font-size: 36px;
    font-weight: 900;
    line-height: 35px;
    color: var(--renk1);
    margin-top: 30px;
}

.callyou_section h4 {
    font-family: var(--mainfont);
    font-size: 28px;
    font-weight: 500;
    line-height: 35px;
    color: var(--renk2);
}

.callyou_section p {
    font-family: var(--mainfont);
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    color: var(--renk2);
    margin-top: 20px;
}

.callyou_section a {
    text-decoration: none;
    font-weight: 700;
}

.callyou_section span {
    font-family: var(--mainfont);
    font-size: 12px;
    font-weight: 400;
    line-height: 10px;
    margin-left: 0px;
}

    .callyou_section span a {
        font-family: var(--mainfont);
        font-size: 14px;
        font-weight: 700;
        line-height: 20px;
        margin-left: 0px;
    }

.lead_form a {
    text-decoration: none;
}

.callyou_section .lead_button {
    margin-top: 20px !important;
    text-align: center;
}

/*#endregion */

/*#region SELF */

.self_area {
    padding-top: 30px;
    padding-bottom: 0px;
    background: #ccc;
    margin-top: 60px;
}

    .self_area .self_thumb {
        background: none;
        padding: 0px 0px;
        margin: auto;
        border-radius: 8px;
    }

    .self_area .self_content {
        align-items: center;
        text-align: center;
    }

        .self_area .self_content h4 {
            font-family: var(--mainfont);
            font-size: 32px;
            font-weight: 700;
            line-height: 40px;
            display: block;
            margin: 0px;
            color: var(--renk2);
            padding: 20px;
            padding-bottom: 0px;
        }

        .self_area .self_content p {
            font-family: var(--mainfont);
            font-size: 22px;
            font-weight: 400;
            line-height: 30px;
            display: block;
            margin: 6px;
            color: var(--renk2);
            padding: 10px;
            margin-bottom: 20px;
        }

        .self_area .self_content img {
            max-width: 100%;
            max-height: 340px;
        }

        .self_area .self_content .mobil_button {
            display: none;
        }

        .self_area .self_content .desktop_button {
            display: normal;
        }

@media (max-width: 767px) {

    .self_area .self_content h4 {
        font-size: 20px;
        font-weight: 700;
        line-height: 24px;
        display: block;
        padding: 0px;
    }

    .self_area .self_content p {
        font-size: 14px;
        font-weight: 400;
        line-height: 18px;
        padding: 0px;
        margin-bottom: 20px;
    }

    .self_area .self_content img {
        max-width: 50%;
        max-height: 340px;
    }

    .self_area .self_content .mobil_button {
        display: inline-block;
    }

    .self_area .self_content .desktop_button {
        display: none;
    }

    .self_area .self_content h4 {
        font-size: 22px;
        line-height: 30px;
    }
}
/*#endregion */

/*#region ANNOUNCEAREA */

.ann_area {
    margin-top: 20px;
    margin-bottom: 100px;
}

.ann_area_card {
    margin: 20px 0px;
    border: 1px solid #d0d0d0;
    border-radius: 6px;
}

    .ann_area_card img {
        max-height: 200px;
        margin: 30px;
        vertical-align: middle;
    }

    .ann_area_card .ann_info {
        padding: 20px;
    }

        .ann_area_card .ann_info > span {
            padding: 4px 10px;
            background: var(--site_orange);
            border-radius: 8px 0px 8px 0px;
            margin: 10px 0px;
            margin-top: 30px;
            color: var(--renk1);
            font-size: 14px;
            font-weight: 600;
        }

        .ann_area_card .ann_info > h3 {
            color: var(--site_black);
            font-size: 20px;
            font-weight: 600;
            margin: 10px;
        }

        .ann_area_card .ann_info > p {
            color: var(--site_black);
            font-weight: 500;
            margin: 10px;
        }

        .ann_area_card .ann_info .ann_info_note {
            color: var(--site_orange);
            font-size: 14px;
            margin: 10px;
        }

        .ann_area_card .ann_info .ann_info_bottom {
            display: inline-block;
        }

            .ann_area_card .ann_info .ann_info_bottom span {
                color: var(--site_black);
                font-size: 14px;
                margin: 10px;
            }

            .ann_area_card .ann_info .ann_info_bottom .price {
                font-size: 20px;
                font-weight: 600;
                margin-right: 0px;
            }

        .ann_area_card .ann_info .genric-btn {
            display: inline-block;
            line-height: 22px;
            padding: 10px 20px;
            font-size: 15px;
            font-weight: 500;
        }

/*#endregion */