.feat-box-grid.bg-white {
  background-color: transparent !important;
}
[data-aos] {
  pointer-events: none;
}

.aos-animate {
  pointer-events: auto;
}

.aos-init[data-aos][data-aos].aos-animate {
  transform: unset;
}

.ext-container.frame-space-before-extra-large {
  margin-top: 0;
}
.ext-container {
    scroll-margin-top: 100px;
  }
@media (min-width: 1200px) {
  .container {
    max-width: 1190px !important;
  }
}


@media (max-width: 991px) {
  .left-col,
  .right-col,
  .middle-col,
  .left-middle-col,
  .right-middle-col {
    margin-bottom: 22px;
  }
}

.main-padding {
  padding-top: 3.5rem;
  padding-bottom: 2.8rem;
}

@media (max-width: 767px) {
  .main-padding {
    padding-top: 2rem;
    padding-bottom: 1rem;
  }
}

.pt8 {
  padding-top: 8rem !important;
}

.pt7 {
  padding-top: 7rem;
}

.pt6 {
  padding-top: 6rem;
}

.pt5 {
  padding-top: 5rem;
}

.pt4 {
  padding-top: 4rem;
}

.pb4 {
  padding-bottom: 4rem;
}

.pb5 {
  padding-bottom: 5rem;
}

.mt_5 {
  margin-top: -5rem;
}

.mt_10 {
  margin-top: -10rem;
}

.pm-res {
  margin-left: -15px;
  padding-left: 30px;
  margin-right: -15px;
  padding-right: 30px;
}

/*start global variable */
.main-color {
  color: var(--main-color);
}

.main-bgcolor {
  background-color: var(--main-color);
}

.sec-bg {
 
  background-color: color-mix(in srgb, var(--second-color), transparent 85%);;
  /* margin-bottom: 1rem; */
}
.bg2 {
 
  background-color: color-mix(in srgb, var(--main-color), transparent 95%);;
}

.dark-bg {
  background-color: #444;
  color: #fff !important;
}
.dark-bg h3 {
  color: #fff !important;
}

@media (min-width: 767px) {
  .main-box-shadow {
    box-shadow: 0px 1px 3px 1px #a59b9b2b;
    height: 100%;
    padding: 1rem;
  }
}

.sec-desc {
  font-weight: 400;
  color: var(--text-color);
}

p.title {
  font-size: 18px;
  font-weight: 600 !important;
  margin-bottom: 10px;
  color: var(--title-color);
}

.desc {
  /* font-size: 16px; */
  font-weight: 400;
  color: var(--text-color);
}

.container .container.boxx {
  border-radius: var(--main-border-radius);
  padding: 24px !important;
  margin-top: 8px;
  background-color: color-mix(in srgb, var(--success-color), transparent 76%);
   background-color: color-mix(in srgb, var(--accent-color), transparent 76%);
   background-color: color-mix(in srgb, var(--second-color), transparent 76%);
  height:100%;
}
.boxx h2,
.boxx h3,
.boxx h4,
.boxx h5 {
  /* color: #fff; */
}
.container .container.boxx2 {
  border-radius: var(--main-border-radius);
     padding: 24px !important;
  margin-top: 8px;
   background-color: color-mix(in srgb, var(--danger-color), transparent 92%);
   height:100%;
}

.faq {
  border-radius: var(--main-border-radius);
  padding: 24px 20px;
  margin-top: 8px;
  /* background: var(--section-background); */
  width: 70%;
  margin: auto;
}

.accordion-item {
  border: none;
  position: relative;
  margin-bottom: 20px;
 box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 1px 0px;
  overflow: hidden;
}
.accordion-body {
  border: 1px solid #b49e6e36;
  box-shadow: -1px 1px 1px -3px #b49e6e;
}
.accordion-button {
  background-color: inherit;
  @media screen and (min-width: 768px) {
    width: 100%;
  }
 
}
.gelb .accordion-button {
 
  img{
    background: #8a8a8a;
    padding: 10px;
  }
}
.accordion-button:not(.collapsed) {
  color: var(--bs-accordion-active-color);
  background-color: var(--light-color);
}
.accordion-button:focus,
.accordion-button:hover {
  background: var(--light-color);
  box-shadow: none;
  font-weight: 600;
}
.accordion-button:focus h4 {
  font-weight: 600;
}
@media (min-width: 767px) {
  .contact-us-sec .col-md-12 {
    padding: 0;
  }
  .contact-us-sec .container {
    border: 1px solid #eee;
  }
  .contact-us-sec .image-left {
    border-right: 1px solid #eee;
  }
  .contact-us-sec .image-right {
    border-left: 1px solid #eee;
  }
  .contact-us-sec .box {
    padding: 29px;
  }
}
.contact-us-sec.bg-set .container {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border: none;
}

/* .contact-us-sec .box{
    padding: 39px 15px;
} */
.contact-us-sec .image-left,
.image-right {
  height: 100%;
  background-position: center;
  min-height: 282px;
  background-size: cover;
  background-repeat: no-repeat;
}
.contact-us-sec .left-col,
.contact-us-sec .right-col {
  margin-bottom: 0 !important;
}
.phone {
  position: relative;
  font-weight: 600;
}
.phone::before {
  position: absolute;
  left: -20px;
  background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="black" width="16px" height="16px"%3E%3Cpath d="M6.62 10.79a15.464 15.464 0 006.59 6.59l2.2-2.2a1.003 1.003 0 011.11-.21c1.12.45 2.33.69 3.59.69a1 1 0 011 1v3.5a1 1 0 01-1 1A17.454 17.454 0 013.5 5a1 1 0 011-1h3.5a1 1 0 011 1c0 1.26.24 2.47.69 3.59.15.38.07.81-.21 1.11l-2.2 2.2z"%3E%3C/path%3E%3C/svg%3E')
    no-repeat center;
  background-size: contain;
  margin-right: 8px;
}

.image-container {
  position: relative;
  display: inline-block;
}

.image-container img {
  width: 300px;
  height: auto;
}

.close-btn {
  position: absolute;
  top: -12px;
  right: 10px;
  background-color: red;
  color: white;
  border: none;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
}

.hidden {
  display: none;
}
.telephone {
  display: inline !important;
  font-weight: 600;
}

.container .container,
.container .container-fluid,
.container-fluid .container-fluid {
  padding: 0 !important;
  margin: 0 !important;
  max-width: none !important;
  width: 100% !important;
}