@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');

header.main #brand-logo img { max-width: 200px;}

* {
box-sizing:border-box !important;

}

section#service-bar  {
background-color:#f7f7f7 !important;
}

#service-bar > .wrp  > nav > ul > li > a {
color:black !important;
font-weight:bold;
letter-spacing:2px;
}

#service-bar > .wrp  > nav > ul > li:nth-child(2) {
color:black !important;
}

span.label_claim {
color:black !important;
font-weight:bold;
letter-spacing:1px;
}

span.label_tel {
color:#F69C1C !important;
}

span.label_tel::before {
color:black !important;
font-weight:bold;
}

span.label_opening-hours {
color:black !important;
}

span.label_mail > a {
color:black !important;
font-weight:bold;
letter-spacing:1px;
}

span.label_mail::before {
color:black !important;
font-weight:bold;
}

span.count {
background-color:#f69c1c !important;
padding:1px;
}

#navbar {

height:50px;

}


ul.menu  {
margin:auto;
margin-left:200px;
height:100%;
width:fit-content;
display:flex;
justify-content:center;
align-items:center;
gap:25px;

}

div.cd-dropdown-wrapper {
display:none !important;

}

ul.cd-dropdown-content {
display:flex;
flex-direction:row;
justify-content:center;
align-items:center;
gap:5px;

}

li.li {
cursor:pointer;
font-weight:bold;
font-size:20px;
color:white;


}

li.li:hover {

color:#fab61f;
transition:300ms ease;


}

div.service-menu > div > * {
color:white !important;
font-size:20px;
font-weight:bold !important;
}

i.mail > a {
color:#f69c1c !important;
}

div#footer-bar {
background-color:#f69c1c !important;
}

main.category {

padding:0px !important;

}

section.full {

padding-left:0px !important;
}


div.wrp > h1, h2 {

text-align:center;
margin-top:20px;
color:#F69C1C;
font-size:25px;
letter-spacing:5px;
font-weight:bold !important;
font-family: 'Poppins', sans-serif;
}

.content {

margin-top:0px !important;
height:fit-content;
width:100% !important;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:center;
align-items:center;
gap:10px !important;
padding:0px !important;

}

.card {

margin:auto;
margin-top:20px !important;
height:400px !important;
width:23% !important;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
border:1px solid lightgrey !important;
}

.card:hover {

cursor:pointer;
box-shadow:0 0 10px black !important;
transition:300ms ease;
}


.card > .resimdivi > img.urunimg {
height:100% !important;
width:cover !important;
}

.card > .resimdivi {
height:50%;
width:100%;
border:none;
padding:0px !important;
}

.card > .altdiv {
height:50%;
width:100%;
padding:10px !important;
}

.card > .resimdivi > img {
height:100% !important;
width:100% !important;
}

.card > .altdiv > .altdiv1 {

height:20% !important;
display:flex;
justify-content:center;
align-items:center;
}

.card > .altdiv > .altdiv2 {

height:70% !important;
display:flex;
justify-content:center;
align-items:center;
padding-bottom:5px !important;
}

.card > .altdiv > .altdiv3 {

height:10% !important;
display:flex;
justify-content:center;
align-items:center;
padding-top:5px !important;
padding-bottom:15px !important;
}

.card > .altdiv > .altdiv2 > ul {
height:90%;
width:100%;
margin:auto !important;
display:flex;
flex-direction:column;
justify-content:center;
align-items:flex-start;
padding:0px !important;
gap:0px !important;
}

.card > .altdiv > .altdiv2 > ul  > li {
margin:auto !important;
margin-left:0px !important;
text-align:left !important;
margin-top:0px !important;
font-size:14px !important;
text-align:center !important;
}


.card > .altdiv > .altdiv1 > h1 {
font-family: 'Poppins', sans-serif;
color:#7B7B7B !important;
font-weight:bolder !important;
font-size:14px;
letter-spacing:4px;
margin:auto;
text-align:center !important;
width:90%;
}

button.button {

background-color:#F47921;
color:white;
font-size:14px;
font-weight:bolder !important;
letter-spacing:3px;
height:100%
width:95% !important;
padding: 5px 25px;
margin-top:10px !important;
margin-bottom:10px !important;
border-radius:5px !important;
}

button.button:hover {

background-color:#F47921;
transition:300ms ease;

}

button.button:active {

transform:scale(0.9);

}
.card > .altdiv > .altdiv2 > ul >  li::before {
            content: '';
            display: inline-block;
            width: 12px; /* İkon genişliği */
            height: 12px; /* İkon yüksekliği */
            margin-right: 5px; /* İkon ile metin arasındaki boşluk */
            background: url('/customers_pics/726/ef2ace6bc2fd51c7e8bdc8867dc392e8.png') no-repeat;
            background-size: cover;
        }

div#footer-bar {

background-color:#007BAE !important;
width:100%;
}