/* MOBILE SLIDER STYLES STARTS HERE */
section.discover-the-fotona .mobile-view {
  overflow-x: hidden;
}
.discover-slider figure img {
  object-fit: cover;
  object-position: center;
  height: 100%;
  width: 100%;
}

section.discover-the-fotona .border-dot span.end-dots {
  width: 100%;
  height: 1px;
  background: #a6a9aa;
  display: inline-block;
  position: relative;
}

section.discover-the-fotona .border-dot span.end-dots::before {
  content: "";
  position: absolute;
  left: 0;
  right: auto;
  top: 50%;
  background: #ff0000;
  width: 14px;
  height: 14px;
  border-radius: 100px;
  transform: translateY(-50%);
}

section.discover-the-fotona .border-dot span.end-dots::after {
  content: "";
  position: absolute;
  right: 0;
  left: auto;
  top: 50%;
  background: #ff0000;
  width: 14px;
  height: 14px;
  border-radius: 100px;
  transform: translateY(-50%);
}

section.discover-the-fotona .slick-prev,
section.discover-the-fotona .slick-next {
  display: flex;
  justify-content: center;
  align-items: center;  
  background: #ff0000;
  width: 30px;
  height: 32px;
}

section.discover-the-fotona .slick-prev {
  border-radius: 48px 0 0 48px;
  left: 0;
}

section.discover-the-fotona .slick-next {
  border-radius: 0 48px 48px 0;
  left: 30px;
}

section.discover-the-fotona button {
  position: absolute;
  z-index: 9;
}

section.discover-the-fotona .border-dot {
  position: relative;
  display: none;
}

.discover-the-fotona .border-dot.showthearrow {
    margin-top: 32px;
    display: block;
    padding-right: 0;
    
}

section.discover-the-fotona .slick-arrow {
  display: flex;
}


.discover-slider.slick-slider {
  margin-bottom: 32px;
}

.discover-slider .slick-slide {
  margin-right: 2%;
}

.discover-slider .slick-list {
  overflow: visible;
}

@media (max-width: 1024px) {

  .discover-the-fotona .border-dot.showthearrow {
    padding-right: 0;
  }
}

@media (max-width: 481px) {
  section.discover-the-fotona .mobile-view .border-dot.showthearrow {
    display: block;
  }
}

.slide-count-wrap-discover {
  margin-top: 24px;
  margin-bottom: 8px;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
}

/* card-info */
.card-info p.caps {
  margin-bottom: 16px;
}


/* why-fotona-btn */
.why-fotona-btn a {
  color: #fff;
  display: inline-block;
  width: 100%;
  margin-top: 32px;
  height: 48px;
  padding: 8px 24px;
  line-height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}

@media (max-width: 768px) {
  .slider-item .card-info p.caps {
    margin-bottom: 0;
  }
}
@media (min-width: 1024px) {
  section.discover-the-fotona .extra {
    display: none;
  }
}
/* MOBILE SLIDER STYLES ENDS HERE */

/* GENERAL DISCOVER FOTONA STYLES STARTS HERE */

section.discover-the-fotona.has-mobile-slider .discover-wrapper {
  display: none;
}
section.discover-the-fotona span.list-number {
  display: none;
}
section.discover-the-fotona .inner-card {
  width: 100%;
  max-width: max(calc(40% + 20px), calc(330px + 20px));
  margin: auto;
  padding: 32px 20px;
}
section.discover-the-fotona .discover_card {
  border-top: 1px solid #A6A9AA;
  transition: all 0.3s;
}

section.discover-the-fotona figure {
  margin-bottom: 24px;
}

section.discover-the-fotona figure img {
  width: 100%;
  border-radius: 100%;
  aspect-ratio: 1/1;
  object-position: center;
  object-fit: cover;
}
section.discover-the-fotona:not(.number-grid) .discover_card figure img {
  filter: grayscale(100%);
  transition: all 0.3s;
}

section.discover-the-fotona.number-grid .inner-card {
  padding: 24px 20px 40px 20px;
}

section.discover-the-fotona.number-grid figure {
  display: flex;
  flex-direction: row;
  align-items: cennter;
  justify-content: start;
  margin-bottom: 16px;
}
section.discover-the-fotona.number-grid span.list-number {
  display: block;
  align-self: center;
}
section.discover-the-fotona.number-grid figure img,
section.discover-the-fotona .headings img {
  max-width: 75px;
}
.why-fotona-red-card {
  background-color: #FF0000;
}
section.discover-the-fotona .discover_card.active {
  background-color: #EFEFEF;
}
section.discover-the-fotona .discover_card.active figure img {
  filter: grayscale(0%);
}

@media (min-width: 1024px) {
  section.discover-the-fotona.has-mobile-slider .discover-wrapper {
    display: grid;
  }

  section.discover-the-fotona .grid-container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
  }
  section.discover-the-fotona .discover_card {
    border-right: 1px solid #A6A9AA;
    width: 100%;
  }
  section.discover-the-fotona .discover_card:hover {
    background-color: #EFEFEF;
  }
  section.discover-the-fotona .headings {
    order: 1;
    grid-column: 1/ span 2;
    grid-row: 1 / span 1 ;
    border-right: 1px solid #A6A9AA;
  }
  section.discover-the-fotona .discover_card.first {
    order: 3;
    grid-row: 2 / span 3;
  }
  section.discover-the-fotona .discover_card.first .inner-box,
  section.discover-the-fotona .rest:nth-of-type(3n) .inner-box {
    margin-left: auto;
    margin-right: 0;
  }
  section.discover-the-fotona .discover_card.second {
    order: 4;
    grid-row: 2 / span 3;
  }
  section.discover-the-fotona .discover_card.third {
    order: 2;
    grid-row: 1 / span 3;
    border-top: none;
    border-right: none;
  }
  section.discover-the-fotona .discover_card.third .inner-box,
  section.discover-the-fotona .rest:nth-of-type(3n + 2) .inner-box{
    margin-left: 0;
    margin-right: auto;
  }
  section.discover-the-fotona .rest:nth-of-type(3n + 2) {
    border-right: none;
  }
  section.discover-the-fotona .why-fotona-red-card {
    order: 5;
    grid-row: 4 / span 1;
  }
  section.discover-the-fotona .discover_card:hover figure img {
    filter: grayscale(0%);
  }
  section.discover-the-fotona.number-grid figure img,
  section.discover-the-fotona .headings img {
    max-width: 90px;
  }
}
@media (min-width: 1024px) {
  section.discover-the-fotona.has-mobile-slider .discover-wrapper {
    display: grid;
  }
  section.discover-the-fotona .grid-container {
    grid-template-columns: 1fr calc(1024px/3) 1fr;
  }
  section.discover-the-fotona .discover_card .inner-box {
    max-width: calc(1024px/3);
    padding-left: 32px;
    padding-right: 32px;
  }
  section.discover-the-fotona .inner-headings-container {
    max-width: calc(1024px/3*2);
    margin-left: auto;
    margin-right: 0px;
    width: 100%;
    padding-left: 32px;
    padding-right: 32px;
  }
  section.discover-the-fotona .why-fotona-red-card a {
    max-width: calc(1024px/3);
    margin-left: 0px;
    margin-right: auto;
    padding-left: 32px;
    padding-right: 32px;
  }
  section.discover-the-fotona:not(.number-grid) .why-fotona-red-card a {
    padding-top: 90px;
    padding-bottom: 90px;
  }
}

@media (min-width: 1280px) {
  section.discover-the-fotona .grid-container {
    grid-template-columns: 1fr calc(1280px/3) 1fr;
  }
  section.discover-the-fotona .discover_card .inner-box {
    max-width: calc(1280px/3);
    padding: 48px 80px 64px 80px;
  }
  section.discover-the-fotona .inner-headings-container {
    max-width: calc(1280px/3*2);
    padding-left: 80px;
    padding-right: 80px;
  }
  section.discover-the-fotona .why-fotona-red-card a {
    max-width: calc(1280px/3);
    padding-left: 80px;
    padding-right: 80px;
  }
}

@media (min-width: 1440px) {
  section.discover-the-fotona .grid-container {
    grid-template-columns: 1fr calc(1440px/3) 1fr;
  }
  section.discover-the-fotona .discover_card .inner-box {
    max-width: calc(1440px/3);
  }
  section.discover-the-fotona .inner-headings-container {
    max-width: calc(1440px/3*2);
  }
}
/* GENERAL DISCOVER FOTONA STYLES ENDS HERE */

/* IF MODULE IS ON TOP OF TESTIMONIAL SLIDER WITH A BOTTOM BORDER, THEN REMOVE THE TOP BORDER OF DISCOVER FOTONA MODULE */
.testimonial-slider.border-b + section.discover-the-fotona {
  border-top: none;
}
@media (max-width: 1024px) {
  section.discover-the-fotona.border-y.border-brand-fotonaSilver.has-mobile-slider .extra {
    display: none;
  }
}