.d-flex{
    display: flex;
}

.justify-content-center{
    justify-content: center !important;
}


.align-items-center {
    align-items: center !important;
}

.w-50{
    width: 50% !important;
}

.flex-column{
    flex-direction: column !important;
}

.footer-link{
    margin-bottom: -40px;
}
.justify-content-end {
    justify-content: end !important;
}


.lang-div-w {
    background: transparent;
    font-size : large;
    margin-top: 10px;
}

.cs-header-middle {
    padding: 25px 0 0px;
}

.cs-features-area .cs-features-col.style_2 {
    height: 285px;
}


.nav-outer .header-social {
    padding-right: 0px;
}

.text-second-theme-color {
    color: #402cc2 !important;
}

.bg-second-theme-color {
    background-color: #402cc2 !important;
}

.cs-copyright-area {
    background: #361c8f;
}


.main-header.header-s3 .header-lower {
    background-color: rgb(38 16 116 / 71%);
}




/* ===== PORTFOLIO INFO AREA ===== */
.portfolio_info_area {
    padding   : 60px 0;
    background: #fff;
}

/* ===== SLIDER ===== */
.portfolio_info_slider .portfolio_img {
    width        : 100%;
    border-radius: 12px;
    overflow     : hidden;
    margin-bottom: 24px;
}

.portfolio_info_slider .portfolio_img img {
    width     : 100%;
    height    : 420px;
    object-fit: cover;
    display   : block;
}

.portfolio_info_slider .portfolio_text h2 {
    font-size    : 24px;
    font-weight  : 700;
    color        : #402cc2;
    line-height  : 1.4;
    margin-bottom: 12px;
}

.portfolio_info_slider .portfolio_text p {
    font-size  : 15px;
    color      : #555;
    line-height: 1.7;
}

/* Owl dots & nav varsa */
.portfolio_info_slider.owl-carousel .owl-dots {
    margin-top: 16px;
    text-align: center;
}

.portfolio_info_slider.owl-carousel .owl-dot span {
    background   : #ddd;
    width        : 10px;
    height       : 10px;
    border-radius: 50%;
    display      : inline-block;
    margin       : 0 4px;
    transition   : background 0.3s;
}

.portfolio_info_slider.owl-carousel .owl-dot.active span {
    background: #FFA800;
}

/* ===== DETAILS ITEMS (alternating layout) ===== */
.details_item {
    padding      : 50px 0;
    border-bottom: 1px solid #f0f0f0;
    align-items  : center;
}

.details_item:last-child {
    border-bottom: none;
}

.details_item img {
    width        : 100%;
    height       : 320px;
    object-fit   : cover;
    border-radius: 12px;
    display      : block;
}

/* Sol taraf metin */
.details_content,
.details_content_two {
    padding: 20px 30px;
}

.details_content h3,
.details_content_two h3 {
    font-size    : 22px;
    font-weight  : 700;
    color        : #402cc2;
    margin-bottom: 16px;
    line-height  : 1.4;
}

.details_content p,
.details_content_two p,
.details_content li,
.details_content_two li {
    font-size  : 15px;
    color      : #555;
    line-height: 1.8;
}

.details_content ul,
.details_content_two ul {
    padding: 0;
    margin : 0;
}

.details_content li,
.details_content_two li {
    position     : relative;
    padding-left : 20px;
    margin-bottom: 10px;
}

.details_content li::before,
.details_content_two li::before {
    content      : '';
    position     : absolute;
    left         : 0;
    top          : 10px;
    width        : 8px;
    height       : 8px;
    border-radius: 50%;
    background   : #FFA800;
}

/* h3 altı accent çizgi */
.details_content h3::after,
.details_content_two h3::after {
    content      : '';
    display      : block;
    width        : 40px;
    height       : 3px;
    background   : #FFA800;
    border-radius: 2px;
    margin-top   : 8px;
}

/* ===== RESPONSIVE ===== */
@media (max-width: 768px) {
    .details_item {
        padding: 30px 0;
    }

    .details_item img {
        height       : 220px;
        margin-bottom: 20px;
    }

    .details_content,
    .details_content_two {
        padding: 10px 0;
    }

    .portfolio_info_slider .portfolio_img img {
        height: 220px;
    }

    .portfolio_info_slider .portfolio_text h2 {
        font-size: 18px;
    }

      .cs-features-col.style_2 {
      height: 470px !important;
  }
}


@media only screen and (max-width: 480px) {

    .logo img,
    .logo-style3 img {
        margin-bottom: 25px;
    }
}