/* Banner */

.banner-heading span {
  color: #d4a017;
}

.swiper-pagination-bullet {
  background: white !important;
  opacity: 1 !important;
}

.swiper-pagination-bullet-active {
  background: #d4a017 !important;
}



.banner-bottom .elementor-counter-title,
.about-detail .elementor-counter-title {
  text-align: center !important;
}

/* Banner */


/* Faq */

.faq-accordion .e-n-accordion-item {
  border-radius: 12px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08);
}

.faq-accordion .e-n-accordion-item:open {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
}

.faq-accordion .e-n-accordion-item:open .e-n-accordion-item-title {
  position: relative;
}

.faq-accordion .e-n-accordion-item:open .e-n-accordion-item-title::after {
  content: "";
  position: absolute;
  height: 1px;
  width: calc(100% - 40px) !important;
  background-color: #0000000d !important;
  margin: 10px auto 0 auto;
  bottom: 0px;
  bottom: 0px;
  left: 0;
  right: 0;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* Faq */

/* Contact Page */

.contact-info span.elementor-icon {
  padding-top: 10px;
}

.contact-info .elementor-icon-box-description a {
  color: #1e1e1ecc !important;
}

.contact-info .elementor-icon-box-description a:hover {
  color: #d4a017 !important;
}

.contact-form .elementor-button-icon svg {
  height: 24px !important;
  width: auto;
}

.contact-form .elementor-button-icon svg path {
  fill: none !important;
}

.contact-form .elementor-button:hover svg path {
  stroke: #0f2d52 !important;
}

.contact-form .elementor-button {
  margin-top: 20px;
}

.contact-form textarea.elementor-field-textual {
  height: 179px;
}

.contact-form .elementor-field-required .elementor-field-label::after {
  content: "*";
  color: #ff383c;
  font-weight: bold;
  margin-left: -5px;
}

.contact-page-map .conatct-map {
  height: 605px !important;
  border-radius: 12px;
}

.contact-form .elementor-field-label input[type="date"],
.contact-form input[type="email"],
.contact-form input[type="number"],
.contact-form input[type="password"],
.contact-form input[type="search"],
.contact-form input[type="tel"],
.contact-form input[type="text"],
.contact-form input[type="time"],
.contact-form input[type="url"],
.contact-form select,
.contact-form textarea {
  padding: 12px !important;
}


.contact-form input,
.contact-form textarea,
.contact-form select option,
.contact-form select option:checked {
  color: #1a1a1a !important;
}


.contact-form input::placeholder,
.contact-form textarea::placeholder {
  color: rgba(0, 0, 0, 0.24) !important;
  opacity: 1;
}

.contact-info-icons a:hover svg path {
  stroke: #d4a017 !important;
}

.contact-info .elementor-icon-box-description a,
.contact-info-icons a,
.contact-info-icons a * {
  transition: 0.5s all ease !important;
  -webkit-transition: 0.5s all ease !important;
  -moz-transition: 0.5s all ease !important;
  -ms-transition: 0.5s all ease !important;
  -o-transition: 0.5s all ease !important;
}

/* Contact Page */

/* About Page Why Shop At NCE */

body:not(.elementor-editor-active) .features-list {
  --e-con-grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
}

body:not(.elementor-editor-active) .features-list>.e-con:nth-child(5n + 1),
body:not(.elementor-editor-active) .features-list>.e-con:nth-child(5n + 2),
body:not(.elementor-editor-active) .features-list>.e-con:nth-child(5n + 3) {
  grid-column: span 2 !important;
}

body:not(.elementor-editor-active) .features-list>.e-con:nth-child(5n + 4),
body:not(.elementor-editor-active) .features-list>.e-con:nth-child(5n + 5) {
  grid-column: span 3 !important;
}

.about-counter {
  max-width: 230px;
  width: 100%;
}

/* About Page Why Shop At NCE */

@media (max-width: 1366px) {



  .contact-form .elementor-button {
    margin-top: 20px !important;
  }

  .contact-page-map .conatct-map {
    height: 500px !important;
  }


}

@media (max-width: 1200px) {


  .contact-form .elementor-button {
    margin-top: 0px !important;
  }

  .contact-page-map .conatct-map {
    height: 450px !important;
  }
}

@media (max-width: 1024px) {
  /* .banner-video {
    height: 522px;
  } */

  .contact-page-map .conatct-map {
    height: 400px !important;
  }

  body:not(.elementor-editor-active) .features-list>.e-con:nth-child(5n + 1),
  body:not(.elementor-editor-active) .features-list>.e-con:nth-child(5n + 2),
  body:not(.elementor-editor-active) .features-list>.e-con:nth-child(5n + 3) {
    grid-column: span 3 !important;
  }

  .contact-form textarea.elementor-field-textual {
    height: 129px;
  }
}

@media (max-width: 880px) {

  .contact-page-map .conatct-map {
    height: 350px !important;
  }
}

@media (max-width: 767px) {

  .banner-bottom {
    display: grid !important;
    grid-template-columns: 2fr 2fr;
  }



  .about-detail {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    grid-template-rows: repeat(2, 1fr) !important;
    row-gap: 20px !important;
    justify-content: center !important;
  }


  hr.about-detail-divider {
    display: none !important;
  }
}

@media (max-width: 576px) {


  .about-detail {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    align-content: center;
  }



  hr.about-detail-divider {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  hr.about-detail-divider,
  hr#about-divider {
    width: 280px !important;
    height: 1px !important;
    margin: 0 !important;
    border: none !important;
    background: #ffffff80 !important;
  }

  .team-grid>.elementor-element {
    max-width: 100% !important;
  }

  body:not(.elementor-editor-active) .features-list {
    display: grid !important;
    grid-template-columns: 1fr !important;
    --e-con-grid-template-columns: 1fr !important;
  }

  body:not(.elementor-editor-active) .features-list>.e-con {
    grid-column: auto !important;
    grid-column: span 1 !important;
  }

  .contact-info .elementor-icon-box-wrapper {
    flex-direction: column !important;
  }

  .contact-info .elementor-icon-box-wrapper {
    /* align-items: center;
    text-align: center !important; */
    gap: 0px !important;
  }

  .contact-info span.elementor-icon {
    padding-top: 0px;
  }

}