.logo{	
	float:left;
	width:300px;
	padding-top: 20px;
}
.logo img{	
	float:left;
	padding-right:5px;
	height:50px;
}
.logo h1{ font-size:18px !important; line-height:26px;}
.logo .sitename span{ font-size:18px !important;     letter-spacing: 0px;}
.widget-title{ font-size:20px;}
.post-item h4{ font-size:14px;}
.post-item h4 a{ color:#6a6a6a;letter-spacing: 0px; line-height:25px;}
.btn-close i, .post-item h4 a i{ display:none;}
.navbar-elixir .navbar{ padding:0px;}
.page-title {
    position: relative;
    background-image: url('../img/background-2.jpg'); /* Same background image */
    background-position: center bottom;
    background-size: cover;
    color: white; /* White text */
    padding: 80px 0; /* Adjust based on your design */
	margin-top: 3.688rem;
}

.page-title::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* Overlay effect */
}

.page-title .container {
    position: relative;
    z-index: 2;
}

.page-title h1 {
    font-size: 2rem; /* Adjust size as needed */
    color: white;
	letter-spacing:0px;
}
.dropdown-item {
    font-weight: 600;
    font-size: 15px;
}
.breadcrumbs ol {
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
}

.breadcrumbs ol li {
    position: relative;
    margin-right: 10px;
    font-weight: bold;
    color: white;
}

.breadcrumbs ol li::after {
    content: " > "; /* Arrow symbol */
    color: white;
    margin-left: 10px;
}

.breadcrumbs ol li:last-child::after {
    content: ""; /* Remove arrow for the last item */
}

.breadcrumbs ol li a {
    color: white;
    text-decoration: none;
}

.breadcrumbs ol li.current {
    opacity: 0.8;
}
.fs--1 {
    font-size: 0.9rem !important;
}
.main p,  .main ul li, .main ul span{ font-size:16px !important; line-height:30px !important;}
h2, .h2, h3, .h3 {
  letter-spacing: 0rem;
}
article{ border-bottom:1px dashed #ccc; padding-bottom:10px;}
article h2{ font-size:18px;}
.brand-icon {
    background:transparent;
}
.scroll-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: 15px;
  z-index: 99999;
  background-color: #F65245;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  transition: all 0.4s;
}

.scroll-top i {
  font-size: 24px;
  color: #fff;
  line-height: 0;
  padding: 11px;
  margin-top: 8px;
}

.scroll-top:hover {
  background-color: color-mix(in srgb, #F65245, transparent 20%);
  color:  #fff;
}

.scroll-top.active {
  visibility: visible;
  opacity: 1;
}
:root {
  scroll-behavior: smooth;
}
.call_me,
    .call_me::before{
        left:5px !important;
        bottom:5px !important;
    }
.call_me, .call_me::before {
    background: radial-gradient(#33a93c, #33a93c, #18791f);
}
.call_me {
    position: fixed;
    bottom: 30px;
    left: 30px;
    width: 60px;
    height: 60px;
    text-align: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    z-index: 100000 !important;
    cursor: pointer;
}

.call_me::before {
    content: '';
    transform: scale(1, 1);
    opacity: .5;
    width: 60px;
    height: 60px;
    display: block;
    position: fixed;
    left: 30px;
    bottom: 30px;
    border-radius: 100%;
    z-index: 9999;
    -webkit-animation: uptocallmini 1.5s infinite;
    -moz-animation: uptocallmini 1.5s infinite;
    animation: uptocallmini 1.5s infinite;
}
.call_me i {
    color: #fff;
    font-size: 24px;
    line-height: 60px;
    -webkit-animation: uptocallphone 1.5s linear infinite;
    -moz-animation: uptocallphone 1.5s linear infinite;
    animation: uptocallphone 1.5s linear infinite;
    position: relative;
    z-index: 10001;
}	
@-webkit-keyframes uptocallmini {
  0% {
      -webkit-transform: scale(1, 1);
      opacity: .5
  }

  80% {
      opacity: 0;
      -webkit-transform: scale(1.5, 1.5)
  }

  85% {
      -webkit-transform: scale(.5, .5);
      opacity: 0
  }

  100% {
      -webkit-transform: scale(1, 1);
      opacity: .5
  }
}

@keyframes uptocallmini {
  0% {
      transform: scale(1, 1);
      opacity: .5
  }

  80% {
      opacity: 0;
      transform: scale(1.5, 1.5)
  }

  85% {
      transform: scale(.5, .5);
      opacity: 0
  }

  100% {
      transform: scale(1, 1);
      opacity: .5
  }
}


@-webkit-keyframes uptocallphone {
  0% {
      -ms-transform: rotate(0);
      -webkit-transform: rotate(0);
      transform: rotate(0)
  }

  25% {
      -ms-transform: rotate(30deg);
      -webkit-transform: rotate(30deg);
      transform: rotate(30deg)
  }

  50% {
      -ms-transform: rotate(0);
      -webkit-transform: rotate(0);
      transform: rotate(0)
  }

  75% {
      -ms-transform: rotate(-30deg);
      -webkit-transform: rotate(-30deg);
      transform: rotate(-30deg)
  }

  100% {
      -ms-transform: rotate(0);
      -webkit-transform: rotate(0);
      transform: rotate(0)
  }
}

@-moz-keyframes uptocallphone {
  0% {
      -ms-transform: rotate(0);
      -webkit-transform: rotate(0);
      transform: rotate(0)
  }

  25% {
      -ms-transform: rotate(30deg);
      -webkit-transform: rotate(30deg);
      transform: rotate(30deg)
  }

  50% {
      -ms-transform: rotate(0);
      -webkit-transform: rotate(0);
      transform: rotate(0)
  }

  75% {
      -ms-transform: rotate(-30deg);
      -webkit-transform: rotate(-30deg);
      transform: rotate(-30deg)
  }

  100% {
      -ms-transform: rotate(0);
      -webkit-transform: rotate(0);
      transform: rotate(0)
  }
}

@keyframes uptocallphone {
  0% {
      -ms-transform: rotate(0);
      -webkit-transform: rotate(0);
      transform: rotate(0)
  }

  25% {
      -ms-transform: rotate(30deg);
      -webkit-transform: rotate(30deg);
      transform: rotate(30deg)
  }

  50% {
      -ms-transform: rotate(0);
      -webkit-transform: rotate(0);
      transform: rotate(0)
  }

  75% {
      -ms-transform: rotate(-30deg);
      -webkit-transform: rotate(-30deg);
      transform: rotate(-30deg)
  }

  100% {
      -ms-transform: rotate(0);
      -webkit-transform: rotate(0);
      transform: rotate(0)
  }
}

.footer ul#footerlinks li{ display:inline-block;}
.footer ul#footerlinks li:not(:first-child)::before {
    content: "|" !important;

    left: 0;
    color: #fff !important; /* white color */
    padding-right: 10px; /* optional spacing after the pipe */
	font-size: 12px;
    line-height: 27px;
}
.footer ul#sociallinks li{ display:inline-block;}
section.footer{
        padding-top: 1rem;
        padding-bottom: 0.5rem;
}
@media screen and (max-width: 600px) {
	.logo{
width: 270px;
	}
}