:root {
    --font-color: #2c3e50;
    --a-font-color: #0066cc;

}   
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body,html {
  overflow-x: hidden;
}
body {
    font-size: 1rem;
    font-weight: 400;
    line-height: 26px;
    -ms-word-wrap: break-word;
    word-wrap: break-word;
    overflow-x: hidden;  
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif;
    /* font-family: 'Plus Jakarta Sans', sans-serif !important; */
    color: var(--font-color) ! important;
}
p {
  padding: 0;
  margin: 0;
}

a,
a:hover,
a:focus {
   cursor: pointer;
  outline: none;
  text-decoration: none;
  /* color: #241b5a!important; */
      color: var(--a-font-color);

}

img {
    max-width: 100%;
    height: auto;

}
ul li {
    list-style-type: none;
}
ol, ul {
    padding-left: 0rem;
}

blockquote {
    font-family: Georgia, Times, "Times New Roman", serif;
   border-left: 4px solid #007BFF;  
    padding: 1em 1.5em;               
    margin: 1em 3em;                     
    font-style: italic;               
    background-color: #f9f9f9;        
    color: #333;                      
    border-radius: 4px;               
    position: relative;
}
blockquote::before {
    content: "“";                     
    font-size: 2em;
    position: absolute;
    left: 10px;
    top: 0;
    color: #007BFF;
}

.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, 
.col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, 
.col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, 
.col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, 
.col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}  
/* input button */
.form-control, input {
    /* margin: 5px 0px; */
    padding: 10px;
    border: 2px solid #ccc;
    border-radius: 5px;
    font-size: 16px;
    color: #555;
    outline: none;
}

.form-control:focus {
  border-color: #007bff;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}


/* tabs */
.tab-content {
    padding: 15px;
}
.nav-tabs {
    background-color: #e5e5e5;
    padding: 5px 15px 0px;
}
.nav-tabs .nav-link {
  color: #6c757d;

  border: none;
  text-decoration: none;
  position: relative;
  transition: color 0.3s ease-in-out;
  white-space: nowrap;
}
.nav-tabs .nav-link:hover {
  color: #007bff;
  background-color: #fff;
}
.nav-tabs .nav-link.active {
  color: #007bff;
  background-color: #fff;
  /* font-weight: 600; */
}
.nav-tabs .nav-link:hover::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 3px;
  background-color: #007bff;
  border-radius: 2px;
  transform: scaleX(0.5);
  transition: transform 0.3s ease-in-out;
}

/* panel */
#accordion h2{
    font-size: 1.4rem;
}
#accordion h3{
    font-size: 1.2rem;
}
.panel {
    margin-bottom: 5px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.panel-group {
    margin: 30px 0px;
}
.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
.panel-body {
    padding: 15px;
}
.panel-default>.panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #ddd;
}
.panel-default {
    border-color: #ddd;
}

#header.sticky {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1030;
}
.kategorilist {
    padding: 50px 0;
}

.kategorilist ul, .kategorilist ul ul {
  list-style: none;  /* nokta kaldır */
  margin: 0;
  padding: 0;
}

.kategorilist ul ul {
  margin-left: 20px; /* alt kategoriler girintili */
  border-left: 1px dashed #ccc;
  padding-left: 10px;
}

.kategorilist ul li {
  margin: 3px 0;
  padding-left: 5px;
  position: relative;
}

.kategorilist ul li::before {
  content: "»"; /* sembol */
  position: absolute;
  left: -10px;
  color: #666;
}
.kategorilist h2, .kategorilist h2 a {
    color: #8b2e3b !important;
   font-size: 1.8rem;
    margin: 0px;
}
.kategorilist h3, .kategorilist h3 a {
    font-size: 1.2rem;

}
.kategorilist li.mainkat {
    padding-bottom: 60px;
    border-bottom: #cbcbcb 1px solid;
}
.kategorilist ul li.mainkat::before {
    font-size: 24px;
}
.kategorilist .kataciklama {
    font-style: italic;
}
.mini-navbar a {
    font-size: 14px;
    color: #ecf0f1!important;
    display: inline-block;
    padding: 5px 10px 6px 10px;

}

.header-menu li a {
    color: #000;
    font-size: 16px;
    display: block;
    font-weight: 500;
    padding: 10px 15px;
    transition: all .3s;
}


.header-menu .nav-link {
    height: 100%;
}
.header-menu .nav-link:hover {
  /* color: #007bff; */
  background-color: #d2d2d2;
}

.header-menu .nav-link:hover::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 3px;
  background-color: #007bff;
  border-radius: 5px;
  transform: scaleX(0.5);
  transition: transform 0.3s ease-in-out;
}

#header .navbar {
    padding:0;
}
#header .navbar-nav {
    padding:0;
    margin: 0;
}
#header .navbar-nav > li > a {
    padding-top: 27.5px;
    padding-bottom: 27.5px;
    min-width: 85px;
    text-align: center;    
    border: none;
    text-decoration: none;
    position: relative;
    transition: color 0.3s ease-in-out;
    white-space: nowrap;   
}

.sag-panel h1{
font-size: 1.8rem;
}
.sag-panel h2{
font-size: 1.4rem;
}
.sag-panel h3{
font-size: 1.0rem;
}

.sag-panel a,
.sag-panel a:hover,
.sag-panel a:focus {
   cursor: pointer;
  outline: none;
  text-decoration: none;
  color: #241b5a!important;
      /* color: #0066cc; */

}

.sag-panel ul li.sag-list:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}


.sag-panel .sag-list a{
    display: flex;
    padding: 5px 0px;
    /* border-bottom: 1px solid #ccc; */
    /* border-top: 1px solid #ccc; */
}
.sag-panel .sag-list a img{
    padding: 5px;
}

.sag-panel .sag-list img {
    object-fit: cover;
}
.sag-panel .sag-list h3 {
    margin: 0;


} 


.info-box1 {
    display: flex
;
    align-items: start;
    background: #ECF5F6;
    padding: 24px;
    border-radius: 5px;
    transition: all .4s;
    margin-bottom: 30px;
}
.footer-dark {
    background: #353432;
    color: #ecf0f1!important;
}
.footer-dark a {
    background: #353432;
    color: #ecf0f1!important;
}
footer {
display: block;
   padding: 20px 0;
    margin-top: 50px;
}
footer h3 {
    padding-bottom: 10px;
    border-bottom: 1px solid #4E4D4A;
    margin-bottom: 20px;
}
footer .text-color-beyaz {
    color: #EAEAEA;
}
footer h2{
    font-size: 26px ;
}
footer h3{
    font-size: 22px ;
}
.footlink {
    clear: both;
    color: #fff !important;
    border-bottom: 0px #FFFFFF;
    font-size: 16px;
    padding: 10px 0px 3px 0px;
    margin: 3px 0px 3px 0px;
}
footer{
    font-size: 14px;
}
/* */
.manset-pnl{
    background-color: #EDF2F6;
    padding: 65px 0;
}
.manset-pnl h1{
    font-size: 1rem;
    line-height: 25px;
}
.manset-pnl h2{
    font-size: 4rem;
} 
.manset-pnl h3{
font-size: 1.2rem;
} 
.manset-pnl .main-hadding h2 {
    color: #03163B;
    font-size: 54px;
    font-style: normal;
    font-weight: 700;
    line-height: 65px;
    letter-spacing: -1.12px;
    text-transform: capitalize;
}
.manset-pnl .main-hadding p {
    color: #616976;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
} 

.aboutpnl {
    padding: 30px 0;
}

.social li > a {
    display: inline-block;
    width: 50px;
    height: 50px;
    margin: 3px 5px 5px 0px;
    border-radius: 34px;
    text-align: center;
    font-size: 33px;
    line-height: 50px;
    background: #fff;
    color: #4E4D4A;

}
.breadcrumb{
    padding: 75px 0 20px;
}

.breadcrumb {

  /* background-image:
    linear-gradient(rgba(0, 25, 70, 0.75), rgba(0, 25, 70, 0.75)),
    url("bra-bg.png"); */

  background-color: #475a7d; /* koyu mavi renk */
  /* background-image: url("bra-bg.png"); */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-blend-mode: multiply; /* renk ile resmi karıştırır */
}

.breadcrumb h1 {
    color: #FFF;
    font-size: 44px;
    font-style: normal;
    font-weight: 600;
    line-height: 52px;
    text-transform: capitalize;
}
.breadcrumb-item,.breadcrumb a {
    color: #FFF!important;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    display: inline-block;
}
.product-list img {
    max-width: 240px;
    max-height: 240px;
    padding: 10px;
}
.product-list .media-body {
    padding: 10px;
    font-weight: 400;
}
.product-list .media-flex-center {
            display: flex !important;
            align-items: center;
}
.product-list .product-title a {
    font-size: calc(1.3rem + .6vw);
    color: #03163B!important;
}

/* product detail */

.product-image {
    max-height: 400px;
    object-fit: cover;
}
.thumbnail {
    width: 80px;
    height: 80px;
    object-fit: cover;
    cursor: pointer;
    opacity: 0.6;
    transition: opacity 0.3s ease;
}
.thumbnail:hover, .thumbnail.active {
    opacity: 1;
}

.product-detail h1 {
       margin: 40px 0px;
   /* font-size: 2rem; */
}
.product-detail h2 {
      margin: 30px 0px;
   /* font-size: 1.4rem; */
}
.product-detail h3 {
      margin: 20px 0px;
   /* font-size: 1.2rem; */
}
.product-panel{
    background-color: #EDF2F6;
}
.product-panel h1 {
   font-size: 2rem;
}
.product-panel h2 {
   font-size: 1.4rem;
}
.product-panel h3 {
   font-size: 1.2rem;
}



.product-detail .headline {
    font-size: 1.6rem;
}

.aboutpnl .icon-square i{
    font-size: 3em;
}

ul.features-icon-list {
    margin: 0;
    padding: 0;
}
ul.features-icon-list li {
    margin: 0 0 30px;
    position: relative;
    text-align: left;
    list-style-type: none;
}
ul.features-icon-list li [class^="fa-"],
ul.features-icon-list li [class*=" fa-"] {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 60px;
  font-size: 45px;
  text-align: center;
}
ul.features-icon-list li h3,
ul.features-icon-list li p {
  margin: 0 20px 5px 75px;
  text-align: left;
}
/* UI ELEMENT */
.headline {
    padding-bottom: 1px;
    border-bottom: 1px solid #eee;
    margin-bottom: 30px;
    line-height: 50px;
}
.headline span {
    padding-bottom: 4px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
.headline .border-color {
    color: #8b2e3b;
}
/* Buttonlar */

.btn{
    /* border: 1px solid #03163B */
}
.btn {
  /* background-color: #41464b; Green */
  /* border: none; */
  /* color: white; */
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
    border: 1px solid #03163B
}

button {
    padding: 10px;
    border: 2px solid #ccc;
    border-radius: 5px;
    font-size: 16px;
    /* color: #222222; */
    outline: none;
}
.btn-ucretsizdeneyin{
    background-color: #f5f5f5;
    color: #084298 !important;
    font-weight: 700;
}

.btn-color {
    background-color: #f5f5f5;
    border-color: #ceb79c;
    color: #333 !important;

}
.btn-blue {
    background-color: #2790B0;
    border-color: #217B97;
}

.mybtn1{
    border-radius: 0px;
   background-color: #f8f9fa;
    border-color: #ceb79c;
    color: #333 !important;    
}
/* content  */
.main-content{
    margin-bottom: 100px;
    min-height : 500px;
}




/* blog */
.blog-detay .blogdetay-img img{
    width: 100%;
    height: 300px;
    object-fit: cover;
}

a:not(:has(*)) {
    /* text-decoration: underline; */
}
.blog-content a,
.blog-content a:hover,
.blog-content a:focus {
    cursor: pointer;
    outline: none;
  text-decoration: none;
  /* color: #241b5a!important; */
      color: #2563eb!important;;

}

.blog-detay p{
     margin: 10px 0px;

}
.blog-detay h2{
     margin: 30px 0px;

}
.blog-detay h3{
     margin: 20px 0px;

}

.blog-content ul {
    padding-left: 0; /* soldan boşluğu kaldır */
    list-style: none; /* default li noktalarını kaldır */
}

.blog-content ul li {
    background: #fff;
    margin-bottom: 12px;
    padding: 5px 10px 5px 28px; /* sola yer ayır (icon için) */
    border-radius: 12px;
    position: relative;
    cursor: pointer;
}

/* Sol tarafa ok işareti veya ikon */
.blog-content ul li::before {
      content: "✔";
    position: absolute;
    left: 2px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 24px;
    color: #4CAF50;
}

/* Flex kaldır – metin artık bölünmez */
.blog-content ul li {
    display: block;
}

/* Linklerin li içinde bozulmasını engelle */
.blog-content ul li a {
    word-break: break-all; /* taşmayı önleme opsiyonu */
}
  
.blog-content .bloginfo {
    color: var(--paragraph, #616976);
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 26px;
    display: inline-block;
    padding: 4px 13px;
    border-radius: 5px;
    background: #ECEDF6;
    display: inline-block;
    margin :5px;
}


.blog-pnl{
    padding: 0 20px;
}
.blog-pnl h2{
    font-size: 1.4rem;
}
.blog-pnl h3{
    font-size: 1.2rem;
}
.blog-pnl h4{
    font-size: 1.0rem;
}
.blog1-hadding .span {
  color: var(--paragraph, #616976);
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 26px;
display: inline-block;
padding: 4px 13px;
border-radius: 5px;
background: #ECEDF6;
display: inline-block;
}
.blog1-hadding a {
  color: var(--font-color, #03163B);
}

.blog1-hadding h4 a {
  color: var(--font-color, #03163B);
font-size: 22px;
font-style: normal;
font-weight: 500;
line-height: 30px;
transition: all.3s;
}

.blog1-hadding h4 a:hover {
  color: #0E1681;
  transition: all.3s;
}

.blog1-hadding {
  padding: 30px;
}
.blog1-single-box {
  border-radius: 5px;
  margin-top: 30px;
  transition: all.3s;
  position: relative;
}
.blog1-single-box::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #E4E8FB;
  visibility: hidden;
  transition: all.3s;
  z-index: -3;
  border-radius: 5px;
  opacity: 0;
}

.blog1-single-box.active::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 1px solid #E4E8FB;
  visibility: visible;
  transition: all.3s;
  z-index: -3;
  border-radius: 5px;
  opacity: 1;
}

.blog1-single-box:hover::after {
  visibility: visible;
  transition: all.3s;
  opacity: 1;
}

.blog1-single-box:hover {
transition: all.3s;
}

.blog1-box-img {
  overflow: hidden;
}

.blog1-box-img img {
    height: 225px;
    width: 100%;
    object-fit: cover;
    transition: all.6s;
}

.blog1-single-box:hover img {
  transform: scale(1.1);
  transition: all.6s;
  
}

.blog1-hadding .devam-oku {
    font-size: 1.2rem;
}

/* diğer */

.info-board {
    margin: 20px 0;
    padding: 15px 30px 15px 15px;
    border-left: 10px solid #eee;
}
.info-board h4 {
  margin-top: 0;
  font-family: 'Roboto', sans-serif;
}
.info-board p:last-child {
  margin-bottom: 0;
}

.info-board-blue {
  background-color: #EEF8FB;
  border-color: #2790B0;
}
.info-board-green {
    background-color: #F5F9F1;
    border-color: #94BA65;
}

.tbl-fiyat .dblblsatisfiyat {
    font-size: 24px;
    font-weight: 600;
}


.space10 {
    height: 10px;
}
.space20 {
    height: 20px;
}
.space30 {
    height: 30px;
}
.space40 {
    height: 40px;
}
.pd50 {
    padding: 50px 0;
}
.pd100 {
    padding: 100px 0;
}

.blog-post .image.image-style-align-left {
    float: left;
    margin-right: 1.5em;
}
.blog-post .image.image-style-align-right {
    float: right;
    margin-left:  1.5em;
}
.blog-post .image-style-align-center {
    margin-left: auto;
    margin-right: auto;
}
.blog-post .image {
		display: table;
		clear: both;
		text-align: center;
}        
.blog-post .image>figcaption {
    background-color: hsl(0, 0%, 97%);
    break-before: avoid;
    caption-side: bottom;
    color: hsl(0, 0%, 20%);
    display: table-caption;
    font-size: .75em;
    outline-offset: -1px;
    overflow-wrap: anywhere;
    padding: .6em;
    word-break: normal;
}



.note-box.info {
	border: 1px solid #2196F3;
	color: #2196F3;
} 
.note-box.alert {
	border: 1px solid #f44336;
	color: #f44336;
} 
.note-box.info .note-icon {
    border: 2px solid #2196F3;

}
.note-box.alert .note-icon {
    border: 2px solid #f44336;

}
.note-box {
	position: relative;
	border-radius: 8px;
	padding: 20px;
	padding-top: 15px;
	margin-top: 20px;
	margin-bottom: 10px;
	background: #fff;
	font-family: system-ui, sans-serif;
}
.note-box::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;              /* SOL TARAF */
    width: 2px;
    background: 5993bf;
	border-radius: 8px;
    border-radius: 8px 0 0 8px;   
}

.note-box::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;            /* SAĞ TARAF */
    width: 2px;
    background: 5993bf;
    border-radius: 0 8px 8px 0;
}

/* ÜSTTEKİ İNCE ÇİZGİ */
.note-box::before {
/*
    content: "";
    position: absolute;
    top: 0;
    left: 46px;  
    right: 0;
    height: 2px;
    background: #a67fff;
*/
}

/* NOTE başlık ve ikon */
.note-label {
    position: absolute;
    top: -14px;
    left: 20px;
    background: white;
    padding: 0 6px;
    font-weight: 600;
    display: flex;
    align-items: center;
    gap: 6px;
}

/* Yuvarlak ikon */
.note-icon {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 13px;
    background: #fff;
}

/* İçerik */
.note-content {
    color: #333;
    font-size: 15px;
    line-height: 1.5;
}

.note-content a {
    color: #7545d3;
    text-decoration: underline;
    text-underline-offset: 2px;
}