@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
html {
    font-family: 'Inter', sans-serif;
    scroll-behavior: smooth;
    overflow-x:hidden !important;
    background-color:#F9FAFB;
}
body {
    background-color:#F9FAFB;
    font-family: 'Inter', sans-serif;
}
.bin{
    width:1350px !important;
}
.topheader {
    text-align: center;
    padding: 80px 0; 
    padding-bottom:40px !important;
}
#paketTabs {
    gap: 10px;
    margin-bottom: 30px;
}
#paketTabs .nav-link {
    background: #FFF;
    color: #000;
    font-weight:500 !important;
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 10px 25px;
    transition: 0.3s;
}
#paketTabs .nav-link.active {
    background: #FF822E; 
    color: #fff;
    border-color: #0d6efd;
}
#paketTabs .nav-link:hover {
    background: #e9ecef;
}

.topbadge {
    color: #FF6B00;
    font-weight: 800;
    line-height: 1;
    font-size: 13px;
    background-color: #FFF0E6; 
    border-radius: 50px;
    padding: 8px 19px;
    display: inline-block;
    margin-bottom: 12px;
}
.topheader h2 {
    max-width: 800px;
    font-size: 60px;
    line-height: 60px;
    color: #1E293B;
    font-weight: 900;
    letter-spacing: -1px;
    margin-bottom: 10px;
    margin-left: auto; 
    margin-right: auto; 
}
.topheader p {
    color: #64748B;
    font-weight: 400;
    max-width: 600px;
    font-size: 18px;
    line-height: 28px;
    margin-left: auto;
    margin-right: auto;
}
.customcontainer {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 20px;
    padding: 30px;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.02); 
    margin-bottom:20px;
}
.customcontainer2{
    margin-bottom:50px !important;
    margin-top:100px !important;
    border: 1px solid #FFEDD5;
    border-radius: 20px;
    background-color:#FFF;
}
.form-description {
    color: #475569;
    font-size: 14px;
    line-height: 22.75px;
    margin-bottom: 20px;
    font-weight: 400;
}
.form-buttons-group {
    display: flex;
    gap: 16px;
    margin-bottom: 25px;
}
.btn-form {
    flex: 1;
    text-align: center;
    padding: 14px 10px;
    border-radius: 14px;
    font-size: 14px;
    line-height:20px;
    font-weight: 900;
    text-decoration: none;
    color: #FFFFFF !important;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
}
.btn-take-lessons {
    background: linear-gradient(90deg, #FF6A00 0%, #FFB800 100%);
    box-shadow: 0px 4px 15px rgba(255, 106, 0, 0.2);
    transition: transform 0.2s ease, opacity 0.2s ease;
}
.btn-give-lessons {
    background: linear-gradient(135deg, #50B5D3 0%, #68CDDC 100%);
}
.btn-form:hover {
    filter: brightness(1.08); 
    transform: translateY(-1px); 
}
.form-separator {
    display: flex;
    align-items: center;
    text-align: center;
    margin: 25px 0;
}
.form-separator::before,
.form-separator::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid #E2E8F0;
}
.form-separator span {
    padding: 0 15px;
    color: #94A3B8;
    font-size: 12px;
    line-height:16px;
    font-weight: 600;
}
.form-group-item {
    margin-bottom: 15px;
    text-align: left;
}
.form-group-item label {
    display: block;
    color: #1E293B;
    font-weight: 700;
    font-size: 14px;
    line-height:20px;
    margin-bottom: 8px;
}
.form-group-item input,
.form-group-item select,
.form-group-item textarea {
    width: 100%;
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    font-size: 14px;
    line-height:20px;
    color: #1E293B;
    padding:10px;
    outline: none;
    transition: all 0.2s ease-in-out;
}
.form-group-item input{
    height:50px;
}
.form-group-item select{
    height:50px;
}
.form-group-item textarea{
    height:105px;
}
.form-group-item input::placeholder,
.form-group-item select::placeholder,
.form-group-item textarea::placeholder {
    color: #94A3B8;
}
.form-group-item input:focus,
.form-group-item select:focus,
.form-group-item textarea:focus {
    background: #FFFFFF;
    border-color: #FFC099; 
    box-shadow: 0 0 0 4px rgba(255, 107, 0, 0.1);
}
.form-group-item textarea {
    resize: none;
}
.pad5{
    padding:5px !important;
}
.btn-submit {
    width: 100%;
    background-color: #242B3D;
    color: #FFFFFF;
    border: none;
    padding: 16px;
    border-radius: 14px;
    font-size: 14px;
    line-height:20px;
    font-weight: 900;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration:none !important;
    margin-top: 10px;
}
.btn-submit:hover {
    background-color: #2D364D; 
    filter: brightness(1.1);
}
.info-header {
    margin-bottom: 25px;
}
.info-header .header-icon {
    width: 48px;
    height: 48px;
    background-color: #FFF0E6;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FF6B00;
    font-size: 20px;
    margin-right: 15px;
    flex-shrink: 0;
}
.info-header .header-text h3 {
    font-size: 20px;
    font-weight: 900;
    color: #1E293B;
    line-height:28px;
    margin: 0 0 0px 0;
}
.info-header .header-text p {
    font-size: 13px;
    line-height:20px;
    color: #64748B;
    font-weight:400;
    margin: 0;
}
.info-card {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 20px;
    padding: 20px 20px;
    text-align: left;
    height: 100%;
    transition: all 0.3s ease;
}
.info-card .card-icon-wrapper {
    width: 44px;
    height: 44px;
    background-color: #F8FAFC; 
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FF6B00; 
    font-size: 18px;
    margin-bottom: 20px;
    transition: all 0.3s ease;
}
.info-card h4 {
    font-size: 14px;
    font-weight: 900;
    line-height:20px;
    margin-bottom:0px !important;
    color: #1E293B;
}
.info-card .card-link, 
.info-card .card-highlight {
    display: inline-block;
    font-size: 14px;
    font-weight: 900;
    color: #FF6B00;
    text-decoration: none;
    margin-bottom: 5px;
}
.info-card .card-link {
    transition: color 0.3s ease;
}
.info-card p {
    line-height:19.5px;
    font-weight:400;
    font-size: 12px;
    color: #64748B;
    margin: 0;
}
.info-card:hover {
    border-color: #FFC099; 
    box-shadow: 0 8px 20px rgba(255, 107, 0, 0.04); 
    transform: translateY(-2px); 
}
.info-card:hover .card-icon-wrapper {
    background-color: #FF6B00;
    color: #FFFFFF; 
}
.map-header {
    margin-bottom: 25px;
}
.map-badge {
    display: inline-block;
    background-color: #E8F5F7; 
    color: #0097A7;
    font-size: 12px;
    font-weight: 900;
    padding: 4px 14px;
    border-radius: 50px;
    margin-bottom: 12px;
    line-height:16px;
}
.map-header h3 {
    font-size: 20px;
    font-weight: 900;
    color: #1E293B;
    line-height:28px;
    margin-bottom: 8px;
}
.map-header p {
    font-size: 14px;
    line-height:22.75px;
    color: #64748B;
    margin: 0;
    max-width: 650px;
}
.btn-get-directions {
    display: inline-flex;
    align-items: center;
    color: #FFFFFF !important;
    font-weight: 700;
    font-size: 14px;
    padding: 12px 24px;
    text-decoration: none !important;
    line-height:20px;
    border-radius: 12px;
    text-decoration: none;
    background: linear-gradient(90deg, #FF6A00 0%, #FFB800 100%);
    box-shadow: 0px 4px 15px rgba(255, 106, 0, 0.2);
    transition: transform 0.2s ease, opacity 0.2s ease;
    white-space: nowrap;
}
.btn-get-directions:hover {
    filter: brightness(1.08);
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(255, 107, 0, 0.35);
}
.map-alert-box {
    background-color: #FFFDFB; 
    border: 1px solid #FFEAD6; 
    border-radius: 16px;
    padding: 16px 20px;
    margin-bottom: 25px;
    text-decoration: none !important;
    transition: all 0.2s ease-in-out;
}
.map-alert-box:hover {
    background-color: #FFF8F0;
    border-color: #FFD0A3;
}
.alert-icon-wrapper {
    width: 40px;
    height: 40px;
    background-color: #FFFFFF;
    border: 1px solid #FFEAD6;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #E27A24;
    font-size: 16px;
    margin-right: 15px;
    flex-shrink: 0;
    box-shadow: 0 2px 6px rgba(226, 122, 36, 0.05);
}
.alert-text h5 {
    line-height:20px;
    font-size: 14px;
    font-weight: 700;
    color: #1E293B;
    margin: 0 0 3px 0;
}
.alert-text p {
    font-weight:600;
    font-size: 12px;
    color: #64748B;
    margin: 0;
}
.alert-arrow {
    color: #E27A24;
    font-size: 14px;
    padding-right: 5px;
}
.map-wrapper {
    border: 1px solid #E2E8F0;
    border-radius: 20px;
    overflow: hidden; 
    background: #F8FAFC;
}
.map-wrapper iframe {
    display: block;
    width: 100%;
    height: 400px;
}
.map-footer-label {
    background-color: #FFF;
    border-top: 1px solid #E2E8F0;
    padding: 12px 20px;
    font-size: 12px;
    line-height:16px;
    color: #64748B;
    font-weight: 600;
    text-align: left;
}
.main-footer {
    background-color: #FE6F00; 
    color: #FFF;
    padding: 70px 0 30px 0;
    font-size: 14px;
}
.brand-name {
    color: #FF6B00;
    font-size: 22px;
    font-weight: 800;
}
.brand-desc {
    font-size: 14px;
    line-height:22.75px;
    font-weight:500;
    color: #FFF;
    max-width: 320px;
}
.footer-socials a {
    width: 40px;
    height: 40px;
    background-color: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    font-size:19px;
    justify-content: center;
    color: #FFF;
    text-decoration: none;
    transition: all 0.2s ease;
    margin-right:15px;
}
.footer-socials a:hover {
    background-color: #FF6B00;
    color: #FFFFFF;
    border-color: #FF6B00;
}
.footer-title {
    color: #FFF;
    font-size: 12px;
    font-weight: 900;
    line-height:16px;
    letter-spacing: 1px;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.footer-links {
    list-style: none;
    padding: 0;
    margin: 0;
}
.footer-links li {
    margin-bottom: 12px;
}
.footer-links li a {
    color: #FFF;
    font-weight:600;
    font-size:14px;
    line-height:20px;
    text-decoration: none;
    transition: color 0.2s ease;
    margin-bottom:12px
}
.footer-links li a:hover {
    color: #FFFFFF;
}
.footer-cta-card {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.03) 0%, rgba(255, 255, 255, 0) 100%);
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 16px;
    padding: 24px;
    text-align: left;
}
.footer-cta-card h6 {
    color: #FFFFFF;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 4px;
}
.footer-cta-card p {
    font-size: 13px;
    color: #FFF;
    margin-bottom: 16px;
}
.btn-cta-start {
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(90deg, #FF6B00 0%, #FF8A00 100%);
    color: #FFFFFF !important;
    text-decoration: none;
    font-weight: 700;
    padding: 12px;
    border-radius: 10px;
    font-size: 14px;
    letter-spacing: 0.5px;
    transition: filter 0.2s ease;
}
.btn-cta-start:hover {
    filter: brightness(1.1);
}

.footer-contact-bar {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    padding: 24px 0;
    margin: 40px 0 25px 0;
}
.contact-item {
    color: #fff;
    font-weight: 700;
    font-size: 15px;
}
.contact-item:hover{
    color:#fff;
}
.contact-item .icon-box {
    width: 36px;
    height: 36px;
    background-color: rgba(255, 255, 255, 0.03);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    margin-right: 12px;
    transition:0.3s ease-in;
}
.contact-item:hover .icon-box {
    background-color:#FF6C04;
    color:#FFF;
}
.contact-divider {
    margin-left:30px;
    margin-right:30px;
    color: rgba(255, 255, 255, 0.1);
}
.footer-bottom {
    font-size: 12px;
    color: #FFF;
}
.footer-bottom p {
    margin: 0;
}
.copyright{
    font-size:12px;
    color:#fff;
    font-weight:500;
}
.company-sub{
    font-weight:900;
    color:#fff;
    letter-spacing:1px;
    font-size:10px;
    text-transform:uppercase;
}
.block767{
    display:none !important;
}
.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}

.active, .accordion:hover {
  background-color: #ccc;
}

.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
@media (min-width: 768px) {
    .dont-collapse-sm.collapse {
        display: block !important;
        height: auto !important;
        visibility: visible !important;
    }
    .footer-title {
        pointer-events: none; 
    }
}
@keyframes footerFadeIn {
    from { 
        opacity: 0.7; 
    }
    to { 
        opacity: 1; 
    }
}
.navbar-toggler{
    display:none !important;
}
.custom-navbar {
    background: #FFFFFF;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.03);
    padding: 15px 0;
    transition: all 0.3s ease;
    z-index: 5;
    border-radius: 40px;
    width: calc(100% - 30px) !important; 
    max-width: 1350px;
    margin-top: 20px !important;
    left: 50% !important;
    transform: translateX(-50%); 
}
.navbar-container {
    width: 100%;
    max-width: 1350px;
    margin: 0 auto;
}

.navbar-spacer {
    height: 70px; 
}
.custom-navbar .nav-link {
    color: #1E293B !important;
    font-size: 14px;
    line-height:20px;
    font-weight: 600;
    padding: 4px 8px !important;
    transition: color 0.2s ease;
}
.custom-navbar .nav-item:hover .nav-link,
.custom-navbar .nav-item.active .nav-link {
    color: #FF6B00 !important;
}
.btn-nav-explore {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF !important;
    font-weight: 900;
    font-size: 14px;
    line-height:20px;
    padding: 12px 28px;
    border-radius: 100px;
    text-decoration: none !important;
    background: linear-gradient(90deg, #FF6A00 0%, #FFB800 100%);
    box-shadow: 0px 4px 15px rgba(255, 106, 0, 0.2);
    transition: transform 0.2s ease, opacity 0.2s ease;
    margin-right:5px;
}

.btn-nav-login {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #1F2431;
    color: #FFFFFF !important;
    font-weight: 900;
    font-size: 14px;
    line-height:20px;
    padding: 12px 28px;
    border-radius: 100px;
    text-decoration: none !important;
    transition: background-color 0.2s ease;
}

.btn-nav-explore:hover {
    filter: brightness(1.08);
}

.btn-nav-login:hover {
    background-color: #11151E;
}
.custom-toggler {
    display: none !important;
    align-items: center;
    justify-content: center;
    width: 41px;                 
    height: 41px;               
    background: #FFFFFF !important;
    border: 1px solid #E2E8F0 !important; 
    border-radius: 50% !important;
    padding: 0 !important;
    gap: 4px;                 
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.02); 
}
.custom-toggler:focus,
.custom-toggler:active {
    outline: none !important;
    box-shadow: none !important;
}
.custom-toggler:hover {
    background-color: #FFF !important;
    border-color: #CBD5E1 !important;
}
.toggler-icon-bar {
    width: 15px;                 
    height: 2px;               
    background-color: #1F2431;   
    border-radius: 100px;         
    display: block;
    transition: all 0.2s ease;
}
.custom-popup-modal {
    z-index: 1100 !important;
}
.custom-popup-modal .modal-dialog-centered {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: calc(100% - 1rem);
    margin: 0 auto;
}
.custom-popup-modal .modal-content {
    background: #FFFFFF;
    border: none !important;
    border-radius: 24px !important; 
    box-shadow: 0px 25px 50px -12px rgba(0, 0, 0, 0.25);
    position: relative;
    width: 100%;
}
.popup-main-title {
    color: #0F172A;
    font-size: 24px;
    font-weight: 800;
    line-height:32px;
    color:#030712 !important;
    letter-spacing: -0.5px;
}
.popup-sub-title {
    color: #4B5563;
    font-weight:400;
    font-size: 16px;
    line-height: 22px;
}
.popup-close-btn {
    position: absolute;
    top: 24px;
    right: 24px;
    background: transparent;
    border: none;
    font-size: 20px;
    color: #94A3B8;
    cursor: pointer;
    z-index: 10;
    transition: color 0.2s ease;
}
.popup-close-btn:hover {
    color: #1E293B;
}
.form-group-item {
    margin-bottom: 15px;
    text-align: left;
}
.form-group-item label {
    display: block;
    color: #94A3B8;
    font-weight: 800;
    font-size: 11px;
    letter-spacing: 0.5px;
    line-height: 20px;
    margin-bottom: 8px;
    text-transform: uppercase;
}
.form-group-item input,
.form-group-item textarea,
.custom-popup-select {
    width: 100%;
    background: #FFF !important;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    font-size: 14px;
    line-height: 20px;
    color: #1E293B;
    padding: 10px 16px;
    outline: none;
    transition: all 0.2s ease-in-out;
}
.form-group-item input {
    height: 50px;
}
.form-group-item textarea {
    height: 105px;
    resize: none;
}
.form-group-item input::placeholder,
.form-group-item textarea::placeholder {
    color: #94A3B8;
}
.form-group-item input:focus,
.form-group-item textarea:focus,
.custom-popup-select:focus {
    background: #FFFFFF;
    border-color: #FF6B00; 
    box-shadow: 0 0 0 4px rgba(255, 107, 0, 0.1);
}
.popup-selectable-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr); 
    gap: 12px;                            
    width: 100%;
}
.popup-grid-selectable {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
}
.selectable-btn-item {
    margin: 0 !important;
    cursor: pointer;
    width: 100%;
}
.selectable-btn-item input[type="radio"] {
    display: none; 
}
.selectable-btn-item span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 43px;
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    color: #374151;
    font-weight: 700;
    line-height:16px;
    font-size: 12px;
    transition: all 0.2s ease;
    user-select: none;
    text-transform: none !important;
}
.selectable-btn-item:hover span {
    background: #F8FAFC;
    border-color: #CBD5E1;
}
.selectable-btn-item input[type="radio"]:checked + span {
    background: #FF8A00 !important;
    border-color: #FF8A00 !important;
    color: #FFFFFF !important;
    box-shadow: 0px 4px 12px rgba(255, 138, 0, 0.2);
}
.select-wrapper {
    position: relative;
    background-color:#FFF !important;
    width: 100%;
}
.custom-popup-select {
    height: 50px;
    cursor: pointer;
    background-position: right 16px center;
    background-size: 18px;
}
.btn-popup-submit {
    width: 100%;
    height: 54px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(90deg, #FF6A00 0%, #FFB800 100%);
    box-shadow: 0px 4px 15px rgba(255, 106, 0, 0.2);
    transition: transform 0.2s ease, opacity 0.2s ease;
    color: #FFFFFF;
    border: none;
    border-radius: 14px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
}
.btn-popup-submit:hover {
    filter: brightness(1.06);
    box-shadow: 0px 6px 24px rgba(255, 107, 0, 0.3);
}
.marspecial100{
    margin-top:50px;
    margin-bottom:100px;
}
.about-card-item {
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 24px;       
    padding: 32px;           
    margin-bottom: 30px;      
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.02);
}
.about-card-item:last-child {
    margin-bottom: 0;
}
.about-image-box {
    width: 100%;
    height: 320px;             
    border-radius: 16px;
    overflow: hidden;
}
.about-img-fluid {
    width: 100%;
    height: 100%;
    object-fit: cover;         
}
.about-content-box {
    text-align: left;
    padding: 0 15px;           
}
.about-main-title2 {
    color: #0D9488;
    font-size: 12px;
    font-weight: 700;
    line-height:16px; 
    margin-bottom: 10px;
}
.about-main-title {
    color: #1E293B;
    font-size: 24px;
    font-weight: 800;
    line-height:32px; 
    margin-bottom: 16px;
}
.about-sub-text {
    color: #020817;
    font-size: 16px;
    font-weight:400;
    line-height: 24px;
    margin: 0;
}
.customcontainercard {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 20px;
    padding: 30px; 
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.02); 
    margin-bottom: 20px;
}
.feature-card {
    background: #FFFFFF;
    border: 1px solid #E2E8F0; 
    border-radius: 20px;       
    padding: 30px 24px;        
    height: 100%;              
    text-align: left;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); 
}
.feature-card:hover {
    transform: translateY(-4px);
    box-shadow: 0px 12px 24px rgba(15, 23, 42, 0.04);
    border-color: #CBD5E1;     
}
.feature-icon-box {
    width: 48px;
    height: 48px;          
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;        
}

.feature-icon-box img {
    width: 100%;   
    height: 100%;  
    object-fit: contain; 
}

.feature-card-title {
    color: #1E293B;            
    font-size: 16px;
    line-height:24px;
    font-weight: 900;          
    margin-bottom: 12px;
}
.feature-card-text {
    color: #4B5563;            
    font-size: 14px;
    font-weight:400;
    line-height: 22.75px;         
    margin: 0;
}
.about_top_sec {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 24px; 
    padding: 40px;      
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.02);
    margin-bottom: 20px;
    margin-bottom:40px !important;
    margin-top:70px !important;
}
.about-top-content {
    text-align: left;
}
.about-top-badge {
    display: inline-block;
    background: #FFF0E6;
    color: #FF6B00;  
    font-size:14px;
    font-weight: 700;
    line-height:20px;
    padding: 6px 14px;
    border-radius: 100px;
    margin-bottom: 16px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.about-top-title {
    color: #1E293B;
    font-size: 48px;
    line-height:48px;
    font-weight: 900;
    letter-spacing: -1px;
    margin-bottom: 16px;
}
.about-top-desc {
    color:#4B5563;
    font-size: 18px;
    font-weight:400;
    line-height: 28px;
    margin-bottom: 30px;
}
.about-stats-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr); 
    gap: 12px;
    width: 100%;
}
.stat-box {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 14px;
    padding: 16px 10px;
    text-align: center;
    transition: all 0.2s ease;
}
.stat-box:hover {
    border-color: #CBD5E1;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.03);
}
.stat-number {
    display: block;
    color: #FF6B00; 
    font-size: 20px;
    line-height:28px;
    font-weight: 900;
    margin-bottom: 4px;
}
.stat-label {
    display: block;
    color: #6B7280;
    font-size: 12px;
    line-height:16px;
    font-weight: 500;
    white-space: nowrap; 
}
.about-top-image-wrapper {
    width: 100%;
    height: 380px; 
    border-radius: 20px;
    overflow: hidden;
}
.about-top-img {
    width: 100%;
    height: 100%;
    object-fit: cover; 
}
.bg-light-smooth {
    background-color: #F8FAFC; 
}
.kvkk-header-box {
    text-align: left;
    border-bottom: 2px solid #F1F5F9;
    padding-bottom: 24px;
}
.kvkk-badge {
    display: inline-block;
    background: #FFF0E6; 
    color: #FF6B00;   
    font-size: 11px;
    font-weight: 800;
    padding: 6px 14px;
    border-radius: 100px;
    margin-bottom: 12px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.kvkk-main-title {
    color: #0F172A; 
    font-size: 32px;
    font-weight: 800;
    letter-spacing: -0.5px;
    margin-bottom: 8px;
}
.kvkk-update-date {
    color: #94A3B8;
    font-size: 13px;
    margin: 0;
}
.kvkk-body-content {
    text-align: left;
}
.kvkk-section {
    margin-bottom: 32px;
}
.kvkk-section h3 {
    color: #1E293B;
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 12px;
}
.kvkk-section p {
    color: #475569;
    font-size: 15px;
    line-height: 26px;
    margin-bottom: 0;
}
.kvkk-list {
    list-style: none;
    padding-left: 0;
    margin-top: 12px;
    margin-bottom: 0;
}
.kvkk-list li {
    position: relative;
    color: #475569;
    font-size: 15px;
    line-height: 24px;
    padding-left: 24px;
    margin-bottom: 8px;
}
.kvkk-list li:last-child {
    margin-bottom: 0;
}
.kvkk-list li::before {
    content: "";
    position: absolute;
    left: 6px;
    top: 10px;
    width: 6px;
    height: 6px;
    background-color: #FF6B00; 
    border-radius: 50%;
}
.kvkk-notice-card {
    display: flex;
    align-items: center;
    background: #F8FAFC;
    border: 1px dashed #CBD5E1;
    border-radius: 16px;
    padding: 20px;
    gap: 16px;
}

.kvkk-notice-icon {
    font-size: 24px;
    color: #FF6B00;
    display: flex;
    align-items: center;
    justify-content: center;
}
.kvkk-notice-text {
    color: #1E293B;
    font-size: 14px;
    line-height: 22px;
}
.bg-light-smooth {
    background-color: #F8FAFC; 
}
.faq-header-box {
    border-bottom: 1px solid #E2E8F0;
    padding-bottom: 30px;
}

.faq-badge {
    display: inline-block;
    background: #FFF0E6; 
    color: #FF6B00;      
    font-size: 12px;
    font-weight: 800;
    padding: 6px 16px;
    border-radius: 100px;
    margin-bottom: 16px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}
.faq-main-title {
    color: #0F172A; 
    font-size: 36px;
    font-weight: 800;
    letter-spacing: -1px;
    margin-bottom: 12px;
}
.faq-sub-title {
    color: #64748B;
    font-size: 16px;
    max-width: 600px;
    margin: 0 auto;
}
.faq-accordion-wrapper {
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.faq-item {
    background: #FFFFFF;
    border: 1px solid #E2E8F0; 
    border-radius: 16px;       
    overflow: hidden;
    transition: all 0.3s ease;
}
.faq-toggle {
    display: none;
}
.faq-question {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 22px 24px;
    margin: 0;
    cursor: pointer;
    user-select: none;
    transition: all 0.2s ease;
}
.faq-question span {
    color: #0F172A;
    font-size: 17px;
    font-weight: 700;
    padding-right: 20px;
}
.faq-question .arrow-icon {
    color: #94A3B8;
    font-size: 16px;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.faq-item:hover {
    border-color: #CBD5E1;
    box-shadow: 0px 4px 20px rgba(15, 23, 42, 0.03);
}
.faq-item:hover .faq-question span {
    color: #FF6B00; 
}
.faq-answer {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    background: #FAFAFA;
}
.faq-answer p {
    color: #475569;
    font-size: 15px;
    line-height: 26px;
    padding: 0 24px 24px 24px; 
    margin: 0;
}
.faq-toggle:checked ~ .faq-answer {
    max-height: 300px; 
    border-top: 1px solid #F1F5F9;
}
.faq-toggle:checked ~ .faq-question .arrow-icon {
    transform: rotate(180deg);
    color: #FF6B00;
}
.faq-toggle:checked ~ .faq-item {
    border-color: #FF6B00;
}
.story_flow {
    background: linear-gradient(135deg, #1E293B 0%, #0F172A 100%); 
    border-radius: 24px; 
    padding: 50px 40px;   
    box-shadow: 0px 20px 40px rgba(15, 23, 42, 0.15);
    margin-bottom: 20px;
}
.story-flow-intro {
    text-align: left;
}
.story-flow-badge {
    display: inline-block;
    color: #80DEEA; 
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 3px;
    margin-bottom: 16px;
}
.story-flow-main-title {
    color: #FFFFFF;
    font-size: 36px;
    font-weight: 900;
    line-height: 40px;
    letter-spacing: -0.5px;
    margin-bottom: 20px;
}
.story-flow-desc {
    color: #CBD5E1; 
    font-size: 16px;
    line-height: 24px;
    font-weight:400;
    margin: 0;
}
.story-step-card {
    background: rgba(255, 255, 255, 0.02); 
    border: 1px solid rgba(255, 255, 255, 0.07); 
    border-radius: 16px;
    padding: 24px;
    height: 100%; 
    text-align: left;
    transition: all 0.3s ease;
    box-shadow: 
        inset 0 1px 1px rgba(255, 255, 255, 0.1), 
        0 4px 30px rgba(0, 0, 0, 0.2);           
    backdrop-filter: blur(8px); 
    -webkit-backdrop-filter: blur(8px);
}
.story-step-card:hover {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.15);
    box-shadow: 
        inset 0 1px 2px rgba(255, 255, 255, 0.2),
        0 10px 40px rgba(0, 0, 0, 0.3);
    transform: translateY(-2px);
}
.story-card-header {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
}
.step-number {
    width: 36px;
    height: 36px;
    background: #FFFFFF;
    color: #0F172A;
    font-size: 14px;
    font-weight: 800;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.step-icon-mini {
    color: #FFB25A;
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.8;
}
.step-title {
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 900;
    line-height:28px;
    margin-bottom: 12px;
}
.step-text {
    color: #CBD5E1;
    font-size: 14px;
    line-height: 22.75px;
    margin: 0;
    font-weight:400
}
.story_cta__inner {
  background: linear-gradient(135deg, #fff5f0 0%, #f0f8ff 100%);
  border-radius: 16px;
  border: 1px solid #f0e8e0;
  padding:50px;
}
.story_cta__title {
    font-size: 30px;
    font-weight: 900;
    color: #1E293B;
    line-height: 37.5px;
}
.story_cta__desc {
    font-size: 16px;
    color: #334155;
    font-weight:400;
    line-height: 26px;
}
.story_cta__btn {
    display: inline-block;
    color: #fff !important;
    font-weight: 900;
    font-size: 16px;
    padding: 14px 24px;
    line-height:24px;
    border-radius: 15px;
    text-decoration: none;
    background: linear-gradient(90deg, #FF6A00 0%, #FFB800 100%);
    box-shadow: 0px 4px 15px rgba(255, 106, 0, 0.2);
    transition: transform 0.2s ease, opacity 0.2s ease;
    white-space: nowrap;
}
.story_cta__btn:hover {
    background-color: #e06a10;
    text-decoration: none;
    transform: translateY(-1px);
}
.story_cta__btn span {
    margin-left: 6px;
}
.story_idea {
    background: #FFFFFF;
    border-radius: 24px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.04);
    margin-bottom:60px;
    margin-top:60px;
}
.story-idea-left {
    background: #1E293B;
    padding: 48px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.story-idea-badge {
    color: #FFB25A; 
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 2px;
    margin-bottom: 16px;
    display: inline-block;
}
.story-idea-main-title {
    color: #FFFFFF;
    font-size: 36px;
    font-weight: 900;
    line-height: 40px;
    margin-bottom: 24px;
}
.story-idea-desc {
    color: #CBD5E1;
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    font-weight: 400;
}
.story-idea-right {
    background: #FFFFFF;
    padding: 48px;
    display: flex;
    flex-direction: column;
    gap: 16px;
    height: 100%;
    justify-content: center;
}
.story-idea-card {
    background: #F8FAFC;
    border: 1px solid #E2E8F0; 
    border-radius: 16px;
    padding: 20px 24px;
    transition: all 0.3s ease;
}
.story-idea-card:hover {
    background: #FFFFFF;
    box-shadow: 0 8px 20px rgba(15, 23, 42, 0.05);
    transform: translateY(-1px);
}
.story-idea-card-header {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 12px;
}
.idea-step-number {
    width: 40px;
    height: 40px;
    background: #FF6B00;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 900;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.idea-step-title {
    color: #1E293B; 
    font-size: 18px;
    font-weight: 900;
    margin: 0;
    line-height:29px;
}
.idea-step-text {
    color: #475569; 
    font-size: 14px;
    line-height: 22px;
    margin: 0;
    padding-left: 42px; 
}
.story_brand {
    margin-bottom:60px !important;
    margin-top:0px !important;
}
.story-brand-header {
    margin-bottom: 30px;
}
.story-brand-badge {
    color: #E67E22;
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 2px;
    display: inline-block;
    margin-bottom: 12px;
}
.story-brand-main-title {
    color: #1E293B; 
    font-size: 30px;
    line-height:36px;
    font-weight: 900;
    margin-bottom:0px !important;
}
.story-brand-card {
    background: #FFFFFF;
    border: 1px solid #E2E8F0; 
    border-radius: 24px;       
    padding: 32px 24px;
    height: 100%;            
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    transition: all 0.3s ease;
    margin-bottom:10px !important;
}
.story-brand-card:hover {
    border-color: #FF8300; 
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(255, 131, 0, 0.06); 
}
.brand-icon-wrapper {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    margin-bottom: 24px;
}
.brand-icon-wrapper img{
    width:100%;
    height:100%;
    object-fit:contain;
}
.icon-orange {
    background-color: #FFF3EB;
    color: #E67E22;
}
.icon-blue {
    background-color: #EBF7FA;
    color: #2980B9;
}
.icon-cream {
    background-color: #FFF8F2;
    color: #D35400;
}
.icon-gray {
    background-color: #F1F2F6;
    color: #57606F;
}
.brand-card-title {
    color: #1E293B;
    font-size: 18px;
    font-weight: 900;
    line-height: 28px;
    margin-bottom: 16px;
}
.brand-card-text {
    color: #475569;
    font-size: 14.5px;
    line-height: 22.75px;
    margin: 0;
    font-weight: 400;
}
.story-text-container-card {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 20px;
    padding: 40px 35px; 
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.02); 
    margin-bottom: 20px;
    height: 100%; 
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.story-text-badge {
    color: #0097A7; 
    font-size: 14px;
    font-weight: 900;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 16px;
    display: inline-block;
}
.story-text-main-title {
    color: #1E293B;
    font-size: 36px;
    font-weight: 900;
    line-height: 40px;
    margin: 0;
}
.story-text-content p {
    color: #334155;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    margin-bottom: 20px; 
}
.story-text-content p:last-child {
    margin-bottom: 0;
}
.pricing-package-card {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 20px;
    padding: 35px 30px;
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.01);
    transition: all 0.3s ease;
}
.pricing-package-card:hover {
    transform: translateY(-4px);
    box-shadow: 0px 15px 35px rgba(255, 131, 0, 0.05);
}
.popular-card {
    border: 1px solid #FF8300;
}
.top-featured-badge {
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
    background: #FF8300;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 800;
    padding: 6px 24px;
    border-radius: 12px;
    letter-spacing: 0.5px;
    box-shadow: 0 4px 12px rgba(255, 131, 0, 0.2);
    white-space: nowrap;
}
.package-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 10px;
    font-weight: 900;
    padding: 6px 12px;
    border-radius: 8px;
    width: fit-content;
    margin-bottom: 20px;
    letter-spacing: 0.5px;
}
.badge-orange-light {
    background-color: #FFF5EE;
    color: #FF6B00;
}
.package-title {
    color: #1E293B;
    font-size: 30px;
    font-weight: 900;
    line-height:37.5px;
    margin-bottom: 14px;
}
.package-desc {
    color: #6B7280;
    font-size: 14px;
    line-height: 22.75px;
    font-weight:500;
    margin-bottom: 24px;
    min-height: 44px; 
}
.package-meta-row {
    display: flex;
    gap: 12px;
    margin-bottom: 16px;
}
.meta-box {
    flex: 1;
    border-radius: 12px;
    padding: 12px 16px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}
.box-gray {
    background-color: #F8FAFC;
}
.box-orange {
    background-color: #FFF8F5;
    border: 1px solid rgba(255, 131, 0, 0.08);
}
.meta-label {
    font-size: 10px;
    font-weight: 900;
    color: #9CA3AF;
    line-height:15px;
    letter-spacing: 0.5px;
}
.meta-label i {
    font-size: 10px;
    margin-right: 2px;
    color:#ff8300;
}
.meta-value {
    line-height:28px;
    font-size: 20px;
    font-weight: 900;
    color: #1E293B;
}
.live-lesson-banner {
    background-color: #EBF9FA;
    color: #0097A7;
    font-size: 12px;
    font-weight: 700;
    padding: 10px 16px;
    border-radius: 10px;
    line-height:16px;
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 20px;
}
.tag-container {
    display: flex;
    gap: 6px;
    flex-wrap: wrap;
    margin-bottom: 30px;
}
.feature-tag {
    background-color: #1E293B;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: 700;
    line-height:15px;
    padding: 6px 10px;
    border-radius: 6px;
    letter-spacing: 0.3px;
}
.package-features {
    margin-bottom: 35px;
    flex-grow: 1;
}
.features-headline {
    font-size: 10px;
    font-weight: 900;
    color: #9CA3AF;
    letter-spacing: 0.5px;
    line-height:15px;
    display: block;
    margin-bottom: 14px;
}
.package-features ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.package-features ul li {
    font-size: 14px;
    color: #4B5563;
    line-height:19.25px;;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 10px;
}
.package-features ul li i {
    color: #2ECC71; 
    background: #E8F8F0;
    width: 18px;
    height: 18px;
    font-size: 9px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn-package-action {
    width: 100%;
    padding: 14px;
    border-radius: 14px;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    transition: all 0.3s ease;
    color:#1E293B;
    text-decoration:none !important;
    line-height:24px;
}
.btn-outline {
    background: #FFFFFF;
    color: #1E293B;
    border: 1px solid #E2E8F0;
}
.btn-outline:hover {
    background: #F8FAFC;
    border-color: #CBD5E1;
    color: #1E293B;
}
.btn-filled-orange {
    color: #FFFFFF;
    border: none;
    background: linear-gradient(90deg, #FF6A00 0%, #FFB800 100%);
    box-shadow: 0px 4px 15px rgba(255, 106, 0, 0.2);
    transition: transform 0.2s ease, opacity 0.2s ease;
}
.btn-filled-orange:hover {
    background: linear-gradient(135deg, #FF941A 0%, #FF621A 100%);
    color: #FFFFFF;
    box-shadow: 0 6px 20px rgba(255, 81, 0, 0.3);
}
.marspecialpackage{
    margin-bottom:100px;
    margin-top:0px;
}
.package-intro-section {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.package-intro-badge {
    background-color: #FFF2EB; 
    color: #FF6B00;
    font-size: 14px;
    font-weight: 700;
    padding: 6px 18px;
    line-height:20px;
    border-radius: 50px;
    margin-bottom: 16px;
    display: inline-block;
}
.package-intro-title {
    color: #1E293B;
    font-size: 48px;
    line-height:48px;
    font-weight: 900;
    letter-spacing: -1px;
    margin-bottom: 16px;
}
.package-intro-desc {
    color: #6B7280;
    font-size: 18px;
    line-height: 29.25px;
    font-weight: 400;
    max-width: 680px; 
}
.package-summary-card {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 20px;
    padding: 24px 35px;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.02); 
    margin-bottom: 20px;
    margin-top:0px !important;
}
.summary-label {
    color: #9CA3AF;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 1px;
    text-transform: uppercase;
    display: block;
    margin-bottom: 6px;
}
.summary-value {
    color: #1E293B;
    font-size: 20px;
    font-weight:900;
    line-height:28px;
    margin: 0;
}
.package-intro-section{
    margin-top:100px;   
}
.package-summary-card {
    margin-top:30px !important;
}
.how_it_works {
    background-color: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 32px;
    padding: 60px 40px;
}
.hiw-badge {
    background-color: #FFF1EA !important;
    color: #f27a35;
    font-size: 14px;
    font-weight: 700;
    padding: 8px 18px;
    line-height:20px;
    border-radius: 100px;
    margin-bottom:15px !important;
}
.hiw-title {
    color: #101828;
    font-size: 48px;
    font-weight: 900;
    line-height:48px;
}
.hiw-description {
    font-size: 18px;
    line-height: 28px;
    max-width: 750px;
    color:#4B5563;
    font-weight:400;
}
.hiw-tag {
    background-color: #FFF1EA;
    color: #1E293B;
    border:1px solid #e0e0e0;
    font-size: 12px;
    line-height:16px;
    font-weight: 600;
    padding: 10px 20px;
    margin-right:15px !important;;
    border-radius: 100px;
}
.hiw-btn {
    color: #ffffff !important;
    font-weight: 900;
    border-radius: 14px;
    border: none;
    font-size:14px;
    line-height:20px;
    margin-top:30px !important;
    background: linear-gradient(90deg, #FF6A00 0%, #FFB800 100%);
    box-shadow: 0px 4px 15px rgba(255, 106, 0, 0.2);
    transition: transform 0.2s ease, opacity 0.2s ease;
}
.hiw-btn:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(242, 122, 53, 0.4);
}
.how_it_works{
    margin-top:80px;
    margin-bottom:60px;
}
.how_top_header{
    text-align:center !important;
    margin:auto !important;
    color: #1E293B;
    font-weight:900;
    font-size:30px;
    line-height:36px;
    margin-top:40px !important;
    margin-bottom:0px;
}
.how_it_work_steps {
    width: 100%;
}
.step-process-card {
    background: #FFFFFF;
    border: 1px solid #E2E8F0; 
    border-radius: 20px;      
    padding: 32px 24px;    
    height: 100%;              
    text-align: left;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 992px) {
    .step-process-card:hover {
        border-color: #CBD5E1;
        transform: translateY(-4px);
        box-shadow: 0px 12px 30px rgba(15, 23, 42, 0.04);
    }
}
.step-card-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
}
.step-icon-bg {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
}
.step-icon-bg img{
    width:100%;
    height:100%;
    object-fit:contain;
}
.icon-orange-light {
    background-color: #FFF0E6; 
    color: #FF6B00;            
}
.icon-blue-light {
    background-color: #EFF6FF; 
    color: #2563EB;          
}
.icon-user-light {
    background-color: #FDF2F8; 
    color: #DB2777;
}
.icon-green-light {
    background-color: #ECFDF5;
    color: #059669;
}
.step-count-badge {
    color: #0D9488;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: -0.1px;
}
.step-process-title {
    color: #1E293B;
    font-size: 16px;
    font-weight: 900;
    line-height: 24px;
    margin-bottom: 12px;
    letter-spacing: -0.3px;
}
.step-process-text {
    color: #4B5563;
    font-size: 14px;
    line-height: 22.75px;
    margin: 0;
}

.cta-dark-bar {
    background-color: #242E3D;
    border-radius: 24px;       
    padding: 48px 44px;        
    box-shadow: 0px 15px 35px rgba(15, 23, 42, 0.1);
    text-align: left;    
    display: flex;
    flex-direction: column;
    gap: 28px;               
    margin-bottom:70px !important;
}
.cta-dark-title {
    color: #FFFFFF;          
    font-size: 30px;
    font-weight: 900;        
    line-height: 36px;
    letter-spacing: -0.5px;
    margin-bottom: 12px;
}
.cta-dark-desc {
    color: #E2E8F0;          
    font-size: 16px;
    font-weight:400;
    line-height: 24px;
    margin: 0;
    max-width: 750px;         
}
.cta-dark-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: none;
    outline: none;
    border-radius: 12px;      
    padding: 14px 28px;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 900;         
    letter-spacing: -0.1px;
    background: linear-gradient(90deg, #FF6A00 0%, #FFB800 100%);
    box-shadow: 0px 4px 15px rgba(255, 106, 0, 0.2);
    transition: transform 0.2s ease, opacity 0.2s ease;
    cursor: pointer;
    white-space: nowrap;
}
@media (min-width: 992px) {
    .cta-dark-btn:hover {
        transform: translateY(-2px);
        box-shadow: 0px 10px 24px rgba(255, 107, 0, 0.3);
        opacity: 0.95;
    }
}
.cta-dark-btn:active {
    transform: scale(0.98);
}
.video-intro-wrapper {
    background: #FFFFFF;
    border-radius: 24px; 
    padding: 10px;
    box-shadow: 0px 10px 30px rgba(15, 23, 42, 0.02);
    text-align: left;
}
.video-intro-header {
    margin-bottom: 32px;
}
.video-intro-title {
    color: #0F172A; 
    font-size: 30px;
    line-height:36px;
    font-weight: 900; 
    margin-bottom: 10px;
}
.video-intro-desc {
    color: #4B5563 ;
    font-size: 16px;
    line-height: 24px;
    margin: 0;
}
.video-player-container {
    border: 1px dashed #FF6B00; 
    border-radius: 16px;
    padding: 24px;
    background-color: #FAFAFA;
}
.video-frame-box {
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0px 8px 24px rgba(15, 23, 42, 0.06);
}
.video-placeholder-footer .video-footer-title {
    display: block;
    color: #0F172A;
    font-size: 15px;
    font-weight: 800;
    margin-bottom: 4px;
}
.video-placeholder-footer .video-footer-text {
    color: #64748B;
    font-size: 13px;
    margin: 0;
}
.text-orange {
    color: #FF6B00;
}
.brand-story-panel {
    background: linear-gradient(135deg, #FFF8F5 0%, #FFFFFF 50%, #F4F7FA 100%);
    border: 1px solid rgba(255, 107, 0, 0.05);
    border-radius: 32px;
    padding: 60px 50px;
    position: relative;
}
.story-badge {
    display: inline-block;
    background-color: #FFEFE6;
    color: #FF6B00;
    border:1px solid #FF6B00;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 1px;
    line-height:16px;
    padding: 6px 14px;
    border-radius: 30px;
    margin-bottom: 20px;
}
.story-title {
    color: #1E293B;
    font-size:60px;
    font-weight: 900;
    line-height: 60px;
    letter-spacing: -1px;
    margin-bottom: 20px;
}
.story-text {
    color: #334155;
    font-size: 18px;
    font-weight:400;
    line-height: 28px;
    margin-bottom: 32px;
}
.story-action-btns {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 36px;
}
.btn-discover {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background-color: #1E293B;
    color: #FFFFFF !important;
    padding: 14px 14px;
    border-radius: 12px;
    font-size: 16px;
    line-height:24px;
    font-weight: 700;
    text-decoration: none !important;
    transition: background 0.2s ease;
}
.btn-request-orange {
    background: linear-gradient(135deg, #FF8A3D 0%, #FF6B00 100%);
    color: #FFFFFF;
    border: none;
    outline: none;
    padding: 14px 14px;
    border-radius: 12px;
    font-size: 16px;
    line-height:24px;
    font-weight: 900;
    box-shadow: 0px 6px 15px rgba(255, 107, 0, 0.2);
    cursor: pointer;
    transition: transform 0.2s ease;
}
.btn-discover:hover {
    background-color: #0F172A;
}
.btn-request-orange:hover {
    transform: translateY(-2px);
}
.story-features-list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}
.feature-item {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #334155; 
    font-size: 14px;
    font-weight: 700;
}
.feature-item i{
    color:#3EA4B3;
}
.story-right-display {
    position: relative;
    padding-left: 20px;
}
.floating-compass-icon {
    width: 52px;
    height: 52px;
    background: #FF6B00;
    color: #FFFFFF;
    font-size: 24px;
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -20px;
    left: 0px;
    z-index: 10;
    box-shadow: 0px 8px 20px rgba(255, 107, 0, 0.3);
}
.layered-main-card {
    background: #FFFFFF;
    border: 1px solid #EDF2F7;
    border-radius: 24px;
    padding: 30px;
    box-shadow: 0px 20px 40px rgba(15, 23, 42, 0.04);
}
.inner-dark-card {
    background: linear-gradient(180deg, #2D3748 0%, #1A202C 100%);
    border-radius: 18px;
    padding: 24px;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.dark-card-icon {
    color: #38BDF8;
    font-size: 26px;
    margin-bottom: 20px;
}
.dark-card-steps {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.dark-card-steps li {
    color: #FFFFFF;
    font-size: 14px;
    line-height:20px;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 10px;
}
.dark-card-steps .num {
    width: 22px;
    height: 22px;
    background: #FFFFFF;
    color: #1A202C;
    border-radius: 50%;
    font-size: 11px;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
}
.inner-soft-card {
    border-radius: 16px;
    padding: 20px;
    text-align: left;
    height: calc(50% - 6px);
}
.bg-cream-soft { background-color: #FFFDF9; border: 1px solid #F7EFE5; }
.bg-turquoise-soft { background-color: #F0FDFA; border: 1px solid #E6F4F1; }
.text-cream-orange { 
    color: #EA580C; 
    font-size: 13.3px; 
    font-weight: 900; 
    letter-spacing: 1px; 
    display: block; 
    margin-bottom: 8px;
}
.soft-card-title { 
    color: #1E293B; 
    font-size: 20px; 
    font-weight: 900; 
    line-height: 25px; 
    margin: 0; 
}
.soft-card-icon-mini { font-size: 16px; margin-bottom: 8px; }
.text-turquoise { color: #0D9488; }
.soft-card-text { 
    color: #334155; 
    font-size: 14px; 
    line-height: 22.75px;
    margin: 0; 
    font-weight: 600; 
}
.gap-3 { gap: 12px; }
.preference-robot-panel {
    background-color: #090D12; 
    border-radius:0px;
    padding: 60px 50px;
    padding-top:130px !important;
    margin-top:-70px !important;
    position: relative;
    overflow: hidden;
}
.robot-badge {
    display: inline-flex;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    padding: 6px 14px;
    border-radius: 10px;
    margin-bottom: 24px;
}
.robot-badge span {
    color: #FF6B00;
    font-size: 14px;
    line-height:20px;
    font-weight: 700;
}
.robot-main-title {
    color: #FFFFFF;
    font-size: 60px;
    font-weight: 900;
    line-height: 60px;
    letter-spacing: -1.5px;
    margin-bottom: 20px;
}
.robot-desc-text {
    color: #D1D5DB;
    font-size: 20px;
    font-weight:400;
    line-height: 32.5px;
    margin-bottom: 36px;
    max-width: 440px;
}
.robot-action-btns {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}
.btn-robot-orange {
    color: #FFFFFF;
    border: none;
    outline: none;
    padding: 14px 28px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    background: linear-gradient(90deg, #FF6A00 0%, #FFB800 100%);
    box-shadow: 0px 4px 15px rgba(255, 106, 0, 0.2);
    transition: transform 0.2s ease, opacity 0.2s ease;
    display: inline-flex;
    align-items: center;
}
.btn-robot-orange:hover {
    transform: translateY(-2px);
    opacity: 0.95;
}
.btn-robot-outline {
    background-color: rgba(255, 255, 255, 0.03);
    color: #E2E8F0 !important;
    border: 1px solid rgba(255, 255, 255, 0.15);
    padding: 14px 24px;
    border-radius: 12px;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none !important;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
}
.btn-robot-outline:hover {
    background-color: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.3);
}
.approach-main-card {
    background-color: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 24px;
    padding: 32px;
}
.approach-header {
    display: flex;
    align-items: center;
    color: #FF6B00; 
    margin-bottom: 24px;
}
.approach-header h3 {
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 900;
    line-height:28px;
    margin: 0;
    letter-spacing: -0.3px;
}
.approach-list-wrapper {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.approach-item-card {
    background-color: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 16px;
    padding: 20px;
    display: flex;
    align-items: flex-start;
    gap: 16px;
    transition: background 0.2s ease;
}
.approach-item-card:hover {
    background-color: rgba(255, 255, 255, 0.05);
}
.approach-icon-box {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    flex-shrink: 0;
}
.bg-orange-icon {
    background-color: rgba(255, 107, 0, 0.15);
    color: #FF6B00;
}
.pad0{
    padding:0px !important;
}
.approach-item-text{
    text-align: left;
}
.approach-item-text h4 {
    color: #FFFFFF;
    font-size: 16px;
    line-height:24px;
    font-weight: 900;
    margin-bottom: 4px;
}
.approach-item-text p {
    color: #D1D5DB;
    font-size: 14px;
    line-height: 22.75px;
    margin: 0;
}
.why-not-robot-section {
    padding: 40px 0;
    background-color: #FFFFFF;
}
.why-not-content {
    padding-right: 20px;
}
.why-not-title {
    color: #030712;
    font-size: 30px;
    font-weight: 900;
    line-height: 36px;
    margin-bottom: 24px;
}
.why-not-desc {
    color: #4B5563;
    font-weight:400;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 16px;
}
.why-not-cards-list {
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.why-not-item-card {
    background-color: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    padding: 20px 24px;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.why-not-item-card:hover {
    border-color: #CBD5E1;
    box-shadow: 0px 4px 12px rgba(15, 23, 42, 0.02);
}
.why-not-item-card p {
    color: #374151;
    font-size: 14px;
    line-height: 22.75px;
    margin: 0;
    font-weight: 500;
}
.find-preference-cta {
    background: linear-gradient(135deg, #FFFDF9 0%, #FFF9F3 100%);
    border: 1px solid #FDF2E9;
    border-radius: 24px;
    padding: 60px 40px;
    margin-bottom:100px;
    position: relative;
}
.cta-main-title {
    color: #0F172A;
    font-size: 42px;
    font-weight: 800;
    line-height: 52px;
    letter-spacing: -1.5px;
    margin-bottom: 16px;
}
.cta-sub-text {
    color: #475569;
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 32px;
}
.cta-buttons-wrapper {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 14px;
}
.btn-cta-orange {
    color: #FFFFFF;
    border: none;
    outline: none;
    padding: 14px 28px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
    background: linear-gradient(90deg, #FF6A00 0%, #FFB800 100%);
    box-shadow: 0px 4px 15px rgba(255, 106, 0, 0.2);
    transition: transform 0.2s ease, opacity 0.2s ease;
    display: inline-flex;
    align-items: center;
}
.btn-cta-orange:hover {
    background-color: #E25C00;
    transform: translateY(-1px);
}
.btn-cta-white {
    background-color: #FFFFFF;
    color: #0F172A !important;
    border: 1px solid #E2E8F0;
    padding: 14px 24px;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none !important;
    box-shadow: 0px 2px 6px rgba(15, 23, 42, 0.04);
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
}
.btn-cta-white:hover {
    background-color: #F8FAFC;
    border-color: #CBD5E1;
}
.teacher_apply_faq {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 20px;
    padding: 30px;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.02); 
    margin-bottom: 20px;
}
.faq_subtitle {
    color: #319795;
    font-weight: 800;
    font-size: 14px;
    letter-spacing: 2px;
}
.faq_title {
    color: #1A202C;
    font-size: 28px;
    font-weight: 800;
    letter-spacing: -0.5px;
}
.faq_list {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.faq_item {
    background: #F8FAFC; 
    border: 1px solid #E0E0E0;
    border-radius: 12px;
    overflow: hidden;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}
.faq_question {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 20px 25px;
    cursor: pointer;
    font-weight: 900 !important;;
    color: #1A202C;
    font-size: 14px !important;;
    line-height:20px !important;
    user-select: none;
    color:#1E293B;
}
.faq_question:text-decoration-none {
    text-decoration: none;
}
.arrow_icon {
    border: solid #ED8936;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 4px;
    transform: rotate(-135deg);
    transition: transform 0.2s ease-in-out;
    margin-top: 4px;
}
.faq_question.collapsed .arrow_icon {
    transform: rotate(45deg);
    margin-top: 0;
}
.faq_answer {
    padding: 0 25px 20px 25px;
    color: #334155;
    font-size: 14px;
    line-height: 22.75px;
    font-weight: 500;
}
.faq_answer p {
    margin: 0;
}
.faq_item:hover{
    background: #FFF; 
    border-color: #FFD0B6; 
}
.faq_item:has(.show) {
    background: #FFF8F2; 
    border-color: #FFD0B6; 
}.faq_question:not(.collapsed) {
    color: #1A202C;
}
.teacher_apply_process {
    background: linear-gradient(135deg, #FFFDF9 0%, #FFFFFF 50%, #F0FAFA 100%);
    border: 1px solid #E2E8F0;
    border-radius: 24px;
    padding: 45px 35px;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.01);
    margin-bottom: 40px;
}
.process_subtitle {
    color: #0097A7; 
    font-weight: 900;
    font-size: 14px;
    line-height:20px;
    letter-spacing: 2px;
}
.process_title {
    color: #1E293B;
    font-size: 30px;
    font-weight: 900;
    line-height:36px;
}
.process_header_text {
    color: #475569;
    font-size: 14px;
    line-height: 22.75px;
    font-weight: 400;
}
.process_card {
    background: #FFFFFF;
    border-radius: 16px;
    padding: 30px 25px;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.01);
    transition: transform 0.2s ease;
}
.step_number {
    width: 36px;
    height: 36px;
    background-color: #1A202C; 
    color: #FFFFFF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    font-size: 14px;
    line-height:20px;
    margin-bottom: 25px;
}
.step_title {
    color: #1E293B;
    font-size: 16px;
    font-weight: 900;
    line-height: 24px;
    margin-bottom: 12px;
}
.step_text {
    color: #475569;
    font-size: 14px;
    line-height: 22.75px;
    font-weight: 400;
    margin: 0;
}
.teacher_apply_hero {
    background: #fff;
    border-radius: 20px;
    padding: 48px 40px;
    position: relative;
    overflow: hidden;
    margin-bottom:40px;
    margin-top:110px;
}

.teacher_apply_hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 5px;
    background: linear-gradient(90deg, #f97316, #facc15, #4ade80, #38bdf8, #818cf8);
    border-radius: 20px 20px 0 0;
}
.teacher_apply_hero__content {
    padding-right: 32px;
}

.teacher_apply_hero__badge {
    background-color:#E0F7FA;
    display: inline-block;
    border: 1px solid #00838F;
    color: #00838F;
    font-size: 12px;
    font-weight: 900;
    letter-spacing: 1.2px;
    text-transform: uppercase;
    padding: 8px 16px;
    border-radius: 50px;
    margin-bottom: 20px;
}

.teacher_apply_hero__title {
    font-size:60px;
    line-height:60px;
    font-weight: 900;
    color: #0f172a;
    margin-bottom: 18px;
}
.teacher_apply_hero__desc {
    font-size: 18px;
    line-height:28px;
    color: #334155;
    line-height: 1.7;
    margin-bottom: 28px;
    max-width: 520px;
}

.teacher_apply_hero__feature-item {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #F8FAFC;
    border: 1px solid #e2e8f0;
    border-radius: 5px;
    padding: 8px 16px;
    font-size: 14px;
    margin:6px;
    line-height:20px;
    font-weight: 600;
    color: #334155;
}
.teacher_apply_hero__feature-icon {
    flex-shrink: 0;
}
.teacher_apply_hero__cta {
    background: linear-gradient(90deg, #FF6A01 0%, #F69C0B 100%);
    color: #fff !important;
    font-size: 16px;
    font-weight: 900;
    border-radius: 12px;
    padding: 12px 19px;
    border: none;
    width: 100%;
    transition: opacity 0.2s, transform 0.15s;
    box-shadow: 0 4px 18px rgba(249,115,22,0.35);
}
.teacher_apply_hero__cta:hover {
    opacity: 0.93;
    transform: translateY(-1px);
}
.teacher_apply_hero__media {
    position: relative;
}
.teacher_apply_hero__img-wrap {
    position: relative;
    border-radius: 16px;
    overflow: hidden;
}
.teacher_apply_hero__img {
    width: 100%;
    height: 340px;
    object-fit: cover;
    display: block;
    border-radius: 16px;
}
.teacher_apply_hero__badge-top {
    position: absolute;
    top: 14px;
    right: 14px;
    background: #fff;
    border-radius: 10px;
    padding: 8px 14px;
    box-shadow: 0 2px 12px rgba(0,0,0,0.12);
    z-index: 2;
}
.teacher_apply_hero__badge-top-text {
    font-size: 12px;
    font-weight: 900;
    line-height:16px;
    color: #1e293b;
}
.teacher_apply_hero__info-card {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width:90% !important; 
    margin:auto !important;
    margin-bottom:15px !important;;
    background-color:#FFF;
    backdrop-filter: blur(8px);
    padding: 16px 20px;
    border-radius:20px !important;
}
.teacher_apply_hero__info-title {
    font-size: 14px;
    font-weight: 900;
    line-height:20px;
    color: #1E293B;
    margin-bottom: 4px;
}
.teacher_apply_hero__info-desc {
    font-size: 12px;
    line-height:16px;
    font-weight:600;
    color: #475569;
    margin: 0;
}
.teacher_apply_hero__left-panel {
    background: #1e2a3a;
    border-radius: 16px;
    padding: 40px 32px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
}
.teacher_apply_hero__form-badge {
    display: inline-block;
    color: #FFB25A;
    font-size: 14px;
    font-weight: 900;
    line-height:20px;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    margin-bottom: 16px;
}
.teacher_apply_hero__form-title {
    font-size: 30px;
    line-height:37.5px;
    font-weight: 900;
    color: #ffffff;
    line-height: 1.2;
    margin-bottom: 16px;
}
.teacher_apply_hero__form-desc {
    font-size: 16px;
    color: #CBD5E1;
    line-height: 24px;
    font-weight:400;
    margin-bottom: 32px;
}
.teacher_apply_hero__feature-list {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
.teacher_apply_hero__feature-row {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    background: rgba(255,255,255,0.06);
    border-radius: 10px;
    padding: 12px 16px;
    color: #e2e8f0;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;;
}
.teacher_apply_hero__feature-row svg {
    flex-shrink: 0;
    margin-top: 1px;
}
.teacher_apply_hero__form-panel {
    background: #ffffff;
    border-radius: 16px;
    padding: 40px 36px;
}
.popup-selectable-wrapper {
    display: grid;
    grid-template-columns: repeat(3, 1fr); 
    gap: 12px;                            
    width: 100%;
}
.popup-grid-selectable {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
}
.selectable-btn-item {
    margin: 0 !important;
    cursor: pointer;
    width: 100%;
}
.selectable-btn-item input[type="radio"],
.selectable-btn-item input[type="checkbox"] {
    display: none; 
}
.selectable-btn-item span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 43px;
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    color: #374151;
    font-weight: 700;
    line-height: 16px;
    font-size: 12px;
    transition: all 0.2s ease;
    user-select: none;
    text-transform: none !important;
}
.selectable-btn-item:hover span {
    background: #F8FAFC;
    border-color: #CBD5E1;
}
.selectable-btn-item input[type="radio"]:checked + span {
    background: #FF8A00 !important;
    border-color: #FF8A00 !important;
    color: #FFFFFF !important;
    box-shadow: 0px 4px 12px rgba(255, 138, 0, 0.2);
}
.selectable-btn-item input[type="checkbox"]:checked + span {
    background: #FF8A00 !important;
    border-color: #FF8A00 !important;
    color: #FFFFFF !important;
    box-shadow: 0px 4px 12px rgba(255, 138, 0, 0.2);
}
.select-wrapper {
    position: relative;
    background-color: #FFF !important;
    width: 100%;
}
.mar100{
    margin-top:100px;
    margin-bottom:100px;
}
.ea-header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 16px;
    margin-bottom: 28px;
}
.ea-header__left h1 {
    font-size: 48px;
    line-height:48px;
    font-weight: 900;
    color: #1E293B;
    margin-bottom: 12px;
}
.ea-header__left p {
    font-size: 16px;
    color: #6B7280;
    line-height:26px;
    margin: 0;
    max-width: 420px;
}
 
/* Toggle */
.ea-toggle {
    display: flex;
    align-items: center;
    gap: 10px;
    border: 2px solid #e2e8f0;
    border-radius: 15px;
    padding: 15px 22px;
    background: transparent;
    cursor: pointer;
    transition: all 0.2s;
    user-select: none;
    white-space: nowrap;
}
.ea-toggle.active {
    border-color: #10b981;
    background: #f0fdf4;
}
.ea-toggle__dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #cbd5e1;
    transition: background 0.2s;
}
.ea-toggle.active .ea-toggle__dot {
    background: #10b981;
}
.ea-toggle__label {
    font-size: 14px;
    font-weight: 700;
    line-height:20px;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    color: #4B5563;
    transition: color 0.2s;
}
.ea-toggle.active .ea-toggle__label {
    color: #10b981;
}
.ea-toggle__switch {
    width: 40px;
    height: 22px;
    background: #cbd5e1;
    border-radius: 50px;
    position: relative;
    transition: background 0.25s;
    flex-shrink: 0;
}
.ea-toggle__switch::after {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    background: #fff;
    border-radius: 50%;
    top: 3px;
    left: 3px;
    transition: left 0.25s;
    box-shadow: 0 1px 4px rgba(0,0,0,0.15);
}
.ea-toggle.active .ea-toggle__switch {
    background: #10b981;
}
.ea-toggle.active .ea-toggle__switch::after {
    left: 21px;
}
 
/* ===================== FİLTRE PILLARI ===================== */
.ea-filter-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 10px;
}
.ea-pill {
    border: 1.5px solid #e2e8f0;
    border-radius: 50px;
    padding: 12px 18px;
    font-size: 14px;
    font-weight: 600;
    color: #374151;
    line-height:20px;
    background: transparent;
    cursor: pointer;
    transition: all 0.18s;
    white-space: nowrap;
    line-height: 1;
}
.ea-pill:hover {
    border-color: #f97316;
    color: #f97316;
}
.ea-pill.active-orange {
    background: #f97316;
    border-color: #f97316;
    color: #fff;
}
.ea-pill.active-dark {
    background: #1e2a3a;
    border-color: #1e2a3a;
    color: #fff;
}
.ea-info-cards {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 16px;
    margin: 24px 0;
}
@media (max-width: 767px) {
    .ea-info-cards { grid-template-columns: 1fr; }
}
.ea-info-card {
    background: #fff;
    border: 1.5px solid #e2e8f0;
    border-radius: 16px;
    padding: 24px 28px;
}
.ea-info-card h4 {
    font-size: 18px;
    font-weight: 900;
    line-height:28px;
    color:#1E293B;
    margin-bottom: 10px;
}
.ea-info-card p {
    font-size: 14px;
    color: #6B7280;
    line-height: 22.75px;
    margin-bottom: 20px;
}
.customp li{
    font-size: 14px;
    color: #000;
    line-height: 22.75px;
    margin-bottom: 20px;
}
.customp h2,h3,h4,h5,h6{
    color:#000;
    font-weight:700;
    font-size:17px;
}
.customp p{
    font-size: 14px;
    color: #000;
    line-height: 22.75px;
    margin-bottom: 20px;
}
.ea-info-card .btn-orange-solid {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #fff;
    border: none;
    border-radius: 10px;
    padding: 11px 22px;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    transition: opacity 0.2s;
    background: linear-gradient(90deg, #FF6A00 0%, #FFB800 100%);
    box-shadow: 0px 4px 15px rgba(255, 106, 0, 0.2);
    transition: transform 0.2s ease, opacity 0.2s ease;
}
.ea-info-card .btn-orange-solid:hover { opacity: 0.88; color: #fff; }
.ea-info-card .btn-orange-outline {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: transparent;
    color: #f97316;
    border: 2px solid #f97316;
    border-radius: 10px;
    padding: 9px 22px;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    transition: all 0.2s;
}
.ea-info-card .btn-orange-outline:hover {
    background: #f97316;
    color: #fff;
}
 
/* ===================== SONUÇ SAYISI ===================== */
.ea-result-bar {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
    font-size: 15px;
    font-weight: 600;
    color: #374151;
}
.ea-result-bar strong { color: #0f172a; }
.ea-badge-today {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    background: #f0fdf4;
    border: 1.5px solid #10b981;
    color: #10b981;
    font-size: 12px;
    font-weight: 700;
    border-radius: 50px;
    padding: 3px 12px;
}
.ea-badge-today::before {
    content: '';
    width: 7px;
    height: 7px;
    background: #10b981;
    border-radius: 50%;
}
.ea-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}
@media (max-width: 1199px) { .ea-grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 767px)  { .ea-grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 480px)  { .ea-grid { grid-template-columns: 1fr; } }
.ea-card {
    background: #fff;
    border-radius: 16px;
    overflow: hidden;
    border: 1.5px solid #e2e8f0;
    transition: box-shadow 0.2s, transform 0.2s;
}
.ea-card:hover {
    box-shadow: 0 8px 32px rgba(0,0,0,0.1);
    transform: translateY(-2px);
}
.ea-card__img-wrap {
    position: relative;
    height: 200px;
    overflow: hidden;
    background: #e2e8f0;
}
.ea-card__img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    display: block;
}
.ea-card__avail-badge {
    position: absolute;
    top: 12px;
    left: 12px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    border-radius: 50px;
    padding: 5px 12px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.5px;
}
.ea-card__avail-badge.bugun {
    background: #10b981;
    color: #fff;
}
.ea-card__avail-badge.yarin {
    background: #f97316;
    color: #fff;
}
.ea-card__avail-badge::before {
    content: '';
    width: 6px;
    height: 6px;
    background: rgba(255,255,255,0.8);
    border-radius: 50%;
}
.ea-card__rating {
    position: absolute;
    bottom: 10px;
    right: 10px;
    background: rgba(255,255,255,0.95);
    border-radius: 8px;
    padding: 4px 10px;
    font-size: 13px;
    font-weight: 700;
    color: #0f172a;
    display: flex;
    align-items: center;
    gap: 4px;
}
.ea-card__rating i { color: #f59e0b; font-size: 12px; }
.ea-card__body {
    padding: 16px;
}
.ea-card__name {
    font-size: 18px;
    font-weight: 900;
    color: #0f172a;
    margin-bottom: 4px;
}
.ea-card__uni {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 11px;
    font-weight: 700;
    color: #f97316;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    margin-bottom: 2px;
}
.ea-card__uni i { font-size: 11px; }
.ea-card__dept {
    font-size: 13px;
    color: #64748b;
    margin-bottom: 10px;
}
.ea-card__levels {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-bottom: 8px;
}
.ea-card__level-tag {
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
    border-radius: 6px;
    padding: 3px 10px;
    font-size: 11px;
    font-weight: 600;
    color: #475569;
}
.ea-card__subjects {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-bottom: 14px;
}
.ea-card__subject-tag {
    background: #f97316;
    color: #fff;
    border-radius: 6px;
    padding: 3px 10px;
    font-size: 11px;
    font-weight: 700;
}
.ea-card__subject-tag.secondary {
    background: #1e2a3a;
}
.ea-card__stats {
    display: flex;
    gap: 20px;
    margin-bottom: 14px;
    padding-bottom: 14px;
    border-bottom: 1px solid #f1f5f9;
}
.ea-card__stat {
    display: flex;
    flex-direction: column;
    gap: 2px;
}
.ea-card__stat-label {
    font-size: 10px;
    font-weight: 700;
    color: #94a3b8;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    display: flex;
    align-items: center;
    gap: 4px;
}
.ea-card__stat-label i { font-size: 10px; }
.ea-card__stat-value {
    font-size: 16px;
    font-weight: 800;
    color: #0f172a;
}
 
/* Butonlar */
.ea-card__btn-today {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    width: 100%;
    background: #10b981;
    color: #fff;
    border: none;
    border-radius: 10px;
    padding: 10px;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 8px;
    cursor: pointer;
    transition: opacity 0.2s;
    text-decoration: none;
}
.ea-card__btn-today::before {
    content: '';
    width: 7px;
    height: 7px;
    background: rgba(255,255,255,0.7);
    border-radius: 50%;
}
.ea-card__btn-today:hover { opacity: 0.88; color: #fff; }
 
.ea-card__btn-incele {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: 100%;
    color: #fff;
    border: none;
    border-radius: 10px;
    padding: 10px;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 10px;
    cursor: pointer;
    transition: opacity 0.2s;
    text-decoration: none;
    background: linear-gradient(90deg, #FF6A00 0%, #FFB800 100%);
    box-shadow: 0px 4px 15px rgba(255, 106, 0, 0.2);
    transition: transform 0.2s ease, opacity 0.2s ease;
}
.ea-card__btn-incele:hover { opacity: 0.88; color: #fff; }
 
.ea-card__footer {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    color: #94a3b8;
    flex-wrap: wrap;
}
.ea-card__price {
    font-weight: 600;
}
.ea-card__price strong {
    color: #0f172a;
}
.ea-card__free {
    color: #f97316;
    font-weight: 700;
    font-size: 11px;
    letter-spacing: 0.3px;
}
.ea-card__sep { color: #cbd5e1; }
.ea-empty {
    border: 2px dashed #e2e8f0;
    border-radius: 16px;
    padding: 64px 24px;
    text-align: center;
}
.ea-empty__icon {
    font-size: 40px;
    color: #cbd5e1;
    margin-bottom: 16px;
}
.ea-empty h4 {
    font-size: 18px;
    font-weight: 800;
    color: #0f172a;
    margin-bottom: 8px;
}
.ea-empty p {
    font-size: 14px;
    color: #64748b;
    max-width: 440px;
    margin: 0 auto 24px;
    line-height: 1.6;
}
.ea-empty .btn-orange-solid {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #f97316;
    color: #fff;
    border: none;
    border-radius: 10px;
    padding: 12px 28px;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    transition: opacity 0.2s;
}
.ea-empty .btn-orange-solid:hover { opacity: 0.88; color: #fff; }
.ea-card.hidden { display: none; }
.ep-breadcrumb {
    background: #1e2a3a;
    padding: 12px 0;
    margin-top:-80px !important;
    padding-top:170px !important;
}
.ep-breadcrumb__inner {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: #94a3b8;
}
.ep-breadcrumb__inner a { color: #94a3b8; text-decoration: none; }
.ep-breadcrumb__inner a:hover { color: #fff; }
.ep-breadcrumb__inner span { color: #fff; }
.ep-breadcrumb__sep { color: #475569; }
.ep-hero {
    background: #1e2a3a;
    padding: 40px 0 48px;
    position: relative;
}
.ep-hero__grid {
    display: grid;
    grid-template-columns: 1fr 420px;
    gap: 48px;
    align-items: start;
}
@media (max-width: 991px) {
  .ep-hero__grid { grid-template-columns: 1fr; gap: 32px; }
}
.ep-hero__video-wrap {
    border-radius: 16px;
    overflow: hidden;
    background: #0f172a;
    position: relative;
    aspect-ratio: 16/9;
    cursor: pointer;
}
.ep-hero__video-wrap img {
    width: 100%; height: 100%;
    object-fit: cover;
    opacity: 0.65;
    display: block;
}
.ep-hero__play-btn {
    position: absolute;
    top: 50%; left: 50%;
    transform: translate(-50%,-50%);
    width: 60px; height: 60px;
    background: rgba(255,255,255,0.18);
    border: 2px solid rgba(255,255,255,0.5);
    border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
    color: #fff;
    font-size: 22px;
    transition: background 0.2s;
}
.ep-hero__video-wrap:hover .ep-hero__play-btn {
    background: rgba(255,255,255,0.28);
}
.ep-hero__video-caption {
    position: absolute;
    bottom: 20px; left: 20px;
}
.ep-hero__video-caption h3 {
    color: #fff; font-weight: 800; font-size: 20px; margin: 0 0 4px;
}
.ep-hero__video-caption p {
    color: rgba(255,255,255,0.75); font-size: 13px; margin: 0; max-width: 300px;
}
.ep-hero__dogrulandi {
    position: absolute;
    top: 14px; right: 14px;
    background: #10b981;
    color: #fff;
    font-size: 11px; font-weight: 700; letter-spacing: 0.5px;
    border-radius: 50px;
    padding: 5px 12px;
    display: flex; align-items: center; gap: 5px;
}
.ep-hero__dogrulandi i { font-size: 10px; }
.ep-hero__info h1 {
    font-size: clamp(28px, 4vw, 42px);
    font-weight: 900;
    color: #fff;
    margin: 0 0 6px;
}
.ep-hero__ders-label {
    display: flex; align-items: center; gap: 5px;
    color: #f97316; font-size: 13px; font-weight: 700;
    text-transform: uppercase; letter-spacing: 0.5px;
    margin-bottom: 14px;
}
.ep-hero__meta-tags {
    display: flex; flex-wrap: wrap; gap: 8px;
    margin-bottom: 16px;
}
.ep-hero__meta-tag {
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.15);
    border-radius: 50px;
    padding: 6px 14px;
    font-size: 12px; font-weight: 600;
    color: #e2e8f0;
    display: flex; align-items: center; gap: 6px;
}
.ep-hero__meta-tag i { color: #94a3b8; font-size: 11px; }
.ep-hero__subject-badge {
    display: inline-block;
    background: #f97316;
    color: #fff;
    font-size: 12px; font-weight: 700;
    border-radius: 6px;
    padding: 4px 12px;
    margin-bottom: 16px;
}
.ep-hero__desc-quote {
    border-left: 3px solid #f97316;
    padding-left: 14px;
    color: rgba(255,255,255,0.75);
    font-size: 14px; line-height: 1.6;
    margin-bottom: 24px;
}
.ep-hero__btn-primary {
    display: flex; align-items: center; justify-content: center; gap: 8px;
    width: 100%;
    background: #f97316;
    color: #fff;
    border: none; border-radius: 12px;
    padding: 15px 24px;
    font-size: 15px; font-weight: 700;
    text-decoration: none;
    margin-bottom: 12px;
    transition: opacity 0.2s;
    cursor: pointer;
}
.ep-hero__btn-primary:hover { opacity: 0.88; color: #fff; }
.ep-hero__btn-secondary {
    display: flex; align-items: center; justify-content: center; gap: 8px;
    width: 100%;
    background: rgba(255,255,255,0.08);
    border: 1.5px solid rgba(255,255,255,0.2);
    border-radius: 12px;
    padding: 13px 24px;
    font-size: 14px; font-weight: 600;
  color: #e2e8f0;
    text-decoration: none;
    transition: background 0.2s;
    cursor: pointer;
}
.ep-hero__btn-secondary:hover { background: rgba(255,255,255,0.14); color: #fff; }
.ep-nav {
    background: #fff;
    border-bottom: 2px solid #f1f5f9;
    position: sticky;
    top: 0;
    z-index: 100;
}
.ep-nav__inner {
    display: flex;
    gap: 0;
}
.ep-nav__link {
    padding: 16px 24px;
    font-size: 14px; font-weight: 600;
    color: #64748b;
    text-decoration: none;
    border-bottom: 3px solid transparent;
    transition: color 0.2s, border-color 0.2s;
    cursor: pointer;
    text-decoration:none !important;
}
.ep-nav__link:hover { color: #0f172a; }
.ep-nav__link.active {
    color: #f97316;
    background-color:#FFF !important;
    border-bottom-color: #f97316;
}
.ep-content {
    padding: 40px 0 80px;
}
.ep-content__grid {
    display: grid;
    grid-template-columns: 1fr 300px;
    gap: 28px;
    align-items: start;
}
@media (max-width: 991px) {
    .ep-content__grid { grid-template-columns: 1fr; }
    .ep-sidebar { order: -1; }
}
.ep-card {
  background: #fff;
  border-radius: 16px;
  border: 1.5px solid #e2e8f0;
  padding: 28px;
  margin-bottom: 20px;
}
.ep-card:last-child { margin-bottom: 0; }
.ep-section-title {
  display: flex; align-items: center; gap: 10px;
  font-size: 20px; font-weight: 800;
  color: #0f172a;
  margin-bottom: 20px;
}
.ep-section-title__icon {
  width: 34px; height: 34px;
  border-radius: 8px;
  display: flex; align-items: center; justify-content: center;
  font-size: 16px;
}
.ep-section-title__icon.orange { background: #fff7ed; color: #f97316; }
.ep-section-title__icon.green  { background: #f0fdf4; color: #10b981; }
.ep-about-text {
    font-size: 14px; line-height: 1.8; color: #475569;
    margin-bottom: 24px;
}
.ep-about-text p { margin-bottom: 12px; }
.ep-about-text p:last-child { margin-bottom: 0; }
.ep-skills-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 16px;
    margin-bottom: 8px;
}
@media (max-width: 600px) { .ep-skills-grid { grid-template-columns: repeat(2,1fr); } }
.ep-skill-item {
    text-align: center;
}
.ep-skill-item__icon {
    font-size: 22px; color: #f97316;
    margin-bottom: 6px;
}
.ep-skill-item__score {
    font-size: 26px; font-weight: 900; color: #0f172a;
    line-height: 1;
    margin-bottom: 4px;
}
.ep-skill-item__label {
    font-size: 11px; color: #94a3b8; font-weight: 600;
    margin-bottom: 8px;
}
.ep-skill-bar {
    height: 4px; background: #f1f5f9; border-radius: 4px; overflow: hidden;
}
.ep-skill-bar__fill {
    height: 100%; background: #f97316; border-radius: 4px;
    transition: width 1s ease;
}
.ep-approach-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}
@media (max-width: 600px) { .ep-approach-grid { grid-template-columns: 1fr; } }
.ep-approach-item {
    background: #f8fafc;
    border: 1.5px solid #e2e8f0;
    border-radius: 12px;
    padding: 16px;
    display: flex; gap: 12px;
}
.ep-approach-item__icon {
    font-size: 18px; color: #94a3b8; flex-shrink: 0; margin-top: 2px;
}
.ep-approach-item h5 {
    font-size: 13px; font-weight: 700; color: #0f172a; margin: 0 0 4px;
}
.ep-approach-item p {
    font-size: 12px; color: #64748b; line-height: 1.5; margin: 0;
}
.ep-cal-desc {
    font-size: 13px; color: #64748b; margin-bottom: 20px;
}
.ep-cal-table-wrap { overflow-x: auto; }
.ep-cal-table {
    width: 100%; border-collapse: separate; border-spacing: 6px;
    min-width: 560px;
}
.ep-cal-table th {
    text-align: center;
    font-size: 11px; font-weight: 700; color: #94a3b8;
    letter-spacing: 0.5px; text-transform: uppercase;
    padding-bottom: 4px;
}
.ep-cal-table th span {
    display: block;
    font-size: 20px; font-weight: 900; color: #0f172a;
    line-height: 1.1;
}
.ep-cal-table td {
    text-align: center; vertical-align: middle;
    padding: 0;
}
.ep-cal-table .ep-time-col {
    font-size: 12px; font-weight: 600; color: #94a3b8;
    white-space: nowrap; padding-right: 8px;
    width: 44px;
}
.ep-slot {
    display: block;
    border-radius: 10px;
    padding: 8px 4px;
    font-size: 11px; font-weight: 700;
    cursor: pointer;
    transition: all 0.15s;
    user-select: none;
    white-space: nowrap;
}
.ep-slot.musait {
    background: #fff7ed;
    color: #f97316;
    border: 1.5px solid #fed7aa;
}
.ep-slot.musait:hover {
    background: #f97316;
    color: #fff;
    border-color: #f97316;
}
.ep-slot.dolu {
    background: #f8fafc;
    color: #cbd5e1;
    border: 1.5px solid #e2e8f0;
    cursor: not-allowed;
}
.ep-slot.secili {
    background: #1e2a3a;
    color: #fff;
    border-color: #1e2a3a;
}
.ep-cal-legend {
    display: flex; gap: 16px; flex-wrap: wrap;
    margin: 14px 0 20px;
}
.ep-cal-legend__item {
    display: flex; align-items: center; gap: 6px;
    font-size: 12px; font-weight: 600; color: #475569;
}
.ep-cal-legend__dot {
    width: 14px; height: 14px; border-radius: 4px;
}
.ep-cal-legend__dot.musait { background: #fff7ed; border: 1.5px solid #fed7aa; }
.ep-cal-legend__dot.dolu   { background: #f8fafc; border: 1.5px solid #e2e8f0; }
.ep-cal-legend__dot.secili { background: #1e2a3a; }
.ep-cal-form { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-bottom: 14px; }
@media (max-width: 600px) { .ep-cal-form { grid-template-columns: 1fr; } }
.ep-cal-form label {
    font-size: 11px; font-weight: 700; color: #94a3b8;
    letter-spacing: 0.5px; text-transform: uppercase;
    display: block; margin-bottom: 6px;
}
@media (max-width: 600px) {
    /* Tabloyu daha küçük hale getirelim */
    .ep-cal-table {
        min-width: auto; /* Sabit genişliği kaldır */
        border-spacing: 2px; /* Hücre boşluklarını daralt */
    }

    /* Gün başlıklarını küçült */
    .ep-cal-table th span {
        font-size: 14px; /* Mobilde daha küçük font */
    }

    /* Slotları daha kompakt hale getir */
    .ep-slot {
        padding: 6px 2px;
        font-size: 10px; /* Mobilde metni küçült */
        border-radius: 6px;
    }

    /* Zaman sütununu biraz daralt */
    .ep-cal-table .ep-time-col {
        font-size: 10px;
        padding-right: 4px;
        width: 35px;
    }
}

.ep-cal-select {
    width: 100%;
    border: 1.5px solid #e2e8f0;
    border-radius: 10px;
    padding: 10px 14px;
    font-size: 13px; font-weight: 600; color: #0f172a;
    background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2394a3b8' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 12px center;
    appearance: none;
    cursor: pointer;
}
.ep-cal-select:focus { outline: none; border-color: #f97316; }
.ep-cal-selected-slot {
    background: #fff7ed;
    border: 1.5px solid #fed7aa;
    border-radius: 10px;
    padding: 12px 16px;
    font-size: 13px; font-weight: 700; color: #f97316;
    display: flex; align-items: center; gap: 8px;
    margin-bottom: 14px;
}
.ep-cal-selected-slot i { font-size: 14px; }
.ep-cal-submit {
    display: flex; align-items: center; justify-content: center; gap: 8px;
    width: 100%;
    background: #f97316; color: #fff;
    border: none; border-radius: 12px;
    padding: 15px;
    font-size: 15px; font-weight: 700;
    cursor: pointer;
    transition: opacity 0.2s;
}
.ep-cal-submit:hover { opacity: 0.88; }
.ep-sidebar { position: sticky; top: 70px; }
.ep-sidebar-card {
    background: #fff;
    border: 1.5px solid #e2e8f0;
    border-radius: 16px;
    padding: 20px;
    margin-bottom: 16px;
}
.ep-sidebar__profile {
    display: flex; align-items: center; gap: 12px;
    margin-bottom: 16px;
}
.ep-sidebar__avatar-wrap { position: relative; }
.ep-sidebar__avatar {
    width: 52px; height: 52px; border-radius: 50%;
    object-fit: cover;
}
.ep-sidebar__online-dot {
    width: 14px; height: 14px;
    background: #10b981;
    border: 2px solid #fff;
    border-radius: 50%;
    position: absolute; bottom: 0; right: 0;
}
.ep-sidebar__name {
    font-size: 15px; font-weight: 800; color: #0f172a; margin: 0 0 2px;
}
.ep-sidebar__role {
    font-size: 12px; font-weight: 600; color: #f97316;
}
.ep-sidebar__stats {
    display: grid; grid-template-columns: 1fr 1fr;
    border: 1.5px solid #f1f5f9;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 16px;
}
.ep-sidebar__stat {
    padding: 12px;
    text-align: center;
}
.ep-sidebar__stat:first-child {
    border-right: 1.5px solid #f1f5f9;
}
.ep-sidebar__stat-val {
    font-size: 22px; font-weight: 900; color: #0f172a;
    display: block;
}
.ep-sidebar__stat-label {
    font-size: 10px; font-weight: 700; color: #94a3b8;
    text-transform: uppercase; letter-spacing: 0.5px;
}
.ep-sidebar__avail-title {
    font-size: 11px; font-weight: 700; color: #94a3b8;
    text-transform: uppercase; letter-spacing: 0.5px;
    margin-bottom: 10px;
}
.ep-sidebar__avail-day {
    display: flex; align-items: center; gap: 6px;
    font-size: 13px; font-weight: 700; color: #0f172a;
    margin-bottom: 6px;
}
.ep-sidebar__avail-day-dot {
  width: 8px; height: 8px; border-radius: 50%;
}
.ep-sidebar__avail-day-dot.today  { background: #10b981; }
.ep-sidebar__avail-day-dot.tomorrow { background: #3b82f6; }
.ep-sidebar__avail-slots {
    display: flex; flex-wrap: wrap; gap: 6px;
    margin-bottom: 12px;
}
.ep-sidebar__slot {
    background: #fff7ed;
    color: #f97316;
    border: 1.5px solid #fed7aa;
    border-radius: 8px;
    padding: 5px 12px;
    font-size: 12px; font-weight: 700;
}
.ep-sidebar__btn-primary {
    display: flex; align-items: center; justify-content: center; gap: 6px;
    width: 100%;
    background: #f97316; color: #fff;
    border: none; border-radius: 10px;
    padding: 12px;
    font-size: 14px; font-weight: 700;
    margin-bottom: 10px;
    cursor: pointer;
    text-decoration: none;
    transition: opacity 0.2s;
}
.ep-sidebar__btn-primary:hover { opacity: 0.88; color: #fff; }
.ep-sidebar__btn-secondary {
    display: flex; align-items: center; justify-content: center; gap: 6px;
    width: 100%;
    background: transparent;
    border: none;
    color: #64748b;
    font-size: 13px; font-weight: 600;
    padding: 8px;
    cursor: pointer;
    text-decoration: none;
    margin-bottom: 10px;
}
.ep-sidebar__btn-secondary:hover { color: #0f172a; }
.ep-sidebar__trust {
    display: flex; flex-direction: column; gap: 6px;
}
.ep-sidebar__trust-item {
    display: flex; align-items: center; gap: 7px;
    font-size: 12px; color: #64748b; font-weight: 500;
}
.ep-sidebar__trust-item i { color: #10b981; font-size: 13px; }
.teacher_apply_cta {
    background: linear-gradient(135deg, #FFF5EE 0%, #FFFFFF 50%, #E6F7F7 100%);
    border: 1px solid rgba(226, 232, 240, 0.8);
    border-radius: 24px;
    padding: 50px 45px;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.01);
    margin-bottom: 20px;
}
.cta_title {
    color: #1E293B;
    font-size: 24px;
    font-weight: 900;
    line-height: 32px;
    max-width: 550px; 
}
.btn_cta_action {
    display: inline-block;
    color: #FFFFFF !important;
    font-size: 14px;
    font-weight: 900;
    line-height:20px;
    padding: 14px 21px;
    border-radius: 14px;
    text-decoration: none !important;
    background: linear-gradient(90deg, #FF6A00 0%, #FFB800 100%);
    box-shadow: 0px 4px 15px rgba(255, 106, 0, 0.2);
    transition: transform 0.2s ease, opacity 0.2s ease;
}
.btn_cta_action:hover {
    transform: translateY(-1px);
    opacity: 0.95;
}
.cta_img_box {
    width: 100%;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0px 8px 25px rgba(0, 0, 0, 0.05);
}
.cta_img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: cover;
}
/* Ana Bölüm Kapsayıcısı */
.how_it_works_wrapper {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 24px;
    padding: 45px 35px;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.01);
    margin-bottom: 20px;
}
.how_title {
    color: #1E293B;
    line-height:32px;
    font-size: 24px;
    font-weight: 900;
}
.how_card {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 20px;
    padding: 30px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.how_card:hover {
    transform: translateY(-2px);
    box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.02);
}
.card_top_meta {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
}
.step_badge {
    width: 38px;
    height: 38px;
    background-color: #FFF5F2; 
    color: #FF6B00; 
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 800;
    font-size: 15px;
}
.icon_box {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bg_cyan_light {
    background-color: #EBF8FA; 
}
.icon_cyan {
    color: #319795; 
    font-size: 16px;
}
.step_card_title {
    color: #1E293B;
    font-size: 16px;
    font-weight: 900;
    line-height:24px;
    margin-bottom: 12px;
}
.step_card_text {
    color: #6B7280;
    font-size: 14px;
    line-height: 22.75px;
    font-weight: 400;
    margin: 0;
}
.teacher_apply_compare {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 24px;
    padding: 45px 35px;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.01);
    margin-bottom: 20px;
}
.compare_title {
    color: #1E293B;
    font-size: 24px;
    font-weight: 900;
    line-height:32px;
}
.compare_subtitle {
    color: #475569;
    font-size: 14px;
    line-height: 22.75px;
    font-weight: 400;
    max-width: 900px;
}
.compare_card {
    border-radius: 16px;
    padding: 30px;
}
.card_online {
    background: linear-gradient(135deg, #FFFDF9 0%, #F0FAFA 100%);
    border: 1px solid #FEEBC8; 
}
.card_physical {
    background: #F8FAFC;
    border: 1px solid #E2E8F0;
}
.card_card_title {
    font-size: 14px;
    font-weight: 900;
    line-height:20px;
}
.text_orange { color: #FF6B00; }
.text_dark_blue { color: #2D3748; }
.badge_featured {
    background: #FF6B00;
    color: #FFFFFF;
    font-size: 11px;
    line-height:16px;
    font-weight: 900;
    padding: 5px 12px;
    border-radius: 20px;
    letter-spacing: 0.2px;
}
.compare_list {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;
}
.compare_list li {
    font-size: 14px;
    font-weight: 400 !important;
    line-height:20px;
    color: #334155;
    display: flex;
    align-items: center;
    gap: 10px;
}
.list_orange li i {
    color: #FF6B00;
    font-size: 16px;
}
.list_blue li i {
    color: #4A5568; 
    font-size: 16px;
}
.compare_img_box {
    width: 100%;
    height: 320px;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.02);
}
.compare_img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.btn_compare_action {
    display: inline-block;
    background: linear-gradient(90deg, #FF6A00 0%, #FFB800 100%);
    color: #FFFFFF !important;
    font-size: 15px;
    font-weight: 700;
    padding: 14px 30px;
    border-radius: 14px;
    text-decoration: none !important;
    box-shadow: 0px 4px 15px rgba(255, 106, 0, 0.2);
    transition: transform 0.2s ease, opacity 0.2s ease;
}
.btn_compare_action:hover {
    transform: translateY(-1px);
    opacity: 0.95;
}

.teacher_apply_advantages {
    background: linear-gradient(135deg, #FFFDF9 0%, #FFFFFF 60%, #F0FAFA 100%);
    border: 1px solid #E2E8F0;
    border-radius: 24px;
    padding: 45px 35px;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.01);
    margin-bottom: 20px;
}
.advantages_main_title {
    color: #1A202C;
    font-size: 24px;
    font-weight: 900;
    line-height:32px;
}
.advantage_item_card {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 16px;
    padding: 24px 20px;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.advantage_item_card:hover {
    transform: translateY(-2px);
    box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.02);
}
.advantage_icon_box {
    width: 36px;
    height: 36px;
    background-color: #EBF8FA;
    color: #319795;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    margin-bottom: 16px;
}
.advantage_icon_box img{
    width:100%;
    height:100%;
    object-fit:contain;
}
.advantage_title {
    color: #1A202C;
    font-size: 14px;
    font-weight: 900;
    line-height: 20px;
    line-height:20px;
    margin-bottom: 8px;
}
.advantage_text {
    color:#475569;
    font-size: 13px;
    line-height:19.5px;
    font-weight: 400;
    margin: 0;
}
.advantages_img_box {
    width: 100%;
    min-height: 400px;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.02);
}
.advantages_img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
.btn_advantages_action {
    display: inline-block;
    background: linear-gradient(90deg, #FF6A00 0%, #FFB800 100%);
    color: #FFFFFF !important;
    font-size: 15px;
    font-weight: 700;
    padding: 14px 30px;
    border-radius: 14px;
    text-decoration: none !important;
    box-shadow: 0px 4px 15px rgba(255, 106, 0, 0.2);
    transition: transform 0.2s ease, opacity 0.2s ease;
}

.btn_advantages_action:hover {
    transform: translateY(-1px);
    opacity: 0.95;
}

.teacher_apply_features {
    padding: 20px 0;
}
.feature_card {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 20px;
    padding: 15px 25px;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.01);
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.feature_card:hover {
    transform: translateY(-2px);
    box-shadow: 0px 8px 24px rgba(0, 0, 0, 0.03);
}
.feature_icon_box {
    width: 44px;
    height: 44px;
    color: #E28743;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    margin-bottom: 20px;
}
.feature_icon_box img{
    width:100%;
    height:100%;
    object-fit:contain;
}
.feature_title {
    color: #1A202C;
    font-size: 14px;
    font-weight: 900;
    line-height: 20px;
    margin-bottom: 12px;
}
.feature_text {
    color: #475569;
    font-size: 12px;
    line-height: 19.5px;
    font-weight: 400;
    margin: 0;
}
.info_about_card {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 24px;
    padding: 45px 40px;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.01);
    margin-bottom: 20px;
}
.info_about_title {
    color: #1A202C;
    font-size: 24px;
    font-weight: 900;
    line-height:32px;
}
.info_about_text {
    color:#334155;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
}
.main_hero_section {
    background: linear-gradient(135deg, #FFF6F0 0%, #FFFFFF 50%, #E6F8FA 100%);
    border: 1px solid rgba(226, 232, 240, 0.7);
    border-radius: 28px;
    padding: 60px 50px;
    box-shadow: 0px 10px 35px rgba(0, 0, 0, 0.01);
    margin-bottom: 25px;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
}
.badge_online_education {
    display: inline-block;
    background-color: #FFF0E6;
    color: #FF6A00;
    font-size: 12px;
    font-weight: 800;
    padding: 6px 16px;
    border-radius: 20px;
    letter-spacing: 0.5px;
}
.hero_main_title {
    color: #1E293B;
    font-size: 48px;
    font-weight: 900;
    line-height:48px;
    letter-spacing: -1.5px;
}
.hero_subtitle {
    color: #334155;
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    max-width: 540px;
}
.mini_feature_item {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 12px;
    padding: 12px 16px;
    display: flex;
    align-items: center;
    gap: 10px;
    height: 100%;
}
.mini_feature_item span {
    color: #2D3748;
    font-size: 13.5px;
    font-weight: 700;
}
.text_cyan {
    color: #319795;
    font-size: 15px;
}
.btn_hero_action {
    display: inline-flex;
    align-items: center;
    background: linear-gradient(90deg, #FF6A00 0%, #FFB800 100%);
    color: #FFFFFF !important;
    font-size: 16px;
    font-weight: 700;
    padding: 15px 32px;
    border-radius: 14px;
    text-decoration: none !important;
    box-shadow: 0px 4px 18px rgba(255, 106, 0, 0.25);
    transition: transform 0.2s ease, opacity 0.2s ease;
    margin-top: 10px;
}

.btn_hero_action:hover {
    transform: translateY(-1px);
    opacity: 0.95;
}
.hero_img_wrapper {
    position: relative;
    width: 100%;
    border-radius: 24px;
}
.hero_img {
    width: 100%;
    height: auto;
    border-radius: 24px;
    display: block;
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.03);
}
.floating_info_card {
    position: absolute;
    bottom: 25px;
    left: -30px;
    background: #FFFFFF;
    border-radius: 12px;
    padding: 12px 20px;
    box-shadow: 0px 10px 25px rgba(0, 0, 0, 0.05);
    border: 1px solid #E2E8F0;
    max-width: 260px;
}
.floating_card_title {
    color: #1A202C;
    font-size: 13.5px;
    font-weight: 800;
    margin-bottom: 2px !important;
}
.floating_card_text {
    color: #718096;
    font-size: 11px;
    font-weight: 500;
}
.stat_card {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 16px;
    padding: 20px 15px;
    text-align: center;
    height: 100%;
}
.stat_number {
    color: #FF6A00; 
    font-size: 24px;
    font-weight: 900;
    line-height: 32px;
    margin-bottom: 4px;
}
.stat_label {
    color: #475569;
    font-size: 12px;
    line-height:16px;
    font-weight: 700;
}
.blog_section_wrapper {
    padding: 20px 0;
}
.blog_tabs {
    gap: 10px;
    border: none;
}
.blog_tabs .nav-item .nav-link {
    background: #FFFFFF;
    color: #4A5568;
    border: 1px solid #E2E8F0;
    border-radius: 20px;
    font-size: 14px;
    font-weight: 700;
    padding: 8px 20px;
    transition: all 0.2s ease;
}
.blog_tabs .nav-item .nav-link.active,
.blog_tabs .nav-item .nav-link:hover {
    background: #FF6A00 !important;
    color: #FFFFFF !important;
    border-color: #FF6A00;
}
.blog_card {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 20px;
    overflow: hidden;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.blog_card:hover {
    transform: translateY(-3px);
    box-shadow: 0px 8px 25px rgba(0, 0, 0, 0.04);
}
.blog_img_box {
    position: relative;
    width: 100%;
    height: 180px;
    overflow: hidden;
}
.blog_img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.blog_badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: #FFFFFF;
    color: #1E293B;
    line-height:16.5px;
    font-size: 11px;
    font-weight: 900;
    padding: 4px 12px;
    border-radius: 8px;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.05);
}
.blog_body {
    padding: 22px 20px;
}
.blog_meta {
    color: #94A3B8;
    font-size: 12px;
    line-height:16px;
    font-weight: 700;
}
.blog_title {
    color: #1E293B;
    font-size: 18px;
    font-weight: 900;
    line-height: 24.75px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.blog_excerpt {
    color: #64748B;
    font-size: 14px;
    line-height: 22.75px;
    font-weight: 400;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.blog_link {
    color: #FF6A00 !important;
    font-size: 14px;
    line-height:20px;
    font-weight: 900;
    text-decoration: none !important;
    display: inline-flex;
    align-items: center;
    transition: gap 0.2s ease;
}
.blog_link:hover i {
    transform: translateX(3px);
}
.blog_link i {
    font-size: 11px;
    transition: transform 0.2s ease;
}
.blog_pagination {
    gap: 6px;
}
.blog_pagination .page-item .page-link {
    border: 1px solid #E2E8F0;
    color: #4A5568;
    font-size: 14px;
    font-weight: 700;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50% !important; 
    transition: all 0.2s ease;
}
.blog_pagination .page-item:first-child .page-link,
.blog_pagination .page-item:last-child .page-link {
    border-radius: 20px !important;
    width: auto;
    padding: 0 18px;
}
.blog_pagination .page-item.active .page-link {
    background-color: #FF6A00 !important;
    border-color: #FF6A00 !important;
    color: #FFFFFF !important;
}
.blog_pagination .page-item.disabled .page-link {
    background: #F7FAFC;
    color: #CBD5E0;
    border-color: #E2E8F0;
}
.blog_pagination .page-link:hover:not(.active) {
    border:1px solid #FF6B00 !important;
    color:#FF6B00 !important;
}
.education_guide_banner {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 24px;
    padding: 40px 45px;
    box-shadow: 0px 8px 25px rgba(0, 0, 0, 0.01);
    margin-bottom: 25px;
}
.badge_blog_tag {
    display: inline-block;
    background-color: #FFF0E6;
    color: #FF6A00; 
    font-size: 11px;
    font-weight: 800;
    padding: 5px 14px;
    border-radius: 10px;
    letter-spacing: -0.1px;
}
.guide_main_title {
    color: #1A202C;
    font-size: 60px;
    font-weight: 900;
    line-height:60px;
}
.guide_subtitle {
    color: #64748B;
    font-size: 18px;
    line-height: 28px;
    font-weight: 400;
    max-width: 560px;
}
.archive_stats_box {
    background-color: #1A2438; 
    border-radius: 20px;
    padding: 25px 24px;
    width: 100%;
    max-width: 280px; 
    box-shadow: 0px 4px 15px rgba(26, 36, 56, 0.1);
}
.archive_mini_label {
    color: #FDE68A; 
    font-size: 12px;
    font-weight: 900;
    line-height:16px;
}
.archive_count_title {
    color: #FFFFFF;
    font-size: 30px;
    font-weight: 900;
    line-height:36px;
}
.archive_desc_text {
    color: #A0AEC0; 
    font-size: 14px;
    line-height: 22.75px;
    font-weight: 400;
}


.slider_section_wrapper {
    padding: 30px 0;
}
.badge_orange_blog {
    display: inline-block;
    background-color: #FFF0E6;
    color: #FF6A00;
    font-size: 12px;
    font-weight: 900;
    line-height:16px;
    padding: 4px 12px;
    border-radius: 8px;
}
.slider_main_title {
    color: #1E293B;
    font-size: 36px;
    line-height:40px;
    font-weight: 900;
}
.slider_subtitle {
    color: #64748B;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    max-width: 720px;
    display:block !important;
    margin:auto !important;
}
.carousel_nav_buttons {
    gap: 12px;
    margin-bottom: 5px;
}
.btn_nav_prev, .btn_nav_next {
    width: 44px;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    text-decoration: none !important;
    transition: all 0.2s ease;
}
.btn_nav_prev {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    color: #4A5568;
}
.btn_nav_prev:hover {
    background: #F7FAFC;
    color: #1A202C;
}
.btn_nav_next {
    background: #1A2438;
    border: 1px solid #1A2438;
    color: #FFFFFF;
    box-shadow: 0px 4px 12px rgba(26, 36, 56, 0.15);
}
.btn_nav_next:hover {
    background: #2D3748;
    border-color: #2D3748;
}
.btn_nav_prev i, .btn_nav_next i {
    font-size: 14px;
}
.blog_slide_card {
    background: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 20px;
    overflow: hidden;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.blog_slide_card:hover {
    transform: translateY(-3px);
    box-shadow: 0px 8px 25px rgba(0, 0, 0, 0.04);
}
.slide_img_box {
    position: relative;
    width: 100%;
    height: 175px;
    overflow: hidden;
}
.slide_img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.slide_badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: #FFFFFF;
    color: #1A202C;
    font-size: 11px;
    font-weight: 800;
    padding: 4px 12px;
    border-radius: 8px;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.05);
}
.slide_body {
    padding: 22px 20px;
}
.slide_meta {
    color: #A0AEC0;
    font-size: 12px;
    font-weight: 600;
}
.slide_title {
    color: #1E293B;
    font-size: 18px;
    font-weight: 900;
    line-height: 24.75px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.slide_excerpt {
    color: #64748B;
    font-size: 14px;
    line-height: 22.75px;
    font-weight: 400;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.slide_link {
    color: #FF6A00 !important;
    font-size: 14px;
    line-height:20px;
    font-weight: 900;
    text-decoration: none !important;
    display: inline-flex;
    align-items: center;
    transition: gap 0.2s ease;
}
.slide_link:hover i {
    transform: translateX(3px);
}
.slide_link i {
    font-size: 11px;
    transition: transform 0.2s ease;
}
.btn_view_all_guides {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: 1px solid #E2E8F0;
    color: #1A202C !important;
    font-size: 14px;
    font-weight: 700;
    padding: 13px 35px;
    border-radius: 14px;
    width: 100%; 
    text-decoration: none !important;
    transition: background-color 0.2s ease, border-color 0.2s ease;
}
.btn_view_all_guides:hover {
    background-color: #F8FAFC;
    border-color: #CBD5E0;
}
.btn_view_all_guides i {
    font-size: 12px;
}

.info_main_title {
    color: #1E293B;
    font-size: 36px;
    font-weight: 900;
    line-height:36px;
}

.info_subtitle {
    color: #6B7280;
    font-weight:400;
    font-size: 16px;
    line-height: 24px;
    max-width: 850px;
}
.unified_info_card {
    background-color: #FFFFFF !important; 
    border: 1px solid #E2E8F0 !important;
    border-radius: 20px;
    padding: 30px 24px;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.unified_info_card:hover {
    transform: translateY(-3px);
    box-shadow: 0px 10px 30px rgba(0, 0, 0, 0.03);
}
.info_icon_wrapper {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
}
.icon_blue { background-color: #EBF8FF; color: #3182CE; }
.icon_purple { background-color: #FAF5FF; color: #805AD5; }
.icon_green { background-color: #E6FFFA; color: #319795; }
.icon_orange { background-color: #FFF5F5; color: #DD6B20; }
.info_card_title {
    color: #1E293B;
    font-size: 18px;
    font-weight: 900;
    line-height:28px;
}
.info_card_desc {
    color: #6B7280;
    font-size: 14px;
    line-height:20px;
    font-weight: 600;
}
.info_card_badge {
    display: block;
    color: #DD6B20;
    font-size: 12px;
    font-weight: 700;
    line-height: 1.4;
}
.info_card_list {
    list-style: none;
    padding-left: 0;
    margin: 0;
}
.info_card_list li {
    position: relative;
    color: #718096;
    font-size: 12.5px;
    line-height: 1.5;
    font-weight: 500;
    padding-left: 14px;
    margin-bottom: 8px;
}
.info_card_list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 7px;
    width: 5px;
    height: 5px;
    background-color: #CBD5E0;
    border-radius: 50%;
}
.info_card_link {
    color: #1A202C !important;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none !important;
    display: inline-flex;
    align-items: center;
    transition: color 0.2s ease;
    margin-top: auto;
}
.info_card_link:hover {
    color: #4A5568 !important;
}
.info_card_link i {
    font-size: 11px;
    transition: transform 0.2s ease;
}
.info_card_link:hover i {
    transform: translateX(3px);
}
.btn_orange_action {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF !important;
    font-size: 13px;
    font-weight: 700;
    padding: 12px 20px;
    border-radius: 12px;
    text-decoration: none !important;
    background: linear-gradient(90deg, #FF6A00 0%, #FFB800 100%);
    box-shadow: 0px 4px 15px rgba(255, 106, 0, 0.2);
    transition: transform 0.2s ease, opacity 0.2s ease;
    transition: opacity 0.2s ease;
    margin-top: auto;
}
.btn_orange_action:hover {
    opacity: 0.95;
}
.btn_orange_action i {
    font-size: 11px;
}
.how_it_works_title {
    color: #1A2438;
    font-size: 32px;
    font-weight: 800;
    letter-spacing: -1px;
}
.step_process_card {
    background-color: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 20px;
    padding: 35px 28px;
    position: relative;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.step_process_card:hover {
    transform: translateY(-3px);
    box-shadow: 0px 12px 30px rgba(0, 0, 0, 0.04);
}
.step_number {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    line-height:24px;
    font-weight: 800;
    position: absolute;
    top: 20px;
    left: 20px;
}
.num_dark { background-color: #1A2438; color: #FFFFFF; }
.num_orange { background-color: #FF6A00; color: #FFFFFF; }
.num_green { background-color: #10B981; color: #FFFFFF; }
.num_white { background-color: #FFFFFF; color: #FF6A00; }
.step_icon {
    font-size: 24px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-top:10px !important;
    display: inline-block;
}
.icon_dark_gray { color: #4A5568; }
.icon_soft_orange { color: #FF6A00; }
.icon_soft_green { color: #10B981; }
.icon_circle_check_white { color: #FFFFFF; }
.step_title {
    color: #1E293B;
    font-size: 16px;
    font-weight: 900;
    line-height: 20px;
    margin-bottom: 12px;
}
.step_desc {
    color: #6B7280;
    font-size: 14px;
    line-height: 22.75px;
    font-weight: 400;
    margin: 0;
}
.step_card_orange_active {
    background: linear-gradient(135deg, #FF6A00 0%, #FF8533 100%) !important;
    border-color: #FF6A00 !important;
    box-shadow: 0px 10px 25px rgba(255, 106, 0, 0.25);
}
.btn_white_action {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FFFFFF;
    color: #FF6A00 !important;
    font-size: 13.5px;
    font-weight: 700;
    padding: 13px 20px;
    border-radius: 14px;
    text-decoration: none !important;
    transition: background-color 0.2s ease;
}
.btn_white_action:hover {
    background-color: #FFF5F0;
}
.btn_white_action i {
    font-size: 11px;
    transition: transform 0.2s ease;
}
.btn_white_action:hover i {
    transform: translateX(3px);
}
.step_divider_arrow {
    position: absolute;
    right: -14px;
    top: 50%;
    transform: translateY(-50%);
    width: 28px;
    height: 28px;
    background-color: #F7FAFC;
    border: 1px solid #E2E8F0;
    color: #A0AEC0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    z-index: 10;
}
.trust_section_title {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    color: #1A2438;
    font-size: 30px;
    font-weight: 800;
    letter-spacing: -1px;
}
.trust_section_subtitle {
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
    color: #718096;
    font-size: 14.5px;
    line-height: 1.6;
}
.stat_mini_card {
    background-color: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 18px;
    padding: 24px;
    font-family: 'Inter', system-ui, -apple-system, sans-serif;
}
.stat_card_icon {
    width: 34px;
    height: 34px;
    background-color: #FFF5F0;
    color: #FF6A00;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    margin-bottom: 16px;
}
.stat_card_icon img{
    width:100%;
    height:100%;
    object-fit:contain;
}
.stat_card_number {
    color: #1A2438;
    font-size: 22px;
    font-weight: 800;
    margin-bottom: 4px;
}
.stat_card_label {
    color: #718096;
    font-size: 12.5px;
    font-weight: 500;
    margin: 0;
}

.veli-yorum-carousel {
    display: block !important;
}
.comment_carousel_wrapper {
    background-color: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 20px;
    padding: 40px;
    position: relative;
    margin-bottom: 30px; 
}
.badge_veli_yorum {
    background-color: #FFF5F0;
    color: #FF6A00;
    font-size: 11px;
    font-weight: 700;
    padding: 6px 12px;
    border-radius: 8px;
    letter-spacing: 0.5px;
}
.rating_stars {
    color: #FFB020;
    font-size: 13px;
    letter-spacing: 2px;
}
.quote_icon_box {
    color: #FFE5D9;
    font-size: 54px;
    font-family: Georgia, serif;
    line-height: 1;
    height: 30px;
    margin-top: 10px;
}

.testimonial_quote_text {
    color: #1A2438;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.4;
    margin-bottom: 12px;
}

.testimonial_sub_desc {
    color: #4A5568;
    font-size: 14.5px;
    line-height: 1.6;
    font-weight: 500;
}

.user_avatar_circle {
    width: 44px;
    height: 44px;
    background-color: #384554;
    color: #FFFFFF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    font-weight: 700;
}

.user_profile_name {
    color: #1A2438;
    font-size: 14px;
    font-weight: 700;
    margin: 0;
}

.user_profile_city {
    color: #A0AEC0;
    font-size: 12px;
    margin: 0;
}



.carousel_custom_nav {
    position: absolute;
    right: 40px;
    bottom: 40px;
    display: flex;
    gap: 10px;
    z-index: 99;
}
.custom_nav_btn {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1px solid #E2E8F0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    cursor: pointer;
    transition: all 0.2s ease;
    background-color: #FFFFFF;
}

.btn_prev {
    color: #A0AEC0;
}
.badge_ogrenci_yorum {
    background-color: #E6F7FF; 
    color: #0088CC;           
    font-size: 11px;
    font-weight: 700;
    padding: 6px 12px;
    border-radius: 8px;
}
.btn_next {
    background-color: #FF6A00;
    border-color: #FF6A00;
    color: #FFFFFF;
}
.custom_nav_btn:hover {
    transform: scale(1.05);
}
.comment_carousel_wrapper .owl-dots {
    text-align: left;
    margin-top: 25px;
    padding-left: 5px;
}
.comment_carousel_wrapper .owl-dot span {
    width: 6px !important;
    height: 6px !important;
    margin: 0 4px !important;
    background: #E2E8F0 !important;
    display: inline-block;
    border-radius: 50%;
    transition: all 0.2s ease;
}
.comment_carousel_wrapper .owl-dot.active span {
    background: #FF6A00 !important;
    width: 18px !important;
    border-radius: 4px;
}
@media (max-width: 991.98px) {
    .carousel_custom_nav {
        position: relative;
        right: auto;
        bottom: auto;
        margin-top: 25px;
        justify-content: flex-start;
    }
    .trust_section_title {
        font-size: 24px;
    }
}
@media (max-width: 1350px) {
    .bin{
        width:96% !important;
    }
}
@media (max-width: 1215px) {
    .step_divider_arrow {
        display: none !important; 
    }
    .custom-navbar .nav-link {
        color: #1E293B !important;
        font-size: 12px !important;
        line-height:20px !important;
        font-weight: 600 !important;
        padding: 4px 8px !important;
        transition: color 0.2s ease;
    }
    .btn-nav-explore {
        font-size: 12px;
        line-height:20px;
        padding: 6px 15px;
        margin-right:5px;
    }
    .btn-nav-login {
        font-size: 12px;
        line-height:20px;
        padding: 6px 15px;
    }
}
@media (max-width: 992px) {
    .carousel_nav_buttons {
        display: none !important;
    }
    .hero_main_title {
        font-size: 34px;
    }
    .floating_info_card {
        left: 15px;
        bottom: 15px;
    }
    .advantages_img_box {
        min-height: 300px;
        height: 300px;
        margin-top: 15px;
    }
    .teacher_apply_hero__left-panel {
        border-radius: 16px 16px 0 0;
        padding: 32px 24px;
        margin-bottom: 0;
    }
    .teacher_apply_hero__form-panel {
        border-radius: 0 0 16px 16px;
        padding: 32px 24px;
    }
    .teacher_apply_hero {
        padding: 32px 24px;
    }

    .teacher_apply_hero__content {
        padding-right: 0;
        margin-bottom: 28px;
    }
    .teacher_apply_hero__img {
        height: 260px;
    }
    .brand-story-panel {
        padding: 40px 24px;
    }
    .story-action-btns {
        flex-direction: column;
    }
    .btn-discover, .btn-request-orange {
        width: 100%;
        justify-content: center;
    }
    .story-right-display {
        padding-left: 0;
        margin-top: 20px;
    }
    .floating-compass-icon {
        top: -15px;
        left: 15px;
    }
    .inner-soft-card {
        height: auto;
    }
    .story-title {
        color: #1E293B;
        font-size:48px;
        font-weight: 900;
        line-height: 48px;
        letter-spacing: -1px;
        margin-bottom: 20px;
    }
    .why-not-title {
        font-size: 26px;
        line-height: 34px;
        margin-bottom: 16px;
    }
    .why-not-content {
        padding-right: 0;
    }
    .why-not-item-card {
        padding: 16px;
    }
    .find-preference-cta {
        padding: 40px 20px;
    }
    .cta-main-title {
        font-size: 30px;
        line-height: 38px;
    }
    .cta-sub-text {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 24px;
    }
    .cta-buttons-wrapper {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    .btn-cta-orange, .btn-cta-white {
        width: 100%;
        justify-content: center;
    }
    .preference-robot-panel {
        padding: 40px 20px;
    }
    .robot-main-title {
        font-size: 45px !important;
        line-height: 40px !important;
    }
    .robot-desc-text {
        font-size: 20px;
        line-height: 32.5px;
        margin-bottom: 28px;
    }
    .robot-action-btns {
        flex-direction: column;
    }
    .btn-robot-orange, .btn-robot-outline {
        width: 100%;
        justify-content: center;
    }
    .approach-main-card {
        padding: 20px 16px;
    }
    .video-intro-wrapper {
        background: #FFFFFF;
        border-radius: 24px; 
        padding: 0px !important;
        box-shadow: 0px 10px 30px rgba(15, 23, 42, 0.02);
        text-align: left;
    }
    .video-intro-title {
        font-size: 24px;
        line-height: 32px;
    }
    .video-intro-desc {
        font-size: 14px;
        line-height: 22.75px;
    }
    .cta-dark-bar {
        padding: 32px 24px;   
        gap: 20px;
    }
    .cta-dark-title {
        font-size: 30px;
        line-height: 36px;
    }
    .cta-dark-desc {
        font-size: 14px;
        color:#E2E8F0;
        line-height: 22.75px;
    }
    .cta-dark-btn {
        width: 100%;          
    }
    .story-text-container-card {
        padding: 30px 24px;
    }
    .story-text-main-title {
        font-size: 20px;
        line-height: 36px;
    }
    .story-idea-left {
        padding: 32px 24px;
    }
    .story-idea-right {
        padding: 32px 24px;
    }
    .story-idea-main-title {
        font-size: 30px;
        line-height: 37.5px;
    }
    .idea-step-text {
        padding-left: 0;
        margin-top: 8px;
    }
    .story_cta__btn {
        display: block;
        width:100% !important;
        color: #fff !important;
        font-weight: 900;
        font-size: 16px;
        padding: 14px 24px;
        line-height:24px;
        border-radius: 15px;
        text-decoration: none;
        white-space: nowrap;
    }
    .story_flow {
        padding: 32px 20px; 
    }
    .story-flow-main-title {
        font-size: 30px;
        line-height: 37.5px;
        margin-bottom: 14px;
    }
    .feature-card {
        padding: 24px 20px;    
    }
    .navbar-toggler{
        display: block !important;
    }
    .navbar-toggler.custom-toggler {
        display: flex !important;
        align-items: center;
        justify-content: center;
    }
    .custom-navbar {
        padding:5px !important;
    }
    .custom-navbar .navbar-collapse {
        position: fixed !important; 
        top: 75px;                  
        left: 15px !important;     
        right: 15px !important;
        width: calc(100% - 30px) !important;
        background: #FFFFFF !important;
        border-radius: 24px !important; 
        padding: 40px 24px 24px 24px !important;
        box-shadow: 0px 20px 40px rgba(0, 0, 0, 0.12) !important;
        max-height: calc(100vh - 120px) !important;
        overflow-y: auto !important;
        opacity: 0;
        visibility: hidden;
        padding-top:12px !important;
        transform: translateY(-10px);
        transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
    }
    .navbar-container{
        padding-left:10px !important;
        padding-right:10px !important;
    }
    .custom-navbar .navbar-collapse.show {
        opacity: 1 !important;
        visibility: visible !important;
        transform: translateY(0) !important;
        display: block !important;
    }
    .custom-navbar .navbar-nav {
        text-align: left !important;
        margin-bottom: 20px;
    }
    .custom-navbar .nav-item {
        border-bottom: 1px solid #F1F5F9;
    }
    .custom-navbar .nav-link {
        padding: 14px 0 !important;
        font-size: 15px;
        color: #1E293B !important;
    }
    .nav-actions {
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 12px;
    }
    .btn-nav-explore, .btn-nav-login {
        width: 100% !important;
        padding: 14px !important;
        border-radius: 16px !important;
    }
    .mobile-close-btn {
        position: absolute;
        top: 16px;
        right: 16px;
        background: #F1F5F9;
        border: none;
        width: 36px;
        height: 36px;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #64748B;
        font-size: 16px;
        cursor: pointer;
        transition: background 0.2s ease;
    }
    .mobile-close-btn:hover {
        background: #E2E8F0;
    }
}
@media (max-width: 767px) {
.ep-sidebar { position: relative; top: 0px; }
    .ep-hero__desc-quote{
        display:none !important;
    }
    .how_it_works_title {
        font-size: 26px;
    }
    .education_guide_banner {
        padding: 30px 20px;
    }
    .guide_main_title {
        font-size: 36px;
        line-height:40px;
    }
    .guide_subtitle {
        font-size: 14px;
    }
    .archive_stats_box {
        max-width: 100%; 
        margin-top: 10px;
    }
    .main_hero_section {
        padding: 40px 20px;
    }
    .hero_main_title {
        font-size: 28px;
    }
    .btn_hero_action {
        width: 100%;
        justify-content: center;
    }
    .floating_info_card {
        position: relative;
        left: 0;
        bottom: 0;
        margin-top: 15px;
        max-width: 100%;
    }
    .info_about_card {
        padding: 30px 20px;
    }
    .teacher_apply_advantages {
        padding: 30px 20px;
    }
    .advantages_main_title {
        font-size: 24px;
    }
    .btn_advantages_action {
        width: 100%;
        text-align: center;
    }
    .teacher_apply_compare {
        padding: 30px 20px;
    }
    .compare_title {
        font-size: 24px;
    }
    .compare_img_box {
        height: 200px;
    }
    .btn_compare_action {
        width: 100%;
        text-align: center;
    }
    .teacher_apply_cta {
        padding: 35px 25px;
    }
    .cta_title {
        font-size: 24px;
    }
    .btn_cta_action {
        width: 100%;
        text-align: center;
    }
    .teacher_apply_hero {
        padding: 24px 16px;
        border-radius: 14px;
    }
    .teacher_apply_hero__title {
        font-size: 36px;
        line-height:45px;
    }
    .teacher_apply_hero__features {
        flex-direction: column;
    }
    .teacher_apply_hero__img {
        height: 210px;
    }
    .step-process-card {
        padding: 24px 20px; 
    }
    .step-process-title {
        font-size: 16px;
        line-height: 22px;
    }
    .step-process-text {
        font-size: 13px;
        line-height: 20px;
    }
    .how_it_works {
        padding: 40px 20px;
        border-radius: 24px;
    }
    .hiw-title {
        font-size: 30px;
    }
    .hiw-btn {
        width: 100%;
    } 
    .package-intro-title {
        font-size: 30px;
    }
    .package-intro-desc {
        font-size: 14px;
        line-height: 22px;
    }
    .package-summary-card {
        padding: 24px;
        text-align:center !important;
    }
    .summary-item {
        margin-bottom: 8px;
    }
    .col-12:last-child .summary-item {
        margin-bottom: 0;
    }
    .pricing-package-card {
        padding: 30px 20px;
    }
    .package-meta-row {
        flex-direction: column;
        gap: 8px;
    }
    .faq-main-title {
        font-size: 26px;
    }

    .faq-sub-title {
        font-size: 14px;
    }
    .faq-question {
        padding: 16px 18px;
    }
    .faq-question span {
        font-size: 15px;
    }
    .faq-answer p {
        font-size: 14px;
        line-height: 22px;
        padding: 0 18px 18px 18px;
    }
    .kvkk-main-title {
        font-size: 24px;
    }
    .kvkk-section h3 {
        font-size: 16px;
    }
    .kvkk-section p, 
    .kvkk-list li {
        font-size: 14px;
        line-height: 22px;
    }
    .kvkk-notice-card {
        flex-direction: column;
        text-align: center;
        padding: 16px;
        gap: 10px;
    }
    .about_top_sec {
        padding: 24px 16px; 
    }
    .about-top-title {
        font-size: 26px; 
    }
    .about-top-desc {
        font-size: 14px;
        line-height: 22px;
        margin-bottom: 24px;
    }
    .about-stats-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }
    .about-top-image-wrapper {
        height: 220px; 
        margin-top: 24px; 
    }
    .about-card-item {
        padding: 20px;        
        margin-bottom: 20px;
    }
    .about-image-box {
        height: 200px;         
        margin-bottom: 20px; 
    }
    .about-content-box {
        padding: 0;            
    }
    .about-main-title {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .about-sub-text {
        font-size: 14px;
        line-height: 22px;
    }
    .popup-grid-selectable {
        grid-template-columns: repeat(2, 1fr); 
    }
    .popup-selectable-wrapper {
        grid-template-columns: repeat(3, 1fr); 
        gap: 8px;                              
    }
    .selectable-btn-item span {
        font-size: 13px !important;            
        padding: 0 4px;
    }
    .custom-popup-modal .modal-dialog {
        max-height: calc(100vh - 40px);
        margin: 20px auto;
    }
    .custom-popup-modal .modal-content {
        max-height: calc(100vh - 40px);
        display: flex;
        flex-direction: column;
    }
    .custom-popup-modal .modal-body {
        overflow-y: auto;
        max-height: calc(100vh - 150px);
        flex: 1;
    }
    .custom-popup-modal .popup-main-title {
        font-size: 18px;
        line-height: 24px;
    }
    .custom-popup-modal .popup-sub-title {
        font-size: 14px;
        line-height: 20px;
    }
    .contact-item {
        color: #CAD5E1;
        font-weight: 700;
        font-size: 15px;
        margin-bottom:16px;
    }
    .footer-contact-bar {
        border-bottom: 1px solid rgba(255, 255, 255, 0.06);
        padding: 24px 0;
        margin: 40px 0 25px 0;
        margin-top:0px !important;
        border-top:none !important;
    }
    .dont-collapse-sm.collapse:not(.show):not(.collapsing) {
        display: none !important;
    }
    .dont-collapse-sm.collapse.show {
        animation: footerFadeIn 0.2s ease-in-out forwards;
    }
    .footer-menu-block {
        border-bottom: 1px solid rgba(255, 255, 255, 0.05);
        padding-bottom: 10px;
    }
    .bornon{
        border-bottom:none !important;
    }
    .footer-title {
        margin-bottom: 0;
        padding: 10px 0;
        padding-top:20px !important;
        cursor: pointer;
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .footer-title::after {
        content: '\f107';
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        transition: transform 0.2s ease;
        font-size: 14px;
        color: #64748B;
    }
    .footer-title[aria-expanded="true"]::after {
        transform: rotate(180deg);
        color: #FFFFFF;
    }
    .footer-links {
        padding: 10px 0 15px 5px;
    }
    .footer-brand-col, .footer-cta-card {
        text-align: center;
        margin-top:10px;
    }
    .brand-desc {
        max-width: 100%;
    }
    .footer-socials {
        justify-content: center;
    }
    .block767{
        display:block !important;
    }
    .disnon767{
        display:none !important;
    }
    .map-header-right {
        width: 100%;
        display: block;
    }
    .btn-get-directions {
        display: flex;     
        justify-content: center;
        width: 100%;
        text-align: center;
    }
    .topheader {
        text-align: center;
        padding: 80px 0; 
        padding-bottom:20px !important;;
    }
    .topheader h2 {
        font-size: 36px;
        margin-top:10px;
        line-height: 40px;
        font-weight: 900;
    }
    .topheader p {
        font-size: 16px;
        line-height: 26px;
    }
}
    .mobile-fixed-footer-bar {
        position: fixed;
        bottom: 0;
        left: 0;
        width: 100%;
        background: #FFFFFF;
        box-shadow: 0px -10px 30px rgba(15, 23, 42, 0.08); 
        z-index: 1050; 
        padding: 12px 16px;
    }
    .btn-request-orange {
        font-size:14px;
        line-height:20px;
    }
    .fixed-bar-container {
        display: flex;
        gap: 12px; 
        width: 100%;
    }
    .fixed-bar-btn {
        flex: 1; 
        height: 48px;
        border: none;
        outline: none;
        border-radius: 14px; 
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px; 
        text-decoration: none !important;
        transition: all 0.2s ease-in-out;
    }
    .fixed-bar-btn span {
        color: #FFFFFF;
        font-size: 14px;
        font-weight: 800; 
        letter-spacing: -0.2px;
    }
    .fixed-bar-btn i {
        color: #FFFFFF;
        font-size: 16px;
    }
    .btn-green {
        background: #52B48A; 
    }
    .btn-orange {
        background: linear-gradient(135deg, #FF8A3D 0%, #FF6B00 100%); 
        box-shadow: 0px 4px 12px rgba(255, 107, 0, 0.2);
    }
    .fixed-bar-btn:active {
        transform: scale(0.97);
        opacity: 0.95;
    }
    .smallfoto{
        display:none !important;
    }
    .Girisgorsel{
        margin-top:-80px !important;
    }
    .Girisgorsel img{
        width:100%;
        height:100%;
        object-fit:contain;
    }
@media (max-width: 576px) {
    .smallfoto{
        display:block !important;
    }
    .bigfoto{
        display:none !important;
    }
    .slider_main_title {
        color: #1E293B;
        font-size: 30px;
        line-height:36px;
        font-weight: 900;
    }
    .teacher_apply_hero__left-panel{
        border-radius:20px !important;
        margin-bottom:30px !important;
    }
    .teacher_apply_hero__left-panel,
    .teacher_apply_hero__form-panel {
        padding: 24px 16px;
    }
    .btn-discover {
        font-size:14px;
        line-height:20px;
    }
}
.contact-item a {
    text-decoration: none;
    display: flex;
    align-items: center;
    color: inherit; 
}
.contact-item a:hover {
    color: inherit; 
}
.contact-item .icon-box {
    margin-right: 10px;
}

.pricing-container {
    justify-content: center;
}

.p-card {
    background: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 20px;
    padding: 30px;
    transition: 0.3s;
    box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}
.mt-auto {
    margin-top: auto !important;
}


.p-header h3 { font-size: 20px; color: #000; margin-bottom: 10px;font-weight:700; }
.p-header p { color: #777; font-size: 14px; }

.p-price {
    font-size: 35px;
    font-weight: 800;
    font-weight:900;
    color: #333;
    margin: 25px 0;
}

.p-price span { font-size: 20px; vertical-align: top; }
.p-price small { font-size: 14px; color: #999; font-weight: 400; }

.p-features {
    list-style: none;
    padding: 0;
    margin-bottom: 30px;
}

.p-features li {
    margin-bottom: 12px;
    font-size: 14px;
    color: #444;
    display: flex;
    align-items: flex-start;
}

.p-features li i {
    color: #ff6b00;
    margin-right: 10px;
    margin-top: 4px;
}

.p-btn {
    display: block;
    width: 100%;
    text-align: center;
    padding: 15px;
    text-decoration:none !important;
    background: #ff6b00;
    color: #fff;
    border-radius: 12px;
    text-decoration: none;
    font-weight: 600;
}

.p-btn:hover { background: #e05e00; color: #fff; }
.cat-box {
    background: #fff;
    border: 1px solid #e1e1e1;
    border-radius: 15px;
    padding: 25px;
    text-align: center;
    transition: 0.3s;
    height: 100%;
}

.cat-box.active {
    border: 2px solid #ff6b00;
}

.cat-box h4 {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
}

.cat-box .line {
    width: 60%;
    height: 2px;
    background: #ff6b00;
    margin: 0 auto 15px auto;
}

.cat-box p {
    font-size: 13px;
    color: #555;
    line-height: 1.6;
    margin: 0;
}

.btn-bottom-wrapper {
    position: absolute;
    bottom: 0; 
    left: 50%; 
    transform: translateX(-50%);
    z-index: 10;
    margin-bottom: -75px; 
}
.btn-play-circle {
    width: 150px; 
    height: 150px;
    background-color: #FF6A00; 
    border: none;
    border-radius: 50%; 
    display: flex;
    flex-direction: column; 
    align-items: center;
    justify-content: center;
    border:4px solid #FFF;
    padding: 0;
    cursor: pointer;
    box-shadow: 0 10px 25px rgba(0,0,0,0.3); 
    transition: 0.3s;
    outline: none;
}

.play-icon-triangle {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 0 25px 40px; 
    border-color: transparent transparent transparent #FFFFFF; 
    margin-bottom: 8px; 
    transform: translateX(5px); 
}
.btn-play-circle span {
    color: white;
    font-size: 14px;
    font-weight: 700;
    text-shadow: 0 2px 4px rgba(0,0,0,0.5);
}
.btn-play-circle:hover {
    transform: scale(1.05); 
    box-shadow: 0 15px 30px rgba(0,0,0,0.4); 
}
@media (max-width: 576px) {
    .btn-bottom-wrapper {
        margin-bottom: -50px; 
    }
    .btn-play-circle {
        width: 100px;
        height: 100px;
    }
    .play-icon-triangle {
        border-width: 18px 0 18px 30px; 
    }
    .btn-play-circle span {
        font-size: 11px;
    }
}