@charset "UTF-8";

/*FONT FACE CSS*/

@import url("https://fonts.googleapis.com/css?family=Muli");
@font-face {
    font-family: "Sora";
    src: url("../font/sora/static/Sora-SemiBold.eot");
    src: url("../font/sora/static/Sora-SemiBold.eot?#iefix") format("embedded-opentype"), url("../font/sora/static/Sora-SemiBold.woff2") format("woff2"), url("../font/sora/static/Sora-SemiBold.woff") format("woff"), url("../font/sora/static/Sora-SemiBold.ttf") format("truetype"), url("../font/sora/static/Sora-SemiBold.svg#Sora-SemiBold") format("svg");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Sora";
    src: url("../font/sora/static/Sora-Medium.eot");
    src: url("../font/sora/static/Sora-Medium.eot?#iefix") format("embedded-opentype"), url("../font/sora/static/Sora-Medium.woff2") format("woff2"), url("../font/sora/static/Sora-Medium.woff") format("woff"), url("../font/sora/static/Sora-Medium.ttf") format("truetype"), url("../font/sora/static/Sora-Medium.svg#Sora-Medium") format("svg");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Sora";
    src: url("../font/sora/static/Sora-Regular.eot");
    src: url("../font/sora/static/Sora-Regular.eot?#iefix") format("embedded-opentype"), url("../font/sora/static/Sora-Regular.woff2") format("woff2"), url("../font/sora/static/Sora-Regular.woff") format("woff"), url("../font/sora/static/Sora-Regular.ttf") format("truetype"), url("../font/sora/static/Sora-Regular.svg#Sora-Regular") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Sora";
    src: url("../font/sora/static/Sora-Thin.eot");
    src: url("../font/sora/static/Sora-Thin.eot?#iefix") format("embedded-opentype"), url("../font/sora/static/Sora-Thin.woff2") format("woff2"), url("../font/sora/static/Sora-Thin.woff") format("woff"), url("../font/sora/static/Sora-Thin.ttf") format("truetype"), url("../font/sora/static/Sora-Thin.svg#Sora-Thin") format("svg");
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Sora";
    src: url("../font/sora/static/Sora-Light.eot");
    src: url("../font/sora/static/Sora-Light.eot?#iefix") format("embedded-opentype"), url("../font/sora/static/Sora-Light.woff2") format("woff2"), url("../font/sora/static/Sora-Light.woff") format("woff"), url("../font/sora/static/Sora-Light.ttf") format("truetype"), url("../font/sora/static/Sora-Light.svg#Sora-Light") format("svg");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Sora";
    src: url("../font/sora/static/Sora-ExtraLight.eot");
    src: url("../font/sora/static/Sora-ExtraLight.eot?#iefix") format("embedded-opentype"), url("../font/sora/static/Sora-ExtraLight.woff2") format("woff2"), url("../font/sora/static/Sora-ExtraLight.woff") format("woff"), url("../font/sora/static/Sora-ExtraLight.ttf") format("truetype"), url("../font/sora/static/Sora-ExtraLight.svg#Sora-ExtraLight") format("svg");
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Sora";
    src: url("../font/sora/static/Sora-Bold.eot");
    src: url("../font/sora/static/Sora-Bold.eot?#iefix") format("embedded-opentype"), url("../font/sora/static/Sora-Bold.woff2") format("woff2"), url("../font/sora/static/Sora-Bold.woff") format("woff"), url("../font/sora/static/Sora-Bold.ttf") format("truetype"), url("../font/sora/static/Sora-Bold.svg#Sora-Bold") format("svg");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Sora";
    src: url("../font/sora/static/Sora-ExtraBold.eot");
    src: url("../font/sora/static/Sora-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../font/sora/static/Sora-ExtraBold.woff2") format("woff2"), url("../font/sora/static/Sora-ExtraBold.woff") format("woff"), url("../font/sora/static/Sora-ExtraBold.ttf") format("truetype"), url("../font/sora/static/Sora-ExtraBold.svg#Sora-ExtraBold") format("svg");
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "LsElectric";
    src: url("../font/lsas/lselectric.ttf") format("truetype");
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}


/*FONT FACE CSS FINISH*/


/*COLOR VARIABLES*/


/*COLOR VARIABLES FINISH*/


/*FIGMA TEXT RULE*/

.s1 {
    font-family: Sora;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px;
    letter-spacing: -0.15px;
}

.s2 {
    font-family: Sora;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: 0.1px;
}

.h3 {
    font-family: Sora;
    font-size: 47px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    color: black;
    text-align: left;
}

.h4 {
    font-family: Sora;
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: 35px;
    letter-spacing: 0.25px;
    color: #181F29;
}

.h5 {
    font-family: Sora;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.h4 {
    font-family: Sora;
    font-size: 35px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
    letter-spacing: 0.25px;
}

.h4-bold {
    font-family: Sora;
    font-size: 35px;
    font-style: normal;
    font-weight: 700;
    line-height: 100%;
    letter-spacing: 0.25px;
}

.h5 {
    font-family: Sora;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
}

.h6 {
    font-family: Sora;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: 0.15px;
}

.h6-gray {
    color: #8F98A9;
    font-family: Sora;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    /* 20px */
    letter-spacing: 0.15px;
}


/*FIGMA TEXT RULE FINISH*/


/*DEFINE CSS*/

.lang_button {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
}

.lang_button li {
    margin-right: 10px;
    /* Butonlar arasındaki boşluk */
}

.lang_button a {
    text-decoration: none;
    color: #1D3E72;
    /* Metin rengi */
    padding: 5px 10px;
    /* Butonun iç boşlukları */
    border: 1px solid #ddd;
    /* Buton kenarının rengi ve kalınlığı */
    border-radius: 5px;
    /* Butonun köşe yuvarlaklığı */
    font-weight: bold;
    /* Metin kalınlığı */
    transition: background-color 0.3s, color 0.3s;
    /* Arka plan ve metin rengindeki geçiş animasyonu */
}

.lang_button a:hover {
    background-color: #1D3E72;
    /* Hover durumunda arka plan rengi */
    color: #fff;
    /* Hover durumunda metin rengi */
    border-color: #1D3E72;
    /* Hover durumunda kenar rengi */
}

html {
    overflow-x: hidden;
}

.container {
    font-family: "Sora";
    max-width: 1326px !important;
    width: 100%;
    margin: 0 auto;
}

.container-xl {
    font-family: "Sora";
    max-width: 1536px !important;
    width: 100%;
    margin: 0 auto;
}

.pos-rel {
    position: relative;
}

.pos-ab {
    position: absolute;
}

.link_full {
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    position: absolute;
}

.tum_link {
    color: #8F98A9;
    text-decoration: none;
    width: 220px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    border: 1px solid #E5E9EC;
    transition: 0.5s all;
    background-color: white;
}

.tum_link:hover {
    box-shadow: 0px 17.276px 34.553px -8.293px rgba(0, 0, 0, 0.25);
}

.tum_link span {
    margin-right: 12px;
}

.tum_link:after {
    content: "";
    position: absolute;
    height: 1px;
    width: 100%;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    background-color: #E5E9EC;
    right: 15px;
    z-index: -1;
}

.devami_btn {
    padding: 15px;
    border: 1px solid white;
    border-radius: 10px;
    background-color: #ffffff;
    display: block;
    color: #1D3E72;
    text-decoration: none;
    width: -moz-fit-content;
    width: fit-content;
    transition: 0.5s all;
}

.devami_btn:hover {
    background-color: #181F29;
    border: 1px solid #181F29;
    color: white;
}

.swiper-pagination-bullet {
    width: 20px;
    height: 2px;
    display: inline-block;
    border-radius: 43px;
    opacity: 1 !important;
    background-color: #8F98A9;
    transition: 0.5s all;
}

.swiper-pagination-bullet-active {
    width: 40px;
    background-color: #1D3E72;
}

.swiper-button-prev {
    transform: rotate(180deg);
}

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


/*DEFINE CSS FINISH*/


/*FOR THEME DESIGN*/

.openMenu {
    overflow: hidden;
}

.openMenu section {
    filter: blur(5px);
}

.openMenu header .mobil_navbar .mobil_menu {
    right: 0;
}

header {
    position: fixed;
    z-index: 100;
    left: 0;
    right: 0;
    top: 0;
}

header .navbar {
    background-color: white;
    padding: 39px 0;
    border-radius: 0px 0px 120px 90px;
}

header .navbar .navbar-nav {
    margin-left: auto;
    margin-right: auto;
}

header .navbar .navbar-nav .nav-item {
    padding: 12px 0;
    border-left: 1px solid #E5E9EC;
}

header .navbar .navbar-nav .nav-item:first-child {
    border-left: 0;
}

header .navbar .navbar-nav .nav-item .dropdown-menu {
    border: 1px solid #fff;
    border-radius: 15px;
    box-shadow: 0px 17.276px 34.553px -8.293px rgba(0, 0, 0, 0.25);
    padding: 12px;
}

header .navbar .navbar-nav .nav-item .dropdown-menu li {
    padding-top: 5px;
    padding-bottom: 5px;
    border-top: 1px solid #E5E9EC;
}

header .navbar .navbar-nav .nav-item .dropdown-menu li:first-child {
    border-top: 0;
}

header .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item {
    padding: 10px 9px;
    border-radius: 10px;
    transition: 0.5s all;
}

header .navbar .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover {
    background-color: #1D3E72;
    color: white;
}

header .navbar .navbar-nav .nav-item .nav-link {
    padding: 0 24px;
}

header .navbar .navbar-nav .nav-item .dropdown-toggle img {
    margin-left: 5px;
}

header .navbar .navbar-nav .nav-item .nav-link,
header .navbar .navbar-nav .nav-item .dropdown {
    color: #181F29;
    transition: 0.5s all;
}

header .navbar .navbar-nav .nav-item .nav-link:hover,
header .navbar .navbar-nav .nav-item .dropdown:hover {
    color: #1D3E72;
}

header .navbar .navbar-nav .nav-item .dropdown-toggle::after {
    display: none;
}

header .navbar .navbar-nav .nav-item .active {
    color: #1D3E72 !important;
}

header .phoneBox {
    margin-right: 24px;
}

header .phoneBox .iconPhone {
    margin-right: 5px;
}

header .phoneBox .textBox .p_title {
    line-height: 16px;
    color: #8F98A9;
}

header .phoneBox .textBox .c_phone {
    line-height: 16px;
    color: #181F29;
    text-decoration: none;
    transition: 0.5s all;
}

header .phoneBox .textBox .c_phone:hover {
    color: #1D3E72;
}

header form.search {
    width: 220px;
}

header form.search input {
    background-color: #e91f4e;
    color: white;
    border-top-left-radius: 15px;
    border-bottom-left-radius: 15px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    height: 44px;
    padding-left: 20px;
    margin-right: 0 !important;
    border: 1px solid #e91f4e !important;
}

header form.search input:focus {
    background-color: #e91f4e;
    color: white;
}

header form.search input::-moz-placeholder {
    color: white;
}

header form.search input::placeholder {
    color: white;
}

header form.search .btn-outline-success {
    background-color: #e91f4e;
    color: white;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    height: 44px;
    border: 1px solid #e91f4e !important;
    transition: 0.5s all;
}

header form.search .btn-outline-success img {
    transition: 0.5s all;
}

header form.search .btn-outline-success:hover {
    background-color: white;
    color: #e91f4e;
}

header form.search .btn-outline-success:hover img {
    filter: invert(1);
}

header .mobil_navbar {
    background-color: #fff;
    box-shadow: 0px 8px 34.553px -8.293px rgba(0, 0, 0, 0.25);
}

header .mobil_navbar .openMenu {
    transition: 0.5s all;
    cursor: pointer;
}

header .mobil_navbar .openMenu:hover {
    opacity: 0.6;
}

header .mobil_navbar .closeMenu {
    position: absolute;
    top: 10px;
    left: 10px;
}

header .mobil_navbar .mobil_menu {
    position: fixed;
    background-color: #fff;
    height: 100%;
    z-index: 100;
    right: -200px;
    top: 0;
    padding-left: 20px;
    padding-right: 20px;
    box-shadow: 0px 8px 34.553px -8.293px rgba(0, 0, 0, 0.25);
    display: flex;
    flex-direction: column;
    justify-content: start;
    padding-top: 80px;
    text-align: center;
    width: 200px;
    transition: 1s all;
}

header .mobil_navbar .mobil_menu li {
    list-style-type: none;
    margin-top: 10px;
    margin-bottom: 10px;
}

header .mobil_navbar .mobil_menu li ul {
    padding-left: 0;
}

header .mobil_navbar .mobil_menu li ul li {
    margin-top: 8px;
    margin-bottom: 8px;
}

header .mobil_navbar .mobil_menu li ul li a {
    font-size: 14px;
    transition: 0.5s all;
}

header .mobil_navbar .mobil_menu li ul li a:hover {
    color: #8F98A9;
}

header .mobil_navbar .mobil_menu li a {
    color: #000;
    font-family: Sora;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 16px;
    letter-spacing: -0.15px;
    text-decoration: none;
    transition: 0.5s all;
}

header .mobil_navbar .mobil_menu li a:hover {
    color: #8F98A9;
}

header .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
    justify-content: space-around;
}

footer {
    background-color: #1D3E72;
    min-height: 500px;
    width: 100%;
    position: relative;
}

footer:before {
    content: "";
    background-image: url("../images/define/footer_bg.png");
    background-size: cover;
    position: absolute;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    opacity: 0.5;
    bottom: 0;
    right: 0;
    z-index: 1;
}

footer * {
    z-index: 10;
}

footer .footer_contain {
    margin-top: 70px;
}

footer .footer_contain .cat_link {
    display: block;
    padding: 8px 16px;
    border-radius: 10px;
    border: 1px solid #fff;
    text-decoration: none;
    color: white;
    width: -moz-fit-content;
    width: fit-content;
    transition: 0.5s all;
    margin-bottom: 24px;
}

footer .footer_contain .cat_link:hover {
    opacity: 0.6;
}

footer .footer_contain .destek {
    margin-bottom: 24px;
}

footer .footer_contain .destek img {
    margin-right: 5px;
}

footer .footer_contain .destek .alt_link {
    color: #E5E9EC;
    opacity: 0.6;
    margin-bottom: 0;
    transition: 0.5s all;
}

footer .footer_contain .destek .alt_link:hover {
    opacity: 1;
}

footer .footer_contain .alt_link {
    text-decoration: none;
    margin-bottom: 24px;
    transition: 0.5s all;
    color: #E5E9EC;
}

footer .footer_contain .alt_link span {
    color: #8F98A9;
}

footer .footer_contain .alt_link:hover {
    opacity: 0.6;
}

footer .footer_contain .copirate {
    color: #E5E9EC;
}

footer .footer_contain .social {
    margin-top: 25px;
    display: flex;
    padding-left: 0;
}

footer .footer_contain .social li {
    list-style-type: none;
    margin-right: 12px;
    transition: 0.5s all;
}

footer .footer_contain .social li:hover {
    opacity: 0.6;
}

footer .line {
    width: 100%;
    height: 10px;
    background: linear-gradient(90deg, #E91F4E 0%, rgba(131, 17, 44, 0) 100%);
}


/* just index style */

.slider_area .mainSlider {
    height: 628px;
    margin-top: 8%;
}

.slider_area .mainSlider .swiper-wrapper .swiper-slide {
    position: relative;
}

.slider_area .mainSlider .swiper-wrapper .swiper-slide:after {
    content: "";
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgb(255, 255, 255);
    background: linear-gradient(90deg, rgb(255, 255, 255) 23%, rgba(9, 9, 121, 0) 78%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#090979", GradientType=1);
}

.slider_area .mainSlider .swiper-wrapper .swiper-slide .slider_text_box {
    position: relative;
    z-index: 20;
    margin-bottom: 100px;
}

.slider_area .mainSlider .swiper-wrapper .swiper-slide .slider_text_box .sl_link {
    padding: 16px;
    background-color: #e91f4e;
    border: 1px solid #e91f4e;
    color: white;
    border-radius: 10px;
    text-decoration: none;
    transition: 0.5s all;
    display: block;
    width: -moz-fit-content;
    width: fit-content;
}

.slider_area .mainSlider .swiper-wrapper .swiper-slide .slider_text_box .sl_link:hover {
    background-color: transparent;
    color: #e91f4e;
}

.slider_area .mainSlider .swiper-wrapper .swiper-slide .slider_text_box .b_text {
    color: #8F98A9;
    text-align: left;
    margin-bottom: 24px;
    margin-top: 12px;
}

.slider_area .mainSlider .swiper-wrapper .swiper-slide .slider_text_box .h3 span {
    color: #e91f4e;
}

.slider_area .mainSlider .navigate {
    position: absolute;
    bottom: 160px;
    right: 25px;
    width: 100px;
    z-index: 20;
}

.slider_area .mainSlider .swiper-pagination {
    text-align: end;
    left: 0;
    right: 0;
    bottom: 155px;
    padding-right: 140px;
}


/* Slider özel font sınıfları */

.slider-font-title {
    font-family: "Sora", sans-serif;
}

.slider-font-title span {
    color: #e91f4e;
}

.slider-font-description {
    font-family: "Sora", sans-serif;
}

.slider-font-button {
    font-family: "Sora", sans-serif;
}

.smart_searchbox {
    position: relative;
    z-index: 20;
    margin-top: -121px;
    /* Ürün görüntüleme bölmesi */
}

.smart_searchbox .dropdown {
    position: relative;
    display: inline-block;
    max-width: 746px;
    width: 100%;
    border-radius: 30px;
    background-color: white;
    box-shadow: 0px 8px 34.553px -8.293px rgba(0, 0, 0, 0.25);
}

.smart_searchbox .dropbtn-info {
    margin-left: 12px;
    margin-right: 10px;
}

.smart_searchbox .dropbtn-doc {
    margin-left: auto;
}

.smart_searchbox .dropbtn-info,
.smart_searchbox .dropbtn-doc {
    background-color: #e91f4e;
    color: white;
    border: 1px solid #e91f4e;
    height: 39px;
    border-radius: 60px;
    display: flex;
    align-items: center;
    transition: 0.5s all;
    margin-bottom: auto;
    margin-top: auto;
    position: relative;
    z-index: 2;
    padding: 0 16px;
}

.smart_searchbox .dropbtn-info:hover,
.smart_searchbox .dropbtn-doc:hover {
    background-color: #181F29;
    border: 1px solid #181F29;
}

.smart_searchbox .dropbtn-doc {
    background-color: #8F98A9;
    color: white;
    border: 1px solid #8F98A9;
}

.smart_searchbox .dropbtn {
    position: relative;
    z-index: 2;
    background-color: transparent;
    color: black;
    width: 350px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 22px 18px;
    height: 60px;
    border: none;
    cursor: pointer;
    margin-right: 18px;
}

.smart_searchbox .dropdown-content {
    display: none;
    position: absolute;
    background-color: #ffffff;
    min-width: 160px;
    margin-top: -26px;
    box-shadow: 0px 25px 34.553px -8.293px rgba(0, 0, 0, 0.25);
    width: 100%;
    padding-top: 35px;
    padding-bottom: 25px;
    padding-right: 26px;
    padding-left: 19px;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    z-index: 1;
}

.smart_searchbox .dropdown-content .category {
    color: #8F98A9;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    width: -moz-fit-content;
    width: fit-content;
    transition: 0.5s all;
    border-radius: 30px;
    max-width: 284px;
}

.smart_searchbox .dropdown-content .category:hover {
    background-color: #e91f4e;
    color: white;
}

.smart_searchbox .product-display {
    display: none;
    position: absolute;
    top: 35px;
    right: 19px;
    background-color: transparent;
    padding: 10px;
    z-index: 1;
}

.smart_searchbox .product-images {
    display: flex;
}

.smart_searchbox .product-images .urun {
    display: flex;
    flex-direction: column;
    max-width: 110px;
    height: auto;
    margin-left: 24px;
    position: relative;
}

.smart_searchbox .product-images .urun:hover .resim {
    background-color: #8F98A9;
}

.smart_searchbox .product-images .urun .title {
    text-align: center;
    color: #8F98A9;
    margin-top: 12px;
}

.smart_searchbox .product-images .urun .resim {
    width: 110px;
    height: 121px;
    background-color: #E5E9EC;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 15px;
    transition: 0.5s all;
}

.smart_searchbox .product-images .urun .resim img {
    width: 90px;
    height: 98.7px;
    margin: 5px;
}

.categories-product .satir {
    justify-content: center;
    align-items: center;
    display: flex;
    align-content: center;
}

.categories-product .satir .item {
    margin-bottom: 0px;
}

.categories-product .satir .smltiem-0,
.categories-product .satir .smltiem-2 {
    position: relative;
    top: 170px;
}

.urunler {
    margin-top: 120px;
}

.urunler:after {
    content: "";
    position: absolute;
    width: 190px;
    height: 720px;
    background-image: url("../images/define/ellipse.png");
    background-size: contain;
    background-repeat: no-repeat;
    top: 10%;
    right: 0;
    z-index: -1;
}

.urunler .urunspan {
    color: #8F98A9;
}

.urunler .satir {
    margin-top: 24px;
}

.urunler .item .urun {
    width: 100%;
    background-color: #1D3E72;
    margin-bottom: 24px;
    border-radius: 60px;
    color: white;
    padding-top: 52px;
    padding-bottom: 52px;
    position: relative;
    transition: 0.5s all;
}

.urunler .item .urun:hover {
    background-color: #181F29;
}

.urunler .item .urun .h5,
.urunler .item .urun .text {
    max-width: 258px;
    margin-right: auto;
    margin-left: auto;
    display: block;
    white-space: nowrap;
    /* Metni tek satırda tutar */
    overflow: visible;
    /* Taşan metni gizler */
    text-overflow: clip;
    /* Taşan metin yerine ... gösterir */
    text-align: center;
    /* Metni ortalar */
}

.urunler .item:nth-child(1),
.urunler .item:nth-child(3),
.urunler .item:nth-child(4),
.urunler .item:nth-child(6) {
    margin-top: -87px;
}

.urunler .item:nth-child(2n) .urun {
    background-color: #8F98A9;
    transition: 0.5s all;
}

.urunler .item:nth-child(2n) .urun:hover {
    background-color: #181F29;
}

.slider_area_2 .slider_2 .swiper-slide:before {
    content: "";
    width: 120%;
    height: 150%;
    left: 0;
    bottom: -110px;
    position: absolute;
    background-color: #1d3e72;
    z-index: -1;
}

.slider_area_2:after {
    content: "";
    position: absolute;
    width: 190px;
    height: 720px;
    background-image: url("../images/define/ellipse-2.png");
    background-size: contain;
    background-repeat: no-repeat;
    top: 10%;
    left: 0;
    transform: rotate(180deg);
}

.slider_area_2 .slider_2 {
    border-radius: 90px;
    background-color: #1D3E72;
    padding-left: 110px;
    padding-right: 50px;
    padding-bottom: 45px;
    padding-top: 45px;
    color: white;
    margin-top: 100px;
}

.slider_area_2 .slider_2 p {
    color: #FFFAF8;
    opacity: 0.8;
}

.slider_area_2 .slider_2 .navigate {
    position: relative;
    width: 100px;
    margin-left: auto;
    bottom: 25px;
}

.slider_area_2 .slider_2 .swiper-pagination {
    max-width: 200px !important;
    position: absolute;
    width: 100%;
    right: 300px;
    bottom: 66px !important;
}

.slider_area_2 .slider_2 .swiper-pagination-bullet {
    margin-right: 12px;
}

.slider_area_2 .slider_2 .swiper-pagination-bullet-active {
    background-color: white;
}

.slider_area_2 .slider_2 .slider_text .h5 {
    max-width: 329px;
    margin-right: auto;
}

.slider_area_2 .slider_2 .slider_img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    border-radius: 60px;
    max-height: 400px;
}

.haberler .h4 {
    font-weight: 400;
}

.haberler .h4 span {
    font-weight: 700;
    color: #e91f4e;
}

.haberler .haber {
    padding: 24px;
    border-radius: 30px;
    background: #E5E9EC;
}

.haberler .haber .devami_btn {
    background-color: #e91f4e;
    color: white;
    border: 1px solid #e91f4e;
    transition: 0.5s all;
}

.haberler .haber .devami_btn:hover {
    background-color: white;
    color: #e91f4e;
    border: 1px solid white;
}

.haberler .haber h6 {
    margin: 12px 0;
}

.haberler .haber p {
    margin-bottom: 12px;
}

.haberler .haber img {
    width: 100%;
    height: auto;
    border-radius: 30px;
}

.haberler .haber .date {
    margin-top: 12px;
    color: #8F98A9;
}


/* just index style finish */


/* sub page style */

.banner {
    height: 25rem;
    width: auto;
    margin-right: auto;
    margin-left: auto;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    margin-top: 8%;
    padding-bottom: 60px;
    background-position: center;
}

.banner:after {
    content: "";
    position: absolute;
    z-index: 10;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgb(255, 255, 255);
    background: linear-gradient(90deg, rgb(255, 255, 255) 23%, rgba(9, 9, 121, 0) 78%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#090979", GradientType=1);
}

.banner .text_box {
    position: relative;
    z-index: 15;
}

.banner .text_box h3 {
    margin-bottom: 0;
}

.banner .paylas {
    display: flex;
    align-items: center;
}

.banner .paylas ul {
    padding-left: 0;
    display: flex;
    margin-bottom: 0;
}

.banner .paylas ul li {
    list-style-type: none;
    margin-left: 20px;
}

.banner .breadcumb {
    display: flex;
    list-style-type: none;
    padding-left: 0;
    margin-top: 24px;
    margin-bottom: 24px;
}

.banner .breadcumb .breadcumb-item:after {
    content: ">";
    position: relative;
    margin-right: 2px;
    margin-left: 2px;
}

.banner .breadcumb .breadcumb-item:last-child:after {
    display: none;
}

.banner .breadcumb a {
    color: #181F29;
    text-decoration: none;
}

.content .file-item a {
    width: 100%;
    height: auto;
    padding: 8px 25px;
    border: 1px solid #DEDEDE;
    border-radius: 10px;
    text-decoration: none;
    background-color: #F4F5F6;
    transition: 0.5s all;
}

.content .file-item a:hover {
    opacity: 0.6;
}

.content .file-item a img {
    margin-right: 12px;
}

.content .file-item a span:first-child {
    color: #08090A;
}

.content .file-item a span:last-child {
    color: #8F98A9;
}

.content .klas {
    max-width: 400px;
    width: 100%;
    border-radius: 15px;
    background: #F4F4F5;
    border: 1px solid #F4F4F5;
    padding: 16px;
    height: -moz-fit-content;
    height: fit-content;
}

.content .klas .menu_title {
    font-size: 20px;
    color: #181F29;
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    padding-left: 8px;
}

.content .klas .active a {
    border: 1px solid #e91f4e !important;
    background-color: #e91f4e !important;
    color: white !important;
}

.content .klas a.active {
    border: 1px solid #e91f4e !important;
    background-color: #e91f4e !important;
    color: white !important;
}

.content .klas .menu_item {
    width: 100%;
}

.content .klas .menu_item a {
    padding: 8px;
    border: 1px solid transparent;
    background-color: transparent;
    transition: 0.5s all;
    border-radius: 10px;
    display: block;
}

.content .klas .menu_item a:hover {
    border: 1px solid #e91f4e;
    background-color: #e91f4e;
    color: white;
}

.content .klas li {
    list-style-type: none;
}

.content .klas li a {
    text-decoration: none;
    color: #8F98A9;
}

.content .imgBox img {
    max-width: 306px;
    width: 100%;
    height: auto;
    border-radius: 30px;
}

.content .textBox p {
    color: #8F98A9;
    line-height: 20px;
}

.arama_sayfasi table td,
.arama_sayfasi table th {
    position: relative;
}

.arama_sayfasi table td div,
.arama_sayfasi table th div {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    height: -moz-fit-content;
    height: fit-content;
}

.arama_sayfasi table td div p,
.arama_sayfasi table th div p {
    margin-bottom: 0 !important;
}

.form-control:focus {
    color: var(--bs-body-color);
    background-color: var(--bs-body-bg);
    border-color: transparent;
    outline: 0;
    box-shadow: 0 0 0 0.25rem transparent;
}

.dokumanlar_area .accordion .nav-item {
    position: relative;
}

.dokumanlar_area .accordion .nav-item .nav-link .item_list {
    display: flex;
    position: absolute;
}

.dokumanlar_area .accordion .nav-item .nav-link .menu_item {
    display: none;
}

.dokumanlar_area .accordion .nav-item .active .item_list {
    position: relative;
}

.dokumanlar_area .accordion .nav-item .active .menu_item {
    margin: 0 0px !important;
    display: block !important;
}

.dokumanlar_area .accordion .nav-item .active .menu_item a {
    flex-direction: column;
    align-items: center;
    display: flex !important;
    height: 100%;
}

.dokumanlar_area .accordion .nav-item .active .menu_item a span {
    margin-top: 5px;
}

.dokumanlar_area #haplar-tabContent table {
    font-size: 14px;
}

.dokumanlar_area #haplar-tabContent table button {
    font-size: 14px;
}

.dokumanlar_area #haplar-tabContent table td {
    position: relative;
}

.dokumanlar_area #haplar-tab .active {
    background-color: #1D3E72;
    color: #fff !important;
    border-radius: 6px;
}

.dokumanlar_area #haplar-tab .nav-link {
    color: #1D3E72;
    font-size: 14px;
    margin-top: 25px;
}

.dokumanlar_area #pills-tab {
    overflow: hidden;
    overflow-x: auto;
    display: flex;
    flex-wrap: nowrap;
}

.dokumanlar_area #pills-tab a {
    flex-direction: column !important;
}

.dokumanlar_area #pills-tab .active {
    display: flex !important;
    flex-direction: row;
    align-items: center !important;
    max-width: -moz-max-content !important;
    max-width: max-content !important;
    background-color: #1D3E72;
}

.dokumanlar_area #pills-tab .active span {
    color: #fff !important;
}

.dokumanlar_area #pills-tab .nav-link {
    display: flex;
    flex-direction: row;
    align-items: center;
    max-width: 170px;
}

.dokumanlar_area #pills-tab .nav-link img {
    max-width: 82px;
    width: 100%;
    height: auto;
}

.dokumanlar_area #pills-tab .nav-link span {
    font-size: 10px;
    line-height: 10px;
    max-width: 80px;
    color: #1D3E72;
}


/* sub page style finish*/


/*FOR THEME DESIGN FINISH*/


/*RESPONSIVE CODES*/

@media (max-width: 1530px) {
    .lang_button {
        margin-left: auto;
    }
    header .navbar .navbar-nav {
        margin-left: 3%;
        margin-right: 3%;
    }
    .s1 {
        font-size: 15px;
    }
    .h5 {
        font-size: 20px;
    }
    .h3 {
        font-size: 35px;
    }
    .smart_searchbox .dropbtn {
        width: 290px;
    }
    .container {
        font-family: "Sora";
        max-width: 1200px !important;
        width: 100%;
        margin: 0 auto;
    }
    .urunler .item .urun {
        padding-top: 10px;
        padding-bottom: 25px;
    }
}

@media (max-width: 1200px) {
    .slider_area_2 .slider_2 .slider_img img {
        width: 100%;
        height: auto;
        border-radius: 60px;
        height: 250px;
        -o-object-fit: cover;
        object-fit: cover;
    }
    .lang_button {
        list-style: none;
        padding: 0;
        display: flex;
        margin-left: auto;
        margin-right: 20px;
        position: relative;
        top: 0;
    }
    .smart_searchbox .dropbtn {
        width: 364px;
    }
    header .navbar {
        padding: 25px 0;
    }
    .slider_area .mainSlider .swiper-wrapper .swiper-slide .slider_text_box {
        max-width: 450px;
    }
    .slider_area .mainSlider .swiper-wrapper .swiper-slide:after {
        background: rgb(255, 255, 255);
        background: linear-gradient(90deg, rgb(255, 255, 255) 11%, rgba(9, 9, 121, 0) 150%);
        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#090979", GradientType=1);
    }
    .smart_searchbox .bb {
        display: flex;
        justify-content: end;
    }
    .slider_area_2 .slider_2 {
        border-radius: 40px;
        padding-left: 25px;
        padding-right: 25px;
    }
    .slider_area_2 .slider_2 .swiper-pagination {
        right: 345px;
    }
}

@media (max-width: 992px) {
    .categories-product .satir .smltiem-0,
    .categories-product .satir .smltiem-2 {
        position: relative;
        top: 0px;
    }
    .categories-product .satir .item {
        margin-bottom: 0;
    }
    .smart_searchbox .dropbtn {
        width: 320px;
    }
    .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
        justify-content: space-around;
    }
    .smart_searchbox .dropdown {
        max-width: 100%;
    }
    .smart_searchbox .dropbtn-info {
        margin-left: 10px;
        margin-right: 10px;
    }
    .smart_searchbox .dropbtn-doc {
        margin-right: 0px;
        margin-left: auto;
    }
    .urunler:after {
        display: none;
    }
    .urunler .item:nth-child(1),
    .urunler .item:nth-child(3),
    .urunler .item:nth-child(4),
    .urunler .item:nth-child(6) {
        margin-top: auto !important;
    }
}

@media (max-width: 1365px) {
    .banner {
        height: 428px;
        width: 100%;
        background-position: 75% center;
    }
}

@media (max-width: 768px) {
    .smart_searchbox .dropbtn-info {
        margin-left: 10px;
        margin-right: auto;
        position: absolute;
        top: -50px;
    }
    .smart_searchbox .dropbtn-doc {
        margin-left: 10px;
        margin-right: auto;
        position: absolute;
        left: 160px;
        top: -50px;
    }
    .slider_area .swiper-pagination {
        display: none;
    }
    .smart_searchbox .dropbtn {
        width: 100%;
    }
    .smart_searchbox .product-display {
        display: none !important;
    }
    .h4 {
        font-size: 26px;
    }
    .h3 {
        font-size: 40px;
    }
    .slider_area_2 .slider_2 .swiper-pagination,
    .slider_area_2 .slider_2 .navigate {
        display: none;
    }
    .slider_area_2 .slider_2 .slider_img {
        margin-top: 20px;
    }
}

@media (max-width: 576px) {
    .slider_area .navigate {
        display: none;
    }
}

@media (max-width: 500px) {
    .smart_searchbox {
        margin-top: -85px;
    }
    .smart_searchbox .dropbtn-info {
        margin-left: 10px;
        margin-right: auto;
        position: absolute;
        top: -100px;
    }
    .smart_searchbox .dropbtn-doc {
        left: 0;
        top: -50px;
    }
    .slider_area .navigate {
        display: none;
    }
}

.urunler .urun img {
    max-height: 200px;
    width: auto;
}

.urunler .item .urun {
    width: 85%;
}


/*RESPONSIVE CODES FINISH*/

.urunler .urun img {
    max-height: 200px;
    width: auto;
}

.urunler .item .urun {
    width: 85%;
}

.cat-list {
    color: #8F98A9;
    text-decoration: none;
}

.cat-list:hover {
    color: white;
}

.sl-nav {
    display: inline;
    margin: 15px 10px 0px 5px;
}

.sl-nav ul {
    margin: 0;
    padding: 0;
    list-style: none;
    position: relative;
    display: inline-block;
}

.sl-nav li {
    cursor: pointer;
    padding-bottom: 10px;
}

.sl-nav li ul {
    display: none;
}

.sl-nav li:hover ul {
    position: absolute;
    top: 19px;
    right: -15px;
    display: block;
    background: #fff;
    width: 120px;
    padding-top: 0px;
    z-index: 1;
    border-radius: 5px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
}

.sl-nav li:hover .triangle {
    position: absolute;
    top: 15px;
    right: -10px;
    z-index: 10;
    height: 14px;
    overflow: hidden;
    width: 30px;
    background: transparent;
}

.sl-nav li:hover .triangle:after {
    content: "";
    display: block;
    z-index: 20;
    width: 15px;
    transform: rotate(45deg) translateY(0px) translatex(10px);
    height: 15px;
    background: #fff;
    border-radius: 2px 0px 0px 0px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
}

.sl-nav li ul li {
    position: relative;
    text-align: left;
    background: transparent;
    padding: 10px 0px 10px 10px;
    z-index: 2;
    font-size: 15px;
    color: #3c3c3c;
}

.sl-nav li ul li:last-of-type {
    padding-bottom: 15px;
}

.sl-nav li ul li span {
    padding-left: 5px;
}

.sl-nav li ul li span:hover,
.sl-nav li ul li span.active {
    color: #146c78;
}

.sl-flag {
    display: inline-block;
    box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.4);
    width: 20px;
    height: 20px;
    background: #aaa;
    border-radius: 50%;
    position: relative;
    top: 2px;
    overflow: hidden;
}

.flag-tr {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAPBAMAAAD9gUllAAAAMFBMVEXjChe2SVDkFCDoMz762Nr////97O3yj5XsWWLpP0n2rLHvd37qS1XlHiqlb3LBVFuFo7QZAAAAQklEQVQI12NAAh+QOQIYHOZJCA6z2/IGOOeaEwMnnFN6gIFphwGUs1SBgdNVAZuMmi+DpgIW00A8A3QXYHIEEeABAFohDlIWmvMwAAAAAElFTkSuQmCC");
    background-size: cover;
    background-position: center center;
}

.flag-en {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAMCAMAAAC+5dbKAAAAVFBMVEXsxsvjrLPMa3fRfolXVoPcl5+wUl68PEyUboljYopEQ3VdXIbUgYtUU36fQFe6p6q1mp23g5WuhYqqeoCpYHbCpbW7kqPJjJmyj5SwcoahcnhQS3iZVZQdAAAAZElEQVQY01XNVw6AMAwD0ABmlFL25v73JCqqYp7yZbmuoMV3fU1W0cwheGATMmge4FuHZ83JIlp38A7YMzLqvtaBgKsrzGz9qSSnNMnB+STpZaczvJOZ37+5IYsYNkgV9fHM/QJxQQWCpgcZfAAAAABJRU5ErkJggg==");
    background-size: cover;
    background-position: left center;
}

.flag-globe {
    background-image: url("data:image/png;base64,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");
    background-size: cover;
    background-position: left center;
}


/* Mobile breadcrumb tweaks */

@media (max-width: 768px) {
    .banner .breadcumb {
        display: flex;
        flex-wrap: wrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        gap: 6px;
        margin-top: 12px;
        margin-bottom: 8px;
        scrollbar-width: none;
        /* Firefox */
    }
    .banner .breadcumb::-webkit-scrollbar {
        display: none;
    }
    /* Chrome/Safari */
    .banner .breadcumb .breadcumb-item {
        white-space: nowrap;
    }
    .banner .breadcumb a {
        font-size: 12px;
        line-height: 1.2;
    }
    .banner .breadcumb .breadcumb-item:after {
        margin: 0 4px;
    }
}

@media (max-width: 576px) {
    .banner .breadcumb a {
        font-size: 11px;
    }
    .banner .breadcumb {
        gap: 4px;
        margin-top: 10px;
        margin-bottom: 6px;
    }
}

@media (max-width: 1701px) {
    .slider_area .mainSlider .swiper-wrapper .swiper-slide {
        background-size: cover;
        height: 495px;
    }
}


/*RESPONSIVE CODES FINISH*/


/*# sourceMappingURL=style.css.map */