h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
     font-family: 'Open Sans', Arial;
     font-weight: 700;
}
.header-highlight{
     position: relative;
     padding: 0 10px;
}
.header-highlight::before, .header-highlight::after{
     content: "";
     position: absolute;
     height: 1px;
     width: 200px;
     left: calc(100% + 10px);
     top: 50%;
     margin-top: -1px;
     background-color: #D5B941;
}
.header-highlight::after{
     left: auto;
     right: calc(100% + 10px);
}
.overlay-bg-content{
     position: relative;
}
.overlay-bg-content::before{
     content: "";
     position: absolute;
     width: 100%;
     height: 100%;
     background-color: rgba(0, 0, 0, 0.35);
     z-index: 1;
}
.carousel .carousel-inner .carousel-item .banner-img-wrapper .banner-content{
     background-color: transparent !important;
}
.carousel .carousel-indicators{
  left: 0;
    right: auto;
    bottom: 40px;
    top: auto;
    transform: inherit;
    margin: 0;
    width: 100%;
}
.carousel .carousel-indicators [data-bs-target]{
  width: 40px;
  height: 6px;
  margin-top: 5px;
  margin-bottom: 5px;
  border-radius: 2px;
  border: solid 0px #ffffff;
  background-color: rgba(255, 255, 255, 0.5);
}
.carousel .carousel-indicators .active{
  background-color: rgba(255, 255, 255, 1.0);
}

.bg-pattern{
     position: relative;
     overflow: hidden;
}
.bg-pattern::before{
     content: "";
     position: absolute;
     background-image: url("../images/pattern.e36274219280.png");
     background-repeat: no-repeat;
     background-position: right top;
     background-size: 50%;
     z-index: 0;
     top: 0;
     right: 0;
     width: 100%;
     height: 100%;
     margin-top: -70px;
     margin-right: -80px;
}
.bg-pattern.reverse-pattern::before{
     right: auto;
     left: 0;
     top: auto;
     bottom: 0;
     transform: rotate(180deg);
     margin-top: 0px;
     margin-right: 0px;
     margin-bottom: -70px;
     margin-left: -80px;
}
.bg-pattern .container{
     z-index: 1;
     position: relative;
}

@media (max-width: 767px) {
    .carousel-inner .carousel-item > div {
        display: none;
    }
    .carousel-inner .carousel-item > div:first-child {
        display: block;
    }
}

.multi-items-carousel .carousel-inner .carousel-item.active,
.multi-items-carousel .carousel-inner .carousel-item-next,
.multi-items-carousel .carousel-inner .carousel-item-prev {
    display: flex;
}

.multi-items-carousel .carousel-control-prev{
     left: -50px;
}
.multi-items-carousel .carousel-control-next{
     right: -50px;
}

/* medium and up screens */
@media (min-width: 768px) {
    
    .multi-items-carousel .carousel-inner .carousel-item-end.active,
    .multi-items-carousel .carousel-inner .carousel-item-next {
      transform: translateX(25%);
    }
    
    .multi-items-carousel .carousel-inner .carousel-item-start.active, 
    .multi-items-carousel .carousel-inner .carousel-item-prev {
      transform: translateX(-25%);
    }
}

.multi-items-carousel .carousel-inner .carousel-item-end,
.multi-items-carousel .carousel-inner .carousel-item-start { 
  transform: translateX(0);
}
.multi-items-carousel {
    position: relative;
    z-index: 2;
}
.multi-items-carousel .bg-pattern{
     overflow: visible;
}
.multi-items-carousel .bg-pattern::before{
     top: 100%;
     margin-top: -170px;
     margin-right: -180px;
}
.multi-items-carousel .bg-pattern::after{
     content: "";
     position: absolute;
     background-color: #EFF5ED;
     width: calc(100% + 100%);
     height: 220px;
     left: -50%;
     top: 50%;
     margin-top: -110px;
     z-index: 0;;
}
.multi-items-carousel .bg-pattern .carousel-inner{
     z-index: 1;
     position: relative;
}

.inner-banner{
     position: relative;
}
.inner-banner:before{
     content: "";
     position: absolute;
     width: 100%;
     height: 100%;
     background-color: rgba(0, 0, 0, 0.25);
}
.inner-banner .inner-banner-cntnt{
     position: absolute;
     width: 100%;
     text-align: center;
     padding: 10px 30px;
     top: 50%;
     transform: translateY(-50%);
     z-index: 99;
}
.inner-cntnt-pull-top{
     margin-top: -100px;
}

footer{
     position: relative;
}
footer::before{
     content: "";
     top: 0;
     left: 0;
     width: 100%;
     height: 8px;
     position: absolute;
     background-image: linear-gradient(to right, #A89F41, #588D4E, #BBBE5A);
}

/* ============ desktop view ============ */
@media all and (min-width: 992px) {
     .dropdown-menu li{ position: relative;  }
     .nav-item .submenu{ 
          display: none;
          position: absolute;
          left:100%; top:-7px;
     }
     .nav-item .submenu-left{ 
          right:100%; left:auto;
     }
     .dropdown-menu > li:hover{ background-color: #f1f1f1 }
     .dropdown-menu > li:hover > .submenu{ display: block; }
}    
/* ============ desktop view .end// ============ */

/* ============ small devices ============ */
@media (max-width: 991px) {
  .dropdown-menu .dropdown-menu{
      margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
  }
}    

.invalid-page {
     margin-top: 0.25rem;
     font-size: 1.2em;
     color: #dc3545;
   }
   
/* ============ small devices .end// ============ */