body {
    background-color: rgb(249 249 249) !important;
}

.faaliyet-detay {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    text-align: center;
    color: rgba(85, 105, 98, 1);
    margin-top: 130px;
}
.image img{
    height:401px !important;
    object-fit:cover !important;
}
.fancy {
    position: relative;
    width: 100%;
}
    .fancy img {
        height:401px !important ;
    }
.detail-img {
    object-fit: cover;
    border-radius: 12px;
    aspect-ratio: 2/1.25;
}

.activity-area-gallery-item, .activity-area-gallery-item img {
    aspect-ratio: 2.25/1;
    object-fit: cover;
    border-radius: 12px;
}

.activity-area-gallery-carousel .owl-nav {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
    padding: 0 20px;
    transform: translate(0, -50%);
    pointer-events: none;
}

    .activity-area-gallery-carousel .owl-nav button {
        width: 30px;
        height: 30px;
        display: flex !important;
        align-items: center;
        justify-content: center;
        margin: 0 !important;
        background: #fff !important;
        border-radius: 50px !important;
        position: relative;
        pointer-events: auto;
        transition: .4s;
        box-shadow: none;
        outline: none;
    }

        .activity-area-gallery-carousel .owl-nav button::after {
            content: "";
            position: absolute;
            top: -5px;
            left: -5px;
            width: 40px;
            height: 40px;
            border: 2px solid #fff;
            border-radius: 50px;
        }

        .activity-area-gallery-carousel .owl-nav button:hover {
            background: #2a433b!important;
            transition: .4s;
        }

            .activity-area-gallery-carousel .owl-nav button:hover::before
            {
                color: #fff;
                transition: .4s;
            }

            .activity-area-gallery-carousel .owl-nav button span {
                display: none;
            }

    .activity-area-gallery-carousel .owl-nav .owl-prev::before {
        content: "\f053";
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        font-family: 'Font Awesome 6 Free';
        font-weight: 900;
        font-size: 12px;
        line-height: normal;
        color: #4a4a4a;
        transition: .4s;
    }

    .activity-area-gallery-carousel .owl-nav .owl-next::before {
        content: "\f054";
        width: 30px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        font-family: 'Font Awesome 6 Free';
        font-weight: 900;
        font-size: 12px;
        line-height: normal;
        color: #4a4a4a;
        transition: .4s;
    }

    .image {
        border-radius: 12px;
        opacity: 1;
        display: block;
        background-color: rgb(0, 0, 0);
        width: 100%;
        height: auto;
        transition: .5s ease;
        backface-visibility: hidden;
        -webkit-border-radius: 12px;
        -moz-border-radius: 12px;
        -ms-border-radius: 12px;
        -o-border-radius: 12px;
    }

.middle {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}

.fancy:hover .image {
    opacity: 0.3;
}

.fancy:hover .middle {
    opacity: 1;
}

.text {
    color: #2a433b;
    font-size: 35px;
}

.banner-img {
    height: 400px;
    object-fit: cover;
}

.link {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    text-align: center;
    color: rgba(42, 67, 59, 1);
    text-decoration: underline;
    margin-top: 40px;
}

.faaliyet-resim {
    position: relative;
}

.faaliyet-img {
    height: 311px;
    width: 100%;
    object-fit: cover;
    border-radius: 12px !important;
}

.img-detay {
    font-family: Poppins;
    font-size: 22px;
    font-weight: 600;
    line-height: 26px;
    text-align: left;
    color: rgba(255, 255, 255, 1);
    position: absolute;
    bottom: 42px;
    padding-left: 36px;
    padding-right: 36px;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
}

.faliyet-arka {
    height: 837px;
}

.faaliyet-img-row {
    row-gap: 30px;
    position: relative;
    margin-top: -31rem !important;
}

.img-detay i {
    display: none;
}

.gallery-row {
    row-gap: 2rem;
    margin-top: -43rem !important;
    z-index: 15;
    position: relative;
}

.fancy {
    cursor: pointer;
}

.ekipman-link {
    color: rgba(201, 164, 116, 1) !important;
    font-family: Poppins;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    margin-top: 24px;
    text-align: left;
    text-decoration: underline;
}

.ekipman-detay {
    font-family: Poppins;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: rgba(42, 67, 59, 1);
}

.ekipman-title {
    margin-bottom: 24px;
    font-family: Poppins;
    font-size: 32px;
    font-weight: 600;
    line-height: 48px;
    text-align: left;
    color: rgba(42, 67, 59, 1);
}

.ekipman-row {
    margin-top: 130px !important;
    row-gap: 6rem;
}



.bar-area {
    background: #F5F5F5;
    padding: 24px 0;
    position: relative;
}

.bar-inner {
    width: 1458px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 100%;
}


    .bar-inner .bar-left, .bar-inner .bar-right {
        width: 100%;
        position: relative;
        z-index: 1;
    }

.bar-area::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
    height: 100%;
    background: linear-gradient(90deg, #2A433B 0%, #2E463E 100%);
}

.bar-left-text {
    font-family: Poppins;
    font-weight: 500;
    font-size: 32px;
    line-height: 54px;
    color: #2A433B;
}

.bar-right-values {
    display: flex;
    width: 100%;
    column-gap: 32px;
    justify-content: end;
    align-items: center;
}

.bar-right-value-item {
    display: flex;
    flex-direction: column;
    row-gap: 3px;
    padding-right: 32px;
    border-right: 1px solid #556962;
}

.bar-right-values .bar-right-value-item:last-child {
    border-right: none;
    padding-right: 0;
}

.bar-right-value-item-value {
    font-family: Poppins;
    font-weight: 700;
    font-size: 40px;
    line-height: 54px;
    letter-spacing: 0px;
    color: #FFFFFF;
}

.bar-right-value-item-title {
    font-family: Poppins;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    color: #9DA9A5;
}

@media only screen and (max-width: 1400px)
{
    .bar-left-text {
        font-family: Poppins;
        font-weight: 500;
        font-size: 22px;
        line-height: 30px;
        color: #2A433B;
        padding-left: 20px;
    }

    .bar-right-values {
        display: flex;
        width: 100%;
        column-gap: 16px;
        justify-content: center;
        align-items: center;
    }

    .bar-right-value-item-value {
        font-size: 30px;
        line-height: 40px;
    }

    .bar-right-value-item {
        padding-right: 16px;
    }
}


@media only screen and (max-width: 1200px) {
    .faaliyet-img-row {
        margin-top: -28rem !important;
    }
}
@media only screen and (max-width: 1199px)
{
    .bar-area {
        background: none;
        padding: 0;
        padding-top: 12px;
    }


        .bar-area::after {
            display: none;
        }

    .bar-right {
        background: linear-gradient(90deg, #2A433B 0%, #2E463E 100%);
        padding: 16px 12px;
    }

    .bar-inner {
        flex-direction: column;
        row-gap: 12px;
    }

    .bar-right-value-item {
        width: 100%;
        padding-right: 20px;
    }

    .bar-left-text {
        padding-left: 12px;
    }

    .bar-inner .bar-right {
        overflow: hidden;
        overflow-x: auto;
        white-space: nowrap;
    }

    .bar-right-values {
        justify-content: start;
        column-gap: 20px;
    }
}

@media only screen and (max-width: 991px) {
    .gallery-row {
        margin-top: -44rem !important;
    }
    .faaliyet-img-row {
        margin-top: -32rem !important;
    }
    .faaliyet-img {
        height: 400px !important;
    }
    .img-detay i {
        display: block;
    }
    .faaliyet-detay {
        margin-top: 90px;
    }
}

@media only screen and (max-width: 767px) {
    .banner-img {
        height: 300px;
        object-fit: cover;
    }
}

@media only screen and (max-width: 555px) {
    .faaliyet-img-row {
        margin-top: -30rem !important;
    }
}

@media only screen and (max-width: 555px) {
    .faaliyet-img-row {
        margin-top: -28rem !important;
    }
    .link {
        margin-top: 25px;
    }
}

@media only screen and (max-width: 495px) {
    .gallery-row {
        margin-top: -45rem !important;
    }
}

@media only screen and (max-width: 425px) {
    .gallery-row {
        margin-top: -45rem !important;
    }
    .ekipman-title {
        font-size: 28px;
    }
    .ekipman-row {
        margin-top: 50px !important;
        row-gap: 3rem;
    }
    .degisim-1 {
        order: 2;
    }
    .degisim-2 {
        order: 1;
    }
}

@media only screen and (max-width: 389px) {
    .faaliyet-img-row {
        margin-top: -26rem !important;
    }
    .gallery-row {
        margin-top: -46rem !important;
    }
}