:root {
    --tr: all 0.5s ease 0s;
    --ch1: #05478a;
    --ch2: #0070e0;
    --cs1: #005e38;
    --cs2: #03a65a;
    --cw1: #c24914;
    --cw2: #fc8621;
    --ce1: #851d41;
    --ce2: #db3056;
}

:root {
    --main-font: "Neo Sans Pro";
    --main-font-bold: "Neo Sans Pro Bold";
    --main-font-medium: "Neo Sans Pro Medium";
    --main-font-light: "Neo Sans Pro Light";
    --second-font: "Latinka";
    --second-font-bold: "Latinka Bold";
    --second-font-light: "Latinka Light";
    --second-font-medium: "Latinka Medium";
    --color-blue: #105F9C;
    --color-light-blue: #0B6173;
    --color-orange: #FF6100;
    --color-white: #FFFFFF;
    --color-text-gray: #848484;
    --color-text-gray-second: #808080;
    --color-arrow: #138799;
    --color-footer-text-gray: #888888;
    --color-section-gray: #F7F7F7;
    --color-input-border: #D0D0D0;
    --color-panel-gray: #606060;
    --color-panel-second-gray: #B2B2B2;
    --navbar-size: 7rem;
    --border-radius-size: 40px;
}

* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

body {
    margin: 0;
    padding: 0;
}

html {
    scroll-behavior: smooth;
}

input,
textarea {
    outline: none;
}

/* NAVBAR */

.custom-cursor {
    position: fixed;
    width: 12vh;
    height: 12vh;
    background-color: #2b4660;
    border-radius: 50%;
    transform: translate(-50%, -50%) scale(0);
    pointer-events: none;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.1vh;
    color: #EBAC8B;
    font-size: 1.8vh;
    opacity: 0;
    transition: transform 0.5s ease, opacity 0.5s ease;
    z-index: 998;
}

.buton_animate {
    display: flex;
    justify-content: center;
    align-items: center;
}

.letter {
    opacity: 0;
    display: inline-block;
    margin-right: 1px;
    font-family: "dosis";
    font-weight: bold;
}

.letter:last-child {
    margin: 0;
}

.button_animate_div {
    width: 20vh;
    height: 20vh;
    margin-left: -3.4246575342465753vh;
    position: relative;
}

.mg_settings {
    margin-top: -2vw;
}

.mg_settings a {
    display: contents;
}

.buton_animate {
    position: relative;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    overflow: hidden;
    transition: transform 0.5s ease;
}

.button_animate_div .buton_animate svg {
    width: 6vh;
    height: 6vh;
}

.button_animate_div .buton_animate svg path {
    stroke: #fff;
    stroke-width: 1;
}

.button_animate_div:hover .buton_animate svg {
    animation: disappear 0.5s forwards, appear 0.5s forwards 0.5s;
}

@keyframes disappear {
    0% {
        transform: translateY(0);
    }

    100% {
        transform: translateY(300%);
    }
}

@keyframes appear {
    0% {
        transform: translateY(-300%);
    }

    100% {
        transform: translateY(0);
    }
}

.section_2_left_center_center .button_animate_div:hover .buton_animate svg {
    animation: rightanimate 0.5s forwards, leftanimate 0.5s forwards 0.5s;
}

.section_3_left_center_center .button_animate_div:hover .buton_animate svg {
    animation: rightanimate 0.5s forwards, leftanimate 0.5s forwards 0.5s;
}

@keyframes rightanimate {
    0% {
        transform: translateX(0)
    }

    100% {
        transform: translateX(300%);
    }
}

@keyframes leftanimate {
    0% {
        transform: translateX(-300%);
    }

    100% {
        transform: translateX(0);
    }
}

.navbar {
    /*padding: 15px 25px 25px 25px !important;*/
    width: 100%;
    box-sizing: border-box;
    position: fixed !important;
    top: 15px;
    left: 0;
    z-index: 999;
    background: transparent;
    transition: 0.6s;
}

.navbar.specialpageactive {
    background: rgba(255, 255, 255, 1);
    backdrop-filter: blur(5px);
    /*padding: 25px;*/
}

.navbar.active {
    background: transparent;
    backdrop-filter: blur(0);
    /*padding: 25px;*/
}

.navbar.scrollactive {
    background: rgba(255,255,255, 1);
    backdrop-filter: blur(5px);
    top: 0;
}

.navbar.navbarmenu {
    background: rgba(43, 70, 96, 0.7);
    backdrop-filter: blur(0px);
    padding: 25px 25px 25px 25px;
}

.navbar.navbarmenu .login_btn_div h4 svg {
    fill: #fff;
}

.navbar.specialpageactive .login_btn_div h4 svg g {
    fill: #2b4660;
}

.navbar.specialpageactive .login_btn_div h4 svg {
    fill: #2b4660;
}

.navbar.specialpageactive .basket_btn_div h4 svg g {
    fill: #2b4660;
}

@media screen and (min-width: 280px) and (max-width: 1200px) {
    .navbar.specialpageactive .nav_bars {
        border-left: 1px solid rgba(43, 70, 96, 0.7);
        border-right: none; /* Sağ tarafın varsayılan stili kaldırılır */
    }
}

@media screen and (min-width: 1201px) {
    .navbar.specialpageactive .nav_bars {
        border-left: none; /* Sol tarafın varsayılan stili kaldırılır */
        border-right: 1px solid rgba(43, 70, 96, 0.7);
    }
}

.navbar.specialpageactive .border_nav {
    border-bottom: 1px solid rgba(43, 70, 96, 0.7);
}

.navbar.specialpageactive .nav_logo_border {
    border: 1px solid #2b4660;
}

.navbar.specialpageactive .nav_logo h1 {
    color: #2b4660;
}

.navbar.specialpageactive .bars span {
    background: #2b4660;
}

.navbar.specialpageactive .login_btn_div {
    border-left: 1px solid rgba(43, 70, 96, 0.7);
}

.navbar.specialpageactive .login_btn_div a h4 {
    color: #2b4660;
}

.navbar.specialpageactive .basket_btn_div {
    border-left: 1px solid rgba(43, 70, 96, 0.7);
}

.navbar.specialpageactive .basket_btn_div a h4 {
    color: #2b4660;
}

/**/

.navbar.active .login_btn_div h4 svg g {
    fill: #fff;
}

.navbar.active .basket_btn_div h4 svg g {
    fill: #fff;
}

@media screen and (min-width: 280px) and (max-width: 1200px) {
    .navbar.active .nav_bars {
        border-left: 1px solid rgba(255,255,255,0.5);
        border-right: none; /* Sağ tarafın varsayılan stili kaldırılır */
    }
}

@media screen and (min-width: 1201px) {
    .navbar.active .nav_bars {
        border-left: none; /* Sol tarafın varsayılan stili kaldırılır */
        border-right: 1px solid rgba(255,255,255,0.5);
    }
}

.navbar.active .border_nav {
    border-bottom: 1px solid rgba(255,255,255,0.5);
}

.navbar.active .nav_logo_border {
    border: 1px solid #fff;
}

.navbar.active .nav_logo h1 {
    color: #fff;
}

.navbar.active .bars span {
    background: #fff;
}

.navbar.active .login_btn_div {
    border-left: 1px solid rgba(255,255,255,0.5);
}

.navbar.active .login_btn_div a h4 {
    color: #fff;
    white-space: nowrap;
}

.navbar.active .basket_btn_div {
    border-left: 1px solid rgba(255,255,255,0.5);
}

.navbar.active .basket_btn_div a h4 {
    color: #fff;
}

/**/

.navbar.scrollactive .login_btn_div h4 svg g {
    fill: #2b4660;
}

.navbar.scrollactive .basket_btn_div h4 svg g {
    fill: #2b4660;
}

@media screen and (min-width: 280px) and (max-width: 1200px) {
    .navbar.scrollactive .nav_bars {
        border-left: 1px solid rgba(43, 70, 96, 0.7);
        border-right: none; /* Sağ tarafın varsayılan stili kaldırılır */
    }
}

@media screen and (min-width: 1201px) {
    .navbar.scrollactive .nav_bars {
        border-left: none; /* Sol tarafın varsayılan stili kaldırılır */
        border-right: 1px solid rgba(43, 70, 96, 0.7);
    }
}

.navbar.scrollactive .border_nav {
    border-bottom: 1px solid rgba(43, 70, 96, 0.7);
}

.navbar.scrollactive .nav_logo_border {
    border: 1px solid #2b4660;
}

.navbar.scrollactive .nav_logo h1 {
    color: #2b4660;
}

.navbar.scrollactive .bars span {
    background: #2b4660;
}

.navbar.scrollactive .login_btn_div {
    border-left: 1px solid rgba(43, 70, 96, 0.7);
}

.navbar.scrollactive .login_btn_div a h4 {
    color: #2b4660;
}

.navbar.scrollactive .basket_btn_div {
    border-left: 1px solid rgba(43, 70, 96, 0.7);
}

.navbar.scrollactive .basket_btn_div a h4 {
    color: #2b4660;
}

.header-fixed-menu{
    display: flex;
}


.nav_bars {
    display: none;
    justify-content: center;
    align-items: center;
    width: 5%;
    position: relative;
    border-right: 1px solid rgba(255, 255, 255, 1);
    transition: 0.6s;
}

.border_nav {
    padding: 0 0;
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 1);
    display: flex;
    min-height: 75px;
    position: relative;
    z-index: 999;
    transition: 0.6s;
}

.nav_logo_border {
    border: 1px solid #fff;
    /* padding: 1.36986301369863vh 0.273972602739726vh 0.684931506849315vh 0.684931506849315vh; */
    padding: 1.2328767123287672vh 0.2465753424657534vh 0.6164383561643836vh 0.6164383561643836vh;
    /* margin-left: 2.3vh; */
    /*margin-left: 2.0700000000000003vh;*/
    transition: 0.6s;
    margin-top: 1px;
}

.nav_logo {
    width: 100%;
    display: flex;
    justify-content: left;
    align-items: center;
    padding-left: 5%;
}

.nav_logo a {
    display: inline-block;
    text-decoration: none;
    color: #fff;
}

.nav_logo h1 {
    margin: 0;
    font-family: "FoglihtenNo07";
    font-size: 2.5vh;
    font-weight: lighter;
    transition: 0.6s;
}

.nav_logo h1 span {
    font-family: "Arial";
    font-size: 1.0vh;
    top: -1.70vh;
    right: 0.6vh;
    margin-left: 0.6vh;
    position: relative;
}

.login_btn_div.logout_btn_div h4 svg{
    transform: rotateY(180deg);
}

.dropdown-logout {
    position: relative !important;
}

.logout_btn_div a h4, .logout_btn_div a h4 svg g {
    color: #2E5160 !important;
    fill: #2E5160 !important;
}

.logout_btn_div {
    position: absolute;
    top: 100%;
    left: -1px;
    background: white;
    padding: 5px 10px;
    border: 1px solid rgba(43, 70, 96, 0.7);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    width: calc(100% + 1.5px) !important;
    transition: none !important;
}

.login_btn_div h4 {
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.login_btn_div h4 svg {
    width: 2.5vh;
}

.login_btn_div h4 svg g {
    transition: 0.6s;
}

.basket_btn_div h4 {
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.basket_btn_div h4 svg {
    width: 2.5vh;
    height: auto;
}

.basket_btn_div h4 svg g {
    transition: 0.6s;
}


.bars {
    cursor: pointer;
    display: inline-block;
    /* width: 4.794520547945205vh; */
    width: 3.835616438356164vh;
    /* height: 3.4246575342465753vh; */
    height: 2.73972602739726vh;
    position: relative;
    z-index: 2;
    /*margin-top: -0.6575342465753424vh;*/
}

.bars span {
    display: block;
    width: 100%;
    /* height: 0.273972602739726vh; */
    height: 0.2191780821917808vh;
    background-color: #fff;
    /* margin: 0.821917808219178vh 0; */
    margin: 0.6575342465753424vh 0;
    transition: all 0.4s ease;
    /* border-radius: 0.684931506849315vh; */
    border-radius: 0.547945205479452vh;
    transition: 0.6s;
}

.circle-border {
    position: absolute;
    top: 50%;
    left: 50%;
    /* width: 6.8493150684931505vh; */
    width: 5.47945205479452vh;
    /* height: 6.8493150684931505vh; */
    height: 5.47945205479452vh;
    transform: translate(-50%, -50%) rotate(-300deg);
    pointer-events: none;
    margin-top: -0.3287671232876712vh;
}

.circle-border circle {
    fill: none;
    /*stroke: #fff;*/
    stroke-width: 4;
    stroke-dasharray: 283;
    stroke-dashoffset: 283;
    transition: 1s ease;
}

.nav_bars.circle_opacity_1 .circle-border circle {
    opacity: 1;
}

.nav_bars.open .circle-border circle {
    stroke-dashoffset: 10;
}

.circle_border_button {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 14vh;
    height: 14vh;
    transform: translate(-50%, -50%) rotate(-270deg);
    pointer-events: none;
}

.circle_border_button circle {
    fill: none;
    stroke: #fff;
    stroke-width: 1.6;
    stroke-dasharray: 283;
    stroke-dashoffset: 0;
    transition: stroke-dasharray 0.6s ease, transform 0.6s ease;
    transform-origin: 50% 50%;
}

@keyframes rotateInfinite {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.button_animate_div.open .circle_border_button circle {
    animation: rotateInfinite 1s cubic-bezier(0.3, 0.3, 0.3, 0.3) infinite;
}

.button_animate_div.open .circle_border_button circle {
    stroke-dashoffset: 0;
}

.bars.open span {
    /* height: 0.273972602739726vh; */
    height: 0.2191780821917808vh;
}

.bars.open span:nth-child(1) {
    transform: rotate(45deg);
    transform-origin: 100% 100%;
    position: absolute;
    /* top: 0.547945205479452vh; */
    top: 0.4383561643835616vh;
    left: 0px;
    width: 43%;
}


.bars.open span:nth-child(2) {
    transform: rotate(-45deg);
    transform-origin: 50% 50%;
    position: absolute;
    /* top: 0.821917808219178vh; */
    top: 0.6575342465753424vh;
}

.bars.open span:nth-child(3) {
    transform: rotate(45deg);
    transform-origin: 100% 100%;
    position: absolute;
    /* top: 2.6027397260273974vh; */
    top: 2.0821917808219177vh;
    /* left: 2.0547945205479454vh; */
    left: 1.643835616438356vh;
    width: 43%;
}

.login_btn_div {
    border-left: 1px solid rgba(255, 255, 255, 1);
    width: 11%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.6s;
}

.login_btn_div a h4 {
    font-family: "dosis";
    color: #fff;
    text-decoration: none;
    transition: 0.6s;
    font-size: 2vh;
    font-weight: lighter;
    text-transform: uppercase;
}

.login_btn_div a h4 svg {
    height: 50px;
    fill: white;
}

.login_btn_div a h4 svg path {
    fill: white;
    transition: 0.6s;
}

.navbar.scrollactive .login_btn_div a h4 svg path {
    fill: #2b4660;
}

.navbar.specialpageactive .login_btn_div a h4 svg path{
    fill: #2b4660;
}

.basket_btn_div {
    border-left: 1px solid rgba(255, 255, 255, 1);
    width: 5%;
    /*display: flex;*/
    justify-content: center;
    align-items: center;
    transition: 0.6s;
    display: none;
}

.basket_btn_div a h4 {
    font-family: "dosis";
    color: #fff;
    text-decoration: none;
    transition: 0.6s;
    font-size: 2vh;
    font-weight: lighter;
}

.menu {
    transition: opacity .9s;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    pointer-events: none;
}

.menu_ic_x {
    cursor: pointer;
    display: inline-block;
    position: absolute;
    right: 1.5vw;
    top: 30px;
    transition: 0.6s;
}

.menu_ic_x svg {
    width: 3vh;
    height: 3vh;
}

.menu_ic_x path {
    fill: #fff;
}

.plus_top.gizle,
.plus_bottom.gizle {
    display: none;
}

.menu_links_ul_ic_main {
    width: 100%;
    padding-left: 11.5%;
    box-sizing: border-box;
    display: none;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    padding-bottom: 50px;
}

.menu_links_ul_ic {
    width: 50%;
    padding: 0;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: baseline;
}

.menu_links_ul_ic li a {
    margin-left: 3vw !important;
}

.menu_links_ul_ic li:last-child {
    border: none;
}

.menu_links_ul_ic li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    list-style: none;
    letter-spacing: 2px;
    box-sizing: border-box;
    width: 100%;
}

.menu_links_ul_ic li.passive {
    opacity: .60 !important;
}

.menu_links_ul li.passive a {
    cursor: pointer;
}


.menu_links_ul_ic li a {
    font-size: 1.7vh !important;
    color: white;
    font-family: "GeoSlab703 Lt BT";
    font-weight: bold;
    padding: 15px 10px 5px 10px !important;
}

.menu_links_ul_ic li span {
    margin-right: 2vw !important;
}

.menu_ic_x i {
    font-size: 3vh;
    color: white;
}

.preload_0 {
    transform: translateX(0) !important;
}

.pre_loader_line {
    background-color: #2b4660;
    width: 100%;
    height: 33.4%;
    position: absolute;
    top: 0;
    z-index: 850;
}

.pre_loader_line:nth-child(1) {
    transform: translateX(-200%);
    transition: 0.5s ease;
}

.pre_loader_line:nth-child(2) {
    top: 33.3333333333333%;
    transform: translateX(-200%);
    transition: 0.7s ease;
}

.pre_loader_line:nth-child(3) {
    top: 66.6666666666%;
    transform: translateX(-200%);
    transition: 0.9s ease;
}

.menu_container {
    position: relative;
    z-index: 851;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.menu_overflow {
    overflow-y: auto;
    height: 60vh;
    width: 100%;
    scrollbar-width: thin;
    scrollbar-color: rgba(34, 55, 75, 0.7) transparent;
}

.menu_overflow::-webkit-scrollbar {
    position: absolute;
}

.menu_links {
    width: 60%;
    padding: 17vh 60px 0 25px;
    box-sizing: border-box;
    height: 100%;
}

.menu_links .user_process {
    display: none;
}

.menu_links .user_process-cart {
    display: none;
}

.menu_links_ul {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0;
}

.ilk_acilan_li {
    width: 100%;
    list-style: none;
    position: relative;
    overflow: hidden;
    transform: translateY(-20px);
    opacity: 0;
    transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out;
}

.menu_links_ul li.animated {
    transform: translateY(0);
    opacity: 1;
}

.menu_links_ul li::before {
    content: '';
    position: absolute;
    width: 0;
    height: 1px;
    background-color: rgba(255, 255, 255, 0.3);
    transition: 0.4s ease-in-out;
    z-index: -1;
    left: 0;
    bottom: 0;
}

.menu_links_ul li.animated::before {
    width: 100%;
}

.menu_links_ul li:last-child::before {
    display: none;
}

.menu_links_ul li a {
    text-decoration: none;
    color: white !important;
    position: relative;
    overflow: hidden;
    transition: 0.4s ease-in-out;
    display: inline-flex;
    box-sizing: border-box;
    padding: 30px 10px 10px 0;
    height: 100%;
    width: max-content;
    font-family: "GeoSlab703 Lt BT";
    font-weight: bold;
    font-size: 2.2vh;
    letter-spacing: 3px;
    text-transform: uppercase;
    margin-left: 6vw;
}
/* Ana menü */
.top_menu_links_ul {
    display: flex;
    justify-content: center;
    /*align-items: center;*/
    padding: 0;
    margin: 0 auto;
    align-self: stretch;
    position: relative;

}

/* Menü maddeleri */
.top_ilk_acilan_li {
    list-style: none;
    /*position: relative;*/
    margin: 0 15px;
    display: flex;
    align-items: center;
}

/* Linkler */
.top_menu_links_ul li a {
    text-decoration: none;
    color: white !important;
    font-family: "GeoSlab703 Lt BT", sans-serif;
    font-weight: bold;
    font-size: 13px;
    letter-spacing: 3px;
    text-transform: uppercase;
    padding: 10px 5px;
    display: inline-block;
    /*transition: color 0.3s ease;*/
}

/* Açılır menü kutusu */
.top_menu_links_ul_ic_main {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    /*transform: translateX(-50%);*/
    background-color: #ffffff;
    color: #2b4660;
    padding: 20px 30px;
    /*box-shadow: 0 8px 20px rgba(0,0,0,0.3);*/
    display: block;
    z-index: 1000;
    opacity: 1;
    visibility: hidden;
    border-top: 1px solid #2b4660;

}

/* Hover ile açılır menü */
.top_dropdown_menu:hover .top_menu_links_ul_ic_main {
    display: flex;
    flex-wrap: wrap;
    opacity: 1;
    visibility: visible;
    justify-content: center;
}

/* Alt sütunlar */
.top_menu_links_ul_ic {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin: 0;
}

.top_menu_links_ul_ic_main:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    width: 150vw;
    height: 100%;
    background-color: white;
    transform: translateX(-50%);
}

.top_menu_links_ul_ic li {
    flex: 1 1 calc(33.33% - 10px); /* Her satırda en fazla 3 öğe olacak şekilde */
    box-sizing: border-box;
}

/* Alt menü elemanları */
.top_menu_links_ul_ic li a {
    display: block;
    padding: 6px 8px;
    color: #2b4660 !important;
    font-weight: 600;
    font-size: 12px;
    /*border-radius: 5px;*/
    transition: background-color 0.25s ease, color 0.25s ease;
    text-decoration: none;
    width: max-content;
}

/* Alt menü hover */
.top_menu_links_ul_ic li a:hover {
    background-color: #a19f9f;
    color: #000;
    cursor: pointer;
    width: max-content;
}

/* passive class için */
.top_menu_links_ul_ic li.passive a {
    color: #999 !important;
    cursor: default;
    pointer-events: none;
}
.top_menu_ic_x svg path {
    fill: white ;
}

.color-text .top_menu_links_ul li a {
    color: #2b4660 !important;
}
.navbar.specialpageactive .top_menu_links_ul li a,
.navbar.scrollactive .top_menu_links_ul li a{
    color: #2b4660 !important;
}
.navbar.scrollactive .top_menu_links_ul_ic li a,
.navbar.specialpageactive .top_menu_links_ul_ic li a{
    color: #2b4660 !important;
}
.navbar.menu-open .top_menu_links_ul_ic li.passive a{
    color: #999 !important;
    cursor: default;
    pointer-events: none;
}



/* new menu  */

.navbar.menu-open,
.navbar.scrollactive {
    background-color: white !important;
}

.navbar.menu-open .top_menu_links_ul li a,
.navbar.menu-open .top_menu_links_ul_ic li a,
.navbar.scrollactive .top_menu_links_ul li a,
.navbar.scrollactive .top_menu_links_ul_ic li a,
.navbar.scrollactive .nav_logo h1,
.navbar.scrollactive .nav_logo_border,
.navbar.scrollactive .login_btn_div,
.navbar.menu-open .nav_logo h1{
    color: #2b4660 !important;

}
.navbar.menu-open .nav_logo_border{
    border: 1px solid #2b4660 !important;
}

.navbar.menu-open .login_btn_div a h4 svg path,
.navbar.menu-open .cup h4{
    fill: #2b4660 !important;
    color:#2b4660 !important;
}
.navbar.menu-open .login_btn_div{
    border-left: 1px solid #2b4660 !important;
}
.navbar.menu-open .border_nav{
    border-bottom: 1px solid #2b4660 !important;
}

.menu_links_ul li span {
    color: #778a99;
    font-size: 2vh;
    font-family: "GeoSlab703 Lt BT";
    font-weight: lighter;
    margin-right: 5vw;
}

.menu_links_ul li:not(.passive) a::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background-color: white;
    transition: left 0.4s ease-in-out;
    z-index: -1;
}

.menu_links_ul li a:hover::before {
    left: 0;
}

.menu_links_ul li:not(.passive) a:hover {
    color: #2b4660 !important;
    padding: 35px 15px 10px 15px;
    font-size: 1.5vh;
}



.cookies_menu_div {
    position: absolute;
    bottom: 2%;
    left: 10%;
    transform: translateX(-10%);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
}

.cookies_menu_div a {
    color: #778a99;
    text-decoration: none;
    font-size: 2.2vh;
    display: block;
    transform: translateY(20px);
    opacity: 0;
    transition: transform 0.4s ease-in-out, opacity 0.4s ease-in-out, scale 0.4s, color 0.4s;
}

.cookies_menu_div a:hover {
    color: white;
    scale: 1.05;
}

.cookies_menu_div a.animated {
    transform: translateY(0);
    opacity: 1;
}

.menu_image {
    width: 40%;
    position: relative;
}

.menu_image img {
    width: 100%;
    height: 100vh;
    object-fit: cover;
    opacity: 0;
    transform: scale(0.8);
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
}

.menu_image img.animated {
    opacity: 1;
    transform: scale(1);
}

.orange_overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(235, 172, 139, 0.6);
    font-family: "FoglihtenNo07";
    top: 0;
    left: 0;
    opacity: 0;
    transform: scale(0.8);
    transition: opacity 0.4s ease-in-out, transform 0.4s ease-in-out;
    display: flex;
    color: white;
    font-size: 12vh;
    align-items: center;
    justify-content: center;
}

.orange_overlay.animated {
    opacity: 1;
    transform: scale(1);
}

/* NAVBAR */

.section_1 {
    padding: 15px 15px 0 15px;
    width: 100%;
    box-sizing: border-box;
    height: 100vh;
    margin-bottom: 50px;
}

.section_1_img_and_writes {
    width: 100%;
    height: 100%;
    position: relative;
}

.images_section_1 {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.images_section_1 img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.headerMainSwiper {
    width: 100% !important;
    height: 100% !important;
    position: absolute !important;
    z-index: 0 !important;
}

/*.images_section_1 img:nth-child(1) {*/
/*    scale: -1 1;*/
/*    margin-right: -1px;*/
/*}*/

/*.images_section_1 img:nth-child(3) {*/
/*    scale: -1 1;*/
/*    margin-left: -1px;*/
/*}*/

.blue_overlay {
    position: relative;
    background-color: rgba(54, 80, 113, 0.5);
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.section_1_write_and_btn {
    position: absolute;
    left: 6.5%;
    top: 30%;
    width: 35%;
    transform: translateX(-7%), translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 2vh;
    color: white;
}

.section_1_write_and_btn_desc_margin {
    margin-bottom: 6vh;
}

.section_1_write_and_btn h2 {
    width: 100%;
    font-size: 4vh;
    margin: 0;
    font-family: "GeoSlab703 Lt BT";
    font-weight: lighter;
    /*line-height: 30px;*/
}

.section_1_write_and_btn p {
    font-size: 3vh;
    line-height: 4vh;
    margin: 0;
    font-family: "GeoSlab703 Lt BT";
    font-weight: lighter;
    opacity: 0;
    transition: 2s;
    width: 100%;
}

.section_1_write_and_btn button {
    background-color: transparent;
    border-radius: 50%;
    font-size: 3vh;
    color: #EBAC8B;
    cursor: pointer;
    border: none;
}

/* .circle_4_div {
    display: flex;
    justify-content: left;
    align-items: center;
    gap: 1vh;
}

.circle {
    background-color: #fff;
    width: 1vh;
    height: 1vh;
    border-radius: 50%;
    border: 1px solid #707070;
    cursor: pointer;
}

.active_circle {
    width: 2vh;
    height: 2vh;
} */

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

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.our_story_btn_and_blue_overlay_ph_circle {
    width: max-content;
    position: absolute;
    top: 50%;
    left: calc(75% - 4vh);
    display: flex;
    flex-direction: column;
    justify-content: left;
    gap: 30px;
    border-left: 1px solid white;
    padding-left: 4vh;
}

.our_story_btn_and_blue_overlay_ph {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4vh;
    position: relative;
}

.blue_overlay_div {
    width: 40vh;
    height: 40vh;
    position: relative;
    border-left: 1px solid #fff;
    padding-left: 4vh;
    display: none;
}

.blue_overlay_2 {
    position: absolute;
    top: 0;
    background-color: rgba(43, 70, 96, 0.85);
    width: calc(100% - 4vh);
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 849;
}

.blue_overlay_2 h1 {
    margin: 0;
    font-size: 12vh;
    font-family: "FoglihtenNo07";
    font-weight: lighter;
    color: rgba(255, 255, 255, 0.5);
}

.blue_overlay_2 p {
    position: absolute;
    top: 75%;
    transform: translateY(-75%);
    margin: 0;
    font-size: 2.2vh;
    font-family: "GeoSlab703 Md BT";
    font-weight: lighter;
    color: rgba(255, 255, 255, 0.5);
}

.img_section_1 {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: 1;
}

.our_story_div {
    width: 27.5vh;
    height: 40vh;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #fff;
}

.our_story_div a {
    text-decoration: none;
    color: #fff;
    font-family: "kaleko light";
    font-weight: lighter;
    font-size: 2.7vh;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    cursor: none;
    z-index: 10;
}

.our_story_div a svg {
    width: 6vh;
    height: 6vh;
}

.our_story_div a svg path {
    stroke: #fff;
    stroke-width: 0.8;
}

.section_2 {
    width: 100%;
    /*min-height: 100vh;*/
    display: flex;
    position: relative;
    margin-bottom: 5vh;
}

.section_2_bg_img {
    position: absolute;
    height: 100%;
    width: 40%;
    object-fit: contain;
    object-position: left;
    left: 0;
    z-index: 4;
}

.section_2_left {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    padding-left: 7.5%;
    box-sizing: border-box;
    z-index: 5;
}

.section_2_right {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: baseline;
    position: relative;
    z-index: 5;
}

.section_2_left_up_write {
    position: absolute;
    top: 0;
    opacity: 0;
    transition: 2s ease;
}

.section_2_left_up_write p {
    font-family: "GeoSlab703 Lt BT";
    font-size: 2.5vh;
    color: #365071;
}

.section_2_left_center h3 {
    width: 70%;
    color: #365071;
    font-size: 60px;
    font-family: "GeoSlab703 Lt BT";
    font-weight: bold;
    transform: translateY(100%);
    opacity: 0;
    transition: 1.5s ease;
    margin-top: 15%;
}

.section_2_left_center_center {
    display: flex;
    justify-content: left;
    align-items: center;
    transform: translateY(100%);
    opacity: 0;
    transition: 2s ease;
    margin-top: 15%;
}

.section_2_left_center_center .circle_border_button circle {
    stroke: #2b4660;
}
.section_2_left_center_center .button_animate_div {
    width: 15vh;
    height: 20vh;
}
.section_2_left_center_center .circle_border_button {
    width: 11vh;
    height: 11vh;
}

.section_3_left_center_center .button_animate_div {
    width: 15vh;
    height: 20vh;
}
.section_3_left_center_center .circle_border_button {
    width: 11vh;
    height: 11vh;
}

.section_2_left_center_center a {
    text-decoration: none;
    display: inline-block;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 3;
}

.section_2_left_center_center button {
    border: none;
    background: transparent;
    border-radius: 50%;
    padding: 0;
}

.section_2_left_center_center button a {
    display: flex;
    justify-content: center;
    align-items: center;
    background: transparent;
    border-radius: 50%;
    color: #365071;
    font-size: 4vh;
    border: none;
}

.section_2_left_center_center span {
    display: inline-block;
    color: #365071;
    font-family: "kaleko book";
    font-weight: lighter;
    font-size: 2.5vh;
}

.section_2_left_center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: baseline;
}

.section_2_right_long {
    width: 80%;
    margin-left: 20px;
    margin-bottom: 100px;
}

.section_2_right_long p {
    color: #365071;
    font-size: 2vh;
    font-family: "GeoSlab703 Lt BT";
    font-weight: bold;
    margin: 0;
    line-height: 4.5vh;
}

.section_2_right_short {
    margin-left: 20px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: left;
    margin-bottom: 50px;
}

.section_2_right_short div {
    width: 33%;
    padding-bottom: 6.8493150684931505vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: baseline;
    gap: 0.684931506849315vh;
    transform: translateX(-50%);
    opacity: 0;
    transition: .8s ease;
}

.section_2_right_short div p {
    position: relative;
    overflow: hidden;
    transition: .8s ease;
    padding-bottom: 5px;
}

.section_2_right_short div p:before {
    content: "";
    width: 100%;
    height: 2px;
    position: absolute;
    background: #2E5160;
    bottom: 0;
    left: -100%;
    transition: .5s;
}

.section_2_right_short div.active-short p:before {
    left: 0;
}

.section_2_right_short div span {
    font-family: "kaleko book";
    font-size: 2.191780821917808vh;
    color: #c8c8c8;
}

.section_2_right_short div p {
    font-family: "GeoSlab703 Lt BT";
    font-weight: lighter;
    font-size: 2.7vh;
    color: #365071;
    margin: 0;
}

.cizgi {
    position: absolute;
    width: 95%;
    left: 50%;
    transform: translateX(-50%);
    height: 1px;
    background: #C8C8C8;
    bottom: 5%;
}

.section_3 {
    background-repeat: no-repeat;
    background-position: bottom;
    background-clip: border-box;
    background-size: contain;
    display: flex;
    width: 100%;
    height: 160vh;
    position: relative;
}

.section_3_left {
    width: 50%;
    height: 125vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 7.5%;
    box-sizing: border-box;
    position: relative;
}

.section_3_left_bottom {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: baseline;
    scale: 1.4;
    padding-left: 7.945205479452055vh;
    box-sizing: border-box;
}

.section_3_left_center h3 {
    width: 70%;
    letter-spacing: 6px;
    color: #365071;
    font-size: 60px;
    font-family: "GeoSlab703 Lt BT";
    font-weight: bold;
    margin: 0 0 30px 0;
    transform: translateY(100%);
    opacity: 0;
    transition: 1.5s ease;
}

.section_3_left_center_center {
    display: flex;
    justify-content: left;
    align-items: center;
    transform: translateY(100%);
    opacity: 0;
    transition: 2s ease;
}

.section_3_left_center_center .circle_border_button circle {
    stroke: #2b4660;
}

.section_3_left_center_center a {
    text-decoration: none;
    display: inline-block;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 3;
}

.section_3_left_center_center button {
    border: none;
    background: transparent;
    border-radius: 50%;
    padding: 0;
}

.section_3_left_center_center button a {
    display: inline-block;
    width: 12vh;
    height: 12vh;
    background: transparent;
    border-radius: 50%;
    display: grid;
    place-items: center;
    color: #365071;
    font-size: 4vh;
    border: none;
}

.section_3_left_center_center button a svg path {
    stroke: #2b4660 !important;
}

.section_2_left_center_center button a svg path {
    stroke: #2b4660 !important;
}

.section_3_left_center_center span {
    display: inline-block;
    color: #365071;
    font-family: "kaleko book";
    font-weight: lighter;
    font-size: 2.5vh;
}

.section_3_left_center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: baseline;
    gap: 50px;
}

.img_wrapper_1 {
    width: 80%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 25px;
    margin: 80px 0;
    flex-wrap: wrap;
}

.img_wrapper_1 img {
    width: 33.333333333%;
    max-width: 7vw;
    height: 4.5vw;
    object-fit: scale-down;
    opacity: 0;
    transform: translateY(20px);
    transition: 0.8s ease;
}

.img_wrapper_2 {
    width: 80%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 25px;
}

.img_wrapper_2 img {
    width: 50%;
    height: 4.5vw;
    object-fit: scale-down;
    opacity: 0;
    transform: translateY(20px);
    transition: 0.8s ease;
}

.section_3_left_ortalama {
    display: flex;
    flex-direction: column;
    /*justify-content: space-between;*/
    align-items: baseline;
    height: 100%;
}

.section_3_right {
    width: 50%;
    height: 60%;
    gap: 8vh;
    display: flex;
    flex-direction: column;
    /*justify-content: center;*/
    justify-content: flex-start;
    align-items: baseline;
}

.section_3_right_long {
    width: 80%;
}

.section_3_right_long p {
    color: #365071;
    font-size: 2vh;
    font-family: "GeoSlab703 Lt BT";
    font-weight: bold;
    margin: 0;
    line-height: 4.5vh;
    margin-left: 20px;
}

.peshtemal_img {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 75vh;
    height: 75vh;
    border-radius: 50%;
    display: grid;
    place-items: center;
    scale: 0;
    opacity: 0;
    transform: rotate(90deg);
    transition: 1.5s ease;
    overflow: hidden;
}

.img_circle {
    width: 82%;
    height: 82%;
    border: 1px solid #365071;
    position: relative;
    z-index: 5;
    border-radius: 50%;
}

.icon_circle {
    width: 20%;
    height: 20%;
    border-radius: 50%;
    background: #365071;
    display: grid;
    place-items: center;
    position: absolute;
    top: 40%;
    left: 40%;
    animation: orbit 10s linear infinite;
    display: none;
}

@keyframes orbit {
    0% {
        transform: rotate(0deg) translateX(250%) rotate(0deg);
    }

    25% {
        transform: rotate(90deg) translateX(250%) rotate(-90deg);
    }

    50% {
        transform: rotate(180deg) translateX(250%) rotate(-180deg);
    }

    75% {
        transform: rotate(270deg) translateX(250%) rotate(-270deg);
    }

    100% {
        transform: rotate(360deg) translateX(250%) rotate(-360deg);
    }
}

.circle_container {
    position: relative;
    width: 100%;
    height: 100%;
}

.icon_circle img {
    width: 50%;
}

.footer {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.our_section_footer {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.our_section_footer a {
    cursor: none;
}

.our_process_footer_div {
    width: 100%;
    min-height: 500px;
    height: 60vh;
    position: relative;
    overflow: hidden;
}

.our_story_footer_div {
    width: 100%;
    min-height: 500px;
    height: 60vh;
    position: relative;
    overflow: hidden;
}

.our_process_footer_div img,
.our_story_footer_div img {
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
    width: 100%;
    height: 100%;
    z-index: 2;
    scale: 1.05;
    transition: 0.5s;
}

.our_story_footer_div img {
    object-position: 0;
}

.our_process_footer_div:hover img,
.our_story_footer_div:hover img,
.our_process_footer_div:hover .footer_blue_overlay,
.our_story_footer_div:hover .footer_blue_overlay {
    scale: 1.0;
    background: rgba(85, 108, 142, 0.4);
}

.our_process_footer_div:hover h4,
.our_story_footer_div:hover h4 {
    scale: 1.1;
}

.footer_blue_overlay {
    width: 100%;
    height: 100%;
    background: rgba(49, 73, 104, 0.90);
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 3;
    transition: 0.5s;
}

.footer_blue_overlay h4 {
    margin: 0;
    color: #fff;
    font-size: 7vh;
    text-align: center;
    font-family: "GeoSlab703 Lt BT";
    font-weight: bold;
    letter-spacing: 4px;
    transition: 0.5s;
}

.our_section_footer a {
    display: inline-block;
    width: 50%;
    height: 100%;
    text-decoration: none;
}

.footer_adres_and_logo_div {
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: baseline;
    position: relative;
    margin: 9vh 0;
}

.copyright {
    position: absolute;
    bottom: -65%;
    left: 10%;
    font-family: "kaleko book";
    letter-spacing: 1.4px;
    font-size: 1vh;
    text-align: left;
    color: #a8a8a8;
}

.footer_logo h4 {
    font-family: "FoglihtenNo07";
    font-weight: lighter;
    font-size: 6vh;
    margin: 0;
    text-align: left;
    color: rgba(200, 200, 200, 0.7);
}

.footer_logo p {
    font-family: "GeoSlab703 Lt BT";
    font-weight: bold;
    font-size: 2vh;
    line-height: 3vh;
    text-align: left;
    color: #365071;
}

.adres h4,
.calisma_saatleri h4 {
    margin-bottom: 8px;
    font-family: "GeoSlab703 Md BT";
    font-weight: lighter;
    font-size: 2.3vh;
    text-align: left;
    color: rgba(200, 200, 200, 0.7);
}

.adres p,
.calisma_saatleri p {
    font-family: "GeoSlab703 Lt BT";
    font-weight: bold;
    font-size: 1.9vh;
    line-height: 3.5vh;
    text-align: left;
    color: #365071;
}

.iletisim_bilgileri {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 20px;
    width: 95%;
}

.email_footer {
    border: 1px solid #c8c8c8;
    border-left: none;
    width: 5%;
    height: 10vh;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 22px;
}

.iletisim_bilgileri p,
.email_footer p {
    margin: 0;
    text-align: center;
    color: #C8C8C8;
    /*font-size: 2.2vh;*/
    font-size: 15px;
    line-height: 2.7vh;
    font-family: "GeoSlab703 Lt BT";
}

.phone_footer {
    border: 1px solid #c8c8c8;
    border-right: none;
    width: 5%;
    height: 10vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.number_and_email {
    border: 1px solid #c8c8c8;
    border-right: none;
    border-left: none;
    width: 85%;
    height: 10vh;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.email_adres_div {
    padding-left: 8vh;
    width: 50%;
    box-sizing: border-box;
}

.email_adres_div h5 {
    margin: 0;
    font-family: "GeoSlab703 Lt BT";
    font-weight: bold;
    font-size: 3.5vh;
    color: #365071;
}

.number_div {
    width: 50%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    column-gap: 2vh;
    row-gap: 1vh;
}

.number_div a {
    text-decoration: none;
    font-family: "GeoSlab703 Lt BT";
    font-weight: bold;
    color: #365071;
    font-size: 3.5vh;
}

.our_pages_footer {
    width: 90%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.our_pages_footer_link {
    display: flex;
    justify-content: left;
    flex-wrap: wrap;
    align-items: center;
    width: 50%;
    padding-left: 11vh;
    box-sizing: border-box;
    /*gap: 2vh;*/
    position: relative;
}

.data_protection_link_footer {
    display: flex;
    justify-content: center;
    /*gap: 2vh;*/
    align-items: center;
    width: 40%;
}

.builty_by {
    display: flex;
    justify-content: right;
    align-items: center;
    width: 5%;
}

.our_pages_footer_link a {
    text-decoration: none;
    color: rgba(200, 200, 200, 0.7);
    font-family: "kaleko light";
    letter-spacing: 1px;
    font-weight: bold;
    font-size: 1.27vh;
    white-space: nowrap;
    margin-right: 10px;
}

.data_protection_link_footer a {
    text-decoration: none;
    color: rgba(200, 200, 200, 0.7);
    font-family: "kaleko light";
    letter-spacing: 1px;
    font-weight: bold;
    font-size: 1.27vh;
    white-space: nowrap;
    margin-right: 10px;
}

.builty_by span {
    color: #365071;
    text-align: right;
    font-family: "kaleko light";
    font-weight: bold;
    letter-spacing: 1px;
    font-size: 1.1vh;
}

.builty_by a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: end;
    width: 100%;
    height: 100%;
    text-decoration: none;
    text-align: right;
}

.builty_by a img {
    width: 100%;
    opacity: 0.7;
}

/* CORPORATE */

.section_1_corporate {
    width: 100%;
    position: relative;
    z-index: 1;
}

.section_1_corporate h1 {
    opacity: 0;
    margin: 0;
    text-align: center;
    color: white;
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 5vh;
    width: 100%;
    font-family: "GeoSlab703 Lt BT";
    font-weight: lighter;
    transition: 2s;
}

.section_1_corporate h1 * {
    text-align: center !important;
}

.section_1_corporate h1 p {
    margin: 0 !important;
    padding: 0 !important;
}

.section_2_corporate {
    padding: 0 calc(25px + 5% + 2.3vh);
    overflow-x: hidden;
}

.section_2_corporate_header {
    width: 100%;
    border-bottom: 1px solid #c6c6c6;
    margin-bottom: 100px;
}

.section_2_corporate_header h3 {
    font-size: 5vh;
    color: #c6c6c6;
    margin: 40px 0 10px 0;
    font-family: "GeoSlab703 Lt BT";
    font-weight: lighter;
    transform: translateX(-100%);
    transition: 1s;
}

.section_2_corporate_content {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: baseline;
}

.section_2_corporate_content_section_1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.corporate_first_write {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 75px;
    /*gap: 145px;*/
    overflow: hidden;
    color: #2b4660;
    font-family: "kaleko book";
    font-weight: lighter;
}

.corporate_first_write_left,
.corporate_first_write_right {
    width: 45%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: baseline;
    opacity: 0;
    transition: 1s;
}

.corporate_first_write_left {
    transform: translateX(-200%);
}

.corporate_first_write_right {
    transform: translateX(200%);
}

.corporate_first_write_left div {
    height: 20vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: baseline;

}

.corporate_first_write_left h6 {
    font-size: 1.7vh;
    margin: 0;
    color: #EBAC8B;
    font-weight: lighter;
    font-family: "kaleko book";
    margin-top: 0.1vh;
}

.corporate_first_write_left h2 {
    font-size: 5vh;
    line-height: 5vh;
    height: 150px;
    margin-top: 10px;
    color: #2b4660;
    font-weight: bold;
    font-family: "GeoSlab703 Lt BT";
}

.corporate_first_write_left h2 p {
    padding: 0;
    margin: 0;
}

.corporate_first_write_left > p {
    font-size: 1.7vh;
    margin: 10px 0 30px 0;
    color: #2b4660;
    font-family: "kaleko book";
    font-weight: lighter;
    line-height: 3vh;
}

.corporate_first_write_right h4 {
    margin: 0;
    width: 100%;
    height: 20vh;
    text-align: center;
    font-size: 12vh;
    font-family: "FoglihtenNo07";
    font-weight: lighter;
    color: rgba(198, 198, 198, 0.5);
}

.corporate_first_write_right p {
    font-size: 1.7vh;
    margin: 10px 0 30px 0;
    color: #2b4660;
    font-family: "kaleko book";
    font-weight: lighter;
    line-height: 3vh;
}

.corporate_swiper_main_div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: baseline;
    width: 100%;
    padding-bottom: 50px;
    position: relative;
    left: 8vw;
}

.corporate_swiper_btn {
    width: 100%;
    display: flex;
    justify-content: left;
    align-items: center;
    gap: 2vh;
    color: #2b4660;
    font-size: 4vh;
    margin-bottom: 2vh;
}

.corporate_swiper_btn div {
    border: none;
    background: transparent;
    padding: 0;
    width: max-content;
    height: max-content;
    cursor: pointer;
}

.corporate_swiper_btn svg path {
    cursor: pointer;
    stroke: #cccccc;
    transition: fill .1s;
    stroke-width: 2.2;
}

.corporate_swiper_btn svg:hover path {
    stroke: #EBAC8B;
}

.corporate_swiper_image {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    transition: opacity 0.5s ease;
}

.corporate_swiper_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.6s;
}

.corporate_swiper_image_div {
    scale: 0;
    overflow: hidden;
    transition: 0.6s;
    height: 54.794520547945204vh;
}

.corporate_swiper_image_div:nth-child(1) {
    width: 100%;
}

.corporate_swiper_image_div:nth-child(2) {
    width: 100%;
}

.corporate_swiper_image_div:nth-child(3) {
    width: 100%;
}

.swiper_2 {
    width: 48% !important;
}

.swiper_1,
.swiper_3 {
    width: 25% !important;
}

.corporate_swiper_btn g {
    scale: 1.2;
}

.corporate_swiper_btn .swiper-button-next svg,
.corporate_swiper_btn .swiper-button-prev svg {
    width: 4vw !important;
    height: 5vh !important;
}

.corporate_swiper_btn .swiper-button-prev:after,
.corporate_swiper_btn .swiper-button-next:after {
    content: '' !important;
}

.corporate_swiper_btn .swiper-button-prev,
.corporate_swiper_btn .swiper-button-next {
    position: unset !important;
}

.section_2_corporate_content_section_2 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: baseline;
    border-bottom: 1px solid #c6c6c6;
    padding: 0 0 75px 0;
}

.section_content_2-write_line {
    border-bottom: 1px solid #c6c6c6;
    width: 100%;
    margin-bottom: 12vh;
}

.section_content_2_write_div {
    width: 45.5%;
    font-size: 1.6vh;
    font-family: "kaleko book";
    color: #2b4660;
    font-weight: lighter;
    line-height: 3vh;
    transform: translateX(-20%);
    opacity: 0;
    transition: .8s ease;
}

.section_2_corporate_content_section_3 {
    width: 100%;
    display: flex;
    justify-content: space-around;
    align-items: baseline;
    padding: 75px 0;
}

.section_2_content_3_write_end_left h4 {
    font-weight: bold;
    font-size: 2.3vh;
    font-family: "GeoSlab703 Lt BT";
    color: #2b4660;
    margin: 0;
    margin-bottom: 20px;
}

.section_2_content_3_write_end_left p {
    font-weight: lighter;
    font-family: "kaleko book";
    font-size: 1.7vh;
    line-height: 2.2vh;
    color: #2b4660;
    margin: 0;
    width: 75%;
}

.section_2_content_3_write_end_left a {
    font-weight: lighter;
    font-size: 1.75vh;
    font-family: "kaleko book";
    color: #EBAC8B;
    margin: 0;
    text-decoration: none;
    position: absolute;
    bottom: 0;
}

.section_2_content_3_write_end_left a svg {
    width: 3.5vh;
    height: 3.5vh;
}

.section_2_content_3_write_end_left a svg path {
    stroke: #EBAC8B;
    stroke-width: 1.2;
}

/* */
.section_2_content_3_write_end_right h4 {
    font-weight: bold;
    font-size: 2.3vh;
    font-family: "GeoSlab703 Lt BT";
    color: #2b4660;
    margin: 0;
    margin-bottom: 20px;
}

.section_2_content_3_write_end_right p {
    font-weight: lighter;
    font-family: "kaleko book";
    font-size: 1.7vh;
    line-height: 2.2vh;
    color: #2b4660;
    margin: 0;
    width: 75%;
}

.section_2_content_3_write_end_right a {
    font-weight: lighter;
    font-size: 1.75vh;
    font-family: "kaleko book";
    color: #EBAC8B;
    margin: 0;
    text-decoration: none;
    position: absolute;
    bottom: 0;
}

.section_2_content_3_write_end_right a svg {
    width: 3.5vh;
    height: 3.5vh;
}

.section_2_content_3_write_end_right a svg path {
    stroke: #EBAC8B;
    stroke-width: 1.2;
}

.orange_overlay_corporate {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(235, 172, 139, 0.6);
}

.section_header_image {
    width: 100%;
    height: 35vh;
    position: relative;
    overflow: hidden;
}

.section_header_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}

/* CORPORATE */

/* STORY OF PRODUCTION */

.section_1_story {
    width: 100%;
    position: relative;
    z-index: 1;
}

.section_1_story h1 {
    margin: 0;
    text-align: center;
    color: white;
    position: absolute;
    font-family: "GeoSlab703 Lt BT";
    font-weight: lighter;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 5vh;
    width: 100%;
    opacity: 0;
    transition: 2s;
}

.section_2_story_header_center {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.section_2_story_header {
    width: 95%;
    border-bottom: 1px solid #c6c6c6;
    margin-bottom: 25px;
}

.section_2_story_header h3 {
    font-size: 5vh;
    color: #c6c6c6;
    font-family: "GeoSlab703 Lt BT";
    font-weight: lighter;
    margin: 20px 0 10px 0;
    transform: translateX(-100%);
    transition: 1s;
}

.section_2_story {
    padding: 0 calc(25px + 5% + 2.3vh);
}

.section_2_story_header_write {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-bottom: 20px;
}

.section_2_story_header_write h4 {
    color: #EBAC8B;
    font-family: "kaleko book";
    font-weight: lighter;
    font-size: 1.9vh;
}

.section_2_story_header_write h2 {
    color: #2b4660;
    font-size: 5vh;
    font-family: "GeoSlab703 Lt BT";
    margin: 0;
}

.section_2_story_news_and_image {
    width: 100%;
    /*height: 90vh;*/
    height: 60vh;
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
}

.section_2_story_news {
    opacity: 1;
}


.section_2_story_image {
    opacity: 1;
    overflow: hidden;
}

.section_2_story_image img {
    scale: 1.05;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: scale 1.2s;
}

.section_2_story_image:hover img {
    scale: 1;
}

.section_2_story_news:nth-child(even) {
    opacity: 1;
}

.section_2_story_image:nth-child(even) {
    opacity: 1;
}

.section_2_story_news h4 {
    color: #EBAC8B;
    font-weight: lighter;
    font-family: "tahoma";
    font-size: 2.5vh;
    margin: 0;
}

.section_2_story_news h2 {
    color: #2b4660;
    font-family: "GeoSlab703 Lt BT";
    font-size: 4vh;
    margin: 0;
    margin-bottom: 20px;
}

.section_2_story_news {
    display: flex;
    flex-direction: column;
    align-items: baseline;
    justify-content: center;
    gap: 20px;
    width: 50%;
}

.section_2_story_news:nth-child(even) {
    text-align: right;
    align-items: end;
}

.section_2_story_news > p {
    color: #2b4660;
    font-family: "kaleko book";
    font-size: 1.7vh;
    font-weight: lighter;
    line-height: 3vh;
    margin: 0;
}

.section_2_story_news_and_image_container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.section_2_story_image {
    width: 45%;
    /*height: 75%; */
    height: 90%;
}

.peshtemal_house_docs_link {
    margin-bottom: 25px;
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #c6c6c6;
    border-top: 1px solid #c6c6c6;
    padding: 30px 0;
}

.peshtemal_house_docs_link a {
    text-decoration: none;
}

.peshtemal_house_docs_link a h3 {
    margin: 0;
    font-size: 2vh;
    font-family: "kaleko light";
    color: #EBAC8B;
    font-weight: bold;
    letter-spacing: 1px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.peshtemal_house_docs_link a h3 svg {
    width: 3.5vh;
    height: 3.5vh;
}

.peshtemal_house_docs_link a h3 svg path {
    stroke: #EBAC8B;
    stroke-width: 1.2;
}

/* STORY OF PRODUCTION */

/* COLLECTION */

.section_1_collection {
    width: 100%;
    position: relative;
    z-index: 1;
}

.section_1_collection h1 {
    margin: 0;
    text-align: center;
    color: white;
    position: absolute;
    font-family: "GeoSlab703 Lt BT";
    font-weight: lighter;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 5vh;
    width: 100%;
    opacity: 0;
    transition: 2s;
}

.section_2_collection {
    padding: 0 calc(25px + 5% + 2.3vh);
}

.section_2_collection_header {
    width: 100%;
    border-bottom: 1px solid #c6c6c6;
    margin-bottom: 25px;
}

.collection_header div{
    display: flex;
    justify-content: center;
    align-items: center;
}

.collection_header div p{
    color: white;
    font-family: "kaleko book";
    font-weight: lighter;
    font-size: 1.5vh;
    line-height: 2.2vh;
    letter-spacing: 1px;
    margin: 0;
}

.section_2_collection_header h3 {
    font-size: 5vh;
    font-family: "GeoSlab703 Lt BT";
    font-weight: lighter;
    color: #c6c6c6;
    margin: 20px 0 10px 0;
    transform: translateX(-100%);
    transition: 1s;
}

.section_2_collection_header_write {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-bottom: 50px;
}

.section_2_collection_header_write h4 {
    color: #EBAC8B;
    font-weight: lighter;
    font-size: 2vh;
    font-family: "kaleko light";
}

.section_2_collection_header_write h2 {
    color: #2b4660;
    font-family: "GeoSlab703 Lt BT";
    font-size: 5vh;
    margin: 0;
}

.section_3_collections_div {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center;
    /*gap: 20px;*/
}

.section_3_collection_div {
    width: 23%;
    height: 50vh;
    position: relative;
    cursor: pointer;
    transform: translateY(20%);
    opacity: 0;
    transition: 1s;
    margin-bottom: 20px;
}

.section_3_collection_div_img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    overflow: hidden;
}

.section_3_collection_div_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.5s;
}

.collection_blue_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(54, 80, 113, 0.5);
}

.collection_header {
    position: relative;
    z-index: 2;
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 20px;
    overflow-wrap: anywhere;
    padding: 10px;
}

.collection_header h4 {
    color: white;
    font-size: 4vh;
    font-family: "GeoSlab703 Lt BT";
    letter-spacing: 1px;
    margin: 0;
}

.collection_header > p {
    color: white;
    font-family: "kaleko book";
    font-weight: lighter;
    font-size: 1.5vh;
    line-height: 2.2vh;
    letter-spacing: 1px;
    margin: 0;
}

.collection_header span {
    position: absolute;
    bottom: 20px;
    color: #EBAC8B;
    font-weight: lighter;
    font-family: "kaleko book";
    font-weight: lighter;
    font-size: 1.5vh;
    transform: translateY(200px);
    transition: 0.5s;
}

.collection_header span:hover {
    color: #2B4660;
}

.collection_header span:hover i {
    color: #2B4660;
}

.collection_header span i {
    color: #EBAC8B;
    transition: 0.5s;
}

.section_3_collection_div:hover .collection_header span {
    transform: translate(0);
}

.section_3_collection_div:hover .section_3_collection_div_img img {
    scale: 1.1;
}

.section_3_collection_div a {
    text-decoration: none;
}

.peshtemal_house_docs_link_story {
    margin: 75px 0 0 0;
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #c6c6c6;
    border-top: 1px solid #c6c6c6;
    padding: 30px 0;
    margin-bottom: 2rem;
    display: none;
}

.peshtemal_house_docs_link_story a {
    text-decoration: none;
}

.peshtemal_house_docs_link_story a h3 {
    margin: 0;
    font-size: 2vh;
    font-family: "kaleko light";
    color: #EBAC8B;
    font-weight: bold;
    letter-spacing: 1px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.peshtemal_house_docs_link_story a h3 svg {
    width: 3.5vh;
    height: 3.5vh;
}

.peshtemal_house_docs_link_story a h3 svg path {
    stroke: #EBAC8B;
    stroke-width: 1.2;
}

/* COLLECTION */

/* Animation */

.overflow_hidden {
    overflow: hidden;
    position: relative;
    /*width: max-content;*/
}

.behind_text {
    position: relative;
    bottom: -200px;
    transition: 1s;
}

.our_story_div {
    border: none;
    position: relative;
}

.our_story_div::before {
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    width: 0;
    height: 0;
    background: transparent;
    border: 1px solid transparent;
}

.our_story_div.animate::before {
    animation: createBorder 1s linear forwards;
}

@keyframes createBorder {
    0% {
        width: 0;
        height: 0;
        border-top-color: rgba(255, 255, 255, 0.7);
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: transparent;
    }

    50% {
        width: 100%;
        height: 0;
        border-top-color: rgba(255, 255, 255, 0.7);
        border-right-color: rgba(255, 255, 255, 0.7);
        border-bottom-color: transparent;
        border-left-color: transparent;
    }

    100% {
        width: 100%;
        height: 100%;
        border-top-color: rgba(255, 255, 255, 0.7);
        border-right-color: rgba(255, 255, 255, 0.7);
        border-bottom-color: transparent;
        border-left-color: transparent;
    }
}

.our_story_div::after {
    content: "";
    position: absolute;
    top: -2px;
    left: -2px;
    width: 0;
    height: 0;
    background: transparent;
    border: 1px solid transparent;
}

.our_story_div.animate::after {
    animation: createBorders 1s linear forwards;
}

@keyframes createBorders {
    0% {
        width: 0;
        height: 0;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: rgba(255, 255, 255, 0.7);
    }

    50% {
        width: 0;
        height: 100%;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: rgba(255, 255, 255, 0.7);
        border-left-color: rgba(255, 255, 255, 0.7);
    }

    100% {
        width: 100%;
        height: 100%;
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: rgba(255, 255, 255, 0.7);
        border-left-color: rgba(255, 255, 255, 0.7);
    }
}

/* Animation */

/* Collection Detail */

.section_1_collection-detail {
    margin-top: 15vh;
    padding: 0 25px;
}

.section_1_collection-detail_header {
    display: flex;
    justify-content: left;
    align-items: baseline;
    width: calc(90% - 25px);
    border-bottom: 1px solid #c6c6c6;
    /*margin-bottom: 50px;*/
}

.collection_write h2 {
    margin: 0;
    font-family: "GeoSlab703 Lt BT";
    font-size: 3.5vh;
    font-weight: bold;
    color: #EBAC8B;
    padding-left: 90px;
    padding-bottom: 20px;
    border-bottom: 3px solid #EBAC8B;
}

.collection_write_sub {
    width: 90%;

}

.collection_write_sub h3 {
    margin: 0;
    font-family: "GeoSlab703 Lt BT";
    font-size: 2.5vh;
    font-weight: bold;
    color: #2b4660;
    padding-bottom: 20px;
    white-space: none;
    overflow: hidden;
    text-overflow: ellipsis;
}

.collection_write_sub h3 span {
    color: #EBAC8B;
    font-family: "GeoSlab703 Lt BT";
    font-size: 3.5vh;
    font-weight: lighter;
}

.collection_detail_desc_and_img {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: calc(90% - 25px);
    padding-left: 90px;
    box-sizing: border-box;
    margin-bottom: 100px;
}

.collection_detail_desc {
    display: none;
    /*display: flex;*/
    flex-direction: column;
    align-items: baseline;
    justify-content: center;
    gap: 30px;
    width: 100%;
}

.collection_detail_desc h6 {
    color: #EBAC8B;
    font-family: "kaleko book";
    font-weight: lighter;
    font-size: 2vh;
    margin: 0;
}

.collection_detail_desc h4 {
    color: #2b4660;
    font-family: "GeoSlab703 Lt BT";
    font-weight: bold;
    font-size: 4vh;
    margin: 0;
}



.collection_detail_desc .collection_detail_description {
    color: #2b4660;
    font-family: "kaleko book";
    font-weight: lighter;
    font-size: 1.6vh;
    line-height: 3.5vh;
    margin: 0;
}

.collection_detail_image {
    width: 50%;
    height: 90vh;
    display: flex;
    justify-content: right;
    align-items: center;
    overflow: hidden;
}

.collection_detail_image img {
    width: 75%;
    height: 100%;
    object-fit: cover;
}

.collection_detail_collection_items {
    /*display: grid;*/
    /*grid-template-columns: 1fr 1fr 1fr;*/
    /*flex-wrap: wrap;*/
    /*justify-content: space-between;*/
    /*align-items: center;*/
    /*gap: 15px;*/
    /*width: calc(90% - 25px);*/
    /*margin-bottom: 200px;*/
    /*padding-left: 90px;*/
    /*box-sizing: border-box;*/
    flex-wrap: wrap;
    /*justify-content: space-between;*/
    align-items: center;
    width: calc(90% - 25px);
    margin-bottom: 200px;
    padding-left: 90px;
    box-sizing: border-box;
    display: flex;

}

.collection_detail_collection_items .swiper_wrapper_main {
    width: 100%;
    /*height: 80vh;*/
    overflow: hidden;
    /*max-width: 33.3333333%;*/
    overflow: hidden;
    flex: 0 0 33.3333333%;
    padding:15px;

}

.collection_detail_collection_items .swiper_wrapper_main .swiper-wrapper {
}

.collection_detail_collection_items .swiper {
    width: 100%;
    height: 100%;
    overflow-y: inherit;
}

.collection_detail_collection_items .swiper  {
    transition: .5s ease transform;
    transform-origin: top; /* Sağdan küçült */
    overflow-x: hidden !important;
    overflow-y: hidden !important;
}


.collection_detail_collection_items .swiper:hover .show_product_detail.show{
    opacity: 1 !important;
}

.collection_detail_collection_items .swiper:hover .show_product_detail_text {
    opacity: 1 !important;
}

.collection_detail_collection_items .swiper:hover .show_product_detail_text {
    opacity: 1 !important;
}

.collection_detail_collection_items .swiper:hover .linear__bg {
    opacity: .39 !important;
}

.linear__bg {
    background: rgba(235, 172, 139, 0.6) !important;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2;
}

.collection_detail_collection_items .linear__bg {
    background: transparent !important;
}

.linear__bg + a .section_3_collection_div_img .collection_blue_overlay {
    display: none;
}

.linear__bg + a .collection_header h4, .linear__bg + a .collection_header p {
    color: #2E5160;
}

.collection_detail_collection_items .swiper-slide {
    background-position: center;
    background-size: cover;
}

.collection_detail_collection_items .swiper-slide img {
    display: block;
    width: 100%;
    object-fit: cover;
    object-position: center;
    transition: .6s;
    height: 100%;
}

.collection_detail_collection_items .swiper-pagination-bullet {
    background-color: #ffffff !important;
    opacity: .7 !important;
}

.collection_detail_collection_items .swiper-pagination-bullet-active {
    background-color: #ffffff !important;
    opacity: 1 !important;
}

.collection_detail_collection_items .show_product_detail {
    position: absolute;
    bottom: 0;
    right: 50%;
    transform: translateX(50%);
    width: 100%;
    opacity: 0;
    transition: .2s ease all;
    z-index: 2;
}

.collection_detail_collection_items .show_product_detail .show_product_detail-process {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem 1rem;
}

.collection_detail_collection_items .show_product_detail .show_product_detail-process .show_product_detail-process-basket {
    width: 2.3rem;
    cursor: pointer;
}


.collection_detail_collection_items .show_product_detail .show_product_detail-process .show_product_detail-process-text #collection_product_detail_desc_color_option {
    color: #2b4660;
    font-family: "kaleko book";
    font-weight: lighter;
    font-size: 1.8vh;
    text-transform: uppercase;
    background: transparent;
    border: 0px !important;
    outline: none;
    cursor: pointer;
}

.collection_detail_collection_items .show_product_detail .show_product_detail-process .show_product_detail-process-text #collection_product_detail_desc_color_option:focus {
    background: transparent;
    border: 0px !important;
    outline: none;
}



.collection_detail_collection_items .show_product_detail .show_product_detail-process .show_product_detail-process-basket svg {
    width: 100%;
    height: auto;
    fill: rgb(43, 70, 96);
}

.collection_detail_collection_items .show_product_detail_text {
    position: absolute;
    bottom: 0;
    transform: translateY(100%);
    max-height: 60px;
    text-overflow: ellipsis;
    width: 100%;
    transition: .3s ease all;
    opacity: 0;
}

.collection_detail_collection_items .show_product_detail_text h4 {
    color: #2b4660;
    font-family: "kaleko book";
    font-weight: bold;
    font-size: 2vh;
    margin-top: 10px;
    letter-spacing: 2px;
    line-height: 3vh;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 80%;
}


.collection_detail_collection_item:hover img {
    scale: 1.1;
}

.collection_footer_padding_center {
    padding: 0 calc(25px + 5% + 2.3vh);
}

/* Product Detail */

.section_1_collection_product-detail {
    margin-top: 14vh;
    padding: 0 25px;
}

.section_1_collection_product-detail_header {
    display: flex;
    justify-content: left;
    align-items: baseline;
    width: calc(90% - 25px);
    border-bottom: 1px solid #c6c6c6;
    margin-bottom: 50px;
}

.collection_product_write {
    display: flex;
    justify-content: left;
    align-items: center;
    flex-wrap: wrap;
}

.collection_product_write h2 {
    margin: 0;
    font-family: "GeoSlab703 Lt BT";
    font-size: 3.5vh;
    font-weight: bold;
    color: #EBAC8B;
    padding-left: 90px;
    padding-bottom: 20px;
    border-bottom: 3px solid #EBAC8B;
}

.collection_product_write_sub h3 {
    margin: 0;
    font-family: "GeoSlab703 Lt BT";
    font-size: 2.5vh;
    font-weight: bold;
    color: #2b4660;
    padding-bottom: 20px;
}

.collection_product_write_sub h3 a {
    color: #2b4660 !important;
    text-decoration: none !important;
    cursor: pointer;
}


.collection_product_write_sub h3 span {
    color: #EBAC8B;
    font-family: "GeoSlab703 Lt BT";
    font-size: 3.5vh;
    font-weight: lighter;
}

.collection_product_detail_desc_and_img {
    justify-content: space-between;
    align-items: start;
    width: calc(90% - 25px);
    padding-left: 90px;
    box-sizing: border-box;
    margin-bottom: 150px;
    column-gap: 4rem;
    display: grid;
    grid-template-columns: 1.1fr .9fr;
}

.collection_product_detail_desc {
    display: flex;
    flex-direction: column;
    align-items: baseline;
    justify-content: center;
}

.collection_product_detail_desc > * + * {
    margin-top: 30px;
}
.collection_product_detail_desc
h6 {
    color: #EBAC8B;
    font-family: "kaleko book";
    font-weight: lighter;
    font-size: 2vh;
    margin: 0;
}

.collection_product_detail_desc h4 {
    color: #2b4660;
    font-family: "GeoSlab703 Lt BT";
    font-weight: bold;
    font-size: 2.6vh;
    margin: 0;
}



.collection_product_detail_desc .collection_product_detail_description {
    color: #2b4660;
    font-family: "kaleko book";
    font-weight: lighter;
    font-size: 2.0vh;
    line-height: 2.2rem;
    margin: 0;
    width: 500px;
}

.collection_product_detail_desc .collection_product_detail_description p{
    word-wrap: break-word; /* Satır taşmasını önler */
    overflow-wrap: break-word; /* Modern tarayıcılar için */
}

.collection_product_detail_desc_productcode_and_ordertour {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}

.collection_product_detail_desc_productcode {
    display: flex;
    flex-direction: row;
}

.collection_product_detail_desc_productcode label {
    font-family: "kaleko book";
    font-size: 2vh;
    color: #EBAC8B;
    width: 160px;
}

.collection_product_detail_desc_productcode p {
    font-family: "kaleko book";
    font-size: 2vh;
    margin-left: 20px;
}

.collection_product_detail_desc_ordertour {
    display: flex;
    flex-direction: row;
}

.collection_product_detail_desc_ordertour label {
    font-family: "kaleko book";
    font-size: 2vh;
    color: #EBAC8B;
    width: 160px;
}

.collection_product_detail_desc_ordertour p {
    font-family: "kaleko book";
    font-size: 2vh;
    margin-left: 20px;
}

.collection_product_detail_desc_color {
    display: flex;
    flex-direction: row;
    align-items: baseline;
    padding: 1rem 0;
    border-bottom: 1px solid #78808A;
}

.collection_product_detail_desc_color_and_speciification {
    display: flex;
    flex-direction: column;
    width: 30vw;
    margin-bottom: 3rem;
}

.collection_product_detail_desc_color label {
    font-family: "kaleko book";
    font-size: 1.7vh;
    color: #78808A;
    display: flex;
    align-items: center;
    width: 20%;
}

.collection_product_detail_desc_color select {
    text-transform: uppercase;
    border: 0px;
    outline: none;
    font-size: 2.1vh;
    width: inherit;
    width: 100%;
    font-family: "GeoSlab703 Md BT";

}

/* Select okunu gizle */
.collection_product_detail_desc_color select {
    -webkit-appearance: none; /* Safari ve Chrome için */
    -moz-appearance: none;    /* Firefox için */
    appearance: none;         /* Diğer tarayıcılar için */
    background-size: 15px;    /* İkon boyutunu ayarla */
    padding-right: 20px;      /* Sağ tarafta yer aç */
}

.collection_product_detail_desc_color select option {
    text-transform: uppercase;
}

/* Opsiyonel: Select'in kapsayıcısı için stil */
.collection_product_detail_desc_color {
    position: relative;
}

.collection_product_detail_desc_specification {
    display: flex;
    flex-direction: column;
    border-bottom: 1px solid #78808A;
    padding-bottom: 1rem;
    margin-top: 1.2rem;
}

.collection_product_detail_desc_specification:first-child {
    margin-top: 0 !important;
}

.collection_product_detail_desc_specification_header {
    display: flex;
    justify-content: space-between;
    cursor: pointer;

}

.collection_product_detail_desc_specification_header label {
    font-family: "kaleko book";
    font-size: 1.7vh;
    color: #78808A;
    display: flex;
    align-items: center;
}

.collection_product_detail_desc_specification_header_icon  {
    width: 27px;
    transform: rotate(90deg);
    margin-right: 7px;
}

.collection_product_detail_desc_specification_header_icon img {
    width: 100%;
    height: 100%;
}

.collection_product_detail_desc_specification .dropdown {
    font-family: "kaleko book";
    font-size: 1.5vh;
    color: #2B4660;
    display: flex;
    align-items: center;
    line-height: 3vh;
    margin-bottom: 1rem;
    padding-top: 3rem;
}

.collection_product_detail_desc_operations {
    width: 30vw;
    display: flex;
    justify-content: unset;
    gap:1vh;
}

.collection_product_detail_desc_operations_quantity {
    display: flex;
    align-items: center;
    column-gap: 10px;
    padding: .5rem .5rem;
    border: 1px solid #78808A;
}

.collection_product_detail_desc_operations_quantity .increase {
    font-family: "kaleko book";
    font-size: 2.8vh;
    background: transparent;
    outline: none;
    border: none;
    cursor: pointer;
    width: 20px;
    height: 20px;
}

.collection_product_detail_desc_operations_quantity .quantity_border {
    width: 20px;
    height: 1px;
    border: 1px solid #000;
}

.increase-decrease-btn .quantity_border {
    width: 20px;
    height: 1px;
    border: 1px solid #000;
}

.collection_product_detail_desc_operations_quantity .quantity {
    font-family: "kaleko book";
    font-size: 2.5vh;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: relative;
    bottom: -2px;
    border: none;
    outline: none;
    background: transparent;
    min-width: 3ch !important;
}

.collection_product_detail_desc_operations_quantity .quantity::-webkit-outer-spin-button,
.collection_product_detail_desc_operations_quantity .quantity::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.collection_product_detail_desc_operations_quantity .decrease {
    font-family: "kaleko book";
    font-size: 2.8vh;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    outline: none;
    border: none;
    background: transparent;
    cursor: pointer;
}

.collection_product_detail_desc_operations_quantity .decrease .quantity_border:first-child {
    transform: translateY(100%);
}

.collection_product_detail_desc_operations_quantity .decrease .quantity_border:last-child {
    transform: rotate(90deg);
}

.collection_product_detail_desc_operations_quantity span {
    display: none;
}


.increase-decrease-btn .quantity_border:first-child {
    transform: rotate(0deg) translateY(100%) !important;
}

.increase-decrease-btn .quantity_border:last-child {
    transform: rotate(90deg);
}

.increase-decrease-btn span {
    display: none;
}


.collection_product_detail_desc_operations_addproduct {
    font-family: "kaleko book";
    font-size: 1.7vh;
    display: flex;
    align-items: center;
    letter-spacing: 2px;
    padding: .5rem 4.2rem;
    background-color: #EBAC8B;
    display: flex;
    border: 1px solid #EBAC8B;
    color: #2B4660;
    column-gap: 15px;
    outline: none;
    cursor: pointer;
    transition: .3s;
}

.collection_product_detail_desc_operations_addproduct:hover {
    background-color: #2B4660;
    color: #EBAC8B;
}

.collection_product_detail_desc_operations_addproduct_icon {
    display: flex;
    align-items: center;
}

.collection_product_detail_desc_operations_addproduct_icon svg {
    fill: #2B4660;
    transition: .3s;
}

.collection_product_detail_desc_operations_addproduct:hover .collection_product_detail_desc_operations_addproduct_icon svg {
    fill: #EBAC8B;
}

.collection_product_detail_desc_operations_addproduct_icon img {
    width: 25px;
    height: auto;
}






.collection_product_detail_image {
    display: grid;
    grid-template-columns: 13rem calc(100% - 17rem);
    column-gap: 4rem;
    justify-content: space-between;
    align-items: start;
    overflow: hidden;

}

.collection_product_detail_image .new_product_section {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.new_product_section .collection_product_detail_image_image_wrapper {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}

.new_product_section .collection_product_detail_image_image_wrapper a {
    padding-right: 20px;
}

.new_product_section .collection_product_detail_image_image_wrapper img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.collection_product_detail_image .new_product_section h3 {
    font-family: "GeoSlab703 Lt BT";
    font-size: 1.5vh;
    font-weight: bold;
    color: #EBAC8B;
}

.collection_product_detail_image .new_product_section h2 {
    font-family: "GeoSlab703 Lt BT";
    font-size: 2.4vh;
    font-weight: bold;
    color: #2b4660;
}

.collection_product_detail_image .new_product_section {
    height: 100%;
    object-fit: cover;
}

.collection_product_detail_image .collection_product_detail_image_wrapper {
    height: auto;
}

.collection_product_detail_image .collection_product_detail_image_wrapper .swiper {
    height: 100%;
    width: 100%;
}

.collection_product_detail_image .collection_product_detail_image_wrapper .swiper-slide {
    background-position: center;
    background-size: cover;
}

.collection_product_detail_image .collection_product_detail_image_wrapper .swiper-slide img {
    display: block;
    width: 100%;
    object-fit: cover;
    object-position: center;
    transition: .6s;
    width: 100%;
    height: 100%;
}

.collection_product_detail_image .collection_product_detail_image_wrapper .swiper .swiper-pagination-bullet-active {
    background-color: #EBAC8B !important;
}

.collection_product_detail_collection_items {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    width: calc(90% - 25px);
    margin-bottom: 200px;
    padding-left: 90px;
    box-sizing: border-box;
}

.collection_product_detail_collection_item {
    height: 75vh;
    overflow: hidden;
    flex: 1 1 30%;
}

.collection_product_detail_collection_item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: .6s;
}

.collection_product_detail_collection_item:hover img {
    scale: 1.1;
}

.collection_product_footer_padding_center {
    padding: 0 calc(25px + 5% + 2.3vh);
}

/* Blog */

.section_1_blog {
    width: 100%;
    position: relative;
    z-index: 1;
}

.section_2_blog {
    padding: 0 calc(25px + 5% + 2.3vh);
}

.section_1_blog h1 {
    margin: 0;
    text-align: center;
    color: white;
    position: absolute;
    font-family: "GeoSlab703 Lt BT";
    font-weight: lighter;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 7vh;
    width: 100%;
    opacity: 0;
    transition: 2s;
}

.section_2_blog_header_center {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.section_2_blog_header {
    width: 100%;
    border-bottom: 1px solid #c6c6c6;
    margin-bottom: 25px;
}

.section_2_blog_header h3 {
    font-size: 5vh;
    color: #c6c6c6;
    font-family: "GeoSlab703 Lt BT";
    font-weight: lighter;
    margin: 20px 0 10px 0;
    transform: translateX(-100%);
    transition: 1s;
}

.section_2_blog_header_write {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    gap: 20px;
    margin-bottom: 20px;
}

.section_2_blog_header_write h4 {
    color: #EBAC8B;
    font-family: "kaleko book";
    font-weight: lighter;
    font-size: 1.9vh;
}

.section_2_blog_header_write h2 {
    color: #2b4660;
    font-size: 5vh;
    font-family: "GeoSlab703 Lt BT";
    margin: 0;
}

.section_3_blog_all_blogs {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: wrap;
    /*gap: 20px;*/
    padding: 0 calc(25px + 5% + 2.3vh);
}

.blog_blogs {
    width: 32%;
    position: relative;
    height: 50vh;
    overflow: hidden;
    cursor: pointer;
    margin-top: 30px;
}

.blog_blogs img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    position: absolute;
    z-index: 2;
    scale: 1.1;
    transition: 0.6s;
}

.blog_blogs:hover img {
    scale: 1;
}

.blue_overlay_blog {
    width: 100%;
    height: 100%;
    background-color: rgba(54, 80, 113, 0.6);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
}

.blog_desc {
    width: 100%;
    position: absolute;
    z-index: 4;
    bottom: 30px;
    display: flex;
    justify-content: space-between;
    padding: 0 5%;
    box-sizing: border-box;
    align-items: center;
}

.blog_desc h5 {
    color: rgba(255, 255, 255, 1);
    font-size: 2vh;
    margin: 0;
    font-family: "GeoSlab703 Lt BT";
    letter-spacing: 2px;
}

.blog_desc h2 {
    color: rgba(255, 255, 255, 0.7);
    font-size: 5vh;
    margin: 0;
    font-family: "FoglihtenNo07";
    font-weight: lighter;
}

.blog_info {
    position: absolute;
    z-index: 4;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.blog_info p {
    color: #EBAC8B;
    font-size: 3vh;
    font-family: "kaleko book";
    margin: 0;
    transform: translateX(-200%);
    transition: 0.5s;
}

.blog_blogs:hover .blog_info p {
    transform: translateX(0);
}

.blog_link a {
    color: white;
    font-size: 1.2vh;
    position: absolute;
    bottom: 10px;
    padding: 0 5%;
    text-decoration: none;
    font-family: "GeoSlab703 Lt BT";
    transform: translateY(200%);
    transition: 0.5s;
}

.blog_link {
    position: absolute;
    z-index: 4;
    width: 100%;
    height: 100%;
}

.blog_blogs:hover .blog_link a {
    transform: translateY(0);
}

.peshtemal_house_docs_link_story_2 {
    margin: 75px 0 75px 0;
    width: 100%;
    text-align: center;
    border-bottom: 1px solid rgba(43, 70, 96, 0.7);
    border-top: 1px solid rgba(43, 70, 96, 0.7);
    padding: 30px 0;
}

.peshtemal_house_docs_link_story_2 a {
    text-decoration: none;
}

.peshtemal_house_docs_link_story_2 a h3 {
    margin: 0;
    font-size: 2vh;
    font-family: "kaleko light";
    color: #2b4660;
    font-weight: bold;
    letter-spacing: 1px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.peshtemal_house_docs_link_story_2 a h3 svg {
    width: 5vh;
    height: 5vh;
}

.peshtemal_house_docs_link_story_2 a h3 svg path {
    stroke: #2b4660;
    stroke-width: 1.2;
}

.section_2_blog_detail {
    width: 100%;
}

.section_2_blog_detail_img {
    width: 100%;
    height: 600px;
    box-sizing: border-box;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: baseline;
    padding: 0 12.5%;
}

.section_2_blog_detail_img img {
    width: 100%;
    object-fit: cover;
    object-position: top;
}

.section_2_blog_detail_img_write {
    width: 100%;
    margin: 40px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "GeoSlab703 Lt BT";
    color: #2b4660;
    font-size: 2.3vh;
    padding: 0 12.5%;
}

.section_2_blog_detail_header_desc {
    width: 100%;
    margin: 40px 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #2b4660;
    font-size: 2.3vh;
    padding: 0 10%;
}

.section_2_blog_detail_header_desc h3 {
    width: 100%;
    font-family: "GeoSlab703 Lt BT";
    font-size: 3vh;
    margin-bottom: 10px;
}

.section_2_blog_detail_header_desc p {
    width: 100%;
    font-family: "GeoSlab703 Lt BT";
    font-size: 2.3vh;
    line-height: 3vh;
}

.why_peshtemal_desc_div_img {
    overflow: hidden;
}

.why_peshtemal_desc_write_img:hover img {
    scale: 1.05;
}

.blog_detail_image_two {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-content: center;
    align-items: center;
    gap: 20px;
}

.blog_detail_image_two_wrapper {
    padding: 0 12.5%;
}

.blog_detail_image_two div {
    overflow: hidden;
    width: 100%;
}

.blog_detail_image_two img {
    width: 100%;
    height: 70vh;
    object-fit: cover;
    transition: 0.6s;
}

.blog_detail_image_two div:hover img {
    scale: 1.05;
}

/* Blog */

/* Contact */

.section_1_contact {
    width: 100%;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.section_1_contact h1 {
    margin: 0;
    text-align: center;
    color: white;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 5vh;
    width: 100%;
    font-family: "GeoSlab703 Md BT";
    font-weight: lighter;
    opacity: 0;
    transition: 2s;
}

.contact_nuber_and_desc {
    display: flex;
    width: 100%;
    justify-content: space-evenly;
    align-items: center;
    position: absolute;
    bottom: 1vh;
    overflow: hidden;
}

.contact_nuber_and_desc a {
    text-decoration: none;
}

.contact_number_email {
    display: flex;
    justify-content: center;
    align-items: center;
    /*gap: 20px;*/
    opacity: 0;
    transition: 1.5s;
}

.contact_nuber_and_desc a:first-child .contact_number_email {
    transform: translateX(-100%);
}

.contact_nuber_and_desc a:last-child .contact_number_email {
    transform: translateX(100%);
}

.contact_icon {
    width: 70px;
    height: 70px;
    display: grid;
    margin-right: 20px;
    place-items: center;
    border-radius: 50%;
    border: 2px solid #2b4660;
}

.contact_icon i {
    font-size: 3vh;
    color: #2b4660;
}

.contact_info {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: baseline;
}

.contact_info h3 {
    margin: 0;
    color: #2b4660;
    font-size: 2vh;
    font-family: "kaleko book";
    font-weight: lighter;
}

.contact_info span {
    color: #2b4660;
    font-size: 3vh;
    text-decoration: none;
    font-weight: bold;
    font-family: "GeoSlab703 Lt BT";
}

.section_2_contact {
    padding: 0 calc(80px + 5% + 2.3vh);

}

.contact_desc {
    width: 55%;
    display: flex;
    justify-content: center;
    align-items: baseline;
    margin-bottom: 150px;
    flex-direction: column;
}

.contact_desc_header {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: baseline;
    /*gap: 20px;*/
    margin-bottom: 20px;
}

.contact_desc_desc {
    width: 70%;
    display: flex;
    justify-content: space-around;
    align-items: baseline;
    flex-direction: column;
    /*gap: 20px;*/
}

.contact_desc_header h4 {
    color: #EBAC8B;
    font-family: "kaleko book";
    font-weight: lighter;
    font-size: 2vh;
    margin: 0 0 20px 0;
}

.contact_desc_header h3 {
    color: #2b4660;
    font-family: "GeoSlab703 Lt BT";
    font-weight: bold;
    font-size: 3vh;
    margin: 0;
}

.contact_desc_desc_is {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: baseline;
    width: 95%;

}

.contact_desc_desc_information {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: baseline;
    height: max-content;
    /*gap: 25px;*/
    width: 70%;
}

.contact_desc_desc_information strong{
    font-weight: bold !important;
    color: #EBAC8B;
}

.contact_desc_desc_is div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: baseline;
    /*gap: 10px;*/
}

.contact_desc_desc_is div h6 {
    margin: 0 0 20px 0;
    color: #EBAC8B;
    font-family: "GeoSlab703 Lt BT";
    font-weight: bold;
    font-size: 3vh;
}

.contact_desc_desc_is div p {
    margin: 0 0 20px 0;
    font-family: "kaleko book";
    font-weight: lighter;
    color: #2b4660;
    font-size: 2.2vh;
    line-height: 4vh;
    letter-spacing: 1px;
}

.contact_desc_desc_information h6 {
    margin: 0 0 20px 0;
    color: #EBAC8B;
    font-family: "GeoSlab703 Lt BT";
    font-weight: bold;
    font-size: 3vh;
}

.contact_desc_desc_information p {
    margin: 0 0 20px 0;
    font-family: "kaleko book";
    /*font-weight: lighter;*/
    color: #2b4660;
    font-size: 1.6vh;
    letter-spacing: 1px;
    /* line-height: 2.5vh; */
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.contact_desc_desc_information p span {
    width: 50%;
    text-align: left;
}

.contact_desc_desc_information p a {
    text-decoration: none;
    color: #2b4660;
    width: 50%;
    text-align: left;
}

.section_2_contact_header {
    width: 100%;
    border-bottom: 1px solid #c6c6c6;
    margin-bottom: 40px;
}

.section_2_contact_header h3 {
    font-size: 5vh;
    color: #c6c6c6;
    margin: 40px 0 10px 0;
    padding-left: 20px;
    font-family: "GeoSlab703 Lt BT";
    font-weight: lighter;
    transform: translateX(-100%);
    transition: 1s;
}

.contact_center_login {
    width: 100%;
    display: flex;
    justify-content: space-evenly;
    padding: 100px calc(10% + 75px);
    box-sizing: border-box;
}

.section_1_why_peshtemal {
    width: 100%;
    position: relative;
    z-index: 1;
}

.section_1_why_peshtemal h1 {
    margin: 0;
    text-align: center;
    color: white;
    position: absolute;
    font-family: "GeoSlab703 Lt BT";
    font-weight: lighter;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 7vh;
    width: 100%;
    opacity: 0;
    transition: 2s;
}

.why_peshtemal_content {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #c6c6c6;
    padding-bottom: 50px;
    margin-bottom: 50px;
}

.why_peshtemal_header {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 50px;
}

.why_peshtemal_header_div h2:last-child {
    color: #2b4660;
    font-family: "GeoSlab703 Lt BT";
    font-weight: bold;
    font-size: 5vh;
    margin: 0;
}

.why_peshtemal_header_div h4 {
    color: #EBAC8B;
    font-family: "kaleko book";
    font-weight: lighter;
    font-size: 1.7vh;
    margin: 0;
    margin-bottom: 10px;
}

.why_peshtemal_header_div h2:first-child {
    color: rgba(200, 200, 200, 0.7);
    font-family: "FoglihtenNo07";
    font-weight: lighter;
    font-size: 6vh;
    margin: 0;
}

.why_peshtemal_desc_1 {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    /*gap: 50px;*/
    margin-bottom: 100px;
}

.why_peshtemal_desc_div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: baseline;
    width: 45%;
}

.why_peshtemal_desc_div p {
    color: #2b4660;
    font-family: "kaleko book";
    font-weight: lighter;
    font-size: 1.75vh;
    line-height: 3vh;
}

.why_peshtemal_desc_div:first-child div:first-child {
    margin-bottom: 50px;
}

.why_peshtemal_desc_2 {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.why_peshtemal_desc_write_images {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: baseline;
    gap: 20px;
}

.why_peshtemal_desc_write_img {
    display: flex;
    width: 100%;
    flex-direction: column;
    justify-content: center;
    align-items: baseline;
    overflow: hidden;
    transition: 0.6s;
}

.why_peshtemal_desc_write_img img {
    width: 100%;
    transition: 0.6s;
}

.why_peshtemal_desc_write {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: baseline;
}

.why_peshtemal_write_p_div {
    width: 100%;
}

.why_peshtemal_write_p_div p {
    color: #2b4660;
    font-family: "kaleko book";
    font-weight: lighter;
    font-size: 1.75vh;
    line-height: 3vh;
}

.why_peshtemal_write_p_div:first-child {
    margin-bottom: 25px;
    margin-top: -200px;
}

.why_peshtemal_desc_div div:last-child img {
    width: 100%;
}

/* Contact */

/* Panel */

.giris_paneli {
    display: flex;
    justify-content: left;
    align-items: center;
    background-color: transparent;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    position: fixed;
    z-index: 1000;
    pointer-events: none;
    transition: 0.5s ease;
}

.giris_paneli_sol_panel {
    position: relative;
    width: 40%;
    height: 100%;
    background-color: white;
    transform: translateX(-200%);
    transition: 1s ease;
}

.giris_paneli_close {
    position: absolute;
    right: 5vh;
    top: 5vh;
}

.nav_bars_siparis {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.bars_siparis {
    cursor: pointer;
    display: inline-block;
    /* width: 4.794520547945205vh; */
    width: 3.835616438356164vh;
    /* height: 3.4246575342465753vh; */
    height: 2.73972602739726vh;
    position: relative;
    z-index: 2;
    margin-top: -0.7575342465753424vh;
}

.bars_siparis span {
    display: block;
    width: 100%;
    height: 0.273972602739726vh;
    background-color: #2b4660;
    margin: 0.821917808219178vh 0;
    transition: all 0.4s ease;
    border-radius: 0.684931506849315vh;
    transition: 0.6s;
}

.bars_siparis span {
    height: 0.273972602739726vh;
}

.bars_siparis span:nth-child(1) {
    transform: rotate(45deg);
    transform-origin: 100% 100%;
    position: absolute;
    /* top: 0.547945205479452vh; */
    top: 0.4383561643835616vh;
    left: 0px;
    width: 43%;
}


.bars_siparis span:nth-child(2) {
    transform: rotate(-45deg);
    transform-origin: 50% 50%;
    position: absolute;
    /* top: 0.821917808219178vh; */
    top: 0.6575342465753424vh;
}

.bars_siparis span:nth-child(3) {
    transform: rotate(45deg);
    transform-origin: 100% 100%;
    position: absolute;
    /* top: 2.6027397260273974vh; */
    top: 2.0821917808219177vh;
    /* left: 2.0547945205479454vh; */
    left: 1.643835616438356vh;
    width: 43%;
}

.nav_bars_siparis .circle-border circle {
    stroke-dashoffset: 10;
    /*stroke: #2b4660;*/
}

.giris_paneli_sol_panel_content {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 15%;
    padding-top: 100px;
    box-sizing: border-box;
}

.giris_paneli_header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-top: 40px;
}

.giris_paneli_header h1 {
    font-family: "FoglihtenNo07";
    font-weight: lighter;
    font-size: 9vh;
    color: rgba(200, 200, 200, 0.7);
    margin: 0;
}

.giris_paneli_header h4 {
    font-family: "kaleko book";
    font-size: 1.6vh;
    font-weight: lighter;
    color: #EBAC8B;
    margin: 0;
}

.giris_paneli_header h2 {
    font-family: "GeoSlab703 Lt BT";
    font-size: 3.5vh;
    font-weight: bold;
    color: #2b4660;
    margin: 0;
    margin-top: 30px;
}

.giris_paneli_header p {
    font-family: "kaleko book";
    font-size: 1.6vh;
    font-weight: lighter;
    color: #2b4660;
    text-align: center;
    margin: 0;
    margin-top: 30px;
}

.giris_paneli_form {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.giris_paneli_form form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-top: 40px;
}

.form_header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: end;
    width: 100%;
}

.form_input {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: .5rem;
}

.form_input input {
    padding: 10px;
    width: 48%;
    height: 100%;
    font-size: 16px;
    box-sizing: border-box;
    border: 1px solid #c6c6c6;
}

.form_input input::placeholder {
    color: #c6c6c6;
}

.form_pass_forget {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: end;
}

.form_pass_forget a:first-child {
    margin-top: 0px !important;
}

.form_pass_forget a {
    text-decoration: none;
    cursor: pointer;
    color: #2b4660;
    font-family: "kaleko book";
    font-weight: lighter;
    font-size: 1.5vh;
    margin-top: 10px;
}

.form_submit {
    width: 100%;
    margin-top: 40px;
}

.form_submit button {
    width: 100%;
    height: 6vh;
    border: none;
    color: white;
    font-family: "kaleko light";
    word-spacing: 1vh;
    font-size: 1.75vh;
    background-color: #2b4660;
    cursor: pointer;
    transition: 0.5s;
    display: flex;
    justify-content: center;
    align-items: center;
}

.form_submit button svg path {
    transition: 0.6s;
}

.form_submit button:hover,
.form_submit button:hover svg path {
    background-color: #EBAC8B;
    color: #2b4660;
    stroke: #2b4660;
}

.form_submit button svg {
    width: 3.5vh;
    height: 3.5vh;
    margin-left: 1vh;
}

.form_submit button svg path {
    stroke: #fff;
    stroke-width: 0.8;
}

.siparis_paneli {
    display: flex;
    justify-content: left;
    align-items: center;
    background-color: transparent;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    position: fixed;
    z-index: 1000;
    pointer-events: none;
    transition: 0.5s ease;
}

.siparis_paneli_sol_panel {
    position: relative;
    width: 40%;
    height: 100%;
    background-color: white;
    transform: translateX(-200%);
    transition: 1s ease;
}

.siparis_paneli_close {
    position: absolute;
    right: 5vh;
    top: 5vh;
}

.siparis_paneli_sol_panel_content {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0 15%;
    padding-top: 100px;
    box-sizing: border-box;
    gap: 6vh;
}

.siparis_paneli_header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 2.5vh;
    text-align: center;
}

.siparis_paneli_header h1 {
    font-family: "FoglihtenNo07";
    font-weight: lighter;
    font-size: 9vh;
    color: rgba(200, 200, 200, 0.7);
    margin: 0;
}

.siparis_paneli_header h4 {
    font-family: "kaleko book";
    font-size: 1.6vh;
    font-weight: lighter;
    color: #EBAC8B;
    margin: 0;
}

.siparis_paneli_header h2 {
    font-family: "GeoSlab703 Lt BT";
    font-size: 3.5vh;
    font-weight: bold;
    color: #2b4660;
    margin: 0;
}

.siparis_paneli_header p {
    font-family: "kaleko book";
    font-size: 1.6vh;
    font-weight: lighter;
    color: #2b4660;
    text-align: center;
    margin: 0;
}

.siparis_paneli_form {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.siparis_paneli_form form {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
    gap: 20px;
}

.form_input_full {
    width: 100%;
}

.form_input_full input {
    padding: 2vh;
    font-size: 1.6vh;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #c6c6c6;
}

.form_input_full input::placeholder {
    color: #c6c6c6;
}

.form_input_textarea {
    width: 100%;
    height: 13vh;
}

.form_input_textarea textarea {
    padding: 2vh;
    font-size: 1.6vh;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border: 1px solid #c6c6c6;
}

.form_input_textarea textarea::placeholder {
    color: #c6c6c6;
}

.giris_panel_kapat_overlay {
    width: 60%;
    height: 100%;
}

.siparis_panel_kapat_overlay {
    width: 60%;
    height: 100%;
}

.cup {
    cursor: pointer;
    display: flex;
    justify-content: left;
    align-items: center;
}

/* Panel */

.corporate_swiper_image img:hover {
    scale: 1.05;
}

.blog_pages a {
    color: #2b4660;
    text-decoration: none;
    font-size: 2.5vh;
}

.blog_pages span {
    color: #2b4660;
    text-decoration: none;
    font-size: 2.5vh;
}

.blog_pages a:hover {
    text-decoration: underline;
    color: #EBAC8B;
}

.active_blog_page {
    color: #EBAC8B !important;
}

.blog_pages {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    padding: 50px 0;
    box-sizing: border-box;
}

#map {
    width: 100%;
    height: 600px;
}

/* Our Story */

.our_story_content {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    gap: 50px;
}

.our_story_desc {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: baseline;
    gap: 70px;
}

.our_story_desc p {
    color: #2b4660;
    font-size: 2vh;
    line-height: 3vh;
    font-family: "kaleko book";
}

.our_story_image {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: baseline;
    gap: 40px;
}

.our_story_image_overflow {
    overflow: hidden;
    width: 100%;
}

.our_story_image_overflow img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.section_2_corporate_content_section_3 {
    padding: 75px calc(10% + 75px);
    box-sizing: border-box;
}

.section_1_our_story {
    width: 100%;
    position: relative;
    z-index: 1;
}

.section_1_our_story h1 {
    margin: 0;
    text-align: center;
    color: white;
    position: absolute;
    font-family: "GeoSlab703 Lt BT";
    font-weight: lighter;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 7vh;
    width: 100%;
    opacity: 0;
    transition: 2s;
}

/* Our Story */

/* Home Swiper */

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

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.homeSwiperPagition {
    overflow: visible !important;
    overflow-x: clip !important;
}

.homeSwiperPagition_pagition {
    bottom: -5vh !important;
    text-align: left !important;
    opacity: 1 !important;
    display: flex;
    /*gap: 1vh;*/
    height: max-content;
}

.homeSwiperPagition_pagition .swiper-pagination-bullet {
    width: 1vh !important;
    height: 1vh !important;
    background-color: white !important;
    opacity: 1 !important;
    /*margin: 0 !important;*/
    transition: .5s;
}

.homeSwiperPagition_pagition .swiper-pagination-bullet-active {
    width: 2vh !important;
    height: 2vh !important;
    margin-top: -0.5vh !important;
}

/* Home Swiper */
.section_2_content_3_write_end_container {
    display: flex;
    justify-content: end;
    align-items: center;
    width: 100%;
}
.section_2_content_3_write_end_left {
    width: 80%;
    height: 30vh;
    display: flex;
    justify-content: unset;
    flex-direction: column;
    align-items: baseline;
    position: relative;
}

.section_2_content_3_write_end_right {
    width: 80%;
    height: 30vh;
    display: flex;
    justify-content: unset;
    flex-direction: column;
    align-items: baseline;
    position: relative;
}

.iconSwiper {
    background: transparent;
    border-radius: 50%;
}

.iconSwiper .swiper-slide {
    background-color: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100% !important;
    height: 100% !important;
    opacity: 0;
    transition: opacity 0.5s ease;
}

.iconSwiper .swiper-slide-active {
    opacity: 1;
}

.iconSwiper .swiper-slide img {
    width: 50%;
    height: 50%;
    object-fit: contain;
    filter: brightness(0) invert(1);
}



.giris_paneli_sol_panel_content h1 {
    font-family: "FoglihtenNo07";
    font-weight: lighter;
    font-size: 9vh;
    color: rgba(200, 200, 200, 0.7);
    margin: 0;
}

#forget_password_form, #register_form {
    display: none;
}



.register_header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 3vh;
    text-align: center;
}

@keyframes fade {
    0% {
        transform: translateX(-55%);
    }

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

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

.panel-login-right-content-mid-box img {
    animation: fade infinite 5s;
}

.login-paths {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.login-paths a {
    text-decoration: none;
    color: #2b4660;
}

.panel-login-right-content-mid-box-before {
    content: "";
    position: absolute;
    background-color: var(--color-orange);
    border-radius: 100%;
    bottom: 10%;
    left: -6%;
    z-index: 3;
    opacity: 1;
    width: 60px;
    height: 60px;
}

.panel-login-right-content-mid-box-after {
    content: "";
    position: absolute;
    background-color: var(--color-white);
    border-radius: 100%;
    top: 10%;
    right: -6%;
    z-index: 3;
    opacity: 1;
    width: 60px;
    height: 60px;
}

.register_header h1 {
    font-family: "FoglihtenNo07";
    font-weight: lighter;
    font-size: 9vh;
    color: rgba(200, 200, 200, 0.7);
    margin: 0;
}

.register_header h4 {
    font-family: "kaleko book";
    font-size: 1.6vh;
    font-weight: lighter;
    color: #EBAC8B;
    margin: 0;
}

.register_header h2 {
    font-family: "GeoSlab703 Lt BT";
    font-size: 3.5vh;
    font-weight: bold;
    color: #2b4660;
    margin: 0;
}

.register_header p {
    font-family: "kaleko book";
    font-size: 1.6vh;
    font-weight: lighter;
    color: #2b4660;
    text-align: center;
    margin: 0;
}

.forget_password_header {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 3vh;
    text-align: center;
}

.forget_password_header h1 {
    font-family: "FoglihtenNo07";
    font-weight: lighter;
    font-size: 9vh;
    color: rgba(200, 200, 200, 0.7);
    margin: 0;
}

.forget_password_header h4 {
    font-family: "kaleko book";
    font-size: 1.6vh;
    font-weight: lighter;
    color: #EBAC8B;
    margin: 0;
}

.forget_password_header h2 {
    font-family: "GeoSlab703 Lt BT";
    font-size: 3.5vh;
    font-weight: bold;
    color: #2b4660;
    margin: 0;
}

.forget_password_header p {
    font-family: "kaleko book";
    font-size: 1.6vh;
    font-weight: lighter;
    color: #2b4660;
    text-align: center;
    margin: 0;
}

.register_header, .forget_password_header {
    display: none;
    gap: 2vh !important;
}

.toast-message {
    font-size: 18px;
}

/*input[type=checkbox] {*/
/*    display: none;*/
/*}*/

@import url('https://fonts.cdnfonts.com/css/times-new-roman');



@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');



.sepet-content {
    flex-direction: column;
    font-family: "GeoSlab703 Lt BT" !important;
}
.sepet-content-top {
    width: 100%;
    display: flex;
    justify-content: center;
    align-content: center;
    gap: 4vw;
    margin-bottom: 3vh;
}
.sepet-left-content {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 52.5vw;
}
.sepet-product-header-container h2 {
    font-family: "GeoSlab703 Lt BT";
    font-weight: bolder;
    font-size: 2.7vh;
    color: #2e5160;
}
.product-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}
.product-content-container {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1.5vw;
}
.product-image-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 120px;
    width: 120px;
    background: #ebebeb;
    border: 0.3vh solid #fff0;
}
.product-image-container img {
    width: auto;
    height: 100%;
}
.product-container {
    font-family: "GeoSlab703 Lt BT";
    height: 175px;
    width: 52.5vw;
    border-top: 1px solid rgb(0 0 0 / 0.2);
}
.product-id {
    font-size: 16px;
}
.product-size {
    font-size: 14px;
}
.summary-content {
    display: flex;
    justify-content: center;
    align-items: unset;
    background: #f1f1f1;
    font-family: "GeoSlab703 Lt BT";
    width: 37.5vw;
    height: 68vh;
}
.summary-product {
    width: 65%;
}
.summary-product-container {
    width: 98.9%;
    display: flex;
    justify-content: left;
    border-bottom: 1px solid rgb(0 0 0 / 0.2);
    align-items: center;
    gap: 170px;
}
.summary-product p:first-child {
    font-size: 16px;
    letter-spacing: 1px;
}
.summary-product p:last-child {
    font-size: 16px;
}
.summary-product span {
    font-size: 16px;
}
.sepet-product-campaign-text-container {
    font-family: "GeoSlab703 Lt BT";
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #2E5160;
    color: #f9f7f3;
    width: 100%;
    height: 8vh;
}

.sepet-product-campaign-text-container p {
    font-weight: bolder;
}
.product-price {
    font-size: 16px;
}
.product-amount {
    font-size: 16px;
}
.product-delete {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 12px;
    position: absolute;
    top: 15%;
    right: 0;
    cursor: pointer;
}
.product-name {
    display: flex;
    font-size: 18px;
    width: 200px;
}
.summary-container {
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 1.5rem;
    width: 100%;
}

.summary-container p {
    margin: 1em 0;
}

.summary-product-total {
    font-size: 16px;
}

.summary-buy-button button {
    margin-top: 4px;
    border: 1px solid #2e5160;
    color: #fff;
    letter-spacing: 1px;
    font-size: 1.8vh;
    font-weight: 500;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #2e5160;
    width: 100%;
    padding: 15px 0;
    cursor: pointer;
    transition: 0.3s;
}

.summary-buy-button button.notactive {
    cursor: not-allowed;
}

.summary-buy-button button:hover {
    border: 1px solid #2e5160;
    background: #EBAC8B;
    color: #2e5160;
}

.summary-header {
    font-size: 2vh;
    font-weight: lighter;
}

.summary-buy-button-text-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 20px;
}

.summary-desc {
    display: flex;
    justify-content: left;
    align-items: center;
    font-size: 11px;
    gap: 5px;
}

.summary-desc-image-container {
    display: flex;
    justify-content: center;
    align-items: baseline;
    gap: 15px;
}
.summary-desc-image-container img {
    height: 22px;
    width: 80px;
    object-fit: cover;
}
.summary-desc-image-container img:last-child {
    height: 22px;
    width: 100px;
    object-fit: cover;
}
.value {
    font-family: "GeoSlab703 Lt BT";
    font-size: 0.6vw;
}
.sepet-gift-options-child {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 9vw;
    width: 100%;
    height: 130px;
    padding: 2vh 0;
    border-bottom: 1px solid rgb(0 0 0 / 0.2);
}
.sepet-gift-options-child-image-container img {
    height: 100%;
    width: 100%;
}
.sepet-gift-options-container-header {
    color: #2e5160;
    font-family: "GeoSlab703 Lt BT";
    font-size: 19px;
}
.sepet-gift-options-child-header {
    font-family: "GeoSlab703 Lt BT";
    font-size: 16px;
    font-weight: 600;
}
.sepet-gift-options-child-text {
    font-family: "GeoSlab703 Lt BT";
    font-size: 14px;
    font-weight: 300;
}
.sepet-gift-options-child-text p {
    margin-top: 10px !important;
}

.sepet-gift-options-content {
    display: flex;
    justify-content: left;
    align-items: center;
    gap: 3vw;
    width: 25vw;
}
.sepet-gift-options-price {
    font-family: "GeoSlab703 Lt BT";
    font-size: 16px;
    color: #2e5160;
}
.sepet-gift-options-price:first-child {
    color: #000;
}
.sepet-gift-options-add-basket button {
    font-family: "GeoSlab703 Lt BT";
    background: #fff0;
    font-size: 14px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid rgb(46 81 96 / 0.4);
    border-radius: 5%;
    width: 100%;
    padding: 10px 8px;
    cursor: pointer;
    transition: background 0.3s, border 0.3s;
}
.sepet-gift-options-add-basket button {
    color: #2e5160;
}
.sepet-gift-options-add-basket button:hover {
    background: #2e5160;
}
.sepet-gift-options-add-basket button:hover {
    color: #fff;
}
.promo-container {
    display: flex;
    align-items: center;
    border: 1px solid #2e5160;
    border-radius: 6px;
    padding: 12px;
    width: 100%;
    background-color: #fff;
    margin-bottom: 20px;
}
.promo-container input {
    font-size: 16px;
    border: none;
    outline: none;
    text-decoration: none;
}

.promo-input {
    flex: 1;
    border: none;
    outline: none;
    padding: 6px;
    color: #888;
    background: transparent;
}

.promo-button {
    border: none;
    background: none;
    color: #2e5160;
    font-size: 13px;
    font-weight: bold;
    cursor: pointer;
    text-transform: uppercase;
}

.green {
    color: #16a34a;
}

/* yeni eklendi */

.collection_product_write .collection_product_write_sub_res h3 {
    font-family: "GeoSlab703 Lt BT" !important;
    color: #2b4660 !important;
    font-size: 15px;
    margin-left: -33px;
    padding-left: 40px;
}

collection_product_write .collection_product_write_sub_res h3 a{
    cursor: pointer;
    text-decoration: none !important;
    color: #2b4660 !important;
}

.swiper-product-image {
    width: 200px;
    height: 340px;
}

.swiper-product-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.swiper-product-text {
    font-size: 16px;
    width: 90%;
    display: flex;
    justify-content: left !important;
    align-items: center;
}

.swiper-product-colors {
    font-size: 13px;
    width: 90%;
    display: flex;
    flex-wrap: wrap;
    justify-content: left;
    align-items: center;
    column-gap: 5px;
}

.swiper-product-colors span {
    border-radius: 10px;
    padding: 2px 4px;
    background-color: #fff;
    border: 1px solid rgb(46 81 96 / 0.4);
}

.swiper-product-category {
    width: 90%;
    display: flex;
    justify-content: left;
    align-items: center;
    font-weight: 150;
    font-size: 16px;
    text-transform: uppercase;
}

.CartSwiper .swiper-slide {
    font-family: "GeoSlab703 Lt BT";
    color: #000000;
    text-decoration: none;
    padding: 0 10px;
    box-sizing: border-box;
    text-align: left;
    font-size: 0.8vw;
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: center;
    row-gap: 1vw;
    width: 250px;
    height: 100%;
}

.CartSwiper {
    overflow: visible !important;
    padding-bottom: 30px !important;
}

.CartSwiper .swiper-wrapper {
    overflow: visible;
}
.CartSwiperContainer-header {
    margin: 30px;
    padding-left: 30px;
}
.CartSwiperContainer-header h2{
    font-family: "GeoSlab703 Lt BT";
    font-weight: bolder;
    font-size: 2.7vh;
    color: #2e5160;
}

.CartSwiperContainer {
    overflow-x: clip;
    overflow-y: visible;
}
.CartSwiper .swiper-button-next {
    position: absolute;
    top: -4.9vh;
    right: 3vw;
    z-index: 10;
    color: #2e5160;
}
.CartSwiper .swiper-button-prev {
    position: absolute;
    top: -4.9vh;
    left: 91.5vw;
    z-index: 10;
    color: #2e5160;
}

.sepet-product-campaign-container {
    padding: 5px 0;
}

.sepet-gift-options-child-image-container {
    width: 100px;
    height: 100px;
}

.sepet-gift-options-text-container {
    width: 50%;
}

.cart {
    overflow-y: hidden;
}

.counter {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border: 1px solid #78808A;
    padding: .5rem .5rem;
    background-color: transparent;
}

.increase-decrease-btn {
    background-color: transparent;
    border: 0;
    color: #000;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    height: 15px;
}

.increase-decrease-value-btn {
    font-size: 16px;
    font-weight: bold;
}

.product-text-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.CartSwiper .swiper-button-next:after, .CartSwiper .swiper-button-prev:after {
    content: '' !important;
}

/* Notice Codes */

.notice {
    border-radius: 0.375rem !important;
    border-color: rgba(220, 53, 69, 1) !important;
    border: 1px solid #dee2e6;
    display: flex;
    background-color: #fff5f8 !important;
    padding: 1.5rem;
    width: 100%;
}

.notice .svg-icon {
    margin-right: 1.5rem !important;
    line-height: 1;
}

.svg-icon.svg-icon-2tx svg {
    height: 2.75rem !important;
    width: 2.75rem !important;
}

.svg-icon.svg-icon-danger svg [fill]:not(.permanent):not(g) {
    transition: fill .3s ease;
    fill: #f1416c;
}

.notice .text__wrapper {
    display: flex;
    flex-grow: 1;
    justify-content: space-between;
    align-items: center;

}
.notice .text__wrapper h4 {
    color: #181c32 !important;
    font-weight: bolder !important;
    font-family: "kaleko book";
    font-size: 1.5vh;
}

.custom-file-label {
    background-color: #F0F0F0;
    padding: .1rem .6rem;
    border: 1px solid #000;
}
/* Registration */
/*  */
.panel-login-left-bottom,
.panel-login-left-top {
    width: 75%;
    margin: 0 auto;
}

.panel-login {
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: 100vh;
}

.panel-login-left {
    padding: 0rem 5rem;
    padding-bottom: 0;
}


.main-panel-login .panel-login-left {
    padding-top: 12rem;
}

.panel-login-left,
.panel-login-right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 100px;
    width: 100%;
}

.panel-login-inputs {
    display: flex;
    flex-direction: column;
}

.panel-login-input-wrapper {
    margin-bottom: 20px;
}

.panel-login-input {
    position: relative;
}

.multiple-panel-login-input-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.multiple-panel-login-input-wrapper .panel-login-input:nth-child(1) {
    margin-right: 30px;
}

.panel-login-left-header {
    display: grid;
    width: 100%;
    grid-template-columns: 1fr;
    gap: 30px;
}


.panel-login-left-header-item {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 10px;
    gap: 10px;
    cursor: pointer;
    border-bottom: 2px solid transparent;
    transition: all .3s ease;
    padding: 1rem;
}

.panel-login-left-content .register-main-btn  {
    background-color: #2b4660 !important;
    color: #fff;
}

.panel-login-left-content .register-main-btn:hover {
    background-color: #EBAC8B !important;
    color: #2b4660 !important;
    stroke: #2b4660 !important;

}


.panel-login-left-header-item.active {
    border-bottom: 2px solid #2b4660;

}

.panel-login-left-header-item h2 {
    color: #2b4660;
    font-size: 1.4rem;
}

.panel-login-left-header {
    color: #2b4660;
    font-size: 1.4rem;
}

.panel-login-left-header input {
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
}

.panel-login-inputs input,
.panel-login-inputs select {
    width: 100%;
    border: 1px solid #D0D0D0;
    outline: none;
    border-radius: var(--border-radius-size);
    padding: 1rem 1.5rem;
}

.panel-login-inputs .select2-container .select2-selection--single {
    height: auto !important;
    background-color: transparent !important;
    border-radius: var(--border-radius-size) !important;
    padding: 1rem 1.5rem !important;
    width: 100%;
    border: 1px solid #D0D0D0 !important;
    display: flex;
    align-items: center;
}


.phone-panel-login-input span {
    position: absolute;
    left: 5%;
    top: 50%;
    transform: translateY(-50%);
    font-family: var(--main-font-medium);
}

.phone-panel-login-input input {
    padding-left: 3rem;
}

.panel-login-input-wrapper-bayi {
    display: none;
}

.panel-login-input-kvkk {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 0;
    padding-left: 1rem;
}


.panel-login-input-kvkk input[type=checkbox] {
    width: 18px;
    height: 18px;
    border: var(--color-blue);
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    padding: 0;
}

.panel-login-input-kvkk input[type=checkbox]:before {
    font-family: "FontAwesome";
    content: "\f00c";
    font-size: 15px;
    color: transparent !important;
    width: 18px;
    height: 18px;
    border: 1px solid var(--color-blue);
    margin-right: 7px;
    border-radius: 4px;
}

.panel-login-input-kvkk input[type=checkbox]:checked:before {
    color: var(--color-blue) !important;
}

.panel-login-input-kvkk a {
    color: var(--color-blue);
}

.panel-login-header-text {
    text-align: center;
    padding: 2rem;
    color: #7B7B7B;
    font-size: 1.2rem;
}

/*  */
.panel-login-right {
    position: relative;
}

.panel-login-right-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.panel-login-right-bg img {
    width: 100%;
    height: 100%;
    position: relative;
    object-fit: cover;
    /* opacity: 0.39; */
    z-index: -2;
}

.panel-login-right-bg-color {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #105F9C;
    opacity: .6;
    z-index: -1;
    pointer-events: none;
}

.panel-login-right-content {
    width: 50%;
    margin: 0 auto;
    padding-top: 4rem;
}

.main-panel-login .panel-login-right-content {
    width: 56%;
}

.panel-login-right-logo {
    display: flex;
    justify-content: center;
    padding-bottom: 4rem;
}


.panel-login-right-success-membership {
    transform: translateY(10%);
    opacity: 0;
    pointer-events: none;
    transition: all .5s ease;
}

.panel-login-right-success-membership.active {
    opacity: 1;
    transform: translateY(0%);
    pointer-events: all;
}

.panel-login-right-success-membership-ticket {
    position: relative;
    display: flex;
    justify-content: center;
}

.membership-ticket-success-img {
    position: absolute;
    top: 10%;
    left: 10%;
    width: 100px;
    height: 100px;
    background-color: var(--color-white);
    padding: 1.3rem;
    border-radius: 100%;
}

.membership-ticket-success-btn {
    position: absolute;
    bottom: 10%;
    display: flex;
    justify-content: center;
}

.membership-ticket-success-btn .global-button {
    border: 1px solid var(--color-blue);
}

.membership-ticket-success-btn .global-button:hover {
    border: 1px solid var(--color-blue);
}

.panel-login-right-bottom a {
    color: var(--color-white);
    font-size: .8rem;
}

.panel-login-left-bottom span {
    font-size: .8rem;
    color: #1C3752;
}

.panel-login-right-bottom-text {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.panel-login-right-bottom-text p {
    color: var(--color-white);
    text-align: center;
}

.panel-login-remember-pass {
    display: flex;
    justify-content: flex-end;
}

.panel-login-remember-pass span {
    color: var(--color-blue);
    cursor: pointer;
    padding: .5rem;
}

.panel-login-btn {
    display: flex;
    justify-content: flex-end;
    padding-top: 1.5rem;
}


.panel-login-btn button {
    font-family: var(--main-font-medium);
    padding: 1rem 4rem;
    font-size: 1.1rem;
}


.panel-login-right-content-mid-box {
    position: relative;
    display: flex;
    justify-content: center;
    width: 100%;
    height: 580px;
    border-radius: var(--border-radius-size);
    background-color: #ffffff43;
    padding-top: 5rem;
}

.panel-login-right-content-mid-box img {
    position: absolute;
    left: 61%;
    transform: translateX(-50%);
    z-index: 6;
    bottom: 0;
    height: 93%;
}

/* Panel Login */
.panel-login {
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: 100vh;
}


.main-panel-login .panel-login-left {
    padding-top: 12rem;
}

.panel-login-left,
.panel-login-right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 100px;
    width: 100%;
}

.panel-login-inputs {
    display: flex;
    flex-direction: column;
}

.panel-login-input-wrapper {
    margin-bottom: 20px;
}

.panel-login-input {
    position: relative;
}

.multiple-panel-login-input-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.multiple-panel-login-input-wrapper .panel-login-input:nth-child(1) {
    margin-right: 30px;
}

.panel-login-inputs input,
.panel-login-inputs select {
    width: 100%;
    border: 1px solid #D0D0D0;
    outline: none;
    border-radius: var(--border-radius-size);
    padding: 1rem 1.5rem;
}

.panel-login-inputs .select2-container .select2-selection--single {
    height: auto !important;
    background-color: transparent !important;
    border-radius: var(--border-radius-size) !important;
    padding: 1rem 1.5rem !important;
    width: 100%;
    border: 1px solid #D0D0D0 !important;
    display: flex;
    align-items: center;
}


.phone-panel-login-input span {
    position: absolute;
    left: 5%;
    top: 50%;
    transform: translateY(-50%);
    font-family: var(--main-font-medium);
}

.phone-panel-login-input input {
    padding-left: 3rem;
}

.panel-login-input-wrapper-bayi {
    display: none;
}

.panel-login-input-kvkk {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    padding: 0;
    padding-left: 1rem;
}


.panel-login-input-kvkk input[type=checkbox] {
    width: 18px;
    height: 18px;
    border: var(--color-blue);
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    padding: 0;
}

.panel-login-input-kvkk input[type=checkbox]:before {
    font-family: "FontAwesome";
    content: "\f00c";
    font-size: 15px;
    color: transparent !important;
    width: 18px;
    height: 18px;
    border: 1px solid var(--color-blue);
    margin-right: 7px;
    border-radius: 4px;
}

.panel-login-input-kvkk input[type=checkbox]:checked:before {
    color: var(--color-blue) !important;
}

.panel-login-input-kvkk a {
    color: var(--color-blue);
}

.panel-login-header-text {
    text-align: center;
    padding: 2rem;
    color: #7B7B7B;
    font-size: 1.2rem;
}

/*  */
.panel-login-right {
    position: relative;
}

.panel-login-right-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.panel-login-right-bg img {
    width: 100%;
    height: 100%;
    position: relative;
    object-fit: cover;
    /* opacity: 0.39; */
    z-index: -2;
}

.panel-login-right-bg-color {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #105F9C;
    opacity: .6;
    z-index: -1;
    pointer-events: none;
}

.panel-login-right-content {
    width: 50%;
    margin: 0 auto;
    padding-top: 4rem;
}

.main-panel-login .panel-login-right-content {
    width: 56%;
}

.panel-login-right-logo {
    display: flex;
    justify-content: center;
    padding-bottom: 4rem;
}


.panel-login-right-success-membership {
    transform: translateY(10%);
    opacity: 0;
    pointer-events: none;
    transition: all .5s ease;
}

.panel-login-right-success-membership.active {
    opacity: 1;
    transform: translateY(0%);
    pointer-events: all;
}

.panel-login-right-success-membership-ticket {
    position: relative;
    display: flex;
    justify-content: center;
}

.membership-ticket-success-img {
    position: absolute;
    top: 10%;
    left: 10%;
    width: 100px;
    height: 100px;
    background-color: var(--color-white);
    padding: 1.3rem;
    border-radius: 100%;
}

.membership-ticket-success-btn {
    position: absolute;
    bottom: 10%;
    display: flex;
    justify-content: center;
}

.membership-ticket-success-btn .global-button {
    border: 1px solid var(--color-blue);
}

.membership-ticket-success-btn .global-button:hover {
    border: 1px solid var(--color-blue);
}

.panel-login-right-bottom a {
    color: var(--color-white);
    font-size: .8rem;
}

.panel-login-left-bottom span {
    font-size: .8rem;
    color: #1C3752;
}

.panel-login-right-bottom-text {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.panel-login-right-bottom-text p {
    color: var(--color-white);
    text-align: center;
}

.panel-login-remember-pass {
    display: flex;
    justify-content: flex-end;
}

.panel-login-remember-pass span {
    color: var(--color-blue);
    cursor: pointer;
    padding: .5rem;
}

.panel-login-btn {
    display: flex;
    justify-content: flex-end;
    padding-top: 1.5rem;
}


.panel-login-btn button {
    font-family: var(--main-font-medium);
    padding: 1rem 4rem;
    font-size: 1.1rem;
}


.panel-login-right-content-mid-box {
    position: relative;
    display: flex;
    justify-content: center;
    width: 100%;
    height: 580px;
    border-radius: var(--border-radius-size);
    background-color: #ffffff43;
    padding-top: 5rem;
}

.register-kvkk-agree {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-bottom: 13px;
}

.register-kvkk-agree input {
    width: 20px;
    height: 20px;
}

.panel-login-left-bottom, .panel-login-right-bottom {
    padding-bottom: 2rem;
}

.panel-login-right-bottom {
    display: flex;
    justify-content: space-between;
    width: max-content;
    margin: 0 auto;
    gap: 25px;
}

#privacyResponsiveR {
    display: none;
}

/*
.panel-login-right-content-mid-box::before {
  content: "";
  position: absolute;
  background-color: var(--color-orange);
  border-radius: 100%;
  bottom: 10%;
  left: -6%;
  z-index: 3;
  animation: right-mid-box-before 1s forwards;
}

@keyframes right-mid-box-before {
  0% {
    opacity: 0;
    width: 0;
    height: 0;
    transform: translateX(-50%);
  }

  100% {
    opacity: 1;
    width: 60px;
    height: 60px;
    transform: translateX(0%);
  }
}

.panel-login-right-content-mid-box::after {
  content: "";
  position: absolute;
  background-color: var(--color-white);
  border-radius: 100%;
  top: 10%;
  right: -6%;
  z-index: 3;
  animation: right-mid-box-before 1s forwards .2s;
} */

.panel-login-right-content-mid-box-line {
    background-color: var(--color-white);
    position: absolute;
    z-index: 2;
}

.panel-login-right-content-mid-box-line.a1 {
    left: 10%;
    bottom: 20%;
    width: 1px;
    height: 150px;
}

.panel-login-right-content-mid-box-line.a2 {
    bottom: 10%;
    width: 150px;
    height: 1px;
    left: 10%;
    opacity: 0.6;
}

.panel-login-input .select2-container {
    width: 100% !important;
    filter: drop-shadow(2px 2px 3.5px rgba(0, 0, 0, 0.16));
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    background-image: url(../img/optionArrow.png);
    background-repeat: no-repeat;
    border: none !important;
    height: 15px !important;
    width: 15px !important;
    margin: 0 !important;
    position: absolute;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    top: auto !important;
    transform: unset !important;
    transform: rotate(-90deg) !important;
    transform-origin: center center !important;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border: none !important;
    /* transform: rotate(90deg) !important; */
    transform-origin: center center !important;
}


.select2-container--default .select2-selection--single .select2-selection__arrow {
    left: auto !important;
    right: 10px !important;
    bottom: auto !important;
    top: 39% !important;
    transform: unset !important;
}

/* Small Basket */
.small_basket.active {

}

.small_basket.active .small_basket_bg {
    opacity: 1;
    pointer-events: unset;
    cursor: pointer;
}

.small_basket.active .small_basket_wrapper {
    top: 4rem;
    opacity: 1;
    pointer-events: unset;

}

.small_basket .small_basket_bg {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(31, 31, 31, .25);
    z-index: 999;
    opacity: 0;
    pointer-events: none;
    transition: .1s ease opacity;
}

.small_basket_wrapper {
    background-color: #ffffff;
    position: fixed;
    right: 2rem;
    top: 7rem;
    width: 400px;
    height: auto;
    z-index: 1000;
    border-radius: .5rem;
    padding: 1.5rem;
    opacity: 0;
    pointer-events: none;
    transition: .3s ease opacity, .3s ease top;
}

.small_basket_wrapper .small_basket_wrapper-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 2rem;
}

.small_basket_wrapper .small_basket_wrapper-header h3 {
    color: #2b4660;
    font-family: "GeoSlab703 Lt BT";
    font-weight: bold;
    font-size: 2vh;
    margin: 0;
    display: flex;
    column-gap: .5rem;
    align-items: center;
}

.small_basket_wrapper .small_basket_wrapper-header h3 svg {
    height: 1.4vh;
    width: auto;
}

.small_basket_wrapper .small_basket_wrapper-header button {
    outline: none;
    background: none;
    border: none;
    cursor: pointer;
}

.small_basket_wrapper .small_basket_wrapper-header button svg {
    height: 2.1vh;
    width: auto;
}

.basket_product_wrapper {
    margin-bottom: 2rem;
    max-height: 65vh;
    overflow-y: auto;
}

/* Scrollbar for all browsers */
.basket_product_wrapper::-webkit-scrollbar {
    width: 8px; /* Scrollbar genişliği */
    height: 8px; /* Scrollbar yüksekliği (yatay scroll için) */
}

.basket_product_wrapper::-webkit-scrollbar-thumb {
    background: #888; /* Scrollbar rengi */
    border-radius: 4px; /* Yuvarlak köşeler */
}

.basket_product_wrapper::-webkit-scrollbar-thumb:hover {
    background: #555; /* Hover durumunda renk değişimi */
}

.basket_product_wrapper::-webkit-scrollbar-track {
    background: #f1f1f1; /* Scrollbar arka planı */
    border-radius: 4px;
}


.small_basket_wrapper-description {
    display: grid;
    grid-template-columns: 100px 1fr;
    column-gap: 1rem;
}

.small_basket_wrapper-description .small_basket_wrapper-description-image__wrapper {
    width: 100%;
}

.small_basket_wrapper-description .small_basket_wrapper-description-image__wrapper img {
    width: 100%;
    height: auto;
}

.small_basket_wrapper-description-informations {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.small_basket_wrapper-description-informations h4 {
    color: #2b4660;
    font-family: "GeoSlab703 Lt BT";
    font-weight: bold;
    font-size: 1.7vh;
    margin-bottom: .5rem;
}

.small_basket_wrapper-description-informations > span {
    margin: 0;
    font-family: "kaleko book";
    font-weight: lighter;
    color: #2b4660;
    font-size: 1.5vh;
    line-height: 2.5vh;
    max-height: 100px;
    word-wrap: break-word;
    overflow-wrap: break-word;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    justify-content: left;
    align-items: center;
    gap: 20px;
    border: 1px solid #000;
    width: max-content;
    padding: 0.4rem;
}

.small_basket_wrapper-process {
    width: 100%;
    display: flex;
    justify-content: center;
}

.small_basket_wrapper-process a {
    width: 100%;
    padding: 1rem 0;
    background-color: #2b4660 !important;
    font-family: "kaleko book";
    font-size: 1.7vh;
    border: 1px solid #2b4660;
    color: #fff;
    transition-duration: 300ms;
    transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
    cursor: pointer;
    text-align: center;
    text-decoration: none;
}

.small_basket_wrapper-process a:hover {
    background-color: #EBAC8B !important;
    color: #2b4660;
}

.basket_product_wrapper .basket_product:not(:last-child) {
    margin-bottom: .5rem;
}

/* SweetAlert */
.swal2-title {
    font-family: "GeoSlab703 Lt BT" !important;
    font-weight: bolder !important;
    font-size: 2.7vh !important;
    color: #2e5160 !important;
}

.swal2-container .swal2-html-container {
    font-family: "GeoSlab703 Lt BT" !important;
    font-weight: bolder !important;
    font-size: 1.7vh !important;
}

.swal2-styled.swal2-confirm {
    background-color: #2e5160 !important;
}

.swal2-container .swal2-modal {
    border-radius: 0px !important;
}

.swal2-styled.swal2-cancel {
    background-color: #EBAC8B !important;
    border-radius: 0px !important;
}

.swal2-styled.swal2-confirm {
    border-radius: 0px !important;
}

.swal2-icon.swal2-warning {
    border-color: #EBAC8B !important;
    color: #EBAC8B !important;
}

.collection_detail_collection_items_header {
    /*display: flex;*/
    display: none;
    place-items: center;
    width: calc(90% - 25px);
    padding-bottom: 35px;
    width: 100%;
    justify-content: center;
}

.collection_detail_collection_items_header h2 {
    color: #EBAC8B;
    font-family: "kaleko book";
    font-weight: lighter;
    font-size: 4vh;
    margin: 0;
    width: max-content;
}

.collection_product_detail_desc_specification .dropdown{
    display: block;
}

/* section_3_contact CSS */

.section_3_contact {
    width: 45%;
    height: max-content;
    margin-bottom: 50px;
}

.section_3_contact form {
    display: flex;
    flex-direction: unset;
    flex-wrap: wrap;
    /*gap: 15px;*/
}

.section_3_contact label {
    margin-top: 10px;
    font-size: 14px;
    color: #333;
}

.section_3_contact input,
.section_3_contact textarea {
    font-family: "kaleko book";
    margin: 5px 0 10px 0;
    padding: 10px;
    font-size: 16px;
    border: 1px solid #ccc;
    /*border-radius: 5px;*/
    width: 98%;
    box-sizing: border-box;
}

#companyName , #contactEmail {
    margin-right: 13px;
}

.section_3_contact textarea {
    height: 150px;
}

.section_3_contact textarea {
    resize: vertical;
}

.section_3_contact .captcha-submit {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
}

.section_3_contact .captcha label {
    font-size: 14px;
}

.section_3_contact button {
    padding: 10px 20px;
    background-color: #007BFF;
    color: #fff;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

.section_3_contact button:hover {
    background-color: #0056b3;
}

.section_3_contact_header {
    width: 100%;
    border-bottom: 1px solid #c6c6c6;
    margin-bottom: 25px;
}

.section_3_contact_header h3 {
    margin: 0;
    color: #2b4660;
    font-family: "GeoSlab703 Lt BT";
    font-weight: bold;
    font-size: 2.5vh;
    padding-bottom: 1vh;
}

.section_2_contact_form {
    display: flex;
    width: 100%;
}

.section_3_contact_form form button {
    background-color: #ffffff;
    border: 1px solid #2b4660;
    transition: color .3s ease, background-color .3s ease;
    width: 250px;
    height: 50px;
    cursor: pointer;
    color: #2b4660;
    border-radius: 0;
}

.section_3_contact_form form button:hover {
    background-color: #2b4660;
    color: #ffffff;
    transition: color .3s ease, background-color .3s ease;
}

#companyName {
    width: 48%;
}

#contactPerson {
    width: 48%;
}

#contactEmail {
    width: 48%;
}

#contactPhone {
    width: 48%;
}

.mobil_footer {
    display: none;
}

.circleMainSwiper {
    position: absolute !important;
}

.circleMainSwiper .swiper-slide {
    background: transparent;
    width: 100% !important;
    height: 100%;
}

.policy_page {
    padding: 17.5vh 7.5%;
}

.policy_page_header {
    padding: 0 10%;
    margin-bottom: 30px;
}

.policy_page_header h1 {
    text-align: center;
    color: #2E5160;
    font-family: "GeoSlab703 Md BT";
}

.policy_page_body {
    color: #2E5160;
    font-family: "GeoSlab703 Lt BT";
    text-align: justify;
}


.textSwiper .swiper-slide {
    background: transparent;
    text-align: left;
}

.mobil_section_2 {
    display: none;
}



#online_catalog_popup {
    display: none;
    position: fixed;
    top: 0; left: 0; right: 0; bottom: 0;
    z-index: 9999;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100vh;
}

.online_catalog_popup_overlay {
    position: absolute;
    background: rgba(43, 70, 96, 0.7);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.online_catalog_popup_content {
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
    width: 70%;
    height: 80vh;
}

#online_catalog{
    width: 70vw;
    height: 80vh;
}

#online_catalog .turn-page{
    background-color:#ccc;
    background-size: cover;
}

#online_catalog_close_popup {
    /*height: 50px;*/
    /*width: 50px;*/
    border-radius: 50%;
    background: transparent;
    position: relative;
    /*position: absolute;*/
    /*top: 3.5%;*/
    /*right: 2.5%;*/
    top: unset;
    right: unset;
    left: unset;
    bottom: unset;
    color: #fff;
    cursor: pointer;
    font-size: 1rem;
    display: grid;
    place-items: center;
}

#online_catalog_close_popup .bars_siparis span {
    background: white;
}

#online_catalog_close_popup .nav_bars_siparis .circle-border circle {
    stroke: #fff;
}

.responsive_online_catalog {
    display: none;
}

.loader-container {
    position: fixed;
    top: 0; left: 0;
    width: 100vw; height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.loader {
    width: 50px;
    height: 50px;
    border: 4px solid transparent;
    border-top: 4px solid #fff;
    border-left: 4px solid #fff;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

/* Döndürme Efekti */
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


/*! Product Page */
.product__section {
    height: 100%;
    width: 94%;
    position: relative;
    display: flex;
    justify-content: center;
}

.product__section .wrapper_revert__for__mobile {
    display: none;
    flex-direction: row;
    width: 100%;
    justify-content: center;
}

.product__section .book__wrapper {
    display: flex;
    justify-content: center;
    width: 100%;
    transition: transform .3s ease-in-out;
    opacity: 0;
}

.product__section .book__wrapper.active {
    transform: scale(1.06);

}


.product__section > .close-btn {
    position: absolute;
    right: 40px;
    top: 40px;
    z-index: 99;
    width: 35px;
    height: 35px;
    cursor: pointer;
    transform: none;
    opacity: 0;
    transition: opacity .3s ease-in-out;

}

.product__section img {
    width: 100%;
    height: auto;
}

.product__section .book__wrapper .magazine-container .swiper-button-full__screen {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 1rem;
    position: static !important;
    transform: translate(0) !important;
}

.products-set__section .wrapper_revert__for__mobile {
    display: none;
    flex-direction: row;
    width: 100%;
    justify-content: center;
}

.swiper-button-next__customized svg, .swiper-button-prev__customized svg, .swiper-button-next__customized svg path, .swiper-button-prev__customized svg path {
    width: 40px;
    height: 40px;
    stroke: #fff;
}

.swiper-button-next__customized {
    bottom: -50px !important;
    right: 42.5% !important;
    top: unset !important;
    transform: unset !important;
}

.swiper-button-prev__customized {
    bottom: -50px !important;
    right: unset !important;
    top: unset !important;
    transform: unset !important;
    left: 42.5% !important;
}

.online_catalog_buttons {
    position: absolute;
    top: 4%;
    right: 3.3%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 3vh;
    flex-flow: row-reverse;
}

.download_online_catalog {
    color: #fff;
    width: 5.5vh;
    background: transparent;
    /*font-family: 'GeoSlab703 Md BT';*/
    display: inline-block;
    /*padding: 15px 40px;*/
    /*font-size: 12px;*/
    /*position: absolute;*/
    /*right: 6%;*/
    text-decoration: none;
    /*top: 3.5%;*/
    transition: .3s;
    /*border: 1px solid white;*/
    z-index: 100;
}

.summary_inner_content {
    display: flex;
    height: 75%;
    flex-direction: column;
    justify-content: space-between;
}

.summary_inner_content_info_contact {
    display: flex;
    flex-wrap: wrap;
    row-gap: 10px;
    justify-content: space-between;
    align-items: center;
}

.summary_inner_content_info_contact span, .summary_inner_content_info_order_stats {
    font-size: 2.1vh;
}

.summary_inner_content_info_contact a {
    text-decoration: none;
    color: #2B4660;
    font-weight: bold;
}

.login_panel_input_center {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: start;
    margin-top: .5rem;
}

.remember_me_css {
    font-family: "kaleko book";
    font-weight: lighter;
    font-size: 1.5vh;
    color: #2B4660;
    display: flex;
    justify-content: center;
    align-items: start;
    column-gap: 5px;
}

.remember_me_css label {
    margin-bottom: -3px;
}

.remember_me_css input {
    appearance: none;
    width: 16px;
    height: 16px;
    border: 1px solid #2B4660;
    border-radius: 4px;
    display: inline-block;
    position: relative;
    cursor: pointer;
}

.remember_me_css input:checked {
    background-color: #2B4660;
    border-color: #2B4660;
}

.remember_me_css input:checked::after {
    content: '\2714';
    color: white;
    font-size: 11px;
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.grecaptcha-badge {
    display: none;
}

.cart-product-number {
    font-family: "kaleko book";
    font-size: 2.5vh;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: relative;
    bottom: -2px;
    border: none;
    outline: none;
    background: transparent;
    min-width: 3ch !important;
}

.cart-product-number[type="number"]::-webkit-outer-spin-button,
.cart-product-number[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.cart-product-number[type="number"] {
    -moz-appearance: textfield;
}

/* new order */
.modal {
    position: fixed;
    top: 0; left: 0;
    width: 100%; height: 100%;
    background: rgba(0,0,0,0.5);
    display: flex; align-items: center; justify-content: center;
    z-index: 9999;
}
.modal-content {
    background: white;
    padding: 20px;
    border-radius: 0px;
    width: 50%;
    position: relative;
}
body.modal-open {
    overflow: hidden;
}
.close, .close-confirm {
    position: absolute;
    top: 0px;
    right: 15px;
    cursor: pointer;
    /*font-weight: bold;*/
    font-size: 30px;
}
.order-logo{
    width: auto;
}
.order-logo-border{
    margin-left: 0;
}
.new-order{
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.new-order .order__create__wrapper{
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.new-create-election{
    width: 100%;
}
.new-order-form{
    display: flex;
    flex-direction: row;
    /*justify-content: space-around;*/
}
.form-control{
    filter: drop-shadow(2px 2px 3.5px rgba(0, 0, 0, 0.16));
    width: 100%;
    height: 60px;
    border-radius: 0px;
    border: none;
    font-family: var(--main-font-medium);
    /*color: white;*/
    /*background-color: rgb(116 149 181);*/
}
.details-filter-row{
    /*margin-bottom: 20px;*/
    margin-right: 30px;
    font-family: "Neo Sans Pro" ;
    width: 20%;
}
.form_order {
    display: flex;
}
.form_order input{
    padding: 10px;
    background-color: transparent;
    border: 1px solid #dee2e6;
    margin: auto 5%;
    height: fit-content;
}
.new-order-images{
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin: 50px 0px 0px 50px;
}
.new-order-images img{
    width: 20% !important;
    pointer-events: auto !important;
}
.renk-entry{
    width: 30%;
    display: flex;
    align-items: center;
    /*justify-content: space-between;*/
    flex-direction: column;
}
.adet-input{
    text-align: center;
}

#renk-secim-alani{
    /*height: 300px;*/
    overflow-y: auto;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    text-align: center;
    max-height: 300px;
}
.modal-up{
    display: flex;
    justify-content: space-evenly;
    align-items: center;
}
.modal-up-right{
    width: 50%;
}
#siparis-listesi{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
}
.outside {
    border: 1px solid #ccc;
    padding: 10px;
    width: 45%;
}
.list-new-order{
    display: flex;
    justify-content: space-between;
    text-align: center;
    /*align-items: center;*/
}
.list-new-order-left{
    text-align: left;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.list-new-order-right{
    /*display: flex;*/
    flex-wrap: wrap;
    gap: 20px;
    padding-right: 10px;
    justify-content: space-around;
    max-height: 300px;
    overflow-y: auto;
    text-align: left;
}
.new-order-content{
    margin: 5px 0;
}
.new-order-edit-delete{
    margin-top: 10px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

/*.new-order-edit-delete button{*/
/*    display: none;*/
/*}*/

/*.outside:hover .new-order-edit-delete button{*/
/*    display: block;*/
/*}*/
/*.fa-plus{*/
/*    color: rgb(34 55 75);*/
/*}*/
.save-product ,.plus-product{
    color: white;
}

.save-product ,.plus-product-panel{
    color: white;
}

.order-list{
    text-align: left !important;
}

.table td,
.table th {
    vertical-align: middle !important;
}
.adet-input {
    width: 70px;
    margin: 0 auto;
}
.remove-item {
    display: block;
    margin: 0 auto;
}

.modal-header .modal-title {
    font-family: "kaleko book";
    font-weight: bold;
    font-size: 1rem;
}


.modal-body .modal-text {
    text-align: left;
    padding: 1rem 0;
    font-size: .9rem;
    font-family: "kaleko book";
}

.modal-dialog {
    width: 42rem !important;
    max-width: unset !important;
}

#codeInputs {
    width: 35rem !important;
    margin: 0 auto !important;
    margin-bottom: 2rem !important;
}

.code-input {
    width: 70px !important;
    font-size: 1.8rem !important;
    font-family: "GeoSlab703 Lt BT" !important;
}

#verifyBtn {
    background-color: #ffffff;
    border: 1px solid #2b4660;
    transition: color .3s ease, background-color .3s ease;
    width: 125px;
    height: 35px;
    cursor: pointer;
    color: #2b4660;
    border-radius: 0;
    font-size: 1rem;
    font-family: "kaleko book";
}

#verifyBtn:hover {
    background-color: #2b4660;
    color: #ffffff;
    transition: color .3s ease, background-color .3s ease;
}

.g-recaptcha {
    zoom: .8 !important;
    margin-bottom: .5rem;
}