@font-face {
    font-family: "tt-norms-pro";
    font-style: normal;
    font-weight: 300;
    src: local("tt-norms-pro Light"),
    url("../fonts/tt/TT-Norms-Pro-Light.woff") format("woff");
}

@font-face {
    font-family: "tt-norms-pro";
    font-style: normal;
    font-weight: 400;
    src: local("tt-norms-pro Regular"),
    url("../fonts/tt/tt-norms-pro-regular.woff") format("woff");
}

@font-face {
    font-family: "tt-norms-pro";
    font-style: normal;
    font-weight: 500;
    src: local("tt-norms-pro Medium"),
    url("../fonts/tt/TT-Norms-Pro-Medium.woff") format("woff");
}

@font-face {
    font-family: "tt-norms-pro";
    font-style: normal;
    font-weight: 900;
    src: local("tt-norms-pro Bold"),
    url("../fonts/tt/TT-Norms-Pro-Bold.woff") format("woff");
}

body {
    background-color: #F2F7FD;
    font-family: "tt-norms-pro";
}

img {
    user-select: none;
}

body.overflow {
    overflow: hidden;
}
button:focus, button:active {
    outline: none; 
    box-shadow: none; 
    background-color: initial; 
    color: inherit; 
}
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
}

p {
    margin-bottom: 0;
}

a {
    padding: 0;
    margin: 0;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

ul {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}

/* / [COKKIE] */
body .cc-window.in-active {
    opacity: 0;
    visibility: hidden;
}

body .cc-window {
    bottom: 50px !important;
    left: 80px !important;
    max-width: 420px !important;
    height: 93px;
    border-radius: 100px;
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    background-color: rgba(34, 41, 48, 0.8) !important;
    padding: 0 30px !important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    opacity: 1;
    visibility: visible;
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
    -ms-flex-direction: row !important;
    flex-direction: row !important;
    transition: .3s;
}

body .cc-window .cc-message {
    font-size: 16px;
    color: #F2F7FD;
    line-height: normal;
    margin: 0 !important;
    padding-right: 40px;
}

body .cc-window .cc-message a {
    opacity: 1;
    outline: none;
    text-decoration: none;
    text-transform: capitalize!important;
}

body .cc-compliance a.cc-btn.cc-dismiss {
    width: 56px;
    height: 56px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: transparent;
    border: 2.5px solid #2F2F2F;
    border-radius: 100px;
    position: relative;
    padding: 0;
    color: transparent;
    display: block;
    outline: none;
    transition: .3s;
}

.cc-theme-edgeless.cc-window {
    margin: auto;
}

body .cc-compliance a.cc-btn.cc-dismiss:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background-image: url("../img/svg/check-icon.svg");
    width: 20px;
    height: 15px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.cc-floating.cc-theme-edgeless .cc-message {
    margin: 0 !important;
}

@media (hover: hover) {
    body .cc-compliance a.cc-btn.cc-dismiss:hover {
        background: #2F2F2F;
    }

    body .cc-banner.cc-theme-edgeless .cc-message a.cc-link:hover {
        color: #2F2F2F;
    }
}

@media only screen and (max-width: 991px) {
    body .cc-window {
        left: 50px !important;
    }
}

@media only screen and (max-width: 767px) {
    body .cc-window {
        width: 100%;
        max-width: 100% !important;
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        left: 50% !important;
        right: auto !important;
        -webkit-transform: translateX(-50%) scale(0.9);
        transform: translateX(-50%) scale(0.9);
        bottom: 30px !important;
        height: 100px;
        padding: 0 30px !important;
        transition: .3s;
    }

    .cc-floating.cc-theme-edgeless .cc-message {
        margin: 0 !important;
        padding-right: 0;
    }
}

/* ÇALIŞMAYAN YERLER İÇİN */
body .cc-floating.cc-theme-edgeless .cc-message {
    display: block;
}

body .cc-window.cc-floating {
    max-width: 420px!important;
}

body .cc-banner.cc-theme-edgeless .cc-message a,
body .cc-floating.cc-theme-edgeless .cc-message {
    color: #F2F7FD!important;
    transition: .3s;
}

body .cc-banner.cc-theme-edgeless .cc-message a:hover,
body .cc-floating.cc-theme-edgeless .cc-message a:hover {
    color: #2F2F2F!important;
}

body .cc-window.in-active {
    opacity: 0;
    visibility: hidden;
}

/* / [COKKIE] */
.c-container {
    max-width: 1890px;
    padding: 0 40px;
    margin: 0 auto;
}

.wd-3 {
    width: 30%;
}

.wd-5 {
    width: 50%;
}

.wd-7 {
    width: 70%;
}

body::-webkit-scrollbar {
    display: none;
}

section.page.single-page {
    padding: 150px 0;
}

section.page-title {
    display: none;
}

.page.nf404 {
    padding-bottom: 100px;
    text-align: center;
    padding-top: 250px;
}

.page.nf404 .svg {
    margin-bottom: 100px;
    stroke: #F2F7FD;
}

.page.nf404 h3 {
    display: none;
}

.page.nf404 a {
    border: 2.5px solid #F2F7FD;
    padding: 20px 35px;
    margin-top: 25px;
    display: inline-block;
    border-radius: 10px;
    color: #F2F7FD;
}

.page.nf404 .svg line {
    stroke: #F2F7FD;
}

.page.nf404 .svg g path {
    fill: #F2F7FD;
}

.page.nf404 a svg path {
    fill: #F2F7FD;
}

/* Header Start */
header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 100;
    transition: 0.6s;
}

header:before {
    position: absolute;
    content: "";
    left: 0;
    right: 0;
    height: 100vh;
    background: rgb(65 65 65 / 40%);
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

header.hide {
    transform: translateY(-100%);
}

header.hov:before {
    opacity: 1;
    visibility: hidden;
}

header .overlay {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    background: rgb(0 0 0 / 50%);
    height: 100vh;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
    pointer-events: none;
}

header .overlay.active {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

header .overlay-second {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    background: rgb(65 65 65 / 30%);
    height: 100vh;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
    pointer-events: none;
}

header .overlay-second.active {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

header .c-container {
    position: relative;
}

header .header-top {
    background-color: #404869;
    display: flex;
    justify-content: space-between;
    padding: 0 95px;
    align-items: center;
    height: 40px;
    position: relative;
    z-index: 99;
}

header .header-top .slogan {
    color: #9d9d96;
    font-size: 16px;
}

header .header-top nav ul {
    display: flex;
}

header .header-top nav ul li {
    margin: 0 18px;
}

header .header-top nav ul li a {
    color: #9d9d9d;
    font-size: 16px;
}

header .header-top .header-top-contact {
    display: flex;
    margin: 0 -20px;
}

header .header-top .header-top-contact > div {
    padding: 0 20px;
}

header .header-top .header-top-contact .mail {
    border-left: 1px solid #9d9d96;
}

header .header-top .header-top-contact > div a {
    color: #9d9d9d;
    font-size: 16px;
}

header .header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100px;
    border-bottom-left-radius: 40px;
    background: #404869;
    padding: 0 95px;
    border-bottom-right-radius: 40px;
    position: relative;
    z-index: 99;
    transition: 0.4s;
    /* -webkit-backdrop-filter: blur(30px); */
    /* backdrop-filter: blur(30px); */
    box-shadow: 0px 3px 10px rgba(64, 72, 105, .6);
}
/* 
header .header.blur {
    background-color: rgba(255, 255, 255, 0.2);
} */

header .header.white {
    background: #F2F7FD;
}

header .header .filter {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
   /* backdrop-filter: blur(30px); */
    z-index: -1;
    background-color: rgb(255 255 255 / 20%);
}

header .header .logo {
    /* padding-right: 90px; */
    padding-right: 0px;
}

header .header .logo a {
    display: block;
    width: 100%;
    height: 60px;
}

header .header .logo a img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

header .header nav {
    flex: 1;
    display: flex;
    justify-content: center;
    position: relative;
    height: 100%;
    align-items: center;
}

header .header nav > ul {
    display: flex;
    height: 100%;
}

header .header nav ul li {
    list-style: none;
    display: flex;
    align-items: center;
    position: relative;
}

.header nav ul li a:hover {
    color: #30B5B9;
}
.header nav ul li a::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -5px;
    height: 2px;
    width: 100%;
    background: #30B5B9;
    transition: 0.4s ease all;
    transform: scale(0);
    transform-origin: center;
    border-radius: 50px;   
}
header .header nav > ul > li + li {
}

header .header nav ul li a {
    padding: 10px;
    font-size: 17px;
    color: #F2F7FD;
    display: inline-block;
    position: relative;
  font-weight: 500;
  transition: 0.4s;
}

header .header .dropdown-element-menu ul li a {
    font-size: 16px;
    color: #404869;
    border-bottom: 2.5px solid #E1EAF4;
}
header .header .dropdown-element-menu ul li:last-child a {
    border-bottom: none; /* Son a öğesinin altındaki çizgiyi kaldırır */
  }
header .header .dropdown-element-menu ul li a:hover {
    font-size: 16px;
    color: #30B5B9;
}

header .header nav ul li.dropdown-element > a {
    /* padding-bottom: 65px; */
}

header .header nav ul li.all-cat {
    transition: 0.4s;
}

header .header nav > ul > li {
    padding: 40px 30px;
}

header .header nav ul li.all-cat a:hover {
    background: #f4f4f4;
}

header .header nav > ul > li:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 15px 15px 15px;
    border-color: #fff #fff0 #fff #fff0;
    transform: translate(-50%, 0);
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
}
.mobile-filter {
    cursor: pointer;
    border: 3px solid #30B5B9;
    border-radius: 30px;
    padding: 15px;
    margin-top: -53px;
    background: #30B5B9;
    box-shadow: 0px 2px 10px rgba(48, 181, 155, .6);
    margin: -53px auto 0px auto;
}
.mobile-filter img {
    width: 24px;
    margin-right: 5px;
}
.mobile-filter p {
    color: #F2F7FD;
    display: inline-block;
}
.header-bid {
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0.5px;
    color: #F2F7FD;
    padding: 15px 25px 13px 25px;
    border-radius: 100px;
    background: #404869;
    border: 2.5px solid #8799B6;
    display: block;
  }
  .header-bid:hover {
    color: #30B5B9;
    background: #31364d;
    border: 2.5px solid #30B5B9;
    box-shadow: 0px 10px 14px rgba(33, 36, 43, 0.39);
  }
  .geridon {
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0.5px;
    color: #F2F7FD;
    padding: 15px 25px 13px 25px;
    border-radius: 100px;
    background: #30B5B9;
    border: 2.5px solid #30B5B9;
    display: block;
    box-shadow: 0px 2px 10px rgba(48, 181, 155, .6);
    transition: 0.4s;
  }
  .geridon:hover {
    color: #F2F7FD;
    background: #404869;
    border: 2.5px solid #404869;
   /* box-shadow: 0px 10px 14px rgba(33, 36, 43, 0.39); */
    box-shadow: 0px 3px 10px -2px rgb(0 0 0 / 70%);
    transition: 0.4s;
  }
  .header-bid2 {
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 0.02em;
    color: #F2F7FD;
    padding: 13px 25px;
    border-radius: 100px;
    background: #404869;
    border: 2.5px solid #8799B6;
    display: block;
  }
  .header-bid2:hover {
    color: #30B5B9;
    background: #31364d;
    border: 2.5px solid #30B5B9;
    box-shadow: 0px 10px 14px rgba(33, 36, 43, 0.39);
  }

header .header nav > ul > li:hover:before {
    opacity: 1;
    visibility: visible;
}

header .header nav ul li.all-cat .inside > a {
    height: 65px;
    width: 245px;
    border: 2.5px solid #8799B6;
    border-radius: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #F2F7FD;
}

header .header nav ul li.all-cat .inside > a span.icon {
    display: inline-block;
    margin-right: 25px;
}

header .header nav ul li.dropdown-element > .dropdown-element-menu {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-25%, 0px);
    display: flex;
    min-width: 600px;
    background-color: #fff;
    padding: 30px 40px 35px;
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 40px;
    transition: 0.3s;
    opacity: 0;
    visibility: hidden;
    justify-content: space-between;
    pointer-events: none;
    box-shadow: 0px 5px 15px rgba(64, 72, 105, .5);
  /* border: 2.5px solid #404869; */
}

header .header nav:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    height: 40px;
    width: 0px;
    background: #e0e0e0;
    transform: translateY(-50%);
}

header .header nav ul li.dropdown-element > .dropdown-element-menu .items h3 {
    font-size: 29px;
    font-weight: bold;
    margin-bottom: 35px;
    display: none;
}

header
  .header
  nav
  ul
  li.dropdown-element
  > .dropdown-element-menu
  .items
  ul
  > li
  + li {
    margin-top: 0px;
    display: block;
}

header
  .header
  nav
  ul
  li.dropdown-element
  > .dropdown-element-menu
  .items
  ul
  > li.drop
  a {
    position: relative;
}

header
  .header
  nav
  ul
  li.dropdown-element
  > .dropdown-element-menu
  .items
  ul
  > li.drop
  a:before {
    content: "";
    position: absolute;
    right: -15px;
    top: 50%;
    width: 15px;
    height: 2px;
    background: #F2F7FD;
    transform: translateY(-50%);
}

header
  .header
  nav
  ul
  li.dropdown-element
  > .dropdown-element-menu
  .items
  ul
  > li.drop
  a:after {
    content: "";
    position: absolute;
    right: -8px;
    top: 50%;
    width: 1px;
    height: 15px;
    background: #F2F7FD;
    transform: translateY(-50%);
}

header
  .header
  nav
  ul
  li.dropdown-element
  > .dropdown-element-menu
  .img-content
  ul::-webkit-scrollbar {
    display: none;
}

header
  .header
  nav
  ul
  li.dropdown-element
  > .dropdown-element-menu
  .img-content {
    position: relative;
    width: 50%;
    height: 359px;
    background-color: #F2F7FD;
    overflow: hidden;
    padding: 25px;
    /* border-radius: 40px; */
    border-radius: 0 0 40px 40px;
}

header .header nav ul li.dropdown-element > .dropdown-element-menu .items {
    border-right: 2.5px solid #E1EAF4;
    width: 45%;
}

header .header nav ul li.dropdown-element > .dropdown-element-menu .items ul {
    max-height: 350px;
    overflow-y: auto;
    min-height: 260px;
    margin-left: -10px;
}



/* Kaydırma çubuğu */
header .header nav ul li.dropdown-element > .dropdown-element-menu .items ul::-webkit-scrollbar {
   
}

/* Kaydırma çubuğunun tutamağı (thumb) */
header .header nav ul li.dropdown-element > .dropdown-element-menu .items ul::-webkit-scrollbar-thumb {
    background-color: #404869; /* Kaydırma çubuğunun rengi */
    border-radius: 4px; /* Köşeleri yuvarla */
    
}

/* Kaydırma çubuğunun arka planı */
header .header nav ul li.dropdown-element > .dropdown-element-menu .items ul::-webkit-scrollbar-track {
    background-color: #f0f0f0; /* Kaydırma çubuğu arka plan rengi */
}





header
  .header
  nav
  ul
  li.dropdown-element
  > .dropdown-element-menu
  .img-content
  .img {
    transition: 0.4s all ease;
    width: 100%;
    max-height: 400px;
    height: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -70%);
    opacity: 0;
    visibility: hidden;
}

header
  .header
  nav
  ul
  li.dropdown-element
  > .dropdown-element-menu
  .img-content
  .img.active-img {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%, -50%);
}

header .header .search-cont {
    /* padding-left: 80px; */
    padding-right: 0px;
}

header .header .search-cont a {
    align-items: center;
    display: flex;
    color: #F2F7FD;
    /* padding: 10px 25px; */
    transition: 0.4s;
}

header .header .search-cont a:hover span.icon {
    transform: rotate(25deg);
}

header .header .search-cont a:hover {
}

header .header .search-cont a span.icon {
    /* margin-left: 45px; */
    transition: 0.4s;
    display: flex;
    order: -1;
    margin-right: 8px;
}

header .search-menu {
    background: #F2F7FD;
    padding-top: 100px;
    margin-top: -35px;
    transform: translateY(-120%);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition: 0.4s;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 30px;
    position: absolute;
    left: 15px;
    right: 15px;
}

header .search-menu .search-menu-main .search-menu-main-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 100px;
}

header .search-menu .search-menu-main .search-menu-main-wrapper .search-form {
    width: 50%;
    margin-bottom: 80px;
}

header
  .search-menu
  .search-menu-main
  .search-menu-main-wrapper
  .search-form
  form
  .input {
    position: relative;
}

header
  .header
  nav
  ul
  li.dropdown-element
  > .dropdown-element-menu
  .img-content
  ul {
    position: absolute;
    left: 50%;
    top: 42%;
    transition: 0.4s;
    opacity: 0;
    visibility: hidden;
    transform: translate(-50%, -50%);
    max-height: 300px;
    overflow-y: auto;
    padding-right: 50px;
}

header
  .header
  nav
  ul
  li.dropdown-element
  > .dropdown-element-menu
  .img-content
  ul.active {
    opacity: 1;
    visibility: visible;
    top: 50%;
}

header
  .search-menu
  .search-menu-main
  .search-menu-main-wrapper
  .search-form
  form
  .input
  input {
    width: 100%;
    height: 60px;
    border-radius: 80px;
    border: none;
    background-color: #fafafa;
    box-shadow: 0px 10px 15px rgb(0 0 0 / 5%);
    transition: 0.4s;
    padding: 0 30px;
}

header
  .search-menu
  .search-menu-main
  .search-menu-main-wrapper
  .search-form
  form
  .input
  input:focus {
    box-shadow: 0px 20px 30px rgb(0 0 0 / 10%);
}

header
  .search-menu
  .search-menu-main
  .search-menu-main-wrapper
  .search-form
  form
  .input
  input:focus-visible {
    outline: none;
}

header
  .search-menu
  .search-menu-main
  .search-menu-main-wrapper
  .search-form
  form
  .input
  button.search-btn {
    position: absolute;
    right: 25px;
    top: 50%;
    transform: translateY(-50%);
    background: none;
    border: none;
}

header .search-menu .search-menu-main .search-menu-main-wrapper .items-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: 0px -20px 40px;
    justify-content: flex-start;
    width: 100%;
}

header
  .search-menu
  .search-menu-main
  .search-menu-main-wrapper
  .items-wrapper
  .item {
    width: 33.33%;
    margin-bottom: 25px;
    padding: 0 20px;
}

header
  .search-menu
  .search-menu-main
  .search-menu-main-wrapper
  .items-wrapper
  .item
  a {
    display: flex;
    width: 100%;
    height: 155px;
    justify-content: space-between;
    background: #fafafa;
    border-radius: 20px;
    overflow: hidden;
}

header
  .search-menu
  .search-menu-main
  .search-menu-main-wrapper
  .items-wrapper
  .item
  a
  .img {
    width: 160px;
    height: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 20px;
    border: 2.5px solid rgb(228 221 213 / 25%);
}

header
  .search-menu
  .search-menu-main
  .search-menu-main-wrapper
  .items-wrapper
  .item
  a
  .content {
    flex: 1;
    display: flex;
    justify-content: center;
    padding: 25px;
    flex-direction: column;
}

header
  .search-menu
  .search-menu-main
  .search-menu-main-wrapper
  .items-wrapper
  .item
  a
  .content
  .title {
    text-overflow: ellipsis;
    font-size: 17px;
    letter-spacing: .25px;
    line-height: 24px;
    color: #404869;
    margin-bottom: 5px;
    max-width: 150px;
    white-space: nowrap;
    overflow: hidden;
}

header
  .search-menu
  .search-menu-main
  .search-menu-main-wrapper
  .items-wrapper
  .item
  a
  .content
  .features {
    font-weight: 300;
    font-size: 16px;
    letter-spacing: .25px;
    line-height: 19px;
    color: #404869;
    max-width: 150px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

header .search-menu .search-menu-main .see-all {
    text-align: right;
}

header .search-menu .search-menu-main .see-all a {
    display: inline-block;
    margin-bottom: 55px;
    font-weight: 300;
    font-size: 17px;
    letter-spacing: .25px;
    line-height: 19px;
    color: #F2F7FD;
    position: relative;
}

header .search-menu .search-menu-main .see-all a:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -5px;
    height: 2px;
    background-color: #070707;
    transform: scale(0);
    transition: 0.4s;
    transform-origin: center;
}

header
  .search-menu
  .search-menu-main
  .search-menu-main-wrapper
  div#closeSearch {
    position: relative;
    width: 30px;
    height: 30px;
    margin: 0 auto 50px;
    transform: rotate(45deg);
    cursor: pointer;
}

header
  .search-menu
  .search-menu-main
  .search-menu-main-wrapper
  div#closeSearch
  span.line {
    display: block;
    position: absolute;
    background-color: #404869;
}

header
  .search-menu
  .search-menu-main
  .search-menu-main-wrapper
  div#closeSearch
  span.line.line-one {
    width: 1px;
    height: 100%;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
}

header
  .search-menu
  .search-menu-main
  .search-menu-main-wrapper
  div#closeSearch
  span.line.line-two {
    width: 100%;
    height: 2px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

header
  .search-menu
  .search-menu-main
  .search-menu-main-wrapper
  .search-form
  form
  .input
  input:active {
    box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.05);
    border: 0;
}

header .search-menu .search-menu-main .search-menu-main-wrapper .items-wrapper {
    transform: translateY(-20px);
    opacity: 0;
    visibility: hidden;
}

header
  .search-menu
  .search-menu-main
  .search-menu-main-wrapper
  .search-form
  form
  .input {
    transform: translateY(-20px);
    opacity: 0;
    visibility: hidden;
}

header .search-menu .search-menu-main .see-all a {
    transform: translateY(-20px);
    opacity: 0;
    visibility: hidden;
}

header .search-menu.active {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.mobile-menu-cont {
    display: none;
}

/* Header End */
/* Slider Start */
.slider {
    margin-top: 150px;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 2;
}

.slider .slider-main {
    position: relative;
}

.slider .slider-main .item {
    height: 38vw;
    max-height: 730px;
    border-radius: 50px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background-size: cover;
    background-position: top center;
}

.slider .slider-main .item .content {
    margin-left: 250px;
    width: calc(100% - (250px * 2));
}

.slider .slider-main .item .content h2.title {
    font-size: 65px;
    margin-bottom: 25px;
    color: #F2F7FD;
}

.slider .slider-main .item.white-content .content .title {
    color: white !important;
}

.slider .slider-main .item .content h2.title span {
    font-weight: bold;
    margin-bottom: 10px;
}

.slider .slider-main .item .content .cnt {
    color: rgb(45 45 45 / 50%);
    margin-bottom: 30px;
}

.slider .slider-main .item.white-content .content .cnt {
    color: rgb(255 255 255 / 50%) !important;
}

.slider .slider-main .item .content .slider-btn a {
    display: inline-block;
    padding: 15px 40px;
    border-radius: 15px;
    font-size: 17px;
    font-weight: 300;
    background-color: #F2F7FD;
    color: #404141;
    transition: 0.4s all ease;
}

#homeSlider .swiper-pagination-bullet {
    height: 2px;
    width: 40px;
    background: #404869;
    margin: 0 7px;
    opacity: 0.7;
    border-radius: 5px;
}

#homeSlider .swiper-pagination-bullet-active {
    background: #F2F7FD;
}

#homeSlider .swiper-container .arrows {
    position: absolute;
    z-index: 999999999;
    top: 90%;
    left: 50%;
    transform: translateX(-50%);
    width: 50%;
}

#homeSlider .arrows span.arrow {
    position: absolute;
    cursor: pointer;
    transition: 0.4s;
    outline: none;
}

#homeSlider .arrows span.arrow.arrow-left {
    left: 0;
}

#homeSlider .arrows span.arrow.arrow-right {
    right: 0;
    border: 0;
}

#homeSlider .swiper-pagination {
    left: 50%;
    transform: translateX(-50%);
    bottom: -5px;
    min-width: 250px;
    top: 5px;
}

#homeSlider .arrows span.arrow.arrow-left span {
    display: block;
}

#homeSlider .arrows span.arrow span.txt {
    font-size: 20px;
    color: rgb(255 255 255 / 80%);
    transition: 0.4s all ease;
}

#homeSlider .arrows span.arrow span.icon svg {
    transition: 0.4s all ease;
    fill: none;
    stroke: #F2F7FD;
}

#homeSlider .arrows span.arrow span.icon {
    margin-top: -23px;
}

#homeSlider .arrows span.arrow.arrow-left span.txt {
    padding-left: 15px;
}

#homeSlider .arrows span.arrow.arrow-right span.icon {
    display: block;
    margin-left: -15px;
}

@keyframes animate {
    0% {
        top: -3px;
        left: -3px;
        opacity: 0.4;
    }

    25% {
        top: 0px;
        left: 0px;
        opacity: 0.7;
    }

    100% {
        top: 5px;
        left: 5px;
        opacity: 1;
    }
}

/* Slider End */
/* Home Main Start */
.home-section {
    position: relative;
    z-index: 2;
   /* margin-top: 120px; */
   margin-top: 0px;
   padding-top: 150px;
    padding-bottom: 150px;
}
#nobg {
    background: #F2F7FD;
  }

#nobgnopan {
    background: #F2F7FD;
  padding-top: 0px;
  padding-bottom: 0px;
}
#whitebg
{
    background: #fff;
  }
.home-section .home-main {
    background-color: #F2F7FD;
    border-radius: 50px;
   /* margin-bottom: 50px; */
   /* padding-top: 150px; */
   margin-bottom: -150px;
   padding-top: 100px;
    overflow: hidden;
}

.home-section .home-main .logo-band {
    margin: 230px 0 -50px;
    transform: rotate(5deg);
}

.home-section .home-main .logo-band .band {
    display: flex;
    margin: 5px -1100px;
}

.home-section .home-main .logo-band .band .img {
    width: 320px;
    height: 85px;
    margin-right: 50px;
}

.home-section .home-main .logo-band .band .img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.small-container {
    max-width: 1410px;
    margin: 0 auto;
}

.home-section .home-main .jumbo-categories {
    margin-bottom: 0;
    transform: translateY(200px);
}

.home-section .home-main .jumbo-categories .text {
    width: 50%;
    margin: 0 auto 50px;
    text-align: center;
}

.home-section .home-main .jumbo-categories h4 {
    font-weight: 300;
    font-size: 41px;
    margin-bottom: 15px;
}

.home-section .home-main .jumbo-categories h4 span {
    font-weight: 900;
}

.home-section .home-main .jumbo-categories .text .scroll-down {
    width: 30px;
    height: 50px;
    background-size: contain;
    margin: 0 auto;
}

.home-section .home-main .jumbo-categories .category-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

.home-section .home-main .jumbo-categories .category-wrapper .item {
    height: 350px;
    margin-bottom: 40px;
    padding: 0 15px;
}

.home-section .home-main .jumbo-categories .category-wrapper .item a {
    width: 100%;
    height: 100%;
    background-size: cover;
    border-radius: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    overflow: hidden;
    box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.1);
    transform-style: preserve-3d;
}

.home-section .home-main .jumbo-categories .category-wrapper .item > a:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(0, 0, 0, 0) 0%, rgb(64 72 105 / 70%) 100%);
}

.home-section .home-main .jumbo-categories .category-wrapper .item a .img {
    position: absolute;
    left: -50px;
    top: -50px;
    right: -50px;
    bottom: -50px;
    background-size: cover;
    background-position: center;
    z-index: -1;
    transition: 0.3s;
}

@media (max-width: 768px) {
    .home-section .home-main .jumbo-categories .category-wrapper .item a .img {
        background-position: center;
    }
}

.home-section
  .home-main
  .jumbo-categories
  .category-wrapper
  .item
  a
  .img.transition {
    transition: 0.1s;
}

.home-section .home-main .jumbo-categories .category-wrapper .item a span {
    font-weight: 400;
    font-size: 30px;
    letter-spacing: -0.01em;
    color: #F2F7FD;
    transform: translateZ(60px);
    text-align: center;
    text-shadow: 0px 5px 15px rgb(64 72 105 / 70%);
}

.home-section .home-main .home-products {
    /* margin-bottom: 220px; */
    /* transform: translateY(200px); */
    /* opacity: 0; */
    margin-bottom: -100px;
}

.home-section .home-main .home-products .text {
    width: 35%;
    margin: 0 auto;
    padding-bottom: 85px;
}

.home-section .home-main .home-products .text h4 {
    font-weight: 500;
    font-size: 40px;
    line-height: 66px;
    text-align: center;
    color: #F2F7FD;
}

.home-section .home-main .home-products .products .tab {
    margin-bottom: 65px;
}

.home-section .home-main .home-products .products .tab ul {
    display: flex;
    justify-content: center;
}

.home-section .home-main .home-products .products .tab ul li {
    margin: 0 45px;
    position: relative;
    padding-bottom: 25px;
    padding-top: 25px;
    transition: 0.4s;
}

.home-section .home-main .home-products .products .tab ul li:before {
    content: "";
    position: absolute;
    right: -45px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 20px;
    background: #8799B6;
}

.home-section .home-main .home-products .products .tab ul li a {
    font-size: 17px;
    letter-spacing: -0.01em;
    color: #F2F7FD;
    opacity: 0.8;
}

.home-section .home-main .home-products .products .tab ul li:last-child:before {
    display: none;
}

.home-section .home-main .home-products .products .tab ul li:after {
    content: "";
    position: absolute;
    bottom: 5px;
    left: 50%;
    width: 50px;
    transform: translateX(-50%) scale(0);
    height: 3px;
    background: #F2F7FD;
    border-radius: 3px;
    transition: 0.4s;
    transform-origin: center;
}

.home-section .home-main .home-products .products .tab ul li.active:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 50px;
    transform: translateX(-50%);
    height: 3px;
    background: #F2F7FD;
    border-radius: 3px;
    transition: 0.4s;
}

.home-section .home-main .home-products .products .products-relative {
    position: relative;
}

.home-section
  .home-main
  .home-products
  .products
  .products-relative
  .products-absolute {
    transform: translateY(75px);

    /* position: absolute; */
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s all ease;
    pointer-events: none;
}

.home-section
  .home-main
  .home-products
  .products
  .products-relative
  .products-absolute.active {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    pointer-events: all;
}

.product-comp.products-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: -10px -10px;
}

.product-comp.products-wrapper .item {
    width: 25%;
    padding: 10px 10px;
    height: auto;
}


.product-comp.products-wrapper .item a {
    display: block;
    background: #fff;
    border-radius: 30px;
    overflow: hidden;
    box-shadow: 0px 3px 10px -2px rgb(0 0 0 / 8%);
    /* height: 100%; */
    border: 3px solid #fff; 
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease; /* WebKit tabanlı tarayıcılar için */
    -moz-transition: all 0.4s ease; /* Mozilla tabanlı tarayıcılar için */
    -webkit-transition: 0.4s; /* Eski WebKit tarayıcıları için */
    -moz-transition: 0.4s;    /* Eski Firefox tarayıcıları için */
}

.product-comp.products-wrapper .item a:hover{
   /* box-shadow: 0px 2px 10px rgba(48, 181, 155, .6); */
    box-shadow: 0px 2px 10px rgba(156, 175, 207, .6); 
     border: 3px solid #E1EAF4; 
    /* border: 2.5px solid #c7cdd5; */
    /* border: 2.5px solid #30B5B9; */
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease; /* WebKit tabanlı tarayıcılar için */
    -moz-transition: all 0.4s ease; /* Mozilla tabanlı tarayıcılar için */
    -webkit-transition: 0.4s; /* Eski WebKit tarayıcıları için */
    -moz-transition: 0.4s;    /* Eski Firefox tarayıcıları için */
} /* #9cafcf */

.product-comp.products-wrapper .item a .img {
    width: 100%;
    height: 300px;

    /* border: 2.5px solid #E4DDD5; */
    /* border-radius: 20px; */
    background-size: cover;
    background-position: center;
    position: relative;
}

.product-comp.products-wrapper .item a .img img.active {
    opacity: 1;
    visibility: visible;
}

.product-comp.products-wrapper .item a .img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
    mix-blend-mode: multiply;
}

.colors span.dot {
    display: block;
    width: 18px;
    height: 18px;
    border-radius: 50%;
    border: 2.5px solid #e9e9e9;
    margin: 0 4px;
}

.colors {
    display: flex;
    justify-content: center;
    margin-top: -9px;
    position: relative;
}

.colors span.dot.white {
    background-color: #F2F7FD;
}

.colors span.dot.gray {
    background-color: #888888;
}

.colors span.dot.red {
    background-color: #ef9090;
}

.colors span.dot.green {
    background-color: #97cbc1;
}

.colors span.dot.yellow {
    background-color: #fcd49e;
}

.product-comp.products-wrapper .item a .product-btn {
    text-align: center;
    transition: 0.4s;
    margin-top: 20px;

    /* opacity: 0; */
    /* visibility: hidden; */
    /* transform: translateY(30px); */
}

.product-comp.products-wrapper .item a .product-btn span {
    display: inline-flex;
    height: 50px;
    font-size: 16px;
    letter-spacing: .25px;
    line-height: 21px;
    color: #404869;
    padding: 0 40px;
    background-color: #e5e5e5;
    border-radius: 20px;
    border: 5px solid #fdfdfd;
    align-items: center;
    justify-content: center;
    transition: 0.4s;
    opacity: 0;
    visibility: hidden;
    transform: translateY(30px);
}

.product-comp.products-wrapper .item a .content {
    padding: 25px 25px 25px;
    text-align: center;
    position: relative;
    /* background: #404869; */
    border-top: 3px solid #F2F7FD;
    
    display: flex;
        justify-content: center;
        flex-direction: column;

}

.product-comp.products-wrapper .item a .content span {
    display: block;
    /* color: #F2F7FD; */
    color: #546174;
}

.product-comp.products-wrapper .item a .content span.title {
    font-weight: 500;
    font-size: 18px;
    letter-spacing: .25px;
    margin-bottom: 0px;
}

.product-comp.products-wrapper .item a .content:before {
    /* content: ""; */
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
    width: 190px;
    height: 2.5px;
    background: rgb(112 112 112 / 10%);
}

.product-comp.products-wrapper .item a .content span.title span.feature {
    margin-bottom: 5px;
    font-weight: 300;
    font-size: 16px;
    letter-spacing: .25px;
    line-height: 21px;
}

.product-comp.products-wrapper .item a .content span.feature,
.product-comp.products-wrapper .item a .content span.brand {
    font-weight: 300;
    font-size: 16px;
    letter-spacing: .25px;
    line-height: 21px;
    margin-bottom: 5px;
}

.home-section
  .home-main
  .home-products
  .products
  .products-relative
  .products-absolute
  .all-btn {
    margin-top: 100px;
    display: flex;
    justify-content: center;
}

.home-section
  .home-main
  .home-products
  .products
  .products-relative
  .products-absolute
  .all-btn
  a {
    display: inline-block;
    padding: 25px 45px;
    border-radius: 30px;
    border: 2.5px solid #d9d9d9;
    color: #F2F7FD;
}

.home-section .home-main .banner {
    border-radius: 30px;
    overflow: hidden;
    margin-bottom: 160px;
    position: relative;
    height: 535px;
    margin-top: 130px;

    /* opacity: 0; */
    /* transform: translate(0px, -200px); */
    transform: translate3d(0px, 0px, 0px);
}

.home-section .home-main .banner a {
    display: block;
    background-size: cover;
    position: absolute;
    left: 0;
    top: -30px;
    right: 0;
    bottom: -30px;
    transition: 0.4s all ease;
}

/* Home Main End */
/* About Page Start */
.about-page.pages {
    padding-top: 0px;
}

.about-page.pages .pages-slider {
}

.about-page.pages .pages-slider .pages-slider-main {
    height: 65vh;
    border-radius: 40px;
    overflow: hidden;
    position: relative;
    top: 0px;
    /* left: 50%; */
    /* max-width: 1860px; */
    width: 100%;
    /* transform: translateX(-50%);*/ 
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: -9;
}
.pages-slider-collapse {
    margin-left: 30px;
    margin-right: 30px;
    position: relative;
  }
.about-page .scroll-down {
    /* left: 65px; */
    /* bottom: 150px; */
}

.about-page .scroll-down span {
    color: #F2F7FD;
}

.about-page .scroll-down .arrows .arrow svg {
    stroke: #F2F7FD;
}

.about-page.pages .pages-slider .pages-slider-main .img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: top;
}

.about-page.pages .pages-slider .pages-slider-main .text {
    color: #F2F7FD;
    position: relative;
    width: 50%;
    text-align: center;
    text-shadow: 5px 5px 10px #404869, 0 0 25px #404869, 0 0 5px #404869;
}

.about-page.pages .pages-slider .pages-slider-main .text h1 {
    font-size: 80px;
    font-weight: 300;
}

.about-page.pages .pages-slider .pages-slider-main .text h1 span.first-txt {
    display: block;
    font-size: 50px;
    padding-top: 1px;
}

.about-page.pages .pages-slider .pages-slider-main .text h1 span.bold-txt {
    font-weight: bold;
}

.about-page.pages .pages-slider .pages-slider-main .img::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 10%);
}

.about-page.pages .about-page-main {
    margin-top: 50px;
  margin-bottom: 50px;
}

.page-main {
    border-radius: 40px;
    background: #fff;
}

.about-page.pages .about-page-main .page-main {
    margin-left: 30px;
  margin-right: 30px;
  padding-top: 100px;
  padding-bottom: 100px;
}

.about-page.pages .about-page-main .page-main .content {
    display: flex;
}

.about-page.pages
  .about-page-main
  .page-main
  .content:first-child
  .text-section {
    flex: 1;
}

.about-page.pages .about-page-main .page-main .content .text-section .title {
    width: 40%;
    margin-bottom: 70px;
}

div#iframeContainer2 {
    margin-bottom: 40px;
    margin-top: -20px;
}
#iframeContainer2 {
    position: relative; /* Position bağlamını sağlar */
    margin-right: 100px;
    margin-left: 100px;
}

#iframeContainer2 {
    position: relative; /* Konumlama için gerekli */
}

#iframeContainer2::before,
#iframeContainer2::after {
    content: "";
    height: 500px;
    position: absolute;
    width: 50px;
    z-index: 2;
}
#iframeContainer2::before {
    background: linear-gradient(to left, rgba(242, 247, 253, 0) 0%, rgba(242, 247, 253, 1) 100%);
    left: 0; /* Sol tarafa yerleştir */
    top: 0;  /* Üste hizala */
}

#iframeContainer2::after {
    background: linear-gradient(to right, rgba(242, 247, 253, 0) 0%, rgba(242, 247, 253, 1) 100%);
    right: -2px;
    top: 0;   /* Üste hizala */
}


/* Konumlandırma örneği */
#iframeContainer2::before {
    top: 0;
    left: -2px;
}

.baslik {
    font-weight: 500;
   /* letter-spacing: 1px; */
  color: #8799B6;
  font-size: 25px;
  margin-bottom: 5px;
}
.baslik100 {
    width: 90%;
    margin: 0 auto 50px;
    text-align: left;
    }
    .baslik100 h4 {
        font-weight: 300;
        font-size: 41px;
        margin-bottom: 15px;
    }
    .baslik100 span {
        font-weight: 900;
    }
    .baslik75 {
        width: 80%;
        margin: 0 auto 50px;
        text-align: center;
        }
        .baslik75 h4 {
            font-weight: 300;
            font-size: 41px;
            margin-bottom: 15px;
        }
        .baslik75 p{
            text-align: left;
            }
        .baslik75 span {
            font-weight: 900;
        }

    .baslikurun {
        width: 100%;
        text-align: left;
        }
        .baslikurun h4 {
            font-weight: 300;
            font-size: 41px;
            margin-bottom: 10px;
        }
        .baslikurun span {
            font-weight: 900;
        }

.baslikb {
width: 50%;
margin: 0 auto 50px;
text-align: center;
}
.baslikb h4 {
    font-weight: 300;
    font-size: 41px;
    margin-bottom: 15px;
}
.baslikb span {
    font-weight: 900;
}
#yesil{
    font-weight: 500;
    letter-spacing: 1px;
    color: #546174;
    font-size: 25px;
    padding-left: 5px;
}
.about .about-vm span{
    font-weight:400;
    /* letter-spacing:1px; */
    color:#546174;
    margin-bottom:10px;
    font-size: 25px;
}

img#guvende {
    width: 40px;
  }
.copytext {
    color: #8799B6;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    padding-top: 30px;
    margin: 0 auto;
}
.copytext p{
    padding: 5px 0 0 10px;
}


.about{padding:0px 0 0;position: relative;}
.about .about-bg { position: absolute; top: 0; left: 0; right: 53%; height: 36vw; background-size: cover; background-position: center; opacity: 0.45; }
.about .about-bg:before {content: "";position: absolute;top: 0;right: 0;left: 0;bottom: 0;background: linear-gradient(to right, rgba(242, 247, 253, 0) 0%, rgba(242, 247, 253, 0.76) 53.42%, rgba(242, 247, 253, 0.95) 71.88%, #f2f7fd 100%);}
.about .about-bg:after {content: "";position: absolute;bottom: 0;left: 0;right: 0;height: 285px;background: linear-gradient(rgba(242, 247, 253, 0) 0%, #f2f7fd 100%);}
.about .s-container{}
.about .row{ align-items:center;}
.about .about-content{border-right:2.5px solid #E6EAF0;padding-right: 30px;text-align: left;}
.about .about-content span{font-weight:400;letter-spacing:0px;color:#546174;margin-bottom:10px;font-size: 25px;}
.about .about-content h2{font-weight: 500;
    color: #74849d;
    margin-bottom: 25px;
    font-size: 20px;}
.about .about-vm h2{font-weight:500;color:#74849d;margin-bottom:25px;font-size: 20px;}
.about .about-content .about-text p{font-size:18px; color:#74849d; margin-bottom:0;}
.about .about-vm{padding-right:0px;padding-left: 0px;text-align: left;}
.about .about-vm + .about-vm{ margin-top:40px;}

.about .about-vm h3{font-weight:500;font-size: 1.5vw;color:#404869;margin-bottom:18px;}
.about .about-vm p{font-size:18px; color:#74849d; margin-bottom:0;}
#satir {
    padding-top: 30px;
  }

.about-page.pages .about-page-main .page-main .content .text-section .title h2 {
    font-size: 50px;
    font-weight: bold;
}

.about-page.pages .about-page-main .page-main .content:first-child {
    padding: 0 7vw;
}

.about-page.pages
  .about-page-main
  .page-main
  .content
  .text-section
  .text-wrap {
    /* column-gap: 30px; */
    /* column-count: 2; */
    padding-right: 215px;
}

.about-page.pages
  .about-page-main
  .page-main
  .content:first-child
  .img-section {
    width: 475px;
    height: 425px;
}

.about-page.pages
  .about-page-main
  .page-main
  .content:first-child
  .img-section
  .img {
    width: 100%;
    height: 100%;
    background-size: cover;
    transition: 0.1s;
}

.about-page.pages
  .about-page-main
  .page-main
  .content
  .text-section
  .text-wrap
  .cnt {
    column-count: 2;
    column-gap: 80px;
    font-size: 20px;
    line-height: 29px;
    color: #8d8987;
}

.about-page.pages .about-page-main .page-main .content:nth-child(2) {
    align-items: center;
    margin-top: 250px;
}

.about-page.pages
  .about-page-main
  .page-main
  .content:nth-child(2)
  .img-right-radius {
    width: 740px;
    height: 660px;
    border-top-right-radius: 30px;
    border-bottom-right-radius: 30px;
    position: relative;
    overflow: hidden;
    transform: translate3d(0px, 0px, 0px);
}

.about-page.pages
  .about-page-main
  .page-main
  .content:nth-child(2)
  .img-right-radius
  img {
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
    background-size: cover;
    height: calc(100% + 100px);
    width: 100%;
}

.about-page.pages .about-page-main .page-main .content:nth-child(2) .mis-vis {
    flex: 1;
    padding-left: 240px;
    padding-right: 65px;
}

.about-page.pages
  .about-page-main
  .page-main
  .content:nth-child(2)
  .mis-vis
  .mis-vis-buttons {
    margin-bottom: 75px;
}

.about-page.pages
  .about-page-main
  .page-main
  .content:nth-child(2)
  .mis-vis
  .mis-vis-buttons
  ul {
    display: flex;
    gap: 35px;
}

.about-page.pages
  .about-page-main
  .page-main
  .content:nth-child(2)
  .mis-vis
  .mis-vis-buttons
  ul
  li {
}

.about-page.pages
  .about-page-main
  .page-main
  .content:nth-child(2)
  .mis-vis
  .mis-vis-buttons
  ul
  li
  a {
    font-weight: bold;
    font-size: 50px;
    color: rgba(163, 160, 158, 0.33);
    line-height: 1;
    transition: 0.4s ease all;
}

.about-page.pages
  .about-page-main
  .page-main
  .content:nth-child(2)
  .mis-vis
  .mis-vis-buttons
  ul
  li.active
  a {
    color: #404869;
}

.about-page.pages
  .about-page-main
  .page-main
  .content:nth-child(2)
  .mis-vis
  .mis-vis-buttons
  ul
  li:first-child {
    border-right: 1px solid rgb(163 160 158 / 10%);
}

.about-page.pages
  .about-page-main
  .page-main
  .content:nth-child(2)
  .mis-vis
  .mis-vis-relative {
    position: relative;
    height: 105px;
}

.about-page.pages
  .about-page-main
  .page-main
  .content:nth-child(2)
  .mis-vis
  .mis-vis-relative
  .mis-vis-abs {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 20px;
    line-height: 29px;
    color: rgb(141 137 135 / 90%);
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
    transform: translateY(30px);
}

.about-page.pages
  .about-page-main
  .page-main
  .content:nth-child(2)
  .mis-vis
  .mis-vis-relative
  .mis-vis-abs.active {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.about-page.pages .about-page-main .page-main .content:last-child {
    margin-top: 0px;
    display: block;
}

.about-page.pages .about-page-main .page-main .content:last-child h3 {
    margin-bottom: 5px;
    font-size: 50px;
    font-weight: bold;
}

.about-page.pages .about-page-main .page-main .content .gallery {
    overflow: hidden;
}

.about-page.pages
  .about-page-main
  .page-main
  .content
  .gallery
  .swiper-container {
    margin: 0 -600px;
    padding-bottom: 100px;
}

.about-page.pages .about-page-main .page-main .content .gallery .img {
    height: 695px;
    border-radius: 30px;
    overflow: hidden;
}

.about-page.pages .about-page-main .page-main .content .gallery .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#aboutSlider .swiper-pagination-bullet {
    background-color: #546174;
    height: 13px;
    width: 13px;
}

/* About Page End */
/* Contact Page Start */
.contact-page .contact-page-main {
   /* background-color: #F2F7FD;
    margin-top: calc(12vh + 10px);
    padding-bottom: 140px;
    border-radius: 30px 30px 0 0; */
}

.contact-page .contact-page-main .map .iframe {
    height: 80vh;
    border-radius: 30px;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1;
}

.contact-page .contact-page-main .map {
    /* position: relative;
    height: 80vh;
    background-image: url(../../dosyalar/sayfa/iletisim.webp);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 30px; */
}

.contact-page .contact-page-main .map .iframe {
}

.contact-page .contact-page-main .map .adresses {
    /* position: relative;
    z-index: 9;
    width: 76%;
    height: fit-content;
    display: flex;
    justify-content: space-between;
    margin: 0 auto; */
}

.contact-page .contact-page-main .map .iframe .map-responsive {
    height: 100%;
}

.contact-page .contact-page-main .map .adresses .addresses-title {
    display: flex;
    align-items: center;
    padding-bottom: 75px;
    flex: 1;
    align-content: center;
    justify-content: center;
    flex-direction: column;
}

.contact-page .contact-page-main .map .adresses .addresses-title h1 {
    font-weight: 500;
    font-size: 100px;
    letter-spacing: 0.03em;
    color: #F2F7FD;
}

.contact-page .contact-page-main .map .adresses .addresses-title h1 span {
    padding: 0;
    letter-spacing: -13px;
    line-height: 0;
    margin: 0 0px;
    display: inline-block;
}

.contact-page .contact-page-main .map .adresses .adresses-cont {
    background-color: #fff;
    margin-top: 30px;
  /* max-width: 60%;
  border-radius: 30px;
  margin-bottom: 50px;
  padding: 50px 60px 85px;
   */
}











 .info-item {
    flex: 0 0 35%;
    margin-right: 2.6vw;
    padding-right: 2.6vw;
    position: relative;
}

 .info-item ul {
    padding-left: 0;
    list-style: none;
}
 .info-item ul li {
    display: flex;
    align-items: center;
}
 .info-item ul li .icon {
    margin-right: 20px;
}
 .info-item ul li + li {
    margin-top: 20px;
}
.info-item ul li .icon img {
    min-width: 32px;
    height: 30px;
}

.haritalar {
    display: flex;
    justify-content: space-between;
    text-align: center;
}
.haritalar a {
    display: flex;
    margin-right: 20px;
}


.contact-page .contact-page-main .map .adresses .adresses-cont .infos {
    margin: 0 auto 70px;
    display: flex;
    justify-content: space-between;
}

.contact-page .contact-page-main .map .adresses .adresses-cont .infos address {
    font-size: 20px;
    color: #E6EAF0;
    margin-bottom: 20px;
    max-width: 300px;
}

.contact-page .contact-page-main .map .adresses .adresses-cont .infos a {
    display: block;
}

.contact-page .contact-page-main .map .adresses .adresses-cont .infos a.mail,
.contact-page .contact-page-main .map .adresses .adresses-cont .infos a.tel {
    font-size: 20px;
    color: #404869;
    margin-bottom: 10px;
    text-align: right;
}

.contact-page
  .contact-page-main
  .map
  .adresses
  .adresses-cont
  .infos
  .social-media {
}

.contact-page
  .contact-page-main
  .map
  .adresses
  .adresses-cont
  .infos
  .social-media
  ul {
    display: flex;
    justify-content: flex-end;
}

.contact-page
  .contact-page-main
  .map
  .adresses
  .adresses-cont
  .infos
  .social-media
  ul
  li
  + li {
    margin-left: 30px;
}

.contact-page
  .contact-page-main
  .map
  .adresses
  .adresses-cont
  .infos
  .social-media
  ul
  li
  a
  svg {
    fill: #404869;
    transition: 0.4s ease all;
    stroke: rgb(255 255 255 / 0%);
}

.contact-page
  .contact-page-main
  .map
  .adresses
  .adresses-cont
  .infos
  .social-media
  ul
  li
  a:hover
  svg {
    fill: rgb(65 65 65 / 20%);
    stroke: #404869;
}

.contact-page .contact-page-main .map .adresses .adresses-cont .forms {
}

.contact-page
  .contact-page-main
  .map
  .adresses
  .adresses-cont
  .forms
  .form-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0px;
}

.i-50 {
    width: 50%;
}

.i-100 {
    width: 100%;
}

.i-66 {
    width: 70%;
}

.i-33 {
    /* width: 33%; */
    flex: 1;
}

.contact-page
  .contact-page-main
  .map
  .adresses
  .adresses-cont
  .forms
  .form-wrapper
  .item
  span.icon {
    position: absolute;
    left: 25px;
    top: 50%;
    transform: translateY(-50%);
}

.contact-page
  .contact-page-main
  .map
  .adresses
  .adresses-cont
  .forms
  .form-wrapper
  .item.item-txtarea
  span.icon {
    top: 27px;
}

.contact-page
  .contact-page-main
  .map
  .adresses
  .adresses-cont
  .forms
  .form-wrapper
  .item
  span.icon
  svg {
    fill: #30B5B9;
}

.contact-page
  .contact-page-main
  .map
  .adresses
  .adresses-cont
  .forms
  .form-wrapper
  .item
  
  input {
    background: #fff;
    width: 100%;
    height: 60px;
    border-radius: 25px;
    border: 2.5px solid #8799B6;
    padding: 0 20px;
    line-height: 0;
    outline: none;
    color: #30B5B9;
    font-size: 16px;
    font-weight: 500;
}

.contact-page
  .contact-page-main
  .map
  .adresses
  .adresses-cont
  .forms
  .form-wrapper
  .item
  input::placeholder {
    font-size: 16px;
    color: #8799B6;
}
















.contact-page
  .contact-page-main
  .map
  .adresses
  .adresses-cont
  .forms
  .form-wrapper
  .item
  #filtration-type {
    background: #fff;
    width: 100%;
    height: 60px;
    border-radius: 25px;
    border: 2.5px solid #8799B6;
    padding: 0 20px;
    padding-right: 40px; /* Sağdaki oku görünür yapmak için boşluk */
    line-height: 1.5;
    outline: none;
    color: #8799B6;
    font-size: 16px;
    font-weight: 500;
    appearance: none; /* Tarayıcı varsayılan stilini kaldırır */
    position: relative;
    background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="%238799B6" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M6 9l6 6 6-6"></path></svg>');
    background-repeat: no-repeat;
    background-position: right 20px center; /* Oku sağa hizala */
    background-size: 22px;
    cursor: pointer;
    transition: 0.4s;
  }

/* Hover Durumu */
.contact-page
  .contact-page-main
  .map
  .adresses
  .adresses-cont
  .forms
  .form-wrapper
  .item
  #filtration-type:hover {
    border-color: #30B5B9;
    transition: 0.4s;
  }
/* Dropdown Seçeneklerin Stili */
.contact-page
  .contact-page-main
  .map
  .adresses
  .adresses-cont
  .forms
  .form-wrapper
  .item
  #filtration-type option {
    background-color: #404869;
    color: #fff;
    font-size: 16px;
    padding: 10px;
    font-weight: 500;
  }



















.contact-page
  .contact-page-main
  .map
  .adresses
  .adresses-cont
  .forms
  .form-wrapper
  .item-group {
    display: flex;
    width: 100%;
}

.contact-page
  .contact-page-main
  .map
  .adresses
  .adresses-cont
  .forms
  .form-wrapper
  .item {
    display: flex;
    position: relative;
    margin-bottom: 25px;
    padding: 0 5px;
}

.contact-page
  .contact-page-main
  .map
  .adresses
  .adresses-cont
  .forms
  .form-wrapper
  .item.form-info
  p {
    text-align: center;
}

.contact-page
  .contact-page-main
  .map
  .adresses
  .adresses-cont
  .forms
  .form-wrapper
  .item.form-info
  p
  a {
    color: #404869;
    font-weight: 500;
}

.contact-page
  .contact-page-main
  .map
  .adresses
  .adresses-cont
  .forms
  .form-wrapper
  .item.form-info:before {
    display: none;
}

.contact-page
  .contact-page-main
  .map
  .adresses
  .adresses-cont
  .forms
  .form-wrapper
  .item
  .captcha {
    width: 50%;
    padding-left: 10px;
    position: relative;
}

.contact-page
  .contact-page-main
  .map
  .adresses
  .adresses-cont
  .forms
  .form-wrapper
  .item
  textarea {
    border-radius: 25px;
    height: 175px;
    width: 100%;
    padding: 15px 20px;
    border: 2.5px solid #8799B6;
    outline: none;
    resize: none;
    background: #fff;
    font-weight: 500;
}
.contact-page
  .contact-page-main
  .map
  .adresses
  .adresses-cont
  .forms
  .form-wrapper
  .item
  textarea::placeholder {
    font-size: 16px;
    color: #8799B6;
}

.contact-page
  .contact-page-main
  .map
  .adresses
  .adresses-cont
  .forms
  .form-wrapper
  .item
  .captcha.image-captc {
    border-radius: 25px;
    overflow: hidden;
    border: 2.5px solid #8799B6;
    padding: 15px 0 0 0;
  text-align: center;
  color: #30B5B9;
  height: 60px;
}

.contact-page
  .contact-page-main
  .map
  .adresses
  .adresses-cont
  .forms
  .form-wrapper
  .item
  .captcha.image-captc
  a {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #404869;
}

.contact-page
  .contact-page-main
  .map
  .adresses
  .adresses-cont
  .forms
  .form-wrapper
  .item
  .captcha.image-captc
  img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.contact-page
  .contact-page-main
  .map
  .adresses
  .adresses-cont
  .forms
  .form-wrapper
  .item-group
  .item {
    margin: 0 0px;
}

.contact-page
  .contact-page-main
  .map
  .adresses
  .adresses-cont
  .forms
  .form-wrapper
  .item-group
  .item
  button {
    width: 100%;
    border-radius: 25px;
    outline: none;
    border: 2.5px solid #30B5B9;
    background: #fafafa;
    font-weight: 500;
    font-size: 16px;
    color: #30B5B9;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.4s ease all;
    /* padding: 10px; */
    height: 60px;
}

.contact-page
  .contact-page-main
  .map
  .adresses
  .adresses-cont
  .forms
  .form-wrapper
  .item-group
  .item
  button
  span.line {
    width: 35px;
    height: 2px;
    background: #F2F7FD;
    margin-left: 15px;
    transition: 0.4s ease all;
}

.contact-page
  .contact-page-main
  .map
  .adresses
  .adresses-cont
  .forms
  .form-wrapper
  .item
  input:focus {
    box-shadow: none;
}

.contact-page
  .contact-page-main
  .map
  .adresses
  .adresses-cont
  .forms
  .form-wrapper
  .item:before {
    content: "";
    position: absolute;
    left: 5px;
    top: 0px;
    right: 5px;
    height: 100%;
    border-radius: 25px;
    border: 2.5px solid #30B5B9;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s ease all;
    pointer-events: none;
}

.contact-page
  .contact-page-main
  .map
  .adresses
  .adresses-cont
  .forms
  .form-wrapper
  .item:hover:before {
    opacity: 1;
    visibility: visible;
}

.contact-page
  .contact-page-main
  .map
  .adresses
  .adresses-cont
  .forms
  .form-wrapper
  .item
  input:focus {
    border-color: #7c7c7c;
}

.contact-page
  .contact-page-main
  .map
  .adresses
  .adresses-cont
  .forms
  .form-wrapper
  .item
  textarea:focus {
    border: 2.5px solid #7c7c7c;
}

.contact-page
  .contact-page-main
  .map
  .adresses
  .adresses-cont
  .forms
  .form-wrapper
  .item-group
  > .item:before {
    display: none;
}

.contact-page
  .contact-page-main
  .map
  .adresses
  .adresses-cont
  .forms
  .form-wrapper
  .item
  .captcha:before {
    content: "";
    position: absolute;
    left: 10px;
    right: 0px;
    top: 0;
    height: 100%;
    border: 2.5px solid #30B5B9;
    border-radius: 25px;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s ease all;
    pointer-events: none;
}

.contact-page
  .contact-page-main
  .map
  .adresses
  .adresses-cont
  .forms
  .form-wrapper
  .item
  .captcha:hover:before {
    opacity: 1;
    visibility: visible;
}

.contact-page
  .contact-page-main
  .map
  .adresses
  .adresses-cont
  .forms
  .form-wrapper
  .item-group
  .item
  button:hover {
    background: #30B5B9;
    color: #fafafa;
    background-color: #30B5B9;
}

.contact-page
  .contact-page-main
  .map
  .adresses
  .adresses-cont
  .forms
  .form-wrapper
  .item-group
  .item
  button:hover
  span.line {
    background: #fafafa;
}

.contact-page
  .contact-page-main
  .map
  .adresses
  .adresses-cont
  .forms
  .form-wrapper
  .item
  .captcha.image-captc:before {
    display: none;
}

.contact-page
  .contact-page-main
  .map
  .adresses
  .adresses-cont
  .forms
  .form-wrapper
  .item-group
  .item.item-submit {
    flex: 1;
}

/* Contact Page End */
/* Product List Start */
.product-list {
    max-width: 1890px;
    padding: 120px 30px;
    margin: 0 auto;
}

.product-list .product-list-main .list-wrapper {
    display: flex;
    flex-wrap: wrap;
    padding-top: 0px;
}

.product-list .product-list-main .list-wrapper .product-name-tree {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
}

.product-list .product-list-main .list-wrapper .product-name-tree h1 {
    font-size: 30px;
    letter-spacing: 0.03em;
    color: #404869;
    margin-bottom: 0;
}

.product-list .product-list-main .list-wrapper .product-name-tree ul.tree {
    display: flex;
}

.product-list
  .product-list-main
  .list-wrapper
  .product-name-tree
  ul.tree
  li:last-child {
    display: none;
}

.product-list
  .product-list-main
  .list-wrapper
  .product-name-tree
  ul.tree
  li
  + li {
    position: relative;
    padding-left: 13px;
}

.product-list .mobile-sorting-area {
    display: none;
}

.product-list
  .product-list-main
  .list-wrapper
  .product-name-tree
  ul.tree
  li
  + li:before {
    transform: rotate(-45deg) translateY(-50%);
    content: "";
    position: absolute;
    border: solid #404869;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 4px;
    top: 50%;
    left: 0;
    border-bottom-right-radius: 2px;
}

.product-list .product-list-main .list-wrapper .product-name-tree ul.tree li a {
    font-size: 16px;
    letter-spacing: .25px;
    line-height: 19px;
    color: #404869;
}

.product-list .product-list-main .list-wrapper .product-name-tree ul.tree li {
    padding-right: 10px;
}

.product-list .product-list-main .list-wrapper .sorting-area {
    width: 50%;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

.product-list
  .product-list-main
  .list-wrapper
  .sorting-area
  .dropdown.bootstrap-select {
    height: 50px;
}

.product-list
  .product-list-main
  .list-wrapper
  .sorting-area
  .dropdown.bootstrap-select
  button.btn {
    background: white;
    height: 100%;
    outline: none;
    border-radius: 8px;
    font-size: 16px;
    color: #404869;
}

.product-list .dropdown-item.active,
.dropdown-item:active {
    background-color: #bbb9b9;
}

.product-list .bootstrap-select .dropdown-menu {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.product-list
  .product-list-main
  .list-wrapper
  .sorting-area
  .dropdown.bootstrap-select
  button.btn:focus {
    outline: none !important;
    box-shadow: none;
}

.product-list
  .product-list-main
  .list-wrapper
  .sorting-area
  .dropdown.bootstrap-select
  button.btn
  .filter-option {
    display: flex;
    align-items: center;
}

.product-list
  .product-list-main
  .list-wrapper
  .sorting-area
  .dropdown.bootstrap-select
  button.btn:after {
    transform: rotate(45deg) translateY(-50%);
    content: "";
    position: absolute;
    border: solid #404869;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 4px;
    top: 50%;
    right: 25px;
    border-bottom-right-radius: 2px;
}

.product-list .product-list-main .list-wrapper .filter-collapse {
    max-width: 280px;
    width: 100%;
    
}
#arka {
    border-radius: 30px;
    background-color: #fff;
    height: 100%;
    max-height: 100%;
}
.product-list .product-list-main .list-wrapper .filter-group {
    width: 100%;
    margin-top: 55px;
    border-radius: 30px;
    background-color: #fff;
    padding: 45px 0;
    display: flex;
    justify-content: center;
    box-shadow: 0px 3px 10px -2px rgb(0 0 0 / 8%);
    /* position: sticky; */
    /* top: 200px; */
    /* max-height: 530px; */
}

.product-list .product-list-main .list-wrapper .filter-group:hover {
box-shadow: 0px 2px 10px rgba(156, 175, 207, .6);
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease; /* WebKit tabanlı tarayıcılar için */
    -moz-transition: all 0.4s ease; /* Mozilla tabanlı tarayıcılar için */
    -webkit-transition: 0.4s; /* Eski WebKit tarayıcıları için */
    -moz-transition: 0.4s;    /* Eski Firefox tarayıcıları için */
}
.product-list .product-list-main .list-wrapper .product-comp.products-wrapper {
    flex: 1;
    margin-top: 45px;
    padding-left: 80px;
}

.product-list .product-list-main .list-wrapper .filter-group > ul {
    padding: 0 25px;
    width: 90%;

    /* max-height: 430px; */
    /* overflow-y: auto; */
}

.product-list
  .product-list-main
  .list-wrapper
  .filter-group
  > ul::-webkit-scrollbar {
    display: none;
}

.product-list
  .product-list-main
  .list-wrapper
  .filter-group
  ul
  > li.dropdown-filter {
    position: relative;
    cursor: pointer;
}

.product-list
  .product-list-main
  .list-wrapper
  .filter-group
  ul
  > li.dropdown-filter
  + li.dropdown-filter {
    margin-top: 25px;
}

.product-list
  .product-list-main
  .list-wrapper
  .filter-group
  ul
  > li.dropdown-filter
  > span {
    font-weight: normal;
    font-size: 18px;
    color: #546174;
    width: 100%;
    display: block;
    padding-bottom: 20px;
    border-bottom: 2.5px solid #E1EAF4;
    transition: 0.4s;
}
.product-list .product-list-main .list-wrapper .filter-group ul > li:last-child > span {
    border-bottom: none;
    padding-bottom: 0px;
  }

.product-list
  .product-list-main
  .list-wrapper
  .filter-group
  ul
  > li.dropdown-filter
  > span:hover {
    color: #30B5B9;
    transition: 0.4s;
}
#active {
    color: #30B5B9;
    transition: 0.4s;
  }

.product-list
  .product-list-main
  .list-wrapper
  .filter-group
  ul
  > li.dropdown-filter
  ul.input-wrapper {
    padding-top: 20px;
    display: none;
}

.product-list
  .product-list-main
  .list-wrapper
  .filter-group
  ul
  > li.dropdown-filter.has-sub:before {
    content: "";
    position: absolute;
    right: 0;
    top: 15px;
    width: 13px;
    height: 2px;
    background: #4c4c4c;
    border-radius: 20px;
}

.product-list
  .product-list-main
  .list-wrapper
  .filter-group
  ul
  > li.dropdown-filter.has-sub.active:after {
    transform: rotate(-90deg);
}

.product-list
  .product-list-main
  .list-wrapper
  .filter-group
  ul
  > li.dropdown-filter.has-sub:after {
    content: "";
    position: absolute;
    height: 13px;
    width: 1px;
    right: 6px;
    top: 9px;
    background: #4c4c4c;
    border-radius: 20px;
    transition: 0.4s ease all;
    transform: rotate(0deg);
}

.product-list
  .product-list-main
  .list-wrapper
  .filter-group
  ul
  > li.dropdown-filter
  ul.input-wrapper
  li.input-item {
}

.product-list
  .product-list-main
  .list-wrapper
  .filter-group
  ul
  > li.dropdown-filter
  ul.input-wrapper
  li.input-item
  input {
    /* opacity: 0; */
    display: none;

    /* position: absolute; */
    /* left: 0; */
    /* top: 0; */
}

.product-list
  .product-list-main
  .list-wrapper
  .filter-group
  ul
  > li.dropdown-filter
  ul.input-wrapper
  li.input-item
  label {
    position: relative;
    font-size: 16px;
    line-height: 15px;
    text-align: left;
    color: rgba(45, 45, 45, 0.8);
    padding-left: 22px;
    transition: 0.4s;
    margin-bottom: 12px;
}

.product-list
  .product-list-main
  .list-wrapper
  .filter-group
  ul
  > li.dropdown-filter
  ul.input-wrapper
  li.input-item
  label:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 15px;
    height: 15px;
    border: 2.5px solid #4c4c4c;
    border-radius: 3px;
}

.product-list
  .product-list-main
  .list-wrapper
  .filter-group
  ul
  > li.dropdown-filter
  ul.input-wrapper
  li.input-item
  label::after {
}

.product-list
  .product-list-main
  .list-wrapper
  .filter-group
  ul
  > li.dropdown-filter
  ul.input-wrapper
  li.input-item
  label:after {
    transform-origin: center;
    transform: translateY(-50%) scale(0);
    content: "";
    position: absolute;
    left: 2px;
    top: 50%;
    width: 11px;
    height: 10px;
    background: #4c4c4c;
    border-radius: 1px;
    transition: 0.4s;
}

.product-list
  .product-list-main
  .list-wrapper
  .filter-group
  ul
  > li.dropdown-filter
  ul.input-wrapper
  li.input-item
  input:checked
  ~ label::after {
    transform: translateY(-50%) scale(1);
    opacity: 1;
}

.product-list .product-list-main .cust-pagination {
    width: 100%;
    padding: 70px 0 0px;
    margin-bottom: -50px;
}

.product-list .product-list-main .cust-pagination .pagination-wrapper ul {
    display: flex;
    justify-content: center;
    align-items: center;
}

.product-list .product-list-main .cust-pagination .pagination-wrapper ul li {
    padding: 5px;
}

.product-list .product-list-main .cust-pagination .pagination-wrapper ul li a {
    border-radius: 15px;
    color: #404869;
    border: 2.5px solid #8799B6;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    transition: 0.4s;
}

.product-list  .product-list-main  .cust-pagination  .pagination-wrapper  ul  li.active  a,
.product-list  .product-list-main  .cust-pagination  .pagination-wrapper  ul  li  a:hover {
    border-color: #404869;
    color: #404869;
}

.product-list
  .product-list-main
  .cust-pagination
  .pagination-wrapper
  ul
  span.arrow {
    cursor: pointer;
    margin: 0 10px;
}

.product-list
  .product-list-main
  .cust-pagination
  .pagination-wrapper
  ul
  span.arrow
  svg
  g
  path {
    transition: 0.4s;
}

.product-list
  .product-list-main
  .cust-pagination
  .pagination-wrapper
  ul
  span.arrow
  svg
  g
  path:last-child {
    stroke: rgb(65 65 65 / 80%);
}

.product-list
  .product-list-main
  .cust-pagination
  .pagination-wrapper
  ul
  span.arrow
  svg
  g
  path:first-child {
    stroke: rgb(65 65 65 / 70%);
}

.events-btns {
    display: none;
}

/* Product List End */
/* Product Detail Start */
.product-detail {
    padding: 190px 30px 0 30px;
}

.product-detail .page-main {
    background: #fff;
    overflow: hidden;
    margin-bottom: 50px;
    margin-top: -35px;
    margin-left: 35px;
    margin-right: 35px;
}

.product-detail .page-main .tab {
    z-index: 1;
    margin: 70px 0;
    position: relative;
}

.product-detail .page-main .tab.scroll {
    /* box-shadow: 0px 9px 20px rgb(0 0 0 / 4%); */
}

.product-detail .page-main .product-slider {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 1225px;
    margin: 0 auto;
    height: 590px;
}
.detay {
    margin: 5rem auto;
                width: 90%;
                display: grid;
                gap: 5rem;
                align-items: center;
                grid-template-columns: 0.75fr 1fr;
              /* max-width: 1199px; */
   
}
.urundetay  {
padding-top: 0;
padding-bottom: 0;
font-family: "tt-norms-pro";
background-color: #F2F7FD;
color: #404869;
margin: 0 auto;
margin-top: -40px;
width: 100%;
}

.urundetay .part-2 .description {
    margin-bottom: 0px;
    color: #74849d;
    font-size: 15px;
    line-height: 1.8em;
    text-align: left;
}

.urundetay .part-2 .description span {
    color: #546174;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: .2px;
}
.urundetay .part-2 .description span span {
    color: #30B5B9;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: .2px;
}

.product-detail .page-main .product-slider .left {
    flex: 0 0 15%;

    /* overflow: hidden; */
    /* height: 400px; */
    padding-left: 0;
    padding-right: 130px;
    border-right: 2.5px solid #E6EAF0;
    position: relative;
}

.product-detail .page-main .product-slider .left .swiper-arrow {
    text-align: center;
    padding: 20px 20px;
    cursor: pointer;
}

.product-detail .page-main .product-slider .left .swiper-arrow.swiper-button-disabled {
    opacity: 0;
}

.product-detail .page-main .product-slider .left .swiper-arrow svg path {
    stroke: #74849d;
}

.product-detail .page-main .product-slider .left:before,
.product-detail .page-main .product-slider .left:after {
    content: "";
    position: absolute;
    left: 24px;
    height: 2px;
    width: 50px;
    background: rgb(112 112 112 / 10%);
}

.product-detail .page-main .product-slider .left:before {
    top: -40px;
}

.product-detail .page-main .product-slider .left:after {
    bottom: -40px;
}

.product-detail .page-main .product-slider .left .img {
    /* overflow: hidden; */
    padding-bottom: 2px;

    /* box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.05); */
}

.product-detail .page-main .product-slider .left .img img {
    border: 3px solid #F2F7FD;
    object-fit: cover;
    width: 100%;
    height: 100%;
    border-radius: 10px;
    box-shadow: 0px 3px 10px -2px rgb(0 0 0 / 8%);
}

.product-detail
  .page-main
  .product-slider
  .left
  .swiper-slide-thumb-active
  .img
  img {
    border-color: #30B5B9;
}

.product-detail .page-main .product-slider .left .swiper-container {
    user-select: none;
    height: 400px;
}

.product-detail .page-main .product-slider .right {
    flex: 1;
    height: 100%;
    padding-right: 0;
    overflow: hidden;
    display: flex;
    gap: 20px;
}

.product-detail .page-main .product-slider .right .item {
    width: 100%;
    background-size: contain;
    height: 100%;
    display: flex;
    justify-content: center;

    /* padding-top: 70px; */
    border-radius: 30px;
    background-position: center;
    background-repeat: no-repeat;
    align-items: center;
}

.product-detail .page-main .product-slider .right .item .content {
    text-align: left;
}

.product-detail .page-main .product-slider .right .item .img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.product-detail .page-main .product-slider .right .swiper-container {
    width: 55%;
}

.product-detail .page-main .product-slider .right .content {
    /* width: 40%; */
    /* max-width: 400px; */
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.product-detail .page-main .product-slider .right .content .h1 {
    font-size: 45px;
    letter-spacing: 0.01em;
    line-height: 1.2;
    color: #546174;
    margin-bottom: 0;
}

.product-detail .page-main .product-slider .right .content .h1 span {
    display: block;
    font-weight: bold;
}

.product-detail .page-main .product-slider .right .content span.txt {
    margin-top: 0px;
    display: block;
    font-size: 20px;
    color: #8799B6;
    padding: 0;
}

span.divider {
    display: block;
    width: 100%;
    height: 2px;
    background-color: rgb(217 217 217 / 40%);
}

.product-detail .page-main .tab .tab-wrapper ul {
    display: flex;
    justify-content: center;
    margin: 0 auto;
}

.product-detail .page-main .tab .tab-wrapper ul li {
    padding: 10px 35px;
}

.product-detail .page-main .tab .tab-wrapper ul li a {
    font-size: 17px;
    line-height: 21px;
    color: #404869;
    white-space: nowrap;
}

.product-detail .page-main .tab .tab-wrapper ul li.active a:before,
.product-detail .page-main .tab .tab-wrapper ul li a:hover:before {
    opacity: 1;
    visibility: visible;
}

.product-detail .page-main .tab .tab-wrapper ul li a {
    position: relative;
}

.product-detail .page-main .tab .tab-wrapper ul li a:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -10px;
    transform: translateX(-50%);
    width: 50%;
    height: 2px;
    border-radius: 5px;
    background-color: #404869;
    transition: 0.4s ease all;
    opacity: 0;
    visibility: hidden;
}

.recommended-products {
    margin-bottom: 200px;
    padding: 0px 95px 0;
    margin-top: 150px;
}

.product-detail
  .page-main
  .product-detail-relative
  .product-detail-absolute
  > div {
    margin-top: 0;
    width: 100%;
}

#section2 iframe {
    width: 50vw !important;
}

.content-video-player {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 1rem;
    order: 1;
}

.content-video-player-frame {
    flex: 1 0 calc(50% - 10px);
}

@media (max-width: 991px) {
    #section2 iframe {
        width: 100% !important;
        height: 50vh !important;
    }

    .content-video-player-frame {
        max-height: 300px;
    }
}

div#section2 {
    display: flex;
    justify-content: center;
}

div#section2 .content {
    display: flex;
    flex-direction: column;
}

.product-detail .page-main .explanation .content .img {
    height: 650px;
    border-radius: 30px;
    overflow: hidden;
}

.product-detail .product-detail-relative {
    position: relative;
    height: max-content !important;
    width: calc(100% - 190px);
    margin: 0 auto;
}

.product-detail .product-detail-relative .product-detail-absolute {
    /* position: absolute; */
    left: 50%;
    width: 100%;
    top: 0;
    opacity: 0;
    visibility: hidden;
    transition: 0.4s;
    display: none;
    align-items: center;
    justify-content: center;
}

.product-detail .product-detail-relative .product-detail-absolute.active {
    opacity: 1;
    visibility: visible;
    width: 100%;
    display: flex;
}

.product-detail-absolute.active {
}

.product-detail
  .product-detail-relative
  .product-detail-absolute
  .drivers
  table {
    margin: 0 auto;
}

.product-detail
  .product-detail-relative
  .product-detail-absolute
  .drivers
  table
  tbody
  tr:nth-child(1) {
    color: #8799B6;
}

.product-detail
  .product-detail-relative
  .product-detail-absolute
  .drivers
  table
  tbody
  tr:nth-child(1)
  th {
    font-weight: normal;
}

.product-detail
  .product-detail-relative
  .product-detail-absolute
  .drivers
  table
  tbody
  tr
  + tr
  td:first-child {
    font-weight: bold;
}

.product-detail  .product-detail-relative  .product-detail-absolute  .drivers  table  tbody  tr  th,
.product-detail  .product-detail-relative  .product-detail-absolute  .drivers  table  tbody  tr  td {
    font-size: 16px;
    color: #8799B6;
}

.product-detail  .product-detail-relative  .product-detail-absolute  .drivers  table  tbody  tr  th,
.product-detail  .product-detail-relative  .product-detail-absolute  .drivers  table  tbody  tr  td {
    padding: 25px 0;
}

.product-detail
  .product-detail-relative
  .product-detail-absolute
  .drivers
  table
  tbody
  tr
  + tr {
    border-top: 1px solid #e2e2e2;
}

.product-detail
  .product-detail-relative
  .product-detail-absolute
  .drivers
  table
  tbody
  tr:nth-child(2) {
    border-top: 1px solid rgb(0 0 0 / 45%);
}

.product-detail
  .product-detail-relative
  .product-detail-absolute
  .drivers
  table
  tbody
  tr
  + tr
  td:first-child {
    padding-right: 120px;
}

.product-detail
  .product-detail-relative
  .product-detail-absolute
  .drivers
  table
  tbody
  tr
  + tr
  td:nth-child(2) {
    padding-right: 200px;
}

.product-detail
  .product-detail-relative
  .product-detail-absolute
  .drivers
  table
  tbody
  tr
  + tr
  td:nth-child(3) {
    padding-right: 200px;
}

.product-detail
  .product-detail-relative
  .product-detail-absolute
  .drivers
  table
  tbody
  tr
  + tr
  td:nth-child(4) {
    padding-right: 100px;
}

.product-detail
  .product-detail-relative
  .product-detail-absolute
  .drivers
  table
  tbody
  tr
  + tr
  td:nth-child(4)
  span.icon
  svg {
    stroke: #646464;
}

.product-detail
  .product-detail-relative
  .product-detail-absolute
  .drivers
  table
  tbody
  tr
  + tr
  td:nth-child(4)
  span.icon {
    margin-right: 15px;
}

.product-detail
  .product-detail-relative
  .product-detail-absolute
  .drivers
  table
  tbody
  tr
  + tr
  td:nth-child(4)
  a {
    text-decoration: none;
    color: #8799B6;
}

.product-detail .page-main .explanation .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.mid-container {
    /* padding: 0px 95px 0; */
}

.product-detail .page-main .explanation .content .explanation-text {
    position: relative;

    /* width: 54%; */
    margin: 0 auto;
    text-align: center;
    z-index: 1;
}

.product-detail .page-main .explanation .content .explanation-text .cnt img {
    width: 100% !important;
    height: auto !important;
}

.product-detail .page-main .explanation .content .explanation-text:after {
    /* content: ""; */
    position: absolute;
    top: -30px;
    left: 70px;
    right: 70px;
    height: 420px;
    background-color: #F2F7FD;
    border-radius: 50%;
    z-index: -1;
}
#geridon {
    width: max-content;
    margin: -55px auto 70px auto;
    text-align: center;
}
.product-detail .page-main .explanation .content .explanation-text h2.title {
    font-weight: bold;
    font-size: 35px;
    line-height: 65px;
    color: #404869;
    margin-bottom: 50px;
}

.product-detail .page-main .explanation .content .explanation-text .cnt {
    font-size: 23px;
    letter-spacing: 0em;
    line-height: 33px;
    text-align: center;
    color: rgba(65, 65, 65, 0.75);
}

.product-detail .page-main .explanation .big-img .img {
    border-radius: 30px;
    overflow: hidden;
}

.product-detail .page-main .explanation .big-img .img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    position: relative;
    z-index: 1;
}

.product-detail .page-main .technical-specifications {
}

.product-detail .page-main .technical-specifications .technical-wrapper {
}

.product-detail .page-main .technical-specifications .technical-wrapper ul {
    max-width: 90%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 auto;
    padding-bottom: 60px;
}

.product-detail .page-main .technical-specifications .technical-wrapper ul li {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.product-detail
  .page-main
  .technical-specifications
  .technical-wrapper
  ul
  li
  .colors {
    margin-top: 0;
}

.technical-specifications .technical-wrapper ul li + li {
    border-top: 2.5px solid #E1EAF4;
    margin-top: 25px;
    padding-top: 25px;
}

.technical-specifications .technical-wrapper ul li span {
    font-size: 20px;
}

.product-detail
  .page-main
  .technical-specifications
  .technical-wrapper
  ul
  li
  span.left {
    font-weight: 400;
    line-height: 25px;
    color: #546174;
    border-right: 2.5px solid #E1EAF4;
}

.product-detail
  .page-main
  .technical-specifications
  .technical-wrapper
  ul
  li
  span.right {
    color: #74849d;
    text-align: right;
}

.product-detail
  .page-main
  .technical-specifications
  .technical-wrapper
  ul
  li
  span {
    width: 50%;
}

.product-detail .page-main .qr-sectionq {
    margin-bottom: 215px;
}

.product-detail .page-main .qr-sectionq .qr-image {
    width: 290px;
    height: 290px;
    border: 2.5px solid #8799B6;
    border-radius: 30px;
    overflow: hidden;
    margin: 0 auto;
}

.product-detail .page-main .qr-sectionq .qr-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.product-detail .product-comp.products-wrapper .item {
    width: 100%;
}

.product-detail .recommend-slider .swiper-container {
    margin: 0 100px;
}

.product-detail .page-main .recommend-slider .swiper-arrow span svg path {
    stroke: #404869;
}

.product-detail .page-main #recommendSlider {
    position: relative;
}

.product-detail .page-main #recommendSlider .swiper-arrow.left-arrow {
    left: 0;
    transform: rotate(90deg);
}

.product-detail .page-main #recommendSlider .swiper-arrow.right-arrow {
    right: 0;
    transform: rotate(90deg);
}

.product-detail
  .page-main
  #recommendSlider
  .swiper-arrow.swiper-button-disabled {
    opacity: 0;
}

.footer
  .footer-cont
  .footer-main
  .footer-top
  .social-media
  ul
  li:nth-child(1)
  a:hover
  span
  svg {
    stroke: #30B5B9;
}

.product-detail .page-main #recommendSlider .swiper-arrow.right-arrow:hover {
    transform: translateX(5px) rotate(90deg);
}

.product-detail .page-main #recommendSlider .swiper-arrow.left-arrow:hover {
    transform: translateX(-5px) rotate(90deg);
}

.product-detail .page-main #recommendSlider .swiper-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 99;
    transition: 0.4s;
}

.product-title {
    width: fit-content;
    margin: 0 auto 100px;
    text-align: center;
}

.product-title h2.title {
    font-weight: 500;
    font-size: 40px;
    line-height: 65px;
    color: #404869;
    padding: 0 150px;
}

.product-title .divider {
    height: 25px;
    overflow: hidden;
}

.product-title .divider .border {
    border-color: red;
}

.product-title .divider .divider-border {
    border: 2.5px solid #8799B6;
    height: 50px;
    border-radius: 25px;
    margin-top: -25px;
}

/* Product Detail End */



.footer {
    position: relative;
    z-index: 9;
}

.footer .footer-cont {
    background-color: #F2F7FD;
}

.footer .footer-cont .footer-main {
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
    background-color: #404869;
    padding: 70px 70px 0 70px;
}

.footer .footer-cont .footer-main .footer-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;
}

.footer .footer-cont .footer-main .footer-top .logo a {
    display: block;
    width: 215px;
    height: 65px;
    background-size: contain;
    background-repeat: no-repeat;
}

.footer .footer-cont .footer-main .footer-top .footer-nav ul {
    display: flex;
    flex: 1;
    padding-right: 70px;
}

.footer .footer-cont .footer-main .footer-top .footer-nav ul li + li {
    margin-left: 70px;
}

.footer .footer-cont .footer-main .footer-top .footer-nav ul li a {
    font-size: 20px;
    color: #F2F7FD;
    transition: 0.4s auto;
    position: relative;
    font-weight: 500;
}

.footer .footer-cont .footer-main .footer-top .footer-nav ul li a:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -5px;
    height: 2.5px;
    width: 100%;
    background: #30B5B9;
    transition: 0.4s ease all;
    transform: scale(0);
    transform-origin: center;
    border-radius: 50px;
}

/* Hover durumu */
.footer .footer-cont .footer-main .footer-top .footer-nav ul li a:hover:before {
    transform: scale(1);
}

/* Active durumu */
.footer .footer-cont .footer-main .footer-top .footer-nav ul li a.active:before {
    transform: scale(1);
}


.footer .footer-cont .footer-main .footer-top .social-media ul {
    display: flex;
    align-items: center;
}

.footer .footer-cont .footer-main .footer-top .social-media ul li + li {
    margin-left: 20px;
}

.footer
  .footer-cont
  .footer-main
  .footer-top
  .social-media
  ul
  li
  a
  span.icon
  svg {
    fill: none;
    stroke: #F2F7FD;
    transition: 0.4s;
}

.footer
  .footer-cont
  .footer-main
  .footer-top
  .social-media
  ul
  li:nth-child(2):hover
  a
  span.icon
  svg {
    stroke: #30B5B9;
}

.footer
  .footer-cont
  .footer-main
  .footer-top
  .social-media
  ul
  li:nth-child(3):hover
  a
  span.icon
  svg {
    stroke: #dd2a7b;
}

.footer .footer-cont .footer-main .footer-mid {
    margin-bottom: 55px;
}

.footer .footer-cont .footer-main .footer-mid .footer-mid-contact {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.footer .footer-cont .footer-main .footer-mid .footer-mid-contact:before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    height: 2.5px;
    background-color: #8799B6;
}

.footer .footer-cont .footer-main .footer-mid .footer-mid-contact ul {
    display: flex;
    border: 2.5px solid #8799B6;
    border-radius: 35px;
    height: 80px;
    align-items: center;
    justify-content: center;
    padding: 0 40px 0 40px;
    background-color: #404869;
    z-index: 9;
}

.footer
  .footer-cont
  .footer-main
  .footer-mid
  .footer-mid-contact
  ul
  li:first-child {
    padding-right: 50px;
    border-right: 2.5px solid #8799B6;
}

.footer
  .footer-cont
  .footer-main
  .footer-mid
  .footer-mid-contact
  ul
  li:last-child {
    padding-left: 50px;
}

.footer .footer-cont .footer-main .footer-mid .footer-mid-contact > ul li a {
    font-size: 20px;
    color: #F2F7FD;
    display: flex;
    align-items: center;
    line-height: 1;
    position: relative;
}

.footer
  .footer-cont
  .footer-main
  .footer-mid
  .footer-mid-contact
  ul
  li
  a
  span.icon {
    margin-right: 20px;
}

.footer
  .footer-cont
  .footer-main
  .footer-mid
  .footer-mid-contact
  ul
  li
  a
  span.icon
  svg {
    fill: #F2F7FD;
}

.footer .footer-cont .footer-main .footer-bottom {
    display: flex;
    justify-content: space-between;
    padding-bottom: 20px;
}

.footer .footer-cont .footer-main .footer-bottom .copyright span {
    font-size: 17px;
    color: #8799B6;
    position: relative;
  font-weight: 500;
}

.footer .footer-cont .footer-main .footer-bottom .contract ul {
    display: flex;
}

.footer .footer-cont .footer-main .footer-bottom .contract ul li {
    padding: 0 20px;
}

.footer .footer-cont .footer-main .footer-bottom .contract ul li a {
    transition: 0.4s ease all;
    font-size: 17px;
    color: #8799B6;
    position: relative;
  font-weight: 500;
  margin-left: -10px;
}

.footer .footer-cont .footer-main .footer-bottom a {
    display: block;
}

.footer .footer-cont .footer-main .footer-bottom a span.txt {
    position: relative;
    top: 2px;
    font-size: 17px;
    line-height: 30px;
    color: #8799B6;
    margin-right: 2px;
    transition: 0.4s;
}

.home-section
  .home-main
  .home-products
  .products
  .products-relative
  .products-absolute
  .all-btn
  a
  span:first-child:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -13px;
    width: 110%;
    height: 2px;
    background: #F2F7FD;
    transform-origin: center;
    transform: scale(0);
    transition: 0.4s all ease;
}

.home-section
  .home-main
  .home-products
  .products
  .products-relative
  .products-absolute
  .all-btn
  a
  span:first-child {
    position: relative;
    transition: 0.4s ease all;
}



.footer
  .footer-cont
  .footer-main
  .footer-mid
  .footer-mid-contact
  > ul
  li
  a:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: -10px;
    height: 2px;
    width: 100%;
    background: #30B5B9;
    transition: 0.4s ease all;
    transform: scale(0);
    transform-origin: center;
}

/* Footer End */
.scroll-down {
    position: absolute;
    bottom: 50px;
    left: 40px;
    z-index: 2;
    display: flex;
    flex-direction: column;
}

.scroll-down span {
    display: block;
    transform: rotate(-90deg) translate(40px, -13px);
    font-weight: 300;
    font-size: 22px;
    letter-spacing: 0.01em;
    line-height: 25px;
    text-align: left;
    color: #404869;
}

.scroll-down .arrows {
    display: flex;
    flex-direction: column;
    margin-left: 2px;
}

.scroll-down .arrows .arrow {
    transform: rotate(-180deg);
    width: 25px;
    height: 10px;
}

@keyframes arrows {
    0% {
        transform: translateY(10px);
        opacity: 0;
    }

    50% {
        transform: translateY(0px);
        opacity: 1;
    }

    100% {
        transform: translateY(10px);
        opacity: 0;
    }
}

.scroll-down .arrows .arrow svg {
    fill: none;
    stroke: #404869;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 1.5px;
    transform: translateY(0px);
}

.scroll-down .arrows .arrow:nth-child(1) svg {
    animation: arrows 2s 0s infinite;
}

.scroll-down .arrows .arrow:nth-child(2) svg {
    animation: arrows 2s 0.1s infinite;
}

.scroll-down .arrows .arrow:nth-child(3) svg {
    animation: arrows 2s 0.2s infinite;
}

.product-detail .page-main .product-slider .right .item a {
    display: block;
    border: none;
    outline: none;
}

@media (max-width: 991px) {
    .sistem6-signature .sistem6-signature-text {
        font-size: 14px !important;
    }
}

.sistem6-signature {
    display: flex;
    align-items: center;
    justify-content: center;
}
.sistem6-signature svg {
    width: 40px;
    margin-top: -5px;
    fill: #8799B6;
    transition: 0.4s;
}
.sistem6-signature svg:hover {
    width: 40px;
    margin-top: -5px;
    fill: #30b5b9;
}

.sistem6-signature .sistem6-signature-text {
    color: #383838;
    font-size: 16px;
    text-decoration: none;
    text-align: center;
    width: initial;

    /* height: 20px; */
}

#sistem6-signature {
    height: 30px;
    opacity: 1;
}

.sistem6-signature .sistem6-signature-text.white {
    color: #8799B6!important;
}

.horizon-card {
    transform: scale(0.9)translate(15px, 15px);
    pointer-events: none;
}

@media only screen and (max-width: 1199px) {
    .horizon-card {
        display: none;
    }
}

@keyframes scroll {
    0% {
      transform: translateX(0);
    }
    100% {
      transform: translateX(calc(-250px * 7));
    }
  }
  .logos {
    background: #fff;
    box-shadow: 0px 5px 15px rgb(64 72 105 / 10%);
    height: 150px;
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 90%;
    border-radius: 40px;
    display: flex;
    align-items: center;
    margin-bottom: 50px;
    margin-top: 0px;
  }
  .logos::before, .logos::after {
    background: linear-gradient(to right, white 0%, rgba(255, 255, 255, 0) 100%);
    content: "";
    height: 150px;
    position: absolute;
    width: 200px;
    z-index: 2;
  }
  .logos::after {
    right: 0;
    top: 0;
    transform: rotateZ(180deg);
  }
  .logos::before {
    left: 0;
    top: 0;
  }
  .logos .slide-track {
    animation: scroll 40s linear infinite;
    display: flex;
    width: calc(250px * 14);
  }
  .logos .slide {
    height: 100px;
    width: 250px;
  }

*,*:after,*:before{margin:0;padding:0;box-sizing:border-box}.material-symbols-sharp{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 40}@-webkit-keyframes wiggle{0%{-webkit-transform:rotate(-3deg);-moz-transform:rotate(-3deg);-ms-transform:rotate(-3deg);-o-transform:rotate(-3deg);transform:rotate(-3deg)}20%{-webkit-transform:rotate(20deg);-moz-transform:rotate(20deg);-ms-transform:rotate(20deg);-o-transform:rotate(20deg);transform:rotate(20deg)}40%{-webkit-transform:rotate(-15deg);-moz-transform:rotate(-15deg);-ms-transform:rotate(-15deg);-o-transform:rotate(-15deg);transform:rotate(-15deg)}60%{-webkit-transform:rotate(5deg);-moz-transform:rotate(5deg);-ms-transform:rotate(5deg);-o-transform:rotate(5deg);transform:rotate(5deg)}90%{-webkit-transform:rotate(-1deg);-moz-transform:rotate(-1deg);-ms-transform:rotate(-1deg);-o-transform:rotate(-1deg);transform:rotate(-1deg)}100%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}}@-moz-keyframes wiggle{0%{-webkit-transform:rotate(-3deg);-moz-transform:rotate(-3deg);-ms-transform:rotate(-3deg);-o-transform:rotate(-3deg);transform:rotate(-3deg)}20%{-webkit-transform:rotate(20deg);-moz-transform:rotate(20deg);-ms-transform:rotate(20deg);-o-transform:rotate(20deg);transform:rotate(20deg)}40%{-webkit-transform:rotate(-15deg);-moz-transform:rotate(-15deg);-ms-transform:rotate(-15deg);-o-transform:rotate(-15deg);transform:rotate(-15deg)}60%{-webkit-transform:rotate(5deg);-moz-transform:rotate(5deg);-ms-transform:rotate(5deg);-o-transform:rotate(5deg);transform:rotate(5deg)}90%{-webkit-transform:rotate(-1deg);-moz-transform:rotate(-1deg);-ms-transform:rotate(-1deg);-o-transform:rotate(-1deg);transform:rotate(-1deg)}100%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}}@-o-keyframes wiggle{0%{-webkit-transform:rotate(-3deg);-moz-transform:rotate(-3deg);-ms-transform:rotate(-3deg);-o-transform:rotate(-3deg);transform:rotate(-3deg)}20%{-webkit-transform:rotate(20deg);-moz-transform:rotate(20deg);-ms-transform:rotate(20deg);-o-transform:rotate(20deg);transform:rotate(20deg)}40%{-webkit-transform:rotate(-15deg);-moz-transform:rotate(-15deg);-ms-transform:rotate(-15deg);-o-transform:rotate(-15deg);transform:rotate(-15deg)}60%{-webkit-transform:rotate(5deg);-moz-transform:rotate(5deg);-ms-transform:rotate(5deg);-o-transform:rotate(5deg);transform:rotate(5deg)}90%{-webkit-transform:rotate(-1deg);-moz-transform:rotate(-1deg);-ms-transform:rotate(-1deg);-o-transform:rotate(-1deg);transform:rotate(-1deg)}100%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}}@keyframes wiggle{0%{-webkit-transform:rotate(-3deg);-moz-transform:rotate(-3deg);-ms-transform:rotate(-3deg);-o-transform:rotate(-3deg);transform:rotate(-3deg)}20%{-webkit-transform:rotate(20deg);-moz-transform:rotate(20deg);-ms-transform:rotate(20deg);-o-transform:rotate(20deg);transform:rotate(20deg)}40%{-webkit-transform:rotate(-15deg);-moz-transform:rotate(-15deg);-ms-transform:rotate(-15deg);-o-transform:rotate(-15deg);transform:rotate(-15deg)}60%{-webkit-transform:rotate(5deg);-moz-transform:rotate(5deg);-ms-transform:rotate(5deg);-o-transform:rotate(5deg);transform:rotate(5deg)}90%{-webkit-transform:rotate(-1deg);-moz-transform:rotate(-1deg);-ms-transform:rotate(-1deg);-o-transform:rotate(-1deg);transform:rotate(-1deg)}100%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.6);-moz-transform:scale(1.6);-ms-transform:scale(1.6);-o-transform:scale(1.6);transform:scale(1.6)}100%{-webkit-transform:scale(1.7);-moz-transform:scale(1.7);-ms-transform:scale(1.7);-o-transform:scale(1.7);transform:scale(1.7);opacity:0}}@-moz-keyframes pulse{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.6);-moz-transform:scale(1.6);-ms-transform:scale(1.6);-o-transform:scale(1.6);transform:scale(1.6)}100%{-webkit-transform:scale(1.7);-moz-transform:scale(1.7);-ms-transform:scale(1.7);-o-transform:scale(1.7);transform:scale(1.7);opacity:0}}@-o-keyframes pulse{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.6);-moz-transform:scale(1.6);-ms-transform:scale(1.6);-o-transform:scale(1.6);transform:scale(1.6)}100%{-webkit-transform:scale(1.7);-moz-transform:scale(1.7);-ms-transform:scale(1.7);-o-transform:scale(1.7);transform:scale(1.7);opacity:0}}@keyframes pulse{0%{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.6);-moz-transform:scale(1.6);-ms-transform:scale(1.6);-o-transform:scale(1.6);transform:scale(1.6)}100%{-webkit-transform:scale(1.7);-moz-transform:scale(1.7);-ms-transform:scale(1.7);-o-transform:scale(1.7);transform:scale(1.7);opacity:0}}#wpp-fix{position:fixed;bottom:20px;right:25px;z-index:12}#wpp-fix .wpp-link{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;background:#25d366;display:flex;z-index:2;position:relative;padding:10px;border:none;cursor:pointer;border-radius:50%;box-shadow:0 3px 10px rgb(37 211 102 / .56);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}#wpp-fix .wpp-link>span{display:none}#wpp-fix .wpp-link:hover{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);-o-transform:scale(1.05);transform:scale(1.05);background:#1da851}#wpp-fix svg{width:initial;display:block;height:30px}#wpp-fix svg path{fill:#fff}#wpp-fix.shake .wpp-link::before{-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;background:rgb(37 211 102 / .6);content:"";width:100%;height:100%;position:absolute;border-radius:50%;z-index:-1;top:0;right:0;-webkit-animation:pulse 2s infinite;-moz-animation:pulse 2s infinite;-o-animation:pulse 2s infinite;animation:pulse 2s infinite}#wpp-fix.shake svg{-webkit-animation:1s wiggle ease infinite;-moz-animation:1s wiggle ease infinite;-o-animation:1s wiggle ease infinite;animation:1s wiggle ease infinite}

.section-services{padding-top:0;padding-bottom:0;font-family:"tt-norms-pro";background-color:#F2F7FD;color:#404869;margin: 0 auto;margin-top: -40px;width: 100%;}

#services-h3{font-size:20px;color: #F2F7FD;margin-bottom:5px;width:100%;font-weight:400;line-height: normal;display: flex;
        justify-content: space-between;
        align-items: center;
        flex-direction: row-reverse;margin: 0;}

.section-services .header-section{margin-bottom:35px}.section-services .header-section .title{position:relative;margin-bottom:40px;padding-bottom:25px;text-transform:uppercase;font-weight:700}.section-services .header-section .title:before{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:140px;height:2px;background-color:#404869}.section-services .header-section .title:after{content:"";position:absolute;bottom:-1px;left:50%;transform:translateX(-50%);width:45px;height:3px;background-color:#404869}.section-services .header-section .title span{color:red}.section-services .header-section .description{color:red}


.section-services .single-service .part-2 .description span{color:#546174;font-weight:400;    font-size: 16px;
    letter-spacing: .2px;}
    .section-services .single-service .part-2 .description span span{color:#30B5B9;font-weight:400;    font-size: 16px;
        letter-spacing: .2px;}   
    
    

.section-services .single-service{
    margin-top:40px;background-color:#fff;border-radius:40px;box-shadow: 0px 3px 10px -2px rgb(64 72 105 / 15%);
    text-align: left;
}

/* .section-services .single-service:hover { background: linear-gradient(135deg, rgb(255, 255, 255) 30%, rgba(64, 72, 105, 1) 100%);
    -webkit-transition: background 0.4s ease; 
    -moz-transition: background 0.4s ease; 
    -o-transition: background 0.4s ease; 
    transition: background 0.4s ease;} */

.section-services .single-service .part-1 {padding: 20px 40px 10px;border-bottom:4px solid #30B5B9;
    background: #404869;
    border-top-left-radius: 40px;
    border-top-right-radius: 40px;
    display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        margin: 0;
        height: 100%;

}

/* .section-services .single-service .part-1 svg{width:40px;padding-bottom:10px;fill:#30B5B9} */
.section-services .single-service .part-1 svg {
    width: 43px;
    padding-bottom: 10px;
     fill: #8799B6; 
    /* fill: #2d3457; */
    float: right;
    opacity: .7;
    margin: 0;
}

/* .section-services .single-service svg {
    width: 60px;
    padding-bottom: 10px;
    
    fill: #2d3457;
    float: right;
    margin-top: -7px;
    opacity: .7;
} 
*/

/* .section-services .single-service svg {
width: 50%;
padding-bottom: 10px;
fill: #1b2341;
margin-top: 30px;
opacity: .2;
position: absolute;
transform: translate(-50%, -50%);
left: 50%;
top: 50%;
z-index: 0;
} */
.section-services .single-service .part-1 i{margin-bottom:25px;font-size:40px;color:#30B5B9}.section-services .single-service .part-1 .title{font-weight:700;letter-spacing:.02em;line-height:1.8em}

.section-services .single-service .part-2{padding:30px 40px 40px;  }

.section-services .single-service .part-2 .description{margin-bottom:30px;color:#74849d;font-size:15px;line-height:1.8em;text-align: left;}

.section-services .single-service .part-2 a{color:#74849d;font-size:14px;text-decoration:none;border:2.5px solid #8799B6;border-radius: 30px;padding: 13px 15px 11px 15px; display: inline-block; transition: 0.4s;}
.section-services .single-service .part-2 a:hover{color:#F2F7FD;background: #31364d;
    border: 2.5px solid #404869;
    box-shadow: 0px 3px 10px rgba(64, 72, 105, .6);}

.section-services .single-service .part-2 a i{margin-right:10px;color:#30B5B9}
.section-services .single-service .part-1 .description {
font-size: 16px;
}
#f16 {
    font-size: 16px;
    color:#74849d;
    font-weight: 500;
}
#f16 span{
    font-size: 16px;
    color:#546174;
    font-weight: 400;
}
#f162 {
    font-size: 17px;
    color:#74849d;
    font-weight: 500;
    text-align: center;
    letter-spacing: .2px;
}
#f162 span{
    font-size: 16px;
    color:#546174;
    font-weight: 500;
    text-align: center;
}
#f22 {
    font-size: 22px;
    color:#546174;
    font-weight: 400;
}
#f22 h4{
    font-size: 22px;
    color:#546174;
    font-weight: 400;
}
#f22 span{
    font-size: 22px;
    color:#74849d;
    font-weight: 400;
}
#f22 span span{
    color: #30B5B9;
    font-weight: 400;
    font-size: 22px;
    letter-spacing: .2px;
}
#f19 {
    font-size: 16px;
    color:#546174;
    font-weight: 400;
}
#f18 {
    font-size: 17px;
    color:#546174;
    font-weight: 400;
}
#f19 h5{
    font-size: 19px;
    color:#546174;
    font-weight: 400;
}
#f19 span{
    font-size: 19px;
    color:#30B5B9;
    font-weight: 400;
}
#bulunamadi {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 50vh;
    text-align: center;
    font-size: 20px;
    color:#AB6D84;
}