:root{
  --bb-blue:#00a9d6;
  --bb-blue-dark:#0b63c7;
  --bb-pink:#f05273;
  --bb-pink-soft:#fff2f6;
  --bb-navy:#102653;
  --bb-text:#17234d;
  --bb-muted:#68738f;
  --bb-green:#0eb98a;
  --bb-orange:#ff8a20;
  --bb-purple:#7a48d9;
  --bb-line:#e8eef7;
  --bb-light:#f8fbff;
  --bb-radius:22px;
  --bb-shadow:0 18px 45px rgba(16,38,83,.08);
}



.google-sans-flex-<uniquifier> {
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
  font-variation-settings:
    "slnt" 0,
    "wdth" 100,
    "GRAD" 0,
    "ROND" 0;
}

*{box-sizing:border-box}
body{
  font-family: Google Sans Flex", sans-serif;
  color:var(--bb-text);
  background:#fff;
}
a{text-decoration:none}

.container{
  max-width:1320px;
}

.site-header{
  background:#fff;
  padding:22px 0 14px;
  box-shadow:0 6px 28px rgba(16,38,83,.045);
  position:sticky;
  top:0;
  z-index:1000;
}

.logo{
  display:inline-block;
  font-size:46px;
  line-height:1;
  letter-spacing:-2px;
  font-weight:900;
  color:var(--bb-blue);
}
.logo:hover{color:var(--bb-blue)}
.logo span{color:var(--bb-pink)}

.top-links a{
  color:var(--bb-navy);
  font-size:14px;
  font-weight:700;
}

.btn{
  border-radius:8px;
  padding:12px 22px;
  font-size:14px;
  font-weight:800;
  border:0;
}

.btn-sm{
  padding:10px 15px;
  font-size:12px;
}

.btn-success-soft{background:var(--bb-green);color:#fff}
.btn-primary-soft{background:var(--bb-blue-dark);color:#fff}
.btn-pink{background:var(--bb-pink);color:#fff}
.btn-pink-light{background:#fb6b84;color:#fff}
.btn-outline-pink{
  background:#fff;
  color:var(--bb-pink);
  border:2px solid var(--bb-pink);
}

.btn:hover{opacity:.92;color:#fff}
.btn-outline-pink:hover{background:var(--bb-pink);color:#fff}

.navbar-toggler{
  border:0;
  box-shadow:none!important;
}
.navbar-toggler-icon{
  background-image:none;
  width:32px;
  height:22px;
  position:relative;
}
.navbar-toggler-icon:before,
.navbar-toggler-icon:after,
.navbar-toggler-icon{
  border-top:3px solid var(--bb-navy);
}
.navbar-toggler-icon:before,
.navbar-toggler-icon:after{
  content:"";
  position:absolute;
  left:0;
  width:32px;
}
.navbar-toggler-icon:before{top:8px}
.navbar-toggler-icon:after{top:18px}

.nav-link{
  color:#24345d;
  font-weight:800;
  font-size:15px;
  padding:.55rem 0!important;
}
.nav-link i{color:#314f91;margin-right:5px}
.nav-link:hover{color:var(--bb-pink)}
.search-link{
  font-size:26px;
  color:var(--bb-pink)!important;
}

.hero-section{
  padding:28px 0 10px;
}

.hero-panel{
  border-radius:var(--bb-radius);
  padding:42px;
  min-height:470px;
  overflow:hidden;
  position:relative;
}

.hero-parent{
  background:
    radial-gradient(circle at 76% 12%, rgba(240,82,115,.13), transparent 22%),
    linear-gradient(110deg,#fff2f6 0%,#fff 70%);
}

.hero-business{
  background:
    radial-gradient(circle at 90% 10%, rgba(0,169,214,.13), transparent 22%),
    linear-gradient(110deg,#f9fcff 0%,#edf8ff 100%);
}

.hero-panel h1,
.hero-panel h2{
  color:var(--bb-navy);
  font-weight:900;
  line-height:1.08;
  margin:0 0 18px;
}
.hero-panel h1{font-size:46px}
.hero-panel h2{font-size:42px}
.hero-panel h1 span{color:var(--bb-pink)}
.hero-panel h2 span{color:var(--bb-blue-dark)}

.hero-panel p{
  color:#24345d;
  line-height:1.7;
  font-weight:600;
}

.hero-feature-grid,
.business-list{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-top:22px;
}

.hero-feature-grid span,
.business-list span{
  font-size:14px;
  font-weight:800;
  color:#24345d;
}

.hero-feature-grid i{
  color:var(--bb-pink);
  margin-right:7px;
}
.business-list i{
  color:var(--bb-blue-dark);
  margin-right:7px;
}

.hero-small-link{
  display:block;
  margin-top:14px;
  color:var(--bb-blue-dark);
  font-weight:800;
  font-size:14px;
}

.trust-note{
  margin-top:22px;
  background:#fff;
  border:1px solid var(--bb-line);
  box-shadow:0 14px 32px rgba(16,38,83,.06);
  border-radius:15px;
  padding:14px 16px;
  display:flex;
  align-items:center;
  gap:12px;
  max-width:480px;
  color:var(--bb-muted);
  font-size:14px;
  line-height:1.45;
}
.trust-note i{
  width:42px;
  height:42px;
  border-radius:13px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--bb-pink);
  background:#fff2f6;
  font-size:22px;
  flex:none;
}
.trust-note b{color:var(--bb-pink)}

.family-illustration{
  min-height:300px;
  border-radius:30px;
  background:
    radial-gradient(circle at 53% 55%, #ffdbe3 0 24%, transparent 25%),
    radial-gradient(circle at 50% 50%, #fff 0 34%, transparent 35%),
    linear-gradient(180deg,#ffe8ef,#fff);
  position:relative;
}
.family-illustration:before{
  content:"";
  position:absolute;
  width:150px;
  height:220px;
  border-radius:90px 90px 40px 40px;
  background:linear-gradient(180deg,#f5b6c2,#fff);
  left:50%;
  top:45%;
  transform:translate(-50%,-50%);
  opacity:.8;
}
.family-illustration:after{
  content:"♡";
  position:absolute;
  right:22px;
  top:20px;
  color:var(--bb-pink);
  font-size:34px;
}

.device-card{
  min-height:290px;
  position:relative;
}
.badge-promo{
  position:absolute;
  right:8px;
  top:0;
  width:98px;
  height:98px;
  border-radius:50%;
  background:var(--bb-pink);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  font-weight:900;
  font-size:12px;
  transform:rotate(-8deg);
  z-index:2;
}
.laptop{
  position:absolute;
  width:245px;
  height:160px;
  right:0;
  top:90px;
  border:12px solid #d8e4f0;
  border-bottom-width:24px;
  border-radius:18px;
  background:
    linear-gradient(90deg, rgba(240,82,115,.2) 0 30%, transparent 31%),
    linear-gradient(#fff,#f8fbff);
  box-shadow:0 18px 35px rgba(16,38,83,.13);
}
.phone{
  position:absolute;
  width:82px;
  height:150px;
  right:20px;
  bottom:5px;
  border:8px solid #17234d;
  border-radius:20px;
  background:#fff;
  box-shadow:0 15px 28px rgba(16,38,83,.15);
}

.stats-card{
  position:relative;
  z-index:3;
  margin: -22px auto 0;
  max-width:1180px;
  background:#fff;
  border:1px solid var(--bb-line);
  border-radius:20px;
  box-shadow:var(--bb-shadow);
  padding:20px 0;
}
.stat-item{
  border-right:1px solid var(--bb-line);
  padding:10px 20px;
  min-height:88px;
}
.stat-item i{
  font-size:34px;
  color:var(--bb-blue-dark);
  display:block;
  margin-bottom:6px;
}
.stat-item b{
  display:block;
  color:var(--bb-navy);
  font-size:22px;
  font-weight:900;
}
.stat-item span{
  display:block;
  color:var(--bb-muted);
  font-size:13px;
  font-weight:700;
}

.service-card{
  min-height:230px;
  border:1px solid var(--bb-line);
  border-radius:18px;
  background:#fff;
  padding:30px;
  box-shadow:0 12px 30px rgba(16,38,83,.04);
  transition:.25s ease;
}
.service-card:hover{
  transform:translateY(-4px);
  box-shadow:var(--bb-shadow);
}
.service-card i{
  font-size:42px;
}
.service-card h3{
  font-size:22px;
  font-weight:900;
  margin-top:12px;
}
.service-card p{
  color:var(--bb-muted);
  font-size:15px;
  line-height:1.6;
}
.service-card .btn{
  width:100%;
  margin-top:8px;
}
.service-green{background:linear-gradient(180deg,#f4fffc,#fff)}
.service-green i,.service-green h3{color:var(--bb-green)}
.service-green .btn{background:var(--bb-green);color:#fff}
.service-orange{background:linear-gradient(180deg,#fff8f0,#fff)}
.service-orange i,.service-orange h3{color:var(--bb-orange)}
.service-orange .btn{background:var(--bb-orange);color:#fff}
.service-blue{background:linear-gradient(180deg,#f5faff,#fff)}
.service-blue i,.service-blue h3{color:var(--bb-blue-dark)}
.service-blue .btn{background:var(--bb-blue-dark);color:#fff}
.service-purple{background:linear-gradient(180deg,#fbf7ff,#fff)}
.service-purple i,.service-purple h3{color:var(--bb-purple)}
.service-purple .btn{background:var(--bb-purple);color:#fff}

.section-block{
  padding:18px 0;
}
.section-title{
  display:flex;
  align-items:end;
  justify-content:space-between;
  gap:20px;
  margin-bottom:20px;
}
.section-title h2{
  color:var(--bb-navy);
  font-size:31px;
  font-weight:900;
  margin:0;
}
.section-title h2 i{
  color:var(--bb-pink);
}
.section-title p{
  color:var(--bb-muted);
  margin:6px 0 0;
  font-weight:600;
}
.section-title a{
  color:var(--bb-pink);
  font-weight:900;
  white-space:nowrap;
  font-size:14px;
}
.section-title small{
  color:var(--bb-muted);
  font-weight:700;
}

.blog-card{
  border:1px solid var(--bb-line);
  border-radius:17px;
  background:#fff;
  overflow:hidden;
  height:100%;
  transition:.25s ease;
}
.blog-card:hover{
  transform:translateY(-4px);
  box-shadow:var(--bb-shadow);
}
.blog-img{
  height:150px;
  padding:12px;
  background:#eef8ff;
  position:relative;
  overflow:hidden;
}
.blog-img:after{
  content:"";
  position:absolute;
  width:110px;
  height:110px;
  border-radius:50%;
  right:20px;
  bottom:-20px;
  background:rgba(255,255,255,.65);
}
.blog-img span{
  position:relative;
  z-index:2;
  display:inline-block;
  border-radius:7px;
  padding:6px 10px;
  color:#fff;
  font-size:11px;
  font-weight:900;
}
.img-pregnancy{background:linear-gradient(135deg,#ffe0e9,#fff)}
.img-pregnancy span{background:var(--bb-pink)}
.img-baby{background:linear-gradient(135deg,#fff0c9,#fff)}
.img-baby span{background:var(--bb-orange)}
.img-child{background:linear-gradient(135deg,#dff5ff,#fff)}
.img-child span{background:var(--bb-blue-dark)}
.img-doctor{background:linear-gradient(135deg,#e5fff7,#fff)}
.img-doctor span{background:var(--bb-green)}
.img-family{background:linear-gradient(135deg,#f1e5ff,#fff)}
.img-family span{background:var(--bb-purple)}

.blog-body{
  padding:15px;
}
.blog-body h3{
  font-size:16px;
  line-height:1.35;
  color:var(--bb-navy);
  font-weight:900;
  margin-bottom:10px;
}
.blog-body p{
  color:var(--bb-muted);
  line-height:1.55;
  font-size:14px;
  margin:0;
}

.firm-card{
  border:1px solid var(--bb-line);
  background:#fff;
  border-radius:16px;
  padding:20px 14px;
  text-align:center;
  height:100%;
  transition:.25s ease;
}
.firm-card:hover{
  box-shadow:var(--bb-shadow);
  transform:translateY(-4px);
}
.firm-logo{
  width:64px;
  height:64px;
  border-radius:50%;
  margin:0 auto 12px;
  background:#f4f9ff;
  border:1px solid var(--bb-line);
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--bb-blue-dark);
  font-weight:900;
}
.firm-card h3{
  font-size:15px;
  line-height:1.35;
  min-height:40px;
  color:var(--bb-navy);
  font-weight:900;
}
.firm-card span{
  display:inline-block;
  margin-top:8px;
  color:var(--bb-pink);
  border:1px solid #ffd2dc;
  border-radius:40px;
  padding:5px 10px;
  font-size:12px;
  font-weight:900;
}

.category-box{
  border:1px solid var(--bb-line);
  border-radius:20px;
  padding:24px;
  background:#fff;
}
.category-card{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  min-height:118px;
  text-align:center;
  border:1px solid var(--bb-line);
  border-radius:17px;
  color:var(--bb-navy);
  background:#fff;
  transition:.25s ease;
  padding:14px 8px;
}
.category-card i{
  font-size:27px;
  color:var(--bb-blue-dark);
}
.category-card b{
  font-size:13px;
  margin:10px 0 3px;
}
.category-card span{
  color:var(--bb-muted);
  font-size:12px;
}
.category-card:hover{
  background:#f3fbff;
  border-color:#bfefff;
  transform:translateY(-4px);
}

.ad-banner{
  min-height:185px;
  border-radius:19px;
  padding:30px;
  border:1px solid var(--bb-line);
  box-shadow:0 10px 28px rgba(16,38,83,.04);
  position:relative;
  overflow:hidden;
}
.ad-banner:after{
  content:"";
  position:absolute;
  width:150px;
  height:150px;
  border-radius:50%;
  right:20px;
  bottom:-30px;
  background:rgba(255,255,255,.62);
}
.ad-banner h3{
  font-size:25px;
  line-height:1.18;
  color:var(--bb-navy);
  font-weight:900;
  max-width:280px;
}
.ad-banner a{
  display:inline-block;
  margin-top:18px;
  color:var(--bb-blue-dark);
  font-weight:900;
}
.ad-1{background:linear-gradient(135deg,#e4faff,#fff)}
.ad-2{background:linear-gradient(135deg,#fff2dc,#fff)}
.ad-3{background:linear-gradient(135deg,#e9f2ff,#fff)}

.info-box{
  border:1px solid var(--bb-line);
  border-radius:20px;
  background:#fff;
  padding:28px;
}
.info-box h2{
  text-align:center;
  color:var(--bb-navy);
  font-weight:900;
  font-size:25px;
  margin:0;
}
.reason{
  text-align:center;
}
.reason i{
  display:block;
  color:var(--bb-pink);
  font-size:36px;
  margin-bottom:10px;
}
.reason b{
  display:block;
  color:var(--bb-navy);
  font-size:14px;
  line-height:1.25;
  margin-bottom:7px;
}
.reason span{
  display:block;
  color:var(--bb-muted);
  font-size:12px;
  line-height:1.35;
}

.ad-option{
  display:flex;
  gap:13px;
  align-items:flex-start;
  border-radius:14px;
  padding:12px;
}
.ad-option i{
  font-size:32px;
  color:var(--bb-blue-dark);
}
.ad-option b{
  display:block;
  color:var(--bb-navy);
  font-size:15px;
  font-weight:900;
}
.ad-option span{
  display:block;
  color:var(--bb-muted);
  font-size:13px;
  line-height:1.35;
}

.cta-box{
  min-height:205px;
  border-radius:20px;
  padding:36px;
  display:flex;
  align-items:center;
  position:relative;
  overflow:hidden;
}
.cta-box:after{
  content:"♡";
  position:absolute;
  right:34px;
  top:30px;
  font-size:62px;
  color:rgba(240,82,115,.18);
}
.cta-left{
  background:linear-gradient(110deg,#fff0f5,#fff);
}
.cta-right{
  background:linear-gradient(110deg,#eef9ff,#fff);
}
.cta-box h2{
  color:var(--bb-navy);
  font-size:29px;
  font-weight:900;
}
.cta-box p{
  color:var(--bb-muted);
  font-weight:700;
  margin-bottom:18px;
}

.site-footer{
  background:#fbfdff;
  border-top:1px solid var(--bb-line);
  padding:45px 0 20px;
}
.footer-logo{
  font-size:42px;
}
.site-footer p{
  color:var(--bb-muted);
  line-height:1.65;
}
.site-footer h4{
  color:var(--bb-navy);
  font-size:15px;
  font-weight:900;
  margin-bottom:15px;
}
.site-footer a:not(.logo){
  display:block;
  color:var(--bb-muted);
  font-size:14px;
  margin-bottom:9px;
  font-weight:600;
}
.socials{
  display:flex;
  gap:8px;
}
.socials a{
  width:32px;
  height:32px;
  border-radius:50%;
  background:#fff;
  border:1px solid var(--bb-line);
  display:flex!important;
  align-items:center;
  justify-content:center;
  color:var(--bb-blue-dark)!important;
}

.newsletter{
  display:flex;
}
.newsletter input{
  min-width:0;
  width:100%;
  border:1px solid var(--bb-line);
  border-right:0;
  border-radius:8px 0 0 8px;
  padding:12px;
  font-size:13px;
}
.newsletter button{
  border:0;
  background:var(--bb-pink);
  color:#fff;
  border-radius:0 8px 8px 0;
  padding:0 14px;
  font-size:12px;
  font-weight:900;
  white-space:nowrap;
}

.footer-bottom{
  margin-top:30px;
  border-top:1px solid var(--bb-line);
  padding-top:18px;
  color:var(--bb-muted);
  font-size:13px;
  display:flex;
  flex-wrap:wrap;
  gap:18px;
  justify-content:space-between;
}

.scroll-top{
  position:fixed;
  right:22px;
  bottom:22px;
  width:44px;
  height:44px;
  background:var(--bb-pink);
  color:#fff;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 12px 25px rgba(240,82,115,.35);
}

@media(max-width:1199.98px){
  .site-header{position:relative}
  .hero-panel h1,
  .hero-panel h2{font-size:38px}
  .stats-card{margin-top:20px}
  .stat-item{border-right:0;border-bottom:1px solid var(--bb-line)}
}

@media(max-width:767.98px){
  .logo{font-size:38px}
  .hero-panel{padding:26px;min-height:auto}
  .hero-panel h1,
  .hero-panel h2{font-size:32px}
  .hero-feature-grid,
  .business-list{grid-template-columns:1fr}
  .family-illustration,
  .device-card{min-height:210px}
  .section-title{
    display:block;
  }
  .section-title a{
    display:inline-block;
    margin-top:10px;
  }
  .stats-card{padding:0}
  .stat-item{min-height:78px}
  .cta-box{padding:26px}
  .footer-bottom{justify-content:flex-start}
}







.advertising-services {
	background-color: #ffffff;
}

.advertising-services .row {
	--bs-gutter-x: 22px;
	--bs-gutter-y: 22px;
}

/* Kart ana yapısı */
.advertising-card {
	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
	min-height: 240px;
	padding: 32px 28px 26px;
	border: 1px solid rgba(25, 35, 50, 0.06);
	border-radius: 10px;
	overflow: hidden;
	transition:
		transform 0.25s ease,
		box-shadow 0.25s ease;
}

.advertising-card:hover {
	transform: translateY(-5px);
	box-shadow: 0 15px 40px rgba(20, 35, 55, 0.09);
}

/* Hafif arka plan parlaması */
.advertising-card::before {
	content: "";
	position: absolute;
	top: -70px;
	right: -70px;
	width: 170px;
	height: 170px;
	border-radius: 50%;
	background: currentColor;
	opacity: 0.035;
	pointer-events: none;
}

/* Üst içerik */
.advertising-card-content {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: flex-start;
	gap: 18px;
	margin-bottom: 25px;
}

/* İkon */
.advertising-icon {
	flex: 0 0 48px;
	width: 48px;
	height: 58px;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	font-size: 43px;
	line-height: 1;
	color: inherit;
}

.advertising-icon i {
	line-height: 1;
}

/* Yazı alanı */
.advertising-text {
	flex: 1;
	min-width: 0;
}

.advertising-text h3 {
	margin: 0 0 13px;
	font-size: 15px;
	font-weight: 600;
	color: inherit;
}

.advertising-text p {
	margin: 0;
	font-size: 13px;
	font-weight: 500;
	color: #44516a;
}

/* Buton */
.advertising-button {
	position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 48px;
	padding: 11px 15px;
	border-radius: 7px;
	color: #ffffff;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.2;
	text-decoration: none;
	text-align: center;
	box-shadow: 0 7px 16px rgba(20, 30, 50, 0.08);
	transition:
		opacity 0.2s ease,
		transform 0.2s ease,
		box-shadow 0.2s ease;
}

.advertising-button:hover {
	opacity: 0.9;
	box-shadow: 0 10px 20px rgba(20, 30, 50, 0.13);
}

/* Yeşil kart */
.advertising-green {
	color: #12b89c;
	background:
		linear-gradient(
			135deg,
			rgba(18, 184, 156, 0.055) 0%,
			rgba(18, 184, 156, 0.015) 100%
		);
}

/* Turuncu kart */
.advertising-orange {
	color: #ff780d;
	background:
		linear-gradient(
			135deg,
			rgba(255, 120, 13, 0.06) 0%,
			rgba(255, 120, 13, 0.015) 100%
		);
}

/* Mavi kart */
.advertising-blue {
	color: #086bd9;
	background:
		linear-gradient(
			135deg,
			rgba(8, 107, 217, 0.06) 0%,
			rgba(8, 107, 217, 0.015) 100%
		);
}

/* Mor kart */
.advertising-purple {
	color: #8139c8;
	background:
		linear-gradient(
			135deg,
			rgba(129, 57, 200, 0.06) 0%,
			rgba(129, 57, 200, 0.015) 100%
		);
}

/* Büyük ekranlarda kartların biraz daha kompakt olması */
@media (min-width: 1200px) and (max-width: 1399.98px) {
	.advertising-card {
		padding: 28px 21px 23px;
	}

	.advertising-card-content {
		gap: 13px;
	}

	.advertising-icon {
		flex-basis: 42px;
		width: 42px;
		font-size: 37px;
	}

	.advertising-text h3 {
		font-size: 18px;
	}

	.advertising-text p {
		font-size: 13px;
	}
}

/* Mobil düzen */
@media (max-width: 575.98px) {
	.advertising-card {
		min-height: auto;
		padding: 27px 22px 22px;
		border-radius: 16px;
	}

	.advertising-card-content {
		gap: 15px;
		margin-bottom: 22px;
	}

	.advertising-icon {
		flex-basis: 43px;
		width: 43px;
		font-size: 38px;
	}

	.advertising-text h3 {
		font-size: 18px;
		margin-bottom: 9px;
	}

	.advertising-text p {
		font-size: 13px;
		line-height: 1.7;
	}

	.advertising-button {
		min-height: 46px;
		font-size: 13px;
	}
}




.featured-company-section {
	padding: 50px 0;
	background-color: #ffffff;
	font-family: inherit;
}

/* Başlık alanı */

.featured-section-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 25px;
	margin-bottom: 20px;
}

.featured-title-area {
	display: flex;
	align-items: flex-start;
	gap: 11px;
}

.featured-title-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 1px;
	color: #f6a526;
	font-size: 24px;
	line-height: 1;
}

.featured-title-area h2,
.category-box-header h2 {
	margin: 0;
	color: #111b42;
	font-size: 23px;
	font-weight: 800;
	line-height: 1.3;
}

.featured-title-area p {
	margin: 4px 0 0;
	color: #76809b;
	font-size: 13px;
	font-weight: 500;
}

.all-companies-button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 9px;
	min-height: 43px;
	padding: 10px 19px;
	border: 1px solid #edf0f5;
	border-radius: 10px;
	background-color: #ffffff;
	box-shadow: 0 4px 14px rgba(18, 32, 68, 0.04);
	color: #f34d81;
	font-size: 12px;
	font-weight: 800;
	text-decoration: none;
	white-space: nowrap;
	transition:
		transform 0.2s ease,
		border-color 0.2s ease,
		box-shadow 0.2s ease;
}

.all-companies-button:hover {
	color: #f34d81;
	border-color: rgba(243, 77, 129, 0.3);
	box-shadow: 0 8px 20px rgba(243, 77, 129, 0.1);
	transform: translateY(-2px);
}

/* Firma kartları */

.featured-firms-wrapper {
	position: relative;
	margin-bottom: 20px;
}

.featured-firms-list {
	display: grid;
	grid-template-columns: repeat(6, minmax(0, 1fr));
	gap: 14px;
}

.featured-firm-card {
	display: flex;
	align-items: center;
	gap: 13px;
	min-height: 102px;
	padding: 17px 16px;
	border: 1px solid #edf0f5;
	border-radius: 13px;
	background-color: #ffffff;
	box-shadow: 0 4px 14px rgba(17, 27, 66, 0.025);
	color: #111b42;
	text-decoration: none;
	transition:
		transform 0.22s ease,
		box-shadow 0.22s ease,
		border-color 0.22s ease;
}

.featured-firm-card:hover {
	color: #111b42;
	border-color: rgba(243, 77, 129, 0.25);
	box-shadow: 0 12px 27px rgba(17, 27, 66, 0.08);
	transform: translateY(-3px);
}

.featured-firm-logo {
	flex: 0 0 60px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background-color: #ffffff;
	overflow: hidden;
}

.featured-firm-logo img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.featured-firm-content {
	display: flex;
	flex: 1;
	flex-direction: column;
	align-items: flex-start;
	min-width: 0;
}

.featured-firm-content h3 {
	display: -webkit-box;
	min-height: 32px;
	margin: 0 0 10px;
	overflow: hidden;
	color: #111b42;
	font-size: 12px;
	font-weight: 800;
	line-height: 1.35;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.premium-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	padding: 5px 10px;
	border: 1px solid #ff8bad;
	border-radius: 20px;
	color: #f34d81;
	font-size: 9px;
	font-weight: 700;
	line-height: 1;
	white-space: nowrap;
}

/* Sağ-sol oklar */

.featured-slider-button {
	position: absolute;
	top: 50%;
	z-index: 5;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 35px;
	height: 35px;
	padding: 0;
	border: 1px solid #edf0f5;
	border-radius: 50%;
	background-color: #ffffff;
	box-shadow: 0 5px 16px rgba(17, 27, 66, 0.08);
	color: #17234e;
	font-size: 15px;
	transform: translateY(-50%);
	transition:
		color 0.2s ease,
		box-shadow 0.2s ease;
}

.featured-slider-button:hover {
	color: #f34d81;
	box-shadow: 0 7px 20px rgba(17, 27, 66, 0.13);
}

.featured-slider-prev {
	left: -48px;
}

.featured-slider-next {
	right: -48px;
}

/* Kategori ana kutusu */

.company-category-box {
	padding: 18px 18px 16px;
	border: 1px solid #edf0f5;
	border-radius: 14px;
	background:
		linear-gradient(
			135deg,
			#ffffff 0%,
			#fdfcff 50%,
			#ffffff 100%
		);
	box-shadow: 0 5px 18px rgba(17, 27, 66, 0.03);
}

.category-box-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20px;
	margin-bottom: 12px;
	padding: 0 2px;
}

.category-box-header h2 {
	font-size: 21px;
}

.category-box-header p {
	margin: 0;
	color: #737c96;
	font-size: 11px;
	font-weight: 500;
	text-align: right;
}

.category-box-header p span {
	color: #f34d81;
	font-weight: 700;
}

/* Kategori kartları */

.company-category-list {
	display: grid;
	grid-template-columns: repeat(10, minmax(0, 1fr));
	gap: 10px;
}

.company-category-card {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	min-height: 126px;
	padding: 13px 8px;
	border: 1px solid #eceff5;
	border-radius: 13px;
	background-color: #ffffff;
	color: #111b42;
	text-align: center;
	text-decoration: none;
	box-shadow: 0 3px 10px rgba(17, 27, 66, 0.025);
	transition:
		transform 0.22s ease,
		box-shadow 0.22s ease,
		border-color 0.22s ease;
}

.company-category-card:hover {
	color: #111b42;
	border-color: currentColor;
	box-shadow: 0 10px 22px rgba(17, 27, 66, 0.08);
	transform: translateY(-4px);
}

.category-icon {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 43px;
	height: 43px;
	margin-bottom: 9px;
	border-radius: 11px;
	background-color: rgba(116, 78, 219, 0.07);
	color: inherit;
	font-size: 27px;
	line-height: 1;
}

.company-category-card strong {
	min-height: 34px;
	margin-bottom: 5px;
	color: #101a42;
	font-size: 11px;
	font-weight: 800;
	line-height: 1.35;
}

.company-category-card > span {
	color: #6e7891;
	font-size: 10px;
	font-weight: 500;
}

/* İkon renkleri */

.category-purple {
	color: #7356d8;
}

.category-violet {
	color: #8b43cf;
}

.category-red {
	color: #f24a6a;
}

.category-blue {
	color: #318ae2;
}

.category-green {
	color: #35ad91;
}

.category-coral {
	color: #f05f69;
}

.category-cyan {
	color: #368fdc;
}

.category-pink {
	color: #ed4e8b;
}

.category-magenta {
	color: #d94aae;
}

.category-dark {
	color: #26355f;
}

.category-violet .category-icon {
	background-color: rgba(139, 67, 207, 0.07);
}

.category-red .category-icon {
	background-color: rgba(242, 74, 106, 0.07);
}

.category-blue .category-icon {
	background-color: rgba(49, 138, 226, 0.07);
}

.category-green .category-icon {
	background-color: rgba(53, 173, 145, 0.07);
}

.category-coral .category-icon {
	background-color: rgba(240, 95, 105, 0.07);
}

.category-cyan .category-icon {
	background-color: rgba(54, 143, 220, 0.07);
}

.category-pink .category-icon {
	background-color: rgba(237, 78, 139, 0.07);
}

.category-magenta .category-icon {
	background-color: rgba(217, 74, 174, 0.07);
}

.category-dark .category-icon {
	background-color: rgba(38, 53, 95, 0.06);
}

/* 1400px altı */

@media (max-width: 1399.98px) {
	.featured-firms-list {
		gap: 10px;
	}

	.featured-firm-card {
		gap: 9px;
		padding: 14px 11px;
	}

	.featured-firm-logo {
		flex-basis: 50px;
		width: 50px;
		height: 50px;
	}

	.featured-firm-content h3 {
		font-size: 10px;
	}

	.premium-badge {
		padding: 4px 7px;
		font-size: 8px;
	}

	.company-category-list {
		gap: 7px;
	}

	.company-category-card {
		padding-right: 5px;
		padding-left: 5px;
	}

	.company-category-card strong {
		font-size: 10px;
	}
}

/* 1200px altı */

@media (max-width: 1199.98px) {
	.featured-firms-list {
		display: flex;
		padding-bottom: 8px;
		overflow-x: auto;
		scrollbar-width: thin;
		scroll-snap-type: x mandatory;
	}

	.featured-firm-card {
		flex: 0 0 230px;
		scroll-snap-align: start;
	}

	.company-category-list {
		display: flex;
		padding-bottom: 8px;
		overflow-x: auto;
		scrollbar-width: thin;
		scroll-snap-type: x mandatory;
	}

	.company-category-card {
		flex: 0 0 125px;
		scroll-snap-align: start;
	}

	.featured-slider-button {
		display: none;
	}
}

/* Tablet */

@media (max-width: 767.98px) {
	.featured-company-section {
		padding: 35px 0;
	}

	.featured-section-header {
		align-items: flex-start;
	}

	.featured-title-area h2,
	.category-box-header h2 {
		font-size: 19px;
	}

	.all-companies-button {
		min-height: 38px;
		padding: 8px 12px;
		font-size: 10px;
	}

	.company-category-box {
		padding: 16px 12px 13px;
	}

	.category-box-header {
		align-items: flex-start;
	}

	.category-box-header p {
		max-width: 180px;
		font-size: 10px;
	}
}

/* Mobil */

@media (max-width: 575.98px) {
	.featured-section-header {
		flex-direction: column;
		gap: 13px;
	}

	.all-companies-button {
		align-self: flex-start;
	}

	.featured-firm-card {
		flex-basis: 220px;
	}

	.category-box-header {
		flex-direction: column;
		gap: 5px;
	}

	.category-box-header p {
		max-width: none;
		text-align: left;
	}

	.company-category-card {
		flex-basis: 118px;
		min-height: 118px;
	}
}