* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: 'Karla', sans-serif !important;
}

body {
    background: #FFFCF7;
    color: #222 !important;
}


header {
    padding: 20px 40px;
    background-color: #FFFCF7!important;
}

.logo span {
    font-weight: bold;
}

.logo i {
    color: #74d6e2;
    font-style: normal;
}
.navbar a{
    font-size:20px ;
}
nav a {
    margin: 0 15px;
    text-decoration: none;
    color: #333;
    font-weight: 500;
}

.login-btn {
    font-size: 20px;
    background: #9A9CEA;
    color: #fff;
    border: none;
    padding: 10px 30px;
    border-radius: 20px;
    cursor: pointer;
}

.hero {
    background-color: #FFFCF7!important;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 20px 40px;
    color:#000000;
}

.hero-left {
    font-size: 60px;
}

.hero-left h1 {
    line-height: 12px;
    font-size: 60px;
    margin-bottom: 15px;
}

.hero-left h1 span {
    color: #ff7a00;
    font-style: italic;
}

.hero-left p {
    margin-top: 2rem;
    margin-bottom: 25px;
    line-height: 1.6;
    font-size: 24px;
    font-weight: 300;
}

.stats {
    display: flex;
    gap: 40px;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.stat-number {
    font-size: 40px;
    font-weight: bold;
}

.stat-label {
    font-size: 18px;
    font-weight: normal;
    color: #333;
}
.hero-ok {
    position: absolute;
    top: 40%;
    right: -9%;
    width: 100px;
    height: auto;
    pointer-events: none;
}
.cta-btn {
    background: #9A9CEA;
    color: #fff;
    padding: 12px 20px;
    border: none;
    border-radius: 24px;
    font-weight: 500;
    cursor: pointer;
    font-size: 20px;
}

.hero-right {
    display: flex;
    max-width: 100%;
    justify-content: center;
}

.hero-right img {
    width: 80%;
    border-radius: 20px;
}
.vurgulu {
    color: #FC8E46;
    position: relative;
    display: inline-block;
}
.sari-cizgi {
    position: absolute;
    top: 5rem;
    left: 0;
    width: 100%;
    pointer-events: none;
}
.mavi-sekil {
    display: inline-block;
    position: absolute;
    top: -4rem;
    left: 37rem;
    width: 100px;
}

.cta-section-title span{
    position: relative;
    font-size: 36px;
    margin-bottom: 20px;
    line-height: 1.4;
    font-weight: 400;
}
/* Responsive */
@media (max-width: 1024px) {
    .hero {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .hero-left, .hero-right {
        max-width: 100%;
    }

    .hero-left h1 {
        font-size: 36px;
    }

    .hero-left p {
        font-size: 18px;
    }

    .stat-number {
        font-size: 28px;
    }

    .stat-label {
        font-size: 14px;
    }

    .hero-ok {
        position: static;
        transform: none;
        margin: 20px auto;
        display: block;
    }

    header {
        flex-direction: column;
        gap: 10px;
    }

    .navbar {
        justify-content: center;
    }

    .login-btn {
        align-self: center;
    }
}

.wellow-logo img {
    width: 270px;
    height: 110px;
}
.hero-title{
    font-size: 60px;
    position: relative;
}
/* section bitisi */

.cta-section {
    background-color: #464898;
    color: #fff;
    padding: 40px;
}

.cta-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

.cta-left {
    position: relative;
}

.cta-left h2 {
    font-size: 36px;
    margin-bottom: 20px;
    line-height: 1.4;
    font-weight: 400;
}



.cta-form {
    padding: 5px ;
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 50px;
    overflow: hidden;
    width: 100%;
    max-width: 400px;
}

.cta-form input {
    flex: 1;
    border: none;
    padding: 10px 20px;
    font-size: 16px;
    outline: none;
    border-radius: 50px 0 0 50px;
}

.cta-form button {
    background-color: #a89df4;
    color: #fff;
    border: none;
    padding: 10px 20px;
    cursor: pointer;
    border-radius: 50px;
}

.cta-right .cta-woman {
    max-width: 300px;
    height: auto;
}

.cta-ok {
    position: absolute;
    top: 100px;
    left: 300px;
    width: 50px;
    pointer-events: none;
}

.cta-right {
    position: relative;
    width: 300px;
}

.cta-right .cta-woman {
    position: absolute;
    bottom: -14rem;
    max-width: 340px;
    left: 11rem;
}


@media (max-width: 768px) {
    .cta-content {
        flex-direction: column;
        text-align: center;
    }

    .cta-right .cta-woman {
        margin-top: 20px;
    }
}

.headline-wrapper {
    position: relative;
    display: inline-block;
}

.cta-top-shape {
    display: inline-block;
    position: absolute;
    top: -2rem;
    left: 44rem;
    width: 70px;
    pointer-events: none;
}

.underline {
    position: relative;
    display: inline-block;
}

.cta-underline {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100px;
    pointer-events: none;
}

.cta-ok {
    position: absolute;
    top: 7rem;
    left: 27rem;
    width: 100px;
    pointer-events: none;
}

/* section bitisi */


.features-section {
    text-align: center;
    padding: 60px 20px;
    background: #fff;
}

.features-section h2 {
    font-size: 28px;
    margin-bottom: 40px;
    font-weight: 500;
}

.features-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
    gap: 30px;
    justify-items: center;
}

.feature-card {
    border-radius: 12px;
    text-align: center;
    transition: all 0.3s ease;
}
.feature-card-text{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}


.feature-card img {
    width: 100%;

    border-radius: 8px;
    margin-bottom: 15px;
}

.feature-card h3 {
    font-size: 18px;
    margin: 10px 0;
    font-weight: 500;
}

.feature-card p {
    text-align: justify;
    font-size: 16px;
    color: #555;
    margin-bottom: 15px;
    font-weight: 300;
}

.feature-card a {
    color: #7e7efc;
    text-decoration: none;
    font-weight: 500;
}

/* section bitisi */

.sustain-section {
    padding: 60px 40px;
    background-color: #FFFCF7;
}

.sustain-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
}

.sustain-left {
    flex: 1;
    min-width: 300px;
    max-width: 600px;
    position: relative;
}

.sustain-left h2 {
    font-size: 48px;
    margin-bottom: 20px;
    line-height: 1.3;
    position: relative;
    display: inline-block;
    font-weight: 550;

}

.sustain-left .sustain-underline {
    position: absolute;
    bottom: -2rem;
    left: 14rem;
    width: 180px;
    pointer-events: none;
}

.sustain-left p {
    font-size: 20px;
    color: #333;
    line-height: 1.6;
    font-weight: 300;
}

.sustain-right {
    flex: 1;
    min-width: 300px;
    max-width: 600px;
    text-align: center;
    position: relative;
}

.sustain-woman {
    max-width: 100%;
    height: auto;
    position: relative;
    z-index: 1;
}

@media (max-width: 768px) {
    .sustain-content {
        flex-direction: column;
        text-align: center;
    }

    .sustain-left h2 {
        font-size: 24px;
    }

    .sustain-left .sustain-underline {
        width: 100px;
    }
}

/* section bitisi */

.impact-section {
    text-align: center;
    padding: 40px;
    background-color: #ffffff;
}

.impact-section h2 {
    font-size: 32px;
    margin-bottom: 50px;
    font-weight: 550;
}
.impact-title {
    position: relative;
    display: inline-block;
}

.highlight {
    position: relative;
    display: inline-block;
    z-index: 1;
}

.highlight-shape {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: -1;
    pointer-events: none;
}
.calendar-higlight{
    position: absolute;
    left: 2rem;
    bottom: -2rem;
    width: 129px;
    z-index: -1;
    pointer-events: none;
}

.impact-section {
    text-align: center;
    padding: 40px;
}

.impact-title {
    font-size: 28px;
    margin-bottom: 40px;
    position: relative;
}

.highlight {
    position: relative;
    display: inline-block;
    z-index: 1;
}

.impact-content {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    max-width: 1200px;
    margin: 0 auto;
}

.impact-center {
    position: relative;
    z-index: 1;
}

.impact-photo {
    max-width: 250px;
}

.impact-item {
    position: absolute;
    width: 180px;
    text-align: center;
}

.impact-item p {
    width: 400px;
    display: flex;
    text-align: justify;
    font-size: 18px;
    flex-direction: column;
}

.impact-item .icons {
    max-height: 30px;
    margin-top: 8px;
    height: auto;
    display: block;
}

/* impact-item konumları */
.top-left    { top: 0; left: 10%; }
.middle-left { top: 40%; left: 0; }
.bottom-left { bottom: 0; left: 6%; }
.top-right   { top: 0; right: 10%; }
.middle-right{ top: 40%; right: 0; }
.bottom-right{ bottom: 0; right: 10%; }

.arrow {
    position: absolute;
    width: 100px;
    height: auto;
    pointer-events: none;
}

.arrow1 {
    top: 2rem;
    left: 12rem;
}

.arrow2 {
    top: 2rem;
    left: 19rem;
}

.arrow3 {
    bottom: 2rem;
    left: 20rem;
}

.arrow4 {
    top: 2rem;
    right: 14rem;
}

.arrow5 {
    top: 1rem;
    right: 15rem;
}

.arrow6 {
    bottom: 1rem;
    right: 15rem;
}

/* responsive */
@media (max-width: 768px) {
    .impact-content {
        flex-direction: column;
        position: static;
    }

    .impact-item {
        position: static;
        margin: 20px auto;
    }

    .arrow {
        display: none;
    }
}


@media (max-width: 768px) {
    .impact-content {
        flex-direction: column;
    }

    .impact-item {
        position: static;
        margin: 10px auto;
    }
}

/* section bitisi */

.leaders-section {
    text-align: center;
    padding: 40px 20px;
    background: #fffcf7;
}

.leaders-title {
    font-size: 40px;
    margin-bottom: 20px;
    line-height: 1.4;
    font-weight: 500;
}

.highlight {
    position: relative;
    display: inline-block;
    z-index: 1;
}

.highlight-shape-footer {
    position: absolute;
    left: 0;
    bottom: -7px;
    width: 100%;
    z-index: -1;
    pointer-events: none;
}

.leaders-subtitle {
    font-size: 18px;
    margin: 5px 0;
    line-height: 1.5;
}

.subtitle-arrow {
    width: 50px;
    vertical-align: middle;
}

/* section bitisi */

.footer {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    padding: 20px 40px;
    background: #fffcf7;
}

.footer-left {
    flex: 1;
    min-width: 200px;
}

.footer-logo {
    width: 150px;
    margin-bottom: 5px;
}

.footer-links {
    display: flex;
    gap: 40px;
    flex: 2;
    justify-content: center;
}

.footer-links h4 {
    color: #a184e8; /* mor */
    font-size: 16px;
    margin-bottom: 8px;
}

.footer-links ul {
    list-style: none;
    padding: 0;
}

.footer-links li {
    font-size: 14px;
    margin: 4px 0;
}

.footer-social {
    flex: 1;
    display: flex;
    justify-content: flex-end;
    gap: 10px;
    min-width: 150px;
}

.footer-social img {
    width: 30px;
    height: 30px;
    cursor: pointer;
}

.footer-links ul {
    list-style: none;
    padding: 0;
}

.footer-links li {
    font-size: 14px;
    margin: 4px 0;
}

.footer-links a {
    text-decoration: none;
    color: #000;
    transition: color 0.3s;
}

.footer-links a:hover {
    color: #a184e8;
}

/* Kulupler CSS*/
.clubs {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
    padding: 40px;
    background: #FFFCF7;
    justify-content: space-between;
    align-items: center;
}

.clubs-left {
    max-width: 600px;
    position: relative;
    flex: 1 1 300px;
}


.title-group {
    position: relative;
}

.title-orange {
    color: #ff7a00;
    font-weight: 700;
    font-size: 48px;
}

.title-black {
    font-size: 44px;
    font-weight: 700;
    position: relative;
    display: inline-block;
    line-height: 1.2;
}

.underline-img {
    position: absolute;
    bottom: -2.3rem;
    left: 0;
    width: 100%;
    max-width: 280px;
    pointer-events: none;
}

.highlight-shape {
    position: absolute;
    top: 10px;
    right: -60px;
    width: 50px;
    height: auto;
    pointer-events: none;
}

.clubs-description {
    font-size: 24px;
    line-height: 1.6;
    color: #333;
    margin-top: 30px;
}

.clubs-left h2 {
    font-size: 40px;
    margin-bottom: 20px;
    line-height: 1.3;
}

.orange {
    color: #ff7a00;
    font-weight: bold;
}

.underline {
    position: relative;
    display: inline-block;
}

.underline::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 100%;
    height: 6px;
    background: #c2f1f3;
    z-index: -1;
}

.clubs-left p {
    font-size: 20px;
    line-height: 1.6;
    color: #333;
    margin-top: 40px;
}
.clubs-right {
    display: flex;
    gap: 40px;
    overflow: hidden;
    justify-content: center;
}

.column {
    width: 300px;
    overflow: hidden;
    position: relative;
    height: 500px;
}

.column-track {
    display: flex;
    flex-direction: column;
    animation: scrollUp 12s linear infinite;
}

.column:nth-child(2) .column-track {
    animation: scrollUp 16s linear infinite;
}

.club-card {

    margin-bottom: 20px;
    text-align: center;
}

.club-card img {
    width: 100%;
    height: auto;
    border-radius: 4px;
    margin-bottom: 8px;
}

.club-card p {
    font-weight: 500;
    font-size: 14px;
}

@keyframes scrollUp {
    0% { transform: translateY(0); }
    100% { transform: translateY(-50%); }
}

/* section sonu */

.social-impact {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 40px;
    padding: 40px;
    background: #ffffff;
}

.impact-left {
    flex: 1 1 300px;
    max-width: 500px;
}

.impact-image {
    width: 100%;
    height: auto;
}

.impact-right {
    flex: 1 1 300px;
    max-width: 600px;
}

.impact-right h2 {
    font-weight: 550;
    font-size: 40px;
    line-height: 1.4;
    margin-bottom: 20px;
}

.pink {
    color: #e67890;
    font-weight: 550;
}

.green {
    color: #78be20;
    font-weight: 500;
}

.impact-right ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.impact-right li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 1.6;
    color: #333;
}

.impact-right li::before {
    content: '✨';
    position: absolute;
    left: 0;
    top: 0;
}

.cta-btn {
    background: #9A9CEA;
    color: #fff;
    border: none;
    padding: 12px 24px;
    border-radius: 30px;
    font-size: 16px;
    cursor: pointer;
}

/* Weelbeing */
.wellow-intro{
    background-color: #FFFCF7;
}
.wellow-intro .logo-img{
    width: 550px;
}
.wellow-intro-title{
    font-size: 40px;
    font-weight: 400;
}
.wellow-intro-desc{
    font-size: 24px;
    font-weight: 300;
}

 .text-highlight {
     color: #FFD700;
     font-weight: bold;
     position: relative;
     display: inline-block;
 }
.weelbeing-educations h2{
    font-size: 32px;
    font-weight: 400;
}
.weelbeing-educations-card{
    width: 300px;
    border-radius: 8px;
    margin-bottom: 15px;
}
.weelbeing-educations-card img{
    width: 300px;
}
.weelbeing-educations-card .text span{
    font-size: 18px;
    font-weight: 400;
    color: #000000;
}

.text-highlight{
    font-weight: 400;
    color: #FDDF55;
    position: relative;
    display: inline-block;
}
.text-highlight img{
    position: absolute;
    top: 2rem;
    left: 0;
    width: 100%;
    pointer-events: none;
}
.text-highlight::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 4px;
    width: 100%;
    background-size: contain;
    z-index: -1;
}

.scroll-wrapper {
    position: relative;
    width: 100%;
}

.scroll-track {
    animation: scrollLeft 30s linear infinite;
    display: flex;
    gap: 1rem;
}

@keyframes scrollLeft {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}

.yan-hak span{
 font-size: 32px;
    color: #000000;
}
.yan-hak-vurgulu{
    color: #C194AE !important;
    position: relative;
    display: inline-block;
}
.yan-hak-vurgulu img{
    position: absolute;
    top: 2.4rem;
    left: 0;
    width: 100%;
    pointer-events: none;
}
.oduller h2{
    font-size: 32px;
    font-weight: 400;
}
.oduller .text-highlight{
    color: #A6D579;
}
.saglikli-yasam-vurgulu{
    color: #79ABDE !important;
    position: relative;
    display: inline-block;
}
.saglikli-yasam-vurgulu img{
    position: absolute;
    top: 2.4rem;
    left: 0;
    width: 100%;
    pointer-events: none;
}
.saglikli-yasam span{
    font-size: 32px;
    color: #000000;
}
.saglikli-yasam p{
    font-weight: 300;
    font-size: 20px;
    color: #000000;

}
.saglikli-yasam-card h6{
   font-size: 18px;
    font-weight: 550;
}
.saglikli-yasam-card .rounded p{
    font-weight: 300;
    color: #000000;
}
.weelbeing h2{
    font-size: 36px;
}
.text-blue{
    color: #6BBBCE!important;
    font-weight: 400;
    position: relative;
    display: inline-block;
}
.weelbeing-underline{
    position: absolute;
    top: 5rem;
    left: 0;
    width: 280px;
    pointer-events: none;
}
.item-icon{
    width: 20px;
}
.weelbeing p{
    font-size: 18px;
}
.scroll-wrapper {
    overflow: hidden;
    white-space: nowrap;
    position: relative;
}

.scroll-content {
    display: flex;
    gap: 30px;
}

.scroll-item {
    flex: 0 0 auto;
    text-align: center;
}

.scroll-item img {
    width: 200px;
    height: auto;
    border-radius: 8px;
}

.left-scroll .scroll-content {
    animation: scroll-left 25s linear infinite;
}

.right-scroll .scroll-content {
    animation: scroll-right 25s linear infinite;
}

@keyframes scroll-left {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}

@keyframes scroll-right {
    0% { transform: translateX(-50%); }
    100% { transform: translateX(0); }
}
.calendar-title{
    font-size: 28px;
    font-weight: 500;
}
.wellow-intro .calendar{
    width: 100%;
}
.text-purple{
    color: #C194AE;
    font-weight: 400;
    position: relative;
    display: inline-block;
}
.text-calendar-highlight{
    position: absolute;
    top: 2.3rem;
    left: 8rem;
    width: 220px;
    pointer-events: none;
}
.wellow-note-text{
    font-weight: 300;
}
.kutlama-highlight{
    position: absolute;
    top: -1rem;
    left: -2rem;
    width: 70px;
    pointer-events: none;
    z-index: -1;
}
.wellow-calendar-title{
    font-weight: 500;
    font-size: 30px;
}
.wellow-calendar-desc{
    font-size: 20px;
    font-weight: 300;
}

.impact-box {
    padding: 16px 24px;
    border-radius: 20px;
    font-weight: 500;
    font-size: 14px;
}

.text-pink {
    color: #f07cab;
}

.text-blue {
    color: #4f65ff;
}

.text-green {
    color: #00b66d;
}

.bg-light-pink {
    background-color: #ffe6ec;
}

.bg-light-blue {
    background-color: #f0f4ff;
}

.bg-light-green {
    background-color: #e5fff3;
}

.underline {
    text-decoration: underline;
    text-underline-offset: 6px;
}
.calisan-image img{
        width: 80%;
        border-radius: 20px;
}
.color-box {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 4px;
}

/* Renk tanımlamaları */
.bg-yellow { background-color: #f7e07d; }
.bg-pink { background-color: #fce9f2; }
.bg-red { background-color: #dc5a65; }
.bg-lightgreen { background-color: #e3ebc9; }
.bg-peach { background-color: #f4d5cf; }
.bg-purple { background-color: #a7849f; }
.bg-lavender { background-color: #cfd8f6; }
.bg-green { background-color: #bccf98; }

.calisan-line{
    position: absolute;
    left: 5rem;
    margin-top: 3rem;
    width: 280px;
    pointer-events: none;
}
.ik-section {
    background-color: #fff;
}
.ik-section h2 {
    font-family: "TT Norms Pro", sans-serif;
    font-size: 2.5rem;
}
.ik-section .highlight-purple {
    background-color: #dab7ff;
    border-radius: 16px;
    padding: 0.2em 0.5em;
    display: inline-block;
    z-index: 1;
}
.ik-section .underline-icon {
    bottom: 0;
    left: 20%;
    width: 80px;
    z-index: 0;
}
.purple-underline{
    position: absolute;
    top: 5rem;
    left: 0;
    width: 280px;
    pointer-events: none;
    z-index: -1;
}
.data-underline{
    position: absolute;
    top: 2.5rem;
    left: 11rem;
    width: 160px;
    pointer-events: none;
}
.underline-yesil{
    position: absolute;
    bottom: -1rem;
    left: 0;
    width: 100%;
    max-width: 200px;
    pointer-events: none;
}
.text-purple {
    color: #BFA4F2;
}

.shape img {
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.sustainability-section {
    background-color: #fefaf6;
}

.highlight-word {
    z-index: 1;
}

.highlight-shape {
    position: absolute;
    bottom: -5px;
    right: -10px;
    width: 120px;
    z-index: -1;
}
.wellow-sosyal-title{
    font-size: 36px;
    font-weight: 500;
}
.surdurulebilirlik-highlight{
    position: absolute;
    top: 0rem;
    right: 1rem;
    width: 80px;
    pointer-events: none;
    z-index: -1;
}

.custom-badge {
    border-radius: 20px;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: 400;
    display: inline-block;
    margin: 10px;
}

.bg-light-purple { background-color: #f5f4fd; color: #635bff; }
.bg-light-blue { background-color: #e5edf6; color: #4d88c6; }
.bg-light-pink { background-color: #ffe7f0; color: #f766a3; }
.bg-light-green { background-color: #e2f6f2; color: #20b1aa; }
.bg-light-yellow { background-color: #fdf7e6; color: #bccf00; }

.kurumsal-underline{
    position: absolute;
    top: 2.5rem;
    right: 43%;
    width: 160px;
    pointer-events: none;
}
.yan-haklar-line{
    position: absolute;
    top: 2.4rem;
    right: 49%;
    width: 160px;
    pointer-events: none;
}
.green-text{
    color: #94C1A6;
}
.green-line{
    position: absolute;
    top: 7.5rem;
    left: 0;
    width: 170px;
    pointer-events: none;
}
.kutuphane-card{
    border: 1px solid #efefef!important;
}
.green-line2{
    position: absolute;
    top: 2.5rem;
    right: 0;
    width: 170px;
    pointer-events: none;
}
.text-wellow{
    font-weight: 300;
    font-size: 20px;
    color: #000000;
}
.team-circle{
    width: 150px!important;
    height: 150px!important;
}
.team-card{
    border: 1px solid #f1f1f1!important;
}

.cta-section-title-2{
    position: relative;
    display: inline-block;
}
.cta-top-shape{

}

/****   Responsive   ****/
@media (max-width: 992px) {
    .stats {
        justify-content: center;
    }
    .hero-ok{
        display:none;
    }
    .hero-button{
        justify-content: center;
    }
    .cta-woman{
        display: none;
    }
    .cta-top-shape{
        left: 33rem;
    }
    .cta-ok{
        display: none;
    }
    .cfa-left{
        margin-bottom: 0!important;
    }
    .yan-haklar-line{
        display: none;
    }
}
@media (max-width: 768px) {
   .sustain-left .sustain-underline{
       bottom: -1.3rem;
       left: 7rem;
   }
    .weelbeing h2{
        font-size: 30px;
    }
    .highlight-shape-footer{
        bottom: -7px;
    }
    .green-line{
        top: 6.5rem;
    }
}
@media (max-width: 576px) {
    .hero-title{
        font-size: 40px;
    }
    .sari-cizgi{
        top: 4rem;
    }
    .cta-section-title-2{
        font-size: 26px;
    }
    .weelbeing-underline{
        top: 7rem;
        left: 5rem;
        width: 207px;
    }
}
@media (max-width: 510px) {
    .cta-section-title span{
        font-size: 20px;
    }
    .mavi-sekil{
        left: 22rem;
    }
}
@media (max-width: 1400px) {
    .navbar a{
        font-size: 16px;
    }

}



.info-box {
    padding: 10px 20px;
    border-radius: 15px;
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
}


.bg-light-purple { background-color: #f0eeff; color: #6b6bd3; }
.bg-pink         { background-color: #ffe5ef; color: #dc6290; }
.bg-light-blue   { background-color: #e5efff; color: #4379c7; }
.bg-light-green  { background-color: #e1f8f2; color: #008977; }
.bg-light-yellow { background-color: #f8fcd3; color: #b9ca17; }
.bg-light-red    { background-color: #ffe7e7; color: #e36868; }

.standart-olmalı {
    font-size: 2rem;
    color: #79cbd3;
}
.yazi{
    font-family: 'Mr Dafoe', cursive!important;
    color: #6BBBCE;
}
.text-calendar{
    color: #C194AE;
}

.celebration-section {
    padding: 60px 20px;
    background-color: #fff;
    text-align: center;
}

.celebration-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 40px;
    max-width: 1200px;
    margin: 0 auto;
}

.celebration-box {
    flex: 1 1 300px;
    max-width: 380px;
}

.celebration-box p {
    font-size: 18px;
    line-height: 1.6;
    color: #333;
}
.hedef-underline{
    position: absolute;
    bottom: -1rem;
    left: 0;
    width: 240px;
    pointer-events: none;
}
.kaynaklar-line{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: -1;
    pointer-events: none;
}
.weelbeing-educations-card .text{
    white-space: normal;       /* Tek satırda kalma zorunluluğunu kaldırır */
    overflow-wrap: break-word;
}
.navbar-nav .mega-dropdown:hover .dropdown-menu{
    left: 33rem!important;
    margin: 0 auto;
    right: 0;
    width: 400px!important;
    background-color: #FFFCF7 !important;
}
.dropdown-menu-nav {
    min-width: 400px!important;
    width: 100%;
}
.navbar-nav .mega-dropdown:hover .dropdown-menu h6{
    color: #0a2540;
    font-weight: 400!important;
}
.navbar-nav .mega-dropdown:hover .dropdown-menu h6:hover{
    color: #9A9CEA;
}
.navbar .nav a{
    margin-left: 0!important;
}
.custom-badge{
    height: max-content;
}