:root{
    --pt-primary:#d80032;
    --pt-secondary:#ef233c;
    --pt-bg-primary:#edf2f4;
    --pt-bg-secondary:#8d99ae;
    --pt-color:#2b2d42;
}
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html{
    font-size: 18px;
}


h1,h2,h3,h4,h5,h6 {
  font-family: "Roboto Slab", serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}



a,p{
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

body{
    background-color: var(--pt-bg-primary);
}
.bg-pt-primary{
    background-color: var(--pt-primary);  
}

h1{
    color: var(--pt-primary);
}
.page-title{
    background-image: url(/images/duruturk-tp.jpg);
    background-position: top ;
}
.bread a{
    text-decoration: none;
    color: var(--pt-secondary);    
}
.pt-color
{
    color: var(--pt-color) !important;
}
.pt-color-secondary{
    color: var(--pt-primary);
}
.pt-color-light{
    color: var(--pt-bg-secondary);
}
.bg-pt-secondary{
    background-color: var(--pt-bg-secondary);
}
.bg-pt-color{
    background-color: var(--pt-color);
}
.footer i{
    color: var(--pt-bg-secondary);
}
.footer a{
    color: black;
}
.card-2{
    background-color: #edf2f49f;
    width: 100%;
    height: 100%;
    
}
@media screen and (max-width: 1600px) {
   .fs-mbl{
font-size: 32px !important;
} 
}
@media screen and (max-width: 1400px) {
   .fs-mbl{
font-size: 28px !important;
} 
}
@media screen and (max-width: 1100px) {
   .fs-mbl{
font-size: 20px !important;
} 
}
@media screen and (max-width: 900px) {
   .fs-mbl{
font-size: 0.93rem !important;
} 
}
@media screen and (max-width: 800px) {
   .fs-mbl{
font-size: 0.89rem !important;
} 
}
.pt-icon i{
    color: var(--pt-primary);
}
.info-item i{
 color: var(--pt-secondary);
}
.petrol .border-radius-2{
  border-radius: 8px;
  padding: 4px;
  background-color: var(--pt-bg-primary);
  box-shadow: 2px 2px 6px 1px rgba(89, 36, 36, 0.432);
}