﻿@import url("https://fonts.googleapis.com/css2?family=Karla:wght@300&display=swap");

.fade-in-image {
    animation: fadeIn 3s infinite;
}

@keyframes fadeIn {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

body {
    font-family: "Karla", sans-serif !important;
    height: 100%;
}

.content-left p {
    padding-right: 50px !important;
}

.blog-date {
    display: none !important;
}

.blog-description {
    min-height: 102px;
}

.gallery-section .img-wrapper img {
    border: 1px solid #ededed;
    filter: grayscale(0%);
}

.logo img {
    max-height: 55px !important;
    margin-top: 10px;
}

.section-header {
    box-shadow: 0 0 #0000 !important;
}

#slider-1 {
    position: relative;
    z-index: 1;
}

#icon-section-1 {
    margin-top: -370px;
    position: relative;
    z-index: 9;
}

.pageSliderContent .swiper,
.pageSliderContent .swiper-wrapper,
.pageSliderContent .swiper-slide {
    max-height: calc(100vh - 200px);
    height: calc(100vh - 200px);
}

.slider-animate {
    display: none;
}

#icon-section-1 .container {
    background-color: rgb(255 255 255 / 80%);
    border-radius: 30px;
    overflow: hidden;
}

.icon-content-wrapper {
    background-color: transparent;
}

.icon-section .icon-content-wrapper {
    margin-bottom: 0px;
}


@media (max-width: 768px) {
    #navigation ul li {
        min-width: 45%;
    }
}

#languages,
#member {
    display: none;
}

.logo {
    position: relative;
}

.logo::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, transparent, white);
    transition: left 0.4s linear;
    pointer-events: none;
    display: none;
}


.text-end {
    font-size: 10px !important;
}

#yanMenu-order {
    display: flex;
    flex-direction: row-reverse;
}

.breadcrumb {
    display: none;
}

.pageSliderContent .swiper-button-next,
.pageSliderContent .swiper-button-prev,
.blogSwiper-3 .swiper-button-next,
.blogSwiper-3 .swiper-button-prev {
    display: none !important;
}

.swiper-pagination-bullet {
    width: 15px;
    transition: all 0.4s;
    height: 4px;
    border-radius: 0px;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 25px;
    background: var(--site-color);
}

#fixed-button .menu {
    width: 265px;
}

.gallery-section .swiper-button-prev,
.gallery-section .swiper-button-next {
    display: none;
}

#blog-detail-5 .blogContent ul li {
    list-style-type: inherit;
}

#blog-detail-5 .blogContent p a strong {
    color: #000;
}

.gallery-section-3 .img-wrapper .gallery-img,
.gallery-section-10 .img-wrapper .gallery-img {
    position: relative;
    width: 100%;
    height: 100%;
}

.gallery-section-3 .img-wrapper:hover img,
.gallery-section-10 .img-wrapper:hover img {
    filter: none;
    opacity: 1;
}

.gallery-section-3 .img-wrapper img,
.gallery-section-10 .img-wrapper img {
    padding: 5px;
    filter: grayscale(1);
    opacity: 0.7;
    transition: all 0.4s;
}

.gallery-section-3 .custom-col,
.gallery-section-10 .custom-col {
    width: 12.5% !important;
}

.gallery-section-3 .img-wrapper .gallery-img::after,
.gallery-section-10 .img-wrapper .gallery-img::after {
    content: "";
    position: absolute;
    top: 0%;
    left: 0;
    right: 0;
    bottom: 0;
    border: 2px solid transparent;
    transition: all 0.4s;
    transform: rotate(180deg);
}

.gallery-section-3 .img-wrapper:hover .gallery-img::after,
.gallery-section-10 .img-wrapper:hover .gallery-img::after {
    content: "";
    border: 5px solid #f1f1f1;
    margin: 5px;
    transform: rotate(90deg);
}

.icon-description a {
    color: #252925;
}

.icon-wrapper:hover .icon-description a {
    color: #fff;
}

#main-menu {
    padding: 0px;
}

#main-menu li {
    padding: 20px 10px;
    line-height: 10px;
    position: relative;
}

.section-header.fixed {
    height: 75px;
}

.gallery-section-1 .container,
.gallery-section-5 .container {
    height: 100%;
}

.section-top-bar {
    border-bottom: none !important;
}

.section-top-bar ul {
    align-items: center;
}

#humanForm-1 .rexa-content {
    display: none;
}

#humanForm-1 .form {
    width: 100%;
    background-color: #e0ecf6;
    padding: 30px 20px;
}

#humanForm-1 .form #contactForm .mb-3 {
    width: auto;
}

#humanForm-1 .form #contactForm .col-md-12 textarea {
    height: 37px;
}

#humanForm-1 .form #contactForm .col-md-12:nth-child(5) {
    text-align: right;
    margin-top: 22px;
}

.btn {
    padding: 8px 25px;
}

.dropdown-menu a {
    border-bottom: 1px solid #c0c0c0;
    padding: 5px;
}

.dropdown-menu a {
    transition: all .4s
}

.dropdown-menu a:hover {
    color: #5126fd !important;
    padding-left: 10px;
    font-size: 16px !important;
}

.gallery-section-1 .img-wrapper .gallery-info,
.gallery-section-5 .img-wrapper .gallery-info {
    position: absolute;
    top: 65%;
    left: 50px;
    transition: all .4s;
}

.gallery-section-1 .img-wrapper .gallery-info .img-title .weta-icerik-tag,
.gallery-section-1 .img-wrapper .gallery-info .img-description a,
.gallery-section-5 .img-wrapper .gallery-info .img-title .weta-icerik-tag,
.gallery-section-5 .img-wrapper .gallery-info .img-description a {
    color: #fff;
    font-weight: bold;
    opacity: 0.5;
    transition: all .4s;
}

.gallery-section-1 .img-wrapper:hover .gallery-info .img-title .weta-icerik-tag,
.gallery-section-1 .img-wrapper:hover .gallery-info .img-description a,
.gallery-section-5 .img-wrapper:hover .gallery-info .img-title .weta-icerik-tag,
.gallery-section-5 .img-wrapper:hover .gallery-info .img-description a {
    opacity: 1;
}

.gallery-section-1 .img-wrapper:hover .gallery-info,
.gallery-section-5 .img-wrapper:hover .gallery-info {
    top: 60%;
    left: 50px;
}

.gallery-section .img-description,
.gallery-section-1 .img-wrapper .gallery-info .img-title .weta-icerik-tag,
.gallery-section-5 .img-wrapper .gallery-info .img-title .weta-icerik-tag {
    text-align: left;
    font-size: 20px;
}

#darklightMode {
    display: none;
}

.gallery-section-1 .img-wrapper .gallery-info .img-description::before,
.gallery-section-5 .img-wrapper .gallery-info .img-description::before {
    background: #fff;
    bottom: 0;
    content: "";
    display: block;
    right: auto;
    margin: auto;
    position: absolute;
    left: 100%;
    top: 0;
    width: 100%;
    transition: left 600ms ease-in-out 0s;
}

.gallery-section-1 .img-wrapper:hover .gallery-info .img-description::before,
.gallery-section-5 .img-wrapper:hover .gallery-info .img-description::before {
    left: -100%;
}

.gallery-section-1 .img-wrapper .gallery-info .img-description,
.gallery-section-5 .img-wrapper .gallery-info .img-description {
    color: #fff;
    display: inline-block;
    overflow: hidden;
    transition: color 150ms ease-in-out 200ms;
    opacity: 0 !important;
    position: relative;
}

.gallery-section-1 .img-wrapper:hover .gallery-info .img-description,
.gallery-section-5 .img-wrapper:hover .gallery-info .img-description {
    opacity: 1 !important;
}

.gallery-section .img-wrapper .gallery-img {
    position: relative;
    width: 100%;
    height: 100%;
}

.gallery-section-1 .img-wrapper .gallery-img::before,
.gallery-section-5 .img-wrapper .gallery-img::before {
    content: '';
    width: 100%;
    height: 35%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.0032606792717086996) 0%, rgba(0, 0, 0, 1) 100%);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    transition: all .4s;
}

.gallery-section-1 .img-wrapper:hover .gallery-img::before,
.gallery-section-5 .img-wrapper:hover .gallery-img::before {
    height: 100%;
}

.gallery-section-7 .swiper,
.gallery-section-7 .pageDetailContent .swiper {
    padding: 0px !important;
}

.gallery-section-7 {
    padding-top: 0px !important;
}

.gallery-section-7 .img-title .weta-icerik-tag {
    text-align: left;
}

.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
    display: flex;
    justify-content: end;
}

@media (max-width: 768px) {

    .gallery-section-1 #image-gallery .custom-col {
        width: 100%;
    }

    .gallery-section-1 #image-gallery .custom-col .img-wrapper .gallery-info {
        position: relative;
        bottom: 0;
        left: 0;
        width: 100%;
        margin-top: -35px;
    }

    .gallery-section-5 #image-gallery .custom-col .img-wrapper:hover .gallery-info {
        bottom: 50px;
    }

    .gallery-section-1 #image-gallery .custom-col .img-wrapper .gallery-info,
    .gallery-section-5 #image-gallery .custom-col .img-wrapper .gallery-info {
        position: relative;
        bottom: 30px;
        left: 25px;
        width: 100%;
        margin-top: -35px;
    }

    .gallery-section-5 .img-wrapper:hover .gallery-info .img-title .weta-icerik-tag {
        opacity: 1 !important;
    }

    .gallery-section-5 #image-gallery .custom-col .img-wrapper .gallery-info .img-title .weta-icerik-tag {
        color: #fff !important;
        font-weight: bold;
        opacity: 0.5;
        transition: all .4s;
        font-size: 20px;
    }

    .gallery-section-1 #image-gallery .custom-col .img-wrapper .gallery-info .img-title .weta-icerik-tag,
    .gallery-section-1 #image-gallery .custom-col .img-wrapper .gallery-info .img-description {
        color: var(--site-title-color);
    }

    .gallery-section-1 .img-wrapper {
        margin-top: 0;
    }

    #humanForm-1 .form #contactForm .mb-3 {
        width: 100%;
    }

    #humanForm-1 .form #contactForm .mb-3 .btn {
        width: 100%;
    }

    .gallery-section-1 #image-gallery .custom-col .img-wrapper:hover .gallery-info {
        bottom: 0;
    }

    .gallery-section-1 .img-wrapper:hover .gallery-info .weta-icerik-tag::before {
        left: 100%;
    }

    .gallery-section-1 .img-wrapper:hover .gallery-info .img-description::before {
        right: 100%;
    }

    .gallery-section-1 .img-wrapper .gallery-info .img-description::before,
    .gallery-section-1 .img-wrapper .gallery-info .weta-icerik-tag::before {
        background: transparent;
    }

    .gallery-section-1 #image-gallery .custom-col .img-wrapper:hover .gallery-img a::before {
        opacity: 0;
    }

    .menu-click span {
        margin-bottom: 10px;
    }

    .menu-click span:nth-child(3) {
        margin-bottom: 0;
    }

    .logo img {
        margin-top: 10px;
    }

    .menu-click.open span:nth-child(3),
    .menu-click.open span:nth-child(1) {
        margin-bottom: 8px;
    }

    .menu-click.open span:nth-child(3) {
        top: -12px;
    }
}

.gallerySwiper-3 .gallery-img {
    border: 1px solid #ededed;
}

.gallery-section-1 .gallerySwiper-1,
.gallery-section-5 .gallerySwiper-5 {
    padding: 40px 0px !important;
}

.gallery-section-5 .gallery-wrapper .weta-icerik-tag {
    text-align: left !important;
}

@media(max-width:768px) {
    #blog-list .custom-col {
        width: 100% !important;
    }

    #humanForm-1 .form {
        padding: 13px;
    }

    .sliderJs .slider-contents {
        padding: 0px 20px;
    }

    /* .gallerySwiper-3 .swiper-slide{
    padding: 20px;
    margin-right: 0px !important;
  } */
}

@media(min-width:768px) {

    .section-header li.dropdown:hover #main-menu,
    .section-header li.dropdown:hover #custom,
    .section-header li.dropdown:hover #member-info {
        top: 0px;
    }
}

.blog-content-wrapper {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    border: 1px solid #ededed;
    padding: 20px 15px;
    position: relative;
    transition: all .4s;
    min-height: 200px;
}

.blog-content-wrapper:hover {
    border-color: #f1f1f1;
}

.blog-content-wrapper * {
    color: #000;
}

.blog-content-wrapper .blog-title {
    margin-top: 0px;
}

.blog-content-wrapper .blog-title h3 {
    font-size: 20px !important;
    font-weight: 600;
    margin-bottom: 10px;
    text-align: left;
    height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

#blog-list .blog-image,
.blogs .blogImage {
    display: none;
}

.blog-content-wrapper .blog-date {
    position: relative;
    padding-left: 20px;
    display: flex;
    align-items: center;
    margin-bottom: 5px;
    font-size: 14px;
}

.blog-content-wrapper .blog-date::before {
    content: '\f133';
    font-family: 'FontAwesome';
    position: absolute;
    left: 0;
}

.blog-content-wrapper .blog-description p {
    font-size: 14px !important;
    text-align: left;
    line-height: 22px !important;
    min-height: 110px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.blog-content-wrapper .btn-color {
    background-color: transparent;
    color: #000 !important;
    text-align: left;
    border: none !important;
    padding: 0px;
    font-size: 14px !important;
    width: max-content !important;
    position: relative;
}

/* .blog-content-wrapper .btn-color::before {
  content: '\f178';
  font-family: 'FontAwesome';
  position: absolute;
  right: -5px;
  opacity: 0;
  transform: scale(0);
  transition: all .4s;
  top: 1px;
} */

/* .blog-content-wrapper:hover .btn-color::before {
  opacity: 1;
  transform: scale(1);
} */

@media(min-width:768px) {
    /* #page-detail-section-11 {
        margin-top: -100px;
        position: relative;
        z-index: 9;
    } */

    #captchaInput,
    #captchaCanvas {
        margin-top: 25px;
    }

    #humanForm-1 .form #contactForm .mb-3:nth-last-child(1) {
        display: flex;
        align-items: end;
    }

    #humanForm-1 .form #contactForm .mb-3:nth-last-child(2) {
        position: absolute;
        top: 35%;
        right: 20.5%;
    }

    #page-detail-section-11 .rgw {
        margin-top: -70px;
    }

    .pageSliderContent .swiper-pagination {
        padding-right: 40px;
        padding-bottom: 15px;
    }

    .pageDetailContent .container,
    .section-header .col-lg-9 {
        padding: 0px;
    }

    .pageDetailContent .container .rexa-content {
        padding: 30px 0px 30px 30px;
    }

    .pageDetailContent .container .rexa-gorseller {
        padding: 0px;
    }

    #type-1,
    .section-header .col-lg-3,
    .section-header .col-lg-9 .full-width #navigation ul li:nth-child(4) {
        padding: 0px 5px;
    }

    .section-header .col-lg-3 {
        margin-top: -15px;
    }

    .section-header.fixed .col-lg-3 {
        margin-top: 0px;
    }

    .pageDetailContent .blogSwiper-1 {
        padding-bottom: 30px !important;
    }
}

.footer {
    display: none !important;
}

.parallax-description .btn-color {
    background-color: transparent;
}

@media(max-width:768px) {
    .weta-description p {
        padding-right: 0px !important;
    }

    .pageSliderContent .swiper,
    .pageSliderContent .swiper-wrapper,
    .pageSliderContent .swiper-slide {
        max-height: calc(100vh - 100px) !important;
        height: calc(100vh - 100px) !important;
    }

    .pageSliderContent .swiper-slide img {
        object-fit: cover;
        position: absolute;
        top: 0;
        object-position: left;
    }


    .sliderJs .slider-contents * {
        color: #fff !important;
    }

    .sliderJs .slider-contents .btn:hover,
    .sliderJs .slider-contents .btn:hover span {
        color: var(--site-color) !important;
    }

    .gallery-section-5 #image-gallery .custom-col {
        width: 100%;
    }

    .gallery-section-1 .img-wrapper .gallery-info,
    .gallery-section-5 .img-wrapper .gallery-info {
        top: 60%;
    }

    .gallery-section-1 .img-wrapper:hover .gallery-info,
    .gallery-section-5 .img-wrapper:hover .gallery-info {
        top: 50%;
    }

    body {
        min-height: fit-content !important;
        max-height: max-content !important;
        height: max-content !important;
    }

    /* .pageSliderContent .swiper-pagination{
    padding-right: 13px;
  } */
    #blog-list .swiper {
        padding-bottom: 25px !important;
    }

    .blog-content-wrapper {
        min-height: 220px;
    }

    #blog-list .swiper-pagination {
        bottom: 0px !important;
    }

}

.btn {
    min-width: 150px;
}

.icon-wrapper {
    border: 1px solid #ededed;
}

.gallery-section-3 .swiper-pagination {
    bottom: 0px !important;
}

.gallery-section .gallerySwiper-3 {
    padding-bottom: 5px !important;
}

#right_end-bar {
    display: none !important;
}

#right-bar,
#left-bar {
    width: 50% !important;
    padding-right: 0px;
}

.section-top-bar .container {
    padding: 0px;
}

#agree-button,
.blog-content-wrapper .btn-color {
    min-width: 95px !important;
}

#blog-list .swiper-button-next,
#blog-list .swiper-button-prev {
    display: none !important;
}

.section-top-bar .row * {
    align-items: end;
}

.btn-color {
    background-color: transparent !important;
    color: var(--site-color) !important;
}

.parallax-section .btn-color {
    background-color: transparent !important;
    color: #fff !important;
}

@media(min-width:768px) {

    #contactForm-1 .col-md-8,
    #contactForm-1 .col-md-4 {
        width: 25%;
    }

    .pageDetailContent.form-section .container .rexa-content {
        padding: 0px 0px 30px 30px;
    }
}

@media(max-width:768px) {

    #contactForm-1 .col-md-8,
    #contactForm-1 .col-md-4 {
        width: 50%;
    }
}

.icon-content-wrapper,
.gallery-section .weta-icerik-tag,
.gallery-section .galleryDescription,
.gallery-section .img-description {
    text-align: left !important;
}

.gallery-section .swiper,
.pageDetailContent .swiper {
    padding: 0px !important;
    padding-top: 0px !important;
}

.textImg .weta-description .btn-color {
    margin-right: 20px;
}

@media(max-width:768px) {
    .btn {
        min-width: 164px;
    }

    #page-detail-section-11 .weta-description p {
        display: flex;
        justify-content: space-between;
    }

    .textImg .weta-description .btn-color {
        margin-right: 5px;
        margin-bottom: 15px;
        padding: 8px 10px;
        min-width: 165px;
    }

    .gallery-section-3 .img-wrapper .gallery-img::after {
        display: none !important;
    }

    .gallery-section-1 .img-wrapper:hover .gallery-info,
    .gallery-section-5 .img-wrapper:hover .gallery-info,
    .gallery-section-1 .img-wrapper .gallery-info,
    .gallery-section-5 .img-wrapper .gallery-info {
        left: 25px;
    }
}

.gallery-section-10 .custom-col {
    margin-bottom: 10px !important;
}

.textImg .weta-icerik-tag {
    margin-bottom: 20px;
}

.form-section .contact-oge p {
    padding: 0px 28px;
}

@media (max-width: 768px) {
    #click_whatsapp {
        width: 50px;
        height: 50px;
        background-color: #000000 !important;
    }

    .gallery-section-3 .custom-col,
    #gallery-detail-section-10 .custom-col {
        width: 33.33333333333333% !important;
        margin-bottom: 5px;
    }

    .gallery-section-3 .img-wrapper img,
    .gallery-section-10 .img-wrapper img {
        padding: 0px;
    }
}

@media (min-width: 1200px) {

    .h2,
    h2 {
        font-size: var(--site-title-size);
        font-weight: var(--site-title-weight);
        color: var(--site-title-color);
    }
}

.blogDetail .blogTitle .weta-icerik-tag {
    font-size: 2.5rem;
}

.blogDetail .blogContent li {
    list-style-type: disc;
    font-size: var(--site-paragraph-size) !important;
    font-weight: var(--site-paragraph-weight) !important;
    color: var(--site-paragraph-color) !important;
}

.counterNumber {
    color: #fff !important;
}

@media (min-width:768px) {
    #widget-info-bar {
        display: none;
    }
}

.gallery-section-3 .swiper-slide .img-wrapper .gallery-info {
    display: none;
}

#click_phone {
    display: none;
}

.section-top-bar #right-bar .whatsapp-img {
    max-height: 12px !important;
    margin-top: -2px;
}

.textImg .gorsel-right.aos-init.aos-animate {
    animation: img-anim-right 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
    opacity: 0;
}

.textImg .gorsel-right.aos-init.aos-animate {
    visibility: visible;
    animation-duration: 1.5s;
    animation-delay: 0.2s;
    animation-name: img-anim-right;
    position: relative;
}

/* AOS için CSS animasyon */
@keyframes img-anim-right {
    0% {
        transform: translateX(5%);
        clip-path: inset(0 0 0 100%);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        clip-path: inset(0 0 0 0);
        opacity: 1;
    }
}

.textImg .gorsel-left.aos-init.aos-animate {
    visibility: visible;
    animation-duration: 1.5s;
    animation-delay: 0.2s;
    animation-name: img-anim-left;
}

.textImg .gorsel-left.aos-init.aos-animate {
    animation: img-anim-left 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1) 0.4s;
    opacity: 0;
}

@keyframes img-anim-left {
    0% {
        transform: translateX(-5%);
        clip-path: inset(0 100% 0 0);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        clip-path: inset(0 0 0 0);
        opacity: 1;

    }
}

@media (min-width:768px) {
    .section-header #navigation>ul>li a {
        padding: 22.5px 20px 22.5px 0px;
    }

    .section-header #navigation>ul>li:nth-child(4) a {
        padding: 22.5px 20px 22.5px 0px;
    }

    .section-header #navigation>ul>li {
        padding: 0px !important;
    }
}

.link-effect {
    position: relative;
    overflow: hidden;
    display: block;
    height: 21px;
    line-height: normal;
}

.link-effect .effect-1 {
    display: block;
    height: 100%;
    position: relative;
    top: 0%;
    transition: 0.4s;
}

.section-header #navigation>ul>li a:hover .effect-1 {
    top: -100%;
}

.section-header #navigation>ul>li:hover a::after {
    width: 0%;
}

#left-bar {
    display: none;
}

.section-header #navigation>ul>li .btn.btn-primary {
    background: #000 !important;
    color: #fff !important;
    border: 2px solid #000 !important;
    padding: 7px 10px !important;
    border-radius: 0px;
}

#right-bar {
    width: 100% !important;
}

.blog-list .blog-content-wrapper .link-effect {
    height: 29px;
}

.parallax-section .rg-wrapper a:hover .link-effect .effect-1,
.form-section .form-button button:hover .link-effect .effect-1,
.cookie-buttons button:hover .link-effect .effect-1,
.blog-list .blog-content-wrapper button:hover .link-effect .effect-1,
.gallery-section .galleryDescription a:hover .link-effect .effect-1,
.textImg .rexa-content a:hover .link-effect .effect-1 {
    top: -100%;
}

.blog-list .blog-content-wrapper button::before,
.blog-list .blog-content-wrapper button::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    background-color: #000;
    transition: all ease 0.4s;
}

.blog-list .blog-content-wrapper button::after {
    width: 0;
    left: 0;
    transition: all ease 0.8s;
}

.blog-list .blog-content-wrapper button:hover::before {
    width: 0;
}

.blog-list .blog-content-wrapper button:hover::after {
    width: 100%;
}

.blog-list .blog-content-wrapper button .link-effect::before {
    content: "";
    background-image: url("../images/upper-right-arrow.png");
    display: block;
    width: 100%;
    position: absolute;
    left: 77%;
    right: 0px;
    bottom: 0px;
    background-size: contain;
    background-repeat: no-repeat;
    top: 0px;
    height: 25px;
}

@media (max-width: 768px) {
    #widget-info-bar {
        top: auto;
        width: 100% !important;
        bottom: 0;
    }

    #widget-info {
        flex-wrap: wrap;
        margin-bottom: 0px;
        position: relative;
        flex-direction: row !important;
        justify-content: center;
    }

    #widget-info li {
        width: 33.33333333333333% !important;
        position: unset !important;
        border-bottom: 0px !important;
        border-right: 1px solid #fff !important;
    }

    #widget-info li span.fa-solid,
    #widget-info li span.fa-brands {
        color: #fff !important;
    }

    #widget-info li a,
    .social-bar {
        width: 100% !important;
        top: auto !important;
        bottom: 50px !important;
        right: 0 !important;
        visibility: hidden;
        opacity: 0;
    }

    #widget-info li:nth-child(4) {
        display: none;
    }

    #widget-info li:hover a,
    #widget-info li:hover .social-bar {
        visibility: visible !important;
        opacity: 0 !important;
    }

    #widget-info li:nth-child(3) {
        border-right: 0px !important;
    }

    #widget-info-bar {
        z-index: 99;
    }

    #widget-info li:nth-child(1) a,
    #widget-info li:nth-child(1) .social-bar {
        left: 0px;
    }

    #widget-info li:nth-child(2) a,
    #widget-info li:nth-child(2) .social-bar {
        left: 34%;
    }

    #widget-info li:nth-child(3) a,
    #widget-info li:nth-child(3) .social-bar {
        right: 0px;
    }

    #widget-info li a,
    #widget-info li .social-bar {
        visibility: visible !important;
        opacity: 1 !important;
        width: 32.3333% !important;
        bottom: 0px !important;
        font-size: 14px !important;
    }

    .section-header .col-lg-3 {
        width: 38% !important;
    }

    .section-header .col-lg-9 {
        width: 62% !important;
    }

    .section-header .col-lg-9 .menu-click {
        order: 2;
    }

    .section-header .col-lg-9 .full-width .new-class a {
        top: 3px;
        left: -10%;
        position: relative;
        background: black;
        color: #fff;
        border-color: #0000;
        min-width: 110px;
        padding: 8px 20px;
        border-radius: 0px;
    }

    .section-header .col-lg-9 .full-width .new-class .link-effect {
        height: 13px;
    }

    .section-header .col-lg-9 .full-width .new-class .link-effect .effect-1 {
        font-size: 12px;
    }

}

@media(min-width:768px) {
    #widget-info-bar {
        display: none;
    }
}


@media(max-width:768px) {

    #widget-info li a,
    #widget-info li .social-bar {
        height: 100% !important;
        z-index: 1;
        opacity: 0 !important;
    }

    #widget-info li a span {
        display: none !important;
    }
}

.section-header #navigation>ul>li a span,
.link-effect .effect-1 {}

.textImg .rexa-content .link-effect,
.form-section .form-button .link-effect,
.gallery-section .galleryDescription .link-effect,
.parallax-section .rg-wrapper .link-effect {
    height: 21px;
}

.textImg .rexa-content .link-effect .effect-1,
.gallery-section .galleryDescription .link-effect .effect-1,
.form-section .form-button .link-effect,
.parallax-section .rg-wrapper .link-effect .effect-1 {
    font-size: 16px !important;
    font-weight: 500;
}

.form-input {
    border-bottom: 2px solid;
    border-color: #000;
}

.form-control:focus {
    border-color: #000;
}

#contactForm-1 #contactForm .iti {
    width: 100%;
}

@media (max-width:768px) {

    .textImg .rexa-content .link-effect,
    .form-section .form-button .link-effect,
    .gallery-section .galleryDescription .link-effect,
    .parallax-section .rg-wrapper .link-effect {
        height: 19px;
    }

    .textImg .rexa-content .link-effect .effect-1,
    .gallery-section .galleryDescription .link-effect .effect-1,
    .form-section .form-button .link-effect,
    .parallax-section .rg-wrapper .link-effect .effect-1 {
        font-size: 14px !important;
        font-weight: 500;
    }

    .error-section .s404wrapper a {
        min-width: 100px;
    }
}

.gallery-section-11 .img-wrapper .gallery-img {
    display: none;
}

.gallery-section-11 .img-wrapper {
    justify-content: center;
    display: flex;
}

.gallery-section-11 .img-wrapper .weta-icerik-tag {
    font-weight: 500;
    font-size: 16px;
    text-align: center !important;
}

.gallery-section-11 .img-wrapper .custom-wraper .weta-icerik-price {
    justify-content: center;
    display: flex;
    font-weight: 500;
    font-size: 16px;
}

.gallery-section-11 .img-wrapper .custom-wraper a {
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    padding: 5px 15px;
    min-width: 195px;
}

.gallery-section-11 .img-wrapper .custom-wraper ul li {
    font-weight: 500;
    font-size: 13px;
    line-height: 30px;
}

.icon-section .icon-wrapper .weta-icerik-tag {
    font-size: 22px !important;
}

@media(max-width:768px) {

    /* .gallery-section-11 #image-gallery .row{
    display: flex;
    justify-content: left;
    flex-wrap: nowrap;
    overflow: scroll;
  }

  .gallery-section-11 #image-gallery .row::-webkit-scrollbar{
    display: none !important;
  }
  .gallery-section-11 #image-gallery .custom-col {
    width: 100%;
  } */
    .gallery-section-11 .swiper-horizontal>.swiper-pagination-bullets,
    .gallery-section-11 .swiper-pagination-bullets.swiper-pagination-horizontal {
        display: flex;
        justify-content: center;
        top: 5px;
        position: absolute;
    }

    .gallery-section-11 .swiper-pagination-bullet.swiper-pagination-bullet-active {
        width: 20%;
        height: 25px;
        text-align: center;
    }

    .gallery-section-11 .swiper-pagination-bullet {
        width: 20%;
        height: 25px;
        text-align: center;
        justify-content: center;
        display: flex;
        align-items: center;
    }

    .gallery-section-11 .swiper-wrapper {
        margin-top: 50px;
    }

    .gallery-section-11 .swiper-pagination-bullet:nth-child(1)::after {
        content: "One";
        color: #fff;
        font-size: 10px;
    }

    .gallery-section-11 .swiper-pagination-bullet:nth-child(2)::after {
        content: "Quick";
        color: #fff;
        font-size: 10px;
    }

    .gallery-section-11 .swiper-pagination-bullet:nth-child(3)::after {
        content: "Smart";
        color: #fff;
        font-size: 10px;
    }

    .gallery-section-11 .swiper-pagination-bullet:nth-child(4)::after {
        content: "Advanced";
        color: #fff;
        font-size: 10px;
    }

    .gallery-section-11 .swiper-pagination-bullet:nth-child(5)::after {
        content: "Prime";
        color: #fff;
        font-size: 10px;
    }

    #icon-section-13 .galleryDescription p {
        margin-bottom: 0.5rem;
    }

    #icon-section-13 {
        padding: 15px 0px 0px 0px;
    }

    #icon-section-13 #icon-gallery {
        margin-top: -10px;
    }

    .gallery-section-11 {
        padding: 25px 0px;
    }

    .gallery-section-11 .swiper-slide .effect-custom {
        padding: 0px 33px 20px 33px !important;
    }

    .icon-section .icon-wrapper .weta-icerik-tag {
        font-size: 14px !important;
    }

    .icon-section .icon-wrapper p {
        font-size: 14px !important;
    }

    .icon-section .icon-wrapper {
        padding: 30px 12px;
    }

    #icon-section-8 .custom-col:nth-child(3) .icon-wrapper,
    #icon-section-10 .custom-col:nth-child(3) .icon-wrapper,
    #icon-section-7 .custom-col:nth-child(3) .icon-wrapper {
        padding: 30px 13px;
    }
}

.gallery-section-11 .swiper-slide {
    background: transparent;
    position: relative;
}

.gallery-section-11 .swiper-slide::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: auto;
    bottom: auto;
    width: 0.5px;
    height: 800px;
    background: #dfdfdf;
    right: -5%;
}

.gallery-section-11 .swiper-slide .gallery-info ul {
    padding: 20px;
}

.gallery-section-11 .swiper-slide .gallery-info ul li::before {
    content: "\f00c";
    font-family: "FontAwesome";
    font-size: 12px;
    padding: 0px 10px 0px 0px;
    color: #4745b5;
}

.gallery-section-11 .swiper-slide .effect-custom {
    border-radius: 8px;
    padding: 20px;
    cursor: pointer;
    min-height: 240px;
    transition: all .4s;
}

/* .gallery-section-11 .swiper-slide .effect-custom:hover {
  animation-timeline: auto;
  animation-range-start: normal;
  animation-range-end: normal;
  transition-duration: 300ms;
  background: linear-gradient(-45deg, rgb(247, 247, 248), rgb(250, 250, 250), rgb(214, 212, 255)) 0% 0% / 400% 400%;
  animation: 5s ease 0s infinite normal none running gradient;
} */

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}

.gallery-section-11 .swiper-slide .effect-custom .weta-icerik-tag {
    display: flex;
    font-size: 24px;
    line-height: 35px;
    justify-content: center;
}

.gallery-section-11 .swiper-slide .effect-custom .weta-icerik-price {
    font-size: 22px;
    line-height: 15px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    color: blue;
}

.gallery-section-11 .swiper-slide .effect-custom .weta-icerik-price:nth-child(2) {
    color: #000;
    line-height: normal;
}

.gallery-section-11 .swiper-slide .effect-custom a.btn.btn-color.btn-custom {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 16px 24px;
    gap: 10px;
    height: 48px;
    margin-top: 10px;
}


.gallery-section-11 .swiper-slide .effect-custom p {
    font-size: 14px !important;
    transition: all .4s;
    text-align: center;
}

.gallery-section-11 .swiper-slide .effect-custom:hover p {
    color: #000 !important;
}

#icon-section-13 .icon-wrapper {
    text-align: center;
}

#icon-section-13 .icon-wrapper .icon-description p {
    transition: all .4s;
}

#icon-section-13 .icon-wrapper:hover .icon-description p {
    color: #fff !important;
}

#icon-section-13 .icon-wrapper .icon span {
    font-size: 20px;
}

#icon-section-13 .icon-wrapper .weta-icerik-tag,
#icon-section-13 .icon-wrapper .icon-description p {
    font-size: 14px !important;
}

#icon-section-13 .custom-col {
    width: 16.6666% !important;
}

@media (max-width:768px) {
    .gallery-section-11 .swiper-slide::before {
        right: -3%;
    }

    .gallery-section-11 .img-wrapper .gallery-info {
        width: 100%;
    }

    #icon-section-13 .icon-wrapper .weta-icerik-tag,
    #icon-section-13 .icon-wrapper .icon-description p {
        font-size: 13px !important;
    }

    body {
        margin-bottom: 50px;
    }

    #bar-social-media li,
    #widget-info li {
        line-height: 50px;
        height: 50px;
    }

    #widget-info,
    #widget-info-bar {
        height: 50px;
    }

    #widget-info li .fa-phone,
    #widget-info li .fa-envelope,
    #widget-info li .fa-whatsapp {
        position: relative;
        margin-top: -25px;
    }

    /* #widget-info li:nth-child(1):after {
    content: "Bizi Arayın";
    position: absolute;
    bottom: -25%;
    left: auto;
    right: auto;
    color: #fff;
    font-size: 13px;
  }

  #widget-info li:nth-child(2):after {
    content: "E - Posta";
    position: absolute;
    bottom: -25%;
    left: auto;
    right: auto;
    color: #fff;
    font-size: 13px;
  }
   #widget-info li:nth-child(3):after {
    content: "WhatsApp";
    position: absolute;
    bottom: -25%;
    left: auto;
    right: auto;
    color: #fff;
    font-size: 13px;
  } */

    #counter-section-7 .counterNumber {
        font-size: 30px;
    }

    #counter-section-7 .counter-col p {
        font-size: 15px !important;
    }

    #icon-section-13 .icon-wrapper .weta-icerik-tag,
    #icon-section-13 .icon-wrapper .icon-description p {
        font-size: 8px !important;
    }

    #icon-section-13 .custom-col {
        width: 33.33333333333% !important;
    }

    #icon-section-13 .custom-col .icon-wrapper {
        padding: 10px 5px 5px;
    }

    #icon-section-13 .custom-col:nth-child(5) .icon-wrapper {
        padding: 10px 5px 15px;
    }

    #icon-section-13 .icon {
        margin-bottom: 5px;
    }

    .blog-content-wrapper {
        min-height: 277px !important;
    }

    #blog-list .swiper-slide: .btn.btn-color {
        margin-top: 46px !important;
    }

    .gallery-section-11 .img-title {
        margin-top: 0px;
    }

    .gallery-section-11 .swiper-slide .effect-custom .weta-icerik-tag {
        font-size: 20px;
    }

    .gallery-section-11 .swiper-slide .effect-custom .weta-icerik-price {
        font-size: 22px;
    }

    .gallery-section-11 .swiper-slide .effect-custom p {
        font-size: 13px !important;
    }

    .gallery-section-11 .swiper-slide .effect-custom a.btn.btn-color.btn-custom {
        font-size: 14px;
        height: 40px;
    }

    .gallery-section-11 .swiper-slide .gallery-info ul {
        padding: 0px 0px 0px 33px;
    }

    .gallery-section-11 .swiper-slide .effect-custom {
        min-height: 215px;
    }

    #icon-section-13 .custom-col:nth-child(4),
    #icon-section-13 .custom-col:nth-child(5),
    #icon-section-13 .custom-col:nth-child(6) {
        margin-bottom: 0px;
    }

    #widget-info li:nth-child(1):before {
        content: "\f095";
        font-family: "FontAwesome";
        font-size: 20px;
        color: #fff;
    }

    #widget-info li:nth-child(2):before {
        content: "\f0e0";
        font-family: "FontAwesome";
        font-size: 20px;
        color: #fff;
    }

    #widget-info li:nth-child(3):before {
        content: "\f232";
        font-family: "FontAwesome";
        font-size: 20px;
        color: #fff;
    }

    #widget-info li span {
        display: none;
    }

    #navigation .contact-navbar {
        padding-left: 0px;
    }

    #navigation .contact-navbar li.contact-oge p {
        font-size: 16px !important;
        padding: 0px 25px;
    }

    #navigation .contact-navbar li:nth-child(2).contact-oge,
    #navigation .contact-navbar li:nth-child(3).contact-oge {
        padding-top: 0px !important;
    }

    #navigation .navbar {
        margin-bottom: 0px;
    }

    #navigation .navbar li:nth-child(4) {
        padding-bottom: 0px !important;
    }
}

@media (max-width:360px) {
    #icon-section-13 .custom-col .icon-wrapper {
        padding: 10px 5px 5px !important;
    }
}

.gallery-section-11 .img-wrapper .custom-wraper hr {
    margin: 0px 0px 1rem 0px;
}

#icon-section-13 .icon-wrapper {
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 8px;
    max-height: 142px;
    min-height: 142px;
}

#icon-section-13 .icon-wrapper .icon span {
    color: var(--site-color);
}

#icon-section-13 .icon-wrapper:hover .icon span {
    color: #fff;
}

#icon-section-13 .icon-wrapper .icon-description {
    display: none;
}

.gallery-section-11 .swiper-slide:nth-child(5)::before {
    background: transparent;
}

.blog-content-wrapper {
    min-height: 255px;
}

#blog-list .swiper-slide .btn.btn-color {
    margin-top: 24px;
}

#gallery-detail-section-11 .swiper-slide .effect-custom a:hover .link-effect .effect-1 {
    top: -100%;
}

#icon-section-8 .icon-wrapper p {
    transition: all .4s;
}

#icon-section-8 .icon-wrapper:hover p,
#icon-section-9 .icon-wrapper:hover p,
#icon-section-10 .icon-wrapper:hover p {
    color: #fff !important;
}

@media (max-width: 768px) {
    .pageSliderContent .swiper-slide img {
        object-position: center !important;
    }
}

.gallery-section-11 .swiper-pagination-11 {
    display: none;
}

@media(min-width:768px) {
    .gallery-section-11 .swiper-wrapper {
        transform: none !important;
    }
}

@media(max-width:1399px) and (min-width:1200px) {
    .blog-content-wrapper {
        min-height: 277px;
    }
}

@media(max-width:1199px) and (min-width:992px) {

    #blog-list .swiper-slide .btn.btn-color {
        margin-top: 46px;
    }
}

.weta-description ul {
    padding-left: 0px !important;
}

.weta-description ul li::before {
    content: '\f058';
    font-family: 'FontAwesome';
    margin-right: 10px;
}

@media(min-width:250px) and (max-width:380px) {
    .icon-section .icon-wrapper .weta-icerik-tag {
        width: 80%;
    }
}

.pageDetailContent#blog-section-1 .swiper-pagination {
    top: 0px;
    height: 10px;
}

.pageDetailContent#blog-section-1 .swiper-wrapper {
    padding-top: 20px;
}

@media(max-width:768px) {
    .weta-slider-buttons .btn {
        margin: 0px !important;
    }
}

.blog-content-wrapper .btn-color:hover {
    background-color: transparent !important;
}

.gallery-section-3 #image-gallery {
    position: relative;
    overflow: hidden;
}

.gallery-section-3 #image-gallery::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(90deg, rgba(255, 255, 255, 1) 20%, rgba(245, 102, 62, 0) 100%);
    width: 5%;
    height: 100%;
    z-index: 9;
    opacity: 1;
}

.gallery-section-3 #image-gallery::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 80%);
    width: 5%;
    height: 100%;
    z-index: 9;
    opacity: 1;
}

.gallery-section-3 .row {
    height: 144px;
    overflow: hidden;
    flex-direction: column;
}

.gallery-section-3 .custom-col {
    transform: none !important;
    opacity: 1 !important;
}

.gallery-section-3 .gallery-info {
    display: none !important;
}

.gallery-section-1 .galleryDescription .d-flex p {
    line-height: 45px !important;
}

.gallery-section-1 .galleryDescription .d-flex a {
    margin-bottom: 1rem;
    height: 40px !important;
    margin-top: -0.8%;
}

.weta-slider-buttons .btn-color:hover {
    background-color: #fff !important;
}

.pageDetailContent#blog-section-1 .swiper {
    padding-top: 55px !important;
    margin-top: -62px;
    z-index: 999999;
}

@media (max-width:768px) {
    .gallery-section-1 .galleryDescription .d-flex {
        flex-wrap: wrap;
    }

    .pageDetailContent#blog-section-1 .swiper {
        padding-top: 80px !important;
        margin-top: -87px;
    }

    .gallery-section-1 .galleryDescription .d-flex p {
        width: 100%;
        line-height: var(--site-paragraph-height) !important;
    }

    .gallery-section-1 .galleryDescription .d-flex a {
        height: auto !important;
        margin-top: 0% !important;
    }
}
@media (max-width: 360px) {
    .pageDetailContent#blog-section-1 .swiper {
        padding-top: 95px !important;
        margin-top: -110px;
    }
}

@media (max-width: 385px) {
    .weta-slider-buttons .btn{
        min-width: 140px !important;
        padding: 8px 15px !important;
    }
}
.weta-slider-buttons .btn{font-size: 16px !important;}