:root {
  --primary-red: #e12f33;
  /* --primary-red: #860000; */
  --primary-yellow: #fde428;
  --secondary: #3498db;
  --padding: 1rem;
}

::selection {
  background: var(--primary-yellow) !important;
  color: var(--primary-red);
}

.loader-spinner {
  border-top: 4px solid var(--primary-red);
}
/* GENERAL START */

.back-top {
  background-color: var(--primary-red);
}

.back-top:hover,
.back-top:focus {
  background-color: var(--primary-yellow);
  color: var(--primary-red);
}

ul.darkcolor.social-icons li a,
ul.darkcolor.social-icons-simple li a {
  color: var(--primary-red);
  border-color: var(--primary-red);
}

.social-icons.white li a:hover {
  color: var(--primary-red) !important;
}

.fixedmenu .sidemenu_btn > span:not(.gradient-bg) {
  background: var(--primary-red) !important;
}

ul.social-icons.white li a,
ul.social-icons-simple.white li a {
  color: var(--primary-red);
  border-color: var(--primary-red);
}

ul.social-icons li a:hover,
ul.social-icons li a:focus,
ul.social-icons.white li a:hover,
ul.social-icons.white li a:focus {
  color: white;
  border-color: var(--primary-red);
}

.cbp-l-filters .cbp-filter-item-active {
  background-color: var(--primary-red);
}
.cbp-l-filters .cbp-filter-item {
  border: 1px solid var(--primary-red);
}

.cbp-l-filters .cbp-filter-item span {
  color: var(--primary-red);
}

.cbp-l-filters .cbp-filter-item-active span {
  color: var(--primary-yellow);
}

.darkcolor {
  color: var(--primary-red);
}

.btn-default,
.btn-default:active {
  color: var(--primary-red);
}

.btn-default:hover,
.btn-default:focus {
  background: var(--primary-red) !important;
  color: white;
}

.btn-white {
  color: var(--primary-red);
}

.btn-hover-blue:hover,
.btn-hover-blue:focus,
.btn-blue,
.btn-blue:active {
  background: var(--primary-red) !important;
  color: #fff !important;
  outline: none;
  border-color: var(--primary-red);
}

.btn-hover-blue,
.btn-blue:hover,
.btn-blue:focus {
  border-color: var(--primary-red) !important;
  background: transparent !important;
  color: var(--primary-red) !important;
}

.red-color {
  color: var(--primary-red) !important;
}

ul.latest_news li {
  padding-bottom: 15px;
  border-bottom: 1px solid #ff0c0c71;
  margin-bottom: 15px;
}

.side-nav .navbar-nav .nav-link {
  color: var(--primary-red) !important;
}

.side-nav .navbar-nav .nav-link::before,
.breadcrumb .breadcrumb-item a::before {
  background: var(--primary-red);
}

.side-nav .navbar-nav .nav-link.active::before,
.breadcrumb .breadcrumb-item a::before {
  background: var(--primary-red);
}

.bottom20 {
  margin-bottom: 22px;
}

/* GENERAL END */

/* NAVBAR START */
.navbar-brand > img {
  width: 120%;
  max-width: 120%;
  height: 55px;
  object-fit: contain;
  object-position: center;
}

.navbar-nav .nav-link {
  font-size: 15px;
  font-weight: bold;
  color: var(--primary-red) !important;
}
.dropdown-menu .dropdown-item,
.dropdown-menu .dropdown-title {
  color: var(--primary-red) !important;
}

.bgredprimary {
  background: var(--primary-red);
}

.bgyellowprimary {
  background: var(--primary-yellow);
}

ul.hours_links li > span {
  background: var(--primary-yellow);
}

ul.links li a {
  color: var(--primary-red);
  margin-bottom: 10px;
}

ul.links li a:hover,
ul.links li a:focus,
ul.latest_news li a:hover,
ul.latest_news li a:focus,
.footer_panel p > a:hover,
.readmorebtn:hover,
.readmorebtn:focus {
  color: var(--primary-red);
  font-weight: bold;
}

/* NAVBAR END */

/* /INDEX START */

.overlay-black {
  background: #000;
  z-index: 1;
  visibility: visible;
}

.overlay-red {
  background: var(--primary-red);
  z-index: 1;
  visibility: visible;
}

.about-row {
  margin-top: 1rem;
}
.custom-about-icon {
  font-size: 80px;
  color: var(--primary-red);
  transition: color 0.5s ease;
}

.hr-line {
  background: var(--primary-red);
}

.about-box:hover .custom-about-icon {
  color: var(--primary-yellow);
}
.about-row:hover .custom-about-icon.active {
  color: var(--primary-red);
}
.about-box:hover .custom-about-icon {
  color: var(--primary-yellow);
}
.about-box:hover .custom-about-icon.active {
  color: var(--primary-yellow);
}
.about-box .custom-about-icon.active {
  color: var(--primary-yellow);
}

.about-row:hover .about-box.active .hr-line {
  width: 35px;
  background: var(--primary-red);
}

/* /INDEX END */

/* /ABOUT START */
.progress-bars .progress .progress-bar:not(.gradient-bg) {
  background: var(--primary-yellow);
}

.progress-bars .progress .progress-bar span:not(.gradient-bg) {
  background: var(--primary-red);
}
/* /ABOUT END */

/* /NEWS START */
.news_item:hover .news_desc_bg_blue {
  background-color: var(--primary-red);
  color: #fff;
}

.btn-yellow,
.btn-yellow:active {
  color: var(--primary-red) !important;
}

/* /NEWS END */

/* /PROGRAM-GUARANTEE START */
.team-content::before {
  background: var(--primary-red);
}
/* /PROGRAM-GUARANTEE END */

/* /CONTACT START */
.custom-icon-contact {
  color: var(--primary-red);
}

.contact-box:hover i {
  transform: translateY(0px);
}

.contact-box:hover .custom-fas {
  transform: translateY(-10px);
}

.contact-box .custom-fas-p {
  cursor: pointer;
  margin-block: 8px;
}

.contact-box .custom-fas-p:hover .custom-inline-fas {
  transform: translateY(-5px);
  color: var(--primary-red);
}

/* /CONTACT END */

/* /FOR-YOUR START */
.gallery-hvr {
  background: rgba(225, 47, 51, 0.8);
}
/* /FOR-YOUR END */

/* NAVBAR CUSTOM ACTIVE START*/
.navbar-nav .nav-link.active::after {
  content: "";
  position: absolute;
  bottom: 1px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 2px;
  background: var(--primary-red);
}

.dropdown-item.active {
  left: 15px;
}

.dropdown-item.active:before {
  left: 5px;
}
/* NAVBAR CUSTOM ACTIVE END*/

/* FOOTER START*/
ul.hours_links li::before {
  border-bottom: 1px dashed var(--primary-red);
}

ul.links li a::before {
  color: var(--primary-red);
}

/* FOOTER END*/

/* BG */

/* location bg */
.bg-shop-quote {
  background-image: url(/assets/images/home/hero-1.png);
}

/* about bg */
.about-header {
  background: url(/assets/images/about/hero.png) no-repeat;
}

/* for-you-header bg */
.for-you-header {
  background: url(/assets/images/for-you/hero.png) no-repeat;
}

/* location-header bg */
.location-header {
  background: url(/assets/images/location/hero.png) no-repeat;
}

/* news-header bg */
.news-header {
  background: url(/assets/images/news/hero.png) no-repeat;
}

/* human-resources-header bg */
.human-resources-header {
  background: url(/assets/images/human-resources/hero.png) no-repeat;
}

/* human-resources-header bg */
.contact-header {
    background: url(/assets/images/contact/hero.png) no-repeat;
}

/* fuel-prices-header bg */
.fuel-prices-header {
    background: url(/assets/images/fuel-prices/hero.png) no-repeat;
}

/* privacy-policy-header bg */
.privacy-policy-header {
    background: url(/assets/images/privacy-policy/hero.jpg) no-repeat;
}
