﻿h1,
h2,
h3 {
  font-family: "iranyekanextrablack", Arial, Helvetica, sans-serif;
}
p {
  line-height: 2;
  font-size: 15px;
}
.heading-banner {
  font-size: 4rem;
}
.panasonic-center-top-bg {
  background: url("/Content/images/landing/panasonic-center/panasonic-center-top-bg.jpg")
    center / cover no-repeat fixed;
}
.panasonic-repairs-center-bg {
  background: #fff
    url("/Content/images/landing/panasonic-center/panasonic-repairs-center-bg.png")
    center right no-repeat fixed;
}
.yellow-bg {
  background-color: #ffc700;
}
.background-f0f5f9 {
  background: #f0f5f9;
}
.r-c-idehal-bg {
  background: linear-gradient(
    180deg,
    rgb(18, 74, 162) 0%,
    rgb(17, 83, 168) 70%,
    rgba(0, 212, 255, 0) 70%
  );
}
.l-heading-with-border::before {
  content: "";
  position: relative;
  top: 0;
  background: #ffc700;
  width: 12px;
  height: 12px;
  display: inline-block;
  border-radius: 20px;
  padding-right: 9px;
  margin-left: 5px;
}
.panasonic-center-list-l-iranmap-heading::before {
  background: url("/Content/images/landing/panasonic-center/panasonic-i-location-ico.png")
    center right / contain no-repeat;
  content: "";
  position: relative;
  top: 15px;
  width: 50px;
  height: 45px;
  display: inline-block;
  padding-right: 15px;
  margin-left: -2px;
}
.panasonic-center-list-l-t-blog-heading::before {
  background: url("/Content/images/landing/panasonic-center/panasonic-p-location-ico.png")
    center right / contain no-repeat;
  content: "";
  position: relative;
  top: 15px;
  width: 50px;
  height: 45px;
  display: inline-block;
  padding-right: 15px;
  margin-left: -2px;
}
.container-news-box-h-w {
  height: 550px;
}
.heading.heading-middle-border::before {
  border-top: 1px solid #eaeaea;
  content: "";
  height: 0;
  left: auto;
  position: absolute;
  right: 0;
  top: 50%;
  width: 100%;
}
.heading.heading-middle-border {
  position: relative;
}
.heading.heading-middle-border::before {
  border-top: 6px solid #d2dbe3;
  content: "";
  height: 0;
  left: auto;
  position: absolute;
  right: 0;
  top: 50%;
  width: 100%;
  border-radius: 13px;
}
.heading.heading-middle-border h2 {
  position: relative;
  background: #f2f4f6;
  display: inline-block;
  top: 4px;
}
.panasonic-center-list-l-t-blog li {
  margin-top: 15px;
  border-bottom: 1px dashed #47536673;
  padding: 0 2px 12px;
  display: block;
}
.clients .clients-img {
  -webkit-filter: grayscale(100%) brightness(10%) contrast(10%);
  filter: grayscale(100%) brightness(10%) contrast(10%);
  cursor: pointer;
}

.clients:hover .clients-img {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.heading.heading-middle-border {
  position: relative;
}
.clients-sections-span {
  font-family: iranyekanextrablack;
  font-size: 42px;
  color: #d2dbe3;
}
.map-main {
  stroke-width: 0.2px;
  stroke: #073a76;
}
.city-link {
  fill: #f7f7f7;
  transition: fill 0.3s;
}
.city-link g path {
  fill: #0048aa;
  stroke: none;
}
#States a:hover path {
  fill: #0048aa;
}
#States a:hover g path {
  fill: #fff;
}
.faq-side {
  height: 380px;
  overflow-y: scroll;
  padding-right: 5px;
  direction: ltr;
}

.faq-side::-webkit-scrollbar {
  width: 5px;
}

.faq-side::-webkit-scrollbar-track {
  border-radius: 100px;
  background-color: #d2dbe3;
}

.faq-side::-webkit-scrollbar-thumb {
  background: #0048aa;
  border-radius: 100px;
}

.sb-content::-webkit-scrollbar {
  display: none;
}
.id-tab-product-mainpage .nav-link {
  background-color: rgba(0, 72, 170, 0.06);
  transition: all 0.2s ease-in-out;
}
.nav-link:hover,
.nav-link.active {
  background-color: #0048aa;
  color: #fff;
}
@media screen and (max-width: 480px) {
  .panasonic-center-top-bg {
    width: 96%;
    padding: 10px 6px;
  }
  .id-tab-product-mainpage {
    margin-top: 14px;
  }
}
@media only screen and (max-width: 600px) {
  .call-to-action-telephone {
    top: 20px;
  }
  .clients-sections-span {
    font-size: 20px;
  }
  .answer {
    padding-left: 17px;
  }
}
