.cta{
    margin-top: 65px;
    margin-bottom: 65px;
    text-align:center;
}
.cta h2{
    font-size:36px;
    font-weight:800;
    color:#0b1220;
    margin-bottom:12px;
}
.cta p{
    color:#444;
    margin-bottom:24px;
    font-size:25px;
}

.cta .btn-primary{
    background:#02314f;
    color:#fff;
    padding:14px 28px;
    border-radius:14px;
    font-weight:700;
    text-decoration:none;
    transition:transform .25s ease, box-shadow .25s ease;
}
.cta .btn-primary:hover{
    color:#fff!important;
    transform:translateY(-1px);
    box-shadow:0 8px 18px rgba(2, 49, 79, 0.33);
}

/* ----- plan card ----- */
.pricing-header {
    text-align: center;
    margin-bottom: 40px;
}

.pricing-header h2 {
    font-size: 36px;
    font-weight: 800;
    color: #0b1220;
    margin-bottom: 6px;
}

.pricing-header p {
    font-size: 25px;
    color: #555;
}

.pricing{
    margin-bottom: 110px;
    margin-top:50px;
}

.plans{
    display:grid;
    grid-template-columns: repeat(3, minmax(0,1fr));
    gap:20px;
    align-items:stretch;
}

.plan-card{
    background:#ececeb;
    border-radius:24px;
    padding:20px 20px 24px;
    box-shadow:0 10px 24px rgba(16,24,40,.08), 0 2px 6px rgba(16,24,40,.06);
    display:flex;
    flex-direction:column;
    align-items:center;
    text-align:center;
}

.plan-card .price{
    justify-content: center;
    width: 100%;
    margin: 6px 0 4px;
}

.plan-head h3{ margin:6px 0 2px; font-size:20px; font-weight:800; }
.subtitle{ margin:0 0 12px; color:#475467; font-size:14px; }
.price{ display:flex; align-items:baseline; gap:6px; margin:6px 0 4px; }
.amount{ font-size:34px; font-weight:900; letter-spacing:.2px; }
.vat{ font-size:12px; color:#475467; }
.paynote{ margin:6px 0 10px; font-size:12px; color:#475467; }

.pill-wrap{ display:flex; flex-wrap:wrap; gap:10px; justify-content:center; margin:10px 0 18px; }
.pill{
    padding:8px 12px;
    background:#fff;
    border-radius:999px;
    box-shadow:inset 0 0 0 1px rgba(0,0,0,.06);
    font-size:13px;
}

.btn{
    display:inline-block;
    padding:12px 16px;
    border-radius:14px;
    background:#02314f;
    color:#fff!important; text-decoration:none; font-weight:700;
    box-shadow:0 6px 22px rgba(11,18,32,.18);
    transition:transform .25s ease, box-shadow .25s ease;
}
.btn-primary{
    color: #fff!important;
    background:#02314f;
    width:100%;
    transition:transform .25s ease, box-shadow .25s ease;
}

.featured{
    transform:scale(1.06);
    background:linear-gradient(#f2f2f2, #ffffff);
    border:1px solid rgba(16,24,40,.06);
}
.ribbon{
    align-self:flex-start;
    margin-bottom:6px;
    font-size:12px;
    font-weight:700;
    padding:6px 10px;
    border-radius:999px;
    background:#e7f1ff;
    color:#1a56db;
}

@media (max-width: 960px){
    .plans{ grid-template-columns:1fr; gap:16px; }
    .featured{ transform:none; }
}

.btn:hover{
    color:#02314f!important;
    transform: scale(1.05);
    box-shadow: 0 8px 24px rgba(0,0,0,0.15);
}

.btn-primary:hover{
    color:#fff!important;
    transform: scale(1.05);
    box-shadow: 0 8px 24px rgba(0,0,0,0.15);
}

.btn:active,
.btn-primary:active {
    transform: scale(0.97);
}

/* ----- SSS ----- */
.faq {
    background: #ececeb;
    border-radius: 20px;
    padding: 28px 20px 32px;
    margin-bottom: 110px;
}

.faq-heading {
    text-align: center;
    font-weight: 800;
    font-size: 36px;
    color: #20172b;
    margin: 8px 0 22px;
}

.faq-item {
    border: 1px solid #e3e9dd;
    border-radius: 16px;
    background: rgb(245, 245, 245);
    margin: 16px 0;
    overflow: hidden;
}

.faq-item summary {
    list-style: none;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 18px 22px;
    cursor: pointer;
}

.faq-item summary::-webkit-details-marker {
    display: none;
}

.faq-index {
    color: #5a616a;
    font-weight: 700;
}

.faq-q {
    flex: 1;
    color: #0f1318;
    font-weight: 700;
}

.faq-icon {
    font-size: 22px;
    color: #02314f;
    transition: color 0.2s ease, transform 0.25s ease;
}

.faq-item[open] .faq-icon {
    transform: rotate(90deg);
}

.faq-content {
    overflow: hidden;
    height: 0;
    transition: height .28s ease, padding .28s ease, border-top-color .28s ease;
}

.faq-inner{
    padding: 18px 22px 36px 62px;
}



.widget .single-widget .medium-content {
    max-width: 500px;
}

.message-section .message-left-part .contact-form form input[type=tel] {
    width: 100%;
    padding: 16px 30px;
    border-radius: 999px;
    border: 1px solid #E9E9E9;
    color: var(--title);
    font-family: "Ubuntu", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
}
.scrolling-wrap {
    overflow: hidden;
    white-space: nowrap;
    display: flex;
    gap: 20px;
    background-color: #e7e7e7;
    padding: 16px 0;
    position: relative;
    z-index: -1;
}
.widget .single-widget:hover .right-content .icon a {
    background:beige;
    border: 1px solid var(--theme);
}
.widget .single-widget{
    background-color: #405f74;
}
.widget .single-widget .content-left a:hover {
    color: beige !important;
}
.btn-wrapper a:hover {
    color: beige !important;
}
.testimonial-card {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    align-items: stretch;
}

.testimonial-card.style2 {
    position: relative;
    flex: 1;
    padding: 20px;
    border-radius: 20px;
    background: var(--gray1);
    display: flex;
    flex-direction: column;
}

.testimonial-card.style2 .testimonial-content .text {
    color: var(--pra-text);
    font-size: 15px;
    font-style: normal;
    font-weight: 500;
    line-height: 30px;
    margin-bottom: 15px;
    display: flex;
    min-height: 115px;
}
.testimonial-card.style2 .testimonial-profile .content .name {
    color: var(--title);
    font-family: "Epilogue", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 29.28px;

}

.scrolling-wrap .comm .cmn-textslide-1 {
    color: var(--title);
    font-family: Ubuntu;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 58.56px;
}
.scrolling-wrap .comm .cmn-textslide-2 {
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: var(--Gray-900, var(--title));
    font-family: "Ubuntu", sans-serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 700;
    line-height: 58.56px;
    color: transparent;
}

.service-card.style2 {
    background-color: var(--white);
    padding: 40px 30px;
    border-radius: 20px;
    border: 1px solid #E9E9E9;
    box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.05);
    position: relative;
    flex: 1;
    display: flex;
    flex-direction: column;
    min-height: 390px;
}
.service-wrapper.style2 {
    padding-top: 10px;
}
.service-card.style2 .card-inner .icon {
    background: #FBF8F5;
}
.intro-wrapper.style1 {
    padding-top: 38px;
}
.about-wrapper.style2 {
    padding: 33px 0;
}
.feature-wrapper.style1 .g-5, .gy-5 {
    --bs-gutter-y: 5rem;
}
.feature-card.style1 {
    background-color: rgb(251 248 245);
    padding: 15px 14px 15px 16px;
    border: 1px solid #d3d2d2;
}

.feature-card:hover {
    box-shadow: 0px 8px 25px rgba(0, 0, 0, 0.2); /* Hover sırasında gölge */
}

.intro-wrapper.style2 {
    padding: 70px 0 0 0;
    position: relative;
}

.card-inner.card-new{
    display: flex;
    align-items: center;
    gap: 20px; /* Görsel ve içerik arasındaki boşluk */
}


.content.card-new .badge {
    background-color: #fe851b; /* Vurgu etiketi için kırmızı renk */
    color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    padding: 4px 12px;
    border-radius: 15px;
    display: inline-block;
    margin-bottom: 10px;
}

.content.card-new h4 {
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    margin-bottom: 8px;
}

.content.card-new p {
    font-size: 14px;
    color: #666666;
    margin-bottom: 12px;
}

.content.card-new .detail-link {
    font-size: 14px;
    font-weight: bold;
    color: var(--theme);
    text-decoration: none;
}

.content.card-new .detail-link:hover {
    text-decoration: underline;
}

.feature-card .main-thumb img {
    height:150px; /* Orantılı yükseklik */
    border-radius: 3px; /* Görsele hafif yuvarlaklık */
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1); /* Görsel gölgesi */
    object-fit: cover;
}
.main-thumb {
    position: relative; /* Etiketin konumlandırılabilmesi için */
}

.new-label {
    position: absolute;
    top: 5px;
    left:-12px;
    background-color: var(--theme);
    color: white;
    font-size: 12px;
    font-weight: 500;
    padding: 2px 10px;
    border-radius: 8px;
    z-index: 10;
}



#countdown span {
    display: inline-block;
    min-width: 30px;
    text-align: center;
}
.kampanya-alani {
    color: white; /* Yazı rengi */
}

.kampanya-alani h4 {
    color: white;
    font-weight: bold;
}

.kampanya-alani p {
    font-size: 16px;
    margin-bottom: 15px;
}

.fixed-info-content-link.kampanya-alani .gt-btn.style3 {
    display: inline-block;
    position: relative;
    z-index: 1;
    overflow: hidden;
    color: var(--white);
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    border-radius: 8px;
    background: var(--theme2);
    padding: 12px 30px;
}


.fixed-info {
    position: fixed;
    left: 0;
    bottom: -140px;
    width: 100%;
    height: 97px;
    background-color: #0b0b0b;
    z-index: 11;
    padding: 20px 40px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-animation: fixed-up 1s forwards;
    animation: fixed-up 1s forwards;
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}

.fixed-info-content {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}
.section-padding {
    padding: 26px 0;
}

.fixed-info-content-title h4 .fixed-info-content-title .h4 {
    font-weight: 900;
    font-size: 33px;
    text-align: left;
    color: var(--white);
    margin: 0;
}

.fixed-info-content-lesson {
    gap: 40px;
}

.fixed-info-content-text {
    position: relative;
}

.fixed-info-content-text::after {
    content: "";
    position: absolute;
    left: -20px;
    top: -18px;
    width: 1px;
    height: 93px;
    background-color: var(--white);
    opacity: 0.2;
}
.widget .single-widget {
    border-radius: 20px;
    padding: 20px 40px 20px 40px;
    margin-bottom: 21px;
}

.fixed-info-content-text span {
    font-weight: normal;
    font-size: 40px;
    text-align: left;
    color: var(--white);
}

.fixed-info-content-text p {
    font-weight: bold;
    font-size: 25px;
    letter-spacing: 0.03em;
    text-align: left;
    color: var(--white);
    margin: 0;
    line-height: 30px;
}

.fixed-info-content-teacher {
    position: relative;
}

.fixed-info-content-teacher::after {
    content: "";
    position: absolute;
    left: -33px;
    top: 0;
    width: 1px;
    height: 93px;
    background-color: var(--white);
    opacity: 0.2;
}

.fixed-info-content-teacher .img img {
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.fixed-info-content-teacher .img:hover img {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
}

.fixed-info-content-teacher .title span {
    font-weight: normal;
    font-size: 12px;
    text-align: left;
    color: var(--white);
    opacity: 0.4;
}

.fixed-info-content-teacher .title p {
    font-weight: normal;
    font-size: 18px;
    text-align: left;
    color: var(--white);
    margin: 0;
    padding: 0;
}

.fixed-info-content-user {
    gap: 15px;
}

.fixed-info-content-user .item img {
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.fixed-info-content-user .item h4 {
    color: white;
    font-weight: bold;
}
.fixed-info-content-user .item p {
    font-size: 16px;
    margin-bottom: 15px;
    color: var(--white);
}

.fixed-info-content-user .item:hover img {
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    transform: translateY(-5px);
}

.fixed-info-close svg rect {
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.fixed-info-close:hover svg rect {
    fill: var(--white);
}

.fixed-info.active-hidden {
    -webkit-animation: fixed-down 1s forwards;
    animation: fixed-down 1s forwards;
}


@-webkit-keyframes fixed-up {
    from {
        bottom: -140px;
    }

    to {
        bottom: 0px;
    }
}

@keyframes fixed-up {
    from {
        bottom: -140px;
    }

    to {
        bottom: 0px;
    }
}

@-webkit-keyframes fixed-down {
    from {
        bottom: 0px;
    }

    to {
        bottom: -140px;
    }
}

@keyframes fixed-down {
    from {
        bottom: 0px;
    }

    to {
        bottom: -140px;
    }
}
@media (max-width: 768px) {
    .fixed-info {
        height: auto;
        padding: 8px 12px; /* Daha kompakt */
        flex-direction: column;
        text-align: center;
    }

    .fixed-info-content {
        flex-direction: column;
        align-items: center;
        gap: 5px; /* Daha sıkışık */
    }

    .fixed-info-content-lesson {
        gap: 10px;
        justify-content: center;
    }

    .fixed-info-content-text span {
        font-size: 20px; /* Küçük sayılar */
    }

    .fixed-info-content-text p {
        font-size: 12px;
    }

    .fixed-info-content-user .item h4 {
        font-size: 16px;
    }

    .fixed-info-content-user .item p {
        font-size: 12px;
    }

    .fixed-info-content-link.kampanya-alani .gt-btn.style3 {
        font-size: 14px;
        padding: 8px 16px;
    }

    .fixed-info-close {
        position: absolute;
        right: 5px;
        top: 5px;
        width: 20px;
        height: 20px;
    }

    .fixed-info-close svg {
        width: 100%;
        height: 100%;
    }

    .fixed-info-content-text::after,
    .fixed-info-content-teacher::after {
        display: none; /* Mobilde dikey çizgiler gereksiz */
    }
}
.faq-content.style2 .ct-accordion-item .ct-accordion-button .question .number {
    display: inline-block;
    border-radius: 22.5px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid black;
    margin-right: 30px;
}
.er-faq-area {
    background: var(--theme2);
    padding-top: 0px;
}

.faq-wrapper.style3 {
    padding: 60px 0px;
    background: var(--theme2);
    border-radius: 20px;
}
.faq-wrapper.style3 .accordion .er-accordion-item .er-accordion-body {
    background-color: var(--theme2);
    padding: 0px 5px 10px 25px;
    fill: var(--white);
    border-top: 0;
    border-radius: 0 0 20px 20px;
}
.faq-wrapper.style3 .accordion .er-accordion-item .er-accordion-body p {
    color: white;
}
.faq-wrapper.style3 .accordion .er-accordion-item .er-accordion-button {
    color: var(--white);
    font-family: "Ubuntu", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
    padding: 13px 16px 13px 17px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
.title-section.style3 .title-content h3 {
    letter-spacing: -0.8px;
    color: var(--title);
    margin-top: 86px;
    font-size: 35px;

}
.faq-wrapper.style3 .accordion .er-accordion-item .er-accordion-button.collapsed span i {
    background-color: var(--theme2);
    color: #ffffff;
}
.faq-wrapper.style3 .accordion .er-accordion-item .er-accordion-button span i {
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    background-color: #ffffff;
    color: #f06151;
    font-size: 16px;
    display: inline-block;
}
.title-section.style2 .title-content .sub-title {
    color: white;
    font-family: "Ubuntu", sans-serif;
    font-size: 30px;
    font-style: normal;
    font-weight: 800;
    line-height: 30px;
    margin-bottom: 10px;
    display: inline-block;
}

.title-section.style2 {
    margin-bottom: 30px;
    display: flex;
    justify-content: space-between;
}

.faq-wrapper.style3 .accordion .er-accordion-item {
    border: none;
    margin-bottom: 10px;
    border-radius: 20px;
}
.faq-wrapper.style3 hr {
    margin: 0 0;
    color: white;
    border: 0;
    border-top: var(--bs-border-width) solid;
    opacity: 0.35;
}
.title-section.style2 .title-content  h5 a {
    font-family: "Ubuntu", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    color: var(--white);
    display: inline-block;
}
.main-thumb.banner img {
    height:500px;
}
.footer-section .footer-bottom {
    background-color: var(--theme);
    position: relative;
    z-index: 9;
}
@media (max-width: 767px) {
    .feature-card.style1 {
        padding: 20px 20px 20px 20px;
    }

    .feature-card.style1 .card-inner {
        flex-direction: column; /* Alt elementleri dikey hizalar */
        gap: 10px; /* Dikey boşluk ekler */
    }

    .feature-card.style1 .card-inner .icon {
        width: 60px;
        height: 60px;
        line-height: 60px;
        margin-bottom: 20px;
    }

    .feature-card.style1.rounded-left,
    .feature-card.style1.rounded-right {
        border-radius: 10px; /* Kenarları küçültür */
    }

    .feature-card.style1 .card-inner .content {
        text-align: center; /* Yazıları ortala */
    }

    .feature-card.style1 .card-inner .content h4 {
        font-size: 14px;
        margin-bottom: 10px; /* Hiyerarşik fark için aralık bırak */
    }

    .feature-card.style1 .card-inner .content p {
        font-size: 12px; /* Yazı fontunu küçült */
    }

    .feature-card.style1 .card-inner .content a {
        font-size: 14px;
    }

    .feature-card.style1:hover .card-inner .icon {
        transform: rotate(180deg); /* Farklı animasyon ekler */
        transition: all 0.5s ease-in-out;
    }

    .main-thumb img {
        width: 100%;
        border-radius: 10px;
    }
}
.er-faq-area{
    background: #ffffff;
    padding-top: 0px;
}
.faq-wrapper{
    padding: 80px 50px!important;
    background: #ffffff!important;
}
.faq-wrapper.style3 .accordion .er-accordion-item {
    border: 1px solid #E9E9E9;
    margin-bottom: 30px;
    border-radius: 20px;
}
.faq-wrapper.style3 .accordion .er-accordion-item .er-accordion-button {
    color: var(--title);
    font-family: "Epilogue", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    padding: 23px 30px 23px 27px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
.faq-wrapper.style3 .accordion .er-accordion-item .er-accordion-header {
    margin: 0;
    -webkit-transition: all 0.3s
    ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s
    ease;
}
.faq-wrapper.style3 .accordion .er-accordion-item .er-accordion-button.collapsed span i {
    background-color: #ffe175 !important;
    color: var(--title);
}
.faq-wrapper.style3 .accordion .er-accordion-item .er-accordion-button span i {
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: 50%;
    background-color: var(--theme);
    color: var(--white);
    font-size: 16px;
    display: inline-block;
}
.faq-wrapper.style3 .accordion .er-accordion-item .er-accordion-body {
    background-color: var(--white);
    padding: 0 50px 30px 70px;
    fill: var(--white);
    border-top: 0;
    border-radius: 0 0 20px 20px;
    -webkit-border-radius: 0 0 20px 20px;
    -moz-border-radius: 0 0 20px 20px;
    -ms-border-radius: 0 0 20px 20px;
    -o-border-radius: 0 0 20px 20px;
}
.faq-wrapper.style3 .accordion .er-accordion-item .er-accordion-body p{
    color: #0b0b0b;
}
.title-section.style4 .title-btn a{
    font-size: 13px;
    line-height: 20px;
}
.title-section.style4 .title-content h3{
    font-size: 30px;
}
p {
    font-size: 16px;
    line-height: 27px;
}
.service-card.style2{
    min-height: auto;
}
.title-section.style3 .title-content .sub-title {
    font-size: 29px;
    line-height: 36px;
}