/*
Theme Name: PRO WEB TASARIM
Theme URI: https://www.prowebtasarim.com
Author: Bee Digital Agency
Author URI: https://www.beedigitalagency.com
Description: PRO WEB TASARIM Theme
Version: 1.0
Text Domain: www.prowebtasarim.com
*/

body {
  font-family: 'Poppins', sans-serif;
  font-size:18px;
  color:#000000;
  background-color:#fff;
}

@media (max-width: 576px) {
	body {
	  font-family: 'Poppins', sans-serif;
	  font-size:16px;
	}
}



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

.navbar{background-color:#ff6100;}

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

.teklif-offcanvas{}

.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:16px;}

@media (max-width: 576px) {
	.navbar-brand {
	color:#fff;
	font-size:22px;
	font-weight:700;
	text-transform:uppercase;
}
.dropdown-item{font-size:14px;}
.teklif-offcanvas{margin-top:30px;}
}

/* FIRE SECTION
-------------------------------------------------- */
.fire-section{
	padding-top:180px;
	height: 100vh;
	background-color: #ff6100;
	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:44px;font-weight:700;text-transform:uppercase;}
.fire-left h1 span{color:#fff;font-size:44px;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: #ff6100;
	background-size: cover;
	background-position: right;
}

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

.fire-right{}
.fire-right img {max-height:320px;}

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

/* HERO SECTION
-------------------------------------------------- */
.hero-section h2{font-size:37px;font-weight:600;}
.hero-section p{font-size:20px;}

@media (max-width: 576px) {
.hero-section img{max-height:320px;}
.hero-section p{font-size:18px;}

}

/* SERVICES SECTION
-------------------------------------------------- */
.services-section {padding-top:40px;padding-bottom:30px;}
.services-section .card-title {font-weight:600;font-size:24px;}
.services-section .card-title a{text-decoration:none; color:#000000;}
.services-section .card-title a:hover{opacity:0.8;}


@media (max-width: 576px) {
.services-section{padding-top:40px;padding-bottom:30px;}
.services-section .card{margin-bottom:10px;}
.services-section .card-title {font-weight:600;}
}

.sidebar-section{padding-top:10px;}

@media (max-width: 576px) {
.sidebar-section{padding-top:10px;}
}

.breadcrumbs{font-size:13px;margin:20px 0px 10px 0px;}
.breadcrumbs a {text-decoration:none;color:black;}
.breadcrumbs__current{color:black;opacity:0.8;}

.header-section{margin-top:100px;}
.header-section h1{font-weight:700;}
.header-section p{font-size:20px;}

@media (max-width: 576px) {
.header-section{margin-top:100px;}
.header-section h1{font-weight:700;}
.header-section p{font-size:16px;}
}



/* BLOG SECTION
-------------------------------------------------- */
.blog-section {padding-top:30px;padding-bottom:30px;}
.blog-section .card img {padding-bottom:0px;margin-bottom:0px;}
.blog-section .card .card-body {padding-top:0px;margin-top:0px;margin-left:0px;padding-left:0px;}
.blog-section .card .card-title{padding-top:0px;margin-top:0px;margin-left:0px;padding-left:0px;}
.blog-section .card h2 a{margin-left:0px;padding-left:0px;font-size:18px;font-weight:600;color:#000000;text-decoration:none;}


@media (max-width: 576px) {
.blog-section {padding-top:30px;padding-bottom:30px;}
}



/* ARTICLE SECTION
-------------------------------------------------- */

.article-section{padding-top:20px;padding-bottom:20px;}
.article-section h2{font-size:28px;font-weight:600;border-left:3px solid #000000;padding-left:20px;margin-top:30px;}
.article-section h2 span{display:block;}
.article-section h3{font-weight:600;font-size:20px;}
.article-section h3 span{display:block;margin-top:5px;font-size:23px;}

.article-section p{padding-top:20px;padding-bottom:20px;}

.article-section ul{}
.article-section ul li{margin-top:10px;}
.article-section ul li strong{font-weight:600;}


@media (max-width: 576px) {
.article-section h2{font-size:24px;}
.article-section h3{font-weight:600;font-size:18px;}
.article-section h3 span{display:block;margin-top:5px;font-size:20px;}

.article-section ul{}
.article-section ul li{margin-top:10px;}
.article-section ul li strong{font-weight:600;}
}








    .accordion-button {
	  font-weight:500;
      background-color: #f8f9fa; /* Başlık kapalıyken arka plan rengi */
      color: #212529; /* Başlık kapalıyken metin rengi */
	  font-size:20px;
      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 {
	  padding-right:5px;
      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-body{margin-top:-15px;margin-bottom:20px;}
	/* 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 */
	}
	.accordion-header{border:none;padding-left:0px;}
@media (max-width: 576px) {
	.accordion-button{font-size:16px;}

}


footer{
	color:#ffffff;
	background-color:#ff6100;
	padding-top:30px;
	padding-bottom:30px;
}

footer h3{font-size:28px;font-weight:600;margin-bottom:20px;}
footer p{font-size:18px;}

footer ul{padding-left:0px;margin-left:0px;}
footer ul li {list-style:none;margin-left:0px;}

.footer-logo{margin-bottom:10px;}

.footer-social-media{font-size:20px;color:#ffffff;}
footer ul li i{padding-right:10px;}
footer ul li a{color:#ffffff;text-decoration:none;}
footer ul li a:hover{opacity:0.8;}




ul.footer-list {
  padding-left: 25px; /* Listeyi sağa kaydırarak simgeleri yerleştirmek için */
  margin-top: 0px; /* Alt boşluk */
  margin-bottom: 30px; /* Alt boşluk */
  list-style: none; /* Madde işaretlerini kaldır */
  position: relative;
}



ul.footer-list li{padding-left:5px;margin-bottom:10px;}


ul.footer-list li.right::before {
  font-family: 'Font Awesome 5 Free';
  content: "\f061"; /* Font Awesome Check Icon */
  font-size: 18px;
  font-weight: 900;
  color: #ffffff; /* Yeşil */
  position: absolute;
  left: 0px;
}


@media (max-width: 576px) {
footer h3{font-size:22px;font-weight:600;margin-top:20px;}
footer p{font-size:16px;}
}




.notice-box {
  background-color: #ff6100;
  color: #ffffff;
  padding: 15px;
  border-radius: 4px;
  margin-bottom:20px;
  display: flex;
  align-items: center;
}

.notice-box img{
  width:60px;
  height:60px;
  margin-left: 0px;
  margin-right: 0px;
}

.notice-icon {
  font-size: 30px;
  margin-left: 10px;
  margin-right: 20px;
}

.notice-text {
  font-size: 18px;
  flex: 1;
  padding-left:20px;
  padding-right:10px;

}

.notice-box-danger {
  color: #ffffff;
  padding: 15px;
  border-radius: 4px;
  margin-bottom:20px;
  display: flex;
}

@media (max-width: 576px) {
.notice-box img{
  width:50px;
  height:50px;
  margin-left: 0px;
  margin-right: 0px;
}

.notice-text {
  font-size: 14px;
  flex: 1;
  padding-left:10px;
  padding-right:10px;

}
}



.pricing-box {
  padding: 30px 30px;
  margin-bottom:30px;
  border-radius: 20px;
  position: relative;
  transition: all .2s ease-in-out;
}

.tercih-edilen{transform: scale(1.05); }

.pricing-box:hover{
transform: scale(1.02); 
}

@media (max-width: 576px) {
.pricing-box:hover{
transform: none; 
}
.tercih-edilen{transform: scale(1); }
}

.pricing-box i{
font-size:45px;
}


.pricing-box p{
  font-size:14px;
}


.pricing-box s{
  font-size: 18px;
}

.pricing-box .plan {
  font-size: 26px;
}

.pricing-badge {
  position: absolute;
  top: 0;
  z-index: 999;
  right: 0;
  width: 100%;
  display: block;
  font-size: 15px;
  padding: 0;
  overflow: hidden;
  height: 100px;
}

.pricing-badge .badge {
  float: right;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  right: -67px;
  top: 17px;
  position: relative;
  text-align: center;
  width: 200px;
  font-size: 10px;
  margin: 0;
  padding: 7px 10px;
  font-weight: 500;
  color: #ffffff;
  background: #000;
}


ul.pricing-list {
  padding-left: 25px; /* Listeyi sağa kaydırarak simgeleri yerleştirmek için */
  margin-top: 20px; /* Alt boşluk */
  margin-bottom: 20px; /* Alt boşluk */
  list-style: none; /* Madde işaretlerini kaldır */
  position: relative;
  font-size:15px;
}



ul.pricing-list li{padding-left:7px;margin-bottom:5px;}


ul.pricing-list li.check::before {
  font-family: 'Font Awesome 5 Free';
  content: "\f00c"; /* Font Awesome Check Icon */
  font-size: 16px;
  font-weight: 900;
  color: #198754; /* Yeşil */
  position: absolute;
  left: 0;
}

ul.pricing-list li.cross{text-decoration:line-through;}

ul.pricing-list li.cross::before {
  font-family: 'Font Awesome 5 Free';
  content: "\f00d"; /* Font Awesome Cross Icon */
  font-size: 16px;
  font-weight: 900;
  color: #212529; /* Kırmızı */
  position: absolute;
  left: 0;
}




.faq-section{margin-top:}







#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;
}

/* Genel UL Stili */
ul.custom-list {
  padding-left: 25px; /* Listeyi sağa kaydırarak simgeleri yerleştirmek için */
  margin-top: 0px; /* Alt boÅŸluk */
  margin-bottom: 30px; /* Alt boÅŸluk */
  list-style: none; /* Madde işaretlerini kaldır */
  position: relative;
}



ul.custom-list li{padding-left:7px;margin-bottom:-5px;}


ul.custom-list li.check::before {
  font-family: 'Font Awesome 5 Free';
  content: "\f00c"; /* Font Awesome Check Icon */
  font-size: 16px;
  font-weight: 900;
  color: #198754; /* YeÅŸil */
  position: absolute;
  left: 10px;
}


ul.custom-list li.cross::before {
  font-family: 'Font Awesome 5 Free';
  content: "\f00d"; /* Font Awesome Cross Icon */
  font-size: 16px;
  font-weight: 900;
  color: #ff0000; /* Kırmızı */
  position: absolute;
  left: 10px;
}

ul.custom-list li.step { margin-bottom: 40px;}
ul.custom-list li.step p{ margin-top: -20px;}

ul.custom-list li.step::before {
  font-family: 'Font Awesome 5 Free';
  content: "\f138"; /* Font Awesome Cross Icon */
  font-size: 20px;
  font-weight: 900;
  color: #000000; /* Kırmızı */
  position: absolute;
  margin-top:-3px;
  left: 0px;
}

ul.custom-list li.dang {}
ul.custom-list li.dang::before {
  font-family: 'Font Awesome 5 Free';
  content: "\f111"; /* Font Awesome Cross Icon */
  font-size: 10px;
  font-weight: 900;
  color: #fff; /* Kırmızı */
  position: absolute;
  left: 10px;
}


.modal-form{font-size:16px;}
.modal-form .form-label{font-size:16px;}
.modal-form .form-select{font-size:16px;}
.modal-form {font-size:14px;}
.modal-form .form-check a {
	font-size:14px;
    text-decoration: none;
}

.modal-form .form-check a:hover {
    text-decoration: underline;
}

@media (max-width: 576px) {
.modal-form{font-size:14px;}
.modal-form .form-label{font-size:14px;}
.modal-form .form-select{font-size:14px;}
.modal-form .form-check {font-size:13px;}
.modal-form .form-check a{font-size:13px;}
}

.sidebar-card h3 a{
	font-size:18px;
	font-weight:600;
	text-decoration:none;
	color:#000000;
}


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

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