/*Main Slider Start*/

:root {
  --hero-padding: 152px;
}

#hero {
  width: 100%;
  height: 100vh;
  padding-top:var(--hero-padding);
  position: relative;
  background: #f9f6f1;
  overflow: hidden;
}

@media (max-width: 1250px) {
    :root {
        --hero-padding: 142px;
    }
}

@media (max-width: 992px) {
    :root {
        --hero-padding: 97px;
    }
}
@media (max-width: 767px) {
    :root {
        --hero-padding: 93px;
    }
    #hero {
        min-height: 998px;
    }
}
@media (max-width: 576px) {
    :root {
        --hero-padding: 83px;
    }
    #hero {
        min-height: initial;
    }
}

.hero-swiper {
  width: 100%;
  height: 100%;
}

.inner-container {
    padding-left: 60px;
    height:750px;
}

.swiper-slide {
    position: relative;
    height: 100%;
    color: #111;
}

.swiper-slide .bg-layer {
  z-index: 0;
}

.swiper-slide .container {
  position: relative;
  z-index: 2;
}

.hero-visuals img {
  position: relative;
  z-index: 3;
}

.hero-nav,
.hero-pagination {
  z-index: 10;
}

.swiper-slide .bg-layer {
  position: absolute;
  inset: 0;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  opacity: 0;
  transition: opacity .4s ease;
}

.hero-copy {
    max-width: 585px;
}

.hero-copy .eyebrow {
    letter-spacing: 1.08px;
    line-height: 44px;
    font-size: 36px;
    color: var(--ahlp-e6d8c7);
    margin-bottom: 20px;
}
.hero-copy.tamplate-2 .eyebrow {
    color: var(--ahlp-e2dfdf);
}
.hero-copy h1 {
  color:var(--ahlp-ffffff);
  letter-spacing: 1.08px;
  line-height:60px;
  font-size:60px;
  margin-bottom:60px;
  font-weight:bold;
}
.hero-copy.tamplate-2 h1 {
  color:var(--ahlp-ffffff);
}
.hero-copy p {
    letter-spacing: 0.72px;
    line-height: 30px;
    text-align:start;
    font-size: 24px;
    color: var(--ahlp-e6d8c7);
    margin-bottom: 60px; 
}
.hero-copy.tamplate-2 p {
    color: var(--ahlp-403b3b);
}

#hero .star-title::before {
    left: -14px;
    top: -10%;
    transform: translateY(-50%);
}
#hero .star-title .mid-star::after {
    left: 47%;
    top:initial;
    bottom: 40%;
    transform: translateX(-50%);
}

#hero .star-title::after {
    right: 11%;
    top: -4%;
    transform: translateY(-50%);
}

.hero-visuals {
    position: relative;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    perspective: 900px;
}

.template-one-img {
    
    height: auto;
    object-fit: contain;
    will-change: transform;
    backface-visibility: hidden;
    filter: drop-shadow(0 6px 18px rgba(0,0,0,.25));
    position: absolute;
}
.template-one-img.top {
    top: -3vh;
    left: 0;
    max-width: 260px;
}

.template-1{
    padding-top:150px;
}
.template-2{
    padding-left:0;
}

.template-one-img.bottom {
    bottom: -5vh;
    left: 0px;
    max-width: 370px;
}

.template_two_img {
    position: absolute;
    bottom: 20px;
    max-width: 100%;
    height: auto;
    object-fit: contain;
    will-change: transform;
    backface-visibility: hidden;
    filter: drop-shadow(0 6px 18px rgba(0, 0, 0, .25));
    opacity: 0;
}

/* Soldaki ok */
.template_two_img.left {
  left: -50px;
  bottom:-10vh;
  animation-delay: 0s
}

/* Sağdaki ok */
.template_two_img.right {
  right: 0px;
  animation-delay: 0.5s;
}

#hero .swiper-buttons-container {
    position: absolute;
    right: 15%;
    transform: translate(-50%, -50%);
    bottom: -30px;
    display: flex;
    flex-direction: column;
    gap: 15px;
    z-index: 100;
}

#hero .swiper-pagination-bullet {
    background-color: var(--ahlp-bbb4b4) !important;
    width: 10px !important;
    height: 10px !important;
}

#hero .swiper-pagination-bullet-active {
    background-color: var(--ahlp-a7804d) !important;
}

#hero .swiper-pagination-fraction {
    color: var(--ahlp-bbb4b4);
    font-size: 16px;
    line-height: 19px;
    text-align: end;
    margin-top: 20px;
    margin-bottom: 4px;
    padding-right: 5px;
}

#hero .swiper-pagination-bullets {
    display: flex;
    gap: 6px;
    justify-content: center;
}


@media (max-width: 992px) {
    .template-1{
        padding-top:100px;
    }
    .template-2{
        padding-top:150px;
        padding-left:0 !important;
    }
    .template-2 .hero-copy p{
        max-width: 100%;
    }
    .inner-container{
        padding-left:20px;
        height:initial;
    }

    .swiper-slide .bg-layer {
        background-position: -900px, center;
    }

    #hero .swiper-buttons-container {
        right: 0%;
        bottom: -50px;
        gap: 10px;
    }

    .hero-copy .eyebrow {
        letter-spacing: 1px;
        line-height: 32px;
        font-size: 28px;
        margin-bottom: 10px;
    }

    .hero-copy h1 {
        line-height: 58px;
        font-size: 52px;
        margin-bottom: 30px;
    }

    .hero-copy p {
        letter-spacing: 0.62px;
        line-height: 24px;
        font-size: 18px;
        margin-bottom: 30px;
        max-width: 550px;
    }

    #hero .swiper-pagination-fraction {
        font-size: 14px;
        line-height: 16px;
        margin-top: 10px;
    }
    #hero .swiper-pagination-bullet {
        width: 8px !important;
        height: 8px !important;
    }
}

@media (max-width: 766px) {
    .hero-copy .eyebrow {
        letter-spacing: .06px;
        line-height: 24px;
        font-size: 20px;
        margin-bottom: 10px;
    }

    .hero-copy h1 {
        letter-spacing: .96px;
        line-height: 36px;
        font-size: 32px;
        max-width:330px;
        margin:0 auto;
        margin-bottom: 30px;
    }

    .hero-copy p {
        letter-spacing: 0.42px;
        line-height: 16px;
        font-size: 14px;
        margin-bottom: 30px;
        max-width: 300px;
    }

    .template-one-img{
        width:100%;
    }

    .template-one-img.bottom{
        max-height:300px;
    }

    .swiper-slide .bg-layer {
        background-position: -750px, center;
    }

    #hero .swiper-pagination-fraction {
        font-size: 12px;
        line-height: 15px;
    }
    #hero .swiper-pagination-bullet {
        width: 6px !important;
        height: 6px !important;
    }
}


/*Main Slider End*/

/*Fon-Intro Start*/

#fon-intro {
    padding: 120px 0;
    background-color: var(--ahlp-ffffff);
}

#fon-intro .fund-filter-wrapper {
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    margin: 60px 0 40px 0;
}

    #fon-intro .fund-filter-wrapper::-webkit-scrollbar {
        display: none;
    }

#fon-intro .fund-filter-container {
    display: inline-flex;
    gap: 20px;
    cursor: grab;
}

    #fon-intro .fund-filter-container:active {
        cursor: grabbing;
    }



#fon-intro .swiper {
    overflow: hidden;
}

#fon-intro .swiper-slide {
    height: auto;
}

#fon-intro .fon-card {
    background: var(--ahlp-f9f5f1);
    border-radius: 16px;
    padding: 40px;
    height: 100%;
    display:flex;
    flex-direction:column;
}

#fon-intro .fon-card-header {
    display: flex;
    justify-content: space-between;
    align-items: center
}

#fon-intro .fon-code {
    font-size: 36px;
    letter-spacing: 1.08px;
    line-height: 44px;
    font-weight: bold;
    margin: 0
}

#fon-intro .management-fee{
    background-color:var(--ahlp-5f5858);
    color:var(--ahlp-f9f5f1);
    border-radius:13px;
    font-size:14px;
    line-height:17px;
    padding:9px 15px;
}

#fon-intro .fon-type {
    font-size: 20px;
    line-height: 24px;
    color: var(--ahlp-1a1818);
    margin: 10px 0 30px 0;
    font-weight:bold;
    flex-grow:1;
}

.fon-stats {
    display: flex;
    justify-content: space-between;
}

.fon-stat {
    flex: 1;
    display: flex;
    flex-direction: column;
    position: relative;
    padding-right: 12px;
}

    .fon-stat:not(:last-child) {
        border-right: 1px solid #ddd;
    }

.fon-label {
    color: var(--ahlp-bbb4b4);
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    line-height: 19px;
    position: relative;
    margin-bottom: 10px;
    text-wrap: nowrap;
}

    /* Ortak ikon alanı */
    .fon-label::after {
        content: "";
        width: 20px;
        height: 20px;
        display: inline-block;
        background-repeat: no-repeat;
        background-size: contain;
        transform: translateY(1px);
    }

/* 🔼 Yeşil (up) ikon */
.fon-stat.up .fon-label::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg id='Group_9765' data-name='Group 9765' transform='translate(-596 -1557)'%3E%3Cpath id='Path_2708' data-name='Path 2708' d='M5.629,1.691l2.5-2.43,3.088,3.087a.933.933,0,0,0,1.324,0l5.937-5.9a.938.938,0,0,0,0-1.326.937.937,0,0,0-1.325,0L11.875.359,8.785-2.727a.941.941,0,0,0-1.324,0L4.336.4a.938.938,0,0,0,0,1.326.87.87,0,0,0,1.293-.033Zm13.434,5H1.875V-8a.938.938,0,0,0-.938-.937A.938.938,0,0,0,0-8V7.313a1.254,1.254,0,0,0,1.25,1.25H19.062a.938.938,0,0,0,0-1.875Z' transform='translate(596 1567.188)' fill='%2300d329'/%3E%3Crect id='Rectangle_8928' data-name='Rectangle 8928' width='20' height='20' transform='translate(596 1557)' fill='none'/%3E%3C/g%3E%3C/svg%3E");
}

/* 🔻 Kırmızı (down) ikon */
.fon-stat.down .fon-label::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cg id='Group_9774' data-name='Group 9774' transform='translate(14061 -2144)'%3E%3Cg id='Group_9773' data-name='Group 9773' transform='translate(-14657 587)'%3E%3Cpath id='Path_2716' data-name='Path 2716' d='M19.062,6.688H1.875V-8a.938.938,0,0,0-.938-.937A.938.938,0,0,0,0-8V7.313a1.254,1.254,0,0,0,1.25,1.25H19.062a.938.938,0,0,0,0-1.875Z' transform='translate(596 1567.188)' fill='red'/%3E%3Crect id='Rectangle_8999' data-name='Rectangle 8999' width='20' height='20' transform='translate(596 1557)' fill='none'/%3E%3C/g%3E%3Cpath id='Path_2717' data-name='Path 2717' d='M3.8-5.922l2.5,2.43L9.386-6.58a.938.938,0,0,1,.662-.276.933.933,0,0,1,.662.275l5.938,5.9a.938.938,0,0,1,0,1.326.938.938,0,0,1-1.326,0L10.048-4.59,6.958-1.5a.941.941,0,0,1-1.324,0L2.508-4.63a.938.938,0,0,1,0-1.326A.87.87,0,0,1,3.8-5.922Z' transform='translate(-14059.172 2156.285)' fill='red'/%3E%3C/g%3E%3C/svg%3E");
}

/* Yazı renkleri */
.fon-stat .fon-value {
    font-weight: bold;
    font-size: 36px;
    line-height: 43px;
}

.fon-stat.up .fon-value {
    color: var(--ahlp-1a1818);
}

.fon-stat.down .fon-value {
    color: var(--ahlp-ff0000);
}




/* ---- Ölçü ve aralıklar ---- */
/*.fon-risk {
    --seg-w: 51.4px;*/ /* parça genişliği  */
    /*--seg-h: 11px;*/ /* parça yüksekliği */
    /*--gap: 2px;*/ /* parçalar arası boşluk */
    /*--dot: 33px;*/ /* gösterge dairesi */
    /*position: relative;
    margin-top: 30px;
    font-size: 13px;
    color: #9a9a9a;
}

.risk-bar {
    position: relative;
    display: flex;
    align-items: center;
    gap: var(--gap);
    margin-top: 20px;
}*/

/* 51x11 parçalar */
/*.risk-level {
    width: var(--seg-w);
    height: var(--seg-h);
    border-radius: 6px;
    background: #cfcfcf;
}*/

    /* Renk skalası (7 seviye) */
    /*.risk-level[data-index="1"] {
        background: #00d329;
    }

    .risk-level[data-index="2"] {
        background: #cbe62d;
    }

    .risk-level[data-index="3"] {
        background: #ffe74c;
    }

    .risk-level[data-index="4"] {
        background: #ffa235;
    }

    .risk-level[data-index="5"] {
        background: #ff5733;
    }

    .risk-level[data-index="6"] {
        background: #ff2e2e;
    }

    .risk-level[data-index="7"] {
        background: #b10000;
    }*/

/* ---- 35x35 gösterge dairesi ---- */
/*.fon-risk[data-risk] .risk-bar::after {
    content: attr(data-risk);
    position: absolute;
    top: 50%;
    left: calc(
        (100% / 7) * (attr(data-risk number) - 0.5)
    );
    transform: translate(-50%, -50%);
    width: var(--dot);
    height: var(--dot);
    border-radius: 50%;
    background: #fff;
    border: 4px solid currentColor;
}*/

/* Konum: (seg-w+gap)*(index-1) + seg-w/2 - dot/2  */
/* 1 → 7 için ayrı kurallar (CSS calc, yalnızca sayısal çarpım) */
/*.fon-risk[data-risk="1"][data-risk]::after {
    left: calc((var(--seg-w) + var(--gap)) * 0 + var(--seg-w)/2 - var(--dot)/2);
}

.fon-risk[data-risk="2"][data-risk]::after {
    left: calc((var(--seg-w) + var(--gap)) * 1 + var(--seg-w)/2 - var(--dot)/2);
}

.fon-risk[data-risk="3"][data-risk]::after {
    left: calc((var(--seg-w) + var(--gap)) * 2 + var(--seg-w)/2 - var(--dot)/2);
}

.fon-risk[data-risk="4"][data-risk]::after {
    left: calc((var(--seg-w) + var(--gap)) * 3 + var(--seg-w)/2 - var(--dot)/2);
}

.fon-risk[data-risk="5"][data-risk]::after {
    left: calc((var(--seg-w) + var(--gap)) * 4 + var(--seg-w)/2 - var(--dot)/2);
}

.fon-risk[data-risk="6"][data-risk]::after {
    left: calc((var(--seg-w) + var(--gap)) * 5 + var(--seg-w)/2 - var(--dot)/2);
}

.fon-risk[data-risk="7"][data-risk]::after {
    left: calc((var(--seg-w) + var(--gap)) * 6 + var(--seg-w)/2 - var(--dot)/2);
}*/

/* Dairenin rengi: seviyeye göre */
/*.fon-risk[data-risk="1"][data-risk]::after {
    border-color: #00d329;
    background-color: #fff;
    box-shadow: 0 0 0 4px rgba(0,211,41,.25);
}

.fon-risk[data-risk="2"][data-risk]::after {
    border-color: #cbe62d;
    background-color: #fff;
    box-shadow: 0 0 0 4px rgba(203,230,45,.25);
}

.fon-risk[data-risk="3"][data-risk]::after {
    border-color: #ffe74c;
    background-color: #fff;
    box-shadow: 0 0 0 4px rgba(255,231,76,.25);
}

.fon-risk[data-risk="4"][data-risk]::after {
    border-color: #ffa235;
    background-color: #fff;
    box-shadow: 0 0 0 4px rgba(255,162,53,.25);
}

.fon-risk[data-risk="5"][data-risk]::after {
    border-color: #ff5733;
    background-color: #fff;
    box-shadow: 0 0 0 4px rgba(255,87,51,.25);
}

.fon-risk[data-risk="6"][data-risk]::after {
    border-color: #ff2e2e;
    background-color: #fff;
    box-shadow: 0 0 0 4px rgba(255,46,46,.25);
}

.fon-risk[data-risk="7"][data-risk]::after {
    border-color: #b10000;
    background-color: #fff;
    box-shadow: 0 0 0 4px rgba(177,0,0,.25);
}*/

.fon-risk {
    --dot-size: clamp(26px, 6vw, 33px);
    --h: clamp(8px, 1.5vw, 11px);
    --gap: 2px;
    margin-top: 30px;
    font-size: 13px;
}

/* BAR */
.risk-bar {
    position: relative;
    height: var(--h);
    margin-top: 16px;
    border-radius: 6px;
    background:
        linear-gradient(to right,
            #00d329 0%,
            #00d329 calc(100% / 7 - var(--gap)),

            transparent calc(100% / 7 - var(--gap)),
            transparent calc(100% / 7),

            #cbe62d calc(100% / 7),
            #cbe62d calc(2 * 100% / 7 - var(--gap)),

            transparent calc(2 * 100% / 7 - var(--gap)),
            transparent calc(2 * 100% / 7),

            #ffe74c calc(2 * 100% / 7),
            #ffe74c calc(3 * 100% / 7 - var(--gap)),

            transparent calc(3 * 100% / 7 - var(--gap)),
            transparent calc(3 * 100% / 7),

            #ffa235 calc(3 * 100% / 7),
            #ffa235 calc(4 * 100% / 7 - var(--gap)),

            transparent calc(4 * 100% / 7 - var(--gap)),
            transparent calc(4 * 100% / 7),

            #ff5733 calc(4 * 100% / 7),
            #ff5733 calc(5 * 100% / 7 - var(--gap)),

            transparent calc(5 * 100% / 7 - var(--gap)),
            transparent calc(5 * 100% / 7),

            #ff2e2e calc(5 * 100% / 7),
            #ff2e2e calc(6 * 100% / 7 - var(--gap)),

            transparent calc(6 * 100% / 7 - var(--gap)),
            transparent calc(6 * 100% / 7),

            #b10000 calc(6 * 100% / 7),
            #b10000 100%
        );
}

/* GÖSTERGE */
.risk-bar::after {
    content: attr(data-risk);
    position: absolute;
    top: 50%;
    left: calc((100% / 7) * (var(--risk) - 0.5));
    transform: translate(-50%, -50%);
    width: var(--dot-size);
    height: var(--dot-size);
    border-radius: 50%;
    background: #fff;
    border: 6px solid currentColor;
    outline: 1px solid #fff;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 0 4px color-mix(in srgb, currentColor 25%, transparent);
}

/* RİSK RENK + INDEX */
.fon-risk[data-risk="1"] { color:#00d329; --risk:1; }
.fon-risk[data-risk="2"] { color:#cbe62d; --risk:2; }
.fon-risk[data-risk="3"] { color:#ffe74c; --risk:3; }
.fon-risk[data-risk="4"] { color:#ffa235; --risk:4; }
.fon-risk[data-risk="5"] { color:#ff5733; --risk:5; }
.fon-risk[data-risk="6"] { color:#ff2e2e; --risk:6; }
.fon-risk[data-risk="7"] { color:#b10000; --risk:7; }


#fon-intro .fon-side-controls {
    display: flex;
    flex-direction: column;
    align-items: end;
    gap: 15px;
    margin-left: 16px;
}

#fon-intro .fon-pagination-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    margin-top: 6px
}

#fon-intro .fon-fraction {
    color: var(--ahlp-bbb4b4);
    font-weight: 600;
    font-size: 16px;
    line-height: 19px;
    text-align: end;
    width: 100%;
}

#fon-intro .fon-bullets {
    display: flex;
    max-width: 60px;
    overflow: hidden;
    padding-bottom:8px;
}

#fon-intro .fon-bullets .swiper-pagination-bullet {
    width: 10px;
    min-width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--ahlp-bbb4b4);
}

#fon-intro .fon-bullets .swiper-pagination-bullet-active {
    background: var(--ahlp-a7804d);
}

@media (max-width: 991.98px) {
    #fon-intro .fon-side-controls {
        margin-left: 10px
    }
}

@media (max-width: 992px) {
    #fon-intro {
        padding: 100px 0;
    }

    #fon-intro .fund-filter-wrapper {
        margin: 30px 0 40px 0;
    }

    #fon-intro .fund-filter-container {
        gap: 10px;
    }

    #fon-intro .fund-btn {
        padding: 15px 17px;
    }

    #fon-intro .fon-card{
        padding:30px;
    }

    #fon-intro .fon-code {
        font-size: 28px;
        letter-spacing: .90px;
        line-height: 44px;
    }
    #fon-intro .management-fee{
        background-color:var(--ahlp-5f5858);
        color:var(--ahlp-f9f5f1);
        border-radius:13px;
        font-size:14px;
        line-height:17px;
        padding:9px 15px;
    }
    #fon-intro .management-fee{
        font-size:14px;
        line-height:17px;
        padding:9px 15px;
    }

    #fon-intro .fon-type {
        font-size: 16px;
        line-height: 19px;
    }

    .fon-label {
        font-size: 14px;
        line-height: 17px;
    }

    .fon-risk {
        --seg-w: 40.4px;
        --seg-h: 11px;
        --dot: 30px;
        margin-top: 20px;
    }
    .fon-risk[data-risk]::after{
        font-size:12px;
    }
}

@media (max-width: 768px) {
    #fon-intro {
        padding: 60px 0;
    }
    #fon-intro .fund-filter-wrapper {
        margin: 20px 0 40px 0;
    }
    #fon-intro .fund-btn {
        padding: 13px 15px;
    }

    #fon-intro .fon-card {
        padding: 20px;
    }

    #fon-intro .fon-code {
        font-size: 24px;
        letter-spacing: 0.72px;
        line-height: 44px;
    }
    #fon-intro .management-fee{
        font-size:12px;
        line-height:14px;
        padding:6px 12px;
    }
    #fon-intro .fon-type {
        font-size: 14px;
        line-height: 16px;
        margin: 10px 0 20px 0;
    }

    .fon-label {
        font-size: 12px;
        line-height: 14px;
    }

    .fon-risk {
        --seg-w: 31.4px;
        --seg-h: 9px;
        --dot: 22px;
        margin-top: 20px;
    }
    .fon-risk[data-risk]::after{
        font-size:10px;
    }
    #fon-intro .fon-bullets {
        max-width: 50px;
    }
}


/*Fon-Intro End*/

/*Hakkımızda-Yatırım Start*/
#yatirim-degerleri {
    background-color: #f9f5f1;
    color: #1a1818;
    padding: 120px 0;
}

#yatirim-degerleri h2{
    margin-bottom:20px;
    text-align:center;
}

#yatirim-degerleri p{
    font-size:24px;
    line-height:30px;
    max-width:1120px;
    text-align:center;
    color:var(--ahlp-1a1818);
}

/* Merkez daire */

.center-circle {
    position: absolute;
    background-color: #f8f7f5;
    top: 50%;
    left: 50%;
    border: 4px solid #d9d4d4;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
}

.pulse-wrapper {
    --base-size: 65px;
    position: relative;
    width: var(--base-size);
    height: var(--base-size);
}

/* MERKEZDE LOGO */
.center-logo {
    position: absolute;
    width: var(--base-size);
    height: var(--base-size);
    border-radius: 50%;
    background: white;
    z-index: 10;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.center-logo img {
    width: 80%;
    height: 80%;
    object-fit: contain;
}

/* DALGA HALKALARI */
.pulse-circle {
    position: absolute;
    width: var(--base-size);
    height: var(--base-size);
    border-radius: 50%;
    opacity: 0;
    transform: scale(0.5);
    animation: pulse-me 4s linear infinite;
}

/* 4 Farklı Ton – Belirgin (0.85) */
.c1 { background: #b89465; animation-delay: 0s; }
.c2 { background: #b89465; animation-delay: 0.8s; }
.c3 { background:  #b89465; animation-delay: 1.6s; }
.c4 { background:  #b89465; animation-delay: 2.4s; }


/* ÖRNEKTEKİ GİBİ PULSE DAVRANIŞI */
@keyframes pulse-me {
    0% {
        transform: scale(0.5);
        opacity: 0;
    }
    40% {
        opacity: 0.44;
    }
    55% {
        opacity: 0.30;
    }
    70% {
        opacity: 0.20;
    }
    100% {
        transform: scale(5);
        opacity: 0;
    }
}


/* Dört kutu */
.value-item {
  position: absolute;
  width: 350px;
  text-align: center;
  z-index:3;
}
.value-item h5 {
  font-weight: 600;
  font-size: 36px;
  line-height:45px;
  margin: 20px 0;
  color: var(--ahlp-1a1818);
}
.value-item p {
  font-size: 20px;
  line-height:25px;
  color: var(--ahlp-1a1818);
  margin-bottom: 0;
  text-align:center;
}
.value-item .icon-wrapper {
  width: 122px;
  height: 122px;
  margin: 0 auto;
}

/* Konumlandırma */
.top-left {
  top: 0;
  left: 0;
}
.top-right {
  top: 0;
  right: 0;
}
.bottom-left {
  bottom: 0;
  left: 0;
}
.bottom-right {
  bottom: 0;
  right: 0;
}

/* Çizgiler (isteğe bağlı) */
.value-grid {
    margin-top: 40px;
    width: 990px;
    height: 600px;
    position: relative;
    --line-bg: var(--ahlp-d9d4d4);
}

/* --- YATAY SOLDAN UZAYAN --- */
.value-grid .line-h-left{
    width:50%;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-100%,-50%);
    height:3px;
    background-color:var(--line-bg);

    transform-origin: right center;
    transform:translate(-100%,-50%) scaleX(0);
    animation: growX-left 2s ease-out forwards;
}

/* --- YATAY SAĞDAN UZAYAN --- */
.value-grid .line-h-right{
    width:50%;
    position:absolute;
    top:50%;
    right:50%;
    transform:translate(100%,-50%);
    height:3px;
    background-color:var(--line-bg);

    transform-origin: left center;
    transform:translate(100%,-50%) scaleX(0);
    animation: growX-right 2s ease-out forwards;
}

/* --- DİKEY YUKARI UZAYAN --- */
.value-grid .line-v-top{
    width:3px;
    position:absolute;
    top:50%;
    right:50%;
    transform:translate(-50%,-100%);
    height:50%;
    background-color:var(--line-bg);

    transform-origin: center bottom;
    transform:translate(-50%,-100%) scaleY(0);
    animation: growY-top 2s ease-out forwards;
}

/* --- DİKEY AŞAĞI UZAYAN --- */
.value-grid .line-v-bottom{
    width:3px;
    position:absolute;
    bottom:50%;
    right:50%;
    transform:translate(-50%,100%);
    height:50%;
    background-color:var(--line-bg);

    transform-origin: center top;
    transform:translate(-50%,100%) scaleY(0);
    animation: growY-bottom 2s ease-out forwards;
}


/* --- Animasyonlar --- */
@keyframes growX-left {
    to { transform:translate(-100%,-50%) scaleX(1); }
}

@keyframes growX-right {
    to { transform:translate(100%,-50%) scaleX(1); }
}

@keyframes growY-top {
    to { transform:translate(60%,-100%) scaleY(1); }
}

@keyframes growY-bottom {
    to { transform:translate(60%,100%) scaleY(1); }
}


@media (max-width: 1200px) {
    .value-grid {
        width: 900px;
    }
}
@media (max-width: 992px) {
    #yatirim-degerleri{
        padding:100px 0;
    }

    #yatirim-degerleri h2{
        margin-bottom:10px;
    }

    .value-grid {
        margin-top: 50px;
        width: 600px;
        height: 650px;
    }

    .center-circle .pulse-wrapper{
        --base-size: 60px;
    }
    .value-item {
        width: 45%;
        padding: 25px;
    }
    .value-item svg{
        width:100px;
        height:100px;
    }

    .value-item h5 {
        font-size: 34px;
        line-height: 42px;
        display: flex;
        flex-direction: column;
    }

    #yatirim-degerleri p {
        font-size: 16px;
        line-height: 21px;
        max-width: 650px;
    }
}
@media (max-width: 766px) {
    .value-grid {
        width: 100%;
        height: 500px;
    }

    .value-item {
        padding: 10px 5px;
    }
    .value-item svg{
        width:60px;
        height:60px;
    }

    .value-item h5 {
        font-size: 24px;
        line-height: 26px;
    }

    #yatirim-degerleri p {
        font-size: 12px;
        line-height: 15px;
        max-width: 300px;
    }
}


/*Hakkımızda-Yatırım End*/


/* Yatırım Alanları Start */
#field-section {
    background: url('../img/helpers/YATIRIM_ALANLARI_BG.png') center center no-repeat;
    background-size: cover;
    overflow:hidden;
}

#field-section .field-header {
    margin-bottom: 40px;
}

#field-section .field-header h3 {
    margin-bottom: 20px;
    color: var(--ahlp-d8c5ab);
}

#field-section .field-header p {
    margin-bottom: 40px;
    text-align:start;
    color: var(--ahlp-bbb4b4);
}

@media (max-width: 992px) {
    #field-section .field-header {
        padding-left: 0px;
    }
}

/* Yatırım Alanları End */

/* Duyuru ve Haberler Start */
#news-section {
    margin: 120px 0px;
    background-color: var(--ahlp-ffffff);
}

#news-section .news-header {
    margin-bottom: 40px;
    padding-left: 60px;
}

#news-section .swiper {
    width: 100%;
    height: 100%;
}

#news-section .content-container h4{
    padding-right:0;
}

#news-section .swiper-slide {
    width: 90%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    border-radius: 16px;
    background-color: var(--ahlp-f5f4f4);
}

.news-swipper .swiper-buttons-container {
    display: flex;
    flex-direction: column;
    gap: 15px;
    z-index: 100;
    justify-content:end;
    align-items: flex-end;
}

.news-swipper .swiper-pagination-bullet {
    background-color: var(--ahlp-bbb4b4) !important;
    width: 10px !important;
    height: 10px !important;
}

.news-swipper .swiper-pagination-bullet-active {
    background-color: var(--ahlp-a7804d) !important;
}

.news-swipper .swiper-pagination-fraction {
    color: var(--ahlp-bbb4b4);
    font-size: 16px;
    line-height: 19px;
    position: relative;
    text-align: end;
    margin-top: 20px;
    margin-bottom: 4px;
    padding-right: 5px;
}

#news-section .news-header br{
    display:none;
}

@media (max-width: 992px) {
    #news-section {
        margin: 100px 0px;
    }

    #news-section .news-header {
        margin-bottom: 20px;
        padding-left: 0px;
    }
    #news-section p.default-text-5 {
        margin-bottom: 20px;
    }

    #news-section p.default-text-5 {
        max-width: 530px;
    }
}
@media (max-width: 766px) {
    #news-section .news-header br {
        display: block;
    }
    .swiper-pagination-bullets {
        max-width: 50px;
    }

    .swiper-pagination-bullets .swiper-pagination-bullet {
        width: 8px !important;
        height: 8px !important;
        margin:0 2px !important;
    }

    .news-swipper .swiper-pagination-fraction {
        font-size: 14px;
        line-height: 21px;
        margin-top: 20px;
        margin-bottom: 4px;
        padding-right: 5px;
    }

    #news-section p.default-text-5 {
        max-width:330px;
    }
}


/* Duyuru ve Haberler End */