/*
Theme Name: Akıllı Tamir
Theme URI: https://www.beedigitalagency.com
Author: Bee Digital Agency
Author URI: https://www.beedigitalagency.com
Description: Akıllı Tamir
Version: 1.0
Text Domain: Akıllı Tamir
*/

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

/* FIRE SECTION
-------------------------------------------------- */
.fire-section{
	padding-top:180px;
	height: 100vh;
	background-color: #000000;
	position: relative;
}

        .fixed-image {
            position: absolute;
            bottom: 25px;
            left: 50%;
            transform: translateX(-50%);
            width: 23px; /* Resim genişliği */
            height: 35px; /* Resim yüksekliği */			
			
        }

.fire-left{}
.fire-left h1{color:#fff;font-size:48px;font-weight:700;text-transform:uppercase;}
.fire-left h1 span{color:#fff;font-size:37px;font-weight:700;text-transform:uppercase;}
.fire-left p{color:#fff;font-size:24px;font-weight:400;}

.fire-right{}


.fire-bottom {
	display: flex;
	align-items: center;
	justify-content: space-around;
	width: 300px;
}


@media (max-width: 576px) {
	
.fire-section{
	padding-top:100px;
	height: 100dvh;
	background-color: #000000;
	background-size: cover;
	background-position: right;
}

.fire-left{padding-top:50px;}
.fire-left h1{color:#fff;font-size:27px;font-weight:600;text-transform:uppercase;}
.fire-left h1 span{color:#fff;font-size:22px;font-weight:600;text-transform:uppercase;}
.fire-left p{color:#fff;font-size:16px;font-weight:400;}

.fire-right{}
.fire-right img {max-width:300px;}

        .fixed-image {
            position: absolute;
            bottom: 25px;
            left: 50%;
            transform: translateX(-50%);
            width: 18px; /* Resim genişliği */
            height: 27px; /* Resim yüksekliği */			
			
        }
}

/* FEATURES SECTION
-------------------------------------------------- */
.features{
	margin-top:80px;
}

.features-left{}
.features-left img{margin-bottom:10px;}
.features-left h2{font-weight:bolder;font-size:36px;}
.features-left p{font-size:18px;}

.features-right{}
.features-right h3{font-weight:bolder;font-size:20px;}
.features-right p{font-size:16px;}


@media (max-width: 576px) {

.features{
	margin-top:60px;
}

.features-left{}
.features-left h2{font-weight:bolder;font-size:26px;}
.features-left p{font-size:16px;}

.features-right{margin-top:50px;text-align:center;}
.features-right h3{font-weight:bolder;font-size:18px;}
.features-right p{font-size:16px;}


}















.counter{
	font-weight:bolder;
}

.counterp{
	font-weight:bolder;
}

    .accordion-button {
      background-color: #fff; /* Başlık kapalıyken arka plan rengi */
      color: #000000; /* 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: #000000; /* 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 */
	}













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

.navbar{background-color:#000000;}

.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:#000000;}
.offcanvas-header{background-color:#000000;}
.offcanvas-body{background-color:#000000;}

.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.onarimakademi.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 a{color:#000000;}
.card-title a:hover{opacity:0.8;}


a{text-decoration:none;}

.list-group-item a{color:#000000;}
.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:#000000;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 #000000;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:#000000;}

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

.articleh2{font-size:22px;color:#000000;border-left:2px solid #000000;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: #000000;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:#000000; /* 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:#000000; /* 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: #000000;
}

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

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

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

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

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








.product-images{
	margin-top:20px;
	margin-bottom:20px;
}

   .product-image:hover + .second-image {
      display: block;
    }

    .product-image:hover {
      display: none;
    }

.kartvizit-category-section-a .card-title{
text-transform:uppercase;font-size:15px;font-weight:bolder;
}

.product-details h2{font-weight:bolder;}
.product-details p{font-weight:normal;font-size:17px;}
.product-details button{margin-top:20px;}
.product-details ul {margin-left:-20px;margin-top:30px;margin-bottom:30px;}
.product-details ul li {list-style:none;margin-left:0px;}
.product-details ul li i{font-size:16px;padding-right:5px;}


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

ul.product-list li:before {
  font-family: 'Font Awesome 5 Free';
  content: "\f00c";
  font-size: 16px;
  font-weight: 900;
  color:#198754;
  position:absolute;
  left:0;
}


.product-tab{margin-top:50px;}
.tab-pane{padding-left:5px;padding-top:20px;}
.product-tab .nav-link{color:#000000;}
.product-tab p{}
.product-tab h3{font-weight:bolder;font-size:18px;}



        .discount-badge {
            position: absolute;
            top: 10px;
            left: 10px;
            background-color: #000000;
            color: white;
            padding: 5px 10px;
            font-size: 13px;
            font-weight: bold;
            border-radius: 5px;
        }











.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: #000000;
}

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