/*
Theme Name: BEE SERVİS
Theme URI: https://www.beedigitalagency.com
Author: Bee Digital Agency
Author URI: https://www.beedigitalagency.com
Description: BEE SERVİS
Version: 1.0
Text Domain: BEE SERVİS
*/



    .accordion-button {
      background-color: #fff; /* Başlık kapalıyken arka plan rengi */
      color: #212529; /* Başlık kapalıyken metin rengi */
      border-radius: 10px; /* Yuvarlak köşeler */
      margin-bottom: 1rem; /* Öğeler arasında boşluk */
      box-shadow: none; /* Gölgeyi kaldır */
    }
    .accordion-button:not(.collapsed) {
      background-color: #f8f9fa; /* Başlık açıkken arka plan rengi */
      color: #212529; /* Başlık açıkken metin rengi */
      box-shadow: none; /* Gölgeyi kaldır */
    }
    .accordion-button:focus,
    .accordion-button:active {
      box-shadow: none; /* Odaklandığında ve tıklandığında gölgeyi kaldır */
    }
    .accordion-item {
      border: none; /* Kenar çizgilerini kaldır */
    }
    .accordion-item:first-of-type .accordion-button {
      border-radius: 10px; /* İlk öğenin tüm köşelerini yuvarlat */
    }
    .accordion-item:last-of-type .accordion-button {
      border-radius: 10px; /* Son öğenin tüm köşelerini yuvarlat */
    }

	/* Accordion butonlarına eklenen ikonu küçültün */
	.accordion-button::after {

		transform: scale(0.60); /* İkonu ölçeklendirin */
		transition: transform 0.2s ease-in-out; /* İkonun dönüş animasyonu */
	}

	/* Accordion butonu kapalıyken ikonu küçültün */
	.accordion-button:not(.collapsed)::after {
		transform: scale(0.60) rotate(180deg); /* İkonu küçültün ve döndürün */
	}










body {
  font-family: 'Poppins', sans-serif;
}


/* HEADER + NAV
-------------------------------------------------- */

.navbar{background-color:#212529;}

.navbar-brand{
		margin-top:5px;
	color:#fff;
	font-size:24px;
	font-weight:700;
	text-transform:uppercase;
	}

.navbar-toggler{border:none;}
.btn-group{margin-top:5px;}
.offcanvas{background-color:#212529;}
.offcanvas-header{background-color:#212529;}
.offcanvas-body{background-color:#212529;}

.nav-link{color:#fff;font-weight:500;}
.nav-link:hover{color:#fff; opacity:0.8;}
.nav-link:focus{color:#fff; opacity:0.8;}

input::placeholder {
    font-size:13px;
}
.dropdown-item{font-size:14px;}

@media (max-width: 576px) {
	.navbar-brand {

	color:#fff;
	font-size:22px;
	font-weight:700;
	text-transform:uppercase;
}

}


/* INDEX
-------------------------------------------------- */

        .hero {
            background: url('https://www.mobiltamirhane.com/images/hero.jpg') no-repeat center center;
            background-size: cover;
            color: white;
            padding: 200px 0 100px 0;
			border-bottom:3px solid #e3e3e3;
        }
       .service-icon {
            font-size: 40px;
            color: #17a2b8;
        }
        .testimonial {
            background-color: #f8f9fa;
            padding: 40px 20px;
        }
        .process-step {
            text-align: center;
            padding: 20px;
        }
        .process-icon {
            font-size: 40px;
            color: #17a2b8;
        }





.fa2x{font-size:30px;}

.card{margin-bottom:10px;}
.card-img-top{width:70%;margin-top:10px;margin-bottom:10px;margin-left:auto;margin-right:auto;}
.card-title{font-weight:bolder;font-size:17px;margin-top:-10px;}
.card-title-h2 a{color:#212529;}
.card-title-h2 a:hover{opacity:0.8;}


a{text-decoration:none;}

.list-group-item a{color:#212529;}
.list-group{margin:10px 0px 20px 0px;}
.input-group input{font-size:12px;}




.inalert{margin-top:10px;margin-bottom:-5px;margin-left:-20px;}

.home-h2 a{color:#212529;font-size:32px;font-weight:bolder;}
.home-h2 a:hover{opacity:0.8;}
.article-h1{font-size:40px;font-weight:bolder;}
.article-h2{font-size:30px;font-weight:bolder;margin:30px 0px 20px 0px;border-left:2px solid #212529;padding-left:20px;}
.article-h2-top{font-size:20px;margin-top:15px;}
.article-h3{font-size:18px;font-weight:bolder;}


.article-home{margin-bottom:30px;}
.meta span{font-size:14px;margin-right:10px;}
.meta span a{color:#212529;}

.fa-star{color: #e67e22;}
.fa-star-half-alt{color: #e67e22;}
.fa-dot-circle{color:#f2465d;}

.articleh2{font-size:22px;color:#212529;border-left:2px solid #212529;margin-left:10px;padding-left:20px;font-weight:bolder;}
.article-content{font-size:16px;font-weight:bolder;margin-bottom:0px;}
.article-list {margin:10px 0px 10px 0px;}
.article-list-list {margin:20px 0px 20px 0px;}
.article-list-list li{padding:7px 0px 0px 0px;}

.ads-header{text-align:center;}
.ads-article-list{text-align:center;margin:10px 0px 10px 0px;}
.ads-article-content{text-align:center;margin:10px 0px 10px 0px;}
.ads-thumb{text-align:center;margin-bottom:20px;}
.breadcrumbs{font-size:13px;margin:20px 0px 10px 0px;}
.breadcrumbs a {text-decoration:none;color:black;}
.breadcrumbs__current{color:black;opacity:0.8;}

.alert-info{background-color:#D9EDF7;color:#31708F;}
.alert-info a{color:#31708F;}
.alert-danger{background-color:#F2DEDE;color:#A94442;}
.alert-success{background-color:#DFF0D8;color:#3C763D;}
.alert-warning{background-color:#FCF8E3;color:#8A6D3B;}
.alert-success a{color:#3C763D;}
.alert-success a:hover{opacity:0.6;}
.alert-danger a{color:#A94442;}
.alert-danger a:hover{opacity:0.6;}


.triangle{font-size:40px;margin-right:15px;color:#edaa0c;}
.tcircle{ font-size:40px;margin-right:15px;color:#A94442;}
.shield{ font-size:40px;margin-right:15px;color:#A94442;}
.gear{font-size:40px;margin-right:15px;color:#31708F;}
.reset{font-size:40px;margin-right:15px;color:#3C763D;}
.frp{font-size:40px;margin-right:15px;color:#A94442;}


footer{background-color: #212529;color:#fff;font-size:18px;margin-top:30px;padding-bottom:30px; 			border-top:3px solid #e3e3e3;}
footer img{margin-top:30px;margin-bottom:20px;}
footer h3{margin-top:30px;color:#fff;font-weight:bolder;font-size:24px;margin-bottom:10px;}
footer h4{margin-top:10px;margin-bottom:10px;color:#fff;font-weight:bolder;font-size:18px;}
footer ul{padding-left:0px;margin-left:0px;}
footer ul li {list-style:none;margin-left:0px;}
footer ul li i{color:#fff;font-size:16px;padding-right:5px;}
footer ul li a{color:#fff;text-decoration:none;}
footer ul li a:hover{opacity:0.8;}
.footer-brand {color:white;font-size:20px;text-decoration:none;}

@media (max-width: 576px) {
footer{font-size:16px;}

}

    .feature {
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
    }
    .feature i {
      font-size: 48px;
      margin-bottom: 20px;
    }

/*PROJE */

ul.ft-proje li {
	position:relative;
	padding-left:25px;
	padding-bottom:5px;
}

ul.ft-proje li:before {
  font-family: 'Font Awesome 5 Free';
  content: "\f061";
  font-size: 16px;
  font-weight: 900;
  color:#fff;
  position:absolute;
  left:0;
}


#whatsapp {

  position: fixed;
  bottom: 0px;
  right: 0px;
  z-index: 99;
  font-size: 45px;
  border: none;
  outline: none;
  padding: 5px;
  background-color:transparent;
  opacity:1;
}

#whatsapp:hover {
 opacity:1;
}


.text-message{font-size:16px;}
.success-box {
}

.success-box i {

  color: green;

}

.success-box > div {
 

}

.map-responsive{

    overflow:hidden;

    padding-bottom:56.25%;

    position:relative;

    height:0;

}

.map-responsive iframe{

    left:0;

    top:0;

    height:100%;

    width:100%;

    position:absolute;

}

/* Rating Star Widgets Style */
.rating-stars ul {
  list-style-type:none;
  padding:0;
  
  -moz-user-select:none;
  -webkit-user-select:none;
}
.rating-stars ul > li.star {
  display:inline-block;
  
}

/* Idle State of the stars */
.rating-stars ul > li.star > i.fa {
  font-size:16px; /* Change the size of the stars */
  color:#212529; /* Color on idle state */
}

/* Hover state of the stars */
.rating-stars ul > li.star.hover > i.fa {
  color:#FFB300;
}

/* Selected state of the stars */
.rating-stars ul > li.star.selected > i.fa {
  color:#FFB300;
}

.page-link{font-size:13px;}
#pagination-bg{color:red;}


.morta span{font-size:14px;}
.figure-img{max-height:500px;margin-top:20px;object-fit : contain;}

@media (max-width: 576px) {

.input-group{margin-top:10px;}
.input-group .btn-success{font-size:14px;}
.breadcrumbs{font-size:11px;margin:120px 0px 10px 0px;}
.home-h2 a{font-size:20px;}
.article-h1{font-size:30px;font-weight:bolder;}
.article-h2{font-size:25px;font-weight:bolder;margin:30px 0px 30px 0px;}
.article-h2-top{font-size:16px;}
.article-h3{font-size:18px;padding-left:10px;border-left:2px solid #f2465d;}
.article-list ul li{padding-top:10px;}
.page-link{font-size:12px;}

.art{font-size:13px;}
a .btn{font-size:12px;}
.article-home{margin-bottom:30px;}
.text-message{font-size:12px;}
.rating-stars ul > li.star > i.fa {
  font-size:15px; /* Change the size of the stars */
  color:#212529; /* Color on idle state */
}
.inalert{margin-top:15px;font-size:14px;}

.triangle{font-size:36px;margin-right:15px;color:#edaa0c;margin-top:10px;}
.tcircle{ font-size:36px;margin-right:15px;color:#A94442;margin-top:10px;}
.shield{ font-size:36px;margin-right:15px;color:#31708F;margin-top:10px;}
.gear{font-size:36px;margin-right:15px;color:#31708F;margin-top:5px;}
.lock{font-size:36px;margin-right:15px;color:#A94442;margin-top:5px;}
.unlock{font-size:25px;color:#A94442;margin-right:15px;}
.reset{font-size:25px;color:#3C763D;margin-right:15px;}
.cloud{font-size:25px;color:#3C763D;margin-right:15px;}
.frp{font-size:36px;margin-right:15px;color:#A94442;margin-top:5px;}
.inalertlink{margin-left:-30px;}
.link{padding-right:10px;}

.morta{text-align:center;}
.morta span{font-size:13px;}
.figure-img{max-height:350px;}

}


.fa-heart{color:red;}
.fa-facebook{font-size:20px;margin-left:10px;}
.fa-youtube{font-size:20px;margin-left:10px;}
.fa-instagram{font-size:20px;margin-left:10px;}
.fa-twitter{font-size:20px;}



.pagination{margin-top:30px;}

.pagination > li > a
{
    background-color: white;
    color: #212529;
}

.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover
{
    color: #fff;
    background-color: #212529;
    border-color: #212529;
	box-shadow: none; 
}

.pagination > .active > a
{
    color: white;
    background-color: #212529;
    border: solid 1px #212529;
}

.pagination > .active > a:hover
{
    background-color:  #212529;
    border: solid 1px  #212529;
}

.page-item.active .page-link.current {
    color: #ffffff; 
    background-color: #212529; 
    border-color: #212529; 
}

.page-item.active .page-link.current:focus,
.page-item.active .page-link.current:active {
    box-shadow: none;
}





.poppins-thin {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.poppins-extralight {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: normal;
}

.poppins-light {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.poppins-regular {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.poppins-medium {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.poppins-semibold {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.poppins-bold {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.poppins-extrabold {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.poppins-black {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.poppins-thin-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.poppins-extralight-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 200;
  font-style: italic;
}

.poppins-light-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.poppins-regular-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.poppins-medium-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.poppins-semibold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: italic;
}

.poppins-bold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.poppins-extrabold-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 800;
  font-style: italic;
}

.poppins-black-italic {
  font-family: "Poppins", sans-serif;
  font-weight: 900;
  font-style: italic;
}

::-moz-selection { /* Code for Firefox */
  color: #fff;
  background: #212529;
}

::selection {
  color: #fff;
  background: #212529;
}