/*----------------------------------- FIRST SECTION -----------------------------------*/
.c-section--1 {
  padding-top: 0 !important;
}


/* news swiper */
.swiper.news-swiper {
  width: 100%;
  height: 100vh;
  margin-left: auto;
  margin-right: auto;
}

.swiper-slide.news-swiper-slide {
  background: #fff;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  color: #fff;
  cursor: grab;
}

.swiper-slide.news-swiper-slide {
  background-color: var(--royal-blue-color);
  background-image: url("./../../img/news-slider-bg-01.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

/* content styling */
.swiper-slide.news-swiper-slide .container {
  margin-top: auto;
  padding-bottom: 2rem;
  padding-top: var(--section-padding);
}

.news-slider-title h4 {
  color: #fff;
  text-transform: capitalize;
  font-family: "Noto Sans, Medium";
}

.news-slider-subtitle-wrapper {
  position: relative;
}

.news-slider-subtitle-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.news-subtitle h3 {
  color: #fff;
  font-family: "Stone Sans, SemiBold";
  font-size: 2.5rem;
  line-height: 3rem;
}

.news-desc-box {
  position: relative;
  background-color: #022C7B;
  padding: 2rem;
  color: #fff;
}

.news-slider-sec-row {
  position: relative;
  width: 60%;
  float: right;
  clear: left;
}

.news-desc-box .row {
  display: flex;
  justify-content: space-between;
}

.news-date {
  position: relative;
  display: flex;
  gap: .4rem;
  align-items: center;
}

.news-day {
  position: relative;
}

.news-day p {
  font-family: "Stone Sans, SemiBold";
  font-size: 4rem;
  margin-bottom: 0 !important;
}

.news-month p,
.news-year p {
  font-family: "Noto Sans, Medium";
  text-transform: uppercase;
  margin-bottom: 0 !important;
}

/* custom button on right position */
.swiper-custom-nav-wrapper {
  position: absolute;
  display: flex;
  align-items: center;
  height: 100%;
  z-index: 10;
  width: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
}

/* .customNav-swiper {
    position: absolute;
    width: 100%;
    max-width: 160px;
    margin: 0 auto !important;
    top: 50%;
    left: auto;
    right: 15px;
    z-index: 10;
  } */

.customNav-swiper {
  transition: .3s ease-in-out all;
}

.customNav-swiper .swiper-button-next {
  right: 10px !important;
  left: auto !important;
  pointer-events: all;
}

.customNav-swiper .swiper-button-prev {
  left: 10px !important;
  right: auto !important;
  pointer-events: all;
}

.customNav-swiper .swiper-button-next,
.customNav-swiper .swiper-button-prev {
  top: 50% !important;
}

.customNav-swiper .swiper-button-next:hover,
.customNav-swiper .swiper-button-prev:hover {
  background-image: url('./../../img/main-btn-blue-fill.svg');
}

.customNav-swiper .swiper-button-next.swiper-button-disabled,
.customNav-swiper .swiper-button-prev.swiper-button-disabled {
  pointer-events: none !important;
}

.news-slider-content .news-slider-first-row {
  position: relative;
  transform: translateX(2rem);
}

@media (max-width: 767px) {

  .news-slider-content .news-slider-first-row {
    position: relative;
    transform: unset !important;
  }

  /* change bg on mobile */
  .swiper-slide.news-swiper-slide:nth-child(1) {
    background-image: url("./../../img/news-slider-bg-01-mbl.jpg") !important;
  }

  .swiper-slide.news-swiper-slide:nth-child(2) {
    background-image: url("./../../img/news-slider-bg-02-mbl.jpg") !important;
  }


  .swiper-button-prev,
  .swiper-container-rtl .swiper-button-next,
  .swiper-button-prev2,
  .swiper-container-rtl .swiper-button-next2,
  .swiper-button-next,
  .swiper-container-rtl .swiper-button-prev,
  .swiper-button-next2,
  .swiper-container-rtl .swiper-button-prev2 {
    width: 45px !important;
    height: 45px !important;
    bottom: -30px !important;
  }


  .swiper-button-prev,
  .swiper-container-rtl .swiper-button-next,
  .swiper-button-prev2,
  .swiper-container-rtl .swiper-button-next2,
  .swiper-button-next,
  .swiper-container-rtl .swiper-button-prev,
  .swiper-button-next2,
  .swiper-container-rtl .swiper-button-prev2 {
    top: 60px !important;
  }

  /* .news-slider-first-row {
      transform: translateY(-55px);
    } */

  .customNav-swiper {
    position: unset !important;
    transform: unset !important;
  }

  .customNav-swiper .swiper-button-next {
    right: 10px !important;
    left: auto !important;
  }

  .customNav-swiper .swiper-button-prev {
    left: 10px !important;
    right: auto !important;
  }

  .customNav-swiper .swiper-button-next,
  .customNav-swiper .swiper-button-prev {
    top: 80%;
  }


  .news-slider-sec-row {
    width: 100% !important;
  }

  .news-desc-box {
    padding: 1rem 2rem !important;
  }

  .swiper-slide.news-swiper-slide .container {
    padding-left: var(--gap-padding) !important;
    padding-right: var(--gap-padding) !important;
  }

  .news-desc-box .row {
    display: flex;
    flex-direction: column !important;
  }

  .news-day p {
    font-size: 2rem !important;
  }

  .news-month p,
  .news-year p {
    font-size: .7rem !important;
    line-height: 1rem !important;
  }

  .news-details .main-btn {
    text-align: right !important;
  }

  .news-slider-title h4 {
    font-size: .8rem !important;
    text-align: center;
  }

  .news-subtitle h3 {
    font-size: 1.5rem !important;
    line-height: 1.5em !important;
    text-align: center;
  }
}

@media (max-width: 400px) {

  .swiper-button-prev,
  .swiper-container-rtl .swiper-button-next,
  .swiper-button-prev2,
  .swiper-container-rtl .swiper-button-next2,
  .swiper-button-next,
  .swiper-container-rtl .swiper-button-prev,
  .swiper-button-next2,
  .swiper-container-rtl .swiper-button-prev2 {
    top: 10px !important;
  }

  .customNav-swiper .swiper-button-next,
  .customNav-swiper .swiper-button-prev {
    top: 72% !important;
  }


}


@media screen and (min-width : 1500px) {

  .swiper-slide.news-swiper-slide .container {
    padding-bottom: 4rem;
  }

  .news-slider-sec-row {
    position: relative;
    width: 55%;
  }
}


@media screen and (min-width: 768px) and (max-width: 1024px) {

  .news-slider-content .news-slider-first-row {
    position: relative;
    transform: unset !important;
  }

  .swiper-slide.news-swiper-slide {
    background-image: url("./../../img/news-slider-bg-01-i.jpg");
  }

  .news-slider-sec-row {
    width: 100% !important;
  }

  .news-desc-box .row {
    display: flex;
    flex-direction: column !important;
  }

  .news-desc-box {
    padding: 1rem !important;
  }

  .news-day p {
    font-size: 2.3rem !important;
  }

  .news-month p,
  .news-year p {
    font-size: .85rem !important;
  }

}


/* surface duo */
@media screen and (min-width: 540px) and (max-width: 720px) {
  .customNav-swiper {
    transform: translateX(10rem) translateY(7rem) !important;
  }

  .customNav-swiper .swiper-button-next {
    right: auto !important;
    left: 10px !important;
  }

  .customNav-swiper .swiper-button-prev {
    left: auto !important;
    right: 10px !important;
  }
}

/* landscape */
@media screen and (min-width: 300px) and (max-width: 1024px) and (orientation: landscape) {
  .swiper.news-swiper {
    min-height: 245vh;
  }

  .customNav-swiper .swiper-button-next,
  .customNav-swiper .swiper-button-prev {
    top: 50% !important;
  }
}

/*----------------------------------- END FIRST SECTION -----------------------------------*/


/*----------------------------------- SECOND SECTION -----------------------------------*/
.c-section--2 {
  background-color: var(--white-color);
}

.c-section--2::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, #06060600, #D7ECE4);
  pointer-events: none;
  max-height: 40%;
}

.c-section--2::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, #06060600, #fff);
  pointer-events: none;
  max-height: 30%;
  z-index: -1;
}




/* on mobile product tab */
.filter-wrapper-desktop {
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}

.product-tab-header-m>a {
  width: 100%;
  float: left;
  color: #D6D6D6;
  font-size: 15px;
  text-decoration: none;
  overflow: hidden;
  text-align: center;
}

.product-tab-title-m {
  transition: unset !important;
}




/* toggle btn for tabs */
.dropdown-switch:checked+.dropdown-options-filter .dropdown-select {
  visibility: visible;
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1) translateX(-50%);
}

.dropdown-switch:checked+.dropdown-options-filter .dropdown-filter:after {
  transform: rotate(-135deg);
}

.dropdown-options-filter {
  position: relative;
  width: 100%;
  cursor: pointer;
  display: block;
}

.dropdown-filter {
  padding: .2em .4em;
  position: relative;
  border: 1px solid #70707042;
  border-radius: 0.45rem;
  margin: 0 0.2em;
  transition: background 0.23s linear;
  cursor: pointer;
  min-width: 12em;
  min-height: 3em;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  /* align-items: center; */
  background: transparent;
  flex-direction: column;
}

.dropdown-filter::after {
  content: "";
  position: absolute;
  top: 45%;
  right: 10px;
  width: 10px;
  height: 10px;
  -webkit-transform: translateY(-50%) rotate(45deg);
  transform: translateY(-50%) rotate(45deg);
  border-right: 2px solid #707070;
  border-bottom: 2px solid #707070;
  transition: 0.2s ease;
}

.dropdown-select {
  position: absolute;
  top: 100%;
  width: 100%;
  overflow: hidden;
  background: var(--white-color);
  border-top: 1px solid #eee;
  border-radius: 0.45rem;
  z-index: 1;
  background: #fff;
  -webkit-transform: scale(1, 0);
  transform: scale(1, 0) translateX(-50%);
  -webkit-transform-origin: top center;
  transform-origin: top center;
  visibility: hidden;
  transition: 0.2s ease;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  left: 50%;
  /* min-width: 20em; */
  margin-top: 15px;
}

.dropdown-filter p {
  margin-bottom: 0;
  color: #70777B;
  font-size: .9rem;
}

.dropdown-filter-selected {
  font-size: .9rem;
  font-family: 'Stone Sans, SemiBold';
  text-transform: capitalize;
}

.dropdown-select-option {
  padding: 10px;
  box-sizing: border-box;
  cursor: pointer;
  font-family: "Noto Sans, Light";
  font-size: .9rem;
  transition: 0.3s ease-in-out all;
  color: var(--dark-blue-color);
}

.dropdown-select-option.product-title-active-m {
  background: #f8f8f8;
  font-family: "Noto Sans, Black" !important;
  color: #022C7B;
}

.dropdown-select-option:hover {
  background: #f8f8f8;
  color: #022C7B;
}

/* submit button */
#search-cover {
  padding-left: 10px !important;
}




/* news blog section */
.in-news-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
  gap: 3rem;
}

.in-news-box {
  position: relative;
  width: 100%;
  max-width: 400px;
  min-height: 460px;
  padding: 2rem;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.in-news-box::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: transparent linear-gradient(180deg, #0000 0%, #0000 0%, #00000070 50%, #000 100%) 0% 0% no-repeat padding-box;
  z-index: 0;
  transition: .3s ease-in-out all;
}

/* set bg here */
.in-news-box.in-news-bg-1 {
  background-image: url("./../../img/news-thumbnail-01.jpg");
}

.in-news-box.in-news-bg-2 {
  background-image: url("./../../img/news-thumbnail-02.jpg");
}

.in-news-box.in-news-bg-3 {
  background-image: url("./../../img/news-thumbnail-03.jpg");
}

.in-news-box.in-news-bg-4 {
  background-image: url("./../../img/news-thumbnail-04.jpg");
}

.in-news-bottom {
  margin-top: auto;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  z-index: 2;
}

.in-news-bottom::after {
  content: '';
  position: absolute;
  top: -15px;
  left: -10%;
  background-color: var(--dark-grey-color);
  width: 110%;
  height: 1px;
  opacity: .6;
}

.in-news-date .news-day p {
  font-family: "Stone Sans, SemiBold";
  font-size: 3rem;
  margin-bottom: 0 !important;
  color: var(--white-color);
}

.in-news-date .news-month p,
.in-news-date .news-year p {
  font-family: "Noto Sans, Medium";
  text-transform: uppercase;
  margin-bottom: 0 !important;
  color: var(--white-color);
  font-size: .9rem;
  line-height: 1.2rem;
}

.in-news-title h4 {
  color: var(--white-color);
  font-size: 1.3rem;
  letter-spacing: 2.31px;
}

.in-news-item .col-6 {
  margin: 0 auto;
  display: flex;
  justify-content: center;
}



/* filter tab styling on mobile */
.filter-tab-parent {
  display: none;
}

.filterTab-m-wrapper {
  display: flex;
  flex-wrap: wrap;
  transform: translateX(-25px);
}

.filter-tab-parent #search-cover {
  padding: 0 !important;
}

.filterTab-header-m {
  padding: .2em .8em;
  position: relative;
  border: 1px solid #70707042;
  border-radius: 0.45rem;
  margin: 0 0.2em;
  transition: .3s ease-in-out all;
  cursor: pointer;
  min-width: 11em;
  min-height: 2em;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.filter-header-m {
  position: relative;
}

.filter-header-m:nth-child(2)::before {
  content: '';
  position: absolute;
  top: 50%;
  left: -25px;
  width: 3px;
  height: 3px;
  background-color: #093349;
  border-radius: 50%;
  transform: translateY(-50%);
  opacity: .35;
}

.filter-header-m p {
  margin-bottom: 0 !important;
  font-size: .9rem;
  font-family: 'Stone Sans, SemiBold';
  color: var(--dark-blue-color);
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  width: 80px;
}

/* styling text after selected options */
.year-filter p,
.categories-filter p {
  margin-bottom: 0 !important;
  font-size: .9rem;
  font-family: 'Stone Sans, SemiBold';
  color: var(--dark-blue-color);
}


@media (max-width: 1024px) {
  .filter-wrapper-desktop {
    display: none !important;
  }

  .filter-tab-parent {
    display: flex !important;
    justify-content: center !important;
  }
}


@media (max-width: 767px) {


  .c-section--2 {
    background-color: var(--white-color);
    padding-top: calc(var(--section-padding) /2);
  }

  .in-news-wrapper {
    gap: 1rem;
  }

  .in-news-box {
    min-height: 345px !important;
  }

  .in-news-title h4 {
    font-size: 1rem !important;
    letter-spacing: 0 !important;
  }

  /* landscape */
  @media screen and (min-width: 300px) and (max-width: 1024px) and (orientation: landscape) {

    .in-news-section .container.medium {
      padding-left: var(--container-padding) !important;
      padding-right: var(--container-padding) !important;
    }

    .in-news-wrapper {
      gap: 2rem;
    }

    .in-news-box {
      max-width: 280px;
      min-height: 310px;
      padding: 1rem;
    }

  }


}

@media screen and (min-width: 768px) and (max-width: 1024px) {

  .c-section--2 {
    background-color: var(--white-color);
    padding-top: calc(var(--section-padding) / 2);
    /* padding-bottom: unset !important; */
  }

  .in-news-section .container.medium {
    padding-left: var(--container-padding) !important;
    padding-right: var(--container-padding) !important;
  }

  .in-news-wrapper {
    gap: 2rem;
  }

  .in-news-box {
    max-width: 280px;
    min-height: 310px;
    padding: 1rem;
  }

  .in-news-title h4 {
    font-size: 1rem !important;
  }

}

/*----------------------------------- END SECOND SECTION -----------------------------------*/



/*----------------------------------- MEDIA GALLERY SECTION -----------------------------------*/
.c-section--3 {
  background-image: url('./../../img/Media-Gallery-Background.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.c-section--3::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to top, #06060600, #ffffff) !important;
  pointer-events: none;
  max-height: 20%;
}

.c-section--3::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, #06060600, #D7ECE4);
  pointer-events: none;
  /* max-height: 40%; */
}

.c-section--3 .flex-end-section {
  float: unset !important;
  justify-content: center !important;
  max-width: 90%;
}


/* media cover styling */
.media-gallery-cover-wrapper {
  position: relative;
  display: flex;
  align-items: center;
  padding: 2rem 4rem;
}

.media-gallery-cover-wrapper::before {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 85%;
  height: 85%;
  background-color: var(--royal-blue-color)
}

.media-gallery-cover {
  position: relative;
}

.media-gallery-cover img {
  max-width: 90%;
}

.cta-big-button-wrapper {
  transform: translateY(4rem);
}

.media-gallery-cover-wrapper:hover .cta-big-button img {
  transform: translateX(10px);
}

@media (max-width: 767px) {
  .c-section--3 .two-column-wrapper-img-2 {
    display: block !important;
  }

  .c-section--3 .flex-end-section {
    margin: 0 auto !important;
  }

  .media-gallery-cover-wrapper {
    display: flex;
    flex-direction: column;
    padding: 2rem 1rem;
  }

  .media-gallery-cover-wrapper::before {
    width: 90% !important;
  }

  .media-gallery-cover {
    position: relative;
    padding-bottom: 2rem;
  }

  .media-gallery-cover img {
    max-width: 80%;
  }

  .media-gallery-cover-wrapper .cta-big-button img {
    width: 35px !important;
  }

  .media-gallery-cover-wrapper .cta-big-button-wrapper {
    transform: unset;
  }

  .media-gallery-cover-wrapper .cta-big-button-wrapper a {
    flex-direction: row;
  }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {

  .c-section--3 .two-column-wrapper-img-2 {
    display: block !important;
  }

  .media-gallery-cover img {
    max-width: 90% !important;
  }
}

/* landscape */
@media screen and (min-width: 300px) and (max-width: 1024px) and (orientation: landscape) {

  .c-section--3 .two-column-wrapper-img-2 {
    display: block !important;
  }

  .media-gallery-cover-wrapper {
    position: relative;
    display: flex;
    align-items: center;
    padding: 2rem 4rem;
    flex-direction: row !important;
  }

  .media-gallery-cover img {
    max-width: 90% !important;
  }

  .cta-big-button-wrapper a {
    position: relative;
    display: flex;
    flex-direction: column !important;
    gap: 2rem !important;
    justify-content: center !important;
  }

  .cta-big-button-wrapper {
    transform: unset !important;
  }
}


/*----------------------------------- END GALLERY MEDIA SECTION -----------------------------------*/